@linktr.ee/messaging-react 3.11.0 → 3.12.0

package/dist/{index-DFZrAiLB.js → index-DJXjS2H9.js}

@@ -25,10 +25,10 @@ const os = ot({
   debug: i = !1,
   client: o
 }) => {
-  var E, T;
+  var I, T;
   const l = J(
-    (M, ...F) => {
-      i && console.log(`🔥 [MessagingProvider] ${M}`, ...F);
+    (M, ...P) => {
+      i && console.log(`🔥 [MessagingProvider] ${M}`, ...P);
     },
     [i]
   );
@@ -38,11 +38,11 @@ const os = ot({
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [d, m] = U(null), [g, h] = U(null), [f, c] = U(!1), [b, x] = U(!1), [v, p] = U(null), N = G(!1), w = G(null), C = G(n);
-  C.current = n;
-  const P = G(i);
-  P.current = i;
-  const I = G({
+  const [d, m] = U(null), [g, h] = U(null), [f, c] = U(!1), [b, v] = U(!1), [x, p] = U(null), _ = G(!1), w = G(null), k = G(n);
+  k.current = n;
+  const L = G(i);
+  L.current = i;
+  const S = G({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: n,
@@ -52,27 +52,27 @@ const os = ot({
     renderCount: R.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: I.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: I.current.apiKey !== a,
-      serviceConfigChanged: I.current.serviceConfig !== n,
-      capabilitiesChanged: I.current.capabilities !== r
+      userChanged: S.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: S.current.apiKey !== a,
+      serviceConfigChanged: S.current.serviceConfig !== n,
+      capabilitiesChanged: S.current.capabilities !== r
     }
-  }), I.current = {
+  }), S.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: n,
     capabilities: r
   };
   const O = G(null);
-  !o && a && ((E = O.current) == null ? void 0 : E.apiKey) !== a && (O.current = { apiKey: a, client: new Gs(a) });
-  const z = o || (a ? ((T = O.current) == null ? void 0 : T.client) ?? null : null);
+  !o && a && ((I = O.current) == null ? void 0 : I.apiKey) !== a && (O.current = { apiKey: a, client: new Gs(a) });
+  const F = o || (a ? ((T = O.current) == null ? void 0 : T.client) ?? null : null);
   K(() => {
-    const M = R.current, F = C.current;
+    const M = R.current, P = k.current;
     if (o) {
-      w.current = null, m(null), h(null), c(!1), p(null), x(!1);
+      w.current = null, m(null), h(null), c(!1), p(null), v(!1);
       return;
     }
-    if (!a || !z || !F) {
+    if (!a || !F || !P) {
       l("⚠️ SERVICE INIT SKIPPED", {
         renderCount: M,
         reason: "Missing apiKey, client, or serviceConfig"
@@ -84,24 +84,24 @@ const os = ot({
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
     const $ = new Vs({
-      ...F,
+      ...P,
       apiKey: a,
-      debug: P.current,
-      client: z
+      debug: L.current,
+      client: F
     });
     w.current = $, m($), l("✅ SERVICE SET", {
       renderCount: M,
       serviceInstance: !!$
     });
-  }, [a, z, o]);
+  }, [a, F, o]);
   const D = G(null);
   K(() => {
-    var F, $;
+    var P, $;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!d,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: N.current,
+      isConnecting: _.current,
       isConnected: f,
       dependencies: { service: !!d, userId: t == null ? void 0 : t.id }
     }), o)
@@ -110,11 +110,11 @@ const os = ot({
       l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (N.current) {
+    if (_.current) {
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((F = D.current) == null ? void 0 : F.serviceId) === d && (($ = D.current) == null ? void 0 : $.userId) === t.id) {
+    if (((P = D.current) == null ? void 0 : P.serviceId) === d && (($ = D.current) == null ? void 0 : $.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -122,7 +122,7 @@ const os = ot({
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), N.current = !0, x(!0), p(null);
+      l("🚀 STARTING USER CONNECTION", { userId: t.id }), _.current = !0, v(!0), p(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const j = await d.connectUser(t);
@@ -137,20 +137,20 @@ const os = ot({
           error: Q
         });
       } finally {
-        x(!1), N.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        v(!1), _.current = !1, l("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: f
         });
       }
     })();
   }, [d, t, l, f, o]), K(() => {
-    const M = z;
+    const M = F;
     return () => {
-      var F;
-      M && (D.current = null, (F = w.current) == null || F.disconnectUser().catch(console.error));
+      var P;
+      M && (D.current = null, (P = w.current) == null || P.disconnectUser().catch(console.error));
     };
-  }, [z]);
-  const k = J(async () => {
+  }, [F]);
+  const C = J(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
       hasUser: !!t
@@ -159,27 +159,27 @@ const os = ot({
         l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
         return;
       }
-      l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), x(!0);
+      l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), v(!0);
       try {
         l("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
         const M = await d.connectUser(t);
         h(M), c(!0), p(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
       } catch (M) {
-        const F = M instanceof Error ? M.message : "Refresh failed";
-        p(F), l("❌ CONNECTION REFRESH ERROR", {
+        const P = M instanceof Error ? M.message : "Refresh failed";
+        p(P), l("❌ CONNECTION REFRESH ERROR", {
           userId: t.id,
-          error: F
+          error: P
         });
       } finally {
-        x(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+        v(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
       }
     }
-  }, [d, t, l, o]), S = V.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [d, t, l, o]), E = V.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!d,
     hasClient: !!g,
     isConnected: f,
     isLoading: b,
-    hasError: !!v,
+    hasError: !!x,
     capabilitiesKeys: Object.keys(r)
   }), {
     // With an injected client, expose no service — the injected client owns
@@ -194,9 +194,9 @@ const os = ot({
     client: o ?? g,
     isConnected: o ? !0 : f,
     isLoading: o ? !1 : b,
-    error: o ? null : v,
+    error: o ? null : x,
     capabilities: r,
-    refreshConnection: k,
+    refreshConnection: C,
     debug: i
   }), [
     d,
@@ -204,20 +204,20 @@ const os = ot({
     o,
     f,
     b,
-    v,
+    x,
     r,
-    k,
+    C,
     i,
     l
   ]);
   return l("🔄 RENDER END", {
     renderCount: R.current,
-    willRenderChat: !!z,
-    contextValueReady: !!S
-  }), /* @__PURE__ */ s(os.Provider, { value: S, children: z ? /* @__PURE__ */ s(
+    willRenderChat: !!F,
+    contextValueReady: !!E
+  }), /* @__PURE__ */ s(os.Provider, { value: E, children: F ? /* @__PURE__ */ s(
     Hs,
     {
-      client: z,
+      client: F,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
@@ -407,73 +407,73 @@ const ne = ({
   onActionComplete: m,
   logLabel: g = "useChannelModerationActions"
 }) => {
-  var S;
-  const { service: h, debug: f } = ct(), c = (S = t == null ? void 0 : t.user) == null ? void 0 : S.id, b = !!(a && n && h && c), [x, v] = U(!1), [p, N] = U(null), [w, C] = U(!1), [P, I] = U(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
+  var E;
+  const { service: h, debug: f } = ct(), c = (E = t == null ? void 0 : t.user) == null ? void 0 : E.id, b = !!(a && n && h && c), [v, x] = U(!1), [p, _] = U(null), [w, k] = U(!1), [L, S] = U(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
   return K(() => {
     if (!b || !h || !c) {
-      v(!1), N(null);
+      x(!1), _(null);
       return;
     }
-    let E = !1;
+    let I = !1;
     return (async () => {
       try {
         const T = await h.getBlockedUsers();
-        if (E) return;
-        v(
+        if (I) return;
+        x(
           T.some(
             (M) => M.blocked_user_id === c
           )
         );
       } catch (T) {
-        E || console.error(`[${g}] Failed to check blocked status:`, T);
+        I || console.error(`[${g}] Failed to check blocked status:`, T);
       } finally {
-        E || N({ participantId: c, service: h });
+        I || _({ participantId: c, service: h });
       }
     })(), () => {
-      E = !0;
+      I = !0;
     };
   }, [b, h, c, g]), {
-    isParticipantBlocked: x,
+    isParticipantBlocked: v,
     isCheckingBlockedStatus: R,
     isLeaving: w,
-    isUpdatingBlockStatus: P,
+    isUpdatingBlockStatus: L,
     handleLeaveConversation: async () => {
-      var E;
+      var I;
       if (!w) {
-        o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), C(!0);
+        o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), k(!0);
         try {
-          const T = ((E = e._client) == null ? void 0 : E.userID) ?? null;
+          const T = ((I = e._client) == null ? void 0 : I.userID) ?? null;
           await e.hide(T, !1), r && await r(e), m == null || m();
         } catch (T) {
           console.error(`[${g}] Failed to leave conversation`, T);
         } finally {
-          C(!1);
+          k(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var E, T, M;
-      if (!(P || !h)) {
-        l == null || l(), f && console.log(`[${g}] Block member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), I(!0);
+      var I, T, M;
+      if (!(L || !h)) {
+        l == null || l(), f && console.log(`[${g}] Block member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), S(!0);
         try {
           await h.blockUser((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), i && await i((M = t == null ? void 0 : t.user) == null ? void 0 : M.id), m == null || m();
-        } catch (F) {
-          console.error(`[${g}] Failed to block member`, F);
+        } catch (P) {
+          console.error(`[${g}] Failed to block member`, P);
         } finally {
-          I(!1);
+          S(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var E, T, M;
-      if (!(P || !h)) {
-        l == null || l(), f && console.log(`[${g}] Unblock member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), I(!0);
+      var I, T, M;
+      if (!(L || !h)) {
+        l == null || l(), f && console.log(`[${g}] Unblock member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), S(!0);
         try {
           await h.unBlockUser((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), i && await i((M = t == null ? void 0 : t.user) == null ? void 0 : M.id), m == null || m();
-        } catch (F) {
-          console.error(`[${g}] Failed to unblock member`, F);
+        } catch (P) {
+          console.error(`[${g}] Failed to unblock member`, P);
         } finally {
-          I(!1);
+          S(!1);
         }
       }
     },
@@ -512,13 +512,13 @@ const ne = ({
   customChannelActions: g,
   triggerClassName: h
 }) => {
-  const [f, c] = U(!1), b = G(null), x = Us(), v = J(() => c(!1), []), {
+  const [f, c] = U(!1), b = G(null), v = Us(), x = J(() => c(!1), []), {
     isParticipantBlocked: p,
-    isCheckingBlockedStatus: N,
+    isCheckingBlockedStatus: _,
     isLeaving: w,
-    isUpdatingBlockStatus: C,
-    handleLeaveConversation: P,
-    handleBlockUser: I,
+    isUpdatingBlockStatus: k,
+    handleLeaveConversation: L,
+    handleBlockUser: S,
     handleUnblockUser: R,
     handleReportUser: O
   } = ca({
@@ -531,18 +531,18 @@ const ne = ({
     onDeleteConversationClick: l,
     onBlockParticipantClick: d,
     onReportParticipantClick: m,
-    onActionComplete: v,
+    onActionComplete: x,
     logLabel: "ChannelActionsMenu"
   });
   return K(() => {
     if (!f) return;
-    const D = (S) => {
-      b.current && !b.current.contains(S.target) && c(!1);
-    }, k = (S) => {
-      S.key === "Escape" && c(!1);
+    const D = (E) => {
+      b.current && !b.current.contains(E.target) && c(!1);
+    }, C = (E) => {
+      E.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", D), document.addEventListener("keydown", k), () => {
-      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", k);
+    return document.addEventListener("mousedown", D), document.addEventListener("keydown", C), () => {
+      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", C);
     };
   }, [f]), !t || !(n || a || r || !!g) ? null : /* @__PURE__ */ u("div", { ref: b, className: "relative", children: [
     /* @__PURE__ */ u(
@@ -552,7 +552,7 @@ const ne = ({
         type: "button",
         "aria-haspopup": "true",
         "aria-expanded": f,
-        "aria-controls": f ? x : void 0,
+        "aria-controls": f ? v : void 0,
         onClick: () => c((D) => !D),
         children: [
           /* @__PURE__ */ s(Tn, { className: "size-5 text-black/90" }),
@@ -563,7 +563,7 @@ const ne = ({
     f && /* @__PURE__ */ s(
       "div",
       {
-        id: x,
+        id: v,
         "aria-label": "Conversation options",
         className: y(
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
@@ -573,7 +573,7 @@ const ne = ({
           n && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ u(
             Ne,
             {
-              onClick: P,
+              onClick: L,
               disabled: w,
               "aria-busy": w,
               children: [
@@ -582,7 +582,7 @@ const ne = ({
               ]
             }
           ) }),
-          a && /* @__PURE__ */ s("li", { children: N ? (
+          a && /* @__PURE__ */ s("li", { children: _ ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
             /* @__PURE__ */ u(Ne, { disabled: !0, "aria-busy": !0, children: [
@@ -593,21 +593,21 @@ const ne = ({
             Ne,
             {
               onClick: R,
-              disabled: C,
-              "aria-busy": C,
+              disabled: k,
+              "aria-busy": k,
               children: [
-                C ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Yt, { className: "h-5 w-5" }),
+                k ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Yt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ u(
             Ne,
             {
-              onClick: I,
-              disabled: C,
-              "aria-busy": C,
+              onClick: S,
+              disabled: k,
+              "aria-busy": k,
               children: [
-                C ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Yt, { className: "h-5 w-5" }),
+                k ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Yt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Block" })
               ]
             }
@@ -640,27 +640,27 @@ const ne = ({
   onReportParticipantClick: f,
   customChannelActions: c,
   renderChannelActions: b,
-  showChannelInfo: x = !0,
-  onParticipantNameClick: v
+  showChannelInfo: v = !0,
+  onParticipantNameClick: x
 }) => {
-  var z, D, k;
-  const { channel: p } = oe(), { client: N } = he(), w = V.useMemo(
+  var F, D, C;
+  const { channel: p } = oe(), { client: _ } = he(), w = V.useMemo(
     () => {
-      var S;
+      var E;
       return Ge(
-        (S = p.state) == null ? void 0 : S.members,
-        N == null ? void 0 : N.userID,
+        (E = p.state) == null ? void 0 : E.members,
+        _ == null ? void 0 : _.userID,
         p.type
       );
     },
-    [(z = p.state) == null ? void 0 : z.members, N == null ? void 0 : N.userID, p.type]
-  ), C = ut(w == null ? void 0 : w.user), P = (D = w == null ? void 0 : w.user) == null ? void 0 : D.image, I = dt(p), R = ha(w), O = async () => {
+    [(F = p.state) == null ? void 0 : F.members, _ == null ? void 0 : _.userID, p.type]
+  ), k = ut(w == null ? void 0 : w.user), L = (D = w == null ? void 0 : w.user) == null ? void 0 : D.image, S = dt(p), R = ha(w), O = async () => {
     try {
-      I ? await p.unpin() : await p.pin();
-    } catch (S) {
+      S ? await p.unpin() : await p.pin();
+    } catch (E) {
       console.error(
         "[ChannelHeaderRedesign] Failed to update pinned status:",
-        S
+        E
       );
     }
   };
@@ -690,16 +690,16 @@ const ne = ({
           "button",
           {
             type: "button",
-            onClick: v,
-            "aria-label": `View details for ${C}`,
+            onClick: x,
+            "aria-label": `View details for ${k}`,
             className: "group flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",
             children: [
               /* @__PURE__ */ s(
                 ne,
                 {
-                  id: ((k = w == null ? void 0 : w.user) == null ? void 0 : k.id) || p.id || "unknown",
-                  name: C,
-                  image: P,
+                  id: ((C = w == null ? void 0 : w.user) == null ? void 0 : C.id) || p.id || "unknown",
+                  name: k,
+                  image: L,
                   dmAgentEnabled: r,
                   shape: "circle",
                   size: 48,
@@ -708,7 +708,7 @@ const ne = ({
               ),
               /* @__PURE__ */ u("span", { className: "relative z-10 flex max-w-full flex-col items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 pl-3 pr-2 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-filter duration-150 group-hover:brightness-95", children: [
                 /* @__PURE__ */ u("span", { className: "flex max-w-full items-center justify-center", children: [
-                  /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: C }),
+                  /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: k }),
                   /* @__PURE__ */ u("span", { className: "ml-2 flex gap-1", children: [
                     R && /* @__PURE__ */ s(
                       "span",
@@ -718,7 +718,7 @@ const ne = ({
                         children: /* @__PURE__ */ s(An, { className: "size-2.5", weight: "bold" })
                       }
                     ),
-                    a && I && /* @__PURE__ */ s(
+                    a && S && /* @__PURE__ */ s(
                       "span",
                       {
                         "aria-label": "Starred conversation",
@@ -751,21 +751,21 @@ const ne = ({
               className: Ke,
               onClick: O,
               type: "button",
-              "aria-pressed": I,
-              "aria-label": I ? "Unstar conversation" : "Star conversation",
+              "aria-pressed": S,
+              "aria-label": S ? "Unstar conversation" : "Star conversation",
               children: /* @__PURE__ */ s(
                 Ee,
                 {
                   className: y("size-5", {
-                    "text-[#FFD60A]": I,
-                    "text-black/90": !I
+                    "text-[#FFD60A]": S,
+                    "text-black/90": !S
                   }),
-                  weight: I ? "fill" : "regular"
+                  weight: S ? "fill" : "regular"
                 }
               )
             }
           ),
-          x && (b !== void 0 ? b : /* @__PURE__ */ s(
+          v && (b !== void 0 ? b : /* @__PURE__ */ s(
             rt,
             {
               channel: p,
@@ -885,53 +885,53 @@ const ya = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = ce(t), h = G(null), f = G(null), c = G(null), b = G(r), [x, v] = U(a), [p, N] = U(0), [w, C] = U(!1), [P, I] = U(!1), [R, O] = U(!1), [z, D] = U(!1), [k, S] = U(!0), [E, T] = U(null), M = J(() => {
-    O(!1), v(!0);
-  }, []), F = J((_) => {
+  const g = ce(t), h = G(null), f = G(null), c = G(null), b = G(r), [v, x] = U(a), [p, _] = U(0), [w, k] = U(!1), [L, S] = U(!1), [R, O] = U(!1), [F, D] = U(!1), [C, E] = U(!0), [I, T] = U(null), M = J(() => {
+    O(!1), x(!0);
+  }, []), P = J((N) => {
     const A = f.current;
     if (!A) return 0;
     const H = A.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ya(_) - H.left) / H.width)
+      Math.min(1, (ya(N) - H.left) / H.width)
     );
-  }, []), $ = J((_) => {
+  }, []), $ = J((N) => {
     const A = h.current;
-    A && A.duration && (A.currentTime = _ * A.duration);
-  }, []), j = (_) => {
-    _.stopPropagation(), C(!0);
-    const A = F(_);
-    N(A), $(A);
+    A && A.duration && (A.currentTime = N * A.duration);
+  }, []), j = (N) => {
+    N.stopPropagation(), k(!0);
+    const A = P(N);
+    _(A), $(A);
   };
   K(() => {
-    r !== void 0 && r !== b.current && (b.current = r, v(r));
+    r !== void 0 && r !== b.current && (b.current = r, x(r));
   }, [r]), K(() => {
-    if (!x) {
+    if (!v) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
-    const _ = () => {
+    const N = () => {
       const A = h.current;
-      A && A.duration && !w && N(A.currentTime / A.duration), c.current = requestAnimationFrame(_);
+      A && A.duration && !w && _(A.currentTime / A.duration), c.current = requestAnimationFrame(N);
     };
-    return c.current = requestAnimationFrame(_), () => {
+    return c.current = requestAnimationFrame(N), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [x, w]), K(() => {
-    const _ = h.current;
-    _ && (x ? _.play().catch((A) => {
-      v(!1), O(!0);
-    }) : _.pause());
-  }, [x]), K(() => {
+  }, [v, w]), K(() => {
+    const N = h.current;
+    N && (v ? N.play().catch((A) => {
+      x(!1), O(!0);
+    }) : N.pause());
+  }, [v]), K(() => {
     if (!w) return;
-    const _ = (H) => N(F(H)), A = (H) => {
-      C(!1), $(F(H));
+    const N = (H) => _(P(H)), A = (H) => {
+      k(!1), $(P(H));
     };
-    return window.addEventListener("mousemove", _), window.addEventListener("mouseup", A), window.addEventListener("touchmove", _, { passive: !0 }), window.addEventListener("touchend", A), () => {
-      window.removeEventListener("mousemove", _), window.removeEventListener("mouseup", A), window.removeEventListener("touchmove", _), window.removeEventListener("touchend", A);
+    return window.addEventListener("mousemove", N), window.addEventListener("mouseup", A), window.addEventListener("touchmove", N, { passive: !0 }), window.addEventListener("touchend", A), () => {
+      window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", A), window.removeEventListener("touchmove", N), window.removeEventListener("touchend", A);
     };
-  }, [w, F, $]);
-  const Q = E ? { aspectRatio: String(E) } : void 0, ee = E ? "" : " aspect-video", X = Math.round(p * 100);
+  }, [w, P, $]);
+  const Q = I ? { aspectRatio: String(I) } : void 0, ee = I ? "" : " aspect-video", X = Math.round(p * 100);
   return /* @__PURE__ */ u(
     "div",
     {
@@ -939,24 +939,24 @@ const ya = (e) => {
       tabIndex: 0,
       className: `relative cursor-pointer overflow-hidden bg-black ${ee}`,
       style: Q,
-      onClick: (_) => {
+      onClick: (N) => {
         if (m) {
-          m(_);
+          m(N);
           return;
         }
-        R || o && v((A) => !A);
+        R || o && x((A) => !A);
       },
-      onKeyDown: (_) => {
-        if (!(_.key !== "Enter" && _.key !== " ")) {
-          if (_.preventDefault(), m) {
-            m(_);
+      onKeyDown: (N) => {
+        if (!(N.key !== "Enter" && N.key !== " ")) {
+          if (N.preventDefault(), m) {
+            m(N);
             return;
           }
-          R || o && v((A) => !A);
+          R || o && x((A) => !A);
         }
       },
       children: [
-        n && (g === "audio" || k) && /* @__PURE__ */ s(
+        n && (g === "audio" || C) && /* @__PURE__ */ s(
           "img",
           {
             src: n,
@@ -964,7 +964,7 @@ const ya = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !n && (g === "audio" || k) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: we(t, {
+        !n && (g === "audio" || C) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: we(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -978,12 +978,12 @@ const ya = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => D(!0),
             onCanPlay: () => {
-              D(!1), S(!1);
+              D(!1), E(!1);
             },
             onWaiting: () => D(!0),
             onPlay: () => O(!1),
             onEnded: () => {
-              i || (v(!1), N(0));
+              i || (x(!1), _(0));
             },
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
@@ -998,21 +998,21 @@ const ya = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => D(!0),
             onCanPlay: () => {
-              D(!1), S(!1);
+              D(!1), E(!1);
             },
             onWaiting: () => D(!0),
             onPlay: () => O(!1),
             onLoadedMetadata: () => {
-              const _ = h.current;
-              _ instanceof HTMLVideoElement && _.videoWidth && _.videoHeight && T(_.videoWidth / _.videoHeight);
+              const N = h.current;
+              N instanceof HTMLVideoElement && N.videoWidth && N.videoHeight && T(N.videoWidth / N.videoHeight);
             },
             onEnded: () => {
-              i || (v(!1), N(0));
+              i || (x(!1), _(0));
             },
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
         ) }),
-        z && !R && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
+        F && !R && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
           Ce,
           {
             className: "size-8 animate-spin text-white/80",
@@ -1026,11 +1026,11 @@ const ya = (e) => {
             role: "button",
             tabIndex: 0,
             "aria-label": "Play preview",
-            onClick: (_) => {
-              _.stopPropagation(), M();
+            onClick: (N) => {
+              N.stopPropagation(), M();
             },
-            onKeyDown: (_) => {
-              _.key !== "Enter" && _.key !== " " || (_.preventDefault(), _.stopPropagation(), M());
+            onKeyDown: (N) => {
+              N.key !== "Enter" && N.key !== " " || (N.preventDefault(), N.stopPropagation(), M());
             },
             children: /* @__PURE__ */ s("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ s(at, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
@@ -1048,9 +1048,9 @@ const ya = (e) => {
             className: "relative flex h-4 w-full cursor-pointer items-center",
             onMouseDown: j,
             onTouchStart: j,
-            onClick: (_) => _.stopPropagation(),
-            onKeyDown: (_) => {
-              _.key === "ArrowRight" && $(Math.min(1, p + 0.05)), _.key === "ArrowLeft" && $(Math.max(0, p - 0.05));
+            onClick: (N) => N.stopPropagation(),
+            onKeyDown: (N) => {
+              N.key === "ArrowRight" && $(Math.min(1, p + 0.05)), N.key === "ArrowLeft" && $(Math.max(0, p - 0.05));
             },
             children: /* @__PURE__ */ s("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ s(
               "div",
@@ -1066,12 +1066,12 @@ const ya = (e) => {
             "button",
             {
               type: "button",
-              onClick: (_) => {
-                _.stopPropagation(), v((A) => !A);
+              onClick: (N) => {
+                N.stopPropagation(), x((A) => !A);
               },
               className: "shrink-0 text-white",
-              "aria-label": x ? "Pause" : "Play",
-              children: x ? /* @__PURE__ */ s(jn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(at, { className: "size-5 translate-x-px", weight: "fill" })
+              "aria-label": v ? "Pause" : "Play",
+              children: v ? /* @__PURE__ */ s(jn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(at, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ u(
@@ -1087,17 +1087,17 @@ const ya = (e) => {
               className: "relative flex h-4 w-full cursor-pointer items-center",
               onMouseDown: j,
               onTouchStart: j,
-              onClick: (_) => _.stopPropagation(),
-              onMouseEnter: () => I(!0),
-              onMouseLeave: () => I(!1),
-              onKeyDown: (_) => {
-                _.key === "ArrowRight" && $(Math.min(1, p + 0.05)), _.key === "ArrowLeft" && $(Math.max(0, p - 0.05));
+              onClick: (N) => N.stopPropagation(),
+              onMouseEnter: () => S(!0),
+              onMouseLeave: () => S(!1),
+              onKeyDown: (N) => {
+                N.key === "ArrowRight" && $(Math.min(1, p + 0.05)), N.key === "ArrowLeft" && $(Math.max(0, p - 0.05));
               },
               children: [
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${P || w ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${L || w ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ s(
                       "div",
                       {
@@ -1110,7 +1110,7 @@ const ya = (e) => {
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${P || w ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${L || w ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
                     style: { left: `${X}%` }
                   }
                 )
@@ -1361,13 +1361,13 @@ const Ra = ({
 function gt(e) {
   var h, f, c, b;
   const t = (h = e.attachments) == null ? void 0 : h.find(
-    (x) => x.type === "video" && x.asset_url
+    (v) => v.type === "video" && v.asset_url
   ), n = (f = e.attachments) == null ? void 0 : f.find(
-    (x) => x.type === "image" && x.image_url
+    (v) => v.type === "image" && v.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
-    (x) => x.type === "audio" && x.asset_url
+    (v) => v.type === "audio" && v.asset_url
   ), r = (b = e.attachments) == null ? void 0 : b.find(
-    (x) => x.type === "file" && x.asset_url
+    (v) => v.type === "file" && v.asset_url
   ), i = t ?? n ?? a ?? r, o = (t == null ? void 0 : t.asset_url) ?? (n == null ? void 0 : n.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
   if (!o) return null;
   const l = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, m = i == null ? void 0 : i.file_size, g = t == null ? void 0 : t.thumb_url;
@@ -1815,16 +1815,16 @@ const tr = ({
     mimeType: r,
     title: i,
     items: o
-  }), b = (v) => {
-    if ((m == null ? void 0 : m(v)) === !1) return;
-    const p = c[v];
+  }), b = (x) => {
+    if ((m == null ? void 0 : m(x)) === !1) return;
+    const p = c[x];
     if (!p) return;
-    const N = p.filename ?? ie(p.src);
-    xs(p.src, N);
+    const _ = p.filename ?? ie(p.src);
+    xs(p.src, _);
   };
   if (c.length === 0)
     return null;
-  const x = /* @__PURE__ */ s(
+  const v = /* @__PURE__ */ s(
     "span",
     {
       className: y(
@@ -1842,16 +1842,16 @@ const tr = ({
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((v, p) => /* @__PURE__ */ s(
+      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((x, p) => /* @__PURE__ */ s(
         sr,
         {
           variant: h,
-          item: v,
+          item: x,
           index: p,
           onActivate: b,
-          trailingAction: f && p === 0 ? /* @__PURE__ */ s(Me, { onClick: g, variant: "inline" }) : x
+          trailingAction: f && p === 0 ? /* @__PURE__ */ s(Me, { onClick: g, variant: "inline" }) : v
         },
-        `${v.src}-${p}`
+        `${x.src}-${p}`
       )) })
     }
   );
@@ -2294,8 +2294,8 @@ const tr = ({
   );
   if (m.length === 0)
     return null;
-  const x = m.map(
-    (v, p) => or(v, p, m.length, l)
+  const v = m.map(
+    (x, p) => or(x, p, m.length, l)
   );
   return /* @__PURE__ */ u(
     Te,
@@ -2305,7 +2305,7 @@ const tr = ({
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Ns, { tiles: x, onTileActivate: c }) }),
+        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Ns, { tiles: v, onTileActivate: c }) }),
         /* @__PURE__ */ s(
           _s,
           {
@@ -2412,14 +2412,14 @@ const tr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const g = Ae(e), h = br({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: x } = Re(
+  const g = Ae(e), h = br({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: v } = Re(
     d
-  ), v = e === "composer" && !!m;
+  ), x = e === "composer" && !!m;
   if (h.length === 0)
     return null;
-  const p = h.map((N) => ({
-    src: N.src,
-    filename: N.filename ?? ie(N.src)
+  const p = h.map((_) => ({
+    src: _.src,
+    filename: _.filename ?? ie(_.src)
   }));
   return /* @__PURE__ */ u(
     Te,
@@ -2429,14 +2429,14 @@ const tr = ({
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((N, w) => {
-          const C = N.filename ?? ie(N.src), P = v && w === 0 ? /* @__PURE__ */ s(Me, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((_, w) => {
+          const k = _.filename ?? ie(_.src), L = x && w === 0 ? /* @__PURE__ */ s(Me, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
             ws,
             {
-              url: N.src,
-              filename: C,
+              url: _.src,
+              filename: k,
               variant: "inline",
-              label: `Download ${C}`,
+              label: `Download ${k}`,
               tone: g
             }
           );
@@ -2444,12 +2444,12 @@ const tr = ({
             vr,
             {
               variant: g,
-              item: N,
+              item: _,
               index: w,
               onActivate: b,
-              trailingAction: P
+              trailingAction: L
             },
-            `${N.src}-${w}`
+            `${_.src}-${w}`
           );
         }) }),
         /* @__PURE__ */ s(
@@ -2458,7 +2458,7 @@ const tr = ({
             open: f,
             items: p,
             initialIndex: c,
-            onClose: x
+            onClose: v
           }
         )
       ]
@@ -2597,13 +2597,13 @@ const tr = ({
   preload: d,
   onClick: m
 }) => {
-  const g = Cr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Ae(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: x } = Re(
+  const g = Cr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Ae(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: v } = Re(
     m
   );
   if (g.length === 0)
     return null;
-  const v = g.map(
-    (p, N) => kr(p, N, g.length)
+  const x = g.map(
+    (p, _) => kr(p, _, g.length)
   );
   return /* @__PURE__ */ u(
     Te,
@@ -2616,7 +2616,7 @@ const tr = ({
         /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(
           Ns,
           {
-            tiles: v,
+            tiles: x,
             onTileActivate: b,
             className: "overflow-hidden rounded-md"
           }
@@ -2627,7 +2627,7 @@ const tr = ({
             open: f,
             items: Es(g, r),
             initialIndex: c,
-            onClose: x
+            onClose: v
           }
         )
       ]
@@ -2651,7 +2651,7 @@ const tr = ({
 function Dr(e) {
   return Ie(Ts)[e] ?? Rr[e];
 }
-const Lr = V.lazy(() => import("./Card-qS17qnN0.js")), zr = V.lazy(() => import("./Card-V5d6qhDT.js")), Fr = () => /* @__PURE__ */ s(
+const Lr = V.lazy(() => import("./Card-qS17qnN0.js")), zr = V.lazy(() => import("./Card-BnbNynLQ.js")), Fr = () => /* @__PURE__ */ s(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
@@ -2843,7 +2843,7 @@ const Wr = {
 }) => {
   const d = e === "dark", m = t ?? (d ? n : void 0) ?? "", g = m.trim() !== "", h = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = o != null;
   if (!g && !h && !c && !b) return null;
-  const v = y(
+  const x = y(
     "truncate text-base font-medium leading-6",
     d && !t ? Zr : Kr[e]
   ), p = y(
@@ -2856,7 +2856,7 @@ const Wr = {
         /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-col gap-1", children: [
           g && /* @__PURE__ */ u("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ s("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ s("p", { className: y("min-w-0", v), children: m })
+            /* @__PURE__ */ s("p", { className: y("min-w-0", x), children: m })
           ] }),
           h && /* @__PURE__ */ s("p", { className: p, children: a })
         ] }),
@@ -3030,7 +3030,7 @@ const Wr = {
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
       children: /* @__PURE__ */ s(Ve, { className: "size-3", weight: "bold" })
     }
-  ) : void 0, x = h ? /* @__PURE__ */ s(
+  ) : void 0, v = h ? /* @__PURE__ */ s(
     "button",
     {
       type: "button",
@@ -3078,7 +3078,7 @@ const Wr = {
             url: a,
             appIcon: d,
             cta: m,
-            trailingAction: x
+            trailingAction: v
           }
         )
       ]
@@ -3096,11 +3096,11 @@ const Wr = {
   cta: d,
   onClick: m
 }) => {
-  const g = Ct(a, i), h = yt(n), f = d == null && h != null && !g ? h : void 0, c = d == null && !g ? m : void 0, b = He(a, i) ? St : void 0, x = d && m ? {
+  const g = Ct(a, i), h = yt(n), f = d == null && h != null && !g ? h : void 0, c = d == null && !g ? m : void 0, b = He(a, i) ? St : void 0, v = d && m ? {
     ...d,
     onClick: () => {
-      var v;
-      m(), (v = d.onClick) == null || v.call(d);
+      var x;
+      m(), (x = d.onClick) == null || x.call(d);
     }
   } : d;
   return /* @__PURE__ */ u(
@@ -3131,7 +3131,7 @@ const Wr = {
             description: t,
             url: n,
             appIcon: l,
-            cta: x
+            cta: v
           }
         )
       ]
@@ -3189,7 +3189,7 @@ const Wr = {
   Sent: ai,
   Received: ni
 };
-function L(e) {
+function z(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
@@ -3208,10 +3208,10 @@ function ri(e, t) {
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
 function Jt(e) {
-  const t = L(e.og_scrape_url) ?? L(e.title_link), n = L(e.image_url) ?? L(e.thumb_url), a = L(e.asset_url), r = L(e.mime_type);
+  const t = z(e.og_scrape_url) ?? z(e.title_link), n = z(e.image_url) ?? z(e.thumb_url), a = z(e.asset_url), r = z(e.mime_type);
   return {
-    title: L(e.title),
-    description: L(e.text),
+    title: z(e.title),
+    description: z(e.text),
     url: t,
     thumbnailUrl: n,
     // Playable clip embedded in a link preview — lets LinkAttachment render its
@@ -3226,7 +3226,7 @@ function ii(e) {
   return As(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
 }
 function As(e) {
-  const t = L(e.og_scrape_url);
+  const t = z(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
 function Rs(e) {
@@ -3263,7 +3263,7 @@ function oi(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
 function Qt(e) {
-  return L(e.image_url) ?? L(e.asset_url) ?? "";
+  return z(e.image_url) ?? z(e.asset_url) ?? "";
 }
 function ci(e) {
   switch (e) {
@@ -3286,25 +3286,25 @@ function di(e, t) {
         return {
           items: t.map((a) => ({
             src: Qt(a),
-            alt: L(a.title)
+            alt: z(a.title)
           }))
         };
       case "video":
         return {
           items: t.map((a) => ({
-            src: L(a.asset_url) ?? "",
-            poster: L(
+            src: z(a.asset_url) ?? "",
+            poster: z(
               a.thumb_url
             ),
-            mimeType: L(a.mime_type)
+            mimeType: z(a.mime_type)
           }))
         };
       case "audio":
         return {
           items: t.map((a) => ({
-            src: L(a.asset_url) ?? "",
-            mimeType: L(a.mime_type) ?? "audio/mpeg",
-            filename: L(
+            src: z(a.asset_url) ?? "",
+            mimeType: z(a.mime_type) ?? "audio/mpeg",
+            filename: z(
               a.title
             )
           }))
@@ -3312,8 +3312,8 @@ function di(e, t) {
       case "pdf":
         return {
           items: t.map((a) => ({
-            src: L(a.asset_url) ?? "",
-            filename: L(
+            src: z(a.asset_url) ?? "",
+            filename: z(
               a.title
             ),
             fileSize: a.file_size
@@ -3322,12 +3322,12 @@ function di(e, t) {
       case "file":
         return {
           items: t.map((a) => ({
-            src: L(a.asset_url) ?? "",
-            filename: L(
+            src: z(a.asset_url) ?? "",
+            filename: z(
               a.title
             ),
             fileSize: a.file_size,
-            mimeType: L(a.mime_type) ?? "application/octet-stream"
+            mimeType: z(a.mime_type) ?? "application/octet-stream"
           }))
         };
     }
@@ -3337,32 +3337,32 @@ function di(e, t) {
     case "image":
       return {
         src: Qt(n),
-        alt: L(n.title)
+        alt: z(n.title)
       };
     case "video":
       return {
-        src: L(n.asset_url) ?? "",
-        poster: L(n.thumb_url),
-        mimeType: L(n.mime_type)
+        src: z(n.asset_url) ?? "",
+        poster: z(n.thumb_url),
+        mimeType: z(n.mime_type)
       };
     case "audio":
       return {
-        src: L(n.asset_url) ?? "",
-        mimeType: L(n.mime_type) ?? "audio/mpeg",
-        filename: L(n.title)
+        src: z(n.asset_url) ?? "",
+        mimeType: z(n.mime_type) ?? "audio/mpeg",
+        filename: z(n.title)
       };
     case "pdf":
       return {
-        src: L(n.asset_url) ?? "",
-        filename: L(n.title),
+        src: z(n.asset_url) ?? "",
+        filename: z(n.title),
         fileSize: n.file_size
       };
     case "file":
       return {
-        src: L(n.asset_url) ?? "",
-        filename: L(n.title),
+        src: z(n.asset_url) ?? "",
+        filename: z(n.title),
         fileSize: n.file_size,
-        mimeType: L(n.mime_type) ?? "application/octet-stream"
+        mimeType: z(n.mime_type) ?? "application/octet-stream"
       };
   }
 }
@@ -3386,14 +3386,14 @@ const mi = ({
   var b;
   const r = Rs(n.attachments);
   if (r.length === 0) return null;
-  const i = li(r), o = (b = n.text) == null ? void 0 : b.trim(), l = r.find((x) => x.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? Jt(l.attachments[0] ?? {}).url : void 0, m = o && ri(o, d) ? void 0 : o;
+  const i = li(r), o = (b = n.text) == null ? void 0 : b.trim(), l = r.find((v) => v.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? Jt(l.attachments[0] ?? {}).url : void 0, m = o && ri(o, d) ? void 0 : o;
   let g = 0;
-  const h = [], f = (x, v) => {
+  const h = [], f = (v, x) => {
     const p = t ? Kt.Sent : Kt.Received;
     h.push(
-      /* @__PURE__ */ s(p, { ...Jt(x) }, v)
+      /* @__PURE__ */ s(p, { ...Jt(v) }, x)
     );
-  }, c = (x, v) => {
+  }, c = (v, x) => {
     const p = oi(
       g,
       i,
@@ -3405,20 +3405,20 @@ const mi = ({
         {
           groupPosition: p,
           isMyMessage: t,
-          segment: x
+          segment: v
         },
-        v
+        x
       )
     );
   };
-  return r.forEach((x, v) => {
-    if (x.type === "link") {
-      x.attachments.forEach((p, N) => {
-        f(p, `link-${v}-${N}`);
+  return r.forEach((v, x) => {
+    if (v.type === "link") {
+      v.attachments.forEach((p, _) => {
+        f(p, `link-${x}-${_}`);
       });
       return;
     }
-    c(x, `media-${v}`);
+    c(v, `media-${x}`);
   }), /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
     /* @__PURE__ */ u(
       "div",
@@ -3465,19 +3465,19 @@ const mi = ({
     isMyMessage: f,
     message: c,
     renderText: b,
-    threadList: x,
-    viewerLanguage: v
-  } = e, { client: p } = he("CustomMessage"), { channel: N } = oe("CustomMessage"), { isUnlocking: w, onUnlockClick: C, onFetchSource: P, onDownloadClick: I } = Dr("LockedAttachment"), [R, O] = U(!1), z = Xs(c.id), { selected: D, voteUp: k, voteDown: S } = ba(c), {
-    Attachment: E = Ks,
+    threadList: v,
+    viewerLanguage: x
+  } = e, { client: p } = he("CustomMessage"), { channel: _ } = oe("CustomMessage"), { isUnlocking: w, onUnlockClick: k, onFetchSource: L, onDownloadClick: S } = Dr("LockedAttachment"), [R, O] = U(!1), F = Xs(c.id), { selected: D, voteUp: C, voteDown: E } = ba(c), {
+    Attachment: I = Ks,
     EditMessageModal: T = Zs,
     MessageActions: M,
-    MessageBlocked: F = Js,
+    MessageBlocked: P = Js,
     MessageBouncePrompt: $ = Qs,
     MessageDeleted: j = en,
     MessageIsThreadReplyInChannelButtonIndicator: Q = tn,
     MessageRepliesCountButton: ee = sn,
     ReminderNotification: X = nn,
-    StreamedMessageText: _ = an,
+    StreamedMessageText: N = an,
     PinIndicator: A
   } = ns("CustomMessage"), H = rn(c), q = ln(c), Y = re(
     () => h == null ? void 0 : h(c),
@@ -3491,9 +3491,9 @@ const mi = ({
     () => Rs(B),
     [B]
   ), Z = re(() => {
-    const me = ds({ message: c, viewerLanguage: v });
+    const me = ds({ message: c, viewerLanguage: x });
     return me === c.text ? c : { ...c, text: me };
-  }, [c, v]), de = W.length > 0, De = W.reduce(
+  }, [c, x]), de = W.length > 0, De = W.reduce(
     (me, pe) => me + pe.attachments.length,
     0
   ) === ((B == null ? void 0 : B.length) ?? 0), Le = Ua({
@@ -3506,8 +3506,8 @@ const mi = ({
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ s(j, { message: c });
   if (cn(c))
-    return /* @__PURE__ */ s(F, {});
-  const ae = !x && !!c.reply_count, ue = !x && c.show_in_channel && c.parent_id, le = c.status === "failed" && ((Dt = c.error) == null ? void 0 : Dt.status) !== 403, It = dn(c);
+    return /* @__PURE__ */ s(P, {});
+  const ae = !v && !!c.reply_count, ue = !v && c.show_in_channel && c.parent_id, le = c.status === "failed" && ((Dt = c.error) == null ? void 0 : Dt.status) !== 403, It = dn(c);
   let fe;
   le ? fe = () => m(c) : It && (fe = () => O(!0));
   const te = f(), Os = y(
@@ -3540,7 +3540,7 @@ const mi = ({
     amountText: (Bt = c.metadata) == null ? void 0 : Bt.amount_text,
     detail: (Ut = c.metadata) == null ? void 0 : Ut.attachment_detail,
     paymentStatus: (jt = c.metadata) == null ? void 0 : jt.payment_status,
-    onFetchSource: P ? () => P(c, N) : void 0
+    onFetchSource: L ? () => L(c, _) : void 0
   };
   return /* @__PURE__ */ u(se, { children: [
     a && /* @__PURE__ */ s(
@@ -3565,7 +3565,7 @@ const mi = ({
         "data-dd-privacy": "mask",
         children: [
           A && /* @__PURE__ */ s(A, {}),
-          !!z && /* @__PURE__ */ s(X, { reminder: z }),
+          !!F && /* @__PURE__ */ s(X, { reminder: F }),
           c.user && /* @__PURE__ */ s(
             ne,
             {
@@ -3609,7 +3609,7 @@ const mi = ({
                     ...At,
                     isMine: !1,
                     isUnlocking: w(c.id),
-                    onUnlockClick: () => C == null ? void 0 : C(c, N)
+                    onUnlockClick: () => k == null ? void 0 : k(c, _)
                   }
                 ),
                 !te && M && /* @__PURE__ */ s(M, {})
@@ -3621,7 +3621,7 @@ const mi = ({
                     {
                       ...Rt,
                       isMine: !0,
-                      onPreviewClick: () => C ? C(c, N) : void 0
+                      onPreviewClick: () => k ? k(c, _) : void 0
                     }
                   ) : /* @__PURE__ */ s(
                     Fe,
@@ -3629,8 +3629,8 @@ const mi = ({
                       ...Rt,
                       isMine: !1,
                       isUnlocking: w(c.id),
-                      onUnlockClick: () => C ? C(c, N) : void 0,
-                      onDownloadClick: () => I ? I(c, N) : void 0
+                      onUnlockClick: () => k ? k(c, _) : void 0,
+                      onDownloadClick: () => S ? S(c, _) : void 0
                     }
                   ),
                   !te && M && /* @__PURE__ */ s(M, {})
@@ -3668,14 +3668,14 @@ const mi = ({
                 ),
                 Ye && /* @__PURE__ */ s(mn, { poll: Ye }),
                 B != null && B.length && !c.quoted_message ? /* @__PURE__ */ s(
-                  E,
+                  I,
                   {
                     actionHandler: l,
                     attachments: B
                   }
                 ) : null,
                 Y ? /* @__PURE__ */ s(
-                  _,
+                  N,
                   {
                     message: Z,
                     renderText: b
@@ -3704,8 +3704,8 @@ const mi = ({
               Vr,
               {
                 selected: D,
-                onVoteUp: k,
-                onVoteDown: S
+                onVoteUp: C,
+                onVoteDown: E
               }
             )
           ] }),
@@ -4046,16 +4046,16 @@ const mi = ({
   Xe.Generating,
   Xe.ExternalSources
 ]), zi = ({ threadList: e }) => {
-  var b, x;
+  var b, v;
   const { channel: t, channelConfig: n, thread: a } = oe(), { client: r } = he(), { typing: i = {} } = _n(), { aiState: o } = Nn(t), l = Ie(Ds);
   if (!e && l && Li.has(o)) {
-    const v = Fi(t, (b = r.user) == null ? void 0 : b.id);
+    const x = Fi(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ s(
       ts,
       {
-        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,
+        avatarId: (x == null ? void 0 : x.id) ?? "ai-agent",
+        avatarName: (x == null ? void 0 : x.name) ?? (x == null ? void 0 : x.id) ?? "Agent",
+        avatarImage: x == null ? void 0 : x.image,
         testId: "typing-indicator-ai"
       }
     );
@@ -4063,19 +4063,19 @@ const mi = ({
   if ((n == null ? void 0 : n.typing_events) === !1)
     return null;
   const m = e ? [] : Object.values(i).filter(
-    ({ parent_id: v, user: p }) => {
-      var N;
-      return (p == null ? void 0 : p.id) !== ((N = r.user) == null ? void 0 : N.id) && !v;
+    ({ parent_id: x, user: p }) => {
+      var _;
+      return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && !x;
     }
   ), g = e ? Object.values(i).filter(
-    ({ parent_id: v, user: p }) => {
-      var N;
-      return (p == null ? void 0 : p.id) !== ((N = r.user) == null ? void 0 : N.id) && v === (a == null ? void 0 : a.id);
+    ({ parent_id: x, user: p }) => {
+      var _;
+      return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && x === (a == null ? void 0 : a.id);
     }
   ) : [], h = e ? g : m;
   if (!h.length)
     return null;
-  const f = (x = h[0]) == null ? void 0 : x.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
+  const f = (v = h[0]) == null ? void 0 : v.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ s(
     ts,
     {
@@ -4202,29 +4202,29 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   customChannelActions: f,
   renderChannelActions: c,
   showChannelInfo: b = !0,
-  onParticipantNameClick: x,
-  renderHeaderTitleBadges: v
+  onParticipantNameClick: v,
+  renderHeaderTitleBadges: x
 }) => {
-  var S, E, T, M, F, $;
-  const { channel: p } = oe(), { client: N } = he(), w = V.useMemo(
+  var E, I, T, M, P, $;
+  const { channel: p } = oe(), { client: _ } = he(), w = V.useMemo(
     () => {
       var j;
       return Ge(
         (j = p.state) == null ? void 0 : j.members,
-        N == null ? void 0 : N.userID,
+        _ == null ? void 0 : _.userID,
         p.type
       );
     },
-    [(S = p.state) == null ? void 0 : S.members, N == null ? void 0 : N.userID, p.type]
-  ), C = ut(w == null ? void 0 : w.user), P = (E = w == null ? void 0 : w.user) == null ? void 0 : E.image, I = dt(p), R = v == null ? void 0 : v({
+    [(E = p.state) == null ? void 0 : E.members, _ == null ? void 0 : _.userID, p.type]
+  ), k = ut(w == null ? void 0 : w.user), L = (I = w == null ? void 0 : w.user) == null ? void 0 : I.image, S = dt(p), R = x == null ? void 0 : x({
     channel: p,
     participant: w
-  }), O = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", z = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", D = /* @__PURE__ */ u(se, { children: [
-    /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: C }),
+  }), O = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", F = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", D = /* @__PURE__ */ u(se, { children: [
+    /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: k }),
     R && /* @__PURE__ */ s("span", { className: "shrink-0", children: R })
-  ] }), k = async () => {
+  ] }), C = async () => {
     try {
-      I ? await p.unpin() : await p.pin();
+      S ? await p.unpin() : await p.pin();
     } catch (j) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
@@ -4253,12 +4253,12 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         {
           className: "flex flex-col gap-1 items-center",
           "data-dd-privacy": "mask",
-          children: x ? /* @__PURE__ */ u(
+          children: v ? /* @__PURE__ */ u(
             "button",
             {
               type: "button",
-              onClick: x,
-              "aria-label": `View details for ${C}`,
+              onClick: v,
+              "aria-label": `View details for ${k}`,
               className: y(
                 O,
                 "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
@@ -4268,9 +4268,9 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   ne,
                   {
                     id: ((T = w == null ? void 0 : w.user) == null ? void 0 : T.id) || p.id || "unknown",
-                    name: C,
-                    image: P,
-                    starred: n && I,
+                    name: k,
+                    image: L,
+                    starred: n && S,
                     dmAgentEnabled: a,
                     size: 48
                   }
@@ -4290,9 +4290,9 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ne,
               {
                 id: ((M = w == null ? void 0 : w.user) == null ? void 0 : M.id) || p.id || "unknown",
-                name: C,
-                image: P,
-                starred: n && I,
+                name: k,
+                image: L,
+                starred: n && S,
                 dmAgentEnabled: a,
                 size: 48
               }
@@ -4319,17 +4319,17 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: be,
-            onClick: k,
+            onClick: C,
             type: "button",
-            "aria-label": I ? "Unstar conversation" : "Star conversation",
+            "aria-label": S ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
               Ee,
               {
                 className: y("size-5", {
-                  "text-yellow-600": I,
-                  "text-black/90": !I
+                  "text-yellow-600": S,
+                  "text-black/90": !S
                 }),
-                weight: I ? "duotone" : "regular"
+                weight: S ? "duotone" : "regular"
               }
             )
           }
@@ -4368,24 +4368,24 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             children: /* @__PURE__ */ s(nt, { className: "size-5 text-black/90" })
           }
         ),
-        x ? /* @__PURE__ */ u(
+        v ? /* @__PURE__ */ u(
           "button",
           {
             type: "button",
-            onClick: x,
-            "aria-label": `View details for ${C}`,
+            onClick: v,
+            "aria-label": `View details for ${k}`,
             className: y(
-              z,
+              F,
               "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
             ),
             children: [
               /* @__PURE__ */ s(
                 ne,
                 {
-                  id: ((F = w == null ? void 0 : w.user) == null ? void 0 : F.id) || p.id || "unknown",
-                  name: C,
-                  image: P,
-                  starred: n && I,
+                  id: ((P = w == null ? void 0 : w.user) == null ? void 0 : P.id) || p.id || "unknown",
+                  name: k,
+                  image: L,
+                  starred: n && S,
                   dmAgentEnabled: a,
                   size: 48
                 }
@@ -4402,14 +4402,14 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ] })
             ]
           }
-        ) : /* @__PURE__ */ u("div", { className: z, children: [
+        ) : /* @__PURE__ */ u("div", { className: F, children: [
           /* @__PURE__ */ s(
             ne,
             {
               id: (($ = w == null ? void 0 : w.user) == null ? void 0 : $.id) || p.id || "unknown",
-              name: C,
-              image: P,
-              starred: n && I,
+              name: k,
+              image: L,
+              starred: n && S,
               dmAgentEnabled: a,
               size: 48
             }
@@ -4437,17 +4437,17 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: be,
-            onClick: k,
+            onClick: C,
             type: "button",
-            "aria-label": I ? "Unstar conversation" : "Star conversation",
+            "aria-label": S ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
               Ee,
               {
                 className: y("size-6", {
-                  "text-yellow-600": I,
-                  "text-black/90": !I
+                  "text-yellow-600": S,
+                  "text-black/90": !S
                 }),
-                weight: I ? "duotone" : "regular"
+                weight: S ? "duotone" : "regular"
               }
             )
           }
@@ -4488,47 +4488,47 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showReportParticipant: f = !0,
   composerDisabled: c = !1,
   composerDisabledReason: b,
-  showStarButton: x = !1,
-  chatbotVotingEnabled: v = !1,
+  showStarButton: v = !1,
+  chatbotVotingEnabled: x = !1,
   renderChannelBanner: p,
-  renderHeaderTitleBadges: N,
+  renderHeaderTitleBadges: _,
   customChannelActions: w,
-  renderChannelActions: C,
-  renderMessage: P,
-  dmAgentEnabled: I = !1,
+  renderChannelActions: k,
+  renderMessage: L,
+  dmAgentEnabled: S = !1,
   viewerLanguage: R,
   showChannelInfo: O = !0,
-  onParticipantNameClick: z,
+  onParticipantNameClick: F,
   composerInput: D
 }) => {
-  var _, A, H, q;
-  const { channel: k } = oe(), { client: S } = he(), E = V.useMemo(
+  var N, A, H, q;
+  const { channel: C } = oe(), { client: E } = he(), I = V.useMemo(
     () => {
       var Y;
       return Ge(
-        (Y = k.state) == null ? void 0 : Y.members,
-        S == null ? void 0 : S.userID,
-        k.type
+        (Y = C.state) == null ? void 0 : Y.members,
+        E == null ? void 0 : E.userID,
+        C.type
       );
     },
-    [(_ = k.state) == null ? void 0 : _.members, S == null ? void 0 : S.userID, k.type]
+    [(N = C.state) == null ? void 0 : N.members, E == null ? void 0 : E.userID, C.type]
   ), T = V.useMemo(() => {
     var W;
-    const Y = S == null ? void 0 : S.userID;
-    return Y ? Object.values(((W = k.state) == null ? void 0 : W.members) || {}).find((Z) => {
+    const Y = E == null ? void 0 : E.userID;
+    return Y ? Object.values(((W = C.state) == null ? void 0 : W.members) || {}).find((Z) => {
       var de;
       return ((de = Z.user) == null ? void 0 : de.id) === Y;
     }) : void 0;
-  }, [S == null ? void 0 : S.userID, (A = k.state) == null ? void 0 : A.members]), M = ((H = T == null ? void 0 : T.user) == null ? void 0 : H.is_account) ?? (T == null ? void 0 : T.is_account), F = ((q = E == null ? void 0 : E.user) == null ? void 0 : q.is_account) ?? (E == null ? void 0 : E.is_account), $ = I && M === !1 && F === !0, j = k.state.messages.some(
+  }, [E == null ? void 0 : E.userID, (A = C.state) == null ? void 0 : A.members]), M = ((H = T == null ? void 0 : T.user) == null ? void 0 : H.is_account) ?? (T == null ? void 0 : T.is_account), P = ((q = I == null ? void 0 : I.user) == null ? void 0 : q.is_account) ?? (I == null ? void 0 : I.is_account), $ = S && M === !1 && P === !0, j = C.state.messages.some(
     (Y) => Y.type !== "deleted"
-  ), Q = p ? /* @__PURE__ */ s(V.Fragment, { children: p() }, "lt-channel-banner") : null, ee = z ? /* @__PURE__ */ s(
+  ), Q = p ? /* @__PURE__ */ s(V.Fragment, { children: p() }, "lt-channel-banner") : null, ee = F ? /* @__PURE__ */ s(
     fa,
     {
       className: "-mx-[var(--str-chat\\_\\_spacing-2)] px-[var(--str-chat\\_\\_spacing-2)] md:-mx-[min(var(--str-chat\\_\\_spacing-10),4%)] md:px-[min(var(--str-chat\\_\\_spacing-10),4%)]",
       onBack: e,
       showBackButton: t,
       showChannelInfo: O,
-      showStarButton: x,
+      showStarButton: v,
       dmAgentEnabled: $,
       onLeaveConversation: i,
       onBlockParticipant: o,
@@ -4539,8 +4539,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       onBlockParticipantClick: m,
       onReportParticipantClick: g,
       customChannelActions: w,
-      renderChannelActions: C,
-      onParticipantNameClick: z
+      renderChannelActions: k,
+      onParticipantNameClick: F
     }
   ) : null, X = J(
     (Y) => {
@@ -4548,13 +4548,13 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         gi,
         {
           ...Y,
-          chatbotVotingEnabled: v,
+          chatbotVotingEnabled: x,
           viewerLanguage: R
         }
       );
-      return !P || !B ? W : P(W, B);
+      return !L || !B ? W : L(W, B);
     },
-    [v, P, R]
+    [x, L, R]
   );
   return /* @__PURE__ */ s(se, { children: /* @__PURE__ */ s(
     kn,
@@ -4564,14 +4564,14 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         MessageActions: vi
       },
       children: /* @__PURE__ */ u(Cn, { children: [
-        !z && /* @__PURE__ */ u(se, { children: [
+        !F && /* @__PURE__ */ u(se, { children: [
           /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
             $i,
             {
               onBack: e,
               showBackButton: t,
               showChannelInfo: O,
-              showStarButton: x,
+              showStarButton: v,
               dmAgentEnabled: $,
               onLeaveConversation: i,
               onBlockParticipant: o,
@@ -4582,8 +4582,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               onBlockParticipantClick: m,
               onReportParticipantClick: g,
               customChannelActions: w,
-              renderChannelActions: C,
-              renderHeaderTitleBadges: N
+              renderChannelActions: k,
+              renderHeaderTitleBadges: _
             }
           ) }, "lt-channel-header"),
           Q
@@ -4593,14 +4593,14 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             className: "flex-1 overflow-hidden relative",
             children: [
-              z && !j && /* @__PURE__ */ s("div", { className: "str-chat__list", children: /* @__PURE__ */ u("div", { className: "str-chat__message-list-scroll", children: [
+              F && !j && /* @__PURE__ */ s("div", { className: "str-chat__list", children: /* @__PURE__ */ u("div", { className: "str-chat__message-list-scroll", children: [
                 ee,
                 Q
               ] }) }),
               /* @__PURE__ */ s(
                 Sn,
                 {
-                  head: z && j ? /* @__PURE__ */ u("div", { className: "sticky top-0 z-10", children: [
+                  head: F && j ? /* @__PURE__ */ u("div", { className: "sticky top-0 z-10", children: [
                     ee,
                     Q
                   ] }) : void 0,
@@ -4612,14 +4612,14 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ s(V.Fragment, { children: r(k) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ s(V.Fragment, { children: r(C) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ s(
           ki,
           {
             ...n && {
-              renderActions: () => n == null ? void 0 : n(k)
+              renderActions: () => n == null ? void 0 : n(C)
             },
-            renderFooter: () => a == null ? void 0 : a(k),
+            renderFooter: () => a == null ? void 0 : a(C),
             disabled: c,
             disabledReason: b,
             composerInput: D
@@ -4646,36 +4646,36 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
     showBlockParticipant: b = !0,
-    showReportParticipant: x = !0,
-    composerDisabled: v = !1,
+    showReportParticipant: v = !0,
+    composerDisabled: x = !1,
     composerDisabledReason: p,
-    dmAgentEnabled: N,
+    dmAgentEnabled: _,
     messageMetadata: w,
-    onMessageSent: C,
-    showStarButton: P = !1,
-    chatbotVotingEnabled: I = !1,
+    onMessageSent: k,
+    showStarButton: L = !1,
+    chatbotVotingEnabled: S = !1,
     renderChannelBanner: R,
     renderHeaderTitleBadges: O,
-    customChannelActions: z,
+    customChannelActions: F,
     renderChannelActions: D,
-    renderMessage: k,
-    onMessageLinkClick: S,
-    sendButton: E,
+    renderMessage: C,
+    onMessageLinkClick: E,
+    sendButton: I,
     attachmentPreviewList: T,
     viewerLanguage: M,
-    showChannelInfo: F = !0,
+    showChannelInfo: P = !0,
     onParticipantNameClick: $,
     composerInput: j
   }) => {
     const Q = J(
-      async (X, _, A) => {
+      async (X, N, A) => {
         var Z;
-        const H = ((Z = e.data) == null ? void 0 : Z.chatbot_paused) === !0, q = N && !H, Y = {
-          ..._,
+        const H = ((Z = e.data) == null ? void 0 : Z.chatbot_paused) === !0, q = _ && !H, Y = {
+          ...N,
           ...q && { silent: !0 },
           ...w && {
             metadata: {
-              ..._.metadata ?? {},
+              ...N.metadata ?? {},
               ...w
             }
           }
@@ -4683,22 +4683,22 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           ...A,
           ...q && { skip_push: !0 }
         }, W = await e.sendMessage(Y, B);
-        return C == null || C(W), W;
+        return k == null || k(W), W;
       },
-      [e, N, w, C]
+      [e, _, w, k]
     ), ee = G(null);
     return K(() => {
-      if (!S) return;
+      if (!E) return;
       const X = ee.current;
       if (!X) return;
-      const _ = (A) => {
+      const N = (A) => {
         const H = A.target, q = H == null ? void 0 : H.closest("a[href]"), Y = q == null ? void 0 : q.getAttribute("href");
         if (!Y) return;
         const B = q == null ? void 0 : q.closest("[data-message-id]"), W = B == null ? void 0 : B.getAttribute("data-message-id"), Z = W ? e.state.messages.find((de) => de.id === W) : void 0;
-        S(Y, Z);
+        E(Y, Z);
       };
-      return X.addEventListener("click", _), () => X.removeEventListener("click", _);
-    }, [S, e]), /* @__PURE__ */ s(
+      return X.addEventListener("click", N), () => X.removeEventListener("click", N);
+    }, [E, e]), /* @__PURE__ */ s(
       "div",
       {
         ref: ee,
@@ -4706,7 +4706,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ s(Ds.Provider, { value: N ?? !1, children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ s(Ds.Provider, { value: _ ?? !1, children: /* @__PURE__ */ s(
           yn,
           {
             channel: e,
@@ -4716,7 +4716,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             DateSeparator: ga,
             TypingIndicator: zi,
             doSendMessageRequest: Q,
-            ...E ? { SendButton: E } : {},
+            ...I ? { SendButton: I } : {},
             ...T ? { AttachmentPreviewList: T } : {},
             children: /* @__PURE__ */ s(
               Bi,
@@ -4734,19 +4734,19 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
                 showBlockParticipant: b,
-                showReportParticipant: x,
-                composerDisabled: v,
+                showReportParticipant: v,
+                composerDisabled: x,
                 composerDisabledReason: p,
-                showStarButton: P,
-                dmAgentEnabled: N,
-                chatbotVotingEnabled: I,
+                showStarButton: L,
+                dmAgentEnabled: _,
+                chatbotVotingEnabled: S,
                 renderChannelBanner: R,
                 renderHeaderTitleBadges: O,
-                customChannelActions: z,
+                customChannelActions: F,
                 renderChannelActions: D,
-                renderMessage: k,
+                renderMessage: C,
                 viewerLanguage: M,
-                showChannelInfo: F,
+                showChannelInfo: P,
                 onParticipantNameClick: $,
                 composerInput: j
               }
@@ -4789,27 +4789,27 @@ const ml = ({
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
   renderHeaderTitleBadges: b,
-  renderChannelBanner: x,
-  customChannelActions: v,
+  renderChannelBanner: v,
+  customChannelActions: x,
   renderChannelActions: p,
-  onParticipantNameClick: N,
+  onParticipantNameClick: _,
   renderMessage: w,
-  onMessageLinkClick: C,
-  showChannelInfo: P,
-  composerInput: I
+  onMessageLinkClick: k,
+  showChannelInfo: L,
+  composerInput: S
 }) => {
   const {
     client: R,
     isConnected: O,
-    isLoading: z,
+    isLoading: F,
     error: D,
-    refreshConnection: k,
-    service: S,
-    debug: E
-  } = ea(), [T, M] = U(null), [F, $] = U(null), [j, Q] = U(!1), { showDeleteConversation: ee = !0 } = e, X = G(o);
+    refreshConnection: C,
+    service: E,
+    debug: I
+  } = ea(), [T, M] = U(null), [P, $] = U(null), [j, Q] = U(!1), { showDeleteConversation: ee = !0 } = e, X = G(o);
   X.current = o;
-  const _ = G(a);
-  _.current = a;
+  const N = G(a);
+  N.current = a;
   const A = G(null), H = G(null);
   K(() => {
     H.current = T;
@@ -4826,7 +4826,7 @@ const ml = ({
     (async () => {
       var De, Le;
       try {
-        E && console.log(
+        I && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
@@ -4839,27 +4839,27 @@ const ml = ({
           { limit: 1 }
         );
         if (ae.length > 0) {
-          M(ae[0]), $(null), (De = _.current) == null || De.call(_, ae[0]), E && console.log(
+          M(ae[0]), $(null), (De = N.current) == null || De.call(N, ae[0]), I && console.log(
             "[MessagingShell] Initial conversation loaded:",
             ae[0].id
           );
           return;
         }
         const ue = X.current;
-        if (!ue || !S) {
-          Z(), $("No conversation found with this account"), E && console.log(
+        if (!ue || !E) {
+          Z(), $("No conversation found with this account"), I && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const le = await S.startChannelWithParticipant({
+          const le = await E.startChannelWithParticipant({
             id: ue.id,
             name: ue.name,
             phone: ue.phone
           });
-          M(le), $(null), (Le = _.current) == null || Le.call(_, le), E && console.log(
+          M(le), $(null), (Le = N.current) == null || Le.call(N, le), I && console.log(
             "[MessagingShell] Channel created and loaded:",
             le.id
           );
@@ -4876,26 +4876,26 @@ const ml = ({
         ), Z(), H.current || $("Failed to load conversation");
       }
     })();
-  }, [i, R, O, S, E]);
+  }, [i, R, O, E, I]);
   const q = G(r);
   q.current = r;
   const Y = J(() => {
     var B;
     M(null), Q(!0), (B = q.current) == null || B.call(q);
   }, []);
-  return z ? /* @__PURE__ */ s(je, {}) : D ? /* @__PURE__ */ s(ke, { message: D, onBack: k }) : !O || !R ? /* @__PURE__ */ s(
+  return F ? /* @__PURE__ */ s(je, {}) : D ? /* @__PURE__ */ s(ke, { message: D, onBack: C }) : !O || !R ? /* @__PURE__ */ s(
     ke,
     {
       message: "Not connected to messaging service",
-      onBack: k
+      onBack: C
     }
-  ) : F ? /* @__PURE__ */ s(ke, { message: F }) : j && !T ? /* @__PURE__ */ s(ke, { message: "Conversation ended" }) : T ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
+  ) : P ? /* @__PURE__ */ s(ke, { message: P }) : j && !T ? /* @__PURE__ */ s(ke, { message: "Conversation ended" }) : T ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
     Ls,
     {
       channel: T,
       renderMessageInputActions: t,
       renderConversationFooter: n,
-      renderChannelBanner: x,
+      renderChannelBanner: v,
       onLeaveConversation: Y,
       onBlockParticipant: Y,
       CustomChannelEmptyState: l,
@@ -4907,13 +4907,13 @@ const ml = ({
       chatbotVotingEnabled: f,
       viewerLanguage: c,
       renderHeaderTitleBadges: b,
-      customChannelActions: v,
+      customChannelActions: x,
       renderChannelActions: p,
-      onParticipantNameClick: N,
+      onParticipantNameClick: _,
       renderMessage: w,
-      onMessageLinkClick: C,
-      showChannelInfo: P,
-      composerInput: I
+      onMessageLinkClick: k,
+      showChannelInfo: L,
+      composerInput: S
     },
     T.id
   ) }) }) : /* @__PURE__ */ s(je, {});
@@ -4955,7 +4955,7 @@ const zs = V.createContext({
   });
 }, Fs = V.memo(
   (e) => {
-    var O, z, D;
+    var O, F, D;
     const { channel: t, unread: n } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -4977,46 +4977,46 @@ const zs = V.createContext({
       );
     const f = () => {
       t && r(t);
-    }, c = (k) => {
-      const S = k.key === "Enter" || k.key === " ", E = k.repeat;
-      !S || E || (k.preventDefault(), f());
+    }, c = (C) => {
+      const E = C.key === "Enter" || C.key === " ", I = C.repeat;
+      !E || I || (C.preventDefault(), f());
     }, b = Ge(
       (O = t == null ? void 0 : t.state) == null ? void 0 : O.members,
       m == null ? void 0 : m.userID,
       t == null ? void 0 : t.type
-    ), x = ut(b == null ? void 0 : b.user), v = (z = b == null ? void 0 : b.user) == null ? void 0 : z.image, p = (() => {
-      var S;
-      const k = (S = t == null ? void 0 : t.state) == null ? void 0 : S.messages;
-      if (k != null && k.length) {
-        for (let E = k.length - 1; E >= 0; E--)
-          if (k[E].type !== "system") return k[E];
+    ), v = ut(b == null ? void 0 : b.user), x = (F = b == null ? void 0 : b.user) == null ? void 0 : F.image, p = (() => {
+      var E;
+      const C = (E = t == null ? void 0 : t.state) == null ? void 0 : E.messages;
+      if (C != null && C.length) {
+        for (let I = C.length - 1; I >= 0; I--)
+          if (C[I].type !== "system") return C[I];
       }
     })(), w = (() => {
       var M;
-      const k = ds({
+      const C = ds({
         message: p,
         viewerLanguage: d
-      }), { custom_type: S, attachment_content_type: E } = (p == null ? void 0 : p.metadata) || {};
-      if (S === "MESSAGE_TIP")
-        return k || "Sent a tip";
-      if (S === "MESSAGE_PAID")
-        return k || "Sent a message";
-      if (S === "MESSAGE_ATTACHMENT") {
-        if (E === "text")
+      }), { custom_type: E, attachment_content_type: I } = (p == null ? void 0 : p.metadata) || {};
+      if (E === "MESSAGE_TIP")
+        return C || "Sent a tip";
+      if (E === "MESSAGE_PAID")
+        return C || "Sent a message";
+      if (E === "MESSAGE_ATTACHMENT") {
+        if (I === "text")
           return "🔒 Sent a locked message";
-        if (E === "media")
+        if (I === "media")
           return "🔒 Sent a locked attachment";
       }
-      if (k) return k;
+      if (C) return C;
       const T = (M = p == null ? void 0 : p.attachments) == null ? void 0 : M[0];
       return T ? T.og_scrape_url ? T.og_scrape_url : T.type === "image" ? "📷 Sent an image" : T.type === "video" ? "🎥 Sent a video" : T.type === "audio" ? "🎵 Sent audio" : T.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), C = p != null && p.created_at ? Hi(new Date(p.created_at)) : "", P = p ? $e(p) : !1, I = l ? l(p, w) : `${P ? "✨ " : ""}${w}`, R = n ?? 0;
+    })(), k = p != null && p.created_at ? Hi(new Date(p.created_at)) : "", L = p ? $e(p) : !1, S = l ? l(p, w) : `${L ? "✨ " : ""}${w}`, R = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: g,
-      participantName: x,
+      participantName: v,
       unreadCount: R,
-      hasTimestamp: !!C
+      hasTimestamp: !!k
     }), /* @__PURE__ */ s(
       "div",
       {
@@ -5037,8 +5037,8 @@ const zs = V.createContext({
             ne,
             {
               id: ((D = b == null ? void 0 : b.user) == null ? void 0 : D.id) || t.id || "unknown",
-              name: x,
-              image: v,
+              name: v,
+              image: x,
               size: 48,
               starred: h
             }
@@ -5053,14 +5053,14 @@ const zs = V.createContext({
                   ),
                   children: [
                     h && /* @__PURE__ */ s("span", { className: "sr-only", children: "Starred conversation. " }),
-                    x
+                    v
                   ]
                 }
               ),
-              C && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: C })
+              k && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: k })
             ] }),
             /* @__PURE__ */ u("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ s("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: I }),
+              /* @__PURE__ */ s("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: S }),
               R > 0 && /* @__PURE__ */ s("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: R > 99 ? "99+" : R })
             ] })
           ] })
@@ -5083,28 +5083,34 @@ const Yi = { last_message_at: -1 }, qi = V.memo(
     channelListPaginator: d = In,
     channelPreview: m,
     renderMessagePreview: g,
-    viewerLanguage: h
+    viewerLanguage: h,
+    lockChannelOrder: f,
+    onMessageNewHandler: c,
+    onMessageNew: b,
+    onChannelVisible: v,
+    onAddedToChannel: x,
+    onChannelUpdated: p
   }) => {
-    const f = V.useRef(0);
-    f.current++;
-    const { debug: c = !1 } = ct(), b = V.useCallback(
-      (v) => {
-        for (const p of v)
-          Ui(p);
-        return r ? r(v) : v;
+    const _ = V.useRef(0);
+    _.current++;
+    const { debug: w = !1 } = ct(), k = V.useCallback(
+      (S) => {
+        for (const R of S)
+          Ui(R);
+        return r ? r(S) : S;
       },
       [r]
     );
-    c && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: f.current,
+    w && console.log("📺 [ChannelList] 🔄 RENDER START", {
+      renderCount: _.current,
       selectedChannelId: t == null ? void 0 : t.id,
       filters: n
     });
-    const x = V.useMemo(
+    const L = V.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
-        debug: c,
+        debug: w,
         channelPreview: m,
         renderMessagePreview: g,
         viewerLanguage: h
@@ -5112,7 +5118,7 @@ const Yi = { last_message_at: -1 }, qi = V.memo(
       [
         t,
         e,
-        c,
+        w,
         m,
         g,
         h
@@ -5125,14 +5131,20 @@ const Yi = { last_message_at: -1 }, qi = V.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(ji, { value: x, children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(ji, { value: L, children: /* @__PURE__ */ s(
           En,
           {
             filters: n,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
-            channelRenderFilterFn: b,
+            channelRenderFilterFn: k,
+            lockChannelOrder: f,
+            onMessageNewHandler: c,
+            onMessageNew: b,
+            onChannelVisible: v,
+            onAddedToChannel: x,
+            onChannelUpdated: p,
             Paginator: d,
             Preview: Fs,
             EmptyStateIndicator: l
@@ -5316,4 +5328,4 @@ export {
   ft as y,
   gt as z
 };
-//# sourceMappingURL=index-DFZrAiLB.js.map
+//# sourceMappingURL=index-DJXjS2H9.js.map