@linktr.ee/messaging-react 4.2.1 → 4.2.2-rc-1787413492

package/dist/{index-wG3iH9e6.js → index-BIT5ol4i.js}

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as f, Fragment as Q } from "react/jsx-runtime";
+import { jsx as n, jsxs as h, Fragment as Q } from "react/jsx-runtime";
 import F, { createContext as Re, useMemo as re, useContext as ge, useCallback as J, useState as B, useRef as V, useEffect as X, useId as us, Suspense as ms } from "react";
 import { StreamChatService as hs } from "@linktr.ee/messaging-core";
 import { StreamChat as fs, LinkPreviewsManager as at } from "stream-chat";
@@ -53,7 +53,7 @@ const Se = {
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [u, h] = B(null), [m, g] = B(null), [l, v] = B(!1), [w, b] = B(!1), [x, p] = B(null), y = V(!1), _ = V(null), I = V(s);
+  const [u, f] = B(null), [m, g] = B(null), [l, v] = B(!1), [w, b] = B(!1), [x, p] = B(null), y = V(!1), _ = V(null), I = V(s);
   I.current = s;
   const M = V(i);
   M.current = i;
@@ -86,7 +86,7 @@ const Se = {
   X(() => {
     const z = $.current, P = I.current;
     if (o) {
-      _.current = null, h(null), g(null), v(!1), p(null), b(!1);
+      _.current = null, f(null), g(null), v(!1), p(null), b(!1);
       return;
     }
     if (!a || !C || !P) {
@@ -109,7 +109,7 @@ const Se = {
       // Resolved, because the service swaps its console defaults out wholesale.
       ...P.logger || !T.current ? {} : { logger: Nn(T.current) }
     });
-    _.current = q, h(q), d("✅ SERVICE SET", {
+    _.current = q, f(q), d("✅ SERVICE SET", {
       renderCount: z,
       serviceInstance: !!q
     });
@@ -361,7 +361,7 @@ const ye = ({
       children: c
     }
   ) });
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ h(
     "div",
     {
       className: k("relative flex-shrink-0", a),
@@ -412,7 +412,7 @@ const ye = ({
   onBlockParticipantClick: c,
   onReportParticipantClick: d,
   onActionComplete: u,
-  logLabel: h = "useChannelModerationActions"
+  logLabel: f = "useChannelModerationActions"
 }) => {
   var R;
   const { service: m, debug: g } = dt(), l = (R = t == null ? void 0 : t.user) == null ? void 0 : R.id, v = !!(a && s && m && l), [w, b] = B(!1), [x, p] = B(null), [y, _] = B(!1), [I, M] = B(!1), T = v && ((x == null ? void 0 : x.participantId) !== l || (x == null ? void 0 : x.service) !== m);
@@ -432,14 +432,14 @@ const ye = ({
           )
         );
       } catch (S) {
-        E || console.error(`[${h}] Failed to check blocked status:`, S);
+        E || console.error(`[${f}] Failed to check blocked status:`, S);
       } finally {
         E || p({ participantId: l, service: m });
       }
     })(), () => {
       E = !0;
     };
-  }, [v, m, l, h]), {
+  }, [v, m, l, f]), {
     isParticipantBlocked: w,
     isCheckingBlockedStatus: T,
     isLeaving: y,
@@ -447,12 +447,12 @@ const ye = ({
     handleLeaveConversation: async () => {
       var E;
       if (!y) {
-        o == null || o(), g && console.log(`[${h}] Leave conversation`, e.cid), _(!0);
+        o == null || o(), g && console.log(`[${f}] Leave conversation`, e.cid), _(!0);
         try {
           const S = ((E = e._client) == null ? void 0 : E.userID) ?? null;
           await e.hide(S, !1), r && await r(e), u == null || u();
         } catch (S) {
-          console.error(`[${h}] Failed to leave conversation`, S);
+          console.error(`[${f}] Failed to leave conversation`, S);
         } finally {
           _(!1);
         }
@@ -461,11 +461,11 @@ const ye = ({
     handleBlockUser: async () => {
       var E, S, O;
       if (!(I || !m)) {
-        c == null || c(), g && console.log(`[${h}] Block member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), M(!0);
+        c == null || c(), g && console.log(`[${f}] Block member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), M(!0);
         try {
           await m.blockUser((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), i && await i((O = t == null ? void 0 : t.user) == null ? void 0 : O.id), u == null || u();
         } catch (j) {
-          console.error(`[${h}] Failed to block member`, j);
+          console.error(`[${f}] Failed to block member`, j);
         } finally {
           M(!1);
         }
@@ -474,11 +474,11 @@ const ye = ({
     handleUnblockUser: async () => {
       var E, S, O;
       if (!(I || !m)) {
-        c == null || c(), g && console.log(`[${h}] Unblock member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), M(!0);
+        c == null || c(), g && console.log(`[${f}] Unblock member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), M(!0);
         try {
           await m.unBlockUser((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), i && await i((O = t == null ? void 0 : t.user) == null ? void 0 : O.id), u == null || u();
         } catch (j) {
-          console.error(`[${h}] Failed to unblock member`, j);
+          console.error(`[${f}] Failed to unblock member`, j);
         } finally {
           M(!1);
         }
@@ -516,7 +516,7 @@ const ye = ({
   onDeleteConversationClick: c,
   onBlockParticipantClick: d,
   onReportParticipantClick: u,
-  customChannelActions: h,
+  customChannelActions: f,
   triggerClassName: m
 }) => {
   const [g, l] = B(!1), v = V(null), w = us(), b = J(() => l(!1), []), {
@@ -551,8 +551,8 @@ const ye = ({
     return document.addEventListener("mousedown", A), document.addEventListener("keydown", C), () => {
       document.removeEventListener("mousedown", A), document.removeEventListener("keydown", C);
     };
-  }, [g]), !t || !(s || a || r || !!h) ? null : /* @__PURE__ */ f("div", { ref: v, className: "relative", children: [
-    /* @__PURE__ */ f(
+  }, [g]), !t || !(s || a || r || !!f) ? null : /* @__PURE__ */ h("div", { ref: v, className: "relative", children: [
+    /* @__PURE__ */ h(
       "button",
       {
         className: m,
@@ -576,8 +576,8 @@ const ye = ({
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
           "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
         ),
-        children: /* @__PURE__ */ f("ul", { className: "flex flex-col gap-1", children: [
-          s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(
+        children: /* @__PURE__ */ h("ul", { className: "flex flex-col gap-1", children: [
+          s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
             ke,
             {
               onClick: I,
@@ -592,11 +592,11 @@ const ye = ({
           a && /* @__PURE__ */ n("li", { children: p ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ f(ke, { disabled: !0, "aria-busy": !0, children: [
+            /* @__PURE__ */ h(ke, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ n(ze, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
-          ) : x ? /* @__PURE__ */ f(
+          ) : x ? /* @__PURE__ */ h(
             ke,
             {
               onClick: T,
@@ -607,7 +607,7 @@ const ye = ({
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
-          ) : /* @__PURE__ */ f(
+          ) : /* @__PURE__ */ h(
             ke,
             {
               onClick: M,
@@ -619,11 +619,11 @@ const ye = ({
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(ke, { variant: "danger", onClick: D, children: [
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(ke, { variant: "danger", onClick: D, children: [
             /* @__PURE__ */ n(vn, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
-          h
+          f
         ] })
       }
     )
@@ -639,7 +639,7 @@ const ye = ({
   showBlockParticipant: c = !0,
   showReportParticipant: d = !0,
   onDeleteConversationClick: u,
-  onBlockParticipantClick: h,
+  onBlockParticipantClick: f,
   onReportParticipantClick: m,
   customChannelActions: g,
   renderChannelActions: l,
@@ -666,7 +666,7 @@ const ye = ({
         O
       );
     }
-  }, A = /* @__PURE__ */ f(Q, { children: [
+  }, A = /* @__PURE__ */ h(Q, { children: [
     /* @__PURE__ */ n(
       ye,
       {
@@ -685,9 +685,9 @@ const ye = ({
           "relative z-10 flex max-w-full flex-col items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-filter duration-150 group-hover:brightness-95",
           D ? "pl-3 pr-2" : "px-3"
         ),
-        children: /* @__PURE__ */ f("span", { className: "flex max-w-full items-center justify-center", children: [
+        children: /* @__PURE__ */ h("span", { className: "flex max-w-full items-center justify-center", children: [
           /* @__PURE__ */ n("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: y }),
-          D && /* @__PURE__ */ f("span", { className: "ml-2 flex gap-1", children: [
+          D && /* @__PURE__ */ h("span", { className: "ml-2 flex gap-1", children: [
             M && /* @__PURE__ */ n(
               "span",
               {
@@ -724,7 +724,7 @@ const ye = ({
         "@container bg-[linear-gradient(180deg,#FBFAF9_0%,rgba(251,250,249,0.92)_58%,rgba(251,250,249,0)_100%)]",
         e
       ),
-      children: /* @__PURE__ */ f("div", { className: "grid min-h-[100px] grid-cols-[minmax(40px,1fr)_auto_minmax(40px,1fr)] items-start pb-2 pt-5 @lg:min-h-[104px] @lg:pt-6", children: [
+      children: /* @__PURE__ */ h("div", { className: "grid min-h-[100px] grid-cols-[minmax(40px,1fr)_auto_minmax(40px,1fr)] items-start pb-2 pt-5 @lg:min-h-[104px] @lg:pt-6", children: [
         /* @__PURE__ */ n("div", { className: "flex items-start", children: s && /* @__PURE__ */ n(
           "button",
           {
@@ -749,7 +749,7 @@ const ye = ({
             children: A
           }
         ) : /* @__PURE__ */ n("div", { className: "flex min-w-0 max-w-full flex-col items-center px-2", children: A }) }),
-        /* @__PURE__ */ f("div", { className: "flex items-start justify-end gap-2", children: [
+        /* @__PURE__ */ h("div", { className: "flex items-start justify-end gap-2", children: [
           a && /* @__PURE__ */ n(
             "button",
             {
@@ -781,7 +781,7 @@ const ye = ({
               onLeaveConversation: r,
               onBlockParticipant: i,
               onDeleteConversationClick: u,
-              onBlockParticipantClick: h,
+              onBlockParticipantClick: f,
               onReportParticipantClick: m,
               customChannelActions: g,
               triggerClassName: Qe
@@ -881,7 +881,7 @@ const Xa = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const h = ue(t), m = V(null), g = V(null), l = V(null), v = V(r), [w, b] = B(a), [x, p] = B(0), [y, _] = B(!1), [I, M] = B(!1), [T, D] = B(!1), [$, A] = B(!1), [C, R] = B(!0), [E, S] = B(null), O = J(() => {
+  const f = ue(t), m = V(null), g = V(null), l = V(null), v = V(r), [w, b] = B(a), [x, p] = B(0), [y, _] = B(!1), [I, M] = B(!1), [T, D] = B(!1), [$, A] = B(!1), [C, R] = B(!0), [E, S] = B(null), O = J(() => {
     D(!1), b(!0);
   }, []), j = J((N) => {
     const L = g.current;
@@ -933,7 +933,7 @@ const Xa = (e) => {
     };
   }, [y, j, z]);
   const G = E ? { aspectRatio: String(E) } : void 0, Z = E ? "" : " aspect-video", Y = Math.round(x * 100);
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
@@ -957,7 +957,7 @@ const Xa = (e) => {
         }
       },
       children: [
-        s && (h === "audio" || C) && /* @__PURE__ */ n(
+        s && (f === "audio" || C) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -965,11 +965,11 @@ const Xa = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (h === "audio" || C) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: we(t, {
+        !s && (f === "audio" || C) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: we(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
-        /* @__PURE__ */ n("div", { className: "absolute inset-0", children: h === "audio" ? /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "absolute inset-0", children: f === "audio" ? /* @__PURE__ */ n(
           "audio",
           {
             ref: m,
@@ -1060,7 +1060,7 @@ const Xa = (e) => {
             ) })
           }
         ) }),
-        o && /* @__PURE__ */ f("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: [
+        o && /* @__PURE__ */ h("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",
             {
@@ -1073,7 +1073,7 @@ const Xa = (e) => {
               children: w ? /* @__PURE__ */ n(fa, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(ot, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ h(
             "div",
             {
               role: "slider",
@@ -1127,7 +1127,7 @@ const Xa = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const c = ue(e), [d, u] = B(!1), h = de(t), m = de(s);
+  const c = ue(e), [d, u] = B(!1), f = de(t), m = de(s);
   return t && (c === "video" || c === "audio") ? /* @__PURE__ */ n(
     qa,
     {
@@ -1140,7 +1140,7 @@ const Xa = (e) => {
   ) : t && c === "image" ? o ? /* @__PURE__ */ n("div", { className: `relative ${et(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
-      src: h ?? t,
+      src: f ?? t,
       alt: a ?? "",
       className: `absolute inset-0 h-full w-full object-contain transition-opacity duration-300 ${d ? "opacity-100" : "opacity-0"}`,
       draggable: !1,
@@ -1149,7 +1149,7 @@ const Xa = (e) => {
   ) }) : /* @__PURE__ */ n(
     "img",
     {
-      src: h ?? t,
+      src: f ?? t,
       alt: a ?? "",
       className: "block w-full",
       draggable: !1
@@ -1209,14 +1209,14 @@ const Xa = (e) => {
   action: c,
   topLeft: d,
   topRight: u,
-  rootRef: h,
+  rootRef: f,
   "data-testid": m
 }) => {
   const g = e === "dark", l = g ? s ?? a : s ?? "", v = g && !s;
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ h(
     "div",
     {
-      ref: h,
+      ref: f,
       "data-testid": m,
       className: k(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
@@ -1226,7 +1226,7 @@ const Xa = (e) => {
         d ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute left-3 top-3 z-50", children: d }) : null,
         u ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-50", children: u }) : null,
         t,
-        /* @__PURE__ */ f("div", { className: "px-4 pb-3 pt-3", children: [
+        /* @__PURE__ */ h("div", { className: "px-4 pb-3 pt-3", children: [
           l.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
@@ -1238,7 +1238,7 @@ const Xa = (e) => {
               children: l
             }
           ),
-          /* @__PURE__ */ f("div", { className: "flex flex-wrap items-center gap-1", children: [
+          /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
             we(r, {
               className: k(
                 "size-5 shrink-0",
@@ -1286,7 +1286,7 @@ function tr(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const mt = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, c = i ?? o, d = typeof c == "string" && c.trim() !== "" ? c : void 0, u = /* @__PURE__ */ f(F.Fragment, { children: [
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, c = i ?? o, d = typeof c == "string" && c.trim() !== "" ? c : void 0, u = /* @__PURE__ */ h(F.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1301,7 +1301,7 @@ const mt = ({ attachment: e, isMyMessage: t }) => {
         children: /* @__PURE__ */ n(ga, { className: `size-12 ${tr(t)}` })
       }
     ) }),
-    /* @__PURE__ */ f("div", { className: "px-3 pb-3", children: [
+    /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
       s && /* @__PURE__ */ n(
         "p",
         {
@@ -1382,7 +1382,7 @@ const sr = ({
           className: "size-4 animate-spin text-white",
           weight: "bold"
         }
-      ) : /* @__PURE__ */ f(F.Fragment, { children: [
+      ) : /* @__PURE__ */ h(F.Fragment, { children: [
         /* @__PURE__ */ n(Ie, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1401,13 +1401,13 @@ function ft(e) {
     (w) => w.type === "file" && w.asset_url
   ), i = t ?? s ?? a ?? r, o = (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 (!o) return null;
-  const c = (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, u = i == null ? void 0 : i.file_size, h = t == null ? void 0 : t.thumb_url;
+  const c = (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, u = i == null ? void 0 : i.file_size, f = t == null ? void 0 : t.thumb_url;
   return {
     resolvedUrl: o,
     resolvedType: c,
     title: d,
     fileSize: u,
-    thumbnailUrl: h
+    thumbnailUrl: f
   };
 }
 const On = ({
@@ -1472,7 +1472,7 @@ const On = ({
   isMyMessage: t = !1
 }) => {
   const s = ht(e), a = ft(e);
-  return !s && !a ? null : /* @__PURE__ */ f("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", "data-dd-privacy": "mask", children: [
+  return !s && !a ? null : /* @__PURE__ */ h("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", "data-dd-privacy": "mask", children: [
     !t && e.user && /* @__PURE__ */ n(
       ye,
       {
@@ -1537,7 +1537,7 @@ const On = ({
 function cr(e) {
   return ge(Fn)[e] ?? lr[e];
 }
-const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import("./Card-3VtiPkQH.js")), mr = () => /* @__PURE__ */ n(
+const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import("./Card-Bg6qe3Um.js")), mr = () => /* @__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)]",
@@ -1589,26 +1589,26 @@ const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import(
     return null;
   if (a) {
     const g = (m = e.metadata) == null ? void 0 : m.amount_text;
-    return g ? /* @__PURE__ */ f("div", { className: "message-tag--paid inline-flex items-center gap-1 text-[12px] font-medium leading-[2] text-[#016630]", children: [
+    return g ? /* @__PURE__ */ h("div", { className: "message-tag--paid inline-flex items-center gap-1 text-[12px] font-medium leading-[2] text-[#016630]", children: [
       /* @__PURE__ */ n(pa, { size: 12 }),
-      /* @__PURE__ */ f("span", { children: [
+      /* @__PURE__ */ h("span", { children: [
         "Delivered with ",
         g,
         " message"
       ] })
     ] }) : null;
   }
-  const i = t && s, o = i ? "Sent with AI" : "Sent by AI Assistant", c = "inline-flex items-center text-[10px] font-normal leading-4 tracking-[0.2px]", d = i ? "justify-end gap-2 text-black/30" : t ? "w-full justify-start gap-1.5 mt-3 px-4 text-white/55" : "w-full justify-start gap-1.5 mt-3 px-4 text-black/30", u = /* @__PURE__ */ n("span", { className: "text-left", children: o }), h = /* @__PURE__ */ n("span", { className: "inline-flex items-center leading-none", children: /* @__PURE__ */ n(hr, { size: i ? 12 : 15 }) });
+  const i = t && s, o = i ? "Sent with AI" : "Sent by AI Assistant", c = "inline-flex items-center text-[10px] font-normal leading-4 tracking-[0.2px]", d = i ? "justify-end gap-2 text-black/30" : t ? "w-full justify-start gap-1.5 mt-3 px-4 text-white/55" : "w-full justify-start gap-1.5 mt-3 px-4 text-black/30", u = /* @__PURE__ */ n("span", { className: "text-left", children: o }), f = /* @__PURE__ */ n("span", { className: "inline-flex items-center leading-none", children: /* @__PURE__ */ n(hr, { size: i ? 12 : 15 }) });
   return /* @__PURE__ */ n(
     "div",
     {
       className: `${c} ${d}`,
       "data-testid": "message-chatbot-indicator",
-      children: t && !i ? /* @__PURE__ */ f(Q, { children: [
+      children: t && !i ? /* @__PURE__ */ h(Q, { children: [
         u,
-        h
-      ] }) : /* @__PURE__ */ f(Q, { children: [
-        h,
+        f
+      ] }) : /* @__PURE__ */ h(Q, { children: [
+        f,
         u
       ] })
     }
@@ -1675,7 +1675,7 @@ const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import(
 }, yr = ({ message: e }) => {
   var s;
   const t = (s = e.metadata) == null ? void 0 : s.amount_text;
-  return t ? /* @__PURE__ */ f("div", { className: "message-tip-pill inline-flex items-end gap-0.5 max-w-[520px] rounded-[1.5rem] bg-[#43e660] px-4 py-3 text-white", children: [
+  return t ? /* @__PURE__ */ h("div", { className: "message-tip-pill inline-flex items-end gap-0.5 max-w-[520px] rounded-[1.5rem] bg-[#43e660] px-4 py-3 text-white", children: [
     /* @__PURE__ */ n(
       "span",
       {
@@ -1684,7 +1684,7 @@ const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import(
         children: "🎁"
       }
     ),
-    /* @__PURE__ */ f("span", { className: "text-[14px] font-bold leading-[1.43] tracking-[0.28px] text-[rgba(4,4,3,0.9)]", children: [
+    /* @__PURE__ */ h("span", { className: "text-[14px] font-bold leading-[1.43] tracking-[0.28px] text-[rgba(4,4,3,0.9)]", children: [
       t,
       " tip!"
     ] })
@@ -1699,10 +1699,10 @@ const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import(
       }
   })();
   return e.id === s;
-}, $e = () => pt() ? /* @__PURE__ */ f(Q, { children: [
+}, $e = () => pt() ? /* @__PURE__ */ h(Q, { children: [
   /* @__PURE__ */ n(xa, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
-] }) : null, Nr = () => pt() ? /* @__PURE__ */ f(Q, { children: [
+] }) : null, Nr = () => pt() ? /* @__PURE__ */ h(Q, { children: [
   /* @__PURE__ */ n(
     xe,
     {
@@ -1716,7 +1716,7 @@ const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import(
   outbound: e,
   onOutboundClick: t
 }) => {
-  const s = e.name || "Broadcast", r = /* @__PURE__ */ f(Q, { children: [
+  const s = e.name || "Broadcast", r = /* @__PURE__ */ h(Q, { children: [
     /* @__PURE__ */ n("span", { className: "sent-message-outbound-badge", "aria-hidden": "true", children: /* @__PURE__ */ n(va, { weight: "fill" }) }),
     /* @__PURE__ */ n(
       "span",
@@ -1739,14 +1739,14 @@ const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import(
       children: r
     }
   ) : r;
-}, Cr = () => /* @__PURE__ */ f("span", { className: "str-chat__message-status sent-message-status--failed", children: [
+}, Cr = () => /* @__PURE__ */ h("span", { className: "str-chat__message-status sent-message-status--failed", children: [
   /* @__PURE__ */ n(ba, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-failed-status", children: "Failed to send" })
 ] }), Sr = ({
   onOutboundClick: e,
   resolvedOutbound: t
 }) => {
-  var h;
+  var f;
   const { isMyMessage: s, message: a, threadList: r } = pe(
     "SentMessageDeliveryStatus"
   ), i = s(), o = pt();
@@ -1756,7 +1756,7 @@ const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import(
     return /* @__PURE__ */ n(Cr, {});
   if (!i)
     return null;
-  const c = (h = a.metadata) == null ? void 0 : h.outbound_id, d = a.status !== "sending" && a.status !== "failed" && c && t ? /* @__PURE__ */ n(
+  const c = (f = a.metadata) == null ? void 0 : f.outbound_id, d = a.status !== "sending" && a.status !== "failed" && c && t ? /* @__PURE__ */ n(
     kr,
     {
       outbound: t,
@@ -1771,7 +1771,7 @@ const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import(
       MessageSendingStatus: $n(a) ? $e : Nr
     }
   );
-  return d ? /* @__PURE__ */ f("span", { className: "sent-message-status-row", children: [
+  return d ? /* @__PURE__ */ h("span", { className: "sent-message-status-row", children: [
     u,
     u && o && /* @__PURE__ */ n("span", { className: "sent-message-outbound-separator", "aria-hidden": "true", children: "•" }),
     d
@@ -1854,7 +1854,7 @@ const Tr = {
   url: c,
   appIcon: d,
   cta: u,
-  trailingAction: h,
+  trailingAction: f,
   isLoading: m = !1
 }) => {
   const g = e === "dark", l = a ?? (g ? r : void 0) ?? "", v = l.trim() !== "", w = i != null && i.trim() !== "", b = typeof c == "string" ? c.trim() : "", x = b !== "", p = u != null;
@@ -1876,7 +1876,7 @@ const Tr = {
       "animate-pulse rounded",
       Lr[e]
     );
-    return /* @__PURE__ */ n("div", { className: "shrink-0 px-4 py-3", children: /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-col gap-[2px]", children: [
+    return /* @__PURE__ */ n("div", { className: "shrink-0 px-4 py-3", children: /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-col gap-[2px]", children: [
       /* @__PURE__ */ n("div", { className: k("h-5 w-3/4", $), "aria-hidden": !0 }),
       /* @__PURE__ */ n("div", { className: k("h-4 w-1/2", $), "aria-hidden": !0 })
     ] }) });
@@ -1888,10 +1888,10 @@ const Tr = {
     WebkitLineClamp: o,
     overflow: "hidden"
   } : T;
-  return /* @__PURE__ */ f("div", { className: "shrink-0 px-4 py-3", children: [
-    /* @__PURE__ */ f("div", { className: "flex items-end gap-3", children: [
-      /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
-        v && /* @__PURE__ */ f("div", { className: "flex min-w-0 items-center gap-2", children: [
+  return /* @__PURE__ */ h("div", { className: "shrink-0 px-4 py-3", children: [
+    /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
+      /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
+        v && /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", children: [
           d ? /* @__PURE__ */ n("span", { className: "shrink-0", children: d }) : null,
           /* @__PURE__ */ n(
             "p",
@@ -1913,7 +1913,7 @@ const Tr = {
           }
         )
       ] }),
-      h && /* @__PURE__ */ n("div", { className: "shrink-0", children: h })
+      f && /* @__PURE__ */ n("div", { className: "shrink-0", children: f })
     ] }),
     u && /* @__PURE__ */ n(Un, { variant: t ?? e, cta: u })
   ] });
@@ -1938,7 +1938,7 @@ const Tr = {
   bgClassName: c,
   accentHex: d,
   fixedHeight: u = !1,
-  busy: h = !1,
+  busy: f = !1,
   "data-testid": m
 }) => {
   const g = s != null || a != null, l = k(
@@ -1966,8 +1966,8 @@ const Tr = {
     // tailwind preset — outline-none + a black 2px focus-visible ring
     // with offset, so keyboard users can see the focused card.
     g ? "cursor-pointer no-underline focus-ring" : null
-  ), v = h ? { role: "status", "aria-busy": !0, "aria-label": Mr } : void 0, w = d ? { "--accent": d } : void 0, b = o ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null;
-  return s ? /* @__PURE__ */ f(
+  ), v = f ? { role: "status", "aria-busy": !0, "aria-label": Mr } : void 0, w = d ? { "--accent": d } : void 0, b = o ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null;
+  return s ? /* @__PURE__ */ h(
     "a",
     {
       ref: i,
@@ -1985,7 +1985,7 @@ const Tr = {
         b
       ]
     }
-  ) : a ? /* @__PURE__ */ f(
+  ) : a ? /* @__PURE__ */ h(
     "button",
     {
       ref: i,
@@ -2002,7 +2002,7 @@ const Tr = {
         b
       ]
     }
-  ) : /* @__PURE__ */ f(
+  ) : /* @__PURE__ */ h(
     "div",
     {
       ref: i,
@@ -2038,7 +2038,7 @@ const Tr = {
   isLoading: c = !1,
   onImageError: d
 }) => {
-  const u = ue(r), h = !!s && u === "video", m = de(t);
+  const u = ue(r), f = !!s && u === "video", m = de(t);
   return !c && Le(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
@@ -2048,7 +2048,7 @@ const Tr = {
       className: "block w-full",
       children: /* @__PURE__ */ n("track", { kind: "captions" })
     }
-  ) }) : /* @__PURE__ */ f(
+  ) }) : /* @__PURE__ */ h(
     "div",
     {
       className: k(
@@ -2056,7 +2056,7 @@ const Tr = {
         // every pixel the chin doesn't, which is 168px at a two-line title
         // and 188px at one.
         "relative min-h-0 w-full flex-1 overflow-hidden",
-        h && "bg-black"
+        f && "bg-black"
       ),
       children: [
         c ? (
@@ -2075,7 +2075,7 @@ const Tr = {
               "aria-hidden": !0
             }
           )
-        ) : h ? /* @__PURE__ */ f(Q, { children: [
+        ) : f ? /* @__PURE__ */ h(Q, { children: [
           /* @__PURE__ */ n(
             "video",
             {
@@ -2151,12 +2151,12 @@ function Ke({
   }, [r]);
   const u = F.useCallback(() => {
     d(!0);
-  }, []), h = Le(i, o), l = a === "featured" && !!r && !h && !c && s === "ready" && t != null && Fr.test(t.trim()) ? zr(t) : void 0, v = h ? jn : $r[e];
+  }, []), f = Le(i, o), l = a === "featured" && !!r && !f && !c && s === "ready" && t != null && Fr.test(t.trim()) ? zr(t) : void 0, v = f ? jn : $r[e];
   return {
     thumbnailUrl: c ? void 0 : r,
     accentHex: l,
     chinTextColor: v,
-    surface: h ? "light" : e,
+    surface: f ? "light" : e,
     isLoading: s === "loading",
     onImageError: u
   };
@@ -2172,7 +2172,7 @@ const Ur = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   sourceUrl: c,
   layout: d = "featured",
   appIcon: u,
-  cta: h,
+  cta: f,
   accentColor: m,
   status: g = "ready",
   onDismiss: l,
@@ -2209,7 +2209,7 @@ const Ur = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       children: /* @__PURE__ */ n(wa, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return x && !p.isLoading ? /* @__PURE__ */ n(Te, { variant: "dark", bgClassName: wt, children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2 pr-3", children: [
+  return x && !p.isLoading ? /* @__PURE__ */ n(Te, { variant: "dark", bgClassName: wt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
       Ae,
       {
@@ -2220,7 +2220,7 @@ const Ur = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       }
     ) }),
     y && /* @__PURE__ */ n("div", { className: "shrink-0", children: y })
-  ] }) }) : /* @__PURE__ */ f(
+  ] }) }) : /* @__PURE__ */ h(
     Te,
     {
       variant: "dark",
@@ -2254,7 +2254,7 @@ const Ur = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
             descriptionLines: a,
             url: r,
             appIcon: u,
-            cta: h,
+            cta: f,
             trailingAction: _,
             isLoading: p.isLoading
           }
@@ -2271,7 +2271,7 @@ const Ur = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   // `isolate` keeps the tail's negative z-index from escaping behind the
   // thread background; `w-fit` stops the wrapper from stretching in the
   // composer's flex list.
-  /* @__PURE__ */ f("div", { className: "relative isolate w-fit", children: [
+  /* @__PURE__ */ h("div", { className: "relative isolate w-fit", children: [
     a,
     /* @__PURE__ */ n(
       "span",
@@ -2298,7 +2298,7 @@ const Ur = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   layout: c = "featured",
   appIcon: d,
   cta: u,
-  accentColor: h,
+  accentColor: f,
   status: m = "ready",
   onClick: g,
   groupPosition: l = "single"
@@ -2311,7 +2311,7 @@ const Ur = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     }
   } : u, _ = Ke({
     variant: "light",
-    accentColor: h,
+    accentColor: f,
     status: m,
     layout: c,
     thumbnailUrl: i,
@@ -2324,7 +2324,7 @@ const Ur = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       accentHex: _.accentHex,
       side: "receiver",
       visible: p == null && (l === "single" || l === "end"),
-      children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ h(
         Te,
         {
           variant: "light",
@@ -2380,13 +2380,13 @@ const Ur = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   sourceUrl: c,
   layout: d = "featured",
   appIcon: u,
-  cta: h,
+  cta: f,
   accentColor: m,
   status: g = "ready",
   onClick: l,
   groupPosition: v = "single"
 }) => {
-  const w = xt(i, c), b = bt(r), x = h == null && b != null && !w ? b : void 0, p = h == null && !w && x != null ? l : void 0, y = g !== "loading" && Le(i, c), _ = Ke({
+  const w = xt(i, c), b = bt(r), x = f == null && b != null && !w ? b : void 0, p = f == null && !w && x != null ? l : void 0, y = g !== "loading" && Le(i, c), _ = Ke({
     variant: "dark",
     accentColor: m,
     status: g,
@@ -2401,7 +2401,7 @@ const Ur = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       accentHex: _.accentHex,
       side: "sender",
       visible: !y && (v === "single" || v === "end"),
-      children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ h(
         Te,
         {
           variant: "dark",
@@ -2436,7 +2436,7 @@ const Ur = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
                 descriptionLines: a,
                 url: r,
                 appIcon: u,
-                cta: h,
+                cta: f,
                 isLoading: _.isLoading
               }
             )
@@ -2483,8 +2483,8 @@ const Ur = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   children: d,
   "data-testid": u
 }) => {
-  const h = t != null && t !== "", m = o ?? qr[Xr(e)][a];
-  return /* @__PURE__ */ f(
+  const f = t != null && t !== "", m = o ?? qr[Xr(e)][a];
+  return /* @__PURE__ */ h(
     "div",
     {
       "data-testid": u,
@@ -2510,7 +2510,7 @@ const Ur = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         // Tailwind always emits in that order inside its `padding`
         // plugin — unlike the same-utility `rounded-*` clash above,
         // there is no ambiguity to resolve.
-        h && "pb-0",
+        f && "pb-0",
         m,
         Yr[e],
         Wr[e],
@@ -2520,7 +2520,7 @@ const Ur = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       ),
       children: [
         d,
-        h ? /* @__PURE__ */ n(
+        f ? /* @__PURE__ */ n(
           "p",
           {
             className: k(
@@ -2570,7 +2570,7 @@ const Ur = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Jr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Jr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -2593,7 +2593,7 @@ const Ur = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   preload: c,
   onDismiss: d
 }) => {
-  const u = Oe(e), h = e === "composer" && !!d, m = Zr({ src: t, mimeType: s, filename: a, items: r });
+  const u = Oe(e), f = e === "composer" && !!d, m = Zr({ src: t, mimeType: s, filename: a, items: r });
   if (m.length === 0)
     return null;
   const g = c ?? (m.length > 1 ? "none" : "metadata");
@@ -2612,7 +2612,7 @@ const Ur = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            h && v === 0 ? /* @__PURE__ */ n(De, { onClick: d, variant: "inline" }) : void 0
+            f && v === 0 ? /* @__PURE__ */ n(De, { onClick: d, variant: "inline" }) : void 0
           )
         },
         `${l.src}-${v}`
@@ -2686,7 +2686,7 @@ const oi = {
   activateLabel: o,
   trailingAction: c
 }) => {
-  const d = s ?? t ?? "File", u = ii(a, t, r), h = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", u = ii(a, t, r), f = /* @__PURE__ */ n(
     "div",
     {
       className: k(
@@ -2699,7 +2699,7 @@ const oi = {
         weight: "regular"
       })
     }
-  ), m = /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 flex-col text-left", children: [
+  ), m = /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-1 flex-col text-left", children: [
     /* @__PURE__ */ n("p", { className: "truncate font-medium leading-snug", children: d }),
     u ? /* @__PURE__ */ n(
       "p",
@@ -2711,7 +2711,7 @@ const oi = {
         children: u
       }
     ) : null
-  ] }), g = i ? /* @__PURE__ */ f(
+  ] }), g = i ? /* @__PURE__ */ h(
     "button",
     {
       type: "button",
@@ -2722,15 +2722,15 @@ const oi = {
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
       ),
       children: [
-        h,
+        f,
         m
       ]
     }
-  ) : /* @__PURE__ */ f(Q, { children: [
-    h,
+  ) : /* @__PURE__ */ h(Q, { children: [
+    f,
     m
   ] });
-  return /* @__PURE__ */ f("div", { className: "flex items-center gap-3 px-3 py-2", children: [
+  return /* @__PURE__ */ h("div", { className: "flex items-center gap-3 px-3 py-2", children: [
     g,
     c ? /* @__PURE__ */ n("div", { className: "shrink-0", children: c }) : null
   ] });
@@ -2788,9 +2788,9 @@ const di = ({
   text: c,
   groupPosition: d,
   onClick: u,
-  onDismiss: h
+  onDismiss: f
 }) => {
-  const m = Oe(e), g = e === "composer" && !!h, l = di({
+  const m = Oe(e), g = e === "composer" && !!f, l = di({
     src: t,
     filename: s,
     fileSize: a,
@@ -2831,7 +2831,7 @@ const di = ({
           item: b,
           index: x,
           onActivate: v,
-          trailingAction: g && x === 0 ? /* @__PURE__ */ n(De, { onClick: h, variant: "inline" }) : w
+          trailingAction: g && x === 0 ? /* @__PURE__ */ n(De, { onClick: f, variant: "inline" }) : w
         },
         `${b.src}-${x}`
       )) })
@@ -2846,7 +2846,7 @@ const di = ({
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ f(Q, { children: [
+}) => /* @__PURE__ */ h(Q, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -2884,7 +2884,7 @@ const di = ({
       }));
     },
     [c, e, t, o]
-  ), h = r ?? s !== "pill", g = { className: k(
+  ), f = r ?? s !== "pill", g = { className: k(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -2928,13 +2928,13 @@ const di = ({
       className: Gn,
       children: c ? /* @__PURE__ */ n(xe, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Ie, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
-  ) : /* @__PURE__ */ f(
+  ) : /* @__PURE__ */ h(
     "button",
     {
       type: "button",
       onClick: u,
       disabled: c,
-      "aria-label": h ? a : void 0,
+      "aria-label": f ? a : void 0,
       className: k(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
@@ -2948,7 +2948,7 @@ const di = ({
             "aria-hidden": !0
           }
         ) : /* @__PURE__ */ n(Ie, { ...g, "aria-hidden": !0 }),
-        h ? null : a
+        f ? null : a
       ]
     }
   );
@@ -2972,8 +2972,8 @@ const di = ({
     if (!s || e <= 1) return;
     const d = (u) => {
       if (u.key !== "ArrowLeft" && u.key !== "ArrowRight") return;
-      const h = document.activeElement;
-      h && (h.tagName === "VIDEO" || h.tagName === "AUDIO") || (u.preventDefault(), u.key === "ArrowLeft" ? o() : c());
+      const f = document.activeElement;
+      f && (f.tagName === "VIDEO" || f.tagName === "AUDIO") || (u.preventDefault(), u.key === "ArrowLeft" ? o() : c());
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [s, e, o, c]), { index: r, prev: o, next: c };
@@ -3032,7 +3032,7 @@ const di = ({
   // `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__ */ f(
+  /* @__PURE__ */ h(
     "dialog",
     {
       ref: c,
@@ -3046,9 +3046,9 @@ const di = ({
         m.target === c.current && t();
       },
       children: [
-        /* @__PURE__ */ f("div", { className: "pointer-events-none absolute inset-x-3 top-3 z-[1] flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ h("div", { className: "pointer-events-none absolute inset-x-3 top-3 z-[1] flex items-center justify-between gap-3", children: [
           a ? /* @__PURE__ */ n("span", { className: "pointer-events-auto inline-flex items-center rounded-full bg-white/[0.12] px-3 py-1.5 text-[13px] font-medium leading-none tabular-nums text-white", children: a }) : null,
-          /* @__PURE__ */ f("div", { className: "pointer-events-auto ml-auto inline-flex items-center gap-2", children: [
+          /* @__PURE__ */ h("div", { className: "pointer-events-auto ml-auto inline-flex items-center gap-2", children: [
             r,
             /* @__PURE__ */ n(
               "button",
@@ -3081,7 +3081,7 @@ const di = ({
     () => (c == null ? void 0 : c.filename) ?? (c ? ie(c.src) : "image"),
     [c]
   );
-  return c ? /* @__PURE__ */ f(
+  return c ? /* @__PURE__ */ h(
     St,
     {
       open: e,
@@ -3141,33 +3141,36 @@ const di = ({
 }) => {
   const i = e.length;
   if (i === 0) return null;
-  const o = e.slice(0, Math.min(i, s)), c = i - o.length, d = (h, m, g) => {
-    var v;
-    const l = k(
+  const o = e.slice(0, Math.min(i, s)), c = i - o.length, d = c > 0 ? /* @__PURE__ */ h("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
+    "+",
+    c
+  ] }) : null, u = (m, g, l) => {
+    var w;
+    const v = k(
       pi,
       "h-full w-full",
-      (v = bi[o.length]) == null ? void 0 : v[m]
+      (w = bi[o.length]) == null ? void 0 : w[g]
     );
-    return t ? /* @__PURE__ */ f(
+    return t ? /* @__PURE__ */ h(
       "button",
       {
         type: "button",
-        onClick: () => t(m),
-        "aria-label": h.ariaLabel ?? `Open media ${m + 1}`,
-        className: k(l, "cursor-zoom-in"),
+        onClick: () => t(g),
+        "aria-label": m.ariaLabel ?? `Open media ${g + 1}`,
+        className: k(v, "cursor-zoom-in"),
         children: [
-          h.content,
-          g
+          m.content,
+          l
         ]
       },
-      m
-    ) : /* @__PURE__ */ f("div", { className: l, children: [
-      h.content,
       g
-    ] }, m);
+    ) : /* @__PURE__ */ h("div", { className: v, children: [
+      m.content,
+      l
+    ] }, g);
   };
-  let u;
-  return a && (u = {
+  let f;
+  return a && (f = {
     aspectRatio: a,
     // Hundredths keep the emitted declaration readable in devtools;
     // the rounding error is well under a device pixel.
@@ -3181,8 +3184,8 @@ const di = ({
         a ? xi : "aspect-square w-full",
         r
       ),
-      style: u,
-      children: d(o[0], 0)
+      style: f,
+      children: u(o[0], 0, d)
     }
   ) : o.length === 2 ? /* @__PURE__ */ n(
     "div",
@@ -3191,9 +3194,15 @@ const di = ({
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         r
       ),
-      children: o.map((h, m) => d(h, m))
+      children: o.map(
+        (m, g) => u(
+          m,
+          g,
+          g === o.length - 1 ? d : null
+        )
+      )
     }
-  ) : o.length === 3 ? /* @__PURE__ */ f(
+  ) : o.length === 3 ? /* @__PURE__ */ h(
     "div",
     {
       className: k(
@@ -3201,9 +3210,9 @@ const di = ({
         r
       ),
       children: [
-        /* @__PURE__ */ n("div", { className: "row-span-2", children: d(o[0], 0) }),
-        d(o[1], 1),
-        d(o[2], 2)
+        /* @__PURE__ */ n("div", { className: "row-span-2", children: u(o[0], 0) }),
+        u(o[1], 1),
+        u(o[2], 2, d)
       ]
     }
   ) : /* @__PURE__ */ n(
@@ -3220,15 +3229,12 @@ const di = ({
         "grid aspect-[379/286] w-full grid-cols-2 grid-rows-2 gap-0.5",
         r
       ),
-      children: o.map((h, m) => {
-        const g = c > 0 && m === o.length - 1;
-        return d(
-          h,
+      children: o.map((m, g) => {
+        const l = c > 0 && g === o.length - 1;
+        return u(
           m,
-          g ? /* @__PURE__ */ f("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
-            "+",
-            c
-          ] }) : null
+          g,
+          l ? d : null
         );
       })
     }
@@ -3279,7 +3285,7 @@ const di = ({
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), Ni = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: o, viewerIndex: c, handleActivate: d, closeViewer: u } = Pe(r);
-  return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
+  return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
       "button",
       {
@@ -3317,7 +3323,7 @@ const di = ({
       if (!d || d.naturalWidth <= 0 || d.naturalHeight <= 0 || t === void 0) return;
       const u = d.naturalWidth / d.naturalHeight;
       a(
-        (h) => h && h.src === t && h.ratio === u ? h : { src: t, ratio: u }
+        (f) => f && f.src === t && f.ratio === u ? f : { src: t, ratio: u }
       );
     },
     [t]
@@ -3341,7 +3347,7 @@ const di = ({
   loading: c = "lazy",
   onClick: d
 }) => {
-  const u = yi({ src: t, alt: s, items: r }), h = Oe(e), { viewerOpen: m, viewerIndex: g, handleActivate: l, closeViewer: v } = Pe(d), w = u.length === 1, b = Ci(w ? u[0] : void 0);
+  const u = yi({ src: t, alt: s, items: r }), f = Oe(e), { viewerOpen: m, viewerIndex: g, handleActivate: l, closeViewer: v } = Pe(d), w = u.length === 1, b = Ci(w ? u[0] : void 0);
   if (u.length === 0)
     return null;
   const x = u.map(
@@ -3354,10 +3360,10 @@ const di = ({
       onLoad: w ? b.onLoad : void 0
     })
   );
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ h(
     Me,
     {
-      variant: h,
+      variant: f,
       text: i,
       groupPosition: o,
       bordered: !1,
@@ -3407,7 +3413,7 @@ const di = ({
     () => c ? Ri(c.src) : void 0,
     [c]
   );
-  return !c || !u ? null : /* @__PURE__ */ f(
+  return !c || !u ? null : /* @__PURE__ */ h(
     St,
     {
       open: e,
@@ -3480,17 +3486,17 @@ const di = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const h = Oe(e), m = Li({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: l, handleActivate: v, closeViewer: w } = Pe(d), b = e === "composer" && !!u;
+  const f = Oe(e), m = Li({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: l, handleActivate: v, closeViewer: w } = Pe(d), b = e === "composer" && !!u;
   if (m.length === 0)
     return null;
   const x = m.map((p) => ({
     src: p.src,
     filename: p.filename ?? ie(p.src)
   }));
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ h(
     Me,
     {
-      variant: h,
+      variant: f,
       text: o,
       groupPosition: c,
       "data-testid": "pdf-attachment",
@@ -3503,13 +3509,13 @@ const di = ({
               filename: _,
               variant: "inline",
               label: `Download ${_}`,
-              tone: h
+              tone: f
             }
           );
           return /* @__PURE__ */ n(
             Mi,
             {
-              variant: h,
+              variant: f,
               item: p,
               index: y,
               onActivate: v,
@@ -3548,7 +3554,7 @@ const di = ({
     () => (c == null ? void 0 : c.filename) ?? (c ? ie(c.src) : "video"),
     [c]
   );
-  return c ? /* @__PURE__ */ f(
+  return c ? /* @__PURE__ */ h(
     St,
     {
       open: e,
@@ -3587,7 +3593,7 @@ const di = ({
 }, zi = () => /* @__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(ot, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Jn = ({
   item: e,
   index: t
-}) => /* @__PURE__ */ f("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
+}) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
   e.poster ? /* @__PURE__ */ n(
     "img",
     {
@@ -3623,8 +3629,8 @@ const di = ({
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), Ui = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: c, viewerIndex: d, handleActivate: u, closeViewer: h } = Pe(i);
-  return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
+  const { viewerOpen: c, viewerIndex: d, handleActivate: u, closeViewer: f } = Pe(i);
+  return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
       "button",
       {
@@ -3642,7 +3648,7 @@ const di = ({
         open: c,
         items: Qn([{ src: e, poster: t, mimeType: s, preload: r }], a),
         initialIndex: d,
-        onClose: h
+        onClose: f
       }
     )
   ] });
@@ -3658,13 +3664,13 @@ const di = ({
   preload: d,
   onClick: u
 }) => {
-  const h = $i({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Oe(e), { viewerOpen: g, viewerIndex: l, handleActivate: v, closeViewer: w } = Pe(u);
-  if (h.length === 0)
+  const f = $i({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Oe(e), { viewerOpen: g, viewerIndex: l, handleActivate: v, closeViewer: w } = Pe(u);
+  if (f.length === 0)
     return null;
-  const b = h.map(
-    (x, p) => Bi(x, p, h.length)
+  const b = f.map(
+    (x, p) => Bi(x, p, f.length)
   );
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ h(
     Me,
     {
       variant: m,
@@ -3677,7 +3683,7 @@ const di = ({
           Zn,
           {
             open: g,
-            items: Qn(h, r),
+            items: Qn(f, r),
             initialIndex: l,
             onClose: w
           }
@@ -3857,7 +3863,7 @@ const eo = ({
   const r = ts(s.attachments);
   if (r.length === 0) return null;
   const i = Ki(r), o = (b = s.text) == null ? void 0 : b.trim(), c = r.find((x) => x.type === "link"), d = (c == null ? void 0 : c.type) === "link" ? ln(c.attachments[0] ?? {}).url : void 0, u = o && Yi(o, d) ? void 0 : o;
-  let h = 0;
+  let f = 0;
   const m = [], g = u ? "middle" : e, l = e === "single" || e === "end", v = (x, p, y) => {
     const _ = t ? lt.Sent : lt.Received;
     m.push(
@@ -3872,11 +3878,11 @@ const eo = ({
     );
   }, w = (x, p) => {
     const y = Xi(
-      h,
+      f,
       i,
       e
     );
-    h += 1, m.push(
+    f += 1, m.push(
       /* @__PURE__ */ n(
         Qi,
         {
@@ -3901,8 +3907,8 @@ const eo = ({
       return;
     }
     w(x, `media-${p}`);
-  }), /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper", children: [
-    /* @__PURE__ */ f(
+  }), /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
+    /* @__PURE__ */ h(
       "div",
       {
         className: "str-chat__message-bubble",
@@ -3919,7 +3925,7 @@ const eo = ({
         ]
       }
     ),
-    u ? /* @__PURE__ */ f(
+    u ? /* @__PURE__ */ h(
       "div",
       {
         className: k("str-chat__message-bubble", {
@@ -3945,7 +3951,7 @@ const eo = ({
     handleAction: c,
     handleOpenThread: d,
     handleRetry: u,
-    highlighted: h,
+    highlighted: f,
     isMessageAIGenerated: m,
     isMyMessage: g,
     message: l,
@@ -4001,7 +4007,7 @@ const eo = ({
     l.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": N,
-      "str-chat__message--highlighted": h,
+      "str-chat__message--highlighted": f,
       "str-chat__message--pinned pinned-message": l.pinned,
       "str-chat__message--with-reactions": L,
       "str-chat__message-send-can-be-retried": (l == null ? void 0 : l.status) === "failed" && ((Ot = l == null ? void 0 : l.error) == null ? void 0 : Ot.status) !== 403,
@@ -4024,7 +4030,7 @@ const eo = ({
     detail: (jt = l.metadata) == null ? void 0 : jt.attachment_detail,
     paymentStatus: (Ht = l.metadata) == null ? void 0 : Ht.payment_status,
     onFetchSource: T ? () => T(l, _) : void 0
-  }, Mt = /* @__PURE__ */ f(
+  }, Mt = /* @__PURE__ */ h(
     "div",
     {
       className: k("str-chat__message-bubble", {
@@ -4036,7 +4042,7 @@ const eo = ({
       ]
     }
   );
-  return /* @__PURE__ */ f(Q, { children: [
+  return /* @__PURE__ */ h(Q, { children: [
     s && /* @__PURE__ */ n(
       E,
       {
@@ -4051,7 +4057,7 @@ const eo = ({
         open: $
       }
     ),
-    /* @__PURE__ */ f(
+    /* @__PURE__ */ h(
       "div",
       {
         className: ls,
@@ -4089,10 +4095,10 @@ const eo = ({
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: Tt ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper message-tip-wrapper", children: [
+              children: Tt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper message-tip-wrapper", children: [
                 /* @__PURE__ */ n(yr, { message: l }),
                 ((Vt = l.text) == null ? void 0 : Vt.trim()) && Mt
-              ] }) : fr(l) ? /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
+              ] }) : fr(l) ? /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                 ee && S && /* @__PURE__ */ n(S, {}),
                 ee ? /* @__PURE__ */ n(Be, { ...Rt, isMine: !0 }) : /* @__PURE__ */ n(
                   Be,
@@ -4104,8 +4110,8 @@ const eo = ({
                   }
                 ),
                 !ee && S && /* @__PURE__ */ n(S, {})
-              ] }) }) : gr(l) ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper message-locked-attachment-wrapper", children: [
-                /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
+              ] }) }) : gr(l) ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper message-locked-attachment-wrapper", children: [
+                /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   ee && S && /* @__PURE__ */ n(S, {}),
                   ee ? /* @__PURE__ */ n(
                     Be,
@@ -4142,7 +4148,7 @@ const eo = ({
                   },
                   renderText: v
                 }
-              ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f(
+              ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h(
                 "div",
                 {
                   className: k("str-chat__message-bubble", {
@@ -4408,19 +4414,19 @@ const eo = ({
   // than through this React tree, bypassing the two wrappers below. The
   // `[&>:not(...)]:p-2` variant restores the container's old inset for any
   // such foreign direct child, without re-adding it to our own wrappers.
-  /* @__PURE__ */ f(
+  /* @__PURE__ */ h(
     "div",
     {
       ref: o,
       className: "central-container flex flex-col min-w-0 w-full max-h-[calc(var(--messaging-surface-height,100dvh)*0.5)] overflow-y-auto overscroll-contain 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)] [&>:not(.messaging-composer-previews):not(.messaging-composer-row)]:p-2",
       "data-dd-privacy": "mask",
       children: [
-        /* @__PURE__ */ f("div", { className: "messaging-composer-previews empty:hidden flex flex-col gap-2 px-2 pt-2", children: [
+        /* @__PURE__ */ h("div", { className: "messaging-composer-previews empty:hidden flex flex-col gap-2 px-2 pt-2", children: [
           /* @__PURE__ */ n(Us, {}),
           /* @__PURE__ */ n(lo, {}),
           /* @__PURE__ */ n(i, {})
         ] }),
-        /* @__PURE__ */ f("div", { className: "messaging-composer-row flex items-start", children: [
+        /* @__PURE__ */ h("div", { className: "messaging-composer-row flex items-start", children: [
           /* @__PURE__ */ n(
             js,
             {
@@ -4449,7 +4455,7 @@ const eo = ({
       ]
     }
   );
-}, un = () => /* @__PURE__ */ f("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
+}, un = () => /* @__PURE__ */ h("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
   /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
   /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
@@ -4464,8 +4470,8 @@ const eo = ({
   disabledReason: r,
   composerInput: i
 }) => {
-  var h;
-  const { channel: o } = _e(), c = ((h = o == null ? void 0 : o.data) == null ? void 0 : h.frozen) === !0, d = !!i, u = F.useRef(null);
+  var f;
+  const { channel: o } = _e(), c = ((f = o == null ? void 0 : o.data) == null ? void 0 : f.frozen) === !0, d = !!i, u = F.useRef(null);
   return F.useEffect(() => {
     if (!d)
       return;
@@ -4490,35 +4496,35 @@ const eo = ({
     return w.observe(m), () => {
       w.disconnect(), g.style.removeProperty("--messaging-composer-height");
     };
-  }, [d]), a ? d ? /* @__PURE__ */ f(
+  }, [d]), a ? d ? /* @__PURE__ */ h(
     "div",
     {
       ref: u,
       className: "messaging-composer-chrome messaging-composer-chrome--floating",
       children: [
         /* @__PURE__ */ n(un, {}),
-        /* @__PURE__ */ f("div", { className: "relative z-10 flex flex-col", children: [
+        /* @__PURE__ */ h("div", { className: "relative z-10 flex flex-col", children: [
           t == null ? void 0 : t(),
           /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: r ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: r }) : null }),
           s == null ? void 0 : s()
         ] })
       ]
     }
-  ) : /* @__PURE__ */ f(Q, { children: [
+  ) : /* @__PURE__ */ h(Q, { children: [
     t == null ? void 0 : t(),
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: r ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: r }) : null }),
     s == null ? void 0 : s()
-  ] }) : d ? /* @__PURE__ */ f(
+  ] }) : d ? /* @__PURE__ */ h(
     "div",
     {
       ref: u,
       className: "messaging-composer-chrome messaging-composer-chrome--floating",
       children: [
         /* @__PURE__ */ n(un, {}),
-        /* @__PURE__ */ f("div", { className: "relative z-10 flex min-h-0 flex-col", children: [
+        /* @__PURE__ */ h("div", { className: "relative z-10 flex min-h-0 flex-col", children: [
           t == null ? void 0 : t(),
-          /* @__PURE__ */ f("div", { className: "flex min-h-0 flex-col gap-4 p-3 pb-5 md:p-5", children: [
-            /* @__PURE__ */ f(
+          /* @__PURE__ */ h("div", { className: "flex min-h-0 flex-col gap-4 p-3 pb-5 md:p-5", children: [
+            /* @__PURE__ */ h(
               "div",
               {
                 inert: c ? "" : void 0,
@@ -4535,9 +4541,9 @@ const eo = ({
         ] })
       ]
     }
-  ) : /* @__PURE__ */ f("div", { className: "flex min-h-0 flex-col gap-4 p-4", children: [
+  ) : /* @__PURE__ */ h("div", { className: "flex min-h-0 flex-col gap-4 p-4", children: [
     t == null ? void 0 : t(),
-    /* @__PURE__ */ f(
+    /* @__PURE__ */ h(
       "div",
       {
         inert: c ? "" : void 0,
@@ -4587,7 +4593,7 @@ const eo = ({
   if (t === -1)
     return e;
   const s = t + nt.length;
-  return /* @__PURE__ */ f(Q, { children: [
+  return /* @__PURE__ */ h(Q, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
@@ -4608,8 +4614,8 @@ const eo = ({
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
     const i = ((a = e.message.text) == null ? void 0 : a.trim()) || mo[s.type];
-    return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-      /* @__PURE__ */ f(
+    return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+      /* @__PURE__ */ h(
         "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)]",
@@ -4634,8 +4640,8 @@ const eo = ({
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
     const i = ((r = e.message.text) == null ? void 0 : r.trim()) || fo[s.type];
-    return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-      /* @__PURE__ */ f(
+    return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+      /* @__PURE__ */ h(
         "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)]",
@@ -4659,8 +4665,8 @@ const eo = ({
       !t && /* @__PURE__ */ n(Ze, { message: e.message })
     ] });
   }
-  return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-    /* @__PURE__ */ f("div", { className: "str-chat__message--system__text", children: [
+  return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+    /* @__PURE__ */ h("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" })
@@ -4703,12 +4709,12 @@ const eo = ({
       var p;
       return (x == null ? void 0 : x.id) !== ((p = r.user) == null ? void 0 : p.id) && !b;
     }
-  ), h = e ? Object.values(i).filter(
+  ), f = e ? Object.values(i).filter(
     ({ parent_id: b, user: x }) => {
       var p;
       return (x == null ? void 0 : x.id) !== ((p = r.user) == null ? void 0 : p.id) && b === (a == null ? void 0 : a.id);
     }
-  ) : [], m = e ? h : u;
+  ) : [], m = e ? f : u;
   if (!m.length)
     return null;
   const g = (w = m[0]) == null ? void 0 : w.user, l = g != null && g.id && t.state.members[g.id] ? t.state.members[g.id].user : void 0;
@@ -4734,7 +4740,7 @@ const eo = ({
     style: {
       marginBottom: "var(--messaging-channel-input-spacer-height, 80px)"
     },
-    children: /* @__PURE__ */ f("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
+    children: /* @__PURE__ */ h("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ n(
         ye,
         {
@@ -4746,8 +4752,8 @@ const eo = ({
           shape: "circle"
         }
       ),
-      /* @__PURE__ */ n("div", { className: "str-chat__message-inner mx-0", children: /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "str-chat__message-bubble relative isolate", children: [
-        /* @__PURE__ */ n("div", { className: "str-chat__message-text min-h-11 flex items-center", children: /* @__PURE__ */ n("div", { className: "str-chat__message-text-inner str-chat__message-simple-text-inner", children: /* @__PURE__ */ f(
+      /* @__PURE__ */ n("div", { className: "str-chat__message-inner mx-0", children: /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble relative isolate", children: [
+        /* @__PURE__ */ n("div", { className: "str-chat__message-text min-h-11 flex items-center", children: /* @__PURE__ */ n("div", { className: "str-chat__message-text-inner str-chat__message-simple-text-inner", children: /* @__PURE__ */ h(
           "svg",
           {
             "aria-hidden": "true",
@@ -4777,12 +4783,12 @@ function No(e, t) {
       return i;
   }
 }
-const ko = () => null, Co = ({ className: e, message: t }) => /* @__PURE__ */ f(
+const ko = () => null, Co = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
     className: k("flex items-center justify-center h-full", e),
     children: [
-      /* @__PURE__ */ f("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
+      /* @__PURE__ */ h("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",
           {
@@ -4820,7 +4826,7 @@ const ko = () => null, Co = ({ className: e, message: t }) => /* @__PURE__ */ f(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Ge = F.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ f("div", { className: "flex items-center", children: [
+), Ge = F.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
   /* @__PURE__ */ n(Co, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
@@ -4836,7 +4842,7 @@ const So = ({
   showDeleteConversation: c = !0,
   onDeleteConversationClick: d,
   onBlockParticipantClick: u,
-  onReportParticipantClick: h,
+  onReportParticipantClick: f,
   showBlockParticipant: m = !0,
   showReportParticipant: g = !0,
   composerDisabled: l = !1,
@@ -4877,7 +4883,7 @@ const So = ({
       showReportParticipant: g,
       onDeleteConversationClick: d,
       onBlockParticipantClick: u,
-      onReportParticipantClick: h,
+      onReportParticipantClick: f,
       customChannelActions: x,
       renderChannelActions: p,
       onParticipantNameClick: M
@@ -4905,20 +4911,20 @@ const So = ({
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ n(Ws, { children: $ ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
-        /* @__PURE__ */ f(
+      children: /* @__PURE__ */ n(Ws, { children: $ ? /* @__PURE__ */ h("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
+        /* @__PURE__ */ h(
           "div",
           {
             className: "messaging-channel-message-list messaging-channel-message-list--floating relative min-h-0 flex-1 overflow-hidden",
             children: [
-              !j && /* @__PURE__ */ n("div", { className: "str-chat__list", children: /* @__PURE__ */ f("div", { className: "str-chat__message-list-scroll", children: [
+              !j && /* @__PURE__ */ n("div", { className: "str-chat__list", children: /* @__PURE__ */ h("div", { className: "str-chat__message-list-scroll", children: [
                 P,
                 z
               ] }) }),
               /* @__PURE__ */ n(
                 Kt,
                 {
-                  head: j ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
+                  head: j ? /* @__PURE__ */ h("div", { className: "sticky top-0 z-10", children: [
                     P,
                     z
                   ] }) : void 0,
@@ -4946,20 +4952,20 @@ const So = ({
           },
           "lt-channel-message-input"
         )
-      ] }) : /* @__PURE__ */ f(Q, { children: [
-        /* @__PURE__ */ f(
+      ] }) : /* @__PURE__ */ h(Q, { children: [
+        /* @__PURE__ */ h(
           "div",
           {
             className: "flex-1 overflow-hidden relative",
             children: [
-              !j && /* @__PURE__ */ n("div", { className: "str-chat__list", children: /* @__PURE__ */ f("div", { className: "str-chat__message-list-scroll", children: [
+              !j && /* @__PURE__ */ n("div", { className: "str-chat__list", children: /* @__PURE__ */ h("div", { className: "str-chat__message-list-scroll", children: [
                 P,
                 z
               ] }) }),
               /* @__PURE__ */ n(
                 Kt,
                 {
-                  head: j ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
+                  head: j ? /* @__PURE__ */ h("div", { className: "sticky top-0 z-10", children: [
                     P,
                     z
                   ] }) : void 0,
@@ -5000,7 +5006,7 @@ const So = ({
     onBlockParticipant: c,
     className: d,
     CustomChannelEmptyState: u = ko,
-    showDeleteConversation: h = !0,
+    showDeleteConversation: f = !0,
     onDeleteConversationClick: m,
     onBlockParticipantClick: g,
     onReportParticipantClick: l,
@@ -5091,7 +5097,7 @@ const So = ({
                 onLeaveConversation: o,
                 onBlockParticipant: c,
                 CustomChannelEmptyState: u,
-                showDeleteConversation: h,
+                showDeleteConversation: f,
                 onDeleteConversationClick: m,
                 onBlockParticipantClick: g,
                 onReportParticipantClick: l,
@@ -5119,7 +5125,7 @@ const So = ({
   }
 );
 ss.displayName = "ChannelView";
-const Ee = F.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ f("div", { className: "text-center max-w-sm", children: [
+const Ee = F.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("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 }),
@@ -5145,7 +5151,7 @@ const fl = ({
   CustomChannelEmptyState: c,
   onBlockParticipantClick: d,
   onReportParticipantClick: u,
-  dmAgentEnabled: h,
+  dmAgentEnabled: f,
   onMessageSent: m,
   viewerLanguage: g,
   renderChannelBanner: l,
@@ -5264,7 +5270,7 @@ const fl = ({
       showDeleteConversation: Z,
       onBlockParticipantClick: d,
       onReportParticipantClick: u,
-      dmAgentEnabled: h,
+      dmAgentEnabled: f,
       onMessageSent: m,
       viewerLanguage: g,
       customChannelActions: v,
@@ -5325,13 +5331,13 @@ const as = F.createContext({
       channelPreview: o,
       renderMessagePreview: c,
       viewerLanguage: d
-    } = To(), { client: u } = Ye(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = Sn(t);
+    } = To(), { client: u } = Ye(), f = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = Sn(t);
     if (o)
       return /* @__PURE__ */ n(
         o,
         {
           ...e,
-          active: h,
+          active: f,
           selectedChannel: a,
           onChannelSelect: r,
           viewerLanguage: d
@@ -5375,7 +5381,7 @@ const as = F.createContext({
     })(), _ = x != null && x.created_at ? Ro(new Date(x.created_at)) : "", I = x ? je(x) : !1, M = c ? c(x, y) : `${I ? "✨ " : ""}${y}`, T = s ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
-      isSelected: h,
+      isSelected: f,
       participantName: w,
       unreadCount: T,
       hasTimestamp: !!_
@@ -5389,12 +5395,12 @@ const as = F.createContext({
         className: k(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
-            "bg-black/[0.04]": h,
-            "hover:bg-black/[0.02]": !h
+            "bg-black/[0.04]": f,
+            "hover:bg-black/[0.02]": !f
           }
         ),
         "data-dd-privacy": "mask",
-        children: /* @__PURE__ */ f("div", { className: "flex items-start gap-4", children: [
+        children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
             ye,
             {
@@ -5405,9 +5411,9 @@ const as = F.createContext({
               starred: m
             }
           ),
-          /* @__PURE__ */ f("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
-            /* @__PURE__ */ f("div", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ f(
+          /* @__PURE__ */ h("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
+            /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ h(
                 "h3",
                 {
                   className: k(
@@ -5421,7 +5427,7 @@ const as = F.createContext({
               ),
               _ && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: _ })
             ] }),
-            /* @__PURE__ */ f("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
+            /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
               /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: M }),
               T > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: T > 99 ? "99+" : T })
             ] })
@@ -5444,7 +5450,7 @@ const Lo = { last_message_at: -1 }, Mo = F.memo(
     customEmptyStateIndicator: c,
     channelListPaginator: d = Xs,
     channelPreview: u,
-    renderMessagePreview: h,
+    renderMessagePreview: f,
     viewerLanguage: m,
     lockChannelOrder: g,
     onMessageNewHandler: l,
@@ -5474,7 +5480,7 @@ const Lo = { last_message_at: -1 }, Mo = F.memo(
         onChannelSelect: e,
         debug: y,
         channelPreview: u,
-        renderMessagePreview: h,
+        renderMessagePreview: f,
         viewerLanguage: m
       }),
       [
@@ -5482,7 +5488,7 @@ const Lo = { last_message_at: -1 }, Mo = F.memo(
         e,
         y,
         u,
-        h,
+        f,
         m
       ]
     );
@@ -5556,20 +5562,20 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   var v;
   const c = s != null && s.trim() !== "", d = a != null && a.trim() !== "", u = o != null && o.length > 0;
   if (!c && !d && !u) return null;
-  const h = { color: t }, m = r > 1 ? {
-    ...h,
+  const f = { color: t }, m = r > 1 ? {
+    ...f,
     display: "-webkit-box",
     WebkitBoxOrient: "vertical",
     WebkitLineClamp: r,
     overflow: "hidden"
-  } : h, g = u && (((v = o == null ? void 0 : o[0]) == null ? void 0 : v.variant) ?? "primary") === "secondary", l = /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
-    c && /* @__PURE__ */ f("div", { className: "flex min-w-0 items-center gap-2", children: [
+  } : f, g = u && (((v = o == null ? void 0 : o[0]) == null ? void 0 : v.variant) ?? "primary") === "secondary", l = /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
+    c && /* @__PURE__ */ h("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: k("min-w-0", Do),
-          style: h,
+          style: f,
           children: s
         }
       )
@@ -5587,10 +5593,10 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       }
     )
   ] });
-  return /* @__PURE__ */ n("div", { className: "shrink-0 px-4 py-3", children: g ? /* @__PURE__ */ f("div", { className: "flex items-center justify-between gap-3", children: [
+  return /* @__PURE__ */ n("div", { className: "shrink-0 px-4 py-3", children: g ? /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-3", children: [
     l,
     /* @__PURE__ */ n(fn, { surface: e, actions: o, layout: "row" })
-  ] }) : /* @__PURE__ */ f(Q, { children: [
+  ] }) : /* @__PURE__ */ h(Q, { children: [
     l,
     /* @__PURE__ */ n(
       fn,
@@ -5624,7 +5630,7 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   const [s, a] = F.useState({}), r = t.join(`
 `), [i, o] = F.useState(r);
   r !== i && (o(r), a({}));
-  const c = t.slice(0, 3).map((l, v) => ({ src: l, index: v })).filter(({ index: l }) => !s[l]), d = c.length >= 3 ? 3 : c.length === 2 ? 2 : 1, u = zo[d], h = Bo[d], m = $o[d], g = Uo[d];
+  const c = t.slice(0, 3).map((l, v) => ({ src: l, index: v })).filter(({ index: l }) => !s[l]), d = c.length >= 3 ? 3 : c.length === 2 ? 2 : 1, u = zo[d], f = Bo[d], m = $o[d], g = Uo[d];
   return /* @__PURE__ */ n(
     "div",
     {
@@ -5643,7 +5649,7 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
           onError: () => a((b) => ({ ...b, [v]: !0 })),
           className: "absolute left-1/2 top-1/2 w-[62%] aspect-[3/2] rounded-[12px] bg-[#ffffff] object-cover shadow-md",
           style: {
-            transform: `translate(-50%, -50%) translateX(${h[w]}px) rotate(${u[w]}deg) scale(${g[w]})`,
+            transform: `translate(-50%, -50%) translateX(${f[w]}px) rotate(${u[w]}deg) scale(${g[w]})`,
             zIndex: m[w]
           }
         },
@@ -5684,10 +5690,10 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   accentColor: d,
   groupPosition: u = "single"
 }) => {
-  const h = Js({
+  const f = Js({
     imagePresentation: i,
     images: r
-  }), m = r.length > 0, g = m && h === "hero", l = Ke({
+  }), m = r.length > 0, g = m && f === "hero", l = Ke({
     variant: e,
     accentColor: d,
     layout: "featured",
@@ -5699,7 +5705,7 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       accentHex: l.accentHex,
       side: e === "dark" ? "sender" : "receiver",
       visible: v,
-      children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ h(
         Te,
         {
           variant: e,
@@ -5710,7 +5716,7 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
               Vo,
               {
                 variant: e,
-                presentation: h,
+                presentation: f,
                 images: r,
                 title: t,
                 heroUrl: g ? l.thumbnailUrl : void 0,
@@ -5770,7 +5776,7 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   tail: s = !0,
   header: a,
   className: r
-}) => /* @__PURE__ */ f(
+}) => /* @__PURE__ */ h(
   "div",
   {
     "data-dd-privacy": "mask",
@@ -5839,7 +5845,7 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   avatarName: o
 }) => {
   const c = Qs(e);
-  return c.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ f("div", { className: "flex gap-3 items-end", children: [
+  return c.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
     (i || o) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
       ye,
       {
@@ -5850,7 +5856,7 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
         shape: "circle"
       }
     ) }),
-    /* @__PURE__ */ f(
+    /* @__PURE__ */ h(
       "div",
       {
         className: "flex-1 flex flex-col gap-3 rounded-lg p-4",
@@ -5913,4 +5919,4 @@ export {
   Ua as y,
   En as z
 };
-//# sourceMappingURL=index-wG3iH9e6.js.map
+//# sourceMappingURL=index-BIT5ol4i.js.map