@codingfactory/messenger-client 0.4.9 → 0.4.10

package/dist/index.js

@@ -1,4 +1,4 @@
-import { ref as N, getCurrentInstance as Ds, computed as C, watch as Xe, onUnmounted as Nt, toValue as or, onMounted as Yt, nextTick as ct, defineComponent as at, openBlock as m, createElementBlock as g, normalizeStyle as rt, normalizeClass as xe, createElementVNode as c, toDisplayString as J, useAttrs as Qa, onBeforeUnmount as Us, Fragment as ze, mergeProps as lr, unref as Lt, renderList as dt, withModifiers as Ge, createCommentVNode as K, createTextVNode as yt, withKeys as Dt, createVNode as Re, createBlock as st, Teleport as ns, resolveDynamicComponent as cr, withCtx as it, Transition as Wt, renderSlot as Vn, createStaticVNode as eo, withDirectives as un, vModelText as dn, TransitionGroup as to } from "vue";
+import { ref as N, getCurrentInstance as Ds, computed as C, watch as Xe, onUnmounted as Nt, toValue as or, onMounted as Yt, nextTick as ct, defineComponent as at, openBlock as m, createElementBlock as b, normalizeStyle as rt, normalizeClass as xe, createElementVNode as c, toDisplayString as J, useAttrs as Qa, onBeforeUnmount as Us, Fragment as ze, mergeProps as lr, unref as Lt, renderList as dt, withModifiers as Ge, createCommentVNode as K, createTextVNode as yt, withKeys as Dt, createVNode as Re, createBlock as st, Teleport as ns, resolveDynamicComponent as cr, withCtx as it, Transition as Wt, renderSlot as Vn, createStaticVNode as eo, withDirectives as un, vModelText as dn, TransitionGroup as to } from "vue";
 import { defineStore as ur, storeToRefs as no } from "pinia";
 import Fs, { isAxiosError as so, AxiosHeaders as bi } from "axios";
 import { isAxiosError as Yg } from "axios";
@@ -396,19 +396,19 @@ function Jo(e) {
   const t = typeof e.id == "string" ? e.id.trim() : "", n = gn(e.title) ?? "", i = typeof e.url == "string" ? e.url.trim() : "";
   if (t.length === 0 || n.length === 0 || i.length === 0)
     return;
-  const o = gn(e.excerpt) ?? null, l = typeof e.media_thumbnail == "string" && e.media_thumbnail.trim().length > 0 ? e.media_thumbnail.trim() : null, u = gt(e.author) ? e.author : null, y = u && typeof u.id == "string" ? u.id.trim() : "", h = gn(u?.name) ?? "", w = u && typeof u.avatar == "string" && u.avatar.trim().length > 0 ? u.avatar.trim() : null, b = u && typeof u.handle == "string" && u.handle.trim().length > 0 ? u.handle.trim() : null;
+  const o = gn(e.excerpt) ?? null, l = typeof e.media_thumbnail == "string" && e.media_thumbnail.trim().length > 0 ? e.media_thumbnail.trim() : null, u = gt(e.author) ? e.author : null, p = u && typeof u.id == "string" ? u.id.trim() : "", h = gn(u?.name) ?? "", w = u && typeof u.avatar == "string" && u.avatar.trim().length > 0 ? u.avatar.trim() : null, y = u && typeof u.handle == "string" && u.handle.trim().length > 0 ? u.handle.trim() : null;
   return {
     id: t,
     title: n,
     url: i,
     ...o ? { excerpt: o } : {},
     ...l ? { media_thumbnail: l } : {},
-    ...y.length > 0 && h.length > 0 ? {
+    ...p.length > 0 && h.length > 0 ? {
       author: {
-        id: y,
+        id: p,
         name: h,
         ...w ? { avatar: w } : {},
-        ...b ? { handle: b } : {}
+        ...y ? { handle: y } : {}
       }
     } : {}
   };
@@ -435,12 +435,12 @@ function Zo(e, t = []) {
       name: i.user.name,
       ...l ? { avatar: l } : {},
       ...i.user.handle ? { handle: i.user.handle } : {}
-    } : void 0, y = xi(i.last_read_message_id);
-    if (y)
+    } : void 0, p = xi(i.last_read_message_id);
+    if (p)
       return {
         ...i,
         ...u ? { user: u } : {},
-        last_read_message_id: y
+        last_read_message_id: p
       };
     if (o)
       return {
@@ -467,7 +467,7 @@ function el(e, t) {
   return Object.prototype.hasOwnProperty.call(e, "folder_id") ? e.folder_id ?? null : e.me?.folder_id === null ? null : typeof e.me?.folder_id == "string" ? e.me.folder_id : t?.folder_id;
 }
 function Cn(e, t) {
-  const n = Qo(e, t), i = typeof e.is_muted == "boolean" ? e.is_muted : n !== null || t?.is_muted === !0, o = e.last_message ? Yn(e.last_message) : t?.last_message, l = e.last_message_at ?? t?.last_message_at, u = typeof e.unread_count == "number" ? e.unread_count : t?.unread_count ?? 0, y = typeof e.is_pinned == "boolean" ? e.is_pinned : e.me?.is_pinned ?? t?.is_pinned ?? !1, h = typeof e.is_archived == "boolean" ? e.is_archived : e.me?.is_archived ?? t?.is_archived ?? !1, w = el(e, t), b = typeof e.created_at == "string" ? e.created_at : t?.created_at ?? "", k = (() => {
+  const n = Qo(e, t), i = typeof e.is_muted == "boolean" ? e.is_muted : n !== null || t?.is_muted === !0, o = e.last_message ? Yn(e.last_message) : t?.last_message, l = e.last_message_at ?? t?.last_message_at, u = typeof e.unread_count == "number" ? e.unread_count : t?.unread_count ?? 0, p = typeof e.is_pinned == "boolean" ? e.is_pinned : e.me?.is_pinned ?? t?.is_pinned ?? !1, h = typeof e.is_archived == "boolean" ? e.is_archived : e.me?.is_archived ?? t?.is_archived ?? !1, w = el(e, t), y = typeof e.created_at == "string" ? e.created_at : t?.created_at ?? "", k = (() => {
     if (!t || t.unread_count !== 0 || u <= 0)
       return !1;
     const x = t.last_message?.id, M = e.last_message?.id;
@@ -479,10 +479,10 @@ function Cn(e, t) {
     participants: Zo(e.participants, t?.participants),
     is_muted: i,
     muted_until: n,
-    is_pinned: y,
+    is_pinned: p,
     is_archived: h,
     folder_id: w,
-    created_at: b,
+    created_at: y,
     ...o ? { last_message: o } : {},
     ...l ? { last_message_at: l } : {}
   };
@@ -640,8 +640,8 @@ async function Li(e) {
     const u = i.get(l);
     return u ? {
       ...o,
-      participants: o.participants.map((y) => y.user_id !== l ? y : {
-        ...y,
+      participants: o.participants.map((p) => p.user_id !== l ? p : {
+        ...p,
         user: u
       })
     } : o;
@@ -840,18 +840,18 @@ const Gt = ur("messaging", {
           return e || (this.conversations = [], this.normalizeFolderAssignmentsState()), Ti();
         const o = i?.includePresence ?? !0, l = {};
         o && (l.include_presence = 1), e && (l.cursor = e), t && (l.filter = t), typeof n == "string" && n.length > 0 && (l.folder_id = n);
-        const u = await Ne().get("/v1/messaging/conversations", { params: l }), { items: y, nextCursor: h } = Gn(
+        const u = await Ne().get("/v1/messaging/conversations", { params: l }), { items: p, nextCursor: h } = Gn(
           u.data,
           "conversations"
-        ), w = y.map((x) => {
+        ), w = p.map((x) => {
           const M = this.conversations.find(
             (A) => A.id === x.id
           );
           return Cn(x, M);
-        }), b = await Li(w);
-        e ? this.conversations.push(...b) : this.conversations = b, this.normalizeFolderAssignmentsState(), this.lastFetch = Date.now();
+        }), y = await Li(w);
+        e ? this.conversations.push(...y) : this.conversations = y, this.normalizeFolderAssignmentsState(), this.lastFetch = Date.now();
         const k = {
-          data: b,
+          data: y,
           has_more: !!h
         };
         return h !== void 0 && (k.next_cursor = h), k;
@@ -880,13 +880,13 @@ const Gt = ur("messaging", {
       try {
         const t = await Ne().get(`/v1/messaging/conversations/${e}`, {
           params: { include_presence: 1 }
-        }), n = this.conversations.find((y) => y.id === e);
+        }), n = this.conversations.find((p) => p.id === e);
         let i = Cn(t.data.data || t.data, n);
         const o = Lr(i);
         o && (i = await Ii(i, o));
-        const l = this.conversations.findIndex((y) => y.id === e);
+        const l = this.conversations.findIndex((p) => p.id === e);
         l >= 0 ? this.conversations[l] = i : this.conversations.push(i);
-        const u = this.requests.findIndex((y) => y.id === e);
+        const u = this.requests.findIndex((p) => p.id === e);
         return i.is_request === !0 ? u >= 0 ? this.requests[u] = i : this.requests = kn(this.requests, i) : u >= 0 && (this.requests[u] = i), this.normalizeFolderAssignmentsState(), i;
       } catch (t) {
         throw this.error = Je(t), t;
@@ -908,15 +908,15 @@ const Gt = ur("messaging", {
           n.data,
           "conversations"
         ), l = i.map((h) => {
-          const w = this.requests.find((b) => b.id === h.id);
+          const w = this.requests.find((y) => y.id === h.id);
           return Cn(h, w);
         }), u = await Li(l);
         e ? this.requests.push(...u) : this.requests = u, this.normalizeFolderAssignmentsState();
-        const y = {
+        const p = {
           data: u,
           has_more: !!o
         };
-        return o !== void 0 && (y.next_cursor = o), y;
+        return o !== void 0 && (p.next_cursor = o), p;
       } catch (t) {
         throw this.error = Je(t), t;
       } finally {
@@ -940,7 +940,7 @@ const Gt = ur("messaging", {
         const { items: l, nextCursor: u } = Gn(
           o.data,
           "messages"
-        ), y = l.map(Yn), h = [...y].reverse();
+        ), p = l.map(Yn), h = [...p].reverse();
         if (t ? this.messages[e] = [...h, ...this.messages[e] || []] : this.messages[e] = h, (() => {
           const k = this.conversations.find((x) => x.id === e) ?? this.requests.find((x) => x.id === e);
           return k ? !k.last_message || !k.last_message_at : !1;
@@ -949,11 +949,11 @@ const Gt = ur("messaging", {
           k && this.updateConversationLastMessage(e, k);
         }
         u ? (this.conversationCursors[e] = u, this.conversationHasMore[e] = !0) : (delete this.conversationCursors[e], this.conversationHasMore[e] = !1);
-        const b = {
-          data: y,
+        const y = {
+          data: p,
           has_more: !!u
         };
-        return u !== void 0 && (b.next_cursor = u), b;
+        return u !== void 0 && (y.next_cursor = u), y;
       } catch (n) {
         throw this.error = Je(n), n;
       } finally {
@@ -961,14 +961,14 @@ const Gt = ur("messaging", {
       }
     },
     async sendMessage(e, t, n, i, o, l, u) {
-      const y = It()(), h = `temp-${Date.now()}-${Math.random()}`, w = typeof l == "string" && l.trim().length > 0 ? l.trim() : null, b = Jo(u), k = y.currentUser, x = {
+      const p = It()(), h = `temp-${Date.now()}-${Math.random()}`, w = typeof l == "string" && l.trim().length > 0 ? l.trim() : null, y = Jo(u), k = p.currentUser, x = {
         id: h,
         conversation_id: e,
         author_id: k?.id || "",
         body: t || "",
         attachments: [],
         meta: w ? { shared_post_id: w } : {},
-        ...b ? { shared_post: b } : {},
+        ...y ? { shared_post: y } : {},
         is_deleted: !1,
         created_at: (/* @__PURE__ */ new Date()).toISOString(),
         updated_at: (/* @__PURE__ */ new Date()).toISOString()
@@ -985,7 +985,7 @@ const Gt = ur("messaging", {
           body: t || "",
           ...i ? { reply_to_id: i } : {},
           ...w ? { shared_post_id: w } : {},
-          ...b ? { shared_post_preview: b } : {}
+          ...y ? { shared_post_preview: y } : {}
         };
         if (n && n.length > 0) {
           const L = await Promise.all(
@@ -1024,9 +1024,9 @@ const Gt = ur("messaging", {
       try {
         const i = await Ne().patch(`/v1/messaging/conversations/${e}/messages/${t}`, {
           body: n
-        }), o = i.data.data || i.data, l = this.messages[e] || [], u = l.findIndex((y) => y.id === t);
+        }), o = i.data.data || i.data, l = this.messages[e] || [], u = l.findIndex((p) => p.id === t);
         if (u >= 0) {
-          const y = l[u], h = o.id ? { ...y, ...o } : { ...y, body: n, edited_at: (/* @__PURE__ */ new Date()).toISOString() };
+          const p = l[u], h = o.id ? { ...p, ...o } : { ...p, body: n, edited_at: (/* @__PURE__ */ new Date()).toISOString() };
           return l[u] = h, h;
         }
         return o;
@@ -1107,8 +1107,8 @@ const Gt = ur("messaging", {
         const u = t[l];
         if (u) {
           if (o.status === "fulfilled") {
-            const y = this.conversations.find((h) => h.id === u.conversationId);
-            y && (y.unread_count = 0);
+            const p = this.conversations.find((h) => h.id === u.conversationId);
+            p && (p.unread_count = 0);
             return;
           }
           i === null && (i = o.reason);
@@ -1128,7 +1128,7 @@ const Gt = ur("messaging", {
     },
     async muteConversation(e, t) {
       try {
-        const n = { minutes: t }, i = await Ne().patch(`/v1/messaging/conversations/${e}/mute`, n), l = (i.data.data || i.data).muted_until || null, u = this.conversations.find((y) => y.id === e);
+        const n = { minutes: t }, i = await Ne().patch(`/v1/messaging/conversations/${e}/mute`, n), l = (i.data.data || i.data).muted_until || null, u = this.conversations.find((p) => p.id === e);
         u && (u.is_muted = l !== null, u.muted_until = l);
       } catch (n) {
         throw this.error = Je(n), n;
@@ -1148,8 +1148,8 @@ const Gt = ur("messaging", {
       try {
         const n = await Ne().patch(`/v1/messaging/conversations/${e}`, {
           title: t
-        }), i = n.data.data || n.data, o = typeof i?.title == "string" ? i.title : t, l = (u) => u.map((y) => y.id !== e ? y : {
-          ...y,
+        }), i = n.data.data || n.data, o = typeof i?.title == "string" ? i.title : t, l = (u) => u.map((p) => p.id !== e ? p : {
+          ...p,
           title: o
         });
         this.conversations = l(this.conversations), this.requests = l(this.requests);
@@ -1259,30 +1259,30 @@ const Gt = ur("messaging", {
         return;
       const l = It()();
       if (n.author_id === l.currentUser?.id) {
-        const w = i.findIndex((b) => b.id.startsWith("temp-"));
+        const w = i.findIndex((y) => y.id.startsWith("temp-"));
         if (w >= 0) {
-          const b = i[w]?.id ?? "";
+          const y = i[w]?.id ?? "";
           this.messages[t] = [
             ...i.slice(0, w),
             n,
             ...i.slice(w + 1)
-          ], this._pendingSendIds.delete(b), this.updateConversationLastMessage(t, n);
+          ], this._pendingSendIds.delete(y), this.updateConversationLastMessage(t, n);
           return;
         }
       }
       const u = n.created_at;
-      let y = i.length;
+      let p = i.length;
       for (let w = i.length - 1; w >= 0; w--) {
-        const b = i[w];
-        if (b && b.created_at <= u)
+        const y = i[w];
+        if (y && y.created_at <= u)
           break;
-        y = w;
+        p = w;
       }
-      const h = y === i.length;
+      const h = p === i.length;
       this.messages[t] = [
-        ...i.slice(0, y),
+        ...i.slice(0, p),
         n,
-        ...i.slice(y)
+        ...i.slice(p)
       ], h && this.updateConversationLastMessage(t, n);
     },
     updateMessage(e) {
@@ -1307,30 +1307,30 @@ const Gt = ur("messaging", {
         i && this.addMessage(i);
         return;
       }
-      const y = u.findIndex((h) => h.id === t);
-      if (y >= 0) {
-        const h = u[y];
+      const p = u.findIndex((h) => h.id === t);
+      if (p >= 0) {
+        const h = u[p];
         h && (this.messages[e] = [
-          ...u.slice(0, y),
+          ...u.slice(0, p),
           n(h),
-          ...u.slice(y + 1)
+          ...u.slice(p + 1)
         ]);
         return;
       }
       i && this.addMessage(i);
     },
     async toggleReaction(e, t, n) {
-      const i = `/v1/messaging/conversations/${e}/messages/${t}/reactions`, o = { reaction: n }, u = this.messages[e]?.find((y) => y.id === t)?.reactions ?? [];
+      const i = `/v1/messaging/conversations/${e}/messages/${t}/reactions`, o = { reaction: n }, u = this.messages[e]?.find((p) => p.id === t)?.reactions ?? [];
       try {
-        let y;
+        let p;
         try {
-          y = await Ne().post(i, o);
+          p = await Ne().post(i, o);
         } catch (k) {
           if (!nl(k))
             throw k;
-          y = await Ne().post(i, o);
+          p = await Ne().post(i, o);
         }
-        const h = gt(y.data) && "data" in y.data ? y.data.data : y.data, w = $i(
+        const h = gt(p.data) && "data" in p.data ? p.data.data : p.data, w = $i(
           gt(h) ? h.reactions : void 0
         );
         (w.length > 0 || u.length === 0) && this.updateMessageReactions(e, t, w);
@@ -1341,8 +1341,8 @@ const Gt = ur("messaging", {
           this.updateMessageReactions(e, t, M);
         } catch {
         }
-      } catch (y) {
-        throw this.error = Je(y), y;
+      } catch (p) {
+        throw this.error = Je(p), p;
       }
     },
     updateMessageReactions(e, t, n) {
@@ -1361,9 +1361,9 @@ const Gt = ur("messaging", {
       if (!l) return;
       const u = l.findIndex((k) => k.id === t);
       if (u < 0) return;
-      const y = l[u];
-      if (!y) return;
-      const h = { ...y };
+      const p = l[u];
+      if (!p) return;
+      const h = { ...p };
       n !== void 0 && (h.body = n), i !== void 0 && (h.edited_at = i), o !== void 0 && (h.meta = o), this.messages[e] = [
         ...l.slice(0, u),
         h,
@@ -1371,8 +1371,8 @@ const Gt = ur("messaging", {
       ];
       const w = this.conversations.find((k) => k.id === e);
       w?.last_message?.id === t && (w.last_message = h);
-      const b = this.requests.find((k) => k.id === e);
-      b?.last_message?.id === t && (b.last_message = h);
+      const y = this.requests.find((k) => k.id === e);
+      y?.last_message?.id === t && (y.last_message = h);
     },
     addTypingUser(e, t) {
       const n = this.typingUsers[e] ?? [];
@@ -1383,17 +1383,17 @@ const Gt = ur("messaging", {
     },
     updateConversationLastMessage(e, t) {
       const n = (l) => {
-        const u = l.find((y) => y.id === e);
+        const u = l.find((p) => p.id === e);
         return u ? (u.last_message = t, u.last_message_at = t.created_at, !0) : !1;
       }, i = n(this.conversations), o = n(this.requests);
       i && this.conversations.sort(En), o && this.requests.sort(En);
     },
-    updatePresenceForUser(e, t, n) {
-      const i = t === "online" || t === "idle" || t === "dnd", o = (l) => {
-        for (const u of l)
-          u.type === "dm" && u.other_user_id === e && (u.other_presence_status = t, u.other_online = i, n !== void 0 && (u.other_last_seen_at = n));
+    updatePresenceForUser(e, t, n, i = "realtime") {
+      const o = t === "online" || t === "idle" || t === "dnd", l = (u) => {
+        for (const p of u)
+          p.type !== "dm" || p.other_user_id !== e || i === "snapshot" && o && Object.prototype.hasOwnProperty.call(p, "other_last_seen_at") && p.other_presence_status === "offline" && p.other_last_seen_at === null || (p.other_presence_status = t, p.other_online = o, n !== void 0 && (p.other_last_seen_at = n));
       };
-      o(this.conversations), o(this.requests);
+      l(this.conversations), l(this.requests);
     },
     async refreshPresenceForUsers(e) {
       const t = [...new Set(
@@ -1406,7 +1406,7 @@ const Gt = ur("messaging", {
       }), i = n.data?.data?.items ?? n.data?.items ?? [];
       for (const o of i) {
         const l = Zn(o);
-        l.status !== null && this.updatePresenceForUser(o.id, l.status, l.lastSeenAt);
+        l.status !== null && this.updatePresenceForUser(o.id, l.status, l.lastSeenAt, "snapshot");
       }
     },
     async acceptRequest(e) {
@@ -1498,15 +1498,15 @@ const Gt = ur("messaging", {
   }
 });
 function ll(e) {
-  const t = Gt(), n = It()(), i = N(!1), o = N(null), l = N(null), u = Ds(), y = u !== null, h = 20, w = 250;
-  let b = 0, k = null, x = null;
+  const t = Gt(), n = It()(), i = N(!1), o = N(null), l = N(null), u = Ds(), p = u !== null, h = 20, w = 250;
+  let y = 0, k = null, x = null;
   const M = C(() => n.currentUser?.id), A = () => or(e)?.trim() ?? "";
   function P() {
-    k && (clearTimeout(k), k = null), b = 0;
+    k && (clearTimeout(k), k = null), y = 0;
   }
   function $() {
-    !y || i.value || k || b >= h || (k = setTimeout(() => {
-      k = null, b += 1, B();
+    !p || i.value || k || y >= h || (k = setTimeout(() => {
+      k = null, y += 1, B();
     }, w));
   }
   function R(O) {
@@ -1696,12 +1696,12 @@ function Rg(e = {}) {
   const i = _l(e.source ?? "app"), o = {
     ...yl,
     ...e.icons
-  }, l = N(i.getConnectionStatus()), u = N(null), y = N(0), h = N(!1), w = N(!1), b = N(!1), k = N(!1);
+  }, l = N(i.getConnectionStatus()), u = N(null), p = N(0), h = N(!1), w = N(!1), y = N(!1), k = N(!1);
   let x = null, M = null, A = null, P = null, $ = null, R = null, U = null;
   const ae = C(() => l.value === "connected"), ce = C(() => l.value === "connecting"), E = C(() => l.value === "disconnected"), L = C(() => l.value === "error"), ee = C(() => E.value || L.value), ne = C(() => {
     switch (l.value) {
       case "connecting":
-        return y.value > 0 ? "Reconnecting..." : "Connecting...";
+        return p.value > 0 ? "Reconnecting..." : "Connecting...";
       case "connected":
         return "Connected";
       case "disconnected":
@@ -1737,11 +1737,11 @@ function Rg(e = {}) {
         return o.unknown;
     }
   }), pe = async () => {
-    Ui.debug("Manual reconnect triggered"), y.value += 1, await i.reconnect();
+    Ui.debug("Manual reconnect triggered"), p.value += 1, await i.reconnect();
   }, de = (V, H = l.value) => {
     if (V !== "connecting" && M && (clearTimeout(M), M = null), V === "disconnected" || V === "error") {
-      const I = !k.value && H === V, p = !w.value && (I || H === "connected" || H === "connecting");
-      if (b.value = !0, p) {
+      const I = !k.value && H === V, v = !w.value && (I || H === "connected" || H === "connecting");
+      if (y.value = !0, v) {
         h.value = !1, A && clearTimeout(A), A = setTimeout(() => {
           A = null, l.value !== "connected" && (h.value = !0);
         }, 5e3);
@@ -1751,7 +1751,7 @@ function Rg(e = {}) {
       return;
     }
     if (V === "connected") {
-      A && (clearTimeout(A), A = null), h.value = !1, w.value = !1, b.value = !1;
+      A && (clearTimeout(A), A = null), h.value = !1, w.value = !1, y.value = !1;
       return;
     }
     if (V === "connecting") {
@@ -1759,7 +1759,7 @@ function Rg(e = {}) {
         h.value = !0;
         return;
       }
-      if (b.value || (h.value = !1), M)
+      if (y.value || (h.value = !1), M)
         return;
       M = setTimeout(() => {
         if (M = null, l.value === "connecting") {
@@ -1767,7 +1767,7 @@ function Rg(e = {}) {
             O("connected");
             return;
           }
-          w.value = !0, Ui.warn("Still connecting after 10s, treating as disconnected"), O("disconnected"), y.value += 1, i.reconnect();
+          w.value = !0, Ui.warn("Still connecting after 10s, treating as disconnected"), O("disconnected"), p.value += 1, i.reconnect();
         }
       }, 1e4);
     }
@@ -1777,7 +1777,7 @@ function Rg(e = {}) {
       l.value = "disconnected", de("disconnected", H);
       return;
     }
-    l.value = V, V === "connecting" && (H === "disconnected" || H === "error") && y.value === 0 && (y.value = 1), V === "connected" && (u.value = /* @__PURE__ */ new Date(), y.value = 0), de(V, H);
+    l.value = V, V === "connecting" && (H === "disconnected" || H === "error") && p.value === 0 && (p.value = 1), V === "connected" && (u.value = /* @__PURE__ */ new Date(), p.value = 0), de(V, H);
   }, j = () => {
     const V = Ni(i), H = l.value;
     if (V === "connected" && H !== "connected") {
@@ -1853,7 +1853,7 @@ function Rg(e = {}) {
     showConnectionBanner: C(() => h.value),
     lastConnectionTime: C(() => u.value),
     connectionUptime: ge,
-    reconnectAttempts: C(() => y.value),
+    reconnectAttempts: C(() => p.value),
     reconnect: pe
   };
 }
@@ -1871,8 +1871,8 @@ function kl() {
 }
 const rn = Xs()("GlobalMessaging"), Sl = 25, Tl = 3e3, Ml = (e) => e.replace(/\/+$/, ""), xl = (e) => Ml(window.location.pathname) === `/messages/${e}`, El = (e) => e.is_muted ? !0 : typeof e.muted_until == "string" && e.muted_until.length > 0;
 function Pg() {
-  const e = Gt(), t = It()(), n = wl(), i = js(), o = dr(), l = Ds(), { conversations: u, requestConversations: y } = no(e), h = /* @__PURE__ */ new Set(), w = /* @__PURE__ */ new Map();
-  let b = !1;
+  const e = Gt(), t = It()(), n = wl(), i = js(), o = dr(), l = Ds(), { conversations: u, requestConversations: p } = no(e), h = /* @__PURE__ */ new Set(), w = /* @__PURE__ */ new Map();
+  let y = !1;
   function k(B) {
     const X = w.get(B);
     if (X) {
@@ -1904,12 +1904,12 @@ function Pg() {
     if (!X || h.has(B)) return;
     const pe = `conversation.${B}`;
     k(B);
-    const de = X.private(pe), O = (p) => {
-      if (!vo(p)) {
-        rn.warn("Dropping malformed ConversationMessageSent event", p);
+    const de = X.private(pe), O = (v) => {
+      if (!vo(v)) {
+        rn.warn("Dropping malformed ConversationMessageSent event", v);
         return;
       }
-      const f = p, T = t.currentUser?.id;
+      const f = v, T = t.currentUser?.id;
       if (!T || f.message.author_id === T) return;
       e.addMessage(f.message);
       const ie = e.hasDetailSubscription(f.conversation_id), Ce = xl(f.conversation_id);
@@ -1924,25 +1924,25 @@ function Pg() {
         const we = El(Se);
         we || Se.unread_count++, n(we);
       }
-    }, j = (p) => {
-      if (!go(p)) {
-        rn.warn("Dropping malformed ConversationMessageRead event", p);
+    }, j = (v) => {
+      if (!go(v)) {
+        rn.warn("Dropping malformed ConversationMessageRead event", v);
         return;
       }
-      e.applyParticipantReadState(p);
-    }, me = (p) => {
-      if (!_o(p)) {
-        rn.warn("Dropping malformed MessageReactionToggled event", p);
+      e.applyParticipantReadState(v);
+    }, me = (v) => {
+      if (!_o(v)) {
+        rn.warn("Dropping malformed MessageReactionToggled event", v);
         return;
       }
-      const f = p;
+      const f = v;
       e.updateMessageReactions(f.conversation_id, f.message_id, f.reactions);
-    }, ge = (p) => {
-      if (!bo(p)) {
-        rn.warn("Dropping malformed ConversationMessageEdited event", p);
+    }, ge = (v) => {
+      if (!bo(v)) {
+        rn.warn("Dropping malformed ConversationMessageEdited event", v);
         return;
       }
-      const f = p;
+      const f = v;
       e.applyMessageEdit(
         f.conversation_id,
         f.message.id,
@@ -1950,19 +1950,19 @@ function Pg() {
         f.message.edited_at,
         f.message.meta
       );
-    }, V = (p) => {
-      if (!yo(p)) {
-        rn.warn("Dropping malformed ConversationMessageDeleted event", p);
+    }, V = (v) => {
+      if (!yo(v)) {
+        rn.warn("Dropping malformed ConversationMessageDeleted event", v);
         return;
       }
-      const f = p;
+      const f = v;
       e.removeMessage(f.conversation_id, f.message_id);
-    }, H = (p) => {
-      if (!wo(p)) {
-        rn.warn("Dropping malformed ConversationRequestAccepted event", p);
+    }, H = (v) => {
+      if (!wo(v)) {
+        rn.warn("Dropping malformed ConversationRequestAccepted event", v);
         return;
       }
-      const f = p, T = e.getConversationById(f.conversation_id);
+      const f = v, T = e.getConversationById(f.conversation_id);
       T && (T.is_request = !1), e.requests = e.requests.filter(
         (ie) => ie.id !== f.conversation_id
       );
@@ -2036,7 +2036,8 @@ function Pg() {
     X.status !== null && e.updatePresenceForUser(
       B.user_id,
       X.status,
-      X.lastSeenAt
+      X.lastSeenAt,
+      "realtime"
     );
   }
   async function R() {
@@ -2050,17 +2051,17 @@ function Pg() {
         }), pe = X.data?.data?.items ?? X.data?.items ?? [];
         for (const de of pe) {
           const O = Zn(de);
-          O.status !== null && e.updatePresenceForUser(de.id, O.status, O.lastSeenAt);
+          O.status !== null && e.updatePresenceForUser(de.id, O.status, O.lastSeenAt, "snapshot");
         }
       } catch (X) {
         rn.warn("Failed to refresh messaging presence snapshot", X);
       }
   }
   function U() {
-    !Zt() || b || (oo($), b = !0);
+    !Zt() || y || (oo($), y = !0);
   }
   function ae() {
-    b && (lo(), b = !1);
+    y && (lo(), y = !1);
   }
   const ce = Xe(
     u,
@@ -2069,7 +2070,7 @@ function Pg() {
     },
     { deep: !1, immediate: !0 }
   ), E = Xe(
-    y,
+    p,
     () => {
       P();
     },
@@ -2254,7 +2255,7 @@ function Xl(e, t, n) {
 }
 function Lg() {
   const e = It()(), t = $l(), n = js(), i = jl(t.clientIdStorageKey);
-  let o = null, l = null, u = !1, y = Ts(t.accountLimitedUntilStorageKey), h = !1, w = !1, b = null, k = 0;
+  let o = null, l = null, u = !1, p = Ts(t.accountLimitedUntilStorageKey), h = !1, w = !1, y = null, k = 0;
   const x = () => Pl(t) ? t.authTokenResolver() !== null : !0, M = () => {
     o && (clearInterval(o), o = null);
   }, A = () => {
@@ -2264,24 +2265,24 @@ function Lg() {
       B();
     }, t.heartbeatIntervalMs);
   }, $ = (j) => {
-    y || console.warn(j), ql(t.accountLimitedUntilStorageKey), y = !0, u = !1, b = null, M(), A();
+    p || console.warn(j), ql(t.accountLimitedUntilStorageKey), p = !0, u = !1, y = null, M(), A();
   }, R = async (j) => {
-    if (!(!u || w || y || h) && x() && b !== j)
+    if (!(!u || w || p || h) && x() && y !== j)
       try {
-        await n.patch(t.statusUrl, { status: j }), b = j;
+        await n.patch(t.statusUrl, { status: j }), y = j;
       } catch (me) {
         if (ks(me)) {
           $("[Presence] Presence updates paused: account is temporarily limited");
           return;
         }
-        Ss(me) && (h = !0, u = !1, b = null, M(), A());
+        Ss(me) && (h = !0, u = !1, y = null, M(), A());
       }
   }, U = () => {
-    A(), !(!u || w || y || h || document.visibilityState !== "visible") && (l = setTimeout(() => {
+    A(), !(!u || w || p || h || document.visibilityState !== "visible") && (l = setTimeout(() => {
       l = null, R("idle");
     }, t.idleAfterMs));
   }, ae = () => {
-    if (w || !u || y || h || document.visibilityState !== "visible")
+    if (w || !u || p || h || document.visibilityState !== "visible")
       return;
     const j = Date.now();
     j - k < t.activityDebounceMs || (k = j, R("online"), U());
@@ -2293,14 +2294,14 @@ function Lg() {
     typeof document > "u" || typeof window > "u" || (document.removeEventListener("pointerdown", ce), document.removeEventListener("keydown", ce), document.removeEventListener("touchstart", ce), window.removeEventListener("focus", ce));
   }, ee = async () => {
     if (Ts(t.accountLimitedUntilStorageKey))
-      return y = !0, "account_limited";
+      return p = !0, "account_limited";
     try {
       return await n.post(t.sessionOpenUrl, {
         client_id: i,
         user_agent: t.userAgentResolver()
-      }), Hl(t.accountLimitedUntilStorageKey), y = !1, h = !1, u = !0, b = null, "opened";
+      }), Hl(t.accountLimitedUntilStorageKey), p = !1, h = !1, u = !0, y = null, "opened";
     } catch (j) {
-      return ks(j) ? ($("[Presence] Session open skipped: account is temporarily limited"), "account_limited") : Ss(j) ? (h = !0, u = !1, b = null, M(), A(), "account_suspended") : "failed";
+      return ks(j) ? ($("[Presence] Session open skipped: account is temporarily limited"), "account_limited") : Ss(j) ? (h = !0, u = !1, y = null, M(), A(), "account_suspended") : "failed";
     }
   }, ne = async () => {
     for (let j = 0; j < Nl; j += 1)
@@ -2316,12 +2317,12 @@ function Lg() {
           $("[Presence] Heartbeat paused: account is temporarily limited");
           return;
         }
-        Ss(j) && (h = !0, u = !1, b = null, M(), A());
+        Ss(j) && (h = !0, u = !1, y = null, M(), A());
       }
   }, X = () => {
     if (!u)
       return;
-    u = !1, b = null, A();
+    u = !1, y = null, A();
     const j = Xl(
       t.sessionCloseUrl,
       i,
@@ -2349,10 +2350,10 @@ function Lg() {
         return;
       }
       if (document.visibilityState === "visible" && !u) {
-        y = Ts(t.accountLimitedUntilStorageKey), !y && !h && pe();
+        p = Ts(t.accountLimitedUntilStorageKey), !p && !h && pe();
         return;
       }
-      document.visibilityState === "visible" && u && !y && !h && ae();
+      document.visibilityState === "visible" && u && !p && !h && ae();
     }
   }, O = () => {
     w || (X(), M(), A());
@@ -2371,7 +2372,7 @@ function Lg() {
 }
 const Kl = 12e3;
 function Yl(e) {
-  const t = Gt(), n = It()(), i = N(!1), o = N(null), l = N(null), u = N([]), y = /* @__PURE__ */ new Map(), h = Ds(), w = h !== null, b = 20, k = 250;
+  const t = Gt(), n = It()(), i = N(!1), o = N(null), l = N(null), u = N([]), p = /* @__PURE__ */ new Map(), h = Ds(), w = h !== null, y = 20, k = 250;
   let x = !1, M = null, A = 0, P = null;
   const $ = C(() => n.currentUser?.id), R = () => or(e)?.trim() ?? "", U = () => {
     const f = l.value?.trim() ?? "";
@@ -2385,24 +2386,24 @@ function Yl(e) {
       t.removeTypingUser(f, ie.id);
     u.value = [];
   }, E = (f) => {
-    const T = y.get(f);
-    T && (clearTimeout(T), y.delete(f));
+    const T = p.get(f);
+    T && (clearTimeout(T), p.delete(f));
   }, L = () => {
-    for (const f of y.values())
+    for (const f of p.values())
       clearTimeout(f);
-    y.clear();
+    p.clear();
   }, ee = () => {
     P && (clearTimeout(P), P = null), A = 0;
   }, ne = () => {
-    !w || i.value || P || A >= b || (P = setTimeout(() => {
+    !w || i.value || P || A >= y || (P = setTimeout(() => {
       P = null, A += 1, de();
     }, k));
   }, B = (f, T) => {
     E(f);
     const ie = setTimeout(() => {
-      y.delete(f), t.removeTypingUser(T, f), u.value = u.value.filter((Ce) => Ce.id !== f);
+      p.delete(f), t.removeTypingUser(T, f), u.value = u.value.filter((Ce) => Ce.id !== f);
     }, Kl);
-    y.set(f, ie);
+    p.set(f, ie);
   }, X = () => {
     x = !0, ee();
   }, pe = (f) => {
@@ -2496,7 +2497,7 @@ function Yl(e) {
     R() && (M && (M(), M = null), i.value = !1, l.value = null, de());
   };
   typeof window < "u" && window.addEventListener(Pn(), I);
-  const p = is((f) => {
+  const v = is((f) => {
     if (f === "connected") {
       i.value || de();
       return;
@@ -2508,7 +2509,7 @@ function Yl(e) {
     }
   });
   return h !== null && Nt(() => {
-    X(), p(), L(), O(), typeof window < "u" && window.removeEventListener(Pn(), I);
+    X(), v(), L(), O(), typeof window < "u" && window.removeEventListener(Pn(), I);
   }), {
     isSubscribed: C(() => i.value),
     error: C(() => o.value),
@@ -2520,7 +2521,7 @@ function Yl(e) {
   };
 }
 const Jl = () => {
-  const e = typeof window < "u", t = N(e ? window.innerWidth : 1024), n = N(e ? window.innerHeight : 768), i = N(e ? window.matchMedia("(pointer: coarse)").matches : !1), o = C(() => i.value && n.value <= 500), l = C(() => t.value < 768 || o.value), u = C(() => !o.value && t.value >= 768 && t.value < 1024), y = C(() => !o.value && t.value >= 1024);
+  const e = typeof window < "u", t = N(e ? window.innerWidth : 1024), n = N(e ? window.innerHeight : 768), i = N(e ? window.matchMedia("(pointer: coarse)").matches : !1), o = C(() => i.value && n.value <= 500), l = C(() => t.value < 768 || o.value), u = C(() => !o.value && t.value >= 768 && t.value < 1024), p = C(() => !o.value && t.value >= 1024);
   let h = null;
   const w = () => {
     h !== null && clearTimeout(h), h = setTimeout(() => {
@@ -2537,7 +2538,7 @@ const Jl = () => {
     isMobile: l,
     isPhoneLandscape: o,
     isTablet: u,
-    isDesktop: y
+    isDesktop: p
   };
 };
 function Zl(e) {
@@ -2550,14 +2551,14 @@ function Zl(e) {
   }, u = () => {
     const A = e.containerRef.value;
     A instanceof HTMLElement && M(A.scrollTop);
-  }, y = () => {
+  }, p = () => {
     i && (i.removeEventListener("scroll", u, { capture: !1 }), i = null);
   }, h = () => {
     const A = e.containerRef.value;
-    i !== A && (y(), A instanceof HTMLElement && (i = A, A.addEventListener("scroll", u, { passive: !0 })));
+    i !== A && (p(), A instanceof HTMLElement && (i = A, A.addEventListener("scroll", u, { passive: !0 })));
   }, w = () => {
-    t?.disconnect(), t = null, y();
-  }, b = () => {
+    t?.disconnect(), t = null, p();
+  }, y = () => {
     if (h(), t?.disconnect(), t = null, typeof window > "u" || typeof window.IntersectionObserver != "function")
       return;
     const A = e.containerRef.value, P = e.sentinelRef.value;
@@ -2587,12 +2588,12 @@ function Zl(e) {
     [e.containerRef, e.sentinelRef],
     () => {
       ct(() => {
-        b();
+        y();
       });
     }
   ), Yt(() => {
     ct(() => {
-      b();
+      y();
     });
   }), Nt(() => {
     w();
@@ -2601,7 +2602,7 @@ function Zl(e) {
     destroyInfiniteObserver: w,
     maybeLoadMoreAtScrollTop: M,
     resetDebounce: x,
-    setupInfiniteObserver: b
+    setupInfiniteObserver: y
   };
 }
 function Hr(e) {
@@ -2612,7 +2613,7 @@ function Ql(e) {
   let i = null;
   const o = C(() => {
     const w = e.currentUserId.value;
-    return e.typingUsers.value.filter((b) => b.id !== w);
+    return e.typingUsers.value.filter((y) => y.id !== w);
   }), l = () => {
     i !== null && (clearTimeout(i), i = null);
   }, u = () => {
@@ -2634,12 +2635,12 @@ function Ql(e) {
       immediate: !0
     }
   );
-  const y = C(() => t.value.length > 0), h = C(() => Hr(t.value));
+  const p = C(() => t.value.length > 0), h = C(() => Hr(t.value));
   return Nt(() => {
     l();
   }), {
     clearVisibleTypingUsers: u,
-    hasVisibleTypingUsers: y,
+    hasVisibleTypingUsers: p,
     typingText: h,
     visibleTypingUsers: t
   };
@@ -3718,17 +3719,17 @@ function Mc() {
             };
             return n[l].call(u.exports, u, u.exports, o), u.l = !0, u.exports;
           }
-          return o.m = n, o.c = i, o.d = function(l, u, y) {
-            o.o(l, u) || Object.defineProperty(l, u, { enumerable: !0, get: y });
+          return o.m = n, o.c = i, o.d = function(l, u, p) {
+            o.o(l, u) || Object.defineProperty(l, u, { enumerable: !0, get: p });
           }, o.r = function(l) {
             typeof Symbol < "u" && Symbol.toStringTag && Object.defineProperty(l, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(l, "__esModule", { value: !0 });
           }, o.t = function(l, u) {
             if (u & 1 && (l = o(l)), u & 8 || u & 4 && typeof l == "object" && l && l.__esModule) return l;
-            var y = /* @__PURE__ */ Object.create(null);
-            if (o.r(y), Object.defineProperty(y, "default", { enumerable: !0, value: l }), u & 2 && typeof l != "string") for (var h in l) o.d(y, h, (function(w) {
+            var p = /* @__PURE__ */ Object.create(null);
+            if (o.r(p), Object.defineProperty(p, "default", { enumerable: !0, value: l }), u & 2 && typeof l != "string") for (var h in l) o.d(p, h, (function(w) {
               return l[w];
             }).bind(null, h));
-            return y;
+            return p;
           }, o.n = function(l) {
             var u = l && l.__esModule ? (
               /******/
@@ -3766,7 +3767,7 @@ function Mc() {
               };
             })();
             Object.defineProperty(i, "__esModule", { value: !0 });
-            var u = 256, y = (
+            var u = 256, p = (
               /** @class */
               (function() {
                 function P($) {
@@ -3815,16 +3816,16 @@ function Mc() {
                 }, P;
               })()
             );
-            i.Coder = y;
-            var h = new y();
+            i.Coder = p;
+            var h = new p();
             function w(P) {
               return h.encode(P);
             }
             i.encode = w;
-            function b(P) {
+            function y(P) {
               return h.decode(P);
             }
-            i.decode = b;
+            i.decode = y;
             var k = (
               /** @class */
               (function(P) {
@@ -3839,7 +3840,7 @@ function Mc() {
                   var U = u;
                   return U += (44 - R & R - 46) >>> 8 & -u + R - 45 + 62, U += (94 - R & R - 96) >>> 8 & -u + R - 95 + 63, U += (47 - R & R - 58) >>> 8 & -u + R - 48 + 52, U += (64 - R & R - 91) >>> 8 & -u + R - 65 + 0, U += (96 - R & R - 123) >>> 8 & -u + R - 97 + 26, U;
                 }, $;
-              })(y)
+              })(p)
             );
             i.URLSafeCoder = k;
             var x = new k();
@@ -3863,17 +3864,17 @@ function Mc() {
           (function(n, i, o) {
             Object.defineProperty(i, "__esModule", { value: !0 });
             var l = "utf8: invalid string", u = "utf8: invalid source encoding";
-            function y(b) {
-              for (var k = new Uint8Array(h(b)), x = 0, M = 0; M < b.length; M++) {
-                var A = b.charCodeAt(M);
-                A < 128 ? k[x++] = A : A < 2048 ? (k[x++] = 192 | A >> 6, k[x++] = 128 | A & 63) : A < 55296 ? (k[x++] = 224 | A >> 12, k[x++] = 128 | A >> 6 & 63, k[x++] = 128 | A & 63) : (M++, A = (A & 1023) << 10, A |= b.charCodeAt(M) & 1023, A += 65536, k[x++] = 240 | A >> 18, k[x++] = 128 | A >> 12 & 63, k[x++] = 128 | A >> 6 & 63, k[x++] = 128 | A & 63);
+            function p(y) {
+              for (var k = new Uint8Array(h(y)), x = 0, M = 0; M < y.length; M++) {
+                var A = y.charCodeAt(M);
+                A < 128 ? k[x++] = A : A < 2048 ? (k[x++] = 192 | A >> 6, k[x++] = 128 | A & 63) : A < 55296 ? (k[x++] = 224 | A >> 12, k[x++] = 128 | A >> 6 & 63, k[x++] = 128 | A & 63) : (M++, A = (A & 1023) << 10, A |= y.charCodeAt(M) & 1023, A += 65536, k[x++] = 240 | A >> 18, k[x++] = 128 | A >> 12 & 63, k[x++] = 128 | A >> 6 & 63, k[x++] = 128 | A & 63);
               }
               return k;
             }
-            i.encode = y;
-            function h(b) {
-              for (var k = 0, x = 0; x < b.length; x++) {
-                var M = b.charCodeAt(x);
+            i.encode = p;
+            function h(y) {
+              for (var k = 0, x = 0; x < y.length; x++) {
+                var M = y.charCodeAt(x);
                 if (M < 128)
                   k += 1;
                 else if (M < 2048)
@@ -3881,7 +3882,7 @@ function Mc() {
                 else if (M < 55296)
                   k += 3;
                 else if (M <= 57343) {
-                  if (x >= b.length - 1)
+                  if (x >= y.length - 1)
                     throw new Error(l);
                   x++, k += 4;
                 } else
@@ -3890,29 +3891,29 @@ function Mc() {
               return k;
             }
             i.encodedLength = h;
-            function w(b) {
-              for (var k = [], x = 0; x < b.length; x++) {
-                var M = b[x];
+            function w(y) {
+              for (var k = [], x = 0; x < y.length; x++) {
+                var M = y[x];
                 if (M & 128) {
                   var A = void 0;
                   if (M < 224) {
-                    if (x >= b.length)
+                    if (x >= y.length)
                       throw new Error(u);
-                    var P = b[++x];
+                    var P = y[++x];
                     if ((P & 192) !== 128)
                       throw new Error(u);
                     M = (M & 31) << 6 | P & 63, A = 128;
                   } else if (M < 240) {
-                    if (x >= b.length - 1)
+                    if (x >= y.length - 1)
                       throw new Error(u);
-                    var P = b[++x], $ = b[++x];
+                    var P = y[++x], $ = y[++x];
                     if ((P & 192) !== 128 || ($ & 192) !== 128)
                       throw new Error(u);
                     M = (M & 15) << 12 | (P & 63) << 6 | $ & 63, A = 2048;
                   } else if (M < 248) {
-                    if (x >= b.length - 2)
+                    if (x >= y.length - 2)
                       throw new Error(u);
-                    var P = b[++x], $ = b[++x], R = b[++x];
+                    var P = y[++x], $ = y[++x], R = y[++x];
                     if ((P & 192) !== 128 || ($ & 192) !== 128 || (R & 192) !== 128)
                       throw new Error(u);
                     M = (M & 15) << 18 | (P & 63) << 12 | ($ & 63) << 6 | R & 63, A = 65536;
@@ -3947,16 +3948,16 @@ function Mc() {
               }
               create(s) {
                 this.lastId++;
-                var r = this.lastId, d = this.prefix + r, v = this.name + "[" + r + "]", G = !1, he = function() {
+                var r = this.lastId, d = this.prefix + r, g = this.name + "[" + r + "]", G = !1, he = function() {
                   G || (s.apply(null, arguments), G = !0);
                 };
-                return this[r] = he, { number: r, id: d, name: v, callback: he };
+                return this[r] = he, { number: r, id: d, name: g, callback: he };
               }
               remove(s) {
                 delete this[s.number];
               }
             }
-            var u = new l("_pusher_script_", "Pusher.ScriptReceivers"), y = {
+            var u = new l("_pusher_script_", "Pusher.ScriptReceivers"), p = {
               VERSION: "8.4.0",
               PROTOCOL: 7,
               wsPort: 80,
@@ -3983,21 +3984,21 @@ function Mc() {
               cdn_http: "http://js.pusher.com",
               cdn_https: "https://js.pusher.com",
               dependency_suffix: ""
-            }, h = y;
+            }, h = p;
             class w {
               constructor(s) {
                 this.options = s, this.receivers = s.receivers || u, this.loading = {};
               }
               load(s, r, d) {
-                var v = this;
-                if (v.loading[s] && v.loading[s].length > 0)
-                  v.loading[s].push(d);
+                var g = this;
+                if (g.loading[s] && g.loading[s].length > 0)
+                  g.loading[s].push(d);
                 else {
-                  v.loading[s] = [d];
-                  var G = Ue.createScriptRequest(v.getPath(s, r)), he = v.receivers.create(function(Me) {
-                    if (v.receivers.remove(he), v.loading[s]) {
-                      var Oe = v.loading[s];
-                      delete v.loading[s];
+                  g.loading[s] = [d];
+                  var G = Ue.createScriptRequest(g.getPath(s, r)), he = g.receivers.create(function(Me) {
+                    if (g.receivers.remove(he), g.loading[s]) {
+                      var Oe = g.loading[s];
+                      delete g.loading[s];
                       for (var Ye = function(vt) {
                         vt || G.cleanup();
                       }, Qe = 0; Qe < Oe.length; Qe++)
@@ -4015,12 +4016,12 @@ function Mc() {
                 return this.getRoot(r) + "/" + s + this.options.suffix + ".js";
               }
             }
-            var b = new l("_pusher_dependencies", "Pusher.DependenciesReceivers"), k = new w({
+            var y = new l("_pusher_dependencies", "Pusher.DependenciesReceivers"), k = new w({
               cdn_http: h.cdn_http,
               cdn_https: h.cdn_https,
               version: h.VERSION,
               suffix: h.dependency_suffix,
-              receivers: b
+              receivers: y
             });
             const x = {
               baseUrl: "https://pusher.com",
@@ -4097,7 +4098,7 @@ function Mc() {
                 super(r), this.status = s, Object.setPrototypeOf(this, new.target.prototype);
               }
             }
-            var X = function(a, s, r, d, v) {
+            var X = function(a, s, r, d, g) {
               const G = Ue.createXHR();
               G.open("POST", r.endpoint, !0), G.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
               for (var he in r.headers)
@@ -4114,9 +4115,9 @@ function Mc() {
                     try {
                       Me = JSON.parse(G.responseText), Oe = !0;
                     } catch {
-                      v(new ne(200, `JSON returned from ${d.toString()} endpoint was invalid, yet status code was 200. Data was: ${G.responseText}`), null);
+                      g(new ne(200, `JSON returned from ${d.toString()} endpoint was invalid, yet status code was 200. Data was: ${G.responseText}`), null);
                     }
-                    Oe && v(null, Me);
+                    Oe && g(null, Me);
                   } else {
                     let Me = "";
                     switch (d) {
@@ -4127,7 +4128,7 @@ function Mc() {
                         Me = `Clients must be authorized to join private or presence channels. ${A.buildLogSuffix("authorizationEndpoint")}`;
                         break;
                     }
-                    v(new ne(G.status, `Unable to retrieve auth string from ${d.toString()} endpoint - received status: ${G.status} from ${r.endpoint}. ${Me}`), null);
+                    g(new ne(G.status, `Unable to retrieve auth string from ${d.toString()} endpoint - received status: ${G.status} from ${r.endpoint}. ${Me}`), null);
                   }
               }, G.send(s), G;
             };
@@ -4151,9 +4152,9 @@ function Mc() {
               return a.replace(/[\s\S]{1,3}/g, ge);
             };
             class H {
-              constructor(s, r, d, v) {
+              constructor(s, r, d, g) {
                 this.clear = r, this.timer = s(() => {
-                  this.timer && (this.timer = v(this.timer));
+                  this.timer && (this.timer = g(this.timer));
                 }, d);
               }
               isRunning() {
@@ -4164,7 +4165,7 @@ function Mc() {
               }
             }
             var I = H;
-            function p(a) {
+            function v(a) {
               window.clearTimeout(a);
             }
             function f(a) {
@@ -4172,7 +4173,7 @@ function Mc() {
             }
             class T extends I {
               constructor(s, r) {
-                super(setTimeout, p, s, function(d) {
+                super(setTimeout, v, s, function(d) {
                   return r(), null;
                 });
               }
@@ -4201,8 +4202,8 @@ function Mc() {
             function we(a, ...s) {
               for (var r = 0; r < s.length; r++) {
                 var d = s[r];
-                for (var v in d)
-                  d[v] && d[v].constructor && d[v].constructor === Object ? a[v] = we(a[v] || {}, d[v]) : a[v] = d[v];
+                for (var g in d)
+                  d[g] && d[g].constructor && d[g].constructor === Object ? a[g] = we(a[g] || {}, d[g]) : a[g] = d[g];
               }
               return a;
             }
@@ -4217,7 +4218,7 @@ function Mc() {
                 return -1;
               if (r && a.indexOf === r)
                 return a.indexOf(s);
-              for (var d = 0, v = a.length; d < v; d++)
+              for (var d = 0, g = a.length; d < g; d++)
                 if (a[d] === s)
                   return d;
               return -1;
@@ -4249,13 +4250,13 @@ function Mc() {
             }
             function ve(a, s) {
               var r = {};
-              return Ze(a, function(d, v) {
-                r[v] = s(d);
+              return Ze(a, function(d, g) {
+                r[g] = s(d);
               }), r;
             }
             function Te(a, s) {
-              s = s || function(v) {
-                return !!v;
+              s = s || function(g) {
+                return !!g;
               };
               for (var r = [], d = 0; d < a.length; d++)
                 s(a[d], d, a, r) && r.push(a[d]);
@@ -4263,8 +4264,8 @@ function Mc() {
             }
             function De(a, s) {
               var r = {};
-              return Ze(a, function(d, v) {
-                (s && s(d, v, a, r) || d) && (r[v] = d);
+              return Ze(a, function(d, g) {
+                (s && s(d, g, a, r) || d) && (r[g] = d);
               }), r;
             }
             function Be(a) {
@@ -4298,28 +4299,28 @@ function Mc() {
             }
             function Ee(a) {
               var s = [], r = [];
-              return (function d(v, G) {
+              return (function d(g, G) {
                 var he, Me, Oe;
-                switch (typeof v) {
+                switch (typeof g) {
                   case "object":
-                    if (!v)
+                    if (!g)
                       return null;
                     for (he = 0; he < s.length; he += 1)
-                      if (s[he] === v)
+                      if (s[he] === g)
                         return { $ref: r[he] };
-                    if (s.push(v), r.push(G), Object.prototype.toString.apply(v) === "[object Array]")
-                      for (Oe = [], he = 0; he < v.length; he += 1)
-                        Oe[he] = d(v[he], G + "[" + he + "]");
+                    if (s.push(g), r.push(G), Object.prototype.toString.apply(g) === "[object Array]")
+                      for (Oe = [], he = 0; he < g.length; he += 1)
+                        Oe[he] = d(g[he], G + "[" + he + "]");
                     else {
                       Oe = {};
-                      for (Me in v)
-                        Object.prototype.hasOwnProperty.call(v, Me) && (Oe[Me] = d(v[Me], G + "[" + JSON.stringify(Me) + "]"));
+                      for (Me in g)
+                        Object.prototype.hasOwnProperty.call(g, Me) && (Oe[Me] = d(g[Me], G + "[" + JSON.stringify(Me) + "]"));
                     }
                     return Oe;
                   case "number":
                   case "string":
                   case "boolean":
-                    return v;
+                    return g;
                 }
               })(a, "$");
             }
@@ -4356,13 +4357,13 @@ function Mc() {
                 vs.log ? vs.log(d) : vs.logToConsole && s.bind(this)(d);
               }
             }
-            var Pe = new He(), zt = function(a, s, r, d, v) {
+            var Pe = new He(), zt = function(a, s, r, d, g) {
               (r.headers !== void 0 || r.headersProvider != null) && Pe.warn(`To send headers with the ${d.toString()} request, you must use AJAX, rather than JSONP.`);
               var G = a.nextAuthCallbackID.toString();
               a.nextAuthCallbackID++;
               var he = a.getDocument(), Me = he.createElement("script");
               a.auth_callbacks[G] = function(Qe) {
-                v(null, Qe);
+                g(null, Qe);
               };
               var Oe = "Pusher.auth_callbacks['" + G + "']";
               Me.src = r.endpoint + "?callback=" + encodeURIComponent(Oe) + "&" + s;
@@ -4382,8 +4383,8 @@ function Mc() {
                 }) : r.script.onreadystatechange = function() {
                   (r.script.readyState === "loaded" || r.script.readyState === "complete") && s.callback(null);
                 }, r.script.async === void 0 && document.attachEvent && /opera/i.test(navigator.userAgent) ? (r.errorScript = document.createElement("script"), r.errorScript.id = s.id + "_error", r.errorScript.text = s.name + "('" + d + "');", r.script.async = r.errorScript.async = !1) : r.script.async = !0;
-                var v = document.getElementsByTagName("head")[0];
-                v.insertBefore(r.script, v.firstChild), r.errorScript && v.insertBefore(r.errorScript, r.script.nextSibling);
+                var g = document.getElementsByTagName("head")[0];
+                g.insertBefore(r.script, g.firstChild), r.errorScript && g.insertBefore(r.errorScript, r.script.nextSibling);
               }
               cleanup() {
                 this.script && (this.script.onload = this.script.onerror = null, this.script.onreadystatechange = null), this.script && this.script.parentNode && this.script.parentNode.removeChild(this.script), this.errorScript && this.errorScript.parentNode && this.errorScript.parentNode.removeChild(this.errorScript), this.script = null, this.errorScript = null;
@@ -4405,7 +4406,7 @@ function Mc() {
             }
             var Ut = function(a, s) {
               return function(r, d) {
-                var v = "http" + (s ? "s" : "") + "://", G = v + (a.host || a.options.host) + a.options.path, he = Ue.createJSONPRequest(G, r), Me = Ue.ScriptReceivers.create(function(Oe, Ye) {
+                var g = "http" + (s ? "s" : "") + "://", G = g + (a.host || a.options.host) + a.options.path, he = Ue.createJSONPRequest(G, r), Me = Ue.ScriptReceivers.create(function(Oe, Ye) {
                   u.remove(Me), he.cleanup(), Ye && Ye.host && (a.host = Ye.host), d && d(Oe, Ye);
                 });
                 he.send(Me);
@@ -4415,8 +4416,8 @@ function Mc() {
               getAgent: Ut
             }, wt = Ve;
             function lt(a, s, r) {
-              var d = a + (s.useTLS ? "s" : ""), v = s.useTLS ? s.hostTLS : s.hostNonTLS;
-              return d + "://" + v + r;
+              var d = a + (s.useTLS ? "s" : ""), g = s.useTLS ? s.hostTLS : s.hostNonTLS;
+              return d + "://" + g + r;
             }
             function Ct(a, s) {
               var r = "/app/" + a, d = "?protocol=" + h.PROTOCOL + "&client=js&version=" + h.VERSION + (s ? "&" + s : "");
@@ -4448,8 +4449,8 @@ function Mc() {
                 return this._callbacks[ue(s)];
               }
               add(s, r, d) {
-                var v = ue(s);
-                this._callbacks[v] = this._callbacks[v] || [], this._callbacks[v].push({
+                var g = ue(s);
+                this._callbacks[g] = this._callbacks[g] || [], this._callbacks[g].push({
                   fn: r,
                   context: d
                 });
@@ -4459,14 +4460,14 @@ function Mc() {
                   this._callbacks = {};
                   return;
                 }
-                var v = s ? [ue(s)] : ht(this._callbacks);
-                r || d ? this.removeCallback(v, r, d) : this.removeAllCallbacks(v);
+                var g = s ? [ue(s)] : ht(this._callbacks);
+                r || d ? this.removeCallback(g, r, d) : this.removeAllCallbacks(g);
               }
               removeCallback(s, r, d) {
-                se(s, function(v) {
-                  this._callbacks[v] = Te(this._callbacks[v] || [], function(G) {
+                se(s, function(g) {
+                  this._callbacks[g] = Te(this._callbacks[g] || [], function(G) {
                     return r && r !== G.fn || d && d !== G.context;
-                  }), this._callbacks[v].length === 0 && delete this._callbacks[v];
+                  }), this._callbacks[g].length === 0 && delete this._callbacks[g];
                 }, this);
               }
               removeAllCallbacks(s) {
@@ -4498,19 +4499,19 @@ function Mc() {
                 return this.unbind(), this.unbind_global(), this;
               }
               emit(s, r, d) {
-                for (var v = 0; v < this.global_callbacks.length; v++)
-                  this.global_callbacks[v](s, r);
+                for (var g = 0; g < this.global_callbacks.length; g++)
+                  this.global_callbacks[g](s, r);
                 var G = this.callbacks.get(s), he = [];
                 if (d ? he.push(r, d) : r && he.push(r), G && G.length > 0)
-                  for (var v = 0; v < G.length; v++)
-                    G[v].fn.apply(G[v].context || window, he);
+                  for (var g = 0; g < G.length; g++)
+                    G[g].fn.apply(G[g].context || window, he);
                 else this.failThrough && this.failThrough(s, r);
                 return this;
               }
             }
             class Z extends te {
-              constructor(s, r, d, v, G) {
-                super(), this.initialize = Ue.transportConnectionInitializer, this.hooks = s, this.name = r, this.priority = d, this.key = v, this.options = G, this.state = "new", this.timeline = G.timeline, this.activityTimeout = G.activityTimeout, this.id = this.timeline.generateUniqueID();
+              constructor(s, r, d, g, G) {
+                super(), this.initialize = Ue.transportConnectionInitializer, this.hooks = s, this.name = r, this.priority = d, this.key = g, this.options = G, this.state = "new", this.timeline = G.timeline, this.activityTimeout = G.activityTimeout, this.id = this.timeline.generateUniqueID();
               }
               handlesActivityChecks() {
                 return !!this.hooks.handlesActivityChecks;
@@ -4594,8 +4595,8 @@ function Mc() {
               isSupported(s) {
                 return this.hooks.isSupported(s);
               }
-              createConnection(s, r, d, v) {
-                return new Z(this.hooks, s, r, d, v);
+              createConnection(s, r, d, g) {
+                return new Z(this.hooks, s, r, d, g);
               }
             }
             var et = new je({
@@ -4685,11 +4686,11 @@ function Mc() {
               constructor(s, r, d) {
                 this.manager = s, this.transport = r, this.minPingDelay = d.minPingDelay, this.maxPingDelay = d.maxPingDelay, this.pingDelay = void 0;
               }
-              createConnection(s, r, d, v) {
-                v = we({}, v, {
+              createConnection(s, r, d, g) {
+                g = we({}, g, {
                   activityTimeout: this.pingDelay
                 });
-                var G = this.transport.createConnection(s, r, d, v), he = null, Me = function() {
+                var G = this.transport.createConnection(s, r, d, g), he = null, Me = function() {
                   G.unbind("open", Me), G.bind("closed", Oe), he = Se.now();
                 }, Oe = (Ye) => {
                   if (G.unbind("closed", Oe), Ye.code === 1002 || Ye.code === 1003)
@@ -4720,8 +4721,8 @@ function Mc() {
                     data: r
                   };
                   return s.user_id && (d.user_id = s.user_id), d;
-                } catch (v) {
-                  throw { type: "MessageParseError", error: v, data: a.data };
+                } catch (g) {
+                  throw { type: "MessageParseError", error: g, data: a.data };
                 }
               },
               encodeMessage: function(a) {
@@ -4771,8 +4772,8 @@ function Mc() {
                 return this.transport.send(s);
               }
               send_event(s, r, d) {
-                var v = { event: s, data: r };
-                return d && (v.channel = d), Pe.debug("Event sent", v), this.send($e.encodeMessage(v));
+                var g = { event: s, data: r };
+                return d && (g.channel = d), Pe.debug("Event sent", g), this.send($e.encodeMessage(g));
               }
               ping() {
                 this.transport.supportsPing() ? this.transport.ping() : this.send_event("pusher:ping", {});
@@ -4783,9 +4784,9 @@ function Mc() {
               bindListeners() {
                 var s = {
                   message: (d) => {
-                    var v;
+                    var g;
                     try {
-                      v = $e.decodeMessage(d);
+                      g = $e.decodeMessage(d);
                     } catch (G) {
                       this.emit("error", {
                         type: "MessageParseError",
@@ -4793,12 +4794,12 @@ function Mc() {
                         data: d.data
                       });
                     }
-                    if (v !== void 0) {
-                      switch (Pe.debug("Event recd", v), v.event) {
+                    if (g !== void 0) {
+                      switch (Pe.debug("Event recd", g), g.event) {
                         case "pusher:error":
                           this.emit("error", {
                             type: "PusherError",
-                            data: v.data
+                            data: g.data
                           });
                           break;
                         case "pusher:ping":
@@ -4808,7 +4809,7 @@ function Mc() {
                           this.emit("pong");
                           break;
                       }
-                      this.emit("message", v);
+                      this.emit("message", g);
                     }
                   },
                   activity: () => {
@@ -4821,12 +4822,12 @@ function Mc() {
                     r(), d && d.code && this.handleCloseEvent(d), this.transport = null, this.emit("closed");
                   }
                 }, r = () => {
-                  Ze(s, (d, v) => {
-                    this.transport.unbind(v, d);
+                  Ze(s, (d, g) => {
+                    this.transport.unbind(g, d);
                   });
                 };
-                Ze(s, (d, v) => {
-                  this.transport.bind(v, d);
+                Ze(s, (d, g) => {
+                  this.transport.bind(g, d);
                 });
               }
               handleCloseEvent(s) {
@@ -4878,7 +4879,7 @@ function Mc() {
             }
             class Xt extends te {
               constructor(s, r) {
-                super(function(d, v) {
+                super(function(d, g) {
                   Pe.debug("No callbacks on " + s + " for " + d);
                 }), this.name = s, this.pusher = r, this.subscribed = !1, this.subscriptionPending = !1, this.subscriptionCancelled = !1;
               }
@@ -4904,8 +4905,8 @@ function Mc() {
                 else if (r === "pusher_internal:subscription_count")
                   this.handleSubscriptionCountEvent(s);
                 else if (r.indexOf("pusher_internal:") !== 0) {
-                  var v = {};
-                  this.emit(r, d, v);
+                  var g = {};
+                  this.emit(r, d, g);
                 }
               }
               handleSubscriptionSucceededEvent(s) {
@@ -4979,7 +4980,7 @@ function Mc() {
               }
             }
             var os = function(a, s, r, d) {
-              function v(G) {
+              function g(G) {
                 return G instanceof r ? G : new r(function(he) {
                   he(G);
                 });
@@ -5000,7 +5001,7 @@ function Mc() {
                   }
                 }
                 function Ye(Qe) {
-                  Qe.done ? G(Qe.value) : v(Qe.value).then(Me, Oe);
+                  Qe.done ? G(Qe.value) : g(Qe.value).then(Me, Oe);
                 }
                 Ye((d = d.apply(a, s || [])).next());
               });
@@ -5010,10 +5011,10 @@ function Mc() {
                 super(s, r), this.members = new as();
               }
               authorize(s, r) {
-                super.authorize(s, (d, v) => os(this, void 0, void 0, function* () {
+                super.authorize(s, (d, g) => os(this, void 0, void 0, function* () {
                   if (!d)
-                    if (v = v, v.channel_data != null) {
-                      var G = JSON.parse(v.channel_data);
+                    if (g = g, g.channel_data != null) {
+                      var G = JSON.parse(g.channel_data);
                       this.members.setMyID(G.user_id);
                     } else if (yield this.pusher.user.signinDonePromise, this.pusher.user.user_data != null)
                       this.members.setMyID(this.pusher.user.user_data.id);
@@ -5022,7 +5023,7 @@ function Mc() {
                       Pe.error(`Invalid auth response for channel '${this.name}', expected 'channel_data' field. ${he}, or the user should be signed in.`), r("Invalid auth response");
                       return;
                     }
-                  r(d, v);
+                  r(d, g);
                 }));
               }
               handleEvent(s) {
@@ -5030,8 +5031,8 @@ function Mc() {
                 if (r.indexOf("pusher_internal:") === 0)
                   this.handleInternalEvent(s);
                 else {
-                  var d = s.data, v = {};
-                  s.user_id && (v.user_id = s.user_id), this.emit(r, d, v);
+                  var d = s.data, g = {};
+                  s.user_id && (g.user_id = s.user_id), this.emit(r, d, g);
                 }
               }
               handleInternalEvent(s) {
@@ -5044,8 +5045,8 @@ function Mc() {
                     this.handleSubscriptionCountEvent(s);
                     break;
                   case "pusher_internal:member_added":
-                    var v = this.members.addMember(d);
-                    this.emit("pusher:member_added", v);
+                    var g = this.members.addMember(d);
+                    this.emit("pusher:member_added", g);
                     break;
                   case "pusher_internal:member_removed":
                     var G = this.members.removeMember(d);
@@ -5066,17 +5067,17 @@ function Mc() {
                 super(s, r), this.key = null, this.nacl = d;
               }
               authorize(s, r) {
-                super.authorize(s, (d, v) => {
+                super.authorize(s, (d, g) => {
                   if (d) {
-                    r(d, v);
+                    r(d, g);
                     return;
                   }
-                  let G = v.shared_secret;
+                  let G = g.shared_secret;
                   if (!G) {
                     r(new Error(`No shared_secret key in auth payload for encrypted channel: ${this.name}`), null);
                     return;
                   }
-                  this.key = Object(on.decode)(G), delete v.shared_secret, r(null, v);
+                  this.key = Object(on.decode)(G), delete g.shared_secret, r(null, g);
                 });
               }
               trigger(s, r) {
@@ -5104,19 +5105,19 @@ function Mc() {
                   Pe.error(`Expected encrypted event ciphertext length to be ${this.nacl.secretbox.overheadLength}, got: ${d.length}`);
                   return;
                 }
-                let v = Object(on.decode)(r.nonce);
-                if (v.length < this.nacl.secretbox.nonceLength) {
-                  Pe.error(`Expected encrypted event nonce length to be ${this.nacl.secretbox.nonceLength}, got: ${v.length}`);
+                let g = Object(on.decode)(r.nonce);
+                if (g.length < this.nacl.secretbox.nonceLength) {
+                  Pe.error(`Expected encrypted event nonce length to be ${this.nacl.secretbox.nonceLength}, got: ${g.length}`);
                   return;
                 }
-                let G = this.nacl.secretbox.open(d, v, this.key);
+                let G = this.nacl.secretbox.open(d, g, this.key);
                 if (G === null) {
                   Pe.debug("Failed to decrypt an event, probably because it was encrypted with a different key. Fetching a new key from the authEndpoint..."), this.authorize(this.pusher.connection.socket_id, (he, Me) => {
                     if (he) {
                       Pe.error(`Failed to make a request to the authEndpoint: ${Me}. Unable to fetch new key, so dropping encrypted event`);
                       return;
                     }
-                    if (G = this.nacl.secretbox.open(d, v, this.key), G === null) {
+                    if (G = this.nacl.secretbox.open(d, g, this.key), G === null) {
                       Pe.error("Failed to decrypt event with new key. Dropping encrypted event");
                       return;
                     }
@@ -5283,8 +5284,8 @@ function Mc() {
               updateState(s, r) {
                 var d = this.state;
                 if (this.state = s, d !== s) {
-                  var v = s;
-                  v === "connected" && (v += " with new socket ID " + r.socket_id), Pe.debug("State changed", d + " -> " + v), this.timeline.info({ state: s, params: r }), this.emit("state_change", { previous: d, current: s }), this.emit(s, r);
+                  var g = s;
+                  g === "connected" && (g += " with new socket ID " + r.socket_id), Pe.debug("State changed", d + " -> " + g), this.timeline.info({ state: s, params: r }), this.emit("state_change", { previous: d, current: s }), this.emit(s, r);
                 }
               }
               shouldRetry() {
@@ -5384,10 +5385,10 @@ function Mc() {
                 return Q(this.strategies, Se.method("isSupported"));
               }
               connect(s, r) {
-                var d = this.strategies, v = 0, G = this.timeout, he = null, Me = (Oe, Ye) => {
-                  Ye ? r(null, Ye) : (v = v + 1, this.loop && (v = v % d.length), v < d.length ? (G && (G = G * 2, this.timeoutLimit && (G = Math.min(G, this.timeoutLimit))), he = this.tryStrategy(d[v], s, { timeout: G, failFast: this.failFast }, Me)) : r(!0));
+                var d = this.strategies, g = 0, G = this.timeout, he = null, Me = (Oe, Ye) => {
+                  Ye ? r(null, Ye) : (g = g + 1, this.loop && (g = g % d.length), g < d.length ? (G && (G = G * 2, this.timeoutLimit && (G = Math.min(G, this.timeoutLimit))), he = this.tryStrategy(d[g], s, { timeout: G, failFast: this.failFast }, Me)) : r(!0));
                 };
-                return he = this.tryStrategy(d[v], s, { timeout: G, failFast: this.failFast }, Me), {
+                return he = this.tryStrategy(d[g], s, { timeout: G, failFast: this.failFast }, Me), {
                   abort: function() {
                     he.abort();
                   },
@@ -5396,12 +5397,12 @@ function Mc() {
                   }
                 };
               }
-              tryStrategy(s, r, d, v) {
+              tryStrategy(s, r, d, g) {
                 var G = null, he = null;
                 return d.timeout > 0 && (G = new T(d.timeout, function() {
-                  he.abort(), v(!0);
+                  he.abort(), g(!0);
                 })), he = s.connect(r, function(Me, Oe) {
-                  Me && G && G.isRunning() && !d.failFast || (G && G.ensureAborted(), v(Me, Oe));
+                  Me && G && G.isRunning() && !d.failFast || (G && G.ensureAborted(), g(Me, Oe));
                 }), {
                   abort: function() {
                     G && G.ensureAborted(), he.abort();
@@ -5420,13 +5421,13 @@ function Mc() {
                 return Q(this.strategies, Se.method("isSupported"));
               }
               connect(s, r) {
-                return yn(this.strategies, s, function(d, v) {
+                return yn(this.strategies, s, function(d, g) {
                   return function(G, he) {
-                    if (v[d].error = G, G) {
-                      hs(v) && r(!0);
+                    if (g[d].error = G, G) {
+                      hs(g) && r(!0);
                       return;
                     }
-                    se(v, function(Me) {
+                    se(g, function(Me) {
                       Me.forceMinPriority(he.transport.priority);
                     }), r(null, he);
                   };
@@ -5434,16 +5435,16 @@ function Mc() {
               }
             }
             function yn(a, s, r) {
-              var d = ye(a, function(v, G, he, Me) {
-                return v.connect(s, r(G, Me));
+              var d = ye(a, function(g, G, he, Me) {
+                return g.connect(s, r(G, Me));
               });
               return {
                 abort: function() {
                   se(d, Un);
                 },
-                forceMinPriority: function(v) {
+                forceMinPriority: function(g) {
                   se(d, function(G) {
-                    G.forceMinPriority(v);
+                    G.forceMinPriority(g);
                   });
                 }
               };
@@ -5464,15 +5465,15 @@ function Mc() {
                 return this.strategy.isSupported();
               }
               connect(s, r) {
-                var d = this.usingTLS, v = Fn(d), G = v && v.cacheSkipCount ? v.cacheSkipCount : 0, he = [this.strategy];
-                if (v && v.timestamp + this.ttl >= Se.now()) {
-                  var Me = this.transports[v.transport];
-                  Me && (["ws", "wss"].includes(v.transport) || G > 3 ? (this.timeline.info({
+                var d = this.usingTLS, g = Fn(d), G = g && g.cacheSkipCount ? g.cacheSkipCount : 0, he = [this.strategy];
+                if (g && g.timestamp + this.ttl >= Se.now()) {
+                  var Me = this.transports[g.transport];
+                  Me && (["ws", "wss"].includes(g.transport) || G > 3 ? (this.timeline.info({
                     cached: !0,
-                    transport: v.transport,
-                    latency: v.latency
+                    transport: g.transport,
+                    latency: g.latency
                   }), he.push(new Jt([Me], {
-                    timeout: v.latency * 2 + 1e3,
+                    timeout: g.latency * 2 + 1e3,
                     failFast: !0
                   }))) : G++);
                 }
@@ -5505,10 +5506,10 @@ function Mc() {
               return null;
             }
             function ms(a, s, r, d) {
-              var v = Ue.getLocalStorage();
-              if (v)
+              var g = Ue.getLocalStorage();
+              if (g)
                 try {
-                  v[_n(a)] = be({
+                  g[_n(a)] = be({
                     timestamp: Se.now(),
                     transport: s,
                     latency: r,
@@ -5533,15 +5534,15 @@ function Mc() {
                 return this.strategy.isSupported();
               }
               connect(s, r) {
-                var d = this.strategy, v, G = new T(this.options.delay, function() {
-                  v = d.connect(s, r);
+                var d = this.strategy, g, G = new T(this.options.delay, function() {
+                  g = d.connect(s, r);
                 });
                 return {
                   abort: function() {
-                    G.ensureAborted(), v && v.abort();
+                    G.ensureAborted(), g && g.abort();
                   },
                   forceMinPriority: function(he) {
-                    s = he, v && v.forceMinPriority(he);
+                    s = he, g && g.forceMinPriority(he);
                   }
                 };
               }
@@ -5567,8 +5568,8 @@ function Mc() {
                 return this.strategy.isSupported();
               }
               connect(s, r) {
-                var d = this.strategy.connect(s, function(v, G) {
-                  G && d.abort(), r(v, G);
+                var d = this.strategy.connect(s, function(g, G) {
+                  G && d.abort(), r(g, G);
                 });
                 return d;
               }
@@ -5580,7 +5581,7 @@ function Mc() {
             }
             var S = function(a, s, r) {
               var d = {};
-              function v(vi, Ka, Ya, Ja, Za) {
+              function g(vi, Ka, Ya, Ja, Za) {
                 var gi = r(a, vi, Ka, Ya, Ja, Za);
                 return d[vi] = gi, gi;
               }
@@ -5605,7 +5606,7 @@ function Mc() {
                 lives: 2,
                 minPingDelay: 1e4,
                 maxPingDelay: a.activityTimeout
-              }), vt = v("ws", "ws", 3, G, Ye), Hn = v("wss", "ws", 3, he, Ye), Ha = v("sockjs", "sockjs", 1, Me), ui = v("xhr_streaming", "xhr_streaming", 1, Me, Qe), Va = v("xdr_streaming", "xdr_streaming", 1, Me, Qe), di = v("xhr_polling", "xhr_polling", 1, Me), Wa = v("xdr_polling", "xdr_polling", 1, Me), hi = new Jt([vt], Oe), Ga = new Jt([Hn], Oe), Xa = new Jt([Ha], Oe), fi = new Jt([
+              }), vt = g("ws", "ws", 3, G, Ye), Hn = g("wss", "ws", 3, he, Ye), Ha = g("sockjs", "sockjs", 1, Me), ui = g("xhr_streaming", "xhr_streaming", 1, Me, Qe), Va = g("xdr_streaming", "xdr_streaming", 1, Me, Qe), di = g("xhr_polling", "xhr_polling", 1, Me), Wa = g("xdr_polling", "xdr_polling", 1, Me), hi = new Jt([vt], Oe), Ga = new Jt([Hn], Oe), Xa = new Jt([Ha], Oe), fi = new Jt([
                 new tn(Kt(ui), ui, Va)
               ], Oe), mi = new Jt([
                 new tn(Kt(di), di, Wa)
@@ -5731,8 +5732,8 @@ function Mc() {
                       break;
                     case "a":
                       r = JSON.parse(s.data.slice(1) || "[]");
-                      for (var v = 0; v < r.length; v++)
-                        this.onEvent(r[v]);
+                      for (var g = 0; g < r.length; g++)
+                        this.onEvent(r[g]);
                       break;
                     case "m":
                       r = JSON.parse(s.data.slice(1) || "null"), this.onEvent(r);
@@ -5870,7 +5871,7 @@ function Mc() {
               nextAuthCallbackID: 1,
               auth_callbacks: {},
               ScriptReceivers: u,
-              DependenciesReceivers: b,
+              DependenciesReceivers: y,
               getDefaultStrategy: Y,
               Transports: le,
               transportConnectionInitializer: Ae,
@@ -5994,8 +5995,8 @@ function Mc() {
                   features: this.options.features,
                   timeline: this.events
                 }, this.options.params);
-                return this.events = [], s(d, (v, G) => {
-                  v || this.sent++, r && r(v, G);
+                return this.events = [], s(d, (g, G) => {
+                  g || this.sent++, r && r(g, G);
                 }), !0;
               }
               generateUniqueID() {
@@ -6003,8 +6004,8 @@ function Mc() {
               }
             }
             class _a {
-              constructor(s, r, d, v) {
-                this.name = s, this.priority = r, this.transport = d, this.options = v || {};
+              constructor(s, r, d, g) {
+                this.name = s, this.priority = r, this.transport = d, this.options = g || {};
               }
               isSupported() {
                 return this.transport.isSupported({
@@ -6016,10 +6017,10 @@ function Mc() {
                   if (this.priority < s)
                     return ci(new ae(), r);
                 } else return ci(new ee(), r);
-                var d = !1, v = this.transport.createConnection(this.name, this.priority, this.options.key, this.options), G = null, he = function() {
-                  v.unbind("initialized", he), v.connect();
+                var d = !1, g = this.transport.createConnection(this.name, this.priority, this.options.key, this.options), G = null, he = function() {
+                  g.unbind("initialized", he), g.connect();
                 }, Me = function() {
-                  G = Bt.createHandshake(v, function(vt) {
+                  G = Bt.createHandshake(g, function(vt) {
                     d = !0, Qe(), r(null, vt);
                   });
                 }, Oe = function(vt) {
@@ -6027,16 +6028,16 @@ function Mc() {
                 }, Ye = function() {
                   Qe();
                   var vt;
-                  vt = be(v), r(new ce(vt));
+                  vt = be(g), r(new ce(vt));
                 }, Qe = function() {
-                  v.unbind("initialized", he), v.unbind("open", Me), v.unbind("error", Oe), v.unbind("closed", Ye);
+                  g.unbind("initialized", he), g.unbind("open", Me), g.unbind("error", Oe), g.unbind("closed", Ye);
                 };
-                return v.bind("initialized", he), v.bind("open", Me), v.bind("error", Oe), v.bind("closed", Ye), v.initialize(), {
+                return g.bind("initialized", he), g.bind("open", Me), g.bind("error", Oe), g.bind("closed", Ye), g.initialize(), {
                   abort: () => {
-                    d || (Qe(), G ? G.close() : v.close());
+                    d || (Qe(), G ? G.close() : g.close());
                   },
                   forceMinPriority: (vt) => {
-                    d || this.priority < vt && (G ? G.close() : v.close());
+                    d || this.priority < vt && (G ? G.close() : g.close());
                   }
                 };
               }
@@ -6052,12 +6053,12 @@ function Mc() {
               };
             }
             const { Transports: wa } = Ue;
-            var Ca = function(a, s, r, d, v, G) {
+            var Ca = function(a, s, r, d, g, G) {
               var he = wa[r];
               if (!he)
                 throw new L(r);
               var Me = (!a.enabledTransports || ot(a.enabledTransports, s) !== -1) && (!a.disabledTransports || ot(a.disabledTransports, s) === -1), Oe;
-              return Me ? (v = Object.assign({ ignoreNullOrigin: a.ignoreNullOrigin }, v), Oe = new _a(s, d, G ? G.getAssistant(he) : he, v)) : Oe = ka, Oe;
+              return Me ? (g = Object.assign({ ignoreNullOrigin: a.ignoreNullOrigin }, g), Oe = new _a(s, d, G ? G.getAssistant(he) : he, g)) : Oe = ka, Oe;
             }, ka = {
               isSupported: function() {
                 return !1;
@@ -6087,9 +6088,9 @@ function Mc() {
               for (var d in s.params)
                 r += "&" + encodeURIComponent(d) + "=" + encodeURIComponent(s.params[d]);
               if (s.paramsProvider != null) {
-                let v = s.paramsProvider();
-                for (var d in v)
-                  r += "&" + encodeURIComponent(d) + "=" + encodeURIComponent(v[d]);
+                let g = s.paramsProvider();
+                for (var d in g)
+                  r += "&" + encodeURIComponent(d) + "=" + encodeURIComponent(g[d]);
               }
               return r;
             };
@@ -6107,9 +6108,9 @@ function Mc() {
               for (var d in s.params)
                 r += "&" + encodeURIComponent(d) + "=" + encodeURIComponent(s.params[d]);
               if (s.paramsProvider != null) {
-                let v = s.paramsProvider();
-                for (var d in v)
-                  r += "&" + encodeURIComponent(d) + "=" + encodeURIComponent(v[d]);
+                let g = s.paramsProvider();
+                for (var d in g)
+                  r += "&" + encodeURIComponent(d) + "=" + encodeURIComponent(g[d]);
               }
               return r;
             };
@@ -6130,9 +6131,9 @@ function Mc() {
                   headers: s.headers
                 }
               };
-              return (v, G) => {
-                const he = a.channel(v.channelName);
-                r(he, d).authorize(v.socketId, G);
+              return (g, G) => {
+                const he = a.channel(g.channelName);
+                r(he, d).authorize(g.socketId, G);
               };
             };
             function Aa(a, s) {
@@ -6207,8 +6208,8 @@ function Mc() {
             }
             function za() {
               let a, s;
-              return { promise: new Promise((d, v) => {
-                a = d, s = v;
+              return { promise: new Promise((d, g) => {
+                a = d, s = g;
               }), resolve: a, reject: s };
             }
             var ja = za;
@@ -6298,7 +6299,7 @@ function Mc() {
                   host: this.config.statsHost,
                   path: "/timeline/v2/" + Ue.TimelineTransport.name
                 }));
-                var d = (v) => Ue.getDefaultStrategy(this.config, v, Ca);
+                var d = (g) => Ue.getDefaultStrategy(this.config, g, Ca);
                 this.connection = Bt.createConnectionManager(this.key, {
                   getStrategy: d,
                   timeline: this.timeline,
@@ -6308,19 +6309,19 @@ function Mc() {
                   useTLS: !!this.config.useTLS
                 }), this.connection.bind("connected", () => {
                   this.subscribeAll(), this.timelineSender && this.timelineSender.send(this.connection.isUsingTLS());
-                }), this.connection.bind("message", (v) => {
-                  var G = v.event, he = G.indexOf("pusher_internal:") === 0;
-                  if (v.channel) {
-                    var Me = this.channel(v.channel);
-                    Me && Me.handleEvent(v);
+                }), this.connection.bind("message", (g) => {
+                  var G = g.event, he = G.indexOf("pusher_internal:") === 0;
+                  if (g.channel) {
+                    var Me = this.channel(g.channel);
+                    Me && Me.handleEvent(g);
                   }
-                  he || this.global_emitter.emit(v.event, v.data);
+                  he || this.global_emitter.emit(g.event, g.data);
                 }), this.connection.bind("connecting", () => {
                   this.channels.disconnect();
                 }), this.connection.bind("disconnected", () => {
                   this.channels.disconnect();
-                }), this.connection.bind("error", (v) => {
-                  Pe.warn(v);
+                }), this.connection.bind("error", (g) => {
+                  Pe.warn(g);
                 }), Et.instances.push(this), this.timeline.info({ instances: Et.instances.length }), this.user = new Ba(this), Et.isReady && this.connect();
               }
               channel(s) {
@@ -6594,9 +6595,9 @@ function ln(e, t, n, i) {
 function Ug(e) {
   const t = e.initializedEvent ?? "messenger-client:echo-initialized", n = e.bootstrapEndpoint ?? $c, i = e.bootstrapRefreshSkewMs ?? Ac, o = e.presenceFreshnessTtlMs ?? Pc, l = (e.createLogger ?? Xs())("MessengerEcho");
   typeof window < "u" && (window.Pusher = Ec);
-  let u = null, y = null, h = null, w = null, b = "disconnected", k = "available", x = null, M = null;
+  let u = null, p = null, h = null, w = null, y = "disconnected", k = "available", x = null, M = null;
   const A = /* @__PURE__ */ new Set(), P = /* @__PURE__ */ new Set(), $ = /* @__PURE__ */ new Map(), R = (oe) => {
-    b = oe;
+    y = oe;
     for (const se of A)
       se(oe);
   }, U = (oe) => {
@@ -6608,12 +6609,12 @@ function Ug(e) {
   }, ce = (oe = !0) => {
     h !== null && (h.disconnect(), h = null), w = null, oe && R("disconnected");
   }, E = () => {
-    ae(), u = null, y = null, x = null, U("available"), ce(), $.clear();
+    ae(), u = null, p = null, x = null, U("available"), ce(), $.clear();
   }, L = () => {
     if (!e.getSourceToken)
       return null;
     const oe = e.getSourceToken();
-    return oe === null ? (E(), null) : (x !== null && x !== oe && (ae(), u = null, y = null, U("available"), ce()), x = oe, oe);
+    return oe === null ? (E(), null) : (x !== null && x !== oe && (ae(), u = null, p = null, U("available"), ce()), x = oe, oe);
   }, ee = (oe) => {
     if (Nc(oe.service.apiBaseUrl)) {
       const se = L();
@@ -6638,7 +6639,7 @@ function Ug(e) {
     M = setTimeout(() => {
       pe();
     }, ye);
-  }, X = async (oe = !1) => e.getSourceToken && L() === null || !oe && k === "account_suspended" ? null : !oe && ne(u) ? u : !oe && y !== null ? await y : (y = (async () => {
+  }, X = async (oe = !1) => e.getSourceToken && L() === null || !oe && k === "account_suspended" ? null : !oe && ne(u) ? u : !oe && p !== null ? await p : (p = (async () => {
     try {
       const ye = await e.bootstrapClient.get(
         n,
@@ -6651,8 +6652,8 @@ function Ug(e) {
       throw ye;
     }
   })().finally(() => {
-    y = null;
-  }), await y), pe = async () => {
+    p = null;
+  }), await p), pe = async () => {
     const oe = h !== null;
     try {
       if (await X(!0), !oe)
@@ -6741,7 +6742,7 @@ function Ug(e) {
       return Promise.reject(oe);
     }
   );
-  const me = () => k === "account_suspended" ? null : h, ge = (oe) => (A.add(oe), oe(b), () => {
+  const me = () => k === "account_suspended" ? null : h, ge = (oe) => (A.add(oe), oe(y), () => {
     A.delete(oe);
   }), V = (oe) => (P.add(oe), oe(k), () => {
     P.delete(oe);
@@ -6760,7 +6761,7 @@ function Ug(e) {
     for (const [De, Be] of $.entries())
       Te - Be.seenAt > o && $.delete(De);
     return !0;
-  }, p = (oe) => {
+  }, v = (oe) => {
     const se = me();
     if (!se || typeof se.join != "function")
       return;
@@ -6923,12 +6924,12 @@ function Ug(e) {
     initializedEvent: t,
     getEcho: me,
     waitForEcho: ht,
-    getConnectionStatus: () => b,
+    getConnectionStatus: () => y,
     getAccessState: () => k,
     onConnectionStatusChange: ge,
     onAccessStateChange: V,
     reconnect: Ze,
-    subscribeToPresenceStatus: p,
+    subscribeToPresenceStatus: v,
     unsubscribeFromPresenceStatus: f,
     subscribeToConversation: ie,
     unsubscribeFromConversation: Ce,
@@ -7076,7 +7077,7 @@ const Fg = (e, t, n, i) => {
     return null;
   const o = e.participants.find((u) => u.user_id === n || u.user?.id === n)?.last_read_message_id;
   if (typeof o == "string" && o.length > 0) {
-    const u = t.findIndex((y) => y.id === o);
+    const u = t.findIndex((p) => p.id === o);
     if (u >= 0)
       return t[u + 1]?.id ?? null;
   }
@@ -7239,7 +7240,7 @@ function ri() {
         onInterrupt: L
       }
     );
-  }, y = (E) => {
+  }, p = (E) => {
     const L = () => i(E);
     if (n(E, "opacity"), !e.shouldAnimate) {
       e.set(E, { opacity: 1 }), L();
@@ -7283,7 +7284,7 @@ function ri() {
     );
   }, w = (E, L) => {
     l(E, L);
-  }, b = (E) => {
+  }, y = (E) => {
     u(E);
   }, k = (E) => {
     E.querySelectorAll(".message-send-ripple").forEach((B) => B.remove());
@@ -7458,7 +7459,7 @@ function ri() {
       I();
       return;
     }
-    const p = Math.max(18, Math.abs(j) * 0.12);
+    const v = Math.max(18, Math.abs(j) * 0.12);
     e.timeline().fromTo(
       ge,
       {
@@ -7470,7 +7471,7 @@ function ri() {
       },
       {
         x: j * 0.45,
-        y: me * 0.5 - p,
+        y: me * 0.5 - v,
         scale: 0.94,
         opacity: 1,
         duration: 0.16,
@@ -7590,10 +7591,10 @@ function ri() {
   return Nt(ce), {
     animateOutgoingMessageEnter: l,
     animateIncomingMessageEnter: u,
-    animateHistoryMessageAppear: y,
+    animateHistoryMessageAppear: p,
     animateOptimisticResolve: h,
     animateSentBubbleFromComposer: w,
-    animateReceivedBubbleEntry: b,
+    animateReceivedBubbleEntry: y,
     animateActiveConversationPulse: x,
     animateSendRipple: k,
     animateComposerReset: M,
@@ -7618,7 +7619,7 @@ const mu = ["data-testid", "aria-label"], pu = { class: "day-separator__chip" },
     const t = e, n = C(() => ({
       "--day-separator-top": `${t.stickyTopPx}px`
     })), i = C(() => t.testId.length > 0 ? t.testId : void 0);
-    return (o, l) => (m(), g("div", {
+    return (o, l) => (m(), b("div", {
       class: xe([
         "day-separator",
         {
@@ -7678,7 +7679,7 @@ const mu = ["data-testid", "aria-label"], pu = { class: "day-separator__chip" },
   },
   setup(e) {
     const t = e, n = C(() => t.size ? typeof t.size == "number" ? `${t.size}px` : t.size : "1em"), i = C(() => bu[t.name] ?? "");
-    return (o, l) => (m(), g("svg", {
+    return (o, l) => (m(), b("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 512 512",
       width: n.value,
@@ -7706,7 +7707,7 @@ const mu = ["data-testid", "aria-label"], pu = { class: "day-separator__chip" },
       const h = l.value;
       !h || i.autoGrow === !1 || (h.style.height = "auto", h.style.height = h.scrollHeight + "px");
     }
-    function y(h) {
+    function p(h) {
       o("update:modelValue", h.target.value), o("input", h), ct(u);
     }
     return Xe(() => i.modelValue, () => ct(u)), Yt(u), t({
@@ -7714,7 +7715,7 @@ const mu = ["data-testid", "aria-label"], pu = { class: "day-separator__chip" },
       $el: l,
       /** Programmatic focus */
       setFocus: () => l.value?.focus()
-    }), (h, w) => (m(), g("textarea", {
+    }), (h, w) => (m(), b("textarea", {
       ref_key: "textareaRef",
       ref: l,
       class: "msg-textarea",
@@ -7723,10 +7724,10 @@ const mu = ["data-testid", "aria-label"], pu = { class: "day-separator__chip" },
       disabled: e.disabled,
       rows: e.rows ?? 1,
       maxlength: e.maxlength,
-      onInput: y,
-      onKeydown: w[0] || (w[0] = (b) => h.$emit("keydown", b)),
-      onFocus: w[1] || (w[1] = (b) => h.$emit("focus", b)),
-      onBlur: w[2] || (w[2] = (b) => h.$emit("blur", b))
+      onInput: p,
+      onKeydown: w[0] || (w[0] = (y) => h.$emit("keydown", y)),
+      onFocus: w[1] || (w[1] = (y) => h.$emit("focus", y)),
+      onBlur: w[2] || (w[2] = (y) => h.$emit("blur", y))
     }, null, 40, _u));
   }
 });
@@ -7734,35 +7735,35 @@ class wu {
   async create(t) {
     const n = document.createElement("div"), i = {};
     if (n.className = `msg-action-sheet-overlay ${t.cssClass ?? ""}`, t.htmlAttributes)
-      for (const [b, k] of Object.entries(t.htmlAttributes))
-        n.setAttribute(b, k);
+      for (const [y, k] of Object.entries(t.htmlAttributes))
+        n.setAttribute(y, k);
     let o = null;
-    const l = new Promise((b) => {
-      o = b;
-    }), u = async (b) => {
-      n.classList.add("msg-action-sheet-overlay--closing"), await new Promise((k) => setTimeout(k, 200)), n.remove(), o && (o({ role: b }), o = null);
-    }, y = document.createElement("button");
-    y.type = "button", y.className = "msg-action-sheet-backdrop", y.setAttribute("aria-label", "Close"), y.addEventListener("click", () => {
+    const l = new Promise((y) => {
+      o = y;
+    }), u = async (y) => {
+      n.classList.add("msg-action-sheet-overlay--closing"), await new Promise((k) => setTimeout(k, 200)), n.remove(), o && (o({ role: y }), o = null);
+    }, p = document.createElement("button");
+    p.type = "button", p.className = "msg-action-sheet-backdrop", p.setAttribute("aria-label", "Close"), p.addEventListener("click", () => {
       u("backdrop");
-    }), n.appendChild(y);
+    }), n.appendChild(p);
     const h = document.createElement("div");
     if (h.className = "msg-action-sheet", t.header) {
-      const b = document.createElement("div");
-      b.className = "msg-action-sheet__header", b.textContent = t.header, h.appendChild(b);
+      const y = document.createElement("div");
+      y.className = "msg-action-sheet__header", y.textContent = t.header, h.appendChild(y);
     }
     if (t.subHeader) {
-      const b = document.createElement("div");
-      b.className = "msg-action-sheet__subheader", b.textContent = t.subHeader, h.appendChild(b);
+      const y = document.createElement("div");
+      y.className = "msg-action-sheet__subheader", y.textContent = t.subHeader, h.appendChild(y);
     }
     const w = document.createElement("div");
     w.className = "msg-action-sheet__group";
-    for (const b of t.buttons) {
+    for (const y of t.buttons) {
       const k = document.createElement("button");
-      if (k.type = "button", k.className = `action-sheet-button msg-action-sheet__button ${b.cssClass ?? ""}`, b.role === "destructive" && k.classList.add("msg-action-sheet__button--destructive"), b.role === "cancel" && k.classList.add("msg-action-sheet__button--cancel"), b.role === "selected" && k.classList.add("msg-action-sheet__button--selected"), b.htmlAttributes)
-        for (const [x, M] of Object.entries(b.htmlAttributes))
+      if (k.type = "button", k.className = `action-sheet-button msg-action-sheet__button ${y.cssClass ?? ""}`, y.role === "destructive" && k.classList.add("msg-action-sheet__button--destructive"), y.role === "cancel" && k.classList.add("msg-action-sheet__button--cancel"), y.role === "selected" && k.classList.add("msg-action-sheet__button--selected"), y.htmlAttributes)
+        for (const [x, M] of Object.entries(y.htmlAttributes))
           k.setAttribute(x, M);
-      k.textContent = b.text, k.addEventListener("click", () => {
-        b.handler && b.handler() === !1 || u(b.role ?? "selected");
+      k.textContent = y.text, k.addEventListener("click", () => {
+        y.handler && y.handler() === !1 || u(y.role ?? "selected");
       }), w.appendChild(k);
     }
     return h.appendChild(w), n.appendChild(h), i.present = async () => {
@@ -7776,30 +7777,30 @@ class Cu {
     const n = document.createElement("div"), i = {};
     n.className = `msg-alert-overlay ${t.cssClass ?? ""}`;
     let o = null;
-    const l = new Promise((b) => {
-      o = b;
-    }), u = async (b) => {
-      n.classList.add("msg-alert-overlay--closing"), await new Promise((k) => setTimeout(k, 200)), n.remove(), o && (o({ role: b }), o = null);
-    }, y = document.createElement("div");
-    y.className = "msg-alert-backdrop", n.appendChild(y);
+    const l = new Promise((y) => {
+      o = y;
+    }), u = async (y) => {
+      n.classList.add("msg-alert-overlay--closing"), await new Promise((k) => setTimeout(k, 200)), n.remove(), o && (o({ role: y }), o = null);
+    }, p = document.createElement("div");
+    p.className = "msg-alert-backdrop", n.appendChild(p);
     const h = document.createElement("div");
     if (h.className = "msg-alert-card", t.header) {
-      const b = document.createElement("h3");
-      b.className = "msg-alert-card__header", b.textContent = t.header, h.appendChild(b);
+      const y = document.createElement("h3");
+      y.className = "msg-alert-card__header", y.textContent = t.header, h.appendChild(y);
     }
     if (t.message) {
-      const b = document.createElement("p");
-      b.className = "msg-alert-card__message", b.textContent = t.message, h.appendChild(b);
+      const y = document.createElement("p");
+      y.className = "msg-alert-card__message", y.textContent = t.message, h.appendChild(y);
     }
     const w = document.createElement("div");
     w.className = "msg-alert-card__buttons";
-    for (const b of t.buttons) {
+    for (const y of t.buttons) {
       const k = document.createElement("button");
-      if (k.type = "button", k.className = `msg-alert-card__button ${b.cssClass ?? ""}`, b.role === "destructive" && k.classList.add("msg-alert-card__button--destructive"), b.role === "cancel" && k.classList.add("msg-alert-card__button--cancel"), b.htmlAttributes)
-        for (const [x, M] of Object.entries(b.htmlAttributes))
+      if (k.type = "button", k.className = `msg-alert-card__button ${y.cssClass ?? ""}`, y.role === "destructive" && k.classList.add("msg-alert-card__button--destructive"), y.role === "cancel" && k.classList.add("msg-alert-card__button--cancel"), y.htmlAttributes)
+        for (const [x, M] of Object.entries(y.htmlAttributes))
           k.setAttribute(x, M);
-      k.textContent = b.text, k.addEventListener("click", () => {
-        b.handler && b.handler(), u(b.role ?? "selected");
+      k.textContent = y.text, k.addEventListener("click", () => {
+        y.handler && y.handler(), u(y.role ?? "selected");
       }), w.appendChild(k);
     }
     return h.appendChild(w), n.appendChild(h), i.present = async () => {
@@ -7823,24 +7824,24 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
   },
   setup(e) {
     const t = Qa(), n = e, i = N(!1), o = N(0), l = N(null), u = N({});
-    let y = null, h = 0;
-    const w = /* @__PURE__ */ new Map(), b = C(
-      () => n.attachments.filter((p) => p.type.startsWith("image/"))
+    let p = null, h = 0;
+    const w = /* @__PURE__ */ new Map(), y = C(
+      () => n.attachments.filter((v) => v.type.startsWith("image/"))
     ), k = C(
-      () => n.attachments.filter((p) => p.type.startsWith("video/"))
+      () => n.attachments.filter((v) => v.type.startsWith("video/"))
     ), x = C(
-      () => n.attachments.filter((p) => !p.type.startsWith("image/") && !p.type.startsWith("video/"))
-    ), M = (p) => mc(p), A = (p) => p.id !== "" ? p.id : p.url, P = (p) => {
-      const f = w.get(p);
-      f !== void 0 && (URL.revokeObjectURL(f), w.delete(p));
-    }, $ = (p) => {
+      () => n.attachments.filter((v) => !v.type.startsWith("image/") && !v.type.startsWith("video/"))
+    ), M = (v) => mc(v), A = (v) => v.id !== "" ? v.id : v.url, P = (v) => {
+      const f = w.get(v);
+      f !== void 0 && (URL.revokeObjectURL(f), w.delete(v));
+    }, $ = (v) => {
       for (const [f] of w)
-        p.has(f) || P(f);
-    }, R = async (p) => {
+        v.has(f) || P(f);
+    }, R = async (v) => {
       const f = uc();
       if (f === null)
         return;
-      const T = await fetch(p, {
+      const T = await fetch(v, {
         headers: {
           Authorization: `Bearer ${f}`
         }
@@ -7849,9 +7850,9 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         return;
       const ie = await T.blob();
       return URL.createObjectURL(ie);
-    }, U = async (p) => {
+    }, U = async (v) => {
       const f = ++h, T = {}, ie = /* @__PURE__ */ new Set();
-      for (const Ce of p) {
+      for (const Ce of v) {
         const Se = A(Ce);
         ie.add(Se);
         const we = zi(Ce) ?? "";
@@ -7881,28 +7882,28 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         T[Se] = we;
       }
       $(ie), u.value = T;
-    }, ae = (p) => {
-      const f = A(p);
-      return u.value[f] ?? zi(p) ?? "";
+    }, ae = (v) => {
+      const f = A(v);
+      return u.value[f] ?? zi(v) ?? "";
     }, ce = C(
-      () => b.value.slice(0, xn)
+      () => y.value.slice(0, xn)
     ), E = C(
-      () => Math.max(0, b.value.length - xn)
-    ), L = C(() => `img-grid img-grid--${Math.min(b.value.length, xn)}`), ee = (p) => {
-      const f = Math.min(b.value.length, xn);
-      return f === 1 ? "img-cell--single" : f === 2 ? "img-cell--half" : f === 3 ? p === 0 ? "img-cell--top-full" : "img-cell--bottom-half" : "img-cell--quarter";
+      () => Math.max(0, y.value.length - xn)
+    ), L = C(() => `img-grid img-grid--${Math.min(y.value.length, xn)}`), ee = (v) => {
+      const f = Math.min(y.value.length, xn);
+      return f === 1 ? "img-cell--single" : f === 2 ? "img-cell--half" : f === 3 ? v === 0 ? "img-cell--top-full" : "img-cell--bottom-half" : "img-cell--quarter";
     }, ne = C(
-      () => b.value[o.value] ?? null
-    ), B = (p) => {
-      y = document.activeElement instanceof HTMLElement ? document.activeElement : null, o.value = p, i.value = !0;
+      () => y.value[o.value] ?? null
+    ), B = (v) => {
+      p = document.activeElement instanceof HTMLElement ? document.activeElement : null, o.value = v, i.value = !0;
     }, X = () => {
-      i.value = !1, y && (y.focus(), y = null);
+      i.value = !1, p && (p.focus(), p = null);
     }, pe = () => {
       o.value > 0 && o.value--;
     }, de = () => {
-      o.value < b.value.length - 1 && o.value++;
-    }, O = (p) => {
-      if (p.key !== "Tab") return;
+      o.value < y.value.length - 1 && o.value++;
+    }, O = (v) => {
+      if (v.key !== "Tab") return;
       const f = l.value;
       if (!f) return;
       const T = f.querySelectorAll(
@@ -7910,48 +7911,48 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       );
       if (T.length === 0) return;
       const ie = T[0], Ce = T[T.length - 1];
-      p.shiftKey ? document.activeElement === ie && (p.preventDefault(), Ce.focus()) : document.activeElement === Ce && (p.preventDefault(), ie.focus());
-    }, j = (p) => {
-      if (p.key === "Tab") {
-        O(p);
+      v.shiftKey ? document.activeElement === ie && (v.preventDefault(), Ce.focus()) : document.activeElement === Ce && (v.preventDefault(), ie.focus());
+    }, j = (v) => {
+      if (v.key === "Tab") {
+        O(v);
         return;
       }
-      p.key === "Escape" && X(), p.key === "ArrowLeft" && pe(), p.key === "ArrowRight" && de();
+      v.key === "Escape" && X(), v.key === "ArrowLeft" && pe(), v.key === "ArrowRight" && de();
     };
-    Xe(i, async (p) => {
-      p ? (document.addEventListener("keydown", j), await ct(), l.value?.querySelector(
+    Xe(i, async (v) => {
+      v ? (document.addEventListener("keydown", j), await ct(), l.value?.querySelector(
         '[data-testid="btn-close-image-viewer"]'
       )?.focus()) : document.removeEventListener("keydown", j);
-    }), Xe(k, (p) => {
-      U(p);
+    }), Xe(k, (v) => {
+      U(v);
     }, { immediate: !0 }), Us(() => {
       document.removeEventListener("keydown", j);
-      for (const [p] of w)
-        P(p);
+      for (const [v] of w)
+        P(v);
     });
-    const me = (p) => p.startsWith("image/") ? "imageOutline" : p.startsWith("video/") ? "videocamOutline" : p.startsWith("audio/") ? "musicalNotesOutline" : p === "application/pdf" ? "documentOutline" : ["text/javascript", "text/typescript", "text/html", "text/css", "application/json", "text/xml", "text/yaml", "text/plain"].includes(p) ? "codeSlashOutline" : ["application/zip", "application/x-rar-compressed", "application/x-7z-compressed", "application/gzip"].includes(p) ? "archiveOutline" : "documentOutline", ge = (p) => p.startsWith("image/") ? "bg-green-500/15" : p.startsWith("video/") ? "bg-purple-500/15" : p.startsWith("audio/") ? "bg-yellow-500/15" : p === "application/pdf" ? "bg-red-500/15" : "bg-gray-500/15", V = (p) => p.startsWith("image/") ? "text-green-500" : p.startsWith("video/") ? "text-purple-500" : p.startsWith("audio/") ? "text-yellow-500" : p === "application/pdf" ? "text-red-500" : "text-gray-400", H = (p) => {
-      if (p === 0) return "0 B";
-      const f = 1024, T = ["B", "KB", "MB", "GB"], ie = Math.floor(Math.log(p) / Math.log(f));
-      return `${parseFloat((p / Math.pow(f, ie)).toFixed(1))} ${T[ie]}`;
-    }, I = async (p) => {
+    const me = (v) => v.startsWith("image/") ? "imageOutline" : v.startsWith("video/") ? "videocamOutline" : v.startsWith("audio/") ? "musicalNotesOutline" : v === "application/pdf" ? "documentOutline" : ["text/javascript", "text/typescript", "text/html", "text/css", "application/json", "text/xml", "text/yaml", "text/plain"].includes(v) ? "codeSlashOutline" : ["application/zip", "application/x-rar-compressed", "application/x-7z-compressed", "application/gzip"].includes(v) ? "archiveOutline" : "documentOutline", ge = (v) => v.startsWith("image/") ? "bg-green-500/15" : v.startsWith("video/") ? "bg-purple-500/15" : v.startsWith("audio/") ? "bg-yellow-500/15" : v === "application/pdf" ? "bg-red-500/15" : "bg-gray-500/15", V = (v) => v.startsWith("image/") ? "text-green-500" : v.startsWith("video/") ? "text-purple-500" : v.startsWith("audio/") ? "text-yellow-500" : v === "application/pdf" ? "text-red-500" : "text-gray-400", H = (v) => {
+      if (v === 0) return "0 B";
+      const f = 1024, T = ["B", "KB", "MB", "GB"], ie = Math.floor(Math.log(v) / Math.log(f));
+      return `${parseFloat((v / Math.pow(f, ie)).toFixed(1))} ${T[ie]}`;
+    }, I = async (v) => {
       try {
         const f = document.createElement("a");
-        f.href = p.url, f.download = p.name, f.target = "_blank", document.body.appendChild(f), f.click(), document.body.removeChild(f), tt(`Downloading ${p.name}`, "success");
+        f.href = v.url, f.download = v.name, f.target = "_blank", document.body.appendChild(f), f.click(), document.body.removeChild(f), tt(`Downloading ${v.name}`, "success");
       } catch {
         tt("Failed to download file", "error");
       }
     };
-    return (p, f) => (m(), g(ze, null, [
+    return (v, f) => (m(), b(ze, null, [
       c("div", lr(Lt(t), {
         class: "msg-attachments",
         "data-testid": `attachments-${e.messageId}`
       }), [
-        b.value.length > 0 ? (m(), g("div", {
+        y.value.length > 0 ? (m(), b("div", {
           key: 0,
           class: xe(L.value),
           "data-testid": `image-grid-${e.messageId}`
         }, [
-          (m(!0), g(ze, null, dt(ce.value, (T, ie) => (m(), g("button", {
+          (m(!0), b(ze, null, dt(ce.value, (T, ie) => (m(), b("button", {
             key: T.id,
             type: "button",
             class: xe(["img-cell", ee(ie)]),
@@ -7965,13 +7966,13 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               class: "img-cell-image",
               loading: "lazy"
             }, null, 8, xu),
-            ie === xn - 1 && E.value > 0 ? (m(), g("div", Eu, [
+            ie === xn - 1 && E.value > 0 ? (m(), b("div", Eu, [
               c("span", $u, "+" + J(E.value), 1)
             ])) : K("", !0),
             f[3] || (f[3] = c("div", { class: "img-cell-hover" }, null, -1))
           ], 10, Mu))), 128))
         ], 10, Tu)) : K("", !0),
-        (m(!0), g(ze, null, dt(k.value, (T) => (m(), g("div", {
+        (m(!0), b(ze, null, dt(k.value, (T) => (m(), b("div", {
           key: T.id,
           class: "relative mt-1.5",
           "data-testid": `attachment-video-${T.id}`
@@ -7993,7 +7994,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
           ])], 8, Ru),
           c("div", Pu, J(H(T.size)), 1)
         ], 8, Au))), 128)),
-        (m(!0), g(ze, null, dt(x.value, (T) => (m(), g("div", {
+        (m(!0), b(ze, null, dt(x.value, (T) => (m(), b("div", {
           key: T.id,
           class: xe(["file-card", e.isOwnMessage ? "file-card--own" : "file-card--other"]),
           "data-testid": `attachment-file-${T.id}`,
@@ -8027,7 +8028,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         ], 42, Iu))), 128))
       ], 16, Su),
       (m(), st(ns, { to: "body" }, [
-        i.value ? (m(), g("div", {
+        i.value ? (m(), b("div", {
           key: 0,
           ref_key: "lightboxOverlayRef",
           ref: l,
@@ -8057,8 +8058,8 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               class: "w-6 h-6"
             })
           ]),
-          b.value.length > 1 ? (m(), g("div", Fu, J(o.value + 1) + " / " + J(b.value.length), 1)) : K("", !0),
-          o.value > 0 ? (m(), g("button", {
+          y.value.length > 1 ? (m(), b("div", Fu, J(o.value + 1) + " / " + J(y.value.length), 1)) : K("", !0),
+          o.value > 0 ? (m(), b("button", {
             key: 1,
             class: "lightbox-nav lightbox-nav--prev",
             "aria-label": "Previous image",
@@ -8070,7 +8071,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               class: "w-6 h-6"
             })
           ])) : K("", !0),
-          o.value < b.value.length - 1 ? (m(), g("button", {
+          o.value < y.value.length - 1 ? (m(), b("button", {
             key: 2,
             class: "lightbox-nav lightbox-nav--next",
             "aria-label": "Next image",
@@ -8082,7 +8083,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               class: "w-6 h-6"
             })
           ])) : K("", !0),
-          ne.value ? (m(), g("img", {
+          ne.value ? (m(), b("img", {
             key: 3,
             src: ne.value.url,
             alt: ne.value.name || "Image",
@@ -8096,7 +8097,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
             }, ["stop"]))
           }, [
             c("span", zu, J(ne.value?.name || "Image"), 1),
-            ne.value ? (m(), g("button", {
+            ne.value ? (m(), b("button", {
               key: 0,
               class: "lightbox-download",
               "data-testid": "btn-download-current-image",
@@ -8136,7 +8137,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       const o = i.target;
       o && (o.style.display = "none");
     };
-    return (i, o) => (m(), g("a", {
+    return (i, o) => (m(), b("a", {
       href: e.preview.url,
       target: "_blank",
       rel: "noopener noreferrer",
@@ -8146,7 +8147,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       onClick: o[0] || (o[0] = Ge(() => {
       }, ["stop"]))
     }, [
-      e.preview.image ? (m(), g("div", Hu, [
+      e.preview.image ? (m(), b("div", Hu, [
         c("img", {
           src: e.preview.image,
           alt: e.preview.title ?? "Link preview",
@@ -8156,8 +8157,8 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       ])) : K("", !0),
       c("div", Wu, [
         c("span", Gu, J(e.preview.domain), 1),
-        e.preview.title ? (m(), g("span", Xu, J(e.preview.title), 1)) : K("", !0),
-        e.preview.description ? (m(), g("span", Ku, J(e.preview.description), 1)) : K("", !0)
+        e.preview.title ? (m(), b("span", Xu, J(e.preview.title), 1)) : K("", !0),
+        e.preview.description ? (m(), b("span", Ku, J(e.preview.description), 1)) : K("", !0)
       ])
     ], 10, qu));
   }
@@ -8233,7 +8234,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
   },
   emits: ["edit", "delete", "copy", "retry", "react", "reply", "scroll-to-message"],
   setup(e, { emit: t }) {
-    const n = e, i = t, o = It()(), l = ss(), { term: u } = Vr(), y = ri(), h = N(!1), w = N(!1), b = N(""), k = N(!1), x = N(!1), M = N(!0), A = N(null), P = N(null), $ = N(null), R = N(null), U = N(null), ae = /* @__PURE__ */ new Map(), ce = N(null), E = N(null);
+    const n = e, i = t, o = It()(), l = ss(), { term: u } = Vr(), p = ri(), h = N(!1), w = N(!1), y = N(""), k = N(!1), x = N(!1), M = N(!0), A = N(null), P = N(null), $ = N(null), R = N(null), U = N(null), ae = /* @__PURE__ */ new Map(), ce = N(null), E = N(null);
     let L, ee, ne = null, B = 0, X = 0, pe = !1;
     const de = [
       { type: "heart", emoji: "❤️", label: "heart" },
@@ -8285,7 +8286,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     }, H = C(() => V(n.message.author_id)), I = C(() => {
       const S = H.value;
       return n.participantNames[n.message.author_id] ?? (S ? n.participantNames[S] : void 0) ?? n.message.author?.name ?? "Unknown";
-    }), p = C(() => {
+    }), v = C(() => {
       const S = H.value;
       return n.participantAvatars[n.message.author_id] ?? (S ? n.participantAvatars[S] : void 0) ?? n.message.author?.avatar ?? void 0;
     }), f = C(() => ge(I.value)), T = C(
@@ -8470,7 +8471,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         if (Ae.classList.contains("reaction-emoji-btn")) {
           ce.value = S;
           const bt = en() ?? $.value;
-          bt instanceof HTMLElement && y.animateReactionPickerToBubbleArc(Ae, bt, S);
+          bt instanceof HTMLElement && p.animateReactionPickerToBubbleArc(Ae, bt, S);
         }
         Ae.classList.contains("reaction-pill") && qe(S) && (E.value = {
           reaction: S,
@@ -8487,14 +8488,14 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
           const jn = Ae[nn] ?? 0, Bn = Y[nn] ?? 0;
           if (Bn > jn && (ct(() => {
             const Ht = ae.get(nn);
-            Ht instanceof HTMLElement && y.animateReactionLandingBounce(Ht);
+            Ht instanceof HTMLElement && p.animateReactionLandingBounce(Ht);
             const Ft = en();
-            Ft instanceof HTMLElement && y.animateReactionNeighborScoot(Ft, Ht ?? null);
+            Ft instanceof HTMLElement && p.animateReactionNeighborScoot(Ft, Ht ?? null);
           }), ce.value === nn && (ce.value = null)), Bn < jn) {
             const Ht = E.value;
             ct(() => {
               const Ft = en();
-              Ft instanceof HTMLElement && (Ht !== null && Ht.reaction === nn && (y.animateReactionRemovalPuff(Ft, Ht.rect, nn), E.value = null), y.animateReactionNeighborScoot(Ft));
+              Ft instanceof HTMLElement && (Ht !== null && Ht.reaction === nn && (p.animateReactionRemovalPuff(Ft, Ht.rect, nn), E.value = null), p.animateReactionNeighborScoot(Ft));
             });
           }
         }), ft.value = Y;
@@ -8611,11 +8612,11 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         buttons: S
       })).present();
     }, pn = () => {
-      z(), b.value = n.message.body || "", h.value = !0;
+      z(), y.value = n.message.body || "", h.value = !0;
     }, yn = () => {
-      h.value = !1, b.value = "";
+      h.value = !1, y.value = "";
     }, hs = () => {
-      const S = b.value.trim();
+      const S = y.value.trim();
       if (!S || S === n.message.body) {
         yn();
         return;
@@ -8666,8 +8667,8 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       }));
     }), Nt(() => {
       clearTimeout(L), clearTimeout(ee), w.value = !1, ae.clear(), Kt?.disconnect(), Kt = null, typeof document < "u" && (document.removeEventListener("pointerdown", Bt), document.removeEventListener("keydown", mn));
-    }), (S, Y) => (m(), g(ze, null, [
-      e.showTimestamp ? (m(), g("div", {
+    }), (S, Y) => (m(), b(ze, null, [
+      e.showTimestamp ? (m(), b("div", {
         key: 0,
         class: "flex items-center justify-center my-5",
         "data-testid": `timestamp-separator-${e.message.id}`
@@ -8685,7 +8686,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         "data-testid": `message-${e.message.id}`,
         "data-message-id": e.message.id
       }, [
-        e.message.is_deleted ? K("", !0) : (m(), g("div", {
+        e.message.is_deleted ? K("", !0) : (m(), b("div", {
           key: 0,
           class: xe([
             "message-row__reply-indicator",
@@ -8703,7 +8704,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
             class: "w-3.5 h-3.5"
           })
         ], 10, nd)),
-        e.isOwnMessage ? K("", !0) : (m(), g("div", sd, [
+        e.isOwnMessage ? K("", !0) : (m(), b("div", sd, [
           e.isLastInGroup ? (m(), st(cr(Ce.value), {
             key: 0,
             class: xe(["w-7 h-7 rounded-full overflow-hidden msg-avatar-placeholder", { "msg-avatar-placeholder--interactive": Se.value }]),
@@ -8714,13 +8715,13 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
             onClick: _n
           }, {
             default: it(() => [
-              p.value ? (m(), g("img", {
+              v.value ? (m(), b("img", {
                 key: 0,
-                src: p.value,
+                src: v.value,
                 alt: I.value,
                 class: "w-full h-full object-cover",
                 loading: "lazy"
-              }, null, 8, id)) : (m(), g("div", {
+              }, null, 8, id)) : (m(), b("div", {
                 key: 1,
                 class: "w-full h-full flex items-center justify-center text-[10px] font-semibold text-white",
                 style: rt({ backgroundColor: T.value })
@@ -8740,7 +8741,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
           onPointerup: ke,
           onPointercancel: ke
         }, [
-          k.value ? (m(), g("button", {
+          k.value ? (m(), b("button", {
             key: 0,
             type: "button",
             class: "reaction-picker-backdrop",
@@ -8750,7 +8751,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
           }, null, 8, ad)) : K("", !0),
           Re(Wt, { name: "reaction-picker" }, {
             default: it(() => [
-              k.value ? (m(), g("div", {
+              k.value ? (m(), b("div", {
                 key: 0,
                 ref_key: "reactionPickerRef",
                 ref: R,
@@ -8763,7 +8764,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                 "aria-label": "Add reaction"
               }, [
                 c("div", ld, [
-                  (m(), g(ze, null, dt(de, (Ae) => c("button", {
+                  (m(), b(ze, null, dt(de, (Ae) => c("button", {
                     key: Ae.type,
                     type: "button",
                     class: "reaction-emoji-btn w-8 h-8 flex items-center justify-center rounded-full hover:scale-125 active:scale-95 transition-all duration-150 text-xl",
@@ -8785,7 +8786,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
           }),
           Re(Wt, { name: "message-hover-time" }, {
             default: it(() => [
-              oe.value ? (m(), g("div", {
+              oe.value ? (m(), b("div", {
                 key: 0,
                 class: xe([
                   "message-hover-timestamp absolute z-20 pointer-events-none",
@@ -8821,8 +8822,8 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               Dt(Ge(z, ["prevent"]), ["esc"])
             ]
           }, [
-            e.conversationType === "group" && e.isFirstInGroup ? (m(), g("div", hd, J(I.value), 1)) : K("", !0),
-            e.message.reply_to && !e.message.is_deleted ? (m(), g("button", {
+            e.conversationType === "group" && e.isFirstInGroup ? (m(), b("div", hd, J(I.value), 1)) : K("", !0),
+            e.message.reply_to && !e.message.is_deleted ? (m(), b("button", {
               key: 1,
               type: "button",
               class: xe(["reply-preview", e.isOwnMessage ? "reply-preview--own" : "reply-preview--other"]),
@@ -8836,22 +8837,22 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                 c("span", vd, J(kt.value), 1)
               ])
             ], 10, fd)) : K("", !0),
-            e.message.is_deleted ? (m(), g("div", Ad, [
+            e.message.is_deleted ? (m(), b("div", Ad, [
               Re(We, {
                 name: "trashOutline",
                 class: "w-3.5 h-3.5",
                 "aria-hidden": "true"
               }),
               Y[7] || (Y[7] = c("span", null, "This message was deleted", -1))
-            ])) : (m(), g("div", gd, [
-              e.message.body ? (m(), g("div", bd, [
+            ])) : (m(), b("div", gd, [
+              e.message.body ? (m(), b("div", bd, [
                 Re(Zu, {
                   tag: "p",
                   class: "whitespace-pre-wrap break-words text-[15px] leading-relaxed",
                   html: wt.value
                 }, null, 8, ["html"])
               ])) : K("", !0),
-              be.value ? (m(), g("button", {
+              be.value ? (m(), b("button", {
                 key: 1,
                 type: "button",
                 class: xe(["shared-post-embed", e.isOwnMessage ? "shared-post-embed--own" : "shared-post-embed--other"]),
@@ -8860,17 +8861,17 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                 onClick: fs
               }, [
                 c("div", _d, [
-                  zt.value ? (m(), g("img", {
+                  zt.value ? (m(), b("img", {
                     key: 0,
                     src: zt.value,
                     alt: `${Pe.value} avatar`,
                     class: "shared-post-embed__author-avatar",
                     loading: "lazy"
-                  }, null, 8, wd)) : (m(), g("div", Cd, J(Ke.value), 1)),
+                  }, null, 8, wd)) : (m(), b("div", Cd, J(Ke.value), 1)),
                   c("span", kd, J(Pe.value), 1)
                 ]),
-                pt.value ? (m(), g("div", Sd, [
-                  Mt.value ? (m(), g("video", {
+                pt.value ? (m(), b("div", Sd, [
+                  Mt.value ? (m(), b("video", {
                     key: 0,
                     src: pt.value,
                     class: "shared-post-embed__thumbnail",
@@ -8879,7 +8880,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                     preload: "metadata",
                     draggable: "false",
                     "aria-hidden": "true"
-                  }, null, 8, Td)) : (m(), g("img", {
+                  }, null, 8, Td)) : (m(), b("img", {
                     key: 1,
                     src: pt.value,
                     alt: `Shared ${He.value} preview`,
@@ -8907,15 +8908,15 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                 "message-id": e.message.id,
                 class: "mt-1.5"
               }, null, 8, ["attachments", "is-own-message", "message-id"])) : K("", !0),
-              e.message.edited_at ? (m(), g("span", $d, " edited ")) : K("", !0)
+              e.message.edited_at ? (m(), b("span", $d, " edited ")) : K("", !0)
             ])),
-            e.isOwnMessage && e.isLastInGroup ? (m(), g("div", Rd, [
+            e.isOwnMessage && e.isLastInGroup ? (m(), b("div", Rd, [
               c("span", Pd, J(Ze.value), 1),
               se.value === "sending" ? (m(), st(We, {
                 key: 0,
                 name: "timeOutline",
                 class: "w-3 h-3 text-white/40"
-              })) : se.value === "failed" ? (m(), g("button", {
+              })) : se.value === "failed" ? (m(), b("button", {
                 key: 1,
                 class: "text-red-300 hover:text-red-100 transition-colors",
                 "data-testid": "btn-retry-message",
@@ -8940,11 +8941,11 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                 class: "w-3 h-3 text-blue-200"
               })) : K("", !0)
             ])) : K("", !0),
-            !e.isOwnMessage && e.isLastInGroup ? (m(), g("div", Id, [
+            !e.isOwnMessage && e.isLastInGroup ? (m(), b("div", Id, [
               c("span", Ld, J(Ze.value), 1)
             ])) : K("", !0)
           ], 42, dd),
-          Ie.value ? (m(), g("div", {
+          Ie.value ? (m(), b("div", {
             key: 1,
             ref_key: "reactionContainerRef",
             ref: U,
@@ -8954,7 +8955,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
             ]),
             "data-testid": `reactions-${e.message.id}`
           }, [
-            (m(!0), g(ze, null, dt(q.value, (Ae) => (m(), g("button", {
+            (m(!0), b(ze, null, dt(q.value, (Ae) => (m(), b("button", {
               key: Ae.reaction,
               ref_for: !0,
               ref: (bt) => Qt(Ae.reaction, bt),
@@ -8983,7 +8984,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         c("div", {
           class: xe(["message-actions", e.isOwnMessage ? "message-actions--own" : "message-actions--other"])
         }, [
-          e.message.is_deleted ? K("", !0) : (m(), g("button", {
+          e.message.is_deleted ? K("", !0) : (m(), b("button", {
             key: 0,
             type: "button",
             class: "msg-action-btn",
@@ -8996,7 +8997,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               class: "w-3.5 h-3.5"
             })
           ], 8, Nd)),
-          e.message.is_deleted ? K("", !0) : (m(), g("button", {
+          e.message.is_deleted ? K("", !0) : (m(), b("button", {
             key: 1,
             type: "button",
             class: "msg-action-btn",
@@ -9009,7 +9010,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               class: "w-3.5 h-3.5"
             })
           ], 8, zd)),
-          ye.value ? (m(), g("button", {
+          ye.value ? (m(), b("button", {
             key: 2,
             type: "button",
             class: "msg-action-btn",
@@ -9034,7 +9035,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               class: "w-3.5 h-3.5"
             })
           ], 8, Bd),
-          ve.value ? (m(), g("button", {
+          ve.value ? (m(), b("button", {
             key: 3,
             type: "button",
             class: "msg-action-btn msg-action-btn--danger",
@@ -9049,7 +9050,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
           ], 8, qd)) : K("", !0)
         ], 2)
       ], 10, td),
-      h.value ? (m(), g("div", Hd, [
+      h.value ? (m(), b("div", Hd, [
         c("div", {
           class: "edit-modal-card rounded-2xl shadow-2xl p-5 w-full max-w-md",
           onClick: Y[4] || (Y[4] = Ge(() => {
@@ -9060,8 +9061,8 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
             style: { color: "var(--app-text)" }
           }, " Edit Message ", -1)),
           Re(ta, {
-            modelValue: b.value,
-            "onUpdate:modelValue": Y[3] || (Y[3] = (Ae) => b.value = Ae),
+            modelValue: y.value,
+            "onUpdate:modelValue": Y[3] || (Y[3] = (Ae) => y.value = Ae),
             placeholder: "Edit your message...",
             rows: 3,
             "auto-grow": !0,
@@ -9077,7 +9078,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               onClick: yn
             }, " Cancel "),
             c("button", {
-              disabled: !b.value.trim() || b.value.trim() === e.message.body,
+              disabled: !y.value.trim() || y.value.trim() === e.message.body,
               class: "px-4 py-2 text-sm font-medium text-white rounded-lg transition-all disabled:opacity-40 disabled:cursor-not-allowed edit-modal-save",
               "data-testid": "btn-save-edit",
               "aria-label": "Save edited message",
@@ -9086,7 +9087,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
           ])
         ])
       ])) : K("", !0),
-      w.value ? (m(), g("div", Gd, [
+      w.value ? (m(), b("div", Gd, [
         c("div", {
           class: "edit-modal-card rounded-2xl shadow-2xl p-5 w-full max-w-md",
           onClick: Y[5] || (Y[5] = Ge(() => {
@@ -9125,7 +9126,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     size: {}
   },
   setup(e) {
-    return (t, n) => (m(), g("span", {
+    return (t, n) => (m(), b("span", {
       class: xe(["msg-spinner", e.size ? `msg-spinner--${e.size}` : ""]),
       role: "status",
       "aria-label": "Loading"
@@ -9166,45 +9167,45 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       "text/xml",
       "text/yaml",
       "text/plain"
-    ].includes(t.attachment.file.type) || t.attachment.file.name.match(/\.(js|ts|html|css|json|xml|yaml|yml|txt|md)$/i)), y = C(() => [
+    ].includes(t.attachment.file.type) || t.attachment.file.name.match(/\.(js|ts|html|css|json|xml|yaml|yml|txt|md)$/i)), p = C(() => [
       "application/zip",
       "application/x-rar-compressed",
       "application/x-7z-compressed",
       "application/gzip"
-    ].includes(t.attachment.file.type) || t.attachment.file.name.match(/\.(zip|rar|7z|tar|gz)$/i)), h = C(() => t.attachment.file.name.split(".").pop()?.toUpperCase() || "FILE"), w = C(() => `btn-remove-attachment-${t.attachment.file.name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "file"}`), b = () => n.value ? "imageOutline" : i.value ? "videocamOutline" : o.value ? "musicalNotesOutline" : l.value ? "documentOutline" : u.value ? "codeSlashOutline" : y.value ? "archiveOutline" : "documentOutline", k = (x) => {
+    ].includes(t.attachment.file.type) || t.attachment.file.name.match(/\.(zip|rar|7z|tar|gz)$/i)), h = C(() => t.attachment.file.name.split(".").pop()?.toUpperCase() || "FILE"), w = C(() => `btn-remove-attachment-${t.attachment.file.name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "file"}`), y = () => n.value ? "imageOutline" : i.value ? "videocamOutline" : o.value ? "musicalNotesOutline" : l.value ? "documentOutline" : u.value ? "codeSlashOutline" : p.value ? "archiveOutline" : "documentOutline", k = (x) => {
       if (x === 0) return "0 B";
       const M = 1024, A = ["B", "KB", "MB", "GB"], P = Math.floor(Math.log(x) / Math.log(M));
       return `${parseFloat((x / Math.pow(M, P)).toFixed(1))} ${A[P]}`;
     };
-    return (x, M) => (m(), g("div", {
+    return (x, M) => (m(), b("div", {
       class: "attachment-preview relative inline-block w-20 h-20 rounded-lg overflow-hidden",
       "data-testid": `attachment-preview-${e.attachment.file.name}`
     }, [
-      n.value ? (m(), g("div", eh, [
+      n.value ? (m(), b("div", eh, [
         c("img", {
           src: e.attachment.preview,
           alt: e.attachment.file.name,
           class: "w-full h-full object-cover"
         }, null, 8, th)
-      ])) : (m(), g("div", nh, [
+      ])) : (m(), b("div", nh, [
         Re(We, {
-          name: b(),
+          name: y(),
           class: "w-6 h-6 mb-1"
         }, null, 8, ["name"]),
         c("span", sh, J(h.value), 1)
       ])),
-      e.uploading ? (m(), g("div", ih, [
+      e.uploading ? (m(), b("div", ih, [
         c("div", rh, [
           Re(na, { class: "w-4 h-4 text-white" }),
           c("div", ah, J((e.progress ?? 0) > 0 ? `${Math.round(e.progress)}%` : "Sending…"), 1)
         ])
-      ])) : e.attachment.error ? (m(), g("div", oh, [
+      ])) : e.attachment.error ? (m(), b("div", oh, [
         Re(We, {
           name: "alertCircleOutline",
           class: "w-4 h-4 text-white"
         })
       ])) : K("", !0),
-      e.uploading ? K("", !0) : (m(), g("button", {
+      e.uploading ? K("", !0) : (m(), b("button", {
         key: 4,
         type: "button",
         class: "msg-btn absolute top-1 right-1 z-10 w-6 h-6 rounded-full p-0",
@@ -9217,7 +9218,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
           class: "w-3 h-3"
         })
       ], 8, lh)),
-      !e.uploading && !e.attachment.error ? (m(), g("div", ch, J(k(e.attachment.file.size)), 1)) : K("", !0)
+      !e.uploading && !e.attachment.error ? (m(), b("div", ch, J(k(e.attachment.file.size)), 1)) : K("", !0)
     ], 8, Qd));
   }
 }), dh = /* @__PURE__ */ _t(uh, [["__scopeId", "data-v-177d3c09"]]), hh = {
@@ -9320,35 +9321,35 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       return h || n[0];
     }), u = (h) => {
       o.value = h;
-    }, y = (h) => {
+    }, p = (h) => {
       i("select", h);
     };
-    return (h, w) => (m(), g("div", hh, [
+    return (h, w) => (m(), b("div", hh, [
       c("div", fh, [
-        (m(), g(ze, null, dt(n, (b) => c("button", {
-          key: b.id,
+        (m(), b(ze, null, dt(n, (y) => c("button", {
+          key: y.id,
           type: "button",
-          class: xe(["emoji-picker__category-btn", { "emoji-picker__category-btn--active": b.id === o.value }]),
-          "data-testid": `emoji-picker-category-${b.id}`,
-          "aria-label": `Show ${b.label} emojis`,
-          "aria-selected": b.id === o.value,
+          class: xe(["emoji-picker__category-btn", { "emoji-picker__category-btn--active": y.id === o.value }]),
+          "data-testid": `emoji-picker-category-${y.id}`,
+          "aria-label": `Show ${y.label} emojis`,
+          "aria-selected": y.id === o.value,
           role: "tab",
-          onClick: (k) => u(b.id)
+          onClick: (k) => u(y.id)
         }, [
-          c("span", ph, J(b.icon), 1)
+          c("span", ph, J(y.icon), 1)
         ], 10, mh)), 64))
       ]),
       c("div", vh, [
-        (m(!0), g(ze, null, dt(l.value.emojis, (b, k) => (m(), g("button", {
-          key: `${l.value.id}-${b.value}`,
+        (m(!0), b(ze, null, dt(l.value.emojis, (y, k) => (m(), b("button", {
+          key: `${l.value.id}-${y.value}`,
           type: "button",
           class: "emoji-picker__emoji-btn",
           "data-testid": `emoji-picker-option-${l.value.id}-${k}`,
-          "aria-label": `Insert ${b.label}`,
+          "aria-label": `Insert ${y.label}`,
           "aria-selected": "false",
           role: "option",
-          onClick: (x) => y(b.value)
-        }, J(b.value), 9, gh))), 128))
+          onClick: (x) => p(y.value)
+        }, J(y.value), 9, gh))), 128))
       ])
     ]));
   }
@@ -9394,7 +9395,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
   },
   emits: ["update:message", "send", "typing", "stop-typing", "attach-file", "cancel-reply"],
   setup(e, { expose: t, emit: n }) {
-    const i = e, o = It()(), l = n, u = N(), y = N(null), h = N(), w = N(null), b = N(null), k = N(null), x = N(null), M = N(i.message), A = N([]), P = N(!1), $ = N(!1), R = N(!1), U = N(!1), ae = N(""), ce = N(!1), E = N("Draft restored"), L = N(!1), ee = N(!1), ne = N(!0), B = ri();
+    const i = e, o = It()(), l = n, u = N(), p = N(null), h = N(), w = N(null), y = N(null), k = N(null), x = N(null), M = N(i.message), A = N([]), P = N(!1), $ = N(!1), R = N(!1), U = N(!1), ae = N(""), ce = N(!1), E = N("Draft restored"), L = N(!1), ee = N(!1), ne = N(!0), B = ri();
     let X = null, pe = 0, de = null, O = null, j = 0;
     const me = () => {
       de !== null && (clearTimeout(de), de = null);
@@ -9406,7 +9407,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       O !== null && (clearTimeout(O), O = null);
     }, I = () => {
       X && (clearTimeout(X), X = null);
-    }, p = () => {
+    }, v = () => {
       I(), l("stop-typing");
     }, f = C(() => {
       if (!i.replyToMessage) return "";
@@ -9553,7 +9554,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       ft instanceof Node && z.contains(ft) || ft instanceof Node && fe instanceof Node && fe.contains(ft) || Ke();
     }, wt = (_) => {
       _.key === "Escape" && R.value && (_.preventDefault(), Ke());
-    }, lt = () => y.value?.closest(".ion-page") ?? null, Ct = () => {
+    }, lt = () => p.value?.closest(".ion-page") ?? null, Ct = () => {
       const _ = lt();
       if (!_) {
         ne.value = !0;
@@ -9564,7 +9565,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     };
     let kt = null;
     Yt(async () => {
-      y.value?.addEventListener("dragenter", be), y.value?.addEventListener("dragover", He), y.value?.addEventListener("dragleave", Pe), y.value?.addEventListener("drop", zt), await ct();
+      p.value?.addEventListener("dragenter", be), p.value?.addEventListener("dragover", He), p.value?.addEventListener("dragleave", Pe), p.value?.addEventListener("drop", zt), await ct();
       const _ = De();
       _ && (Te = _.querySelector("textarea"), Te?.addEventListener("input", Ie), Te?.addEventListener("paste", Ee), W(Te), Te && (Te.style.caretColor = "var(--app-accent, #f59e0b)")), document.addEventListener("pointerdown", Ve, !0), document.addEventListener("mousedown", Ve, !0), document.addEventListener("touchstart", Ve, !0), document.addEventListener("click", Ve, !0), document.addEventListener("keydown", wt), Ct();
       const z = lt();
@@ -9575,7 +9576,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         attributeFilter: ["class", "style", "aria-hidden", "hidden"]
       }));
     }), Us(() => {
-      p(), Ke(), me(), H(), ye(), y.value?.removeEventListener("dragenter", be), y.value?.removeEventListener("dragover", He), y.value?.removeEventListener("dragleave", Pe), y.value?.removeEventListener("drop", zt), nt && (nt.dismiss().catch(() => {
+      v(), Ke(), me(), H(), ye(), p.value?.removeEventListener("dragenter", be), p.value?.removeEventListener("dragover", He), p.value?.removeEventListener("dragleave", Pe), p.value?.removeEventListener("drop", zt), nt && (nt.dismiss().catch(() => {
       }), nt = null), document.removeEventListener("pointerdown", Ve, !0), document.removeEventListener("mousedown", Ve, !0), document.removeEventListener("touchstart", Ve, !0), document.removeEventListener("click", Ve, !0), document.removeEventListener("keydown", wt), Te?.removeEventListener("input", Ie), Te?.removeEventListener("paste", Ee), kt?.disconnect(), kt = null, Te = null, B.cleanup();
     });
     const xt = (_) => {
@@ -9599,7 +9600,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     }, jt = () => {
       $.value = !0;
     }, ue = () => {
-      $.value = !1, p();
+      $.value = !1, v();
     }, te = () => {
       const _ = Date.now();
       _ - pe > Lh && (l("typing"), pe = _), I(), X = setTimeout(() => {
@@ -9611,14 +9612,14 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       })));
     }, je = async () => {
       if (q(), !Ce.value) return;
-      p(), me(), ce.value = !1;
+      v(), me(), ce.value = !1;
       const _ = M.value.trim(), z = A.value.map(($e) => $e.file), fe = A.value.map(($e) => ({ ...$e }));
       if (w.value && B.animateSendRipple(w.value), Ke(), M.value = "", A.value.length > 0) {
         P.value = !0;
         for (const $e of A.value)
           $e.uploading = !0;
       }
-      b.value && B.animateComposerReset(b.value);
+      y.value && B.animateComposerReset(y.value);
       try {
         i.onSend ? await i.onSend(_, z) : l("send", _, z), oe(), P.value = !1, A.value = [], l("attach-file", []), await Q();
       } catch ($e) {
@@ -9758,14 +9759,14 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     };
     return t({ focus: () => {
       u.value?.$el.setFocus();
-    } }), (_, z) => (m(), g(ze, null, [
+    } }), (_, z) => (m(), b(ze, null, [
       c("div", {
         ref_key: "composerRootRef",
-        ref: y,
+        ref: p,
         class: xe(["message-composer", { "message-composer--drag-active": L.value }]),
         "data-testid": "message-composer"
       }, [
-        e.replyToMessage ? (m(), g("div", _h, [
+        e.replyToMessage ? (m(), b("div", _h, [
           z[1] || (z[1] = c("div", { class: "composer-reply-bar" }, null, -1)),
           c("div", wh, [
             c("span", Ch, J(f.value), 1),
@@ -9783,9 +9784,9 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         ])) : K("", !0),
         Re(Wt, { name: "attachments-slide" }, {
           default: it(() => [
-            A.value.length > 0 ? (m(), g("div", Sh, [
+            A.value.length > 0 ? (m(), b("div", Sh, [
               c("div", Th, [
-                (m(!0), g(ze, null, dt(A.value, (fe) => (m(), st(dh, {
+                (m(!0), b(ze, null, dt(A.value, (fe) => (m(), st(dh, {
                   key: ke(fe),
                   attachment: fe,
                   uploading: fe.uploading,
@@ -9799,7 +9800,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         }),
         Re(Wt, { name: "status-fade" }, {
           default: it(() => [
-            P.value ? (m(), g("div", Mh, [
+            P.value ? (m(), b("div", Mh, [
               Re(na, { class: "w-4 h-4 mr-2" }),
               c("span", null, "Uploading " + J(ht.value) + " file" + J(ht.value !== 1 ? "s" : "") + "...", 1)
             ])) : K("", !0)
@@ -9808,7 +9809,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         }),
         Re(Wt, { name: "status-fade" }, {
           default: it(() => [
-            U.value ? (m(), g("div", xh, [
+            U.value ? (m(), b("div", xh, [
               Re(We, {
                 name: "alertCircleOutline",
                 class: "send-failed-icon"
@@ -9836,7 +9837,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         }),
         Re(Wt, { name: "draft-restored-fade" }, {
           default: it(() => [
-            ce.value ? (m(), g("div", $h, J(E.value), 1)) : K("", !0)
+            ce.value ? (m(), b("div", $h, J(E.value), 1)) : K("", !0)
           ]),
           _: 1
         }),
@@ -9856,7 +9857,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
           ], 10, Rh),
           c("div", {
             ref_key: "composerInputBubbleRef",
-            ref: b,
+            ref: y,
             class: xe(["composer-input-bubble", {
               "composer-input-bubble--focused": $.value,
               "composer-input-bubble--disabled": e.disabled,
@@ -9901,7 +9902,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                 Re(We, { name: "happyOutline" })
               ], 8, Ph),
               (m(), st(ns, { to: "body" }, [
-                R.value ? (m(), g("button", {
+                R.value ? (m(), b("button", {
                   key: 0,
                   type: "button",
                   class: "composer-emoji-backdrop",
@@ -9970,7 +9971,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     testId: { default: "unread-divider" }
   },
   setup(e) {
-    return (t, n) => (m(), g("div", {
+    return (t, n) => (m(), b("div", {
       class: "unread-divider",
       "data-testid": e.testId,
       role: "separator",
@@ -10019,7 +10020,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     minimized: { type: Boolean }
   },
   setup(e) {
-    const t = e, n = Gt(), i = ea(), o = It()(), { subscribe: l } = ll(t.conversationId), { subscribe: u, unsubscribe: y } = Yl(t.conversationId), h = N(null), w = N(null), b = N(null), k = N(null), x = N(null), M = N(""), A = N(null), P = N(!1), $ = N(!1), R = N(/* @__PURE__ */ new Set()), U = N([]), ae = N([]), ce = N(!1), E = N(!0), L = N(!1), ee = N(0), ne = N(null);
+    const t = e, n = Gt(), i = ea(), o = It()(), { subscribe: l } = ll(t.conversationId), { subscribe: u, unsubscribe: p } = Yl(t.conversationId), h = N(null), w = N(null), y = N(null), k = N(null), x = N(null), M = N(""), A = N(null), P = N(!1), $ = N(!1), R = N(/* @__PURE__ */ new Set()), U = N([]), ae = N([]), ce = N(!1), E = N(!0), L = N(!1), ee = N(0), ne = N(null);
     let B = null, X = !1, pe = 0;
     const de = C(() => `widget:${t.conversationId}`), O = ri(), j = C(() => n.getConversationById(t.conversationId)), me = C(() => {
       const D = j.value?.participants;
@@ -10045,7 +10046,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         return;
       const le = V(o.currentUser?.id);
       return D.participants.find((_e) => V(_e.user_id) !== le);
-    }), p = C(() => {
+    }), v = C(() => {
       const D = j.value;
       return D ? D.type === "group" && D.title ? D.title : I.value?.user?.name ?? "Unknown" : "Chat";
     }), f = C(() => {
@@ -10060,7 +10061,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       for (let z = 0; z < _e.length; z++)
         _ = _e.charCodeAt(z) + ((_ << 5) - _);
       return D[Math.abs(_) % D.length] ?? "#3a3a3c";
-    }), ie = C(() => Ve(p.value)), Ce = C(() => {
+    }), ie = C(() => Ve(v.value)), Ce = C(() => {
       const D = j.value;
       if (!D || D.type !== "dm") return !1;
       const le = Jn(
@@ -10340,7 +10341,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     function Rt(D) {
       const le = we.value.find((_e) => _e.id === D);
       !le || le.is_deleted || (A.value = le, ct(() => {
-        b.value?.focus?.();
+        y.value?.focus?.();
       }));
     }
     function Pt() {
@@ -10425,48 +10426,48 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       () => t.minimized,
       (D) => {
         D || (qe(), ct(() => {
-          xt(), b.value?.focus?.();
+          xt(), y.value?.focus?.();
         }), lt());
       }
     ), Yt(() => {
       Array.isArray(n.messages[t.conversationId]) && Q(), l(), u(), qe(), be.setupInfiniteObserver(), t.minimized || lt();
     }), Nt(() => {
-      ye(), ae.value = [], Z(), y(), be.destroyInfiniteObserver(), O.cleanup();
-    }), (D, le) => (m(), g("div", {
+      ye(), ae.value = [], Z(), p(), be.destroyInfiniteObserver(), O.cleanup();
+    }), (D, le) => (m(), b("div", {
       class: xe(["chat-window", {
         "chat-window--minimized": e.minimized
       }]),
       "data-testid": `chat-window-${e.conversationId}`,
-      "aria-label": `Chat with ${p.value}`,
+      "aria-label": `Chat with ${v.value}`,
       role: "dialog"
     }, [
-      e.minimized ? (m(), g("button", {
+      e.minimized ? (m(), b("button", {
         key: 0,
         class: "chat-window__minimized-btn",
         "data-testid": `chat-window-min-btn-${e.conversationId}`,
-        "aria-label": `Open chat with ${p.value}`,
+        "aria-label": `Open chat with ${v.value}`,
         onClick: At
       }, [
         c("div", Hh, [
-          f.value ? (m(), g("img", {
+          f.value ? (m(), b("img", {
             key: 0,
             src: f.value,
-            alt: p.value,
+            alt: v.value,
             class: "chat-window__minimized-avatar-img"
-          }, null, 8, Vh)) : (m(), g("div", {
+          }, null, 8, Vh)) : (m(), b("div", {
             key: 1,
             class: "chat-window__minimized-avatar-initials",
             style: rt({ backgroundColor: T.value })
           }, J(ie.value), 5)),
-          Ce.value ? (m(), g("span", Wh)) : K("", !0),
-          Se.value > 0 ? (m(), g("span", Gh, J(Se.value > 9 ? "9+" : Se.value), 1)) : K("", !0)
+          Ce.value ? (m(), b("span", Wh)) : K("", !0),
+          Se.value > 0 ? (m(), b("span", Gh, J(Se.value > 9 ? "9+" : Se.value), 1)) : K("", !0)
         ]),
         c("div", {
           role: "button",
           tabindex: "0",
           class: "chat-window__minimized-close",
           "data-testid": `chat-window-min-close-${e.conversationId}`,
-          "aria-label": `Close chat with ${p.value}`,
+          "aria-label": `Close chat with ${v.value}`,
           onClick: Ge(nt, ["stop"]),
           onKeydown: [
             Dt(Ge(nt, ["stop"]), ["enter"]),
@@ -10499,7 +10500,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
             })
           ], -1)
         ])], 40, Xh)
-      ], 8, qh)) : (m(), g(ze, { key: 1 }, [
+      ], 8, qh)) : (m(), b(ze, { key: 1 }, [
         c("div", {
           class: "chat-window__header",
           "data-testid": `chat-window-header-${e.conversationId}`
@@ -10507,25 +10508,25 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
           c("button", {
             class: "chat-window__header-user",
             "data-testid": `chat-window-toggle-user-${e.conversationId}`,
-            "aria-label": `Minimize chat with ${p.value}`,
+            "aria-label": `Minimize chat with ${v.value}`,
             onClick: At
           }, [
             c("div", Jh, [
-              f.value ? (m(), g("img", {
+              f.value ? (m(), b("img", {
                 key: 0,
                 src: f.value,
-                alt: p.value,
+                alt: v.value,
                 class: "chat-window__header-avatar-img"
-              }, null, 8, Zh)) : (m(), g("div", {
+              }, null, 8, Zh)) : (m(), b("div", {
                 key: 1,
                 class: "chat-window__header-avatar-initials",
                 style: rt({ backgroundColor: T.value })
               }, J(ie.value), 5)),
-              Ce.value ? (m(), g("span", Qh)) : K("", !0)
+              Ce.value ? (m(), b("span", Qh)) : K("", !0)
             ]),
             c("div", ef, [
-              c("span", tf, J(p.value), 1),
-              Ce.value ? (m(), g("span", nf, "Active now")) : K("", !0)
+              c("span", tf, J(v.value), 1),
+              Ce.value ? (m(), b("span", nf, "Active now")) : K("", !0)
             ])
           ], 8, Yh),
           c("div", sf, [
@@ -10603,8 +10604,8 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
             "data-testid": "chat-window-top-sentinel",
             "aria-hidden": "true"
           }, null, 512),
-          P.value ? (m(), g("div", lf, " Loading earlier messages... ")) : K("", !0),
-          (m(!0), g(ze, null, dt(we.value, (_e, _) => (m(), g(ze, {
+          P.value ? (m(), b("div", lf, " Loading earlier messages... ")) : K("", !0),
+          (m(!0), b(ze, null, dt(we.value, (_e, _) => (m(), b(ze, {
             key: _e.id
           }, [
             Mt(_) ? (m(), st(gu, {
@@ -10641,13 +10642,13 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               }, null, 8, ["message", "conversation-type", "is-own-message", "is-read-by-other", "show-avatar", "show-timestamp", "is-first-in-group", "is-last-in-group", "participant-names", "participant-avatars"])
             ], 8, cf)
           ], 64))), 128)),
-          we.value.length === 0 && !$.value ? (m(), g("div", uf, [...le[4] || (le[4] = [
+          we.value.length === 0 && !$.value ? (m(), b("div", uf, [...le[4] || (le[4] = [
             c("p", null, "Say hello!", -1)
           ])])) : K("", !0)
         ], 40, of),
         Re(Wt, { name: "chat-window-jump" }, {
           default: it(() => [
-            L.value ? (m(), g("button", {
+            L.value ? (m(), b("button", {
               key: 0,
               class: "chat-window__jump-latest",
               "data-testid": "btn-chat-window-jump-latest",
@@ -10655,12 +10656,12 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               onClick: St
             }, [
               le[5] || (le[5] = c("span", null, "Jump to latest", -1)),
-              ee.value > 0 ? (m(), g("span", df, J(ee.value > 99 ? "99+" : ee.value), 1)) : K("", !0)
+              ee.value > 0 ? (m(), b("span", df, J(ee.value > 99 ? "99+" : ee.value), 1)) : K("", !0)
             ])) : K("", !0)
           ]),
           _: 1
         }),
-        ce.value ? (m(), g("div", {
+        ce.value ? (m(), b("div", {
           key: 0,
           ref_key: "typingIndicatorRef",
           ref: x,
@@ -10682,7 +10683,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         }, [
           Re(Uh, {
             ref_key: "composerRef",
-            ref: b,
+            ref: y,
             message: M.value,
             "onUpdate:message": le[0] || (le[0] = (_e) => M.value = _e),
             "conversation-id": e.conversationId,
@@ -10739,51 +10740,51 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         return "";
       }
     }
-    const o = Gt(), l = ea(), u = It()(), { isMobile: y, windowWidth: h } = Jl();
-    function w(p) {
-      if (p.type !== "dm" || p.is_request !== !0)
+    const o = Gt(), l = ea(), u = It()(), { isMobile: p, windowWidth: h } = Jl();
+    function w(v) {
+      if (v.type !== "dm" || v.is_request !== !0)
         return !1;
-      const f = u.currentUser?.id ?? u.user?.id, T = p.created_by;
+      const f = u.currentUser?.id ?? u.user?.id, T = v.created_by;
       if (typeof T == "string" && T.length > 0)
         return T !== f;
-      const ie = f ?? null, Ce = p.participants.find((we) => we.user_id !== ie);
-      return p.last_message?.author_id === Ce?.user_id;
-    }
-    const b = C(() => {
-      const p = i(), f = Tn().messagesRoute;
-      return p === f || p.startsWith(f + "/");
-    }), k = C(() => o.requestConversations.filter((p) => w(p)).length), x = C(() => o.unreadCount + k.value), M = C(() => {
-      const p = k.value;
-      if (x.value <= 0 && p <= 0)
+      const ie = f ?? null, Ce = v.participants.find((we) => we.user_id !== ie);
+      return v.last_message?.author_id === Ce?.user_id;
+    }
+    const y = C(() => {
+      const v = i(), f = Tn().messagesRoute;
+      return v === f || v.startsWith(f + "/");
+    }), k = C(() => o.requestConversations.filter((v) => w(v)).length), x = C(() => o.unreadCount + k.value), M = C(() => {
+      const v = k.value;
+      if (x.value <= 0 && v <= 0)
         return "Open messages";
       const f = [];
-      return o.unreadCount > 0 && f.push(`${o.unreadCount} unread`), p > 0 && f.push(`${p} message request${p === 1 ? "" : "s"}`), `Open messages, ${f.join(", ")}`;
-    }), A = C(() => y.value ? !1 : !b.value && !l.panelOpen), P = C(() => y.value ? 0 : h.value < 1240 ? 1 : h.value < 1640 ? 2 : 3), $ = C(() => [...o.conversations].filter((f) => !f.is_archived).sort((f, T) => {
+      return o.unreadCount > 0 && f.push(`${o.unreadCount} unread`), v > 0 && f.push(`${v} message request${v === 1 ? "" : "s"}`), `Open messages, ${f.join(", ")}`;
+    }), A = C(() => p.value ? !1 : !y.value && !l.panelOpen), P = C(() => p.value ? 0 : h.value < 1240 ? 1 : h.value < 1640 ? 2 : 3), $ = C(() => [...o.conversations].filter((f) => !f.is_archived).sort((f, T) => {
       if (f.is_pinned && !T.is_pinned) return -1;
       if (!f.is_pinned && T.is_pinned) return 1;
       const ie = f.last_message_at ?? f.created_at, Ce = T.last_message_at ?? T.created_at;
       return new Date(Ce).getTime() - new Date(ie).getTime();
     })), R = C(() => {
-      const p = o.sortedFolders.map((f) => [f.id, f]);
-      return new Map(p);
+      const v = o.sortedFolders.map((f) => [f.id, f]);
+      return new Map(v);
     });
-    function U(p) {
-      const f = p?.avatar ?? p?.avatar_url;
+    function U(v) {
+      const f = v?.avatar ?? v?.avatar_url;
       if (!(typeof f != "string" || f.trim().length === 0))
         return f;
     }
-    function ae(p) {
-      if (typeof p != "string")
+    function ae(v) {
+      if (typeof v != "string")
         return;
-      const f = p.trim().toLowerCase();
+      const f = v.trim().toLowerCase();
       return f.length > 0 ? f : void 0;
     }
-    function ce(p) {
+    function ce(v) {
       const f = ae(u.currentUser?.id);
-      return p.participants.find((T) => ae(T.user_id) !== f);
+      return v.participants.find((T) => ae(T.user_id) !== f);
     }
     function E() {
-      if (y.value) {
+      if (p.value) {
         n?.push(Tn().messagesRoute);
         return;
       }
@@ -10793,64 +10794,64 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     function L() {
       l.closePanel(), n?.push(Tn().messagesRoute);
     }
-    function ee(p) {
-      if (y.value) {
-        l.closePanel(), l.closeAllWindows(), n?.push(`${Tn().messagesRoute}/${p.id}`);
+    function ee(v) {
+      if (p.value) {
+        l.closePanel(), l.closeAllWindows(), n?.push(`${Tn().messagesRoute}/${v.id}`);
         return;
       }
-      l.openWindow(p.id);
+      l.openWindow(v.id);
     }
     function ne() {
       l.closePanel(), n?.push(`${Tn().messagesRoute}?new=true`);
     }
-    function B(p) {
-      return p.type === "group" && p.title ? p.title : ce(p)?.user?.name ?? "Unknown";
+    function B(v) {
+      return v.type === "group" && v.title ? v.title : ce(v)?.user?.name ?? "Unknown";
     }
-    function X(p) {
-      if (p.type === "group") return;
-      const f = ce(p);
+    function X(v) {
+      if (v.type === "group") return;
+      const f = ce(v);
       return U(f?.user);
     }
-    function pe(p) {
-      const f = ["#3a3a3c", "#2a2a2c", "#f093fb", "#f5576c", "#4facfe", "#00f2fe", "#43e97b", "#fa709a"], ie = ce(p)?.user_id ?? p.id;
+    function pe(v) {
+      const f = ["#3a3a3c", "#2a2a2c", "#f093fb", "#f5576c", "#4facfe", "#00f2fe", "#43e97b", "#fa709a"], ie = ce(v)?.user_id ?? v.id;
       let Ce = 0;
       for (let Se = 0; Se < ie.length; Se++)
         Ce = ie.charCodeAt(Se) + ((Ce << 5) - Ce);
       return f[Math.abs(Ce) % f.length] ?? "#3a3a3c";
     }
-    function de(p) {
-      if (typeof p != "string") return "?";
-      const f = p.trim();
+    function de(v) {
+      if (typeof v != "string") return "?";
+      const f = v.trim();
       if (f.length === 0) return "?";
       const T = f.split(/\s+/).map((ie) => ie[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
       return T.length > 0 ? T : "?";
     }
-    function O(p) {
-      return p.last_message ? p.last_message.is_deleted ? "Message deleted" : p.last_message.attachments?.length > 0 ? "Sent an attachment" : H(p.last_message.body ?? "", 40) : "No messages yet";
+    function O(v) {
+      return v.last_message ? v.last_message.is_deleted ? "Message deleted" : v.last_message.attachments?.length > 0 ? "Sent an attachment" : H(v.last_message.body ?? "", 40) : "No messages yet";
     }
-    function j(p) {
-      const f = p.folder_id;
+    function j(v) {
+      const f = v.folder_id;
       return typeof f != "string" || f.length === 0 ? null : R.value.get(f) ?? null;
     }
-    function me(p) {
-      const f = p.folder_id;
+    function me(v) {
+      const f = v.folder_id;
       return typeof f == "string" && f.length > 0;
     }
-    function ge(p) {
-      return j(p)?.name ?? "Folder";
+    function ge(v) {
+      return j(v)?.name ?? "Folder";
     }
-    function V(p) {
-      const T = j(p)?.color;
+    function V(v) {
+      const T = j(v)?.color;
       return {
         backgroundColor: typeof T == "string" && T.length > 0 ? T : "var(--app-primary)"
       };
     }
-    function H(p, f) {
-      return p.length <= f ? p : p.slice(0, f) + "...";
+    function H(v, f) {
+      return v.length <= f ? v : v.slice(0, f) + "...";
     }
-    function I(p) {
-      if (!p) return "";
-      const f = new Date(p), ie = (/* @__PURE__ */ new Date()).getTime() - f.getTime(), Ce = Math.floor(ie / 6e4);
+    function I(v) {
+      if (!v) return "";
+      const f = new Date(v), ie = (/* @__PURE__ */ new Date()).getTime() - f.getTime(), Ce = Math.floor(ie / 6e4);
       if (Ce < 1) return "now";
       if (Ce < 60) return `${Ce}m`;
       const Se = Math.floor(Ce / 60);
@@ -10858,14 +10859,14 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       const we = Math.floor(Se / 24);
       return we < 7 ? `${we}d` : `${Math.floor(we / 7)}w`;
     }
-    return Xe(b, (p) => {
-      p && (l.closePanel(), l.closeAllWindows());
-    }), Xe(y, (p) => {
-      p && l.closeAllWindows();
-    }, { immediate: !0 }), Xe(P, (p) => {
-      p <= 0 || l.setMaxWindows(p);
-    }, { immediate: !0 }), (p, f) => (m(), st(ns, { to: "body" }, [
-      A.value ? (m(), g("button", {
+    return Xe(y, (v) => {
+      v && (l.closePanel(), l.closeAllWindows());
+    }), Xe(p, (v) => {
+      v && l.closeAllWindows();
+    }, { immediate: !0 }), Xe(P, (v) => {
+      v <= 0 || l.setMaxWindows(v);
+    }, { immediate: !0 }), (v, f) => (m(), st(ns, { to: "body" }, [
+      A.value ? (m(), b("button", {
         key: 0,
         "data-testid": "chat-widget-button",
         class: xe(["chat-widget-fab", { "chat-widget-fab--has-unread": x.value > 0 }]),
@@ -10886,17 +10887,17 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         }, [
           c("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
         ], -1)),
-        x.value > 0 ? (m(), g("span", {
+        x.value > 0 ? (m(), b("span", {
           key: 0,
           class: "chat-widget-fab__badge",
           "data-testid": "chat-widget-badge",
           "aria-label": `${x.value} unread messages`
         }, J(x.value > 99 ? "99+" : x.value), 9, bf)) : K("", !0)
       ], 10, gf)) : K("", !0),
-      Lt(l).panelOpen && !b.value ? (m(), g("div", {
+      Lt(l).panelOpen && !y.value ? (m(), b("div", {
         key: 1,
         "data-testid": "chat-widget-panel",
-        class: xe(["chat-widget-panel", { "chat-widget-panel--mobile": Lt(y) }]),
+        class: xe(["chat-widget-panel", { "chat-widget-panel--mobile": Lt(p) }]),
         role: "dialog",
         "aria-label": "Messages"
       }, [
@@ -10980,8 +10981,8 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
           ], -1)
         ])]),
         c("div", _f, [
-          Lt(o).loading && $.value.length === 0 ? (m(), g("div", wf, [
-            (m(), g(ze, null, dt(5, (T) => c("div", {
+          Lt(o).loading && $.value.length === 0 ? (m(), b("div", wf, [
+            (m(), b(ze, null, dt(5, (T) => c("div", {
               key: T,
               class: "chat-widget-panel__skeleton"
             }, [...f[7] || (f[7] = [
@@ -10991,8 +10992,8 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                 c("div", { class: "chat-widget-panel__skeleton-line chat-widget-panel__skeleton-line--msg" })
               ], -1)
             ])])), 64))
-          ])) : $.value.length > 0 ? (m(), g("div", Cf, [
-            (m(!0), g(ze, null, dt($.value, (T) => (m(), g("div", {
+          ])) : $.value.length > 0 ? (m(), b("div", Cf, [
+            (m(!0), b(ze, null, dt($.value, (T) => (m(), b("div", {
               key: T.id,
               class: xe(["chat-widget-panel__item", { "chat-widget-panel__item--unread": T.unread_count > 0 }]),
               "data-testid": `chat-widget-conv-${T.id}`,
@@ -11006,24 +11007,24 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               ]
             }, [
               c("div", Sf, [
-                X(T) ? (m(), g("img", {
+                X(T) ? (m(), b("img", {
                   key: 0,
                   src: X(T),
                   alt: B(T),
                   class: "chat-widget-panel__item-avatar-img"
-                }, null, 8, Tf)) : (m(), g("div", {
+                }, null, 8, Tf)) : (m(), b("div", {
                   key: 1,
                   class: "chat-widget-panel__item-avatar-initials",
                   style: rt({ backgroundColor: pe(T) })
                 }, J(de(B(T))), 5)),
-                T.type === "dm" && T.other_presence_status && T.other_presence_status !== "offline" ? (m(), g("span", Mf)) : K("", !0),
-                T.unread_count > 0 ? (m(), g("span", xf)) : K("", !0)
+                T.type === "dm" && T.other_presence_status && T.other_presence_status !== "offline" ? (m(), b("span", Mf)) : K("", !0),
+                T.unread_count > 0 ? (m(), b("span", xf)) : K("", !0)
               ]),
               c("div", Ef, [
                 c("div", $f, [
                   c("div", Af, [
                     c("span", Rf, J(B(T)), 1),
-                    me(T) ? (m(), g("span", {
+                    me(T) ? (m(), b("span", {
                       key: 0,
                       "data-testid": `chat-widget-folder-indicator-${T.id}`,
                       class: "chat-widget-panel__item-folder-indicator",
@@ -11041,7 +11042,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                 c("div", Lf, J(O(T)), 1)
               ])
             ], 42, kf))), 128))
-          ])) : (m(), g("div", Of, [
+          ])) : (m(), b("div", Of, [
             f[8] || (f[8] = c("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "40",
@@ -11066,14 +11067,14 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
           ]))
         ])
       ], 2)) : K("", !0),
-      Lt(l).panelOpen && Lt(y) && !b.value ? (m(), g("div", {
+      Lt(l).panelOpen && Lt(p) && !y.value ? (m(), b("div", {
         key: 2,
         class: "chat-widget-backdrop",
         "data-testid": "chat-widget-backdrop",
         onClick: f[1] || (f[1] = (T) => Lt(l).closePanel())
       })) : K("", !0),
-      !b.value && !Lt(y) && Lt(l).openWindows.length > 0 ? (m(), g("div", Df, [
-        (m(!0), g(ze, null, dt(Lt(l).openWindows, (T) => (m(), st(vf, {
+      !y.value && !Lt(p) && Lt(l).openWindows.length > 0 ? (m(), b("div", Df, [
+        (m(!0), b(ze, null, dt(Lt(l).openWindows, (T) => (m(), st(vf, {
           key: T.conversationId,
           "conversation-id": T.conversationId,
           minimized: T.minimized
@@ -11106,19 +11107,19 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     function u() {
       l();
     }
-    function y(h) {
+    function p(h) {
       h.key === "Escape" && o.value && l();
     }
     return Xe(o, (h) => {
       h ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
     }), Yt(() => {
-      document.addEventListener("keydown", y);
+      document.addEventListener("keydown", p);
     }), Nt(() => {
-      document.removeEventListener("keydown", y), document.body.style.overflow = "";
+      document.removeEventListener("keydown", p), document.body.style.overflow = "";
     }), (h, w) => (m(), st(ns, { to: "body" }, [
       Re(Wt, { name: "messenger-modal" }, {
         default: it(() => [
-          o.value ? (m(), g("div", {
+          o.value ? (m(), b("div", {
             key: 0,
             class: "messenger-modal-overlay",
             "data-test-id": h.$attrs["data-test-id"],
@@ -11134,7 +11135,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               "aria-modal": "true",
               "aria-label": e.title
             }, [
-              h.$slots.header || e.title ? (m(), g("div", zf, [
+              h.$slots.header || e.title ? (m(), b("div", zf, [
                 Vn(h.$slots, "header", {}, () => [
                   c("h2", jf, J(e.title), 1),
                   c("button", {
@@ -11173,19 +11174,19 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                   Vn(h.$slots, "default")
                 ])
               ]),
-              h.$slots.footer || e.showConfirm || e.showCancel ? (m(), g("div", qf, [
+              h.$slots.footer || e.showConfirm || e.showCancel ? (m(), b("div", qf, [
                 Vn(h.$slots, "footer", {}, () => [
-                  e.showCancel ? (m(), g("button", {
+                  e.showCancel ? (m(), b("button", {
                     key: 0,
                     class: "messenger-modal-btn messenger-modal-btn--cancel",
                     type: "button",
                     onClick: l
                   }, " Cancel ")) : K("", !0),
-                  e.showConfirm ? (m(), g("button", {
+                  e.showConfirm ? (m(), b("button", {
                     key: 1,
                     class: "messenger-modal-btn messenger-modal-btn--confirm",
                     type: "button",
-                    onClick: w[0] || (w[0] = (b) => h.$emit("confirm"))
+                    onClick: w[0] || (w[0] = (y) => h.$emit("confirm"))
                   }, " Confirm ")) : K("", !0)
                 ])
               ])) : K("", !0)
@@ -11255,7 +11256,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
   },
   emits: ["click", "folder-assigned", "request-create-folder", "archive-toggled"],
   setup(e, { emit: t }) {
-    const n = e, i = t, o = Gt(), l = It()(), u = C(() => l.user), y = N(!1), h = N(!1), w = N(!1), b = N(!1), k = N(!1), x = N(!1), M = C(() => n.conversation.is_request === !0), A = C(() => {
+    const n = e, i = t, o = Gt(), l = It()(), u = C(() => l.user), p = N(!1), h = N(!1), w = N(!1), y = N(!1), k = N(!1), x = N(!1), M = C(() => n.conversation.is_request === !0), A = C(() => {
       if (!M.value || n.conversation.type !== "dm") return !1;
       const F = n.conversation.created_by;
       if (typeof F == "string" && F.length > 0)
@@ -11274,8 +11275,8 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       ".msg-action-sheet-overlay.conversation-folder-sheet",
       ".msg-action-sheet-overlay.conversation-folder-create-sheet"
     ].join(", "), X = () => {
-      b.value || (b.value = !0), E !== null && clearTimeout(E), E = setTimeout(() => {
-        b.value = !1, E = null;
+      y.value || (y.value = !0), E !== null && clearTimeout(E), E = setTimeout(() => {
+        y.value = !1, E = null;
       }, fm);
     }, pe = () => {
       k.value || (k.value = !0), L !== null && clearTimeout(L), L = setTimeout(() => {
@@ -11312,7 +11313,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         ]);
       } catch {
       }
-    }, p = async (F) => {
+    }, v = async (F) => {
       if (F !== null) {
         try {
           await F.dismiss();
@@ -11325,7 +11326,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         typeof F.remove == "function" && F.remove();
       }
     }, f = async (F) => {
-      await p(F);
+      await v(F);
     }, T = () => {
       ne !== null && (clearTimeout(ne), ne = null);
     }, ie = (F) => {
@@ -11574,7 +11575,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         document.querySelectorAll(".msg-alert-overlay.conversation-delete-alert")
       );
       for (const re of F)
-        await p(re);
+        await v(re);
       w.value = !0;
     }, Be = async () => {
       try {
@@ -11584,13 +11585,13 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     }, Q = async () => {
       await Be();
     }, W = async () => {
-      y.value = !0;
+      p.value = !0;
       try {
         await o.acceptRequest(n.conversation.id), tt("Message request accepted", "success");
       } catch {
         tt("Failed to accept request", "error");
       } finally {
-        y.value = !1;
+        p.value = !1;
       }
     }, q = async () => {
       const F = await ku.create({
@@ -11787,7 +11788,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       }
     ), Us(() => {
       R !== null && (clearTimeout(R), R = null), E !== null && (clearTimeout(E), E = null), L !== null && (clearTimeout(L), L = null), ee !== null && (clearTimeout(ee), ee = null), T();
-    }), (F, re) => (m(), g("button", {
+    }), (F, re) => (m(), b("button", {
       type: "button",
       "data-testid": `conversation-${e.conversation.id}`,
       class: xe(["conversation-row", {
@@ -11795,7 +11796,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         "conversation-row--pinned": e.conversation.is_pinned,
         "conversation-row--selected": e.isSelected,
         "conversation-row--request": M.value,
-        "conversation-row--activity-pulse": b.value
+        "conversation-row--activity-pulse": y.value
       }]),
       "aria-label": $.value,
       role: "listitem",
@@ -11807,40 +11808,40 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       onTouchcancel: me
     }, [
       c("div", Xf, [
-        e.conversation.type === "dm" ? (m(), g(ze, { key: 0 }, [
-          Pe.value?.avatar ? (m(), g("img", {
+        e.conversation.type === "dm" ? (m(), b(ze, { key: 0 }, [
+          Pe.value?.avatar ? (m(), b("img", {
             key: 0,
             src: Pe.value.avatar,
             alt: Pe.value.name || "User",
             class: "conversation-avatar__img"
-          }, null, 8, Kf)) : (m(), g("div", {
+          }, null, 8, Kf)) : (m(), b("div", {
             key: 1,
             class: "conversation-avatar__initials",
             style: rt({ backgroundColor: ue.value })
           }, J(xt.value), 5))
-        ], 64)) : (m(), g("div", Yf, [
-          (m(!0), g(ze, null, dt(Z.value, (ke, Le) => (m(), g(ze, {
+        ], 64)) : (m(), b("div", Yf, [
+          (m(!0), b(ze, null, dt(Z.value, (ke, Le) => (m(), b(ze, {
             key: ke.user_id
           }, [
-            ke.user?.avatar ? (m(), g("img", {
+            ke.user?.avatar ? (m(), b("img", {
               key: 0,
               src: ke.user.avatar,
               alt: ke.user.name || "User",
               class: xe(["conversation-avatar__group-img", Le === 0 ? "conversation-avatar__group-img--first" : "conversation-avatar__group-img--second"])
-            }, null, 10, Jf)) : (m(), g("div", {
+            }, null, 10, Jf)) : (m(), b("div", {
               key: 1,
               class: xe(["conversation-avatar__group-initials", Le === 0 ? "conversation-avatar__group-img--first" : "conversation-avatar__group-img--second"]),
               style: rt({ backgroundColor: te(ke.user_id) })
             }, J(kt(ke.user?.name)), 7))
           ], 64))), 128))
         ])),
-        wt.value ? (m(), g("span", {
+        wt.value ? (m(), b("span", {
           key: 2,
           class: xe(["conversation-avatar__badge", { "conversation-avatar__badge--pulse": k.value }]),
           "data-testid": `unread-badge-${e.conversation.id}`,
           "aria-label": `${e.conversation.unread_count} unread messages`
         }, J(e.conversation.unread_count > 99 ? "99+" : e.conversation.unread_count), 11, Zf)) : K("", !0),
-        e.conversation.type === "dm" && lt.value !== "offline" ? (m(), g("span", {
+        e.conversation.type === "dm" && lt.value !== "offline" ? (m(), b("span", {
           key: 3,
           class: xe(["conversation-avatar__presence", `conversation-avatar__presence--${lt.value}`]),
           "data-testid": `presence-${e.conversation.id}`,
@@ -11859,7 +11860,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
             c("span", {
               class: xe(["conversation-content__name", { "font-bold": wt.value }])
             }, J(Ke.value), 3),
-            Mt.value ? (m(), g("span", {
+            Mt.value ? (m(), b("span", {
               key: 1,
               "data-testid": `folder-indicator-${e.conversation.id}`,
               class: "conversation-content__folder-indicator",
@@ -11878,7 +11879,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         c("div", {
           class: xe(["conversation-content__bottom", { "conversation-content__bottom--pulse": x.value }])
         }, [
-          P.value ? (m(), g("span", {
+          P.value ? (m(), b("span", {
             key: 0,
             class: "conversation-content__request-sent",
             "data-testid": `request-sent-${e.conversation.id}`
@@ -11888,8 +11889,8 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               class: "conversation-content__request-sent-icon"
             }),
             re[1] || (re[1] = yt(" Request sent ", -1))
-          ], 8, am)) : (m(), g(ze, { key: 1 }, [
-            je.value.length > 0 ? (m(), g("span", {
+          ], 8, am)) : (m(), b(ze, { key: 1 }, [
+            je.value.length > 0 ? (m(), b("span", {
               key: 0,
               class: xe(["conversation-content__typing", { "conversation-content__typing--pulse": x.value }]),
               "data-testid": `typing-indicator-${e.conversation.id}`,
@@ -11901,7 +11902,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                 c("span", { class: "typing-dot" })
               ], -1)),
               yt(" " + J(et.value), 1)
-            ], 10, om)) : (m(), g("span", {
+            ], 10, om)) : (m(), b("span", {
               key: 1,
               class: xe(["conversation-content__preview", {
                 "conversation-content__preview--unread": wt.value,
@@ -11924,7 +11925,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
             })) : K("", !0)
           ])
         ], 2),
-        A.value ? (m(), g("div", {
+        A.value ? (m(), b("div", {
           key: 0,
           class: "conversation-content__request-actions",
           "data-testid": `request-actions-${e.conversation.id}`
@@ -11933,7 +11934,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
             class: "conversation-request-btn conversation-request-btn--accept",
             "data-testid": `btn-accept-request-${e.conversation.id}`,
             "aria-label": "Accept message request",
-            disabled: y.value || h.value,
+            disabled: p.value || h.value,
             onClick: Ge(W, ["stop"])
           }, [
             Re(We, { name: "checkmarkOutline" }),
@@ -11943,7 +11944,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
             class: "conversation-request-btn conversation-request-btn--decline",
             "data-testid": `btn-decline-request-${e.conversation.id}`,
             "aria-label": "Decline message request",
-            disabled: y.value || h.value,
+            disabled: p.value || h.value,
             onClick: Ge(q, ["stop"])
           }, [
             Re(We, { name: "closeOutline" }),
@@ -11966,7 +11967,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
 }), jg = /* @__PURE__ */ _t(ym, [["__scopeId", "data-v-a3560a6c"]]), _m = { class: "flex mb-4 animate-pulse" }, wm = /* @__PURE__ */ at({
   __name: "MessageSkeleton",
   setup(e) {
-    return (t, n) => (m(), g("div", _m, [...n[0] || (n[0] = [
+    return (t, n) => (m(), b("div", _m, [...n[0] || (n[0] = [
       eo('<div class="w-8 h-8 mr-2 flex-shrink-0" data-v-2e6a7887><div class="skeleton-avatar w-full h-full rounded-full" data-v-2e6a7887></div></div><div class="flex-1" data-v-2e6a7887><div class="skeleton-bubble max-w-xs rounded-lg p-3" data-v-2e6a7887><div class="space-y-2" data-v-2e6a7887><div class="skeleton-line h-3 rounded w-3/4" data-v-2e6a7887></div><div class="skeleton-line h-3 rounded w-1/2" data-v-2e6a7887></div></div></div><div class="mt-1" data-v-2e6a7887><div class="skeleton-timestamp h-2 rounded w-12" data-v-2e6a7887></div></div></div>', 2)
     ])]));
   }
@@ -11977,7 +11978,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
   },
   setup(e) {
     const t = e, n = ["100px", "130px", "110px", "140px", "95px"], i = ["180px", "220px", "160px", "240px", "200px"], o = C(() => n[t.index % n.length] ?? "120px"), l = C(() => i[t.index % i.length] ?? "200px");
-    return (u, y) => (m(), g("div", {
+    return (u, p) => (m(), b("div", {
       class: "skeleton-row",
       style: rt({ animationDelay: `${e.index * 80}ms` }),
       "data-testid": "skeleton-conversation",
@@ -12022,14 +12023,14 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (t, n) => (m(), g("label", {
+    return (t, n) => (m(), b("label", {
       class: "messenger-toggle",
       "data-testid": e.testId || void 0,
       "aria-label": e.ariaLabel || e.label
     }, [
       c("div", Mm, [
-        e.label ? (m(), g("span", xm, J(e.label), 1)) : K("", !0),
-        e.description ? (m(), g("span", Em, J(e.description), 1)) : K("", !0)
+        e.label ? (m(), b("span", xm, J(e.label), 1)) : K("", !0),
+        e.description ? (m(), b("span", Em, J(e.description), 1)) : K("", !0)
       ]),
       c("button", {
         type: "button",
@@ -12136,7 +12137,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
   },
   emits: ["close"],
   setup(e, { emit: t }) {
-    const n = e, i = t, o = Gt(), l = It()(), u = ss(), y = C(() => l.user?.id ?? ""), h = C(() => n.conversation?.type === "group"), w = C(() => n.conversation?.participants ?? []), b = N({}), k = N(Date.now());
+    const n = e, i = t, o = Gt(), l = It()(), u = ss(), p = C(() => l.user?.id ?? ""), h = C(() => n.conversation?.type === "group"), w = C(() => n.conversation?.participants ?? []), y = N({}), k = N(Date.now());
     let x = null, M = null;
     const A = () => {
       M !== null && (clearInterval(M), M = null);
@@ -12147,7 +12148,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         k.value = Date.now();
       }, Op);
     }, R = async () => {
-      const ue = w.value.filter((te) => te.user_id !== y.value).map((te) => te.user_id);
+      const ue = w.value.filter((te) => te.user_id !== p.value).map((te) => te.user_id);
       if (ue.length !== 0)
         try {
           const te = await Ne().get("/v1/presence/users", {
@@ -12160,12 +12161,12 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               lastSeenAt: nt.lastSeenAt
             };
           }
-          b.value = je;
+          y.value = je;
         } catch {
         }
     }, U = (ue) => {
-      if (ue === y.value) return "online";
-      const te = b.value[ue];
+      if (ue === p.value) return "online";
+      const te = y.value[ue];
       return te ? Jn(te.status, te.lastSeenAt, {
         now: k.value
       }) ?? "offline" : "offline";
@@ -12182,7 +12183,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       }
     }, ce = (ue) => ae(U(ue)), E = C(() => {
       const ue = pe.value?.user_id;
-      return ue && b.value[ue] ? U(ue) : Jn(
+      return ue && y.value[ue] ? U(ue) : Jn(
         n.conversation?.other_presence_status ?? null,
         n.conversation?.other_last_seen_at ?? null,
         {
@@ -12192,8 +12193,8 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     }), L = C(() => ae(E.value)), ee = C(() => E.value === "online" ? "Active now" : L.value), ne = C(() => w.value.filter(
       (ue) => U(ue.user_id) !== "offline"
     ).length), B = C(
-      () => w.value.find((ue) => ue.user_id === y.value)
-    ), X = C(() => B.value?.role === "admin"), pe = C(() => h.value ? null : w.value.find((ue) => ue.user_id !== y.value)), de = C(() => {
+      () => w.value.find((ue) => ue.user_id === p.value)
+    ), X = C(() => B.value?.role === "admin"), pe = C(() => h.value ? null : w.value.find((ue) => ue.user_id !== p.value)), de = C(() => {
       const ue = pe.value;
       if (!ue)
         return null;
@@ -12208,8 +12209,8 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     }, ge = async (ue) => {
       const Z = ue.user?.handle?.trim() || ue.user?.id || ue.user_id;
       !Z || Z.trim().length === 0 || (i("close"), await u.push(`/profile/${Z}`));
-    }, V = C(() => [...w.value].sort((te, Z) => te.user_id === y.value ? -1 : Z.user_id === y.value ? 1 : te.role === "admin" && Z.role !== "admin" ? -1 : te.role !== "admin" && Z.role === "admin" ? 1 : (te.user?.name ?? "").localeCompare(Z.user?.name ?? ""))), H = N(null), I = N(null), p = N(""), f = C(() => H.value === "remove-member" ? "Remove Member" : H.value === "delete-conversation" ? "Delete Conversation" : "Leave Group"), T = C(() => H.value === "remove-member" ? `Remove ${p.value || "this member"} from the group?` : H.value === "delete-conversation" ? "Delete this conversation from your inbox? This action cannot be undone." : "Are you sure you want to leave this group? You won't be able to see its messages anymore."), ie = C(() => H.value === "remove-member" ? "Remove" : H.value === "delete-conversation" ? "Delete" : "Leave"), Ce = C(() => H.value === "remove-member" ? `Confirm removal of ${p.value || "member"}` : H.value === "delete-conversation" ? "Confirm deleting conversation" : "Confirm leaving group"), Se = () => {
-      H.value = null, I.value = null, p.value = "";
+    }, V = C(() => [...w.value].sort((te, Z) => te.user_id === p.value ? -1 : Z.user_id === p.value ? 1 : te.role === "admin" && Z.role !== "admin" ? -1 : te.role !== "admin" && Z.role === "admin" ? 1 : (te.user?.name ?? "").localeCompare(Z.user?.name ?? ""))), H = N(null), I = N(null), v = N(""), f = C(() => H.value === "remove-member" ? "Remove Member" : H.value === "delete-conversation" ? "Delete Conversation" : "Leave Group"), T = C(() => H.value === "remove-member" ? `Remove ${v.value || "this member"} from the group?` : H.value === "delete-conversation" ? "Delete this conversation from your inbox? This action cannot be undone." : "Are you sure you want to leave this group? You won't be able to see its messages anymore."), ie = C(() => H.value === "remove-member" ? "Remove" : H.value === "delete-conversation" ? "Delete" : "Leave"), Ce = C(() => H.value === "remove-member" ? `Confirm removal of ${v.value || "member"}` : H.value === "delete-conversation" ? "Confirm deleting conversation" : "Confirm leaving group"), Se = () => {
+      H.value = null, I.value = null, v.value = "";
     }, we = () => {
       if (H.value === "remove-member" && I.value) {
         const ue = I.value;
@@ -12254,7 +12255,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       const te = ue.trim().split(/\s+/);
       return te.length >= 2 ? ((te[0]?.[0] ?? "") + (te[te.length - 1]?.[0] ?? "")).toUpperCase() : ue.substring(0, 2).toUpperCase();
     }, oe = C(
-      () => w.value.filter((ue) => ue.user_id !== y.value).slice(0, 3)
+      () => w.value.filter((ue) => ue.user_id !== p.value).slice(0, 3)
     ), se = (ue) => ["cim-avatar--first", "cim-avatar--second", "cim-avatar--third"][ue] ?? "", ye = N(!1), ve = N(""), Te = N(null), De = () => {
       ve.value = n.conversation?.title ?? "", ye.value = !0, ct(() => {
         Te.value?.focus(), Te.value?.select();
@@ -12272,7 +12273,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
           tt("Failed to update group name", "error");
         }
     }, W = (ue) => {
-      I.value = ue.user_id, p.value = ue.user?.name || "this member", H.value = "remove-member";
+      I.value = ue.user_id, v.value = ue.user?.name || "this member", H.value = "remove-member";
     }, q = async (ue) => {
       if (n.conversation)
         try {
@@ -12287,7 +12288,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     }, be = async () => {
       if (n.conversation)
         try {
-          await o.removeParticipant(n.conversation.id, y.value), tt("You left the group", "success"), window.location.href = "/messages";
+          await o.removeParticipant(n.conversation.id, p.value), tt("You left the group", "success"), window.location.href = "/messages";
         } catch {
           tt("Failed to leave group", "error");
         }
@@ -12328,7 +12329,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         Mt.value = Z.map((et) => {
           const nt = et.id || "", At = et.doc && !Array.isArray(et.doc) ? et.doc : null, Rt = et.author_name || At?.name || "Unknown", Pt = et.author_handle || At?.handle, qt = et.author_avatar || At?.avatar, F = { id: nt, name: Rt };
           return Pt && (F.handle = Pt), qt && (F.avatar = qt), F;
-        }).filter((et) => !je.has(et.id) && et.id !== y.value);
+        }).filter((et) => !je.has(et.id) && et.id !== p.value);
       } catch {
         Mt.value = [];
       } finally {
@@ -12359,8 +12360,8 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     }), Xe(() => n.isOpen, (ue) => {
       ue ? ($(), R(), A(), M = setInterval(() => {
         R();
-      }, Dp)) : (P(), A(), ye.value = !1, Ke.value = !1, Se(), pt.value = "", Mt.value = [], Ve.value = [], b.value = {});
-    }, { immediate: !0 }), (ue, te) => (m(), g(ze, null, [
+      }, Dp)) : (P(), A(), ye.value = !1, Ke.value = !1, Se(), pt.value = "", Mt.value = [], Ve.value = [], y.value = {});
+    }, { immediate: !0 }), (ue, te) => (m(), b(ze, null, [
       Re(hn, {
         "model-value": e.isOpen,
         title: h.value ? "Group Info" : "Conversation Info",
@@ -12376,35 +12377,35 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       }, {
         body: it(() => [
           c("div", Pm, [
-            h.value ? (m(), g("div", Im, [
-              (m(!0), g(ze, null, dt(oe.value, (Z, je) => (m(), g(ze, {
+            h.value ? (m(), b("div", Im, [
+              (m(!0), b(ze, null, dt(oe.value, (Z, je) => (m(), b(ze, {
                 key: Z.user_id
               }, [
-                Z.user?.avatar ? (m(), g("img", {
+                Z.user?.avatar ? (m(), b("img", {
                   key: 0,
                   src: Z.user.avatar,
                   alt: Z.user.name || "User",
                   class: xe(["cim-profile__avatar-img", se(je)])
-                }, null, 10, Lm)) : (m(), g("div", {
+                }, null, 10, Lm)) : (m(), b("div", {
                   key: 1,
                   class: xe(["cim-profile__avatar-initials", se(je)]),
                   style: rt({ backgroundColor: Ze(Z.user_id) })
                 }, J(ht(Z.user?.name)), 7))
               ], 64))), 128))
-            ])) : (m(), g("div", Om, [
-              pe.value?.user?.avatar ? (m(), g("img", {
+            ])) : (m(), b("div", Om, [
+              pe.value?.user?.avatar ? (m(), b("img", {
                 key: 0,
                 src: pe.value.user.avatar,
                 alt: pe.value.user.name || "User",
                 class: "cim-profile__avatar-single-img"
-              }, null, 8, Dm)) : (m(), g("div", {
+              }, null, 8, Dm)) : (m(), b("div", {
                 key: 1,
                 class: "cim-profile__avatar-single-initials",
                 style: rt({ backgroundColor: Ze(pe.value?.user_id ?? "") })
               }, J(ht(pe.value?.user?.name)), 5))
             ])),
             c("div", Um, [
-              h.value && ye.value ? (m(), g(ze, { key: 0 }, [
+              h.value && ye.value ? (m(), b(ze, { key: 0 }, [
                 un(c("input", {
                   ref_key: "titleInput",
                   ref: Te,
@@ -12434,9 +12435,9 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                     onClick: Be
                   }, " Cancel ")
                 ])
-              ], 64)) : (m(), g(ze, { key: 1 }, [
+              ], 64)) : (m(), b(ze, { key: 1 }, [
                 c("h3", Fm, J(j.value), 1),
-                h.value && X.value ? (m(), g("button", {
+                h.value && X.value ? (m(), b("button", {
                   key: 0,
                   class: "cim-edit-btn",
                   "data-testid": "btn-edit-group-title",
@@ -12459,12 +12460,12 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                 ])])) : K("", !0)
               ], 64))
             ]),
-            h.value ? (m(), g("p", Nm, [
+            h.value ? (m(), b("p", Nm, [
               yt(J(w.value.length) + " member" + J(w.value.length !== 1 ? "s" : "") + " ", 1),
-              ne.value > 0 ? (m(), g("span", zm, " · " + J(ne.value) + " online ", 1)) : K("", !0)
-            ])) : pe.value?.user?.handle ? (m(), g("p", jm, " @" + J(pe.value.user.handle), 1)) : K("", !0),
-            !h.value && pe.value ? (m(), g("div", Bm, [
-              E.value !== "offline" ? (m(), g("span", {
+              ne.value > 0 ? (m(), b("span", zm, " · " + J(ne.value) + " online ", 1)) : K("", !0)
+            ])) : pe.value?.user?.handle ? (m(), b("p", jm, " @" + J(pe.value.user.handle), 1)) : K("", !0),
+            !h.value && pe.value ? (m(), b("div", Bm, [
+              E.value !== "offline" ? (m(), b("span", {
                 key: 0,
                 class: xe(["cim-profile__presence", `cim-profile__presence--${E.value}`]),
                 "data-testid": "conversation-info-presence",
@@ -12473,10 +12474,10 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               c("span", Hm, J(ee.value), 1)
             ])) : K("", !0)
           ]),
-          h.value ? (m(), g("div", Vm, [
+          h.value ? (m(), b("div", Vm, [
             c("div", Wm, [
               te[10] || (te[10] = c("h4", { class: "cim-section__title" }, " Members ", -1)),
-              X.value ? (m(), g("button", {
+              X.value ? (m(), b("button", {
                 key: 0,
                 class: "cim-add-btn",
                 "data-testid": "btn-add-members",
@@ -12515,31 +12516,31 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               ])])) : K("", !0)
             ]),
             c("div", Gm, [
-              (m(!0), g(ze, null, dt(V.value, (Z) => (m(), g("div", {
+              (m(!0), b(ze, null, dt(V.value, (Z) => (m(), b("div", {
                 key: Z.user_id,
-                class: xe(["cim-member", { "cim-member--clickable": Z.user_id !== y.value }]),
+                class: xe(["cim-member", { "cim-member--clickable": Z.user_id !== p.value }]),
                 "data-testid": `member-${Z.user_id}`,
-                role: Z.user_id !== y.value ? "button" : void 0,
-                tabindex: Z.user_id !== y.value ? 0 : void 0,
-                "aria-label": Z.user_id !== y.value ? `View ${Z.user?.name || "member"}'s profile` : void 0,
-                onClick: (je) => Z.user_id !== y.value ? ge(Z) : void 0,
+                role: Z.user_id !== p.value ? "button" : void 0,
+                tabindex: Z.user_id !== p.value ? 0 : void 0,
+                "aria-label": Z.user_id !== p.value ? `View ${Z.user?.name || "member"}'s profile` : void 0,
+                onClick: (je) => Z.user_id !== p.value ? ge(Z) : void 0,
                 onKeydown: [
-                  Dt((je) => Z.user_id !== y.value ? ge(Z) : void 0, ["enter"]),
-                  Dt(Ge((je) => Z.user_id !== y.value ? ge(Z) : void 0, ["prevent"]), ["space"])
+                  Dt((je) => Z.user_id !== p.value ? ge(Z) : void 0, ["enter"]),
+                  Dt(Ge((je) => Z.user_id !== p.value ? ge(Z) : void 0, ["prevent"]), ["space"])
                 ]
               }, [
                 c("div", Km, [
-                  Z.user?.avatar ? (m(), g("img", {
+                  Z.user?.avatar ? (m(), b("img", {
                     key: 0,
                     src: Z.user.avatar,
                     alt: Z.user.name || "User",
                     class: "cim-member__avatar-img"
-                  }, null, 8, Ym)) : (m(), g("div", {
+                  }, null, 8, Ym)) : (m(), b("div", {
                     key: 1,
                     class: "cim-member__avatar-initials",
                     style: rt({ backgroundColor: Ze(Z.user_id) })
                   }, J(ht(Z.user?.name)), 5)),
-                  U(Z.user_id) !== "offline" ? (m(), g("span", {
+                  U(Z.user_id) !== "offline" ? (m(), b("span", {
                     key: 2,
                     class: xe(["cim-member__presence", `cim-member__presence--${U(Z.user_id)}`]),
                     "data-testid": `presence-${Z.user_id}`,
@@ -12549,12 +12550,12 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                 c("div", Zm, [
                   c("div", Qm, [
                     c("span", ep, J(Z.user?.name || "Unknown User"), 1),
-                    Z.user_id === y.value ? (m(), g("span", tp, " You ")) : K("", !0),
-                    Z.role === "admin" ? (m(), g("span", np, " Admin ")) : K("", !0)
+                    Z.user_id === p.value ? (m(), b("span", tp, " You ")) : K("", !0),
+                    Z.role === "admin" ? (m(), b("span", np, " Admin ")) : K("", !0)
                   ]),
-                  Z.user?.handle ? (m(), g("span", sp, " @" + J(Z.user.handle), 1)) : K("", !0)
+                  Z.user?.handle ? (m(), b("span", sp, " @" + J(Z.user.handle), 1)) : K("", !0)
                 ]),
-                X.value && Z.user_id !== y.value ? (m(), g("button", {
+                X.value && Z.user_id !== p.value ? (m(), b("button", {
                   key: 0,
                   class: "cim-remove-btn",
                   "data-testid": n.isOpen ? `btn-remove-member-${Z.user_id}` : void 0,
@@ -12576,12 +12577,12 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               ], 42, Xm))), 128))
             ])
           ])) : K("", !0),
-          !h.value && pe.value ? (m(), g("div", rp, [
+          !h.value && pe.value ? (m(), b("div", rp, [
             te[12] || (te[12] = c("h4", { class: "cim-section__title" }, " About ", -1)),
             c("div", ap, [
               c("div", op, [
                 c("span", lp, J(pe.value.user?.name || "Unknown User"), 1),
-                pe.value.user?.handle ? (m(), g("span", cp, " @" + J(pe.value.user.handle), 1)) : K("", !0)
+                pe.value.user?.handle ? (m(), b("span", cp, " @" + J(pe.value.user.handle), 1)) : K("", !0)
               ]),
               c("button", {
                 class: "cim-action-btn cim-action-btn--primary",
@@ -12602,7 +12603,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               "onUpdate:modelValue": zt
             }, null, 8, ["model-value", "test-id"])
           ]),
-          h.value ? (m(), g("div", hp, [
+          h.value ? (m(), b("div", hp, [
             c("button", {
               class: "cim-leave-btn",
               "data-testid": "btn-leave-group",
@@ -12630,7 +12631,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               ], -1),
               yt(" Leave Group ", -1)
             ])])
-          ])) : (m(), g("div", fp, [
+          ])) : (m(), b("div", fp, [
             c("button", {
               class: "cim-delete-btn",
               "data-testid": "btn-delete-conversation",
@@ -12655,7 +12656,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               yt(" Delete Conversation ", -1)
             ])])
           ])),
-          H.value ? (m(), g("div", mp, [
+          H.value ? (m(), b("div", mp, [
             c("div", pp, [
               c("h4", vp, J(f.value), 1),
               c("p", gp, J(T.value), 1),
@@ -12731,8 +12732,8 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               [dn, pt.value]
             ])
           ]),
-          Ve.value.length > 0 ? (m(), g("div", kp, [
-            (m(!0), g(ze, null, dt(Ve.value, (Z) => (m(), g("button", {
+          Ve.value.length > 0 ? (m(), b("div", kp, [
+            (m(!0), b(ze, null, dt(Ve.value, (Z) => (m(), b("button", {
               key: Z.id,
               class: "cim-chip",
               "data-testid": `chip-new-member-${Z.id}`,
@@ -12753,8 +12754,8 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               ], -1))
             ], 8, Sp))), 128))
           ])) : K("", !0),
-          Ut.value ? (m(), g("div", Tp, " Searching... ")) : Mt.value.length > 0 ? (m(), g("div", Mp, [
-            (m(!0), g(ze, null, dt(Mt.value, (Z) => (m(), g("button", {
+          Ut.value ? (m(), b("div", Tp, " Searching... ")) : Mt.value.length > 0 ? (m(), b("div", Mp, [
+            (m(!0), b(ze, null, dt(Mt.value, (Z) => (m(), b("button", {
               key: Z.id,
               class: "cim-result",
               "data-testid": `item-add-member-${Z.id}`,
@@ -12762,12 +12763,12 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               onClick: (je) => kt(Z)
             }, [
               c("div", Ep, [
-                Z.avatar ? (m(), g("img", {
+                Z.avatar ? (m(), b("img", {
                   key: 0,
                   src: Z.avatar,
                   alt: Z.name,
                   class: "cim-result__avatar-img"
-                }, null, 8, $p)) : (m(), g("div", {
+                }, null, 8, $p)) : (m(), b("div", {
                   key: 1,
                   class: "cim-result__avatar-initials",
                   style: rt({ backgroundColor: Ze(Z.id) })
@@ -12775,13 +12776,13 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               ]),
               c("div", Ap, [
                 c("span", Rp, J(Z.name), 1),
-                Z.handle ? (m(), g("span", Pp, "@" + J(Z.handle), 1)) : K("", !0)
+                Z.handle ? (m(), b("span", Pp, "@" + J(Z.handle), 1)) : K("", !0)
               ]),
-              $t(Z.id) ? (m(), g("svg", Ip, [...te[19] || (te[19] = [
+              $t(Z.id) ? (m(), b("svg", Ip, [...te[19] || (te[19] = [
                 c("polyline", { points: "20 6 9 17 4 12" }, null, -1)
               ])])) : K("", !0)
             ], 8, xp))), 128))
-          ])) : pt.value.length >= 2 ? (m(), g("div", Lp, " No users found ")) : K("", !0)
+          ])) : pt.value.length >= 2 ? (m(), b("div", Lp, " No users found ")) : K("", !0)
         ]),
         _: 1
       }, 8, ["modelValue"])
@@ -12856,8 +12857,8 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
   emits: ["close", "created"],
   setup(e, { emit: t }) {
     const n = e, i = t, o = N(null), l = N(null), u = N(n.isOpen);
-    let y = !1, h = null;
-    const w = N("dm"), b = N(""), k = N(""), x = N([]), M = N([]), A = N([]), P = N(!1), $ = N(!1), R = N(!1), U = N(""), ae = N(null), ce = N(!1), E = N(!1), L = N(/* @__PURE__ */ new Map());
+    let p = !1, h = null;
+    const w = N("dm"), y = N(""), k = N(""), x = N([]), M = N([]), A = N([]), P = N(!1), $ = N(!1), R = N(!1), U = N(""), ae = N(null), ce = N(!1), E = N(!1), L = N(/* @__PURE__ */ new Map());
     let ee = null;
     const ne = ss(), B = Gt(), X = It()(), pe = [
       "#6366f1",
@@ -12893,7 +12894,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       const W = Q.trim().split(/\s+/);
       return W.length >= 2 ? ((W[0]?.[0] ?? "") + (W[W.length - 1]?.[0] ?? "")).toUpperCase() : Q.substring(0, 2).toUpperCase();
     }
-    const me = C(() => R.value || ce.value ? !1 : w.value === "dm" ? x.value.length === 1 && ae.value === null : x.value.length >= 1 && b.value.trim().length > 0);
+    const me = C(() => R.value || ce.value ? !1 : w.value === "dm" ? x.value.length === 1 && ae.value === null : x.value.length >= 1 && y.value.trim().length > 0);
     Xe(() => n.isOpen, (Q) => {
       u.value = Q;
     }, { immediate: !0 });
@@ -12901,7 +12902,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       T();
     }
     const V = () => {
-      y || (y = !0, i("close"), ie());
+      p || (p = !0, i("close"), ie());
     };
     function H(Q) {
       return Q.presented === !0 || Q.isOpen === !0 || Q.classList.contains("show-modal") ? !0 : getComputedStyle(Q).display !== "none";
@@ -12909,7 +12910,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     function I(Q) {
       Q.style.display = "none", Q.classList.remove("show-modal"), Q.classList.add("overlay-hidden"), Q.setAttribute("aria-hidden", "true");
     }
-    function p() {
+    function v() {
       const Q = [], W = /* @__PURE__ */ new Set(), q = l.value?.$el;
       q instanceof HTMLElement && (W.add(q), Q.push(q));
       const Ie = Array.from(document.querySelectorAll("ion-modal"));
@@ -12922,21 +12923,21 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       return Q.sort((Ee, be) => Number(H(be)) - Number(H(Ee))), Q;
     }
     async function f() {
-      const Q = p().filter((W) => H(W));
+      const Q = v().filter((W) => H(W));
       Q.length !== 0 && await Promise.allSettled(Q.map(async (W) => {
         typeof W.dismiss == "function" && await W.dismiss().catch(() => {
         }), I(W);
       }));
     }
     function T() {
-      return h !== null || (y = !1, u.value = !1, h = (async () => {
+      return h !== null || (p = !1, u.value = !1, h = (async () => {
         await f(), await ct(), V();
       })().finally(() => {
         h = null;
       })), h;
     }
     function ie() {
-      w.value = "dm", b.value = "", k.value = "", x.value = [], M.value = [], A.value = [], U.value = "", R.value = !1, ae.value = null, ce.value = !1, E.value = !1, L.value = /* @__PURE__ */ new Map();
+      w.value = "dm", y.value = "", k.value = "", x.value = [], M.value = [], A.value = [], U.value = "", R.value = !1, ae.value = null, ce.value = !1, E.value = !1, L.value = /* @__PURE__ */ new Map();
     }
     function Ce(Q) {
       w.value = Q, Q === "dm" && x.value.length > 1 && (x.value = x.value.slice(0, 1)), Q === "group" && (ae.value = null);
@@ -13069,7 +13070,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
           } else {
             const Ee = x.value.map((be) => be.id);
             Q = await B.createGroupConversation(
-              b.value.trim(),
+              y.value.trim(),
               Ee
             );
           }
@@ -13089,7 +13090,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       }
     }
     return Xe(() => n.isOpen, (Q) => {
-      Q && (y = !1, ie(), Se(), setTimeout(() => {
+      Q && (p = !1, ie(), Se(), setTimeout(() => {
         o.value?.focus();
       }, 400));
     }, { flush: "post", immediate: !0 }), (Q, W) => (m(), st(hn, {
@@ -13194,19 +13195,19 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         ]),
         Re(Wt, { name: "slide-fade" }, {
           default: it(() => [
-            w.value === "group" ? (m(), g("div", jp, [
+            w.value === "group" ? (m(), b("div", jp, [
               c("label", Bp, [
                 W[9] || (W[9] = yt(" Group Name ", -1)),
                 un(c("input", {
                   id: "input-group-title",
-                  "onUpdate:modelValue": W[2] || (W[2] = (q) => b.value = q),
+                  "onUpdate:modelValue": W[2] || (W[2] = (q) => y.value = q),
                   type: "text",
                   class: "ncm-group-name__input",
                   placeholder: "Name your group...",
                   "data-testid": "input-group-title",
                   "aria-label": "Group name"
                 }, null, 512), [
-                  [dn, b.value]
+                  [dn, y.value]
                 ])
               ])
             ])) : K("", !0)
@@ -13218,7 +13219,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
           c("div", Hp, [
             Re(to, { name: "chip" }, {
               default: it(() => [
-                (m(!0), g(ze, null, dt(x.value, (q) => (m(), g("button", {
+                (m(!0), b(ze, null, dt(x.value, (q) => (m(), b("button", {
                   key: q.id,
                   class: "ncm-chip",
                   "data-testid": `chip-selected-user-${q.id}`,
@@ -13229,12 +13230,12 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                     class: "ncm-chip__avatar",
                     style: rt({ backgroundColor: O(q.id) })
                   }, [
-                    q.avatar ? (m(), g("img", {
+                    q.avatar ? (m(), b("img", {
                       key: 0,
                       src: q.avatar,
                       alt: q.name,
                       class: "ncm-chip__avatar-img"
-                    }, null, 8, Wp)) : (m(), g("span", Gp, J(j(q.name)), 1))
+                    }, null, 8, Wp)) : (m(), b("span", Gp, J(j(q.name)), 1))
                   ], 4),
                   c("span", Xp, J(q.name), 1),
                   W[10] || (W[10] = c("svg", {
@@ -13266,11 +13267,11 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
           ])
         ]),
         c("div", Yp, [
-          P.value ? (m(), g("div", Jp, [...W[12] || (W[12] = [
+          P.value ? (m(), b("div", Jp, [...W[12] || (W[12] = [
             c("div", { class: "ncm-loading__spinner" }, null, -1),
             c("span", { class: "ncm-loading__text" }, "Searching...", -1)
-          ])])) : k.value.trim() && M.value.length > 0 ? (m(), g("div", Zp, [
-            (m(!0), g(ze, null, dt(M.value, (q) => (m(), g("button", {
+          ])])) : k.value.trim() && M.value.length > 0 ? (m(), b("div", Zp, [
+            (m(!0), b(ze, null, dt(M.value, (q) => (m(), b("button", {
               key: q.id,
               class: xe(["ncm-user-row", {
                 "ncm-user-row--selected": ve(q),
@@ -13287,21 +13288,21 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                   class: "ncm-user-row__avatar",
                   style: rt({ backgroundColor: q.avatar ? "transparent" : O(q.id) })
                 }, [
-                  q.avatar ? (m(), g("img", {
+                  q.avatar ? (m(), b("img", {
                     key: 0,
                     src: q.avatar,
                     alt: q.name,
                     class: "ncm-user-row__avatar-img"
-                  }, null, 8, tv)) : (m(), g("span", nv, J(j(q.name)), 1))
+                  }, null, 8, tv)) : (m(), b("span", nv, J(j(q.name)), 1))
                 ], 4),
-                q.presenceStatus && q.presenceStatus !== "offline" ? (m(), g("span", {
+                q.presenceStatus && q.presenceStatus !== "offline" ? (m(), b("span", {
                   key: 0,
                   class: xe(["ncm-user-row__presence", `ncm-user-row__presence--${q.presenceStatus}`])
                 }, null, 2)) : K("", !0)
               ]),
               c("div", sv, [
                 c("span", iv, J(q.name), 1),
-                w.value === "dm" && Te(q) ? (m(), g("span", rv, [
+                w.value === "dm" && Te(q) ? (m(), b("span", rv, [
                   W[13] || (W[13] = c("svg", {
                     width: "12",
                     height: "12",
@@ -13311,9 +13312,9 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                     c("path", { d: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2z" })
                   ], -1)),
                   yt(" " + J(De(q)), 1)
-                ])) : (m(), g("span", av, "@" + J(q.handle), 1))
+                ])) : (m(), b("span", av, "@" + J(q.handle), 1))
               ]),
-              ve(q) ? (m(), g("div", ov, [...W[14] || (W[14] = [
+              ve(q) ? (m(), b("div", ov, [...W[14] || (W[14] = [
                 c("svg", {
                   width: "20",
                   height: "20",
@@ -13324,7 +13325,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                 ], -1)
               ])])) : K("", !0)
             ], 10, Qp))), 128))
-          ])) : k.value.trim() && !P.value && M.value.length === 0 ? (m(), g("div", lv, [
+          ])) : k.value.trim() && !P.value && M.value.length === 0 ? (m(), b("div", lv, [
             W[15] || (W[15] = c("svg", {
               class: "ncm-empty__icon",
               width: "48",
@@ -13346,10 +13347,10 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
             ], -1)),
             W[16] || (W[16] = c("p", { class: "ncm-empty__title" }, " No users found ", -1)),
             c("p", cv, ' No results for "' + J(k.value) + '" ', 1)
-          ])) : k.value.trim() ? K("", !0) : (m(), g("div", uv, [
-            A.value.length > 0 ? (m(), g(ze, { key: 0 }, [
+          ])) : k.value.trim() ? K("", !0) : (m(), b("div", uv, [
+            A.value.length > 0 ? (m(), b(ze, { key: 0 }, [
               W[19] || (W[19] = c("div", { class: "ncm-section-label" }, " Recent Contacts ", -1)),
-              (m(!0), g(ze, null, dt(A.value, (q) => (m(), g("button", {
+              (m(!0), b(ze, null, dt(A.value, (q) => (m(), b("button", {
                 key: q.id,
                 class: xe(["ncm-user-row", {
                   "ncm-user-row--selected": ve(q),
@@ -13366,21 +13367,21 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                     class: "ncm-user-row__avatar",
                     style: rt({ backgroundColor: q.avatar ? "transparent" : O(q.id) })
                   }, [
-                    q.avatar ? (m(), g("img", {
+                    q.avatar ? (m(), b("img", {
                       key: 0,
                       src: q.avatar,
                       alt: q.name,
                       class: "ncm-user-row__avatar-img"
-                    }, null, 8, fv)) : (m(), g("span", mv, J(j(q.name)), 1))
+                    }, null, 8, fv)) : (m(), b("span", mv, J(j(q.name)), 1))
                   ], 4),
-                  q.presenceStatus && q.presenceStatus !== "offline" ? (m(), g("span", {
+                  q.presenceStatus && q.presenceStatus !== "offline" ? (m(), b("span", {
                     key: 0,
                     class: xe(["ncm-user-row__presence", `ncm-user-row__presence--${q.presenceStatus}`])
                   }, null, 2)) : K("", !0)
                 ]),
                 c("div", pv, [
                   c("span", vv, J(q.name), 1),
-                  w.value === "dm" && Te(q) ? (m(), g("span", gv, [
+                  w.value === "dm" && Te(q) ? (m(), b("span", gv, [
                     W[17] || (W[17] = c("svg", {
                       width: "12",
                       height: "12",
@@ -13390,9 +13391,9 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                       c("path", { d: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2z" })
                     ], -1)),
                     yt(" " + J(De(q)), 1)
-                  ])) : (m(), g("span", bv, "@" + J(q.handle), 1))
+                  ])) : (m(), b("span", bv, "@" + J(q.handle), 1))
                 ]),
-                ve(q) ? (m(), g("div", yv, [...W[18] || (W[18] = [
+                ve(q) ? (m(), b("div", yv, [...W[18] || (W[18] = [
                   c("svg", {
                     width: "20",
                     height: "20",
@@ -13404,7 +13405,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                 ])])) : K("", !0)
               ], 10, dv))), 128))
             ], 64)) : K("", !0),
-            !$.value && A.value.length === 0 ? (m(), g("div", _v, [...W[20] || (W[20] = [
+            !$.value && A.value.length === 0 ? (m(), b("div", _v, [...W[20] || (W[20] = [
               c("svg", {
                 class: "ncm-empty__icon",
                 width: "48",
@@ -13426,14 +13427,14 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               c("p", { class: "ncm-empty__title" }, " Find someone to message ", -1),
               c("p", { class: "ncm-empty__subtitle" }, " Search by name or handle above ", -1)
             ])])) : K("", !0),
-            $.value ? (m(), g("div", wv, [...W[21] || (W[21] = [
+            $.value ? (m(), b("div", wv, [...W[21] || (W[21] = [
               c("div", { class: "ncm-loading__spinner" }, null, -1)
             ])])) : K("", !0)
           ]))
         ]),
         Re(Wt, { name: "slide-fade" }, {
           default: it(() => [
-            ae.value ? (m(), g("div", Cv, [
+            ae.value ? (m(), b("div", Cv, [
               W[22] || (W[22] = c("svg", {
                 width: "16",
                 height: "16",
@@ -13449,7 +13450,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         }),
         Re(Wt, { name: "slide-fade" }, {
           default: it(() => [
-            U.value ? (m(), g("div", kv, [
+            U.value ? (m(), b("div", kv, [
               W[23] || (W[23] = c("svg", {
                 width: "16",
                 height: "16",
@@ -13489,7 +13490,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
   },
   emits: ["close", "folder-created"],
   setup(e, { emit: t }) {
-    const n = e, i = t, o = Gt(), l = N(n.isOpen), u = N(!1), y = [
+    const n = e, i = t, o = Gt(), l = N(n.isOpen), u = N(!1), p = [
       "#EF4444",
       "#F97316",
       "#EAB308",
@@ -13498,9 +13499,9 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       "#3B82F6",
       "#8B5CF6",
       "#EC4899"
-    ], h = N(""), w = N(null), b = N(!1), k = N(""), x = C(() => h.value.trim()), M = C(() => new Set(
+    ], h = N(""), w = N(null), y = N(!1), k = N(""), x = C(() => h.value.trim()), M = C(() => new Set(
       n.existingFolders.map((j) => j.name.trim().toLowerCase())
-    )), A = C(() => x.value.length === 0), P = C(() => x.value.length > ar), $ = C(() => x.value.length === 0 ? !1 : M.value.has(x.value.toLowerCase())), R = C(() => P.value ? `Folder names can be up to ${ar} characters.` : $.value ? "A folder with this name already exists." : ""), U = C(() => k.value.length > 0 ? k.value : R.value), ae = C(() => U.value.length > 0), ce = C(() => !b.value && !A.value && !ae.value);
+    )), A = C(() => x.value.length === 0), P = C(() => x.value.length > ar), $ = C(() => x.value.length === 0 ? !1 : M.value.has(x.value.toLowerCase())), R = C(() => P.value ? `Folder names can be up to ${ar} characters.` : $.value ? "A folder with this name already exists." : ""), U = C(() => k.value.length > 0 ? k.value : R.value), ae = C(() => U.value.length > 0), ce = C(() => !y.value && !A.value && !ae.value);
     function E(j) {
       return j.replace("#", "").toUpperCase();
     }
@@ -13510,7 +13511,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       };
     }
     function ee() {
-      h.value = "", w.value = null, k.value = "", b.value = !1;
+      h.value = "", w.value = null, k.value = "", y.value = !1;
     }
     function ne() {
       k.value.length !== 0 && (k.value = "");
@@ -13536,17 +13537,17 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     }
     async function O() {
       if (!ce.value) {
-        b.value = !1, A.value && (k.value = "Folder name is required."), R.value.length > 0 && (k.value = R.value);
+        y.value = !1, A.value && (k.value = "Folder name is required."), R.value.length > 0 && (k.value = R.value);
         return;
       }
-      b.value = !0, k.value = "";
+      y.value = !0, k.value = "";
       try {
         const j = await o.createFolder(de());
         i("folder-created", j), B();
       } catch (j) {
         k.value = pe(j);
       } finally {
-        b.value = !1;
+        y.value = !1;
       }
     }
     return Xe(
@@ -13599,7 +13600,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               id: "text-folder-name-help",
               class: "cfm-help"
             }, " Up to 60 characters. ", -1)),
-            ae.value ? (m(), g("p", $v, J(U.value), 1)) : K("", !0)
+            ae.value ? (m(), b("p", $v, J(U.value), 1)) : K("", !0)
           ]),
           c("div", Av, [
             me[7] || (me[7] = c("p", { class: "cfm-label" }, " Folder Color ", -1)),
@@ -13613,7 +13614,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                 "aria-checked": w.value === null,
                 onClick: me[1] || (me[1] = (ge) => X(null))
               }, " None ", 10, Pv),
-              (m(), g(ze, null, dt(y, (ge) => c("button", {
+              (m(), b(ze, null, dt(p, (ge) => c("button", {
                 key: ge,
                 type: "button",
                 class: xe(["cfm-color-option", { "cfm-color-option--selected": w.value === ge }]),
@@ -13642,7 +13643,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               "data-testid": "btn-submit-create-folder",
               "aria-label": "Create message folder",
               disabled: !ce.value
-            }, J(b.value ? "Creating..." : "Create Folder"), 9, Ov)
+            }, J(y.value ? "Creating..." : "Create Folder"), 9, Ov)
           ])
         ], 32)
       ]),
@@ -13673,10 +13674,10 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
   },
   emits: ["close", "request-create-folder"],
   setup(e, { emit: t }) {
-    const n = e, i = t, o = Gt(), l = N(n.isOpen), u = N(null), y = N(""), h = N(""), w = N(null), b = N(null), k = N(null), x = N(!1), M = C(() => [...n.folders].sort((I, p) => I.sort_order !== p.sort_order ? I.sort_order - p.sort_order : I.name.localeCompare(p.name))), A = C(() => {
+    const n = e, i = t, o = Gt(), l = N(n.isOpen), u = N(null), p = N(""), h = N(""), w = N(null), y = N(null), k = N(null), x = N(!1), M = C(() => [...n.folders].sort((I, v) => I.sort_order !== v.sort_order ? I.sort_order - v.sort_order : I.name.localeCompare(v.name))), A = C(() => {
       const I = k.value;
-      return I === null ? null : M.value.find((p) => p.id === I) ?? null;
-    }), P = C(() => b.value !== null);
+      return I === null ? null : M.value.find((v) => v.id === I) ?? null;
+    }), P = C(() => y.value !== null);
     function $(I) {
       return {
         "--folder-color": I ?? "var(--app-border-subtle)"
@@ -13689,44 +13690,44 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       h.value.length !== 0 && (h.value = "");
     }
     function ae(I) {
-      u.value = I.id, y.value = I.name, h.value = "";
+      u.value = I.id, p.value = I.name, h.value = "";
     }
     function ce() {
-      u.value = null, y.value = "", h.value = "";
+      u.value = null, p.value = "", h.value = "";
     }
     function E(I) {
       return I.trim();
     }
-    function L(I, p) {
+    function L(I, v) {
       if (I.length === 0)
         return "Folder name is required.";
       if (I.length > 60)
         return "Folder names can be up to 60 characters.";
       const f = I.toLowerCase();
-      return M.value.some((ie) => ie.id === p ? !1 : ie.name.trim().toLowerCase() === f) ? "A folder with this name already exists." : "";
+      return M.value.some((ie) => ie.id === v ? !1 : ie.name.trim().toLowerCase() === f) ? "A folder with this name already exists." : "";
     }
-    function ee(I, p) {
+    function ee(I, v) {
       const f = I, T = f.response?.data?.errors?.name;
       if (Array.isArray(T) && typeof T[0] == "string" && T[0].length > 0)
         return T[0];
       const ie = f.response?.data?.message;
-      return typeof ie == "string" && ie.length > 0 ? ie : I instanceof Error && I.message.length > 0 ? I.message : p;
+      return typeof ie == "string" && ie.length > 0 ? ie : I instanceof Error && I.message.length > 0 ? I.message : v;
     }
-    async function ne(I, p) {
-      tt(I, p);
+    async function ne(I, v) {
+      tt(I, v);
     }
     async function B() {
       const I = u.value;
       if (I === null)
         return;
-      const p = E(y.value), f = L(p, I);
+      const v = E(p.value), f = L(v, I);
       if (f.length > 0) {
         h.value = f;
         return;
       }
       w.value = I, h.value = "";
       try {
-        await o.updateFolder(I, { name: p }), ce(), await ne("Folder updated.", "success");
+        await o.updateFolder(I, { name: v }), ce(), await ne("Folder updated.", "success");
       } catch (T) {
         h.value = ee(T, "Unable to update folder.");
       } finally {
@@ -13742,13 +13743,13 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     async function de() {
       const I = A.value;
       if (I) {
-        b.value = I.id;
+        y.value = I.id;
         try {
           await o.deleteFolder(I.id), k.value = null, u.value === I.id && ce(), await ne("Folder deleted.", "success");
-        } catch (p) {
-          await ne(ee(p, "Unable to delete folder."), "error");
+        } catch (v) {
+          await ne(ee(v, "Unable to delete folder."), "error");
         } finally {
-          b.value = null;
+          y.value = null;
         }
       }
     }
@@ -13758,13 +13759,13 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     function j(I) {
       return x.value || I >= M.value.length - 1;
     }
-    async function me(I, p) {
+    async function me(I, v) {
       if (x.value)
         return;
       const f = M.value.map((we) => we.id), T = f.indexOf(I);
       if (T < 0)
         return;
-      const ie = p === "up" ? T - 1 : T + 1;
+      const ie = v === "up" ? T - 1 : T + 1;
       if (ie < 0 || ie >= f.length)
         return;
       const Ce = f[T], Se = f[ie];
@@ -13783,7 +13784,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       H(), i("request-create-folder");
     }
     function V() {
-      ce(), pe(), w.value = null, b.value = null, x.value = !1;
+      ce(), pe(), w.value = null, y.value = null, x.value = !1;
     }
     function H() {
       l.value = !1, V(), i("close");
@@ -13793,7 +13794,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       (I) => {
         l.value = I, I && V();
       }
-    ), (I, p) => (m(), st(hn, {
+    ), (I, v) => (m(), st(hn, {
       "model-value": l.value,
       title: "Manage Folders",
       size: "lg",
@@ -13801,15 +13802,15 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       "show-cancel": !1,
       "data-test-id": "modal-manage-folders",
       class: "manage-folders-modal",
-      "onUpdate:modelValue": p[1] || (p[1] = (f) => {
+      "onUpdate:modelValue": v[1] || (v[1] = (f) => {
         f || H();
       }),
       onClose: H
     }, {
       body: it(() => [
         c("div", Uv, [
-          M.value.length === 0 ? (m(), g("div", Fv, " No folders yet. Create one to organize your conversations. ")) : K("", !0),
-          (m(!0), g(ze, null, dt(M.value, (f, T) => (m(), g("div", {
+          M.value.length === 0 ? (m(), b("div", Fv, " No folders yet. Create one to organize your conversations. ")) : K("", !0),
+          (m(!0), b(ze, null, dt(M.value, (f, T) => (m(), b("div", {
             key: f.id,
             class: "mfm-row",
             "data-testid": `row-folder-${f.id}`,
@@ -13823,10 +13824,10 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                 "aria-hidden": "true"
               }, null, 12, jv),
               c("div", Bv, [
-                u.value === f.id ? (m(), g(ze, { key: 0 }, [
+                u.value === f.id ? (m(), b(ze, { key: 0 }, [
                   un(c("input", {
                     id: `input-edit-folder-name-${f.id}`,
-                    "onUpdate:modelValue": p[0] || (p[0] = (ie) => y.value = ie),
+                    "onUpdate:modelValue": v[0] || (v[0] = (ie) => p.value = ie),
                     type: "text",
                     maxlength: "60",
                     autocomplete: "off",
@@ -13836,15 +13837,15 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                     "aria-invalid": h.value.length > 0,
                     onInput: U
                   }, null, 40, qv), [
-                    [dn, y.value]
+                    [dn, p.value]
                   ]),
-                  h.value.length > 0 ? (m(), g("p", {
+                  h.value.length > 0 ? (m(), b("p", {
                     key: 0,
                     class: "mfm-error",
                     "data-testid": `text-edit-folder-error-${f.id}`,
                     role: "alert"
                   }, J(h.value), 9, Hv)) : K("", !0)
-                ], 64)) : (m(), g(ze, { key: 1 }, [
+                ], 64)) : (m(), b(ze, { key: 1 }, [
                   c("p", {
                     class: "mfm-row__name",
                     "data-testid": `text-folder-name-${f.id}`
@@ -13873,7 +13874,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                 disabled: j(T),
                 onClick: (ie) => me(f.id, "down")
               }, " ↓ ", 8, Kv),
-              u.value === f.id ? (m(), g(ze, { key: 0 }, [
+              u.value === f.id ? (m(), b(ze, { key: 0 }, [
                 c("button", {
                   type: "button",
                   class: "mfm-control-btn mfm-control-btn--primary",
@@ -13889,7 +13890,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                   "aria-label": `Cancel editing folder ${f.name}`,
                   onClick: ce
                 }, " Cancel ", 8, Jv)
-              ], 64)) : (m(), g(ze, { key: 1 }, [
+              ], 64)) : (m(), b(ze, { key: 1 }, [
                 c("button", {
                   type: "button",
                   class: "mfm-control-btn",
@@ -13917,9 +13918,9 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
             onClick: ge
           }, " Create New Folder ")
         ]),
-        A.value !== null ? (m(), g("div", eg, [
+        A.value !== null ? (m(), b("div", eg, [
           c("div", tg, [
-            p[2] || (p[2] = c("p", { class: "mfm-confirm-text" }, " Delete folder? Conversations will be moved back to your inbox. ", -1)),
+            v[2] || (v[2] = c("p", { class: "mfm-confirm-text" }, " Delete folder? Conversations will be moved back to your inbox. ", -1)),
             c("div", ng, [
               c("button", {
                 type: "button",
@@ -13959,20 +13960,20 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
   },
   emits: ["close", "select", "sent"],
   setup(e, { emit: t }) {
-    const n = e, i = t, o = Gt(), l = It()(), { term: u } = Vr(), y = N(!1), h = N(!1), w = N(!1), b = N(""), k = N(""), x = N(null), M = N(!1), A = C(() => x.value === null || w.value), P = C(() => {
+    const n = e, i = t, o = Gt(), l = It()(), { term: u } = Vr(), p = N(!1), h = N(!1), w = N(!1), y = N(""), k = N(""), x = N(null), M = N(!1), A = C(() => x.value === null || w.value), P = C(() => {
       const V = x.value ?? "none", H = w.value ? "sending" : "idle";
       return `share-send-${V}-${H}`;
     }), $ = (V) => {
-      if (y.value)
+      if (p.value)
         return V;
     }, R = (V) => {
-      if (y.value)
+      if (p.value)
         return `item-share-conversation-${V}`;
     }, U = C(() => l.user?.id ?? l.currentUser?.id ?? ""), ae = C(() => {
       const V = k.value.trim().toLowerCase();
       return V.length === 0 ? o.conversations : o.conversations.filter((H) => {
-        const I = E(H).toLowerCase(), p = L(H).toLowerCase(), f = (H.title ?? "").toLowerCase(), T = (H.last_message?.body ?? "").toLowerCase();
-        return I.includes(V) || p.includes(V) || f.includes(V) || T.includes(V);
+        const I = E(H).toLowerCase(), v = L(H).toLowerCase(), f = (H.title ?? "").toLowerCase(), T = (H.last_message?.body ?? "").toLowerCase();
+        return I.includes(V) || v.includes(V) || f.includes(V) || T.includes(V);
       });
     }), ce = (V) => V.participants.find((H) => H.user_id !== U.value), E = (V) => {
       if (V.type === "group") {
@@ -14001,18 +14002,18 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
         return "C";
       if (I.length === 1)
         return I[0]?.slice(0, 2).toUpperCase() ?? "C";
-      const p = I[0]?.[0] ?? "", f = I[1]?.[0] ?? "";
-      return `${p}${f}`.toUpperCase();
+      const v = I[0]?.[0] ?? "", f = I[1]?.[0] ?? "";
+      return `${v}${f}`.toUpperCase();
     }, B = () => {
-      k.value = "", x.value = null, b.value = "", w.value = !1;
+      k.value = "", x.value = null, y.value = "", w.value = !1;
     }, X = () => {
-      y.value = !1, M.value = !1, i("close");
+      p.value = !1, M.value = !1, i("close");
     }, pe = async () => {
-      h.value = !0, b.value = "";
+      h.value = !0, y.value = "";
       try {
         await o.fetchConversations();
       } catch (V) {
-        V instanceof Error && V.message.trim().length > 0 ? b.value = V.message : b.value = "Failed to load conversations.";
+        V instanceof Error && V.message.trim().length > 0 ? y.value = V.message : y.value = "Failed to load conversations.";
       } finally {
         h.value = !1;
       }
@@ -14020,7 +14021,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
       x.value = V, i("select", V);
     }, O = async (V) => {
       if (!w.value) {
-        w.value = !0, b.value = "";
+        w.value = !0, y.value = "";
         try {
           await o.sendMessage(
             V,
@@ -14031,10 +14032,10 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
             n.postId,
             n.postPreview ?? void 0
           );
-          const H = o.conversations.find((p) => p.id === V), I = H ? E(H) : "Conversation";
+          const H = o.conversations.find((v) => v.id === V), I = H ? E(H) : "Conversation";
           i("sent", V, I), X();
         } catch (H) {
-          H instanceof Error && H.message.trim().length > 0 ? b.value = H.message : b.value = "Failed to send this post in message.";
+          H instanceof Error && H.message.trim().length > 0 ? y.value = H.message : y.value = "Failed to send this post in message.";
         } finally {
           w.value = !1;
         }
@@ -14048,10 +14049,10 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
     };
     return Xe(() => n.isOpen, (V) => {
       V ? (B(), pe(), ct(() => {
-        y.value = !0;
-      })) : y.value = !1;
+        p.value = !0;
+      })) : p.value = !1;
     }, { immediate: !0 }), (V, H) => (m(), st(hn, {
-      "model-value": y.value,
+      "model-value": p.value,
       title: "Send in Message",
       size: "md",
       "show-confirm": !1,
@@ -14072,7 +14073,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
             onClick: X
           }, " Close ", 8, og),
           H[5] || (H[5] = c("h2", { class: "share-to-message-header__title" }, " Send in Message ", -1)),
-          (m(), g("button", {
+          (m(), b("button", {
             key: P.value,
             type: "button",
             class: "msg-btn msg-btn--primary",
@@ -14102,23 +14103,23 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               [dn, k.value]
             ])
           ]),
-          b.value.length > 0 ? (m(), g("p", {
+          y.value.length > 0 ? (m(), b("p", {
             key: 0,
             "data-testid": $("text-share-to-message-error"),
             class: "share-to-message-error",
             role: "alert"
-          }, J(b.value), 9, hg)) : K("", !0),
-          h.value ? (m(), g("div", {
+          }, J(y.value), 9, hg)) : K("", !0),
+          h.value ? (m(), b("div", {
             key: 1,
             "data-testid": $("state-share-to-message-loading"),
             class: "share-to-message-state"
-          }, " Loading conversations... ", 8, fg)) : ae.value.length > 0 ? (m(), g("div", {
+          }, " Loading conversations... ", 8, fg)) : ae.value.length > 0 ? (m(), b("div", {
             key: 2,
             class: "share-to-message-list",
             "data-testid": $("list-share-conversations"),
             role: "list"
           }, [
-            (m(!0), g(ze, null, dt(ae.value, (I) => (m(), g("button", {
+            (m(!0), b(ze, null, dt(ae.value, (I) => (m(), b("button", {
               key: I.id,
               type: "button",
               class: xe([
@@ -14128,7 +14129,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
               "data-testid": R(I.id),
               "aria-label": `Select conversation ${E(I)}`,
               role: "listitem",
-              onClick: (p) => de(I.id)
+              onClick: (v) => de(I.id)
             }, [
               c("div", vg, J(ne(I)), 1),
               c("div", gg, [
@@ -14136,7 +14137,7 @@ const ku = new Cu(), Su = ["data-testid"], Tu = ["data-testid"], Mu = ["data-tes
                 c("p", null, J(ee(I)), 1)
               ])
             ], 10, pg))), 128))
-          ], 8, mg)) : (m(), g("div", {
+          ], 8, mg)) : (m(), b("div", {
             key: 3,
             class: "share-to-message-state",
             "data-testid": $("state-share-to-message-empty")