@nivaro/react 0.3.36 → 0.3.38

package/dist/shared/components/chat/ChatPanel.js

@@ -1,54 +1,54 @@
-import { jsxs as a, jsx as e, Fragment as ve } from "react/jsx-runtime";
-import { useQuery as _e, useQueryClient as At, useMutation as Ee } from "@tanstack/react-query";
-import { Search as Fn, Plus as Wa, Hash as _t, Lock as Fa, ChevronLeft as ct, X as dt, PinOff as za, Pin as St, Headphones as Ha, PlayCircle as Ga, MessageCircle as zn, Users as Tt, AtSign as Qa, AlarmClock as Ka, Sparkles as Ja, BellOff as Tn, PencilLine as Ya, Star as Za, ArchiveRestore as Va, Archive as Xa, Bell as es, LogOut as ts, Info as ns, MapPin as as, Check as Rt, ArrowUpDown as ss, MessageSquareReply as rs, Quote as ls, ClipboardPlus as os, NotebookPen as is, Bookmark as cs, Pencil as ds, Trash2 as us, AlertTriangle as ms, Paperclip as ps, Bot as hs, CheckCheck as fs, Plane as xs, FilePlus2 as bs } from "lucide-react";
-import { useState as T, useEffect as ee, useMemo as be, useRef as ie, useContext as gs } from "react";
-import { toast as xe } from "sonner";
-import { useItemEditAuth as ut, useNavigation as vs, useNivaroClient as Je } from "../../context.js";
-import { get as ge, post as Be, patch as ys } from "../../lib/commands.js";
+import { jsxs as a, jsx as e, Fragment as ke } from "react/jsx-runtime";
+import { useQuery as Te, useQueryClient as Mt, useMutation as We } from "@tanstack/react-query";
+import { Search as Gn, Plus as Fa, Hash as Tt, Lock as za, ChevronLeft as ut, X as mt, PinOff as Ha, Pin as Ut, Headphones as Ga, PlayCircle as Qa, MessageCircle as Qn, Users as Dt, AtSign as Ka, AlarmClock as Ja, Sparkles as Ya, BellOff as Dn, PencilLine as Za, Star as Va, ArchiveRestore as Xa, Archive as es, Bell as ts, LogOut as ns, Info as as, MapPin as $n, Check as Ot, ArrowUpDown as ss, MessageSquareReply as rs, Quote as ls, ClipboardPlus as os, NotebookPen as is, Bookmark as cs, Pencil as ds, Trash2 as us, AlertTriangle as ms, Paperclip as ps, Bot as hs, CheckCheck as fs, Plane as xs, FilePlus2 as bs } from "lucide-react";
+import { useState as T, useEffect as X, useMemo as ve, useRef as ce, useContext as gs } from "react";
+import { toast as ge } from "sonner";
+import { useItemEditAuth as pt, useNavigation as vs, useNivaroClient as Ze } from "../../context.js";
+import { get as ye, post as Fe, patch as ys } from "../../lib/commands.js";
 import { useLiveRecord as ks, batchTouches as ws, LIVE_ASPECTS as Ns } from "../../lib/live.js";
 import { usePresenceOnlinePoll as Cs } from "../../lib/presence-live.js";
-import { presencePlaceHref as Un, stuckText as Dn, fullHref as $n } from "../../lib/presence-state.js";
+import { presencePlaceHref as An, stuckText as Rn, fullHref as Mn } from "../../lib/presence-state.js";
 import { invalidateRecordTasks as _s } from "../../lib/record-tasks.js";
 import { userCardQuery as Ss } from "../../lib/user-cards.js";
-import { cn as g, getDisplayTimezone as Mt, formatRelative as Hn } from "../../lib/utils.js";
+import { cn as g, getDisplayTimezone as Lt, formatRelative as Kn } from "../../lib/utils.js";
 import { CustomStatusEditor as Ts } from "../CustomStatusEditor.js";
 import { DoNotDisturbRow as Us } from "../DoNotDisturb.js";
 import { FilePreviewLightbox as Ds } from "../FilePreviewLightbox.js";
-import { UserChip as Ot } from "../item-edit/UserChip.js";
+import { UserChip as Pt } from "../item-edit/UserChip.js";
 import { StaleBuildChip as $s } from "../StaleBuildChip.js";
 import { UserAvatar as As } from "../UserAvatar.js";
-import { Popover as Ye, PopoverTrigger as Ze, PopoverContent as Ve } from "../ui/popover.js";
-import { SimpleSelect as Lt } from "../ui/SimpleSelect.js";
+import { Popover as Ve, PopoverTrigger as Xe, PopoverContent as et } from "../ui/popover.js";
+import { SimpleSelect as It } from "../ui/SimpleSelect.js";
 import { useBotStream as Rs, BotStreamBubble as Ms } from "./BotStream.js";
 import { MembershipHistory as Os, ArchiveSuggestionBanner as Ls } from "./ChannelArchive.js";
 import { ChannelExtrasEditor as Ps, BulkInvitePanel as Is, ChannelAuditLog as js } from "./ChannelExtras.js";
-import { ChannelTile as Ke, ChannelLookPicker as Gn } from "./ChannelLook.js";
-import { MentionsView as Qn, ScheduledView as Kn, CatchUpView as Jn, useSearchFilterState as qs, FilterToggle as Es, ChatSettingsButton as Bs, SearchFilterBar as Ws } from "./ChatViews.js";
+import { ChannelTile as Ye, ChannelLookPicker as Jn } from "./ChannelLook.js";
+import { MentionsView as Yn, ScheduledView as Zn, CatchUpView as Vn, useSearchFilterState as qs, FilterToggle as Es, ChatSettingsButton as Bs, SearchFilterBar as Ws } from "./ChatViews.js";
 import { ChatComposer as Fs } from "./Composer.js";
-import { useMyPreferences as Pt, useSetMyPreferences as Yn, useChatRoles as Zn, useChannelDirectory as zs, useRoomMembership as It, useCreateChannel as Hs, useChatConfig as Me, useChannelMembers as jt, useChannelAdmin as Vn, useUserSearch as qt, GENERAL_CHANNEL_ID as Xn, useChatRooms as ea, useArchivedRooms as ta, sortOnlineUsers as Gs, dmRoom as Ut, CHAT_DEFAULTS as it, ChatConfigContext as na, useChatBotInfo as Et, useChatSearch as Qs, dmPeer as Ce, useChatMessages as Ks, useOpenRoomRegistration as Js, useMarkRoomRead as Ys, useTypingIndicator as Zs, usePeerReadAt as Vs, useEntityRoomLink as Xs, useToggleReaction as er, useRoomPins as tr, useTogglePin as nr, useEditMessage as ar, useDeleteMessage as sr, useChatBotName as rr, useChatThread as lr, useRecordBrowserTimezone as or, chatInitials as ir, chatAvatarColor as cr, useCreateGroupDm as dr, canOpenDm as ur, openDmWith as mr, chatRoomTypesQuery as aa, REACTION_EMOJI as pr } from "./chat-core.js";
+import { useMyPreferences as jt, useSetMyPreferences as Xn, useChatRoles as ea, useChannelDirectory as zs, useRoomMembership as qt, useCreateChannel as Hs, useChatConfig as Le, useChannelMembers as Et, useChannelAdmin as ta, useUserSearch as Bt, GENERAL_CHANNEL_ID as na, useChatRooms as aa, useArchivedRooms as sa, sortOnlineUsers as Gs, dmRoom as $t, CHAT_DEFAULTS as dt, ChatConfigContext as ra, useChatBotInfo as Wt, useChatSearch as Qs, dmPeer as Se, useChatMessages as Ks, useOpenRoomRegistration as Js, useMarkRoomRead as Ys, useTypingIndicator as Zs, usePeerReadAt as Vs, useEntityRoomLink as Xs, useToggleReaction as er, useRoomPins as tr, useTogglePin as nr, useEditMessage as ar, useDeleteMessage as sr, useChatBotName as rr, useChatThread as lr, useRecordBrowserTimezone as or, chatInitials as ir, chatAvatarColor as cr, useCreateGroupDm as dr, canOpenDm as ur, openDmWith as mr, chatRoomTypesQuery as la, REACTION_EMOJI as pr } from "./chat-core.js";
 import { useDraftRooms as hr } from "./chat-drafts.js";
 import { useCustomEmoji as fr, EmojiButton as xr, EmojiGlyph as br } from "./chat-emoji.js";
-import { useRoomRecord as sa, useRecordFileTargets as gr } from "./chat-hooks.js";
+import { useRoomRecord as oa, useRecordFileTargets as gr } from "./chat-hooks.js";
 import { offHoursNote as vr } from "./chat-local-time.js";
 import { useMessageWindow as yr } from "./chat-window.js";
-import { HuddleFollowHost as An } from "./huddle/HuddleCollab.js";
+import { HuddleFollowHost as On } from "./huddle/HuddleCollab.js";
 import { HuddleControls as kr } from "./huddle/HuddleControls.js";
 import { HuddleLiveBadge as wr } from "./huddle/HuddleLiveBadge.js";
 import { HuddleScheduleCard as Nr } from "./huddle/HuddleScheduleCard.js";
 import { HuddleScheduleForm as Cr } from "./huddle/HuddleScheduleForm.js";
 import { HuddleStage as _r } from "./huddle/HuddleStage.js";
 import { useHuddleLive as Sr } from "./huddle/huddle-live.js";
-import { stripHuddleRef as Rn, huddleRefOf as Mn } from "./huddle/huddle-schedule.js";
+import { stripHuddleRef as Ln, huddleRefOf as Pn } from "./huddle/huddle-schedule.js";
 import { useHuddle as Tr } from "./huddle/useHuddle.js";
 import { useMessageActions as Ur, MessageActionsMenu as Dr, actionsForMessage as $r } from "./MessageActions.js";
 import { FormattedMessage as Ar, LinkPreviews as Rr } from "./MessageFormat.js";
 import { PollCard as Mr } from "./PollCard.js";
-import { RoomStatusMarks as Or, headerIconIdle as On, headerIconButton as Ln, RoomHeaderMenu as Lr } from "./RoomHeaderMenu.js";
+import { RoomStatusMarks as Or, headerIconIdle as In, headerIconButton as jn, RoomHeaderMenu as Lr } from "./RoomHeaderMenu.js";
 import { MemberCountLine as Pr, ChannelIntro as Ir, WelcomeNote as jr, ThreadPane as qr, RoomInfoDrawer as Er } from "./RoomParts.js";
 import { clipInfo as Br, ClipPlayer as Wr } from "./ScreenClip.js";
-import { useOutbox as ra } from "./chat-outbox.js";
-import { OutboxBubbles as la } from "./OutboxBubbles.js";
-const oa = {
+import { useOutbox as ia } from "./chat-outbox.js";
+import { OutboxBubbles as ca } from "./OutboxBubbles.js";
+const da = {
   bubbleMine: "bg-nvr-cyan text-white",
   bubbleOther: "bg-slate-100 text-slate-800 dark:bg-muted dark:text-slate-100",
   accentText: "text-nvr-navy dark:text-nvr-cyan",
@@ -58,16 +58,16 @@ const oa = {
   surface: "bg-white dark:bg-card",
   input: "border-slate-200 bg-slate-50 focus:border-nvr-cyan dark:border-border dark:bg-background dark:text-slate-100",
   divider: "border-slate-100 dark:border-border/60"
-}, Bt = {};
-Bt.current = oa;
+}, Ft = {};
+Ft.current = da;
 function co({
   children: n,
   me: s,
   onlineUsers: l = [],
   collections: r,
-  globalRoom: o = it.globalRoom,
-  globalLabel: i = it.globalLabel,
-  entityPattern: m = it.entityPattern,
+  globalRoom: o = dt.globalRoom,
+  globalLabel: i = dt.globalLabel,
+  entityPattern: m = dt.entityPattern,
   entityUrl: d = () => null,
   roomLabel: b,
   recordUrl: f,
@@ -79,9 +79,9 @@ function co({
   sound: C = !0,
   theme: S
 }) {
-  const E = be(
+  const E = ve(
     () => ({
-      collections: { ...it.collections, ...r },
+      collections: { ...dt.collections, ...r },
       globalRoom: o,
       globalLabel: i,
       entityPattern: m,
@@ -110,16 +110,16 @@ function co({
       C
     ]
   );
-  return Bt.current = { ...oa, ...S }, /* @__PURE__ */ e(na.Provider, { value: E, children: n });
+  return Ft.current = { ...da, ...S }, /* @__PURE__ */ e(ra.Provider, { value: E, children: n });
 }
-function ce() {
-  return Bt.current;
+function de() {
+  return Ft.current;
 }
-const Pn = /* @__PURE__ */ new WeakMap();
+const qn = /* @__PURE__ */ new WeakMap();
 function Fr(n, s) {
   const l = String(s).toUpperCase();
-  let r = Pn.get(n);
-  r || (r = { ids: /* @__PURE__ */ new Map(), timer: null }, Pn.set(n, r));
+  let r = qn.get(n);
+  r || (r = { ids: /* @__PURE__ */ new Map(), timer: null }, qn.set(n, r));
   const o = r;
   return new Promise((i) => {
     const m = o.ids.get(l) ?? [];
@@ -130,7 +130,7 @@ function Fr(n, s) {
       for (let p = 0; p < b.length; p += 100)
         try {
           const x = await n.request(
-            ge("/presence/people", { ids: b.slice(p, p + 100).join(",") })
+            ye("/presence/people", { ids: b.slice(p, p + 100).join(",") })
           );
           for (const v of x.data ?? []) f.set(String(v.user_id).toUpperCase(), v);
         } catch {
@@ -139,8 +139,8 @@ function Fr(n, s) {
     }, 0));
   });
 }
-function Wt(n, s = !0) {
-  const l = Je(), { data: r } = _e({
+function zt(n, s = !0) {
+  const l = Ze(), { data: r } = Te({
     queryKey: ["nvr-person-info", n ? String(n).toUpperCase() : null],
     queryFn: () => Fr(l, n),
     enabled: !!n && s,
@@ -148,36 +148,36 @@ function Wt(n, s = !0) {
   });
   return r ?? null;
 }
-function ia(n) {
-  return n != null && n.last_seen ? `last seen ${Hn(n.last_seen)}` : null;
+function ua(n) {
+  return n != null && n.last_seen ? `last seen ${Kn(n.last_seen)}` : null;
 }
-function ca(n) {
-  const s = gs(na), l = pa(), r = String(n).toUpperCase();
+function ma(n) {
+  const s = gs(ra), l = xa(), r = String(n).toUpperCase();
   if (l.loaded) {
     const i = l.byUser.get(r);
     if (!i) return { state: "offline", title: "Offline", page: null };
-    const m = i.page ?? ha(i.current_path);
-    return i.away ? { state: "away", title: "Away", page: null } : i.is_idle ? { state: "idle", title: Dt(i), page: m } : { state: "online", title: "Online", page: m };
+    const m = i.page ?? ba(i.current_path);
+    return i.away ? { state: "away", title: "Away", page: null } : i.is_idle ? { state: "idle", title: At(i), page: m } : { state: "online", title: "Online", page: m };
   }
   const o = s == null ? void 0 : s.onlineUsers.find((i) => String(i.user_id).toUpperCase() === r);
-  return o ? o.is_idle ? { state: "idle", title: Dt(o), page: null } : { state: "online", title: "Online", page: null } : { state: "offline", title: "Offline", page: null };
+  return o ? o.is_idle ? { state: "idle", title: At(o), page: null } : { state: "online", title: "Online", page: null } : { state: "offline", title: "Offline", page: null };
 }
-function da(n) {
+function pa(n) {
   return n != null && n.out_of_office ? n.ooo_end ? `Out of office until ${new Date(n.ooo_end).toLocaleDateString(void 0, {
     weekday: "short",
     month: "short",
     day: "numeric",
-    timeZone: Mt() ?? void 0
+    timeZone: Lt() ?? void 0
   })}` : "Out of office" : null;
 }
 function zr({ id: n, size: s }) {
-  const { state: l, title: r, page: o } = ca(n), i = Wt(n), m = l === "offline" ? ia(i) : null, d = da(i), b = s >= 30 ? 10 : 8, f = [
+  const { state: l, title: r, page: o } = ma(n), i = zt(n), m = l === "offline" ? ua(i) : null, d = pa(i), b = s >= 30 ? 10 : 8, f = [
     m ? `Offline · ${m}` : r,
     o && l !== "offline" ? `On ${o}` : null,
     d,
     d && (i != null && i.delegate) ? `${i.delegate.name} is covering` : null
   ].filter(Boolean).join(" · ");
-  return /* @__PURE__ */ a(ve, { children: [
+  return /* @__PURE__ */ a(ke, { children: [
     /* @__PURE__ */ e(
       "span",
       {
@@ -206,13 +206,13 @@ function zr({ id: n, size: s }) {
     )
   ] });
 }
-function Y({
+function K({
   id: n,
   name: s,
   size: l = 32,
   presence: r = !0
 }) {
-  const o = Et(), i = /* @__PURE__ */ e(
+  const o = Wt(), i = /* @__PURE__ */ e(
     "span",
     {
       className: "flex shrink-0 items-center justify-center rounded-full font-semibold text-[#04263b]",
@@ -240,8 +240,8 @@ function Y({
   ] });
 }
 function Hr({ peerId: n, name: s }) {
-  const l = Et(), r = n === "__bot__" || !!l.bot_user_id && String(l.bot_user_id).toUpperCase() === n.toUpperCase(), o = /* @__PURE__ */ e(Y, { id: n, name: s, size: 28 });
-  return r ? /* @__PURE__ */ e("span", { className: "mr-1 inline-flex shrink-0", children: o }) : /* @__PURE__ */ e(Ot, { userId: n, children: /* @__PURE__ */ e(
+  const l = Wt(), r = n === "__bot__" || !!l.bot_user_id && String(l.bot_user_id).toUpperCase() === n.toUpperCase(), o = /* @__PURE__ */ e(K, { id: n, name: s, size: 28 });
+  return r ? /* @__PURE__ */ e("span", { className: "mr-1 inline-flex shrink-0", children: o }) : /* @__PURE__ */ e(Pt, { userId: n, children: /* @__PURE__ */ e(
     "button",
     {
       type: "button",
@@ -252,15 +252,15 @@ function Hr({ peerId: n, name: s }) {
     }
   ) });
 }
-function In({ token: n, url: s, mine: l }) {
-  const r = Me(), o = ce(), i = Je(), { data: m } = _e(aa(i)), { data: d } = _e({
+function En({ token: n, url: s, mine: l }) {
+  const r = Le(), o = de(), i = Ze(), { data: m } = Te(la(i)), { data: d } = Te({
     queryKey: ["nvr-chat-entity-card", n],
     queryFn: async () => {
       var p, x, v, U;
       for (const $ of m ?? [])
         try {
           const S = (x = (p = (await i.request(
-            ge(`/items/${$.collection}`, {
+            ye(`/items/${$.collection}`, {
               limit: 1,
               fields: "id",
               filter: JSON.stringify({ [$.match_field]: { _eq: n } })
@@ -268,7 +268,7 @@ function In({ token: n, url: s, mine: l }) {
           )).data) == null ? void 0 : p[0]) == null ? void 0 : x.id;
           if (S == null) continue;
           const R = (U = (v = (await i.request(
-            ge(`/pipelines/instance/${$.collection}/${S}`)
+            ye(`/pipelines/instance/${$.collection}/${S}`)
           )).data) == null ? void 0 : v.instance) == null ? void 0 : U.current_state_obj;
           return {
             collection: $.collection,
@@ -282,7 +282,7 @@ function In({ token: n, url: s, mine: l }) {
     },
     enabled: ((m == null ? void 0 : m.length) ?? 0) > 0,
     staleTime: 10 * 6e4
-  }), b = At();
+  }), b = Mt();
   return ks(
     d == null ? void 0 : d.collection,
     d == null ? void 0 : d.id,
@@ -332,7 +332,7 @@ function Gr(n) {
   return r.setDate(l.getDate() - 1), s.toDateString() === l.toDateString() ? "Today" : s.toDateString() === r.toDateString() ? "Yesterday" : s.toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" });
 }
 function Qr({ botName: n }) {
-  const s = ce(), l = [
+  const s = de(), l = [
     {
       k: "@name",
       kind: "code",
@@ -396,23 +396,23 @@ function Qr({ botName: n }) {
   ] });
 }
 function Kr({ room: n }) {
-  const s = Me(), l = ce(), r = Je(), o = n.indexOf(":"), i = o > 0 ? n.slice(0, o) : null, m = o > 0 ? n.slice(o + 1) : null, d = !!i && !!m && n !== s.globalRoom && i !== "dm" && i !== "ch", b = At(), { data: f } = _e({
+  const s = Le(), l = de(), r = Ze(), o = n.indexOf(":"), i = o > 0 ? n.slice(0, o) : null, m = o > 0 ? n.slice(o + 1) : null, d = !!i && !!m && n !== s.globalRoom && i !== "dm" && i !== "ch", b = Mt(), { data: f } = Te({
     queryKey: ["nvr-chat-room-card", n],
     queryFn: async () => {
-      var A, F, z, G;
-      const S = (await b.fetchQuery(aa(r))).find((te) => te.is_active && te.prefix === i);
+      var A, W, F, H;
+      const S = (await b.fetchQuery(la(r))).find((ee) => ee.is_active && ee.prefix === i);
       if (!S) return null;
-      const R = (F = (A = (await r.request(
-        ge(`/items/${S.collection}`, {
+      const R = (W = (A = (await r.request(
+        ye(`/items/${S.collection}`, {
           limit: 1,
           fields: "id",
           filter: JSON.stringify({ [S.match_field]: { _eq: m } })
         })
-      )).data) == null ? void 0 : A[0]) == null ? void 0 : F.id;
+      )).data) == null ? void 0 : A[0]) == null ? void 0 : W.id;
       if (R == null) return null;
-      const q = (G = (z = (await r.request(
-        ge(`/pipelines/instance/${S.collection}/${R}`)
-      )).data) == null ? void 0 : z.instance) == null ? void 0 : G.current_state_obj;
+      const q = (H = (F = (await r.request(
+        ye(`/pipelines/instance/${S.collection}/${R}`)
+      )).data) == null ? void 0 : F.instance) == null ? void 0 : H.current_state_obj;
       return {
         collection: S.collection,
         type_label: S.label ?? S.collection.replace(/_/g, " "),
@@ -423,7 +423,7 @@ function Kr({ room: n }) {
     },
     enabled: d,
     staleTime: 6e4
-  }), p = sa(n, d && !!f);
+  }), p = oa(n, d && !!f);
   if (!d || !f) return null;
   const v = (s.recordUrl ?? ((C, S) => `/collections/${C}/${S}`))(f.collection, f.id), U = (p == null ? void 0 : p.sla) ?? null, $ = (U == null ? void 0 : U.status) === "breached" ? "bg-red-50 text-red-700 dark:bg-red-500/15 dark:text-red-300" : (U == null ? void 0 : U.status) === "warning" ? "bg-amber-50 text-amber-800 dark:bg-amber-500/15 dark:text-amber-300" : "bg-emerald-50 text-emerald-800 dark:bg-emerald-500/15 dark:text-emerald-300";
   return /* @__PURE__ */ a(
@@ -461,7 +461,7 @@ function Kr({ room: n }) {
             title: `Owners: ${p.owners.map((C) => C.name).join(", ")}`,
             "data-chat-room-owners": p.owners.length,
             children: [
-              p.owners.slice(0, 4).map((C) => /* @__PURE__ */ e(Y, { id: C.id, name: C.name, size: 18, presence: !1 }, C.id)),
+              p.owners.slice(0, 4).map((C) => /* @__PURE__ */ e(K, { id: C.id, name: C.name, size: 18, presence: !1 }, C.id)),
               p.owners.length > 4 && /* @__PURE__ */ a("span", { className: "flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-slate-200 px-1 text-[9px] font-semibold text-slate-600 dark:bg-muted dark:text-slate-300", children: [
                 "+",
                 p.owners.length - 4
@@ -491,7 +491,7 @@ function Kr({ room: n }) {
 }
 function Jr(n, s) {
   if (!n) return null;
-  const l = Mt() ?? Intl.DateTimeFormat().resolvedOptions().timeZone, r = /* @__PURE__ */ new Date();
+  const l = Lt() ?? Intl.DateTimeFormat().resolvedOptions().timeZone, r = /* @__PURE__ */ new Date();
   let o, i;
   try {
     const d = (b) => new Intl.DateTimeFormat("en-US", { timeZone: b, hour: "numeric", minute: "2-digit" }).format(
@@ -505,26 +505,26 @@ function Jr(n, s) {
   const m = s.split(/\s+/)[0] || s;
   return `${o} for ${m}`;
 }
-function ua() {
+function ha() {
   const [n, s] = T(0);
-  return ee(() => {
+  return X(() => {
     const l = setInterval(() => s((r) => r + 1), 6e4);
     return () => clearInterval(l);
   }, []), n;
 }
 function Yr({ peerId: n, name: s }) {
-  ua();
-  const { state: l, title: r } = ca(n), o = Wt(n), i = l === "online" ? "Active now" : l === "offline" ? (() => {
-    const f = ia(o);
+  ha();
+  const { state: l, title: r } = ma(n), o = zt(n), i = l === "online" ? "Active now" : l === "offline" ? (() => {
+    const f = ua(o);
     return f ? f.charAt(0).toUpperCase() + f.slice(1) : "Offline";
-  })() : r, m = Jr((o == null ? void 0 : o.timezone) ?? null, s), d = da(o), b = d ? (o == null ? void 0 : o.delegate) ?? null : null;
+  })() : r, m = Jr((o == null ? void 0 : o.timezone) ?? null, s), d = pa(o), b = d ? (o == null ? void 0 : o.delegate) ?? null : null;
   return /* @__PURE__ */ a(
     "p",
     {
       className: "flex min-w-0 items-center gap-1.5 truncate text-[11px] text-slate-500 dark:text-slate-400",
       "data-chat-dm-peer-line": l,
       children: [
-        d && /* @__PURE__ */ a(ve, { children: [
+        d && /* @__PURE__ */ a(ke, { children: [
           /* @__PURE__ */ e(
             "span",
             {
@@ -550,7 +550,7 @@ function Yr({ peerId: n, name: s }) {
           /* @__PURE__ */ e("span", { "aria-hidden": !0, children: "·" })
         ] }),
         /* @__PURE__ */ e("span", { className: "truncate", children: i }),
-        m && /* @__PURE__ */ a(ve, { children: [
+        m && /* @__PURE__ */ a(ke, { children: [
           /* @__PURE__ */ e("span", { "aria-hidden": !0, children: "·" }),
           /* @__PURE__ */ e("span", { className: "shrink-0", "data-chat-dm-local-time": !0, title: (o == null ? void 0 : o.timezone) ?? void 0, children: m })
         ] })
@@ -558,7 +558,7 @@ function Yr({ peerId: n, name: s }) {
     }
   );
 }
-function jn({
+function Bn({
   room: n,
   label: s,
   onBack: l,
@@ -568,46 +568,46 @@ function jn({
   anchor: m = null,
   openThread: d = null
 }) {
-  var hn, fn, xn, bn, gn, vn, yn, kn, wn, Nn;
-  const b = Me(), f = ce(), p = Je(), x = b.me, v = Tr(n), U = x ? Ce(n, x.id) : null, $ = !s.trim() || s.toLowerCase() === n.toLowerCase() || /^dm:/i.test(s), { data: C } = _e({
+  var xn, bn, gn, vn, yn, kn, wn, Nn, Cn, _n;
+  const b = Le(), f = de(), p = Ze(), x = b.me, v = Tr(n), U = x ? Se(n, x.id) : null, $ = !s.trim() || s.toLowerCase() === n.toLowerCase() || /^dm:/i.test(s), { data: C } = Te({
     ...Ss(p, U),
     enabled: !!U && $,
     staleTime: 12e4
   }), S = $ && U ? [C == null ? void 0 : C.first_name, C == null ? void 0 : C.last_name].filter(Boolean).join(" ") || (C == null ? void 0 : C.email) || "Direct message" : s, [E, R] = T(m);
-  ee(() => R(m), [m]);
-  const { messages: y, loading: q, hasOlder: A, hasNewer: F, loadOlder: z, loadingOlder: G } = Ks(
+  X(() => R(m), [m]);
+  const { messages: y, loading: q, hasOlder: A, hasNewer: W, loadOlder: F, loadingOlder: H } = Ks(
     n,
     E
   );
   Js(n);
-  const te = ra(n), me = Ys(), ne = Zs(n), ae = Vs(n.startsWith("dm:") ? n : null), le = Xs(n), se = er(n), de = tr(n), c = nr(n), L = !n.startsWith("dm:") && !n.startsWith("ch:") && n !== b.globalRoom && n.includes(":"), u = sa(n, L), Z = gr(n, !!u), Se = n.startsWith("ch:"), { data: pe = [] } = _e({
+  const ee = ia(n), pe = Ys(), te = Zs(n), ne = Vs(n.startsWith("dm:") ? n : null), le = Xs(n), ae = er(n), ue = tr(n), c = nr(n), L = !n.startsWith("dm:") && !n.startsWith("ch:") && n !== b.globalRoom && n.includes(":"), u = oa(n, L), J = gr(n, !!u), Ue = n.startsWith("ch:"), { data: he = [] } = Te({
     queryKey: ["chat-read-marks", n],
     queryFn: () => p.request(
-      ge(`/chat/rooms/${encodeURIComponent(n)}/read-marks`)
+      ye(`/chat/rooms/${encodeURIComponent(n)}/read-marks`)
     ).then((t) => t.data ?? []).catch(() => []),
-    enabled: Se,
-    refetchInterval: Se ? 3e4 : !1,
+    enabled: Ue,
+    refetchInterval: Ue ? 3e4 : !1,
     staleTime: 15e3
-  }), Oe = (t) => pe.filter(
+  }), Pe = (t) => he.filter(
     (h) => h.user !== String(t.sender ?? "") && new Date(h.last_read_at).getTime() >= new Date(t.date_created).getTime()
-  ), ke = At(), { data: Te = [] } = _e({
+  ), Ne = Mt(), { data: De = [] } = Te({
     queryKey: ["chat-saved"],
-    queryFn: () => p.request(ge("/chat/saved")).then((t) => t.data ?? []).catch(() => []),
+    queryFn: () => p.request(ye("/chat/saved")).then((t) => t.data ?? []).catch(() => []),
     staleTime: 6e4
-  }), we = be(() => new Set(Te.map((t) => t.id)), [Te]), k = Ee({
-    mutationFn: (t) => p.request(Be(`/chat/messages/${t}/save`, {})),
-    onSuccess: () => void ke.invalidateQueries({ queryKey: ["chat-saved"] })
-  }), [M, P] = T(null), V = Ee({
+  }), Ce = ve(() => new Set(De.map((t) => t.id)), [De]), k = We({
+    mutationFn: (t) => p.request(Fe(`/chat/messages/${t}/save`, {})),
+    onSuccess: () => void Ne.invalidateQueries({ queryKey: ["chat-saved"] })
+  }), [M, P] = T(null), Y = We({
     mutationFn: () => p.request(
-      Be("/chat/rooms/summary", { room: n })
+      Fe("/chat/rooms/summary", { room: n })
     ).then((t) => t.data),
     onSuccess: (t) => P((t == null ? void 0 : t.summary) ?? "Not enough new messages to summarize."),
     onError: () => P("Summary unavailable.")
-  }), Ue = Ee({
+  }), $e = We({
     mutationFn: async (t) => {
       if (!u || !x) throw new Error("no record");
       await p.request(
-        Be("/tasks", {
+        Fe("/tasks", {
           collection: u.collection,
           item: String(u.id),
           title: t.message.replace(/<[^>]*>/g, "").slice(0, 200),
@@ -616,159 +616,159 @@ function jn({
       );
     },
     onSuccess: () => {
-      u && _s(ke, u.collection, u.id), xe.success("Task created from message — assigned to you");
+      u && _s(Ne, u.collection, u.id), ge.success("Task created from message — assigned to you");
     },
-    onError: () => xe.error("Could not create a task")
-  }), _ = Ee({
-    mutationFn: (t) => p.request(Be(`/chat/messages/${t.id}/to-notes`, {})),
-    onSuccess: () => xe.success(`Copied to the Notes of ${(u == null ? void 0 : u.label) ?? "the record"}`),
+    onError: () => ge.error("Could not create a task")
+  }), _ = We({
+    mutationFn: (t) => p.request(Fe(`/chat/messages/${t.id}/to-notes`, {})),
+    onSuccess: () => ge.success(`Copied to the Notes of ${(u == null ? void 0 : u.label) ?? "the record"}`),
     onError: (t) => {
       var h;
-      return xe.error(((h = t == null ? void 0 : t.response) == null ? void 0 : h.error) ?? "Could not copy it");
+      return ge.error(((h = t == null ? void 0 : t.response) == null ? void 0 : h.error) ?? "Could not copy it");
     }
-  }), I = Ee({
+  }), I = We({
     mutationFn: (t) => p.request(
-      Be(`/chat/messages/${t.messageId}/attach-to-record`, {
+      Fe(`/chat/messages/${t.messageId}/attach-to-record`, {
         file_id: t.fileId,
         field: t.field
       })
     ),
     onSuccess: (t, h) => {
       var N;
-      return xe.success(
-        `Attached to ${(u == null ? void 0 : u.label) ?? "the record"} — ${((N = Z.find((H) => H.field === h.field)) == null ? void 0 : N.label) ?? h.field}`
+      return ge.success(
+        `Attached to ${(u == null ? void 0 : u.label) ?? "the record"} — ${((N = J.find((z) => z.field === h.field)) == null ? void 0 : N.label) ?? h.field}`
       );
     },
     onError: (t) => {
       var h;
-      return xe.error(
+      return ge.error(
         ((h = t == null ? void 0 : t.response) == null ? void 0 : h.error) ?? "Could not attach it"
       );
     }
-  }), j = Ee({
+  }), j = We({
     mutationFn: (t) => p.request(ys(`/chat/messages/${t}`, { no_preview: !0 })),
-    onSuccess: () => void ke.invalidateQueries({ queryKey: ["nvr-chat", n] })
-  }), X = ar(n), Q = sr(n), { isAdmin: B } = ut(), { setMuted: K, setNotifyMode: fa, setArchived: xa, setStarred: ba, dismissWelcome: ga, leave: va } = It(), { rooms: ya, loading: ka } = ea(), zt = ya.find((t) => t.room === n) ?? null, { rooms: wa } = ta(!ka && !zt), w = zt ?? wa.find((t) => t.room === n) ?? null, Na = ma(w), Ht = w != null && w.muted ? "muted" : (w == null ? void 0 : w.notify_mode) === "mentions" ? "mentions" : "all", ue = rr(), [Xe, Ca] = T(!1), [et, Gt] = T(""), [_a, mt] = T(null), [Qt, Kt] = T(""), [Sa, pt] = T(null), Ta = Ur(n), [Ua, Jt] = T(null), [Yt, Zt] = T(null), [Vt, Le] = T(null), Xt = lr(d ? n : null, d), en = !!Xt.root && !Xt.root.deleted_at;
-  ee(() => {
-    d && en && Le(d);
-  }, [d, en]);
-  const [Da, tn] = T(null), [$a, nn] = T(null), [ht, We] = T(!1), [Aa, ft] = T(!1), [oe, Fe] = T(null), [ze, tt] = T(
+    onSuccess: () => void Ne.invalidateQueries({ queryKey: ["nvr-chat", n] })
+  }), oe = ar(n), V = sr(n), { isAdmin: Z } = pt(), { setMuted: G, setNotifyMode: se, setArchived: fe, setStarred: ga, dismissWelcome: va, leave: ya } = qt(), { rooms: ka, loading: wa } = aa(), Gt = ka.find((t) => t.room === n) ?? null, { rooms: Na } = sa(!wa && !Gt), w = Gt ?? Na.find((t) => t.room === n) ?? null, Ca = fa(w), Qt = w != null && w.muted ? "muted" : (w == null ? void 0 : w.notify_mode) === "mentions" ? "mentions" : "all", me = rr(), [tt, _a] = T(!1), [nt, Kt] = T(""), [Sa, ht] = T(null), [Jt, Yt] = T(""), [Ta, ft] = T(null), Ua = Ur(n), [Da, Zt] = T(null), [Vt, Xt] = T(null), [en, Ie] = T(null), tn = lr(d ? n : null, d), nn = !!tn.root && !tn.root.deleted_at;
+  X(() => {
+    d && nn && Ie(d);
+  }, [d, nn]);
+  const [$a, an] = T(null), [Aa, sn] = T(null), [xt, ze] = T(!1), [Ra, bt] = T(!1), [ie, He] = T(null), [Ge, at] = T(
     m && "around" in m ? m.around : null
-  ), [nt, xt] = T(null), He = Rs(n, (x == null ? void 0 : x.id) ?? null), an = ie(null), bt = ie(null), gt = ie(Math.max(0, i ?? 0)), De = ie(!1), Ae = ie(null), sn = ie(null), re = ie(!m), Ge = ie(0), Qe = ie(null), vt = ie(0), at = () => {
-    const t = Ae.current;
+  ), [st, gt] = T(null), Qe = Rs(n, (x == null ? void 0 : x.id) ?? null), rn = ce(null), vt = ce(null), yt = ce(Math.max(0, i ?? 0)), Ae = ce(!1), Me = ce(null), ln = ce(null), re = ce(!m), Ke = ce(0), Je = ce(null), kt = ce(0), rt = () => {
+    const t = Me.current;
     t && (t.scrollTop = t.scrollHeight);
-  }, yt = (t) => {
+  }, wt = (t) => {
     var N;
-    const h = (N = Ae.current) == null ? void 0 : N.querySelector(`[data-chat-msg="${t}"]`);
-    return h ? (h.scrollIntoView({ block: "center" }), re.current = !1, tt(t), !0) : ye.reveal(t) ? (re.current = !1, tt(t), !0) : !1;
-  }, rn = (t) => {
-    We(!1), yt(t) || (De.current = !1, re.current = !1, tt(t), R({ around: t }));
+    const h = (N = Me.current) == null ? void 0 : N.querySelector(`[data-chat-msg="${t}"]`);
+    return h ? (h.scrollIntoView({ block: "center" }), re.current = !1, at(t), !0) : we.reveal(t) ? (re.current = !1, at(t), !0) : !1;
+  }, on = (t) => {
+    ze(!1), wt(t) || (Ae.current = !1, re.current = !1, at(t), R({ around: t }));
   };
-  ee(() => {
-    if (ze == null) return;
-    const t = setTimeout(() => tt(null), 2400);
+  X(() => {
+    if (Ge == null) return;
+    const t = setTimeout(() => at(null), 2400);
     return () => clearTimeout(t);
-  }, [ze]), ee(() => {
-    De.current = !1, Ge.current = 0, Fe(null);
-  }, [n, E]), ee(() => {
-    var Re, je;
-    const t = Ae.current, h = ((Re = y[0]) == null ? void 0 : Re.id) ?? null;
-    if (!De.current && y.length > 0) {
-      if (De.current = !0, Ge.current = y.length, Qe.current = h, ze != null && yt(ze)) return;
-      bt.current && !E ? (bt.current.scrollIntoView({ block: "center" }), re.current = !1) : E || (at(), re.current = !0);
+  }, [Ge]), X(() => {
+    Ae.current = !1, Ke.current = 0, He(null);
+  }, [n, E]), X(() => {
+    var Oe, Ee;
+    const t = Me.current, h = ((Oe = y[0]) == null ? void 0 : Oe.id) ?? null;
+    if (!Ae.current && y.length > 0) {
+      if (Ae.current = !0, Ke.current = y.length, Je.current = h, Ge != null && wt(Ge)) return;
+      vt.current && !E ? (vt.current.scrollIntoView({ block: "center" }), re.current = !1) : E || (rt(), re.current = !0);
       return;
     }
-    if (h !== Qe.current && Qe.current != null && t) {
-      Qe.current = h, Ge.current = y.length;
+    if (h !== Je.current && Je.current != null && t) {
+      Je.current = h, Ke.current = y.length;
       return;
     }
-    Qe.current = h;
-    const N = y.length - Ge.current;
-    if (Ge.current = y.length, N <= 0) return;
-    const H = y[y.length - 1], J = !!(H != null && H.sender) && H.sender.toLowerCase() === ((je = x == null ? void 0 : x.id) == null ? void 0 : je.toLowerCase());
-    if (re.current || J)
-      at(), re.current = !0, Fe(null);
+    Je.current = h;
+    const N = y.length - Ke.current;
+    if (Ke.current = y.length, N <= 0) return;
+    const z = y[y.length - 1], Q = !!(z != null && z.sender) && z.sender.toLowerCase() === ((Ee = x == null ? void 0 : x.id) == null ? void 0 : Ee.toLowerCase());
+    if (re.current || Q)
+      rt(), re.current = !0, He(null);
     else {
-      const $e = y[y.length - N];
-      Fe((fe) => ({ count: ((fe == null ? void 0 : fe.count) ?? 0) + N, firstId: (fe == null ? void 0 : fe.firstId) ?? $e.id }));
+      const Re = y[y.length - N];
+      He((be) => ({ count: ((be == null ? void 0 : be.count) ?? 0) + N, firstId: (be == null ? void 0 : be.firstId) ?? Re.id }));
     }
-  }, [y]), ee(() => {
-    const t = sn.current;
+  }, [y]), X(() => {
+    const t = ln.current;
     if (!t || typeof ResizeObserver > "u") return;
     const h = new ResizeObserver(() => {
       var N;
-      re.current && at(), vt.current = ((N = Ae.current) == null ? void 0 : N.scrollHeight) ?? 0;
+      re.current && rt(), kt.current = ((N = Me.current) == null ? void 0 : N.scrollHeight) ?? 0;
     });
     return h.observe(t), () => h.disconnect();
-  }, []), ee(() => {
-    var N, H;
+  }, []), X(() => {
+    var N, z;
     const t = y[y.length - 1];
-    if (!t || !De.current || ((N = t.sender) == null ? void 0 : N.toLowerCase()) === ((H = x == null ? void 0 : x.id) == null ? void 0 : H.toLowerCase()))
+    if (!t || !Ae.current || ((N = t.sender) == null ? void 0 : N.toLowerCase()) === ((z = x == null ? void 0 : x.id) == null ? void 0 : z.toLowerCase()))
       return;
     const h = Date.now() - new Date(t.date_created).getTime();
-    h > 0 && h < 5 * 6e4 && Math.random() < 0.2 && p.request(Be("/chat/health/delivery", { ms: h })).catch(() => {
+    h > 0 && h < 5 * 6e4 && Math.random() < 0.2 && p.request(Fe("/chat/health/delivery", { ms: h })).catch(() => {
     });
-  }, [(hn = y[y.length - 1]) == null ? void 0 : hn.id]), ee(() => {
-    if (!nt || !ue) return;
+  }, [(xn = y[y.length - 1]) == null ? void 0 : xn.id]), X(() => {
+    if (!st || !me) return;
     if (y.some(
-      (N) => (N.sender_name ?? "").toLowerCase() === ue.toLowerCase() && new Date(N.date_created).getTime() >= nt - 5e3
+      (N) => (N.sender_name ?? "").toLowerCase() === me.toLowerCase() && new Date(N.date_created).getTime() >= st - 5e3
     )) {
-      xt(null);
+      gt(null);
       return;
     }
-    const h = setTimeout(() => xt(null), 9e4);
+    const h = setTimeout(() => gt(null), 9e4);
     return () => clearTimeout(h);
-  }, [nt, ue, y]);
-  const st = be(() => {
+  }, [st, me, y]);
+  const lt = ve(() => {
     const t = /* @__PURE__ */ new Set();
     for (const h of y) for (const N of h.attachments ?? []) t.add(N);
     return [...t];
-  }, [y]), { data: kt } = _e({
-    queryKey: ["nvr-chat-attachments", st.slice().sort().join("|")],
+  }, [y]), { data: Nt } = Te({
+    queryKey: ["nvr-chat-attachments", lt.slice().sort().join("|")],
     queryFn: async () => {
       const t = await p.request(
-        ge("/files", {
-          filter: JSON.stringify({ id: { _in: st } }),
-          limit: String(st.length),
+        ye("/files", {
+          filter: JSON.stringify({ id: { _in: lt } }),
+          limit: String(lt.length),
           fields: "id,filename_download,title,type,filesize,tags"
         })
       );
       return new Map((t.data ?? []).map((h) => [h.id, h]));
     },
-    enabled: st.length > 0,
+    enabled: lt.length > 0,
     staleTime: 5 * 6e4
   });
-  ee(() => {
-    E || me.mutate(n);
+  X(() => {
+    E || pe.mutate(n);
   }, [n, y.length, E]);
-  const Ra = (t) => {
-    if (re.current = !0, E && R(null), ue) {
-      const h = ue.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-      new RegExp(`@\\[?${h}\\]?\\b`, "i").test(t) && xt(Date.now());
+  const Ma = (t) => {
+    if (re.current = !0, E && R(null), me) {
+      const h = me.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+      new RegExp(`@\\[?${h}\\]?\\b`, "i").test(t) && gt(Date.now());
     }
-  }, Pe = (fn = x == null ? void 0 : x.id) == null ? void 0 : fn.toLowerCase(), he = Xe && et.trim().length > 0, Ne = be(
-    () => he ? y.filter((t) => t.message.toLowerCase().includes(et.trim().toLowerCase())) : y,
-    [y, he, et]
-  ), Ma = be(() => {
+  }, je = (bn = x == null ? void 0 : x.id) == null ? void 0 : bn.toLowerCase(), xe = tt && nt.trim().length > 0, _e = ve(
+    () => xe ? y.filter((t) => t.message.toLowerCase().includes(nt.trim().toLowerCase())) : y,
+    [y, xe, nt]
+  ), Oa = ve(() => {
     var t;
-    if (he) return -1;
-    for (let h = Ne.length - 1; h >= 0; h--)
-      if (((t = Ne[h].sender) == null ? void 0 : t.toLowerCase()) === Pe) return h;
+    if (xe) return -1;
+    for (let h = _e.length - 1; h >= 0; h--)
+      if (((t = _e[h].sender) == null ? void 0 : t.toLowerCase()) === je) return h;
     return -1;
-  }, [Ne, Pe, he]), ln = ae ? new Date(ae).getTime() : 0, Ie = Pt().chat_density === "compact" ? "compact" : "comfortable", on = ie(null), Oa = be(() => Ne.map((t) => t.id), [Ne]), ye = yr({
-    scrollerRef: Ae,
-    listRef: on,
-    ids: Oa,
-    estimate: Ie === "compact" ? 40 : 72,
-    resetKey: `${n}|${JSON.stringify(E)}|${he ? "search" : ""}`,
+  }, [_e, je, xe]), cn = ne ? new Date(ne).getTime() : 0, qe = jt().chat_density === "compact" ? "compact" : "comfortable", dn = ce(null), La = ve(() => _e.map((t) => t.id), [_e]), we = yr({
+    scrollerRef: Me,
+    listRef: dn,
+    ids: La,
+    estimate: qe === "compact" ? 40 : 72,
+    resetKey: `${n}|${JSON.stringify(E)}|${xe ? "search" : ""}`,
     pinnedRef: re
-  }), W = (w == null ? void 0 : w.channel) ?? null, cn = !!W && !!x && String(W.created_by ?? "").toUpperCase() === x.id.toUpperCase(), dn = W != null && W.announce && !cn && !B ? W.id === Xn ? "Only admins post here. Hover a message and reply in its thread." : "Only the channel owner and admins post here. Hover a message and reply in its thread." : null, un = x ? Ce(n, x.id) : null, La = Wt(un);
-  ua();
-  const Pa = un ? vr(La, S, /* @__PURE__ */ new Date()) : null;
+  }), B = (w == null ? void 0 : w.channel) ?? null, un = !!B && !!x && String(B.created_by ?? "").toUpperCase() === x.id.toUpperCase(), mn = B != null && B.announce && !un && !Z ? B.id === na ? "Only admins post here. Hover a message and reply in its thread." : "Only the channel owner and admins post here. Hover a message and reply in its thread." : null, pn = x ? Se(n, x.id) : null, Pa = zt(pn);
+  ha();
+  const Ia = pn ? vr(Pa, S, /* @__PURE__ */ new Date()) : null;
   or(), fr();
-  const Ia = !!(W != null && W.welcome_note) && !!(w != null && w.joined) && !(w != null && w.welcome_seen_at) && !W.is_direct, ja = (t, h) => t.entity ? /* @__PURE__ */ e(In, { token: t.text, url: b.entityUrl(t.entity) }, h) : t.mention ? /* @__PURE__ */ e("span", { className: g("rounded px-0.5 font-semibold", f.accentSoft), children: t.text }, h) : /* @__PURE__ */ e("span", { children: t.text }, h), qa = (t, h) => t.entity ? /* @__PURE__ */ e(In, { token: t.text, url: b.entityUrl(t.entity), mine: !0 }, h) : t.mention ? /* @__PURE__ */ e("span", { className: "rounded bg-black/15 px-0.5 font-semibold", children: t.text }, h) : /* @__PURE__ */ e("span", { children: t.text }, h), mn = (t, h = {}) => {
-    var Cn, _n;
-    const N = ((Cn = t.sender) == null ? void 0 : Cn.toLowerCase()) === Pe;
+  const ja = !!(B != null && B.welcome_note) && !!(w != null && w.joined) && !(w != null && w.welcome_seen_at) && !B.is_direct, qa = (t, h) => t.entity ? /* @__PURE__ */ e(En, { token: t.text, url: b.entityUrl(t.entity) }, h) : t.mention ? /* @__PURE__ */ e("span", { className: g("rounded px-0.5 font-semibold", f.accentSoft), children: t.text }, h) : /* @__PURE__ */ e("span", { children: t.text }, h), Ea = (t, h) => t.entity ? /* @__PURE__ */ e(En, { token: t.text, url: b.entityUrl(t.entity), mine: !0 }, h) : t.mention ? /* @__PURE__ */ e("span", { className: "rounded bg-black/15 px-0.5 font-semibold", children: t.text }, h) : /* @__PURE__ */ e("span", { children: t.text }, h), hn = (t, h = {}) => {
+    var Sn, Tn;
+    const N = ((Sn = t.sender) == null ? void 0 : Sn.toLowerCase()) === je;
     if (t.is_system)
       return /* @__PURE__ */ e(
         "div",
@@ -785,30 +785,30 @@ function jn({
           ] })
         }
       );
-    const H = h.isLastMine && ln > 0 && new Date(t.date_created).getTime() <= ln, J = !!t.deleted_at, Re = N && !J && Date.now() - new Date(t.date_created).getTime() < 15 * 6e4, je = !J && (N || B), $e = _a === t.id, fe = /* @__PURE__ */ new Map();
+    const z = h.isLastMine && cn > 0 && new Date(t.date_created).getTime() <= cn, Q = !!t.deleted_at, Oe = N && !Q && Date.now() - new Date(t.date_created).getTime() < 15 * 6e4, Ee = !Q && (N || Z), Re = Sa === t.id, be = /* @__PURE__ */ new Map();
     for (const D of t.reactions ?? []) {
-      const O = fe.get(D.emoji) ?? { count: 0, mine: !1, names: [] };
-      O.count++, ((_n = D.user) == null ? void 0 : _n.toLowerCase()) === Pe && (O.mine = !0), D.user_name && O.names.push(D.user_name), fe.set(D.emoji, O);
+      const O = be.get(D.emoji) ?? { count: 0, mine: !1, names: [] };
+      O.count++, ((Tn = D.user) == null ? void 0 : Tn.toLowerCase()) === je && (O.mine = !0), D.user_name && O.names.push(D.user_name), be.set(D.emoji, O);
     }
-    const qe = "rounded-full p-0.5 text-slate-400 hover:text-slate-600 dark:hover:text-slate-200";
+    const Be = "rounded-full p-0.5 text-slate-400 hover:text-slate-600 dark:hover:text-slate-200";
     return /* @__PURE__ */ a(
       "div",
       {
         className: g(
           "group/msg flex gap-2 rounded-lg transition-colors",
           N && "flex-row-reverse",
-          ze === t.id && "bg-nvr-cyan/[0.12]"
+          Ge === t.id && "bg-nvr-cyan/[0.12]"
         ),
         "data-chat-msg": t.id,
         children: [
-          !N && /* @__PURE__ */ e(Ot, { userId: t.sender, children: /* @__PURE__ */ e(
+          !N && /* @__PURE__ */ e(Pt, { userId: t.sender, children: /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               className: "h-fit shrink-0 rounded-full",
               "aria-label": `${t.sender_name ?? "Sender"} — profile`,
               "data-chat-avatar-card": !0,
-              children: /* @__PURE__ */ e(Y, { id: t.sender, name: t.sender_name, size: Ie === "compact" ? 22 : 26 })
+              children: /* @__PURE__ */ e(K, { id: t.sender, name: t.sender_name, size: qe === "compact" ? 22 : 26 })
             }
           ) }),
           /* @__PURE__ */ a("div", { className: g("relative max-w-[78%]", N && "text-right"), children: [
@@ -827,12 +827,12 @@ function jn({
                 }
               )
             ] }),
-            !J && !$e && /* @__PURE__ */ a(
+            !Q && !Re && /* @__PURE__ */ a(
               "div",
               {
                 className: g(
                   "absolute -top-3 z-10 hidden items-center gap-0.5 rounded-full border px-1 py-0.5 shadow-sm group-hover/msg:flex",
-                  Ua === t.id && "flex",
+                  Da === t.id && "flex",
                   f.surface,
                   "border-slate-200 dark:border-border",
                   N ? "right-0" : "left-0"
@@ -843,7 +843,7 @@ function jn({
                     "button",
                     {
                       type: "button",
-                      onClick: () => se.mutate({ messageId: t.id, emoji: D }),
+                      onClick: () => ae.mutate({ messageId: t.id, emoji: D }),
                       className: "rounded-full px-0.5 text-[13px] leading-none transition-transform hover:scale-125",
                       title: `React ${D}`,
                       children: D
@@ -854,9 +854,9 @@ function jn({
                     xr,
                     {
                       label: "More reactions",
-                      className: qe,
-                      onPick: (D) => se.mutate({ messageId: t.id, emoji: D }),
-                      onOpenChange: (D) => Jt(D ? t.id : null)
+                      className: Be,
+                      onPick: (D) => ae.mutate({ messageId: t.id, emoji: D }),
+                      onOpenChange: (D) => Zt(D ? t.id : null)
                     }
                   ),
                   !h.inThread && !t.parent_id && /* @__PURE__ */ e(
@@ -865,9 +865,9 @@ function jn({
                       type: "button",
                       title: "Reply in thread",
                       onClick: () => {
-                        We(!1), Le(t.id);
+                        ze(!1), Ie(t.id);
                       },
-                      className: qe,
+                      className: Be,
                       "data-chat-reply-thread": !0,
                       children: /* @__PURE__ */ e(rs, { className: "h-3 w-3" })
                     }
@@ -877,20 +877,20 @@ function jn({
                     {
                       type: "button",
                       title: "Quote",
-                      onClick: () => h.inThread ? nn(t) : tn(t),
-                      className: qe,
+                      onClick: () => h.inThread ? sn(t) : an(t),
+                      className: Be,
                       "data-chat-quote": !0,
                       children: /* @__PURE__ */ e(ls, { className: "h-3 w-3" })
                     }
                   ),
-                  u && /* @__PURE__ */ a(ve, { children: [
+                  u && /* @__PURE__ */ a(ke, { children: [
                     /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
                         title: "Make a task from this message",
-                        onClick: () => Ue.mutate(t),
-                        className: qe,
+                        onClick: () => $e.mutate(t),
+                        className: Be,
                         children: /* @__PURE__ */ e(os, { className: "h-3 w-3" })
                       }
                     ),
@@ -900,7 +900,7 @@ function jn({
                         type: "button",
                         title: `Copy into the Notes of ${u.label}`,
                         onClick: () => _.mutate(t),
-                        className: qe,
+                        className: Be,
                         "data-chat-to-notes": !0,
                         children: /* @__PURE__ */ e(is, { className: "h-3 w-3" })
                       }
@@ -910,47 +910,47 @@ function jn({
                     "button",
                     {
                       type: "button",
-                      title: de.some((D) => D.id === t.id) ? "Unpin" : "Pin",
+                      title: ue.some((D) => D.id === t.id) ? "Unpin" : "Pin",
                       onClick: () => c.mutate(t.id),
                       className: g(
                         "rounded-full p-0.5",
-                        de.some((D) => D.id === t.id) ? f.accentText : "text-slate-400 hover:text-slate-600 dark:hover:text-slate-200"
+                        ue.some((D) => D.id === t.id) ? f.accentText : "text-slate-400 hover:text-slate-600 dark:hover:text-slate-200"
                       ),
-                      children: /* @__PURE__ */ e(St, { className: "h-3 w-3" })
+                      children: /* @__PURE__ */ e(Ut, { className: "h-3 w-3" })
                     }
                   ),
                   /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
-                      title: we.has(t.id) ? "Remove from saved" : "Save for later (personal bookmark)",
+                      title: Ce.has(t.id) ? "Remove from saved" : "Save for later (personal bookmark)",
                       onClick: () => k.mutate(t.id),
                       className: g(
                         "rounded-full p-0.5",
-                        we.has(t.id) ? f.accentText : "text-slate-400 hover:text-slate-600 dark:hover:text-slate-200"
+                        Ce.has(t.id) ? f.accentText : "text-slate-400 hover:text-slate-600 dark:hover:text-slate-200"
                       ),
                       children: /* @__PURE__ */ e(cs, { className: "h-3 w-3" })
                     }
                   ),
-                  Re && /* @__PURE__ */ e(
+                  Oe && /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
                       title: "Edit",
                       onClick: () => {
-                        mt(t.id), Kt(t.message), pt(null);
+                        ht(t.id), Yt(t.message), ft(null);
                       },
-                      className: qe,
+                      className: Be,
                       children: /* @__PURE__ */ e(ds, { className: "h-3 w-3" })
                     }
                   ),
-                  je && (Sa === t.id ? /* @__PURE__ */ e(
+                  Ee && (Ta === t.id ? /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
                       title: "Confirm delete",
                       onClick: () => {
-                        Q.mutate(t.id), pt(null);
+                        V.mutate(t.id), ft(null);
                       },
                       className: "rounded-full px-1 text-[10px] font-semibold text-red-500",
                       children: "Sure?"
@@ -960,7 +960,7 @@ function jn({
                     {
                       type: "button",
                       title: N ? "Delete" : "Delete (admin)",
-                      onClick: () => pt(t.id),
+                      onClick: () => ft(t.id),
                       className: "rounded-full p-0.5 text-slate-400 hover:text-red-500",
                       children: /* @__PURE__ */ e(us, { className: "h-3 w-3" })
                     }
@@ -969,15 +969,15 @@ function jn({
                     Dr,
                     {
                       messageId: t.id,
-                      actions: $r(Ta, t, Pe),
+                      actions: $r(Ua, t, je),
                       navigate: b.navigate,
-                      onOpenChange: (D) => Jt(D ? t.id : null)
+                      onOpenChange: (D) => Zt(D ? t.id : null)
                     }
                   )
                 ]
               }
             ),
-            t.urgent && !J && /* @__PURE__ */ a(
+            t.urgent && !Q && /* @__PURE__ */ a(
               "p",
               {
                 className: g(
@@ -991,24 +991,24 @@ function jn({
                 ]
               }
             ),
-            J ? /* @__PURE__ */ e("div", { className: "inline-block rounded-2xl border border-dashed border-slate-200 px-3 py-1.5 text-left text-[11.5px] italic text-slate-500 dark:border-border", children: "Message removed" }) : $e ? /* @__PURE__ */ a(
+            Q ? /* @__PURE__ */ e("div", { className: "inline-block rounded-2xl border border-dashed border-slate-200 px-3 py-1.5 text-left text-[11.5px] italic text-slate-500 dark:border-border", children: "Message removed" }) : Re ? /* @__PURE__ */ a(
               "form",
               {
                 className: "flex items-center gap-1",
                 onSubmit: (D) => {
                   D.preventDefault();
-                  const O = Qt.trim();
-                  O && O !== t.message && X.mutate({ messageId: t.id, text: O }), mt(null);
+                  const O = Jt.trim();
+                  O && O !== t.message && oe.mutate({ messageId: t.id, text: O }), ht(null);
                 },
                 children: [
                   /* @__PURE__ */ e(
                     "input",
                     {
                       autoFocus: !0,
-                      value: Qt,
-                      onChange: (D) => Kt(D.target.value),
+                      value: Jt,
+                      onChange: (D) => Yt(D.target.value),
                       onKeyDown: (D) => {
-                        D.key === "Escape" && mt(null);
+                        D.key === "Escape" && ht(null);
                       },
                       className: g(
                         "h-8 w-[240px] rounded-lg border px-2 text-[12px] outline-none",
@@ -1032,7 +1032,7 @@ function jn({
               {
                 className: g(
                   "inline-block max-w-full rounded-2xl text-left leading-snug",
-                  Ie === "compact" ? "px-2.5 py-1 text-[12px]" : "px-3 py-1.5 text-[12.5px]",
+                  qe === "compact" ? "px-2.5 py-1 text-[12px]" : "px-3 py-1.5 text-[12.5px]",
                   N ? g("rounded-br-md", f.bubbleMine) : g("rounded-bl-md", f.bubbleOther),
                   t.urgent && "ring-2 ring-red-400/70"
                 ),
@@ -1041,7 +1041,7 @@ function jn({
                     "button",
                     {
                       type: "button",
-                      onClick: () => rn(t.quote.id),
+                      onClick: () => on(t.quote.id),
                       className: g(
                         "mb-1 block w-full rounded-md border-l-2 px-2 py-1 text-left text-[11px]",
                         N ? "border-white/60 bg-black/10" : "border-slate-400 bg-white/70 dark:border-slate-500 dark:bg-black/20"
@@ -1053,93 +1053,93 @@ function jn({
                       ]
                     }
                   ),
-                  t.message && Rn(t.message) && (o ? o(t, { mine: N }) : /* @__PURE__ */ e(
+                  t.message && Ln(t.message) && (o ? o(t, { mine: N }) : /* @__PURE__ */ e(
                     Ar,
                     {
-                      text: Rn(t.message),
+                      text: Ln(t.message),
                       mine: N,
-                      renderToken: N ? qa : ja,
+                      renderToken: N ? Ea : qa,
                       entityPattern: b.entityPattern,
                       timeRefs: t.time_refs,
                       navigate: b.navigate
                     }
                   )),
-                  Mn(t.message) != null && /* @__PURE__ */ e(
+                  Pn(t.message) != null && /* @__PURE__ */ e(
                     Nr,
                     {
-                      id: Mn(t.message),
+                      id: Pn(t.message),
                       mine: N,
-                      renderAvatar: (D, O) => /* @__PURE__ */ e(Y, { id: D, name: O, size: 18, presence: !1 })
+                      renderAvatar: (D, O) => /* @__PURE__ */ e(K, { id: D, name: O, size: 18, presence: !1 })
                     }
                   ),
                   t.poll && /* @__PURE__ */ e(Mr, { poll: t.poll, room: t.room, mine: N }),
                   (t.attachments ?? []).length > 0 && /* @__PURE__ */ e("div", { className: g("flex flex-wrap gap-1.5", t.message && "mt-1.5"), children: (t.attachments ?? []).map((D) => {
-                    const O = kt == null ? void 0 : kt.get(D), rt = (O == null ? void 0 : O.title) || (O == null ? void 0 : O.filename_download) || "Attachment", wt = p.fileUrl(D), Ea = ((O == null ? void 0 : O.type) ?? "").startsWith("image/"), lt = Br(O == null ? void 0 : O.tags, O == null ? void 0 : O.type), Sn = () => Zt({
+                    const O = Nt == null ? void 0 : Nt.get(D), ot = (O == null ? void 0 : O.title) || (O == null ? void 0 : O.filename_download) || "Attachment", Ct = p.fileUrl(D), Ba = ((O == null ? void 0 : O.type) ?? "").startsWith("image/"), it = Br(O == null ? void 0 : O.tags, O == null ? void 0 : O.type), Un = () => Xt({
                       id: D,
-                      url: wt,
-                      name: rt,
+                      url: Ct,
+                      name: ot,
                       type: (O == null ? void 0 : O.type) ?? null,
                       size: (O == null ? void 0 : O.filesize) ?? null
-                    }), ot = u && Z.length > 0 ? /* @__PURE__ */ e(
+                    }), ct = u && J.length > 0 ? /* @__PURE__ */ e(
                       Vr,
                       {
-                        targets: Z,
+                        targets: J,
                         recordLabel: u.label,
-                        onPick: (Ba) => I.mutate({ messageId: t.id, fileId: D, field: Ba })
+                        onPick: (Wa) => I.mutate({ messageId: t.id, fileId: D, field: Wa })
                       }
                     ) : null;
-                    return lt ? /* @__PURE__ */ e(
+                    return it ? /* @__PURE__ */ e(
                       Wr,
                       {
-                        url: wt,
-                        poster: lt.poster ? p.fileUrl(lt.poster) : null,
-                        name: rt,
-                        durationMs: lt.durationMs,
-                        action: ot
+                        url: Ct,
+                        poster: it.poster ? p.fileUrl(it.poster) : null,
+                        name: ot,
+                        durationMs: it.durationMs,
+                        action: ct
                       },
                       D
-                    ) : Ea ? /* @__PURE__ */ a("span", { className: "relative inline-block", children: [
+                    ) : Ba ? /* @__PURE__ */ a("span", { className: "relative inline-block", children: [
                       /* @__PURE__ */ e(
                         "button",
                         {
                           type: "button",
-                          onClick: Sn,
+                          onClick: Un,
                           className: "block cursor-zoom-in",
                           children: /* @__PURE__ */ e(
                             "img",
                             {
-                              src: wt,
-                              alt: rt,
+                              src: Ct,
+                              alt: ot,
                               className: "max-h-40 max-w-[220px] rounded-lg object-cover",
                               loading: "lazy"
                             }
                           )
                         }
                       ),
-                      ot && /* @__PURE__ */ e("span", { className: "absolute right-1 top-1", children: ot })
+                      ct && /* @__PURE__ */ e("span", { className: "absolute right-1 top-1", children: ct })
                     ] }, D) : /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1", children: [
                       /* @__PURE__ */ a(
                         "button",
                         {
                           type: "button",
-                          onClick: Sn,
+                          onClick: Un,
                           className: g(
                             "inline-flex max-w-[220px] items-center gap-1.5 rounded-lg border px-2 py-1 text-[11.5px]",
                             N ? "border-white/30 bg-white/10" : "border-slate-200 bg-white dark:border-border dark:bg-card"
                           ),
                           children: [
                             /* @__PURE__ */ e(ps, { className: "h-3 w-3 shrink-0 opacity-60" }),
-                            /* @__PURE__ */ e("span", { className: "truncate", children: rt })
+                            /* @__PURE__ */ e("span", { className: "truncate", children: ot })
                           ]
                         }
                       ),
-                      ot
+                      ct
                     ] }, D);
                   }) })
                 ]
               }
             ),
-            !J && !$e && t.message && !t.no_preview && /* @__PURE__ */ e("div", { className: g(N && "flex justify-end"), children: /* @__PURE__ */ e(
+            !Q && !Re && t.message && !t.no_preview && /* @__PURE__ */ e("div", { className: g(N && "flex justify-end"), children: /* @__PURE__ */ e(
               Rr,
               {
                 text: t.message,
@@ -1147,17 +1147,17 @@ function jn({
                 onDismiss: N ? () => j.mutate(t.id) : void 0
               }
             ) }),
-            fe.size > 0 && /* @__PURE__ */ e(
+            be.size > 0 && /* @__PURE__ */ e(
               "div",
               {
                 className: g("mt-0.5 flex flex-wrap gap-1", N && "justify-end"),
                 "data-chat-reactions": !0,
-                children: [...fe.entries()].map(([D, O]) => /* @__PURE__ */ a(
+                children: [...be.entries()].map(([D, O]) => /* @__PURE__ */ a(
                   "button",
                   {
                     type: "button",
                     title: O.names.join(", "),
-                    onClick: () => se.mutate({ messageId: t.id, emoji: D }),
+                    onClick: () => ae.mutate({ messageId: t.id, emoji: D }),
                     className: g(
                       "inline-flex items-center gap-0.5 rounded-full border px-1.5 py-px text-[10.5px] leading-tight transition-colors",
                       O.mine ? g("font-semibold", f.accentSoft, "border-transparent") : "border-slate-200 bg-white text-slate-600 hover:bg-slate-50 dark:border-border dark:bg-card dark:text-slate-300 dark:hover:bg-muted"
@@ -1175,7 +1175,7 @@ function jn({
               "button",
               {
                 type: "button",
-                onClick: () => Le(t.id),
+                onClick: () => Ie(t.id),
                 className: g(
                   "mt-1 flex items-center gap-1.5 rounded-md px-1 py-0.5 text-[11px] font-medium hover:bg-slate-100 dark:hover:bg-muted",
                   f.accentText,
@@ -1183,13 +1183,13 @@ function jn({
                 ),
                 "data-chat-thread-summary": t.thread.count,
                 children: [
-                  /* @__PURE__ */ e("span", { className: "flex -space-x-1.5", children: t.thread.people.slice(0, 3).map((D) => /* @__PURE__ */ e(Y, { id: D.id, name: D.name, size: 16, presence: !1 }, D.id)) }),
+                  /* @__PURE__ */ e("span", { className: "flex -space-x-1.5", children: t.thread.people.slice(0, 3).map((D) => /* @__PURE__ */ e(K, { id: D.id, name: D.name, size: 16, presence: !1 }, D.id)) }),
                   t.thread.count,
                   " ",
                   t.thread.count === 1 ? "reply" : "replies",
                   t.thread.last_reply_at && /* @__PURE__ */ a("span", { className: "font-normal text-slate-500 dark:text-slate-400", children: [
                     "· last ",
-                    Hn(t.thread.last_reply_at)
+                    Kn(t.thread.last_reply_at)
                   ] })
                 ]
               }
@@ -1211,14 +1211,14 @@ function jn({
                   ]
                 }
               ),
-              t.edited_at && !J && /* @__PURE__ */ e("span", { className: "italic", children: "(edited)" }),
+              t.edited_at && !Q && /* @__PURE__ */ e("span", { className: "italic", children: "(edited)" }),
               new Date(t.date_created).toLocaleTimeString("en-US", {
                 hour: "numeric",
                 minute: "2-digit"
               }),
-              N && Se && !J && (() => {
+              N && Ue && !Q && (() => {
                 var O;
-                const D = Oe(t);
+                const D = Pe(t);
                 return D.length === 0 ? null : /* @__PURE__ */ e(
                   tl,
                   {
@@ -1228,11 +1228,11 @@ function jn({
                   }
                 );
               })(),
-              h.isLastMine && n.startsWith("dm:") && (H ? /* @__PURE__ */ a("span", { className: g("inline-flex items-center gap-0.5 font-medium", f.accentText), children: [
+              h.isLastMine && n.startsWith("dm:") && (z ? /* @__PURE__ */ a("span", { className: g("inline-flex items-center gap-0.5 font-medium", f.accentText), children: [
                 /* @__PURE__ */ e(fs, { className: "h-3 w-3", strokeWidth: 2.4 }),
                 " Read"
               ] }) : /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-0.5", children: [
-                /* @__PURE__ */ e(Rt, { className: "h-3 w-3", strokeWidth: 2.2 }),
+                /* @__PURE__ */ e(Ot, { className: "h-3 w-3", strokeWidth: 2.2 }),
                 " Sent"
               ] }))
             ] })
@@ -1240,20 +1240,20 @@ function jn({
         ]
       }
     );
-  }, pn = (t) => /* @__PURE__ */ e(
+  }, fn = (t) => /* @__PURE__ */ e(
     Fs,
     {
-      ref: t ? void 0 : an,
+      ref: t ? void 0 : rn,
       room: n,
       label: S,
       parentId: t,
-      quote: t ? $a : Da,
-      onClearQuote: () => t ? nn(null) : tn(null),
-      onSent: Ra,
-      disabledReason: t ? null : dn,
-      quietNote: Pa,
+      quote: t ? Aa : $a,
+      onClearQuote: () => t ? sn(null) : an(null),
+      onSent: Ma,
+      disabledReason: t ? null : mn,
+      quietNote: Ia,
       th: f,
-      renderAvatar: (h, N) => /* @__PURE__ */ e(Y, { id: h, name: N, size: 22, presence: h !== "__bot__" })
+      renderAvatar: (h, N) => /* @__PURE__ */ e(K, { id: h, name: N, size: 22, presence: h !== "__bot__" })
     }
   );
   return /* @__PURE__ */ a(
@@ -1262,17 +1262,17 @@ function jn({
       className: "relative flex h-full min-h-0 flex-col",
       "data-chat-room": n,
       onDragOver: (t) => {
-        t.dataTransfer.types.includes("Files") && !dn && (t.preventDefault(), ft(!0));
+        t.dataTransfer.types.includes("Files") && !mn && (t.preventDefault(), bt(!0));
       },
       onDragLeave: (t) => {
-        t.currentTarget.contains(t.relatedTarget) || ft(!1);
+        t.currentTarget.contains(t.relatedTarget) || bt(!1);
       },
       onDrop: (t) => {
         var h;
-        t.dataTransfer.files.length && (t.preventDefault(), ft(!1), (h = an.current) == null || h.addFiles([...t.dataTransfer.files]));
+        t.dataTransfer.files.length && (t.preventDefault(), bt(!1), (h = rn.current) == null || h.addFiles([...t.dataTransfer.files]));
       },
       children: [
-        Aa && /* @__PURE__ */ e(
+        Ra && /* @__PURE__ */ e(
           "div",
           {
             className: "pointer-events-none absolute inset-2 z-30 flex items-center justify-center rounded-xl border-2 border-dashed border-nvr-cyan bg-white/85 text-[13px] font-semibold text-slate-700 dark:bg-card/90 dark:text-slate-100",
@@ -1288,16 +1288,16 @@ function jn({
               onClick: l,
               className: "rounded-md p-1 text-slate-400 hover:bg-slate-100 hover:text-slate-600 dark:hover:bg-white/10 dark:hover:text-slate-100",
               "aria-label": "Back to conversations",
-              children: /* @__PURE__ */ e(ct, { className: "h-4 w-4", strokeWidth: 2 })
+              children: /* @__PURE__ */ e(ut, { className: "h-4 w-4", strokeWidth: 2 })
             }
           ),
-          ((w == null ? void 0 : w.kind) === "channel" && !((xn = w.channel) != null && xn.is_direct) || (w == null ? void 0 : w.kind) === "global" && (((bn = w.channel) == null ? void 0 : bn.icon) || ((gn = w.channel) == null ? void 0 : gn.color))) && /* @__PURE__ */ e(Ke, { icon: (vn = w == null ? void 0 : w.channel) == null ? void 0 : vn.icon, color: (yn = w == null ? void 0 : w.channel) == null ? void 0 : yn.color, size: 24 }),
-          x && Ce(n, x.id) && /* @__PURE__ */ e(Hr, { peerId: Ce(n, x.id), name: S }),
+          ((w == null ? void 0 : w.kind) === "channel" && !((gn = w.channel) != null && gn.is_direct) || (w == null ? void 0 : w.kind) === "global" && (((vn = w.channel) == null ? void 0 : vn.icon) || ((yn = w.channel) == null ? void 0 : yn.color))) && /* @__PURE__ */ e(Ye, { icon: (kn = w == null ? void 0 : w.channel) == null ? void 0 : kn.icon, color: (wn = w == null ? void 0 : w.channel) == null ? void 0 : wn.color, size: 24 }),
+          x && Se(n, x.id) && /* @__PURE__ */ e(Hr, { peerId: Se(n, x.id), name: S }),
           /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ a("p", { className: "flex items-center gap-1 truncate text-[13px] font-semibold text-slate-800 dark:text-slate-100", children: [
               /* @__PURE__ */ e("span", { className: "truncate", children: S }),
-              w && /* @__PURE__ */ e(Or, { starred: !!w.starred, notify: Ht }),
-              (W == null ? void 0 : W.announce) && /* @__PURE__ */ e(
+              w && /* @__PURE__ */ e(Or, { starred: !!w.starred, notify: Qt }),
+              (B == null ? void 0 : B.announce) && /* @__PURE__ */ e(
                 "span",
                 {
                   className: "shrink-0 rounded bg-slate-100 px-1.5 py-px text-[10.5px] font-medium text-slate-600 dark:bg-muted dark:text-slate-300",
@@ -1306,12 +1306,12 @@ function jn({
                 }
               )
             ] }),
-            x && Ce(n, x.id) ? /* @__PURE__ */ e(Yr, { peerId: Ce(n, x.id), name: S }) : n.startsWith("ch:") ? /* @__PURE__ */ e(
+            x && Se(n, x.id) ? /* @__PURE__ */ e(Yr, { peerId: Se(n, x.id), name: S }) : n.startsWith("ch:") ? /* @__PURE__ */ e(
               Pr,
               {
                 room: n,
-                me: ((kn = b.me) == null ? void 0 : kn.id) ?? null,
-                renderAvatar: (t, h) => /* @__PURE__ */ e(Y, { id: t, name: h, size: 24 })
+                me: ((Nn = b.me) == null ? void 0 : Nn.id) ?? null,
+                renderAvatar: (t, h) => /* @__PURE__ */ e(K, { id: t, name: h, size: 24 })
               }
             ) : null
           ] }),
@@ -1321,7 +1321,7 @@ function jn({
               room: n,
               roomLabel: S,
               huddle: v,
-              renderAvatar: (t, h) => /* @__PURE__ */ e(Y, { id: t, name: h, size: 18, presence: !1 })
+              renderAvatar: (t, h) => /* @__PURE__ */ e(K, { id: t, name: h, size: 18, presence: !1 })
             }
           ),
           /* @__PURE__ */ e(
@@ -1329,29 +1329,29 @@ function jn({
             {
               type: "button",
               onClick: () => {
-                Ca((t) => !t), Gt("");
+                _a((t) => !t), Kt("");
               },
-              className: g(Ln, Xe ? f.accentSoft : On),
+              className: g(jn, tt ? f.accentSoft : In),
               "aria-label": "Search in this conversation",
-              "aria-pressed": Xe,
+              "aria-pressed": tt,
               "data-tip": "Search this conversation",
-              children: /* @__PURE__ */ e(Fn, { className: "h-3.5 w-3.5", strokeWidth: 2 })
+              children: /* @__PURE__ */ e(Gn, { className: "h-3.5 w-3.5", strokeWidth: 2 })
             }
           ),
-          ((wn = w == null ? void 0 : w.channel) == null ? void 0 : wn.is_direct) && /* @__PURE__ */ e(nl, { channel: w.channel, onLeft: l }),
+          ((Cn = w == null ? void 0 : w.channel) == null ? void 0 : Cn.is_direct) && /* @__PURE__ */ e(nl, { channel: w.channel, onLeft: l }),
           /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               onClick: () => {
-                Le(null), We((t) => !t);
+                Ie(null), ze((t) => !t);
               },
-              className: g(Ln, ht ? f.accentSoft : On),
+              className: g(jn, xt ? f.accentSoft : In),
               "aria-label": "Room info — members, pinned, files and links",
-              "aria-pressed": ht,
+              "aria-pressed": xt,
               "data-tip": "Room info — members, pinned, files and links",
               "data-chat-info-button": !0,
-              children: /* @__PURE__ */ e(ns, { className: "h-3.5 w-3.5", strokeWidth: 2 })
+              children: /* @__PURE__ */ e(as, { className: "h-3.5 w-3.5", strokeWidth: 2 })
             }
           ),
           /* @__PURE__ */ e(
@@ -1364,42 +1364,42 @@ function jn({
                   room: n,
                   me: (x == null ? void 0 : x.id) ?? null,
                   theme: { input: f.input },
-                  renderAvatar: (h, N) => /* @__PURE__ */ e(Y, { id: h, name: N, size: 18, presence: !1 }),
+                  renderAvatar: (h, N) => /* @__PURE__ */ e(K, { id: h, name: N, size: 18, presence: !1 }),
                   onDone: t
                 }
               ) : void 0,
               starred: w ? !!w.starred : void 0,
-              onStar: w ? () => ba.mutate({ room: n, starred: !w.starred }) : void 0,
-              notify: w ? Ht : void 0,
+              onStar: w ? () => ga.mutate({ room: n, starred: !w.starred }) : void 0,
+              notify: w ? Qt : void 0,
               onNotify: w ? (t) => {
-                t === "muted" ? K.mutate({ room: n, muted: !0 }) : (w.muted && K.mutate({ room: n, muted: !1 }), fa.mutate({ room: n, mode: t }));
+                t === "muted" ? G.mutate({ room: n, muted: !0 }) : (w.muted && G.mutate({ room: n, muted: !1 }), se.mutate({ room: n, mode: t }));
               } : void 0,
               onJump: (t) => {
-                De.current = !1, re.current = !1, R({ date: t });
+                Ae.current = !1, re.current = !1, R({ date: t });
               },
               onOpenRecord: le ? () => {
                 var t;
                 return (t = b.navigate) == null ? void 0 : t.call(b, le);
               } : void 0,
-              onTeamsCall: n.startsWith("dm:") || (Nn = w == null ? void 0 : w.channel) != null && Nn.is_direct ? async () => {
+              onTeamsCall: n.startsWith("dm:") || (_n = w == null ? void 0 : w.channel) != null && _n.is_direct ? async () => {
                 var t, h;
                 try {
                   let N = [];
                   if (n.startsWith("dm:") && x) {
-                    const H = Ce(n, x.id);
-                    if (H) {
-                      const J = await p.request(
-                        ge(`/users/${H}`)
+                    const z = Se(n, x.id);
+                    if (z) {
+                      const Q = await p.request(
+                        ye(`/users/${z}`)
                       );
-                      (t = J.data) != null && t.email && (N = [J.data.email]);
+                      (t = Q.data) != null && t.email && (N = [Q.data.email]);
                     }
                   } else (h = w == null ? void 0 : w.channel) != null && h.id && (N = (await p.request(
-                    ge(
+                    ye(
                       `/chat/channels/${w.channel.id}/members`
                     )
-                  )).data.filter((J) => J.email && J.user.toUpperCase() !== (x == null ? void 0 : x.id.toUpperCase())).map((J) => J.email));
+                  )).data.filter((Q) => Q.email && Q.user.toUpperCase() !== (x == null ? void 0 : x.id.toUpperCase())).map((Q) => Q.email));
                   if (N.length === 0) {
-                    xe.error("No callable participants found");
+                    ge.error("No callable participants found");
                     return;
                   }
                   window.open(
@@ -1408,16 +1408,16 @@ function jn({
                     "noopener"
                   );
                 } catch {
-                  xe.error("Could not resolve participants");
+                  ge.error("Could not resolve participants");
                 }
               } : void 0,
               onSettings: r,
               archived: !!(w != null && w.archived),
-              onArchive: w && Na ? () => xa.mutate(
+              onArchive: w && Ca ? () => fe.mutate(
                 { room: n, archived: !w.archived },
                 {
                   onSuccess: () => {
-                    w.archived ? xe.success("Moved back to your chats") : (xe.success(
+                    w.archived ? ge.success("Moved back to your chats") : (ge.success(
                       "Archived for you — others in the conversation still see it",
                       {
                         description: "Find it under the Archived tab."
@@ -1426,14 +1426,14 @@ function jn({
                   }
                 }
               ) : void 0,
-              onLeave: (w == null ? void 0 : w.kind) === "entity" && w.joined ? () => va.mutate(n, {
+              onLeave: (w == null ? void 0 : w.kind) === "entity" && w.joined ? () => ya.mutate(n, {
                 onSuccess: () => {
-                  xe.success(`Left ${w.label}`, {
+                  ge.success(`Left ${w.label}`, {
                     description: "Open the record's chat again to rejoin."
                   }), l();
                 }
               }) : void 0,
-              tips: /* @__PURE__ */ e(Qr, { botName: ue })
+              tips: /* @__PURE__ */ e(Qr, { botName: me })
             }
           )
         ] }),
@@ -1443,143 +1443,143 @@ function jn({
             room: n,
             me: x,
             huddle: v,
-            renderAvatar: (t, h) => /* @__PURE__ */ e(Y, { id: t, name: h, size: 18, presence: !1 })
+            renderAvatar: (t, h) => /* @__PURE__ */ e(K, { id: t, name: h, size: 18, presence: !1 })
           }
         ),
-        Xe && /* @__PURE__ */ e("div", { className: g("shrink-0 border-b px-3 py-1.5", f.divider), children: /* @__PURE__ */ e(
+        tt && /* @__PURE__ */ e("div", { className: g("shrink-0 border-b px-3 py-1.5", f.divider), children: /* @__PURE__ */ e(
           "input",
           {
             autoFocus: !0,
-            value: et,
-            onChange: (t) => Gt(t.target.value),
+            value: nt,
+            onChange: (t) => Kt(t.target.value),
             placeholder: "Search messages…",
             className: g("h-7 w-full rounded-md border px-2 text-[12px] outline-none", f.input),
             "aria-label": "Search messages"
           }
         ) }),
         /* @__PURE__ */ e(Kr, { room: n }),
-        W && !W.is_direct && /* @__PURE__ */ e(
+        B && !B.is_direct && /* @__PURE__ */ e(
           Ir,
           {
-            description: W.description,
-            links: W.links,
+            description: B.description,
+            links: B.links,
             th: f,
             navigate: b.navigate
           }
         ),
-        de.length > 0 && /* @__PURE__ */ e("div", { className: g("shrink-0 border-b px-3 py-1", f.divider), "data-chat-pins-strip": !0, children: /* @__PURE__ */ a(
+        ue.length > 0 && /* @__PURE__ */ e("div", { className: g("shrink-0 border-b px-3 py-1", f.divider), "data-chat-pins-strip": !0, children: /* @__PURE__ */ a(
           "button",
           {
             type: "button",
             onClick: () => {
-              Le(null), We(!0);
+              Ie(null), ze(!0);
             },
             className: "flex w-full items-center gap-1.5 text-[11px] font-medium text-slate-500 dark:text-slate-400",
             children: [
-              /* @__PURE__ */ e(St, { className: "h-3 w-3", strokeWidth: 2 }),
-              de.length,
+              /* @__PURE__ */ e(Ut, { className: "h-3 w-3", strokeWidth: 2 }),
+              ue.length,
               " pinned",
-              /* @__PURE__ */ e(ct, { className: "ml-auto h-3 w-3 -rotate-90" })
+              /* @__PURE__ */ e(ut, { className: "ml-auto h-3 w-3 -rotate-90" })
             ]
           }
         ) }),
-        (W == null ? void 0 : W.archive_suggested_at) && W.id !== 0 && (cn || B) && /* @__PURE__ */ e(
+        (B == null ? void 0 : B.archive_suggested_at) && B.id !== 0 && (un || Z) && /* @__PURE__ */ e(
           Ls,
           {
-            channelId: W.id,
+            channelId: B.id,
             channelName: S,
-            suggestedAt: W.archive_suggested_at
+            suggestedAt: B.archive_suggested_at
           }
         ),
-        Ia && (W == null ? void 0 : W.welcome_note) && /* @__PURE__ */ e(
+        ja && (B == null ? void 0 : B.welcome_note) && /* @__PURE__ */ e(
           jr,
           {
-            note: W.welcome_note,
+            note: B.welcome_note,
             channelName: S,
             th: f,
-            onDismiss: () => ga.mutate(n)
+            onDismiss: () => va.mutate(n)
           }
         ),
         /* @__PURE__ */ e(
           "div",
           {
-            ref: Ae,
+            ref: Me,
             onScroll: (t) => {
               const h = t.currentTarget;
-              re.current = h.scrollHeight - h.scrollTop - h.clientHeight < 48, vt.current = h.scrollHeight, re.current && oe && Fe(null), ye.onScroll(), h.scrollTop < 200 && A && !G && !he && De.current && z();
+              re.current = h.scrollHeight - h.scrollTop - h.clientHeight < 48, kt.current = h.scrollHeight, re.current && ie && He(null), we.onScroll(), h.scrollTop < 200 && A && !H && !xe && Ae.current && F();
             },
             className: "relative min-h-0 flex-1 overflow-y-auto px-3 py-3 [overflow-anchor:none]",
             "data-chat-messages": !0,
-            children: /* @__PURE__ */ a("div", { ref: sn, className: Ie === "compact" ? "space-y-1" : "space-y-2.5", children: [
-              A && !he && /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ e(
+            children: /* @__PURE__ */ a("div", { ref: ln, className: qe === "compact" ? "space-y-1" : "space-y-2.5", children: [
+              A && !xe && /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  disabled: G,
+                  disabled: H,
                   onClick: () => {
                     var t;
-                    vt.current = ((t = Ae.current) == null ? void 0 : t.scrollHeight) ?? 0, z();
+                    kt.current = ((t = Me.current) == null ? void 0 : t.scrollHeight) ?? 0, F();
                   },
                   className: "rounded-full border border-slate-200 px-2.5 py-0.5 text-[11px] font-medium text-slate-600 hover:bg-muted disabled:opacity-50 dark:border-border dark:text-slate-300",
                   "data-chat-load-older": !0,
-                  children: G ? "Loading…" : "Load earlier messages"
+                  children: H ? "Loading…" : "Load earlier messages"
                 }
               ) }),
-              q ? /* @__PURE__ */ e("p", { className: "py-6 text-center text-[12px] text-slate-500", children: "Loading…" }) : Ne.length === 0 && te.length === 0 ? /* @__PURE__ */ e("div", { className: "py-6 text-center text-[12px] text-slate-500", children: he ? "No messages match." : E ? "Nothing was said around then." : /* @__PURE__ */ a(ve, { children: [
+              q ? /* @__PURE__ */ e("p", { className: "py-6 text-center text-[12px] text-slate-500", children: "Loading…" }) : _e.length === 0 && ee.length === 0 ? /* @__PURE__ */ e("div", { className: "py-6 text-center text-[12px] text-slate-500", children: xe ? "No messages match." : E ? "Nothing was said around then." : /* @__PURE__ */ a(ke, { children: [
                 /* @__PURE__ */ e("p", { children: "No messages yet — say hello." }),
                 /* @__PURE__ */ a("p", { className: "mt-1 text-[11px]", children: [
                   "Tip: @ mentions someone",
-                  ue ? `, @${ue} asks the AI` : "",
+                  me ? `, @${me} asks the AI` : "",
                   ", # inserts a record, and a record ID like AB26-12345 becomes a live link."
                 ] })
               ] }) }) : /* @__PURE__ */ e(
                 "div",
                 {
-                  ref: on,
-                  style: ye.windowed ? { paddingTop: ye.padTop, paddingBottom: ye.padBottom } : void 0,
-                  "data-chat-rows": ye.windowed ? "windowed" : "all",
-                  children: Ne.slice(ye.start, ye.end).map((t, h) => {
-                    var $e;
-                    const N = ye.start + h, H = Ne[N - 1], J = N === 0 || H && new Date(H.date_created).toDateString() !== new Date(t.date_created).toDateString(), Re = !he && !E && gt.current > 0 && N === Math.max(0, Ne.length - gt.current), je = Ie === "compact" && !J && !!H && H.sender === t.sender && !H.is_system && new Date(t.date_created).getTime() - new Date(H.date_created).getTime() < 5 * 6e4;
+                  ref: dn,
+                  style: we.windowed ? { paddingTop: we.padTop, paddingBottom: we.padBottom } : void 0,
+                  "data-chat-rows": we.windowed ? "windowed" : "all",
+                  children: _e.slice(we.start, we.end).map((t, h) => {
+                    var Re;
+                    const N = we.start + h, z = _e[N - 1], Q = N === 0 || z && new Date(z.date_created).toDateString() !== new Date(t.date_created).toDateString(), Oe = !xe && !E && yt.current > 0 && N === Math.max(0, _e.length - yt.current), Ee = qe === "compact" && !Q && !!z && z.sender === t.sender && !z.is_system && new Date(t.date_created).getTime() - new Date(z.date_created).getTime() < 5 * 6e4;
                     return /* @__PURE__ */ a(
                       "div",
                       {
-                        ref: ye.rowRef(t.id),
+                        ref: we.rowRef(t.id),
                         "data-chat-row": t.id,
-                        className: N > 0 ? Ie === "compact" ? "pt-1" : "pt-2.5" : void 0,
+                        className: N > 0 ? qe === "compact" ? "pt-1" : "pt-2.5" : void 0,
                         children: [
-                          J && /* @__PURE__ */ a("div", { className: "my-2 flex items-center gap-2", children: [
+                          Q && /* @__PURE__ */ a("div", { className: "my-2 flex items-center gap-2", children: [
                             /* @__PURE__ */ e("span", { className: "h-px flex-1 bg-slate-100 dark:bg-border" }),
                             /* @__PURE__ */ e("span", { className: "text-[10px] font-medium text-slate-500 dark:text-slate-400", children: Gr(t.date_created) }),
                             /* @__PURE__ */ e("span", { className: "h-px flex-1 bg-slate-100 dark:bg-border" })
                           ] }),
-                          Re && /* @__PURE__ */ a(
+                          Oe && /* @__PURE__ */ a(
                             "div",
                             {
-                              ref: bt,
+                              ref: vt,
                               className: "my-2 flex items-center gap-2",
                               "data-chat-unread-divider": !0,
                               children: [
                                 /* @__PURE__ */ e("span", { className: "h-px flex-1 bg-red-300 dark:bg-red-500/50" }),
                                 /* @__PURE__ */ e("span", { className: "text-[11px] font-semibold text-red-600 dark:text-red-400", children: "New messages" }),
-                                gt.current > 20 && /* @__PURE__ */ e(
+                                yt.current > 20 && /* @__PURE__ */ e(
                                   "button",
                                   {
                                     type: "button",
-                                    disabled: V.isPending,
-                                    onClick: () => V.mutate(),
+                                    disabled: Y.isPending,
+                                    onClick: () => Y.mutate(),
                                     className: "rounded-full border border-red-200 px-1.5 py-px text-[9.5px] font-medium text-red-500 hover:text-red-600 disabled:opacity-50 dark:border-red-500/40",
-                                    children: V.isPending ? "Summarizing…" : "✨ What did I miss?"
+                                    children: Y.isPending ? "Summarizing…" : "✨ What did I miss?"
                                   }
                                 ),
                                 /* @__PURE__ */ e("span", { className: "h-px flex-1 bg-red-300 dark:bg-red-500/50" })
                               ]
                             }
                           ),
-                          Re && M && /* @__PURE__ */ e("div", { className: "my-1 rounded-md border border-nvr-cyan/25 bg-nvr-cyan/5 px-2.5 py-1.5 text-[11.5px] leading-snug text-slate-600 dark:text-slate-300", children: M }),
-                          mn(t, {
-                            isLastMine: (($e = t.sender) == null ? void 0 : $e.toLowerCase()) === Pe && N === Ma,
-                            showSender: !je
+                          Oe && M && /* @__PURE__ */ e("div", { className: "my-1 rounded-md border border-nvr-cyan/25 bg-nvr-cyan/5 px-2.5 py-1.5 text-[11.5px] leading-snug text-slate-600 dark:text-slate-300", children: M }),
+                          hn(t, {
+                            isLastMine: ((Re = t.sender) == null ? void 0 : Re.toLowerCase()) === je && N === Oa,
+                            showSender: !Ee
                           })
                         ]
                       },
@@ -1588,41 +1588,41 @@ function jn({
                   })
                 }
               ),
-              !he && !F && /* @__PURE__ */ e(la, { items: te, th: f }),
-              !he && !F && He.live && ue && /* @__PURE__ */ e(
+              !xe && !W && /* @__PURE__ */ e(ca, { items: ee, th: f }),
+              !xe && !W && Qe.live && me && /* @__PURE__ */ e(
                 Ms,
                 {
-                  live: He.live,
-                  botName: ue,
+                  live: Qe.live,
+                  botName: me,
                   bubbleClass: f.bubbleOther,
                   accentClass: f.accentText,
-                  onStop: He.stop,
-                  onDismiss: He.dismiss
+                  onStop: Qe.stop,
+                  onDismiss: Qe.dismiss
                 }
               )
             ] })
           }
         ),
-        (oe || F) && /* @__PURE__ */ e("div", { className: "pointer-events-none relative z-10 -mt-9 flex h-9 shrink-0 items-center justify-center", children: /* @__PURE__ */ e(
+        (ie || W) && /* @__PURE__ */ e("div", { className: "pointer-events-none relative z-10 -mt-9 flex h-9 shrink-0 items-center justify-center", children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             onClick: () => {
-              if (F) {
-                De.current = !1, re.current = !0, R(null);
+              if (W) {
+                Ae.current = !1, re.current = !0, R(null);
                 return;
               }
-              oe && !yt(oe.firstId) && at(), Fe(null);
+              ie && !wt(ie.firstId) && rt(), He(null);
             },
             className: g(
               "pointer-events-auto rounded-full px-3 py-1 text-[11.5px] font-semibold shadow-md",
               f.pill
             ),
-            "data-chat-new-pill": (oe == null ? void 0 : oe.count) ?? 0,
-            children: F ? "Jump to the latest ↓" : `${oe == null ? void 0 : oe.count} new ${(oe == null ? void 0 : oe.count) === 1 ? "message" : "messages"} ↓`
+            "data-chat-new-pill": (ie == null ? void 0 : ie.count) ?? 0,
+            children: W ? "Jump to the latest ↓" : `${ie == null ? void 0 : ie.count} new ${(ie == null ? void 0 : ie.count) === 1 ? "message" : "messages"} ↓`
           }
         ) }),
-        /* @__PURE__ */ e("div", { className: "min-h-[18px] shrink-0 px-3.5", children: nt && ue && !He.live ? /* @__PURE__ */ a(
+        /* @__PURE__ */ e("div", { className: "min-h-[18px] shrink-0 px-3.5", children: st && me && !Qe.live ? /* @__PURE__ */ a(
           "p",
           {
             className: "flex items-center gap-1.5 text-[11px] italic text-slate-500",
@@ -1633,37 +1633,37 @@ function jn({
                 /* @__PURE__ */ e("span", { className: "h-1 w-1 animate-bounce rounded-full bg-slate-400 [animation-delay:150ms]" }),
                 /* @__PURE__ */ e("span", { className: "h-1 w-1 animate-bounce rounded-full bg-slate-400 [animation-delay:300ms]" })
               ] }),
-              ue,
+              me,
               " is thinking…"
             ]
           }
-        ) : ne.typingText && /* @__PURE__ */ e("p", { className: "text-[11px] italic text-slate-500", children: ne.typingText }) }),
-        Yt && /* @__PURE__ */ e(Ds, { file: Yt, onClose: () => Zt(null) }),
-        pn(null),
-        Vt != null && /* @__PURE__ */ e(
+        ) : te.typingText && /* @__PURE__ */ e("p", { className: "text-[11px] italic text-slate-500", children: te.typingText }) }),
+        Vt && /* @__PURE__ */ e(Ds, { file: Vt, onClose: () => Xt(null) }),
+        fn(null),
+        en != null && /* @__PURE__ */ e(
           qr,
           {
             room: n,
-            rootId: Vt,
+            rootId: en,
             th: f,
-            onClose: () => Le(null),
-            renderRow: (t) => mn(t, { inThread: !0 }),
-            renderComposer: (t) => pn(t),
+            onClose: () => Ie(null),
+            renderRow: (t) => hn(t, { inThread: !0 }),
+            renderComposer: (t) => fn(t),
             renderOutbox: (t) => /* @__PURE__ */ e(Zr, { room: n, parentId: t, th: f })
           }
         ),
-        ht && /* @__PURE__ */ e(
+        xt && /* @__PURE__ */ e(
           Er,
           {
             room: n,
             label: S,
             th: f,
-            pins: de,
-            onClose: () => We(!1),
-            onOpenMessage: rn,
+            pins: ue,
+            onClose: () => ze(!1),
+            onOpenMessage: on,
             onUnpin: (t) => c.mutate(t),
             navigate: b.navigate,
-            renderAvatar: (t, h) => /* @__PURE__ */ e(Y, { id: t, name: h, size: 22 })
+            renderAvatar: (t, h) => /* @__PURE__ */ e(K, { id: t, name: h, size: 22 })
           }
         )
       ]
@@ -1671,8 +1671,8 @@ function jn({
   );
 }
 function Zr({ room: n, parentId: s, th: l }) {
-  const r = ra(n, s);
-  return /* @__PURE__ */ e(la, { items: r, th: l });
+  const r = ia(n, s);
+  return /* @__PURE__ */ e(ca, { items: r, th: l });
 }
 function Vr({
   targets: n,
@@ -1680,8 +1680,8 @@ function Vr({
   onPick: l
 }) {
   const [r, o] = T(!1);
-  return /* @__PURE__ */ a(Ye, { open: r, onOpenChange: o, children: [
-    /* @__PURE__ */ e(Ze, { asChild: !0, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ a(Ve, { open: r, onOpenChange: o, children: [
+    /* @__PURE__ */ e(Xe, { asChild: !0, children: /* @__PURE__ */ e(
       "button",
       {
         type: "button",
@@ -1692,7 +1692,7 @@ function Vr({
         children: /* @__PURE__ */ e(bs, { className: "h-3 w-3" })
       }
     ) }),
-    /* @__PURE__ */ a(Ve, { align: "end", className: "w-[220px] p-1.5", children: [
+    /* @__PURE__ */ a(et, { align: "end", className: "w-[220px] p-1.5", children: [
       /* @__PURE__ */ a("p", { className: "px-2 pb-1 pt-0.5 text-[11px] font-semibold text-slate-600 dark:text-slate-300", children: [
         "Attach to ",
         s
@@ -1712,7 +1712,7 @@ function Vr({
     ] })
   ] });
 }
-function qn(n) {
+function Wn(n) {
   return {
     id: n.id,
     visibility: n.visibility,
@@ -1724,11 +1724,11 @@ function qn(n) {
   };
 }
 const Xr = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
-function Dt(n) {
+function At(n) {
   const s = typeof n.idle_minutes == "number" ? n.idle_minutes : n.last_active ? Math.floor((Date.now() - new Date(n.last_active).getTime()) / 6e4) : null;
   return s == null || s < 1 ? "Idle" : s < 60 ? `Idle · ${s}m` : `Idle · ${Math.floor(s / 60)}h ${s % 60}m`;
 }
-function En(n) {
+function Fn(n) {
   const s = n == null ? void 0 : n.trim();
   return !s || Xr.test(s) ? null : s;
 }
@@ -1741,14 +1741,14 @@ function tl({
   channelId: s,
   senderId: l
 }) {
-  const r = ce(), [o, i] = T(!1), { members: m } = jt(o ? s : null), d = new Set(n.map((p) => String(p.user).toUpperCase())), b = m.filter((p) => {
+  const r = de(), [o, i] = T(!1), { members: m } = Et(o ? s : null), d = new Set(n.map((p) => String(p.user).toUpperCase())), b = m.filter((p) => {
     const x = String(p.user).toUpperCase();
     return x !== l.toUpperCase() && !d.has(x);
   }), f = [...n].sort(
     (p, x) => new Date(p.last_read_at).getTime() - new Date(x.last_read_at).getTime()
   );
-  return /* @__PURE__ */ a(Ye, { open: o, onOpenChange: i, children: [
-    /* @__PURE__ */ e(Ze, { asChild: !0, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(Ve, { open: o, onOpenChange: i, children: [
+    /* @__PURE__ */ e(Xe, { asChild: !0, children: /* @__PURE__ */ a(
       "button",
       {
         type: "button",
@@ -1765,7 +1765,7 @@ function tl({
       }
     ) }),
     /* @__PURE__ */ a(
-      Ve,
+      et,
       {
         align: "end",
         sideOffset: 4,
@@ -1778,7 +1778,7 @@ function tl({
           ] }),
           /* @__PURE__ */ a("div", { className: "max-h-[260px] overflow-y-auto py-1", children: [
             f.map((p) => /* @__PURE__ */ a("div", { className: "flex items-center gap-2 px-3 py-1.5", children: [
-              /* @__PURE__ */ e(Y, { id: p.user, name: p.name || null, size: 22 }),
+              /* @__PURE__ */ e(K, { id: p.user, name: p.name || null, size: 22 }),
               /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-[12px] text-slate-700 dark:text-slate-200", children: p.name || "Someone" }),
               /* @__PURE__ */ e(
                 "span",
@@ -1789,7 +1789,7 @@ function tl({
                 }
               )
             ] }, p.user)),
-            b.length > 0 && /* @__PURE__ */ a(ve, { children: [
+            b.length > 0 && /* @__PURE__ */ a(ke, { children: [
               /* @__PURE__ */ a("p", { className: "px-3 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-[0.08em] text-slate-400", children: [
                 "Not seen yet · ",
                 b.length
@@ -1797,7 +1797,7 @@ function tl({
               b.map((p) => {
                 const x = [p.first_name, p.last_name].filter(Boolean).join(" ") || p.email || "Someone";
                 return /* @__PURE__ */ a("div", { className: "flex items-center gap-2 px-3 py-1.5 opacity-70", children: [
-                  /* @__PURE__ */ e(Y, { id: p.user, name: x, size: 22 }),
+                  /* @__PURE__ */ e(K, { id: p.user, name: x, size: 22 }),
                   /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-[12px] text-slate-600 dark:text-slate-300", children: x })
                 ] }, p.user);
               })
@@ -1811,12 +1811,12 @@ function tl({
 }
 function nl({ channel: n, onLeft: s }) {
   var q;
-  const l = ce(), r = Me(), { isAdmin: o } = ut(), [i, m] = T(!1), { members: d, loading: b } = jt(n.id), { addMember: f, removeMember: p } = Vn(n.id), [x, v] = T(""), U = Ft(x, 250), $ = ((q = r.me) == null ? void 0 : q.id.toUpperCase()) ?? "", C = o || !!$ && String(n.created_by ?? "").toUpperCase() === $, { users: S } = qt(U, i && C && !!x.trim()), E = new Set(d.map((A) => String(A.user).toUpperCase())), R = (A) => [A.first_name, A.last_name].filter(Boolean).join(" ") || A.email || A.user, y = [...d].sort((A, F) => {
-    const z = String(A.user).toUpperCase(), G = String(F.user).toUpperCase();
-    return z === $ ? -1 : G === $ ? 1 : R(A).localeCompare(R(F));
+  const l = de(), r = Le(), { isAdmin: o } = pt(), [i, m] = T(!1), { members: d, loading: b } = Et(n.id), { addMember: f, removeMember: p } = ta(n.id), [x, v] = T(""), U = Ht(x, 250), $ = ((q = r.me) == null ? void 0 : q.id.toUpperCase()) ?? "", C = o || !!$ && String(n.created_by ?? "").toUpperCase() === $, { users: S } = Bt(U, i && C && !!x.trim()), E = new Set(d.map((A) => String(A.user).toUpperCase())), R = (A) => [A.first_name, A.last_name].filter(Boolean).join(" ") || A.email || A.user, y = [...d].sort((A, W) => {
+    const F = String(A.user).toUpperCase(), H = String(W.user).toUpperCase();
+    return F === $ ? -1 : H === $ ? 1 : R(A).localeCompare(R(W));
   });
-  return /* @__PURE__ */ a(Ye, { open: i, onOpenChange: m, children: [
-    /* @__PURE__ */ e(Ze, { asChild: !0, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(Ve, { open: i, onOpenChange: m, children: [
+    /* @__PURE__ */ e(Xe, { asChild: !0, children: /* @__PURE__ */ a(
       "button",
       {
         type: "button",
@@ -1828,13 +1828,13 @@ function nl({ channel: n, onLeft: s }) {
         ),
         "data-chat-group-members": !0,
         children: [
-          /* @__PURE__ */ e(Tt, { className: "h-3.5 w-3.5", strokeWidth: 2 }),
+          /* @__PURE__ */ e(Dt, { className: "h-3.5 w-3.5", strokeWidth: 2 }),
           d.length > 0 && d.length
         ]
       }
     ) }),
     /* @__PURE__ */ a(
-      Ve,
+      et,
       {
         align: "end",
         sideOffset: 6,
@@ -1848,30 +1848,30 @@ function nl({ channel: n, onLeft: s }) {
           /* @__PURE__ */ a("div", { className: "max-h-[280px] overflow-y-auto py-1", children: [
             b && /* @__PURE__ */ e("p", { className: "px-3 py-2 text-[12px] text-slate-400", children: "Loading…" }),
             y.map((A) => {
-              const F = String(A.user).toUpperCase(), z = R(A), G = F === $, te = String(n.created_by ?? "").toUpperCase() === F;
+              const W = String(A.user).toUpperCase(), F = R(A), H = W === $, ee = String(n.created_by ?? "").toUpperCase() === W;
               return /* @__PURE__ */ a(
                 "div",
                 {
                   className: "group flex items-center gap-2 px-3 py-1.5",
                   "data-chat-group-member": A.user,
                   children: [
-                    /* @__PURE__ */ e(Y, { id: A.user, name: z, size: 26 }),
+                    /* @__PURE__ */ e(K, { id: A.user, name: F, size: 26 }),
                     /* @__PURE__ */ a("span", { className: "min-w-0 flex-1", children: [
                       /* @__PURE__ */ a("span", { className: "block truncate text-[12.5px] text-slate-700 dark:text-slate-200", children: [
-                        z,
-                        G && /* @__PURE__ */ e("span", { className: "text-slate-400", children: " (you)" })
+                        F,
+                        H && /* @__PURE__ */ e("span", { className: "text-slate-400", children: " (you)" })
                       ] }),
-                      te && /* @__PURE__ */ e("span", { className: "block text-[10.5px] text-slate-400", children: "Started the group" })
+                      ee && /* @__PURE__ */ e("span", { className: "block text-[10.5px] text-slate-400", children: "Started the group" })
                     ] }),
-                    C && !G && /* @__PURE__ */ e(
+                    C && !H && /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
-                        title: `Remove ${z}`,
-                        "aria-label": `Remove ${z}`,
+                        title: `Remove ${F}`,
+                        "aria-label": `Remove ${F}`,
                         onClick: () => p.mutate(A.user),
                         className: "rounded p-1 text-slate-400 opacity-0 transition-opacity hover:bg-slate-100 hover:text-red-500 focus:opacity-100 group-hover:opacity-100 dark:hover:bg-muted",
-                        children: /* @__PURE__ */ e(dt, { className: "h-3 w-3" })
+                        children: /* @__PURE__ */ e(mt, { className: "h-3 w-3" })
                       }
                     )
                   ]
@@ -1892,7 +1892,7 @@ function nl({ channel: n, onLeft: s }) {
               }
             ),
             x.trim() && /* @__PURE__ */ e("div", { className: "mt-1 max-h-36 overflow-y-auto", children: S.filter((A) => !E.has(String(A.id).toUpperCase())).map((A) => {
-              const F = [A.first_name, A.last_name].filter(Boolean).join(" ") || A.email || A.id;
+              const W = [A.first_name, A.last_name].filter(Boolean).join(" ") || A.email || A.id;
               return /* @__PURE__ */ a(
                 "button",
                 {
@@ -1902,8 +1902,8 @@ function nl({ channel: n, onLeft: s }) {
                   },
                   className: "flex w-full items-center gap-2 rounded px-1 py-1 text-left hover:bg-muted",
                   children: [
-                    /* @__PURE__ */ e(Y, { id: A.id, name: F, size: 22 }),
-                    /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-[12px] text-slate-700 dark:text-slate-200", children: F })
+                    /* @__PURE__ */ e(K, { id: A.id, name: W, size: 22 }),
+                    /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-[12px] text-slate-700 dark:text-slate-200", children: W })
                   ]
                 },
                 A.id
@@ -1936,10 +1936,10 @@ function al({
   label: s,
   onBack: l
 }) {
-  const r = ce(), o = Me(), { isAdmin: i } = ut(), m = Zn(), { members: d, loading: b } = jt(n.id), { update: f, addMember: p, removeMember: x } = Vn(n.id), [v, U] = T(s), [$, C] = T(n.topic ?? ""), [S, E] = T(n.visibility), [R, y] = T(n.role ?? ""), [q, A] = T({
+  const r = de(), o = Le(), { isAdmin: i } = pt(), m = ea(), { members: d, loading: b } = Et(n.id), { update: f, addMember: p, removeMember: x } = ta(n.id), [v, U] = T(s), [$, C] = T(n.topic ?? ""), [S, E] = T(n.visibility), [R, y] = T(n.role ?? ""), [q, A] = T({
     icon: n.icon ?? null,
     color: n.color ?? null
-  }), [F, z] = T(""), G = Ft(F, 250), { users: te } = qt(G, S === "private"), [me, ne] = T(!1), ae = n.id === Xn, le = i || !ae && !!o.me && String(n.created_by ?? "") === String(o.me.id), se = new Set(d.map((c) => String(c.user).toUpperCase())), de = v !== s || $ !== (n.topic ?? "") || S !== n.visibility || q.icon !== (n.icon ?? null) || q.color !== (n.color ?? null) || S === "role" && R !== (n.role ?? "");
+  }), [W, F] = T(""), H = Ht(W, 250), { users: ee } = Bt(H, S === "private"), [pe, te] = T(!1), ne = n.id === na, le = i || !ne && !!o.me && String(n.created_by ?? "") === String(o.me.id), ae = new Set(d.map((c) => String(c.user).toUpperCase())), ue = v !== s || $ !== (n.topic ?? "") || S !== n.visibility || q.icon !== (n.icon ?? null) || q.color !== (n.color ?? null) || S === "role" && R !== (n.role ?? "");
   return /* @__PURE__ */ a("div", { className: "flex min-h-0 flex-1 flex-col", "data-chat-settings": !0, children: [
     /* @__PURE__ */ a("div", { className: g("flex shrink-0 items-center gap-2 border-b px-3 py-2.5", r.divider), children: [
       /* @__PURE__ */ e(
@@ -1949,7 +1949,7 @@ function al({
           onClick: l,
           className: "rounded p-1 text-slate-400 hover:bg-slate-100 hover:text-slate-700 dark:hover:bg-white/10 dark:hover:text-slate-100",
           "aria-label": "Back to conversation",
-          children: /* @__PURE__ */ e(ct, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ e(ut, { className: "h-4 w-4" })
         }
       ),
       /* @__PURE__ */ a("p", { className: "text-[13px] font-semibold text-slate-800 dark:text-slate-100", children: [
@@ -1958,7 +1958,7 @@ function al({
       ] })
     ] }),
     /* @__PURE__ */ a("div", { className: "min-h-0 flex-1 space-y-4 overflow-y-auto p-3", children: [
-      le ? /* @__PURE__ */ a(ve, { children: [
+      le ? /* @__PURE__ */ a(ke, { children: [
         /* @__PURE__ */ a("label", { className: "block", children: [
           /* @__PURE__ */ e("span", { className: "mb-1 block text-[11px] font-medium text-slate-500 dark:text-slate-400", children: "Name" }),
           /* @__PURE__ */ e(
@@ -1971,8 +1971,8 @@ function al({
           )
         ] }),
         !n.is_direct && /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ e(Ke, { icon: q.icon, color: q.color, size: 40 }),
-          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e(Gn, { icon: q.icon, color: q.color, onChange: A }) })
+          /* @__PURE__ */ e(Ye, { icon: q.icon, color: q.color, size: 40 }),
+          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e(Jn, { icon: q.icon, color: q.color, onChange: A }) })
         ] }),
         /* @__PURE__ */ a("label", { className: "block", children: [
           /* @__PURE__ */ e("span", { className: "mb-1 block text-[11px] font-medium text-slate-500 dark:text-slate-400", children: "Topic" }),
@@ -1986,7 +1986,7 @@ function al({
             }
           )
         ] }),
-        !ae && /* @__PURE__ */ a("div", { children: [
+        !ne && /* @__PURE__ */ a("div", { children: [
           /* @__PURE__ */ e("span", { className: "mb-1 block text-[11px] font-medium text-slate-500 dark:text-slate-400", children: "Who can see it" }),
           /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1.5", children: [
             ["open", "Anyone"],
@@ -2006,7 +2006,7 @@ function al({
             c
           )) }),
           S === "role" && /* @__PURE__ */ e(
-            Lt,
+            It,
             {
               value: R,
               onChange: y,
@@ -2026,9 +2026,9 @@ function al({
             "button",
             {
               type: "button",
-              disabled: !de || f.isPending || S === "role" && !R,
+              disabled: !ue || f.isPending || S === "role" && !R,
               onClick: () => f.mutate(
-                ae ? {
+                ne ? {
                   name: v.trim() || s,
                   topic: $.trim() || null,
                   icon: q.icon,
@@ -2049,19 +2049,19 @@ function al({
               children: f.isPending ? "Saving…" : "Save"
             }
           ),
-          ae ? /* @__PURE__ */ e("span", { className: "ml-auto text-[11px] text-slate-400", children: "Open to everyone · cannot be archived" }) : /* @__PURE__ */ e(
+          ne ? /* @__PURE__ */ e("span", { className: "ml-auto text-[11px] text-slate-400", children: "Open to everyone · cannot be archived" }) : /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: () => ne(!0),
-              disabled: me,
+              onClick: () => te(!0),
+              disabled: pe,
               className: "ml-auto rounded-md px-2 py-1 text-[11.5px] font-medium text-red-500 hover:bg-red-50 disabled:opacity-40 dark:hover:bg-red-950/40",
               "data-chat-archive-everyone": !0,
               children: "Archive for everyone"
             }
           )
         ] }),
-        me && !ae && /* @__PURE__ */ a(
+        pe && !ne && /* @__PURE__ */ a(
           "div",
           {
             className: "space-y-2 rounded-md border border-red-200 bg-red-50 p-2.5 text-[11.5px] leading-relaxed text-red-800 dark:border-red-900/60 dark:bg-red-950/30 dark:text-red-200",
@@ -2074,12 +2074,12 @@ function al({
                 d.length ? `${d.length} ` : "",
                 "members: it leaves their chat lists and nobody can read or post in it any more.",
                 " ",
-                n.is_direct ? /* @__PURE__ */ a(ve, { children: [
+                n.is_direct ? /* @__PURE__ */ a(ke, { children: [
                   "To only hide it from your own list, use",
                   " ",
                   /* @__PURE__ */ e("span", { className: "font-semibold", children: "Archive for me" }),
                   " in the room's menu instead."
-                ] }) : /* @__PURE__ */ a(ve, { children: [
+                ] }) : /* @__PURE__ */ a(ke, { children: [
                   "To only stop hearing from it yourself, set",
                   " ",
                   /* @__PURE__ */ e("span", { className: "font-semibold", children: "Notify me" }),
@@ -2101,7 +2101,7 @@ function al({
                   "button",
                   {
                     type: "button",
-                    onClick: () => ne(!1),
+                    onClick: () => te(!1),
                     className: "h-7 rounded-md border border-slate-200 bg-white px-2.5 text-[12px] font-medium text-slate-700 hover:bg-muted dark:border-border dark:bg-card dark:text-slate-200",
                     children: "Cancel"
                   }
@@ -2115,7 +2115,7 @@ function al({
       ] }) : /* @__PURE__ */ a("p", { className: "text-[12px] leading-relaxed text-slate-500 dark:text-slate-400", children: [
         n.topic || "No topic set.",
         /* @__PURE__ */ e("br", {}),
-        ae ? "Everyone in the portal can find and join General." : n.visibility === "private" ? "Invite only — you were added by the channel owner." : n.visibility === "role" ? "Everyone with a particular role can see this channel." : "Anyone in the portal can find and join this channel."
+        ne ? "Everyone in the portal can find and join General." : n.visibility === "private" ? "Invite only — you were added by the channel owner." : n.visibility === "role" ? "Everyone with a particular role can see this channel." : "Anyone in the portal can find and join this channel."
       ] }),
       /* @__PURE__ */ a("div", { children: [
         /* @__PURE__ */ a("p", { className: "mb-1.5 text-[11px] font-semibold uppercase tracking-[0.08em] text-slate-400", children: [
@@ -2126,7 +2126,7 @@ function al({
         d.map((c) => {
           const L = [c.first_name, c.last_name].filter(Boolean).join(" ") || c.email || c.user;
           return /* @__PURE__ */ a("div", { className: "flex items-center gap-2 rounded-lg px-1 py-1", children: [
-            /* @__PURE__ */ e(Y, { id: c.user, name: L }),
+            /* @__PURE__ */ e(K, { id: c.user, name: L }),
             /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-[12.5px] text-slate-700 dark:text-slate-200", children: L }),
             le && /* @__PURE__ */ e(
               "button",
@@ -2135,7 +2135,7 @@ function al({
                 title: "Remove from channel",
                 onClick: () => x.mutate(c.user),
                 className: "rounded p-1 text-slate-400 hover:bg-slate-100 hover:text-red-500 dark:hover:bg-muted",
-                children: /* @__PURE__ */ e(dt, { className: "h-3 w-3" })
+                children: /* @__PURE__ */ e(mt, { className: "h-3 w-3" })
               }
             )
           ] }, c.user);
@@ -2144,24 +2144,24 @@ function al({
           /* @__PURE__ */ e(
             "input",
             {
-              value: F,
-              onChange: (c) => z(c.target.value),
+              value: W,
+              onChange: (c) => F(c.target.value),
               placeholder: "Add someone…",
               className: g("h-8 w-full rounded-md px-2 text-[12.5px] outline-none", r.input)
             }
           ),
-          F.trim() && /* @__PURE__ */ e("div", { className: "mt-1 max-h-40 overflow-y-auto rounded-md border border-slate-200 dark:border-border", children: te.filter((c) => !se.has(String(c.id).toUpperCase())).map((c) => {
+          W.trim() && /* @__PURE__ */ e("div", { className: "mt-1 max-h-40 overflow-y-auto rounded-md border border-slate-200 dark:border-border", children: ee.filter((c) => !ae.has(String(c.id).toUpperCase())).map((c) => {
             const L = [c.first_name, c.last_name].filter(Boolean).join(" ") || c.email || c.id;
             return /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
                 onClick: () => {
-                  p.mutate(c.id), z("");
+                  p.mutate(c.id), F("");
                 },
                 className: "flex w-full items-center gap-2 px-2 py-1.5 text-left hover:bg-slate-50 dark:hover:bg-muted/50",
                 children: [
-                  /* @__PURE__ */ e(Y, { id: c.id, name: L }),
+                  /* @__PURE__ */ e(K, { id: c.id, name: L }),
                   /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-[12.5px] text-slate-700 dark:text-slate-200", children: L })
                 ]
               },
@@ -2177,37 +2177,37 @@ function al({
     ] })
   ] });
 }
-function Ft(n, s) {
+function Ht(n, s) {
   const [l, r] = T(n);
-  return ee(() => {
+  return X(() => {
     const o = setTimeout(() => r(n), s);
     return () => clearTimeout(o);
   }, [n, s]), l;
 }
-function ma(n) {
+function fa(n) {
   var s;
   return n ? n.kind === "dm" || n.kind === "entity" || n.kind === "channel" && !!((s = n.channel) != null && s.is_direct) : !1;
 }
-const Nt = [
+const _t = [
   { value: "recent", label: "Recent activity" },
   { value: "unread", label: "Unread first" },
   { value: "alpha", label: "A–Z" }
 ];
-function Bn(n) {
+function zn(n) {
   var s;
   return (s = n.lastMessage) != null && s.date_created ? new Date(n.lastMessage.date_created).getTime() : 0;
 }
 function sl(n, s) {
-  const l = (i, m) => i.label.localeCompare(m.label), r = (i, m) => Bn(m) - Bn(i) || l(i, m), o = [...n];
+  const l = (i, m) => i.label.localeCompare(m.label), r = (i, m) => zn(m) - zn(i) || l(i, m), o = [...n];
   return s === "alpha" ? o.sort(l) : s === "unread" ? o.sort((i, m) => +(m.unread > 0) - +(i.unread > 0) || r(i, m)) : o.sort(r);
 }
 function rl({
   value: n,
   onChange: s
 }) {
-  const [l, r] = T(!1), o = Nt.find((i) => i.value === n) ?? Nt[0];
-  return /* @__PURE__ */ a(Ye, { open: l, onOpenChange: r, children: [
-    /* @__PURE__ */ e(Ze, { asChild: !0, children: /* @__PURE__ */ e(
+  const [l, r] = T(!1), o = _t.find((i) => i.value === n) ?? _t[0];
+  return /* @__PURE__ */ a(Ve, { open: l, onOpenChange: r, children: [
+    /* @__PURE__ */ e(Xe, { asChild: !0, children: /* @__PURE__ */ e(
       "button",
       {
         type: "button",
@@ -2218,9 +2218,9 @@ function rl({
         children: /* @__PURE__ */ e(ss, { className: "h-3.5 w-3.5", strokeWidth: 2 })
       }
     ) }),
-    /* @__PURE__ */ a(Ve, { align: "end", className: "w-44 p-1", children: [
+    /* @__PURE__ */ a(et, { align: "end", className: "w-44 p-1", children: [
       /* @__PURE__ */ e("p", { className: "px-2 pb-1 pt-1.5 text-[10px] font-semibold uppercase tracking-[0.08em] text-slate-400", children: "Sort rooms" }),
-      Nt.map((i) => /* @__PURE__ */ a(
+      _t.map((i) => /* @__PURE__ */ a(
         "button",
         {
           type: "button",
@@ -2231,7 +2231,7 @@ function rl({
           "data-chat-sort-option": i.value,
           children: [
             i.label,
-            i.value === n && /* @__PURE__ */ e(Rt, { className: "h-3.5 w-3.5", strokeWidth: 2 })
+            i.value === n && /* @__PURE__ */ e(Ot, { className: "h-3.5 w-3.5", strokeWidth: 2 })
           ]
         },
         i.value
@@ -2239,7 +2239,7 @@ function rl({
     ] })
   ] });
 }
-function Wn({
+function Hn({
   rooms: n,
   onOpen: s,
   onNewGroup: l,
@@ -2247,7 +2247,7 @@ function Wn({
   loading: o = !1,
   onView: i
 }) {
-  const m = ce(), d = Me(), { setMuted: b, leave: f, setArchived: p, setStarred: x } = It(), v = qs(), U = be(
+  const m = de(), d = Le(), { setMuted: b, leave: f, setArchived: p, setStarred: x } = qt(), v = qs(), U = ve(
     () => new Map(
       d.onlineUsers.map((c) => [
         String(c.user_id).toUpperCase(),
@@ -2255,14 +2255,14 @@ function Wn({
       ])
     ),
     [d.onlineUsers]
-  ), $ = Et(), C = Sr(), [S, E] = T(""), R = Ft(S.trim(), 250), { hits: y, meaning: q, loading: A } = Qs(R, v.filters), F = R.length >= 2 || v.active, z = be(() => {
+  ), $ = Wt(), C = Sr(), [S, E] = T(""), R = Ht(S.trim(), 250), { hits: y, meaning: q, loading: A } = Qs(R, v.filters), W = R.length >= 2 || v.active, F = ve(() => {
     const c = /* @__PURE__ */ new Map();
     for (const L of y) c.set(L.room, [...c.get(L.room) ?? [], L]);
     return [...c.entries()].sort((L, u) => u[1].length - L[1].length);
-  }, [y]), G = n.filter((c) => c.unread > 0 && !c.muted).length, te = hr(), me = be(() => new Map(n.map((c) => [c.room, c])), [n]), ne = Pt(), ae = Yn(), le = ne.chat_sidebar_sort === "unread" || ne.chat_sidebar_sort === "alpha" ? ne.chat_sidebar_sort : "recent", se = sl(
+  }, [y]), H = n.filter((c) => c.unread > 0 && !c.muted).length, ee = hr(), pe = ve(() => new Map(n.map((c) => [c.room, c])), [n]), te = jt(), ne = Xn(), le = te.chat_sidebar_sort === "unread" || te.chat_sidebar_sort === "alpha" ? te.chat_sidebar_sort : "recent", ae = sl(
     R ? n.filter((c) => c.label.toLowerCase().includes(R.toLowerCase())) : n,
     le
-  ), de = (c) => {
+  ), ue = (c) => {
     var L;
     return c.kind === "channel" && ((L = c.channel) == null ? void 0 : L.is_direct);
   };
@@ -2287,7 +2287,7 @@ function Wn({
         rl,
         {
           value: le,
-          onChange: (c) => ae.mutate({ chat_sidebar_sort: c === "recent" ? null : c })
+          onChange: (c) => ne.mutate({ chat_sidebar_sort: c === "recent" ? null : c })
         }
       ),
       !r && /* @__PURE__ */ e(Bs, {}),
@@ -2299,12 +2299,12 @@ function Wn({
           title: "New group conversation",
           className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-slate-200 text-slate-500 hover:bg-slate-50 dark:border-border dark:text-slate-400 dark:hover:bg-muted",
           "data-chat-new-group": !0,
-          children: /* @__PURE__ */ e(Tt, { className: "h-3.5 w-3.5", strokeWidth: 2 })
+          children: /* @__PURE__ */ e(Dt, { className: "h-3.5 w-3.5", strokeWidth: 2 })
         }
       )
     ] }),
     !r && v.open && /* @__PURE__ */ e(Ws, { filters: v.filters, onChange: v.setFilters, rooms: n, th: m }),
-    !r && i && !F && /* @__PURE__ */ a("div", { className: "mb-1 flex flex-wrap gap-1 px-1", "data-chat-view-links": !0, children: [
+    !r && i && !W && /* @__PURE__ */ a("div", { className: "mb-1 flex flex-wrap gap-1 px-1", "data-chat-view-links": !0, children: [
       /* @__PURE__ */ a(
         "button",
         {
@@ -2313,7 +2313,7 @@ function Wn({
           className: "inline-flex h-6 items-center gap-1 rounded-full border border-slate-200 px-2 text-[11px] text-slate-600 hover:bg-muted dark:border-border dark:text-slate-300",
           "data-chat-view": "mentions",
           children: [
-            /* @__PURE__ */ e(Qa, { className: "h-3 w-3" }),
+            /* @__PURE__ */ e(Ka, { className: "h-3 w-3" }),
             " Mentions"
           ]
         }
@@ -2326,12 +2326,12 @@ function Wn({
           className: "inline-flex h-6 items-center gap-1 rounded-full border border-slate-200 px-2 text-[11px] text-slate-600 hover:bg-muted dark:border-border dark:text-slate-300",
           "data-chat-view": "scheduled",
           children: [
-            /* @__PURE__ */ e(Ka, { className: "h-3 w-3" }),
+            /* @__PURE__ */ e(Ja, { className: "h-3 w-3" }),
             " Scheduled"
           ]
         }
       ),
-      G > 1 && /* @__PURE__ */ a(
+      H > 1 && /* @__PURE__ */ a(
         "button",
         {
           type: "button",
@@ -2342,45 +2342,45 @@ function Wn({
           ),
           "data-chat-view": "catchup",
           children: [
-            /* @__PURE__ */ e(Ja, { className: "h-3 w-3" }),
+            /* @__PURE__ */ e(Ya, { className: "h-3 w-3" }),
             " Catch up · ",
-            G,
+            H,
             " rooms"
           ]
         }
       )
     ] }),
-    F && !r && /* @__PURE__ */ a("div", { className: "mb-1.5", "data-chat-search-results": !0, children: [
+    W && !r && /* @__PURE__ */ a("div", { className: "mb-1.5", "data-chat-search-results": !0, children: [
       /* @__PURE__ */ a("p", { className: "px-2.5 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-[0.08em] text-slate-400", children: [
         "Messages",
         y.length ? ` · ${y.length}` : ""
       ] }),
-      A ? /* @__PURE__ */ e("p", { className: "px-2.5 py-1 text-[11px] text-slate-400", children: "Searching…" }) : y.length === 0 ? /* @__PURE__ */ e("p", { className: "px-2.5 py-1 text-[11px] text-slate-400", children: "No messages match." }) : z.map(([c, L]) => {
-        const u = me.get(c);
+      A ? /* @__PURE__ */ e("p", { className: "px-2.5 py-1 text-[11px] text-slate-400", children: "Searching…" }) : y.length === 0 ? /* @__PURE__ */ e("p", { className: "px-2.5 py-1 text-[11px] text-slate-400", children: "No messages match." }) : F.map(([c, L]) => {
+        const u = pe.get(c);
         return /* @__PURE__ */ a("div", { className: "mb-1", "data-chat-search-group": c, children: [
           /* @__PURE__ */ a("p", { className: "flex items-center gap-1.5 px-2.5 pb-0.5 pt-1 text-[11px] font-semibold text-slate-600 dark:text-slate-300", children: [
             /* @__PURE__ */ e("span", { className: "truncate", children: (u == null ? void 0 : u.label) ?? c }),
             /* @__PURE__ */ e("span", { className: "rounded-full bg-slate-100 px-1.5 text-[10px] font-medium tabular-nums text-slate-500 dark:bg-muted dark:text-slate-400", children: L.length })
           ] }),
-          L.slice(0, 5).map((Z) => /* @__PURE__ */ a(
+          L.slice(0, 5).map((J) => /* @__PURE__ */ a(
             "button",
             {
               type: "button",
               disabled: !u,
               onClick: () => {
-                u && s(u, { around: Z.parent_id ?? Z.id });
+                u && s(u, { around: J.parent_id ?? J.id });
               },
               className: "flex w-full flex-col gap-0.5 rounded-lg px-2.5 py-1.5 text-left transition-colors hover:bg-slate-50 disabled:cursor-default dark:hover:bg-muted/50",
-              "data-chat-search-hit": Z.id,
+              "data-chat-search-hit": J.id,
               children: [
                 /* @__PURE__ */ a("span", { className: "flex items-center gap-1.5 text-[10.5px] text-slate-400", children: [
-                  /* @__PURE__ */ e("span", { className: "truncate", children: Z.sender_name ?? "Someone" }),
-                  /* @__PURE__ */ e("span", { className: "ml-auto shrink-0", children: new Date(Z.date_created).toLocaleDateString() })
+                  /* @__PURE__ */ e("span", { className: "truncate", children: J.sender_name ?? "Someone" }),
+                  /* @__PURE__ */ e("span", { className: "ml-auto shrink-0", children: new Date(J.date_created).toLocaleDateString() })
                 ] }),
-                /* @__PURE__ */ e("span", { className: "line-clamp-2 text-[12px] text-slate-700 dark:text-slate-200", children: Z.message })
+                /* @__PURE__ */ e("span", { className: "line-clamp-2 text-[12px] text-slate-700 dark:text-slate-200", children: J.message })
               ]
             },
-            Z.id
+            J.id
           )),
           L.length > 5 && u && /* @__PURE__ */ a(
             "button",
@@ -2414,7 +2414,7 @@ function Wn({
       {
         type: "button",
         onClick: () => s({
-          room: Ut(d.me.id, $.bot_user_id),
+          room: $t(d.me.id, $.bot_user_id),
           label: `@${$.bot_name}`,
           kind: "dm",
           lastMessage: null,
@@ -2448,23 +2448,23 @@ function Wn({
       }
     ),
     [
-      ["Starred", se.filter((c) => c.starred)],
+      ["Starred", ae.filter((c) => c.starred)],
       [
         "Channels",
-        se.filter(
-          (c) => !c.starred && (c.kind === "global" || c.kind === "channel") && !de(c)
+        ae.filter(
+          (c) => !c.starred && (c.kind === "global" || c.kind === "channel") && !ue(c)
         )
       ],
       [
         "Direct messages",
-        se.filter((c) => !c.starred && (c.kind === "dm" || de(c)))
+        ae.filter((c) => !c.starred && (c.kind === "dm" || ue(c)))
       ],
-      ["Records", se.filter((c) => !c.starred && c.kind === "entity")]
+      ["Records", ae.filter((c) => !c.starred && c.kind === "entity")]
     ].map(
       ([c, L]) => L.length === 0 ? null : /* @__PURE__ */ a("div", { className: "mb-1.5", children: [
         /* @__PURE__ */ e("p", { className: "px-2.5 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-[0.08em] text-slate-400", children: c }),
         L.map((u) => {
-          var Z, Se, pe, Oe, ke, Te;
+          var J, Ue, he, Pe, Ne, De;
           return /* @__PURE__ */ a("div", { className: "group/room relative", children: [
             /* @__PURE__ */ a(
               "button",
@@ -2474,28 +2474,28 @@ function Wn({
                 className: "flex w-full items-center gap-3 rounded-lg px-2.5 py-2 text-left transition-colors hover:bg-slate-50 dark:hover:bg-muted/50",
                 children: [
                   (() => {
-                    const we = u.kind === "dm" && d.me ? Ce(u.room, d.me.id) : null;
-                    if (!we) return null;
-                    const k = U.get(we.toUpperCase()) ?? "offline";
-                    return /* @__PURE__ */ e("span", { className: "relative shrink-0", "data-chat-room-avatar": k, children: /* @__PURE__ */ e(Y, { id: we, name: u.label, size: 32 }) });
+                    const Ce = u.kind === "dm" && d.me ? Se(u.room, d.me.id) : null;
+                    if (!Ce) return null;
+                    const k = U.get(Ce.toUpperCase()) ?? "offline";
+                    return /* @__PURE__ */ e("span", { className: "relative shrink-0", "data-chat-room-avatar": k, children: /* @__PURE__ */ e(K, { id: Ce, name: u.label, size: 32 }) });
                   })(),
-                  u.kind === "channel" && !((Z = u.channel) != null && Z.is_direct) || u.kind === "global" && ((Se = u.channel) != null && Se.icon || (pe = u.channel) != null && pe.color) ? /* @__PURE__ */ e(Ke, { icon: (Oe = u.channel) == null ? void 0 : Oe.icon, color: (ke = u.channel) == null ? void 0 : ke.color, size: 32 }) : /* @__PURE__ */ e(
+                  u.kind === "channel" && !((J = u.channel) != null && J.is_direct) || u.kind === "global" && ((Ue = u.channel) != null && Ue.icon || (he = u.channel) != null && he.color) ? /* @__PURE__ */ e(Ye, { icon: (Pe = u.channel) == null ? void 0 : Pe.icon, color: (Ne = u.channel) == null ? void 0 : Ne.color, size: 32 }) : /* @__PURE__ */ e(
                     "span",
                     {
                       className: g(
                         "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-slate-100 text-slate-500 dark:bg-muted dark:text-slate-400",
-                        u.kind === "dm" && d.me && Ce(u.room, d.me.id) && "hidden"
+                        u.kind === "dm" && d.me && Se(u.room, d.me.id) && "hidden"
                       ),
-                      children: u.kind === "dm" ? /* @__PURE__ */ e(zn, { className: "h-4 w-4", strokeWidth: 1.8 }) : (Te = u.channel) != null && Te.is_direct ? /* @__PURE__ */ e(Tt, { className: "h-4 w-4", strokeWidth: 1.8 }) : /* @__PURE__ */ e(_t, { className: "h-4 w-4", strokeWidth: 1.8 })
+                      children: u.kind === "dm" ? /* @__PURE__ */ e(Qn, { className: "h-4 w-4", strokeWidth: 1.8 }) : (De = u.channel) != null && De.is_direct ? /* @__PURE__ */ e(Dt, { className: "h-4 w-4", strokeWidth: 1.8 }) : /* @__PURE__ */ e(Tt, { className: "h-4 w-4", strokeWidth: 1.8 })
                     }
                   ),
                   /* @__PURE__ */ a("span", { className: "min-w-0 flex-1", children: [
                     /* @__PURE__ */ a("span", { className: "flex items-center gap-1.5", children: [
                       /* @__PURE__ */ e("span", { className: "truncate text-[13px] font-medium text-slate-800 dark:text-slate-100", children: u.label }),
-                      u.muted && /* @__PURE__ */ e(Tn, { className: "h-3 w-3 shrink-0 text-slate-300", strokeWidth: 2 }),
+                      u.muted && /* @__PURE__ */ e(Dn, { className: "h-3 w-3 shrink-0 text-slate-300", strokeWidth: 2 }),
                       /* @__PURE__ */ e(wr, { count: C.countFor(u.room), label: u.label }),
-                      te.has(u.room) && /* @__PURE__ */ e(
-                        Ya,
+                      ee.has(u.room) && /* @__PURE__ */ e(
+                        Za,
                         {
                           className: "h-3 w-3 shrink-0 text-slate-400",
                           strokeWidth: 2,
@@ -2545,14 +2545,14 @@ function Wn({
                   className: "rounded p-1 text-slate-400 transition-colors hover:bg-slate-200 hover:text-slate-700 dark:text-slate-400 dark:hover:bg-white/10 dark:hover:text-slate-100",
                   "data-chat-row-star": u.starred ? "on" : "off",
                   children: /* @__PURE__ */ e(
-                    Za,
+                    Va,
                     {
                       className: g("h-3 w-3", u.starred && "fill-amber-400 text-amber-500")
                     }
                   )
                 }
               ),
-              ma(u) && /* @__PURE__ */ e(
+              fa(u) && /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
@@ -2561,7 +2561,7 @@ function Wn({
                   onClick: () => p.mutate({ room: u.room, archived: !r }),
                   className: "rounded p-1 text-slate-400 transition-colors hover:bg-slate-200 hover:text-slate-700 dark:text-slate-400 dark:hover:bg-white/10 dark:hover:text-slate-100",
                   "data-chat-row-archive": r ? "unarchive" : "archive",
-                  children: r ? /* @__PURE__ */ e(Va, { className: "h-3 w-3" }) : /* @__PURE__ */ e(Xa, { className: "h-3 w-3" })
+                  children: r ? /* @__PURE__ */ e(Xa, { className: "h-3 w-3" }) : /* @__PURE__ */ e(es, { className: "h-3 w-3" })
                 }
               ),
               /* @__PURE__ */ e(
@@ -2571,7 +2571,7 @@ function Wn({
                   title: u.muted ? "Unmute" : "Mute",
                   onClick: () => b.mutate({ room: u.room, muted: !u.muted }),
                   className: "rounded p-1 text-slate-400 transition-colors hover:bg-slate-200 hover:text-slate-700 dark:text-slate-400 dark:hover:bg-white/10 dark:hover:text-slate-100",
-                  children: u.muted ? /* @__PURE__ */ e(es, { className: "h-3 w-3" }) : /* @__PURE__ */ e(Tn, { className: "h-3 w-3" })
+                  children: u.muted ? /* @__PURE__ */ e(ts, { className: "h-3 w-3" }) : /* @__PURE__ */ e(Dn, { className: "h-3 w-3" })
                 }
               ),
               (u.kind === "channel" || u.kind === "global" || u.kind === "entity") && u.joined && /* @__PURE__ */ e(
@@ -2583,7 +2583,7 @@ function Wn({
                   "data-chat-row-leave": !0,
                   onClick: () => f.mutate(u.room),
                   className: "rounded p-1 text-slate-400 transition-colors hover:bg-slate-200 hover:text-slate-700 dark:text-slate-400 dark:hover:bg-white/10 dark:hover:text-slate-100",
-                  children: /* @__PURE__ */ e(ts, { className: "h-3 w-3" })
+                  children: /* @__PURE__ */ e(ns, { className: "h-3 w-3" })
                 }
               )
             ] })
@@ -2599,9 +2599,9 @@ function uo({
   onBack: l,
   onOpen: r
 }) {
-  const o = ce();
-  return n === "mentions" ? /* @__PURE__ */ e(Qn, { th: o, onBack: l, onOpen: r }) : n === "scheduled" ? /* @__PURE__ */ e(
-    Kn,
+  const o = de();
+  return n === "mentions" ? /* @__PURE__ */ e(Yn, { th: o, onBack: l, onOpen: r }) : n === "scheduled" ? /* @__PURE__ */ e(
+    Zn,
     {
       th: o,
       onBack: l,
@@ -2610,19 +2610,19 @@ function uo({
         return ((m = s.find((d) => d.room === i)) == null ? void 0 : m.label) ?? i;
       }
     }
-  ) : /* @__PURE__ */ e(Jn, { rooms: s, th: o, onBack: l, onOpen: r });
+  ) : /* @__PURE__ */ e(Vn, { rooms: s, th: o, onBack: l, onOpen: r });
 }
 function ll({
   onOpen: n
 }) {
-  const s = ce(), [l, r] = T(""), [o, i] = T(!1), [m, d] = T(""), [b, f] = T("open"), [p, x] = T(""), [v, U] = T({
+  const s = de(), [l, r] = T(""), [o, i] = T(!1), [m, d] = T(""), [b, f] = T("open"), [p, x] = T(""), [v, U] = T({
     icon: null,
     color: null
-  }), $ = Zn(), { channels: C, loading: S } = zs(l), { join: E } = It(), R = Hs();
+  }), $ = ea(), { channels: C, loading: S } = zs(l), { join: E } = qt(), R = Hs();
   return /* @__PURE__ */ a("div", { className: "flex min-h-0 flex-1 flex-col", "data-chat-directory": !0, children: [
     /* @__PURE__ */ a("div", { className: "flex items-center gap-2 p-2", children: [
       /* @__PURE__ */ a("div", { className: "relative flex-1", children: [
-        /* @__PURE__ */ e(Fn, { className: "pointer-events-none absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-slate-400" }),
+        /* @__PURE__ */ e(Gn, { className: "pointer-events-none absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-slate-400" }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -2643,7 +2643,7 @@ function ll({
             s.action
           ),
           children: [
-            /* @__PURE__ */ e(Wa, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ e(Fa, { className: "h-3.5 w-3.5" }),
             " New"
           ]
         }
@@ -2671,7 +2671,7 @@ function ll({
         },
         children: [
           /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(Ke, { icon: v.icon, color: v.color, size: 32 }),
+            /* @__PURE__ */ e(Ye, { icon: v.icon, color: v.color, size: 32 }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -2685,7 +2685,7 @@ function ll({
               }
             )
           ] }),
-          /* @__PURE__ */ e(Gn, { icon: v.icon, color: v.color, onChange: U }),
+          /* @__PURE__ */ e(Jn, { icon: v.icon, color: v.color, onChange: U }),
           /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
             [
               ["open", "Anyone"],
@@ -2715,7 +2715,7 @@ function ll({
             )
           ] }),
           b === "role" && /* @__PURE__ */ e(
-            Lt,
+            It,
             {
               value: p,
               onChange: x,
@@ -2733,7 +2733,7 @@ function ll({
     /* @__PURE__ */ a("div", { className: "min-h-0 flex-1 overflow-y-auto p-2", children: [
       S && /* @__PURE__ */ e("p", { className: "px-2 py-6 text-center text-[12px] text-slate-400", children: "Loading…" }),
       !S && C.length === 0 && /* @__PURE__ */ a("div", { className: "px-3 py-8 text-center", children: [
-        /* @__PURE__ */ e(_t, { className: "mx-auto h-5 w-5 text-slate-300" }),
+        /* @__PURE__ */ e(Tt, { className: "mx-auto h-5 w-5 text-slate-300" }),
         /* @__PURE__ */ e("p", { className: "mt-2 text-[12.5px] font-medium text-slate-600 dark:text-slate-300", children: l ? `No channel matches “${l}”` : "No channels yet" }),
         /* @__PURE__ */ e("p", { className: "mt-1 text-[11.5px] leading-relaxed text-slate-400", children: "Channels and General are shared rooms you join to follow. Record conversations appear on their own once someone posts on a record." })
       ] }),
@@ -2743,12 +2743,12 @@ function ll({
           className: "flex items-center gap-2.5 rounded-lg px-2.5 py-2 hover:bg-slate-50 dark:hover:bg-muted/50",
           children: [
             /* @__PURE__ */ e(
-              Ke,
+              Ye,
               {
                 icon: y.icon,
                 color: y.color,
                 size: 32,
-                fallback: y.visibility === "private" ? Fa : _t
+                fallback: y.visibility === "private" ? za : Tt
               }
             ),
             /* @__PURE__ */ a("span", { className: "min-w-0 flex-1", children: [
@@ -2759,7 +2759,7 @@ function ll({
               "button",
               {
                 type: "button",
-                onClick: () => n(y.room, y.name, qn(y)),
+                onClick: () => n(y.room, y.name, Wn(y)),
                 className: "shrink-0 rounded-md px-2 py-1 text-[11.5px] font-medium text-slate-500 hover:bg-slate-100 dark:hover:bg-muted",
                 children: "Open"
               }
@@ -2768,7 +2768,7 @@ function ll({
               {
                 type: "button",
                 onClick: () => E.mutate(y.room, {
-                  onSuccess: () => n(y.room, y.name, qn(y))
+                  onSuccess: () => n(y.room, y.name, Wn(y))
                 }),
                 className: g("shrink-0 rounded-md px-2 py-1 text-[11.5px] font-medium", s.action),
                 children: "Join"
@@ -2786,7 +2786,7 @@ function ol() {
   return n.setHours(23, 59, 59, 999), n;
 }
 function il() {
-  const n = Pt(), s = Yn(), [l, r] = T(!1), o = n.presence_override, i = !!o && o.mode === "away" && !(o.until && new Date(o.until).getTime() < Date.now()), m = (b) => {
+  const n = jt(), s = Xn(), [l, r] = T(!1), o = n.presence_override, i = !!o && o.mode === "away" && !(o.until && new Date(o.until).getTime() < Date.now()), m = (b) => {
     s.mutate({
       presence_override: b === "off" ? null : { mode: "away", until: (b == null ? void 0 : b.toISOString()) ?? null }
     }), r(!1);
@@ -2794,7 +2794,7 @@ function il() {
     weekday: "short",
     hour: "numeric",
     minute: "2-digit",
-    timeZone: Mt() ?? void 0
+    timeZone: Lt() ?? void 0
   })}` : i ? "until you switch it off" : null;
   return /* @__PURE__ */ a(
     "div",
@@ -2822,8 +2822,8 @@ function il() {
             "data-chat-appear-away-off": !0,
             children: "Back online"
           }
-        ) : /* @__PURE__ */ a(Ye, { open: l, onOpenChange: r, children: [
-          /* @__PURE__ */ e(Ze, { asChild: !0, children: /* @__PURE__ */ e(
+        ) : /* @__PURE__ */ a(Ve, { open: l, onOpenChange: r, children: [
+          /* @__PURE__ */ e(Xe, { asChild: !0, children: /* @__PURE__ */ e(
             "button",
             {
               type: "button",
@@ -2832,7 +2832,7 @@ function il() {
               children: "Appear away"
             }
           ) }),
-          /* @__PURE__ */ a(Ve, { align: "end", className: "w-48 p-1", children: [
+          /* @__PURE__ */ a(et, { align: "end", className: "w-48 p-1", children: [
             /* @__PURE__ */ e("p", { className: "px-2 pb-1 pt-1.5 text-[10px] font-semibold uppercase tracking-[0.08em] text-slate-400", children: "Appear away for" }),
             [
               ["1 hour", () => new Date(Date.now() + 36e5)],
@@ -2857,7 +2857,7 @@ function il() {
   );
 }
 function cl({ myStatus: n }) {
-  const s = ce();
+  const s = de();
   return /* @__PURE__ */ e(
     Ts,
     {
@@ -2867,18 +2867,18 @@ function cl({ myStatus: n }) {
     }
   );
 }
-function pa() {
+function xa() {
   var i, m, d;
-  const n = Je(), s = Cs(15e3), { data: l, isFetched: r } = _e({
+  const n = Ze(), s = Cs(15e3), { data: l, isFetched: r } = Te({
     queryKey: ["presence-online"],
-    queryFn: () => n.request(ge("/presence/online")),
+    queryFn: () => n.request(ye("/presence/online")),
     // Matches the presence heartbeat cadence without a live socket — the page someone is on
     // should track them around the app. Live, presence:changed carries it and this is 60 s.
     refetchInterval: s,
     staleTime: 5e3
   });
   return {
-    byUser: be(() => {
+    byUser: ve(() => {
       const b = /* @__PURE__ */ new Map();
       for (const f of (l == null ? void 0 : l.data) ?? []) b.set(String(f.user_id).toUpperCase(), f);
       return b;
@@ -2889,7 +2889,7 @@ function pa() {
     loaded: r
   };
 }
-function ha(n) {
+function ba(n) {
   if (!n) return null;
   const s = n.split("/").filter(Boolean);
   if (s.length === 0) return "Home";
@@ -2900,7 +2900,7 @@ function dl({
   onClose: n,
   onCreated: s
 }) {
-  const l = ce(), [r, o] = T(""), [i, m] = T(""), [d, b] = T(/* @__PURE__ */ new Map()), { users: f } = qt(r, !0), p = dr(), x = (v) => [v.first_name, v.last_name].filter(Boolean).join(" ") || (v.email ?? "Unknown");
+  const l = de(), [r, o] = T(""), [i, m] = T(""), [d, b] = T(/* @__PURE__ */ new Map()), { users: f } = Bt(r, !0), p = dr(), x = (v) => [v.first_name, v.last_name].filter(Boolean).join(" ") || (v.email ?? "Unknown");
   return /* @__PURE__ */ a("div", { className: "flex min-h-0 flex-1 flex-col p-3", "data-chat-group-dialog": !0, children: [
     /* @__PURE__ */ a("div", { className: "mb-2 flex items-center gap-2", children: [
       /* @__PURE__ */ e(
@@ -2910,7 +2910,7 @@ function dl({
           onClick: n,
           className: "rounded-md p-1 text-slate-400 hover:bg-slate-100 hover:text-slate-600 dark:hover:bg-white/10 dark:hover:text-slate-100",
           "aria-label": "Back",
-          children: /* @__PURE__ */ e(ct, { className: "h-4 w-4", strokeWidth: 2 })
+          children: /* @__PURE__ */ e(ut, { className: "h-4 w-4", strokeWidth: 2 })
         }
       ),
       /* @__PURE__ */ e("p", { className: "text-[13px] font-semibold text-slate-800 dark:text-slate-100", children: "New group conversation" })
@@ -2933,7 +2933,7 @@ function dl({
                 return C.delete(v), C;
               }),
               "aria-label": `Remove ${U}`,
-              children: /* @__PURE__ */ e(dt, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ e(mt, { className: "h-3 w-3" })
             }
           )
         ]
@@ -2966,9 +2966,9 @@ function dl({
             U ? l.accentSoft : "hover:bg-slate-50 dark:hover:bg-muted/50"
           ),
           children: [
-            /* @__PURE__ */ e(Y, { id: v.id, name: x(v), size: 22 }),
+            /* @__PURE__ */ e(K, { id: v.id, name: x(v), size: 22 }),
             /* @__PURE__ */ e("span", { className: "truncate", children: x(v) }),
-            U && /* @__PURE__ */ e(Rt, { className: "ml-auto h-3.5 w-3.5 shrink-0" })
+            U && /* @__PURE__ */ e(Ot, { className: "ml-auto h-3.5 w-3.5 shrink-0" })
           ]
         },
         v.id
@@ -3005,10 +3005,10 @@ function dl({
     )
   ] });
 }
-const $t = "nvr-chat-pinned", Ct = 400;
+const Rt = "nvr-chat-pinned", St = 400;
 function ul() {
   try {
-    return typeof window < "u" && window.localStorage.getItem($t) === "1";
+    return typeof window < "u" && window.localStorage.getItem(Rt) === "1";
   } catch {
     return !1;
   }
@@ -3020,7 +3020,7 @@ function ml() {
       return typeof window < "u" && !!((r = window.matchMedia) != null && r.call(window, n).matches);
     }
   );
-  return ee(() => {
+  return X(() => {
     var i;
     const r = (i = window.matchMedia) == null ? void 0 : i.call(window, n);
     if (!r) return;
@@ -3035,57 +3035,57 @@ function mo({
   requestedDm: r,
   requestedRoom: o
 }) {
-  var we;
-  const i = Me(), m = ce(), d = i.me, [b, f] = T(ul), p = ml(), x = b && p, v = () => {
+  var Ce;
+  const i = Le(), m = de(), d = i.me, [b, f] = T(ul), p = ml(), x = b && p, v = () => {
     const k = !b;
     f(k);
     try {
-      k ? window.localStorage.setItem($t, "1") : window.localStorage.removeItem($t);
+      k ? window.localStorage.setItem(Rt, "1") : window.localStorage.removeItem(Rt);
     } catch {
     }
   };
-  ee(() => {
+  X(() => {
     if (!n || !x) return;
     const k = document.body, M = k.style.paddingRight;
-    k.style.paddingRight = `${Ct}px`, k.dataset.nvrChatPinned = "1";
+    k.style.paddingRight = `${St}px`, k.dataset.nvrChatPinned = "1";
     const P = document.createElement("style");
     return P.dataset.nvrChatPinnedStyle = "", P.textContent = `body[data-nvr-chat-pinned] [data-sonner-toaster][data-x-position="right"],
-body[data-nvr-chat-pinned] [data-nvr-dock-aware] { margin-right: ${Ct}px; }`, document.head.appendChild(P), () => {
+body[data-nvr-chat-pinned] [data-nvr-dock-aware] { margin-right: ${St}px; }`, document.head.appendChild(P), () => {
       k.style.paddingRight = M, delete k.dataset.nvrChatPinned, P.remove();
     };
   }, [n, x]);
   const [U, $] = T("online"), [C, S] = T(null), [E, R] = T(null), y = (k, M, P) => {
-    const V = me.find((Ue) => Ue.room === k);
-    z(!1), S({ room: k, label: (V == null ? void 0 : V.label) ?? M, channel: V == null ? void 0 : V.channel, anchor: P });
-  }, [q, A] = T(!1), [F, z] = T(!1), [G, te] = T(null), { rooms: me, totalUnread: ne } = ea(), ae = ta(U === "archived"), le = (k, M, P) => {
-    var Ue, _;
+    const Y = pe.find(($e) => $e.room === k);
+    F(!1), S({ room: k, label: (Y == null ? void 0 : Y.label) ?? M, channel: Y == null ? void 0 : Y.channel, anchor: P });
+  }, [q, A] = T(!1), [W, F] = T(!1), [H, ee] = T(null), { rooms: pe, totalUnread: te } = aa(), ne = sa(U === "archived"), le = (k, M, P) => {
+    var $e, _;
     if (!M) return [{ key: "all", label: null, users: k }];
-    const V = /* @__PURE__ */ new Map();
+    const Y = /* @__PURE__ */ new Map();
     for (const I of k) {
-      const j = P.get(String(I.user_id).toUpperCase()), X = M === "__role__" ? [En((j == null ? void 0 : j.role_name) ?? I.role_name) || "No role"] : (_ = (Ue = j == null ? void 0 : j.scopes_by_dimension) == null ? void 0 : Ue[M]) != null && _.length ? j.scopes_by_dimension[M] : ["Unassigned"], Q = [...new Set(X)].sort((B, K) => B.localeCompare(K)).join(", ");
-      V.set(Q, [...V.get(Q) ?? [], I]);
+      const j = P.get(String(I.user_id).toUpperCase()), oe = M === "__role__" ? [Fn((j == null ? void 0 : j.role_name) ?? I.role_name) || "No role"] : (_ = ($e = j == null ? void 0 : j.scopes_by_dimension) == null ? void 0 : $e[M]) != null && _.length ? j.scopes_by_dimension[M] : ["Unassigned"], V = [...new Set(oe)].sort((Z, G) => Z.localeCompare(G)).join(", ");
+      Y.set(V, [...Y.get(V) ?? [], I]);
     }
-    return [...V.entries()].sort((I, j) => I[0] === "Unassigned" ? 1 : j[0] === "Unassigned" ? -1 : I[0].localeCompare(j[0])).map(([I, j]) => ({ key: I, label: I, users: j }));
-  }, [se, de] = T(() => typeof window > "u" ? "" : localStorage.getItem("nvr_chat_group_by") ?? ""), c = pa(), L = c.loaded ? Gs(
+    return [...Y.entries()].sort((I, j) => I[0] === "Unassigned" ? 1 : j[0] === "Unassigned" ? -1 : I[0].localeCompare(j[0])).map(([I, j]) => ({ key: I, label: I, users: j }));
+  }, [ae, ue] = T(() => typeof window > "u" ? "" : localStorage.getItem("nvr_chat_group_by") ?? ""), c = xa(), L = c.loaded ? Gs(
     i.onlineUsers.filter((k) => c.byUser.has(String(k.user_id).toUpperCase()))
-  ) : [], u = be(
-    () => le(L, se, c.byUser),
+  ) : [], u = ve(
+    () => le(L, ae, c.byUser),
     // biome-ignore lint/correctness/useExhaustiveDependencies: builder is pure
-    [L, se, c.byUser]
-  ), { isAdmin: Z } = ut(), { navigate: Se } = vs(), pe = (k) => {
-    /^https?:\/\//i.test(k) ? window.open(k, "_blank", "noopener") : Se(k);
-  }, Oe = (k) => {
-    d && ($("chat"), S({ room: Ut(d.id, k.user_id), label: k.display_name ?? "Direct message" }));
-  }, ke = ie(0);
-  ee(() => {
-    !r || !d || r.nonce === ke.current || (ke.current = r.nonce, $("chat"), z(!1), S({
-      room: Ut(d.id, r.userId),
+    [L, ae, c.byUser]
+  ), { isAdmin: J } = pt(), { navigate: Ue } = vs(), he = (k) => {
+    /^https?:\/\//i.test(k) ? window.open(k, "_blank", "noopener") : Ue(k);
+  }, Pe = (k) => {
+    d && ($("chat"), S({ room: $t(d.id, k.user_id), label: k.display_name ?? "Direct message" }));
+  }, Ne = ce(0);
+  X(() => {
+    !r || !d || r.nonce === Ne.current || (Ne.current = r.nonce, $("chat"), F(!1), S({
+      room: $t(d.id, r.userId),
       label: r.name ?? "Direct message"
     }));
   }, [r, d]);
-  const Te = ie(0);
-  return ee(() => {
-    !o || o.nonce === Te.current || (Te.current = o.nonce, $("chat"), z(!1), S({ room: o.room, label: o.label ?? o.room }));
+  const De = ce(0);
+  return X(() => {
+    !o || o.nonce === De.current || (De.current = o.nonce, $("chat"), F(!1), S({ room: o.room, label: o.label ?? o.room }));
   }, [o]), n ? /* @__PURE__ */ a(
     "div",
     {
@@ -3093,13 +3093,13 @@ body[data-nvr-chat-pinned] [data-nvr-dock-aware] { margin-right: ${Ct}px; }`, do
         // No backdrop: the rest of the page stays usable.
         "pointer-events-none fixed inset-y-0 right-0 z-40"
       ) : "fixed inset-0 z-40 bg-black/40 animate-in fade-in duration-150",
-      style: x ? { width: Ct } : void 0,
+      style: x ? { width: St } : void 0,
       onClick: x ? void 0 : s,
       "data-chat-panel": !0,
       "data-nvr-recording-hide": !0,
       "data-chat-pinned": x ? "1" : void 0,
       children: [
-        /* @__PURE__ */ e(An, {}),
+        /* @__PURE__ */ e(On, {}),
         /* @__PURE__ */ a(
           "aside",
           {
@@ -3125,15 +3125,15 @@ body[data-nvr-chat-pinned] [data-nvr-dock-aware] { margin-right: ${Ct}px; }`, do
                     ),
                     children: [
                       k === "online" ? `Online · ${L.length}` : k === "chat" ? "Chat" : k === "browse" ? "Browse" : "Archived",
-                      k === "chat" && ne > 0 && /* @__PURE__ */ e(
+                      k === "chat" && te > 0 && /* @__PURE__ */ e(
                         "span",
                         {
                           className: g(
                             "flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[9.5px] font-bold leading-none",
                             m.pill
                           ),
-                          title: `${ne} unread`,
-                          children: ne > 99 ? "99+" : ne
+                          title: `${te} unread`,
+                          children: te > 99 ? "99+" : te
                         }
                       )
                     ]
@@ -3153,7 +3153,7 @@ body[data-nvr-chat-pinned] [data-nvr-dock-aware] { margin-right: ${Ct}px; }`, do
                       b ? m.accentSoft : "text-slate-400 hover:bg-slate-100 hover:text-slate-600 dark:hover:bg-white/10 dark:hover:text-slate-100"
                     ),
                     "data-chat-pin": b ? "on" : "off",
-                    children: b ? /* @__PURE__ */ e(za, { className: "h-4 w-4", strokeWidth: 2 }) : /* @__PURE__ */ e(St, { className: "h-4 w-4", strokeWidth: 2 })
+                    children: b ? /* @__PURE__ */ e(Ha, { className: "h-4 w-4", strokeWidth: 2 }) : /* @__PURE__ */ e(Ut, { className: "h-4 w-4", strokeWidth: 2 })
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -3163,7 +3163,7 @@ body[data-nvr-chat-pinned] [data-nvr-dock-aware] { margin-right: ${Ct}px; }`, do
                     onClick: s,
                     className: "rounded-md p-1.5 text-slate-400 hover:bg-slate-100 hover:text-slate-600 max-lg:ml-auto dark:hover:bg-white/10 dark:hover:text-slate-100",
                     "aria-label": "Close panel",
-                    children: /* @__PURE__ */ e(dt, { className: "h-4 w-4", strokeWidth: 2 })
+                    children: /* @__PURE__ */ e(mt, { className: "h-4 w-4", strokeWidth: 2 })
                   }
                 )
               ] }),
@@ -3176,7 +3176,7 @@ body[data-nvr-chat-pinned] [data-nvr-dock-aware] { margin-right: ${Ct}px; }`, do
                     /* @__PURE__ */ e(
                       cl,
                       {
-                        myStatus: d ? ((we = c.byUser.get(String(d.id).toUpperCase())) == null ? void 0 : we.custom_status) ?? null : null
+                        myStatus: d ? ((Ce = c.byUser.get(String(d.id).toUpperCase())) == null ? void 0 : Ce.custom_status) ?? null : null
                       }
                     ),
                     /* @__PURE__ */ e(il, {}),
@@ -3184,11 +3184,11 @@ body[data-nvr-chat-pinned] [data-nvr-dock-aware] { margin-right: ${Ct}px; }`, do
                     L.length > 0 && /* @__PURE__ */ a("div", { className: "mb-1.5 flex items-center gap-1.5 px-1", children: [
                       /* @__PURE__ */ e("span", { className: "text-[11px] text-slate-400", children: "Group by" }),
                       /* @__PURE__ */ e(
-                        Lt,
+                        It,
                         {
-                          value: se,
+                          value: ae,
                           onChange: (k) => {
-                            de(k);
+                            ue(k);
                             try {
                               localStorage.setItem("nvr_chat_group_by", k);
                             } catch {
@@ -3210,46 +3210,46 @@ body[data-nvr-chat-pinned] [data-nvr-dock-aware] { margin-right: ${Ct}px; }`, do
                         /* @__PURE__ */ e("span", { className: "font-normal normal-case text-slate-300", children: k.users.length })
                       ] }),
                       k.users.map((M) => {
-                        const P = c.byUser.get(String(M.user_id).toUpperCase()), V = (P == null ? void 0 : P.is_idle) ?? M.is_idle, Ue = P ?? M;
+                        const P = c.byUser.get(String(M.user_id).toUpperCase()), Y = (P == null ? void 0 : P.is_idle) ?? M.is_idle, $e = P ?? M;
                         return /* @__PURE__ */ a(
                           "div",
                           {
                             className: "flex w-full items-center rounded-lg pl-2.5 transition-colors hover:bg-slate-50 dark:hover:bg-muted/50",
                             "data-chat-online-row": !0,
                             children: [
-                              /* @__PURE__ */ e(Ot, { userId: M.user_id, children: /* @__PURE__ */ e(
+                              /* @__PURE__ */ e(Pt, { userId: M.user_id, children: /* @__PURE__ */ e(
                                 "button",
                                 {
                                   type: "button",
                                   className: "shrink-0 rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan",
                                   "aria-label": `${M.display_name ?? "Unknown user"} — profile`,
                                   "data-chat-online-avatar": !0,
-                                  children: /* @__PURE__ */ e(Y, { id: M.user_id, name: M.display_name })
+                                  children: /* @__PURE__ */ e(K, { id: M.user_id, name: M.display_name })
                                 }
                               ) }),
                               /* @__PURE__ */ a(
                                 "button",
                                 {
                                   type: "button",
-                                  onClick: () => Oe(M),
+                                  onClick: () => Pe(M),
                                   title: "Send a direct message",
                                   className: "flex min-w-0 flex-1 items-center gap-3 py-2 pl-3 pr-2.5 text-left",
                                   children: [
                                     /* @__PURE__ */ a("span", { className: "min-w-0 flex-1", children: [
                                       /* @__PURE__ */ a("span", { className: "block truncate text-[13px] font-medium text-slate-800 dark:text-slate-100", children: [
                                         M.display_name ?? "Unknown user",
-                                        V && /* @__PURE__ */ e("span", { className: "ml-1.5 rounded-full bg-amber-500/10 px-1.5 py-px text-[10px] font-medium text-amber-700 dark:text-amber-400", children: P != null && P.away ? "Away" : Dt(Ue) }),
-                                        !V && (P == null ? void 0 : P.stuck) && (() => {
-                                          const _ = P.stuck, I = c.fields.includes("page"), j = Un(
+                                        Y && /* @__PURE__ */ e("span", { className: "ml-1.5 rounded-full bg-amber-500/10 px-1.5 py-px text-[10px] font-medium text-amber-700 dark:text-amber-400", children: P != null && P.away ? "Away" : At($e) }),
+                                        !Y && (P == null ? void 0 : P.stuck) && (() => {
+                                          const _ = P.stuck, I = c.fields.includes("page"), j = An(
                                             P.current_path,
                                             P.app,
                                             c.adminUrl,
                                             i.recordUrl,
                                             typeof window > "u" ? null : window.location.origin
-                                          ), X = `${Dn(_)} — at the keyboard, on the same page, nothing saved for ten minutes${j ? `
-${$n(j)}` : ""}`, Q = Dn(
+                                          ), oe = `${Rn(_)} — at the keyboard, on the same page, nothing saved for ten minutes${j ? `
+${Mn(j)}` : ""}`, V = Rn(
                                             I ? { ..._, label: null } : _
-                                          ), B = "ml-1.5 rounded-full bg-orange-500/10 px-1.5 py-px text-[10px] font-medium text-orange-700 dark:text-orange-400";
+                                          ), Z = "ml-1.5 rounded-full bg-orange-500/10 px-1.5 py-px text-[10px] font-medium text-orange-700 dark:text-orange-400";
                                           return j ? (
                                             // biome-ignore lint/a11y/useSemanticElements: inside the row's DM button, where a nested <a> is invalid
                                             /* @__PURE__ */ e(
@@ -3257,26 +3257,26 @@ ${$n(j)}` : ""}`, Q = Dn(
                                               {
                                                 role: "link",
                                                 tabIndex: 0,
-                                                className: g(B, "cursor-pointer hover:underline"),
+                                                className: g(Z, "cursor-pointer hover:underline"),
                                                 "data-chat-stuck": _.minutes,
-                                                "data-tip": X,
-                                                "aria-label": `${Q}: open the page`,
-                                                onClick: (K) => {
-                                                  K.stopPropagation(), pe(j);
+                                                "data-tip": oe,
+                                                "aria-label": `${V}: open the page`,
+                                                onClick: (G) => {
+                                                  G.stopPropagation(), he(j);
                                                 },
-                                                onKeyDown: (K) => {
-                                                  (K.key === "Enter" || K.key === " ") && (K.preventDefault(), K.stopPropagation(), pe(j));
+                                                onKeyDown: (G) => {
+                                                  (G.key === "Enter" || G.key === " ") && (G.preventDefault(), G.stopPropagation(), he(j));
                                                 },
-                                                children: Q
+                                                children: V
                                               }
                                             )
                                           ) : /* @__PURE__ */ e(
                                             "span",
                                             {
-                                              className: B,
+                                              className: Z,
                                               "data-chat-stuck": _.minutes,
-                                              "data-tip": X,
-                                              children: Q
+                                              "data-tip": oe,
+                                              children: V
                                             }
                                           );
                                         })(),
@@ -3298,7 +3298,7 @@ ${$n(j)}` : ""}`, Q = Dn(
                                             }
                                           ) : null;
                                         })(),
-                                        Z && /* @__PURE__ */ e($s, { builds: P == null ? void 0 : P.stale_build })
+                                        J && /* @__PURE__ */ e($s, { builds: P == null ? void 0 : P.stale_build })
                                       ] }),
                                       (() => {
                                         const _ = c.byUser.get(String(M.user_id).toUpperCase()), I = _ == null ? void 0 : _.custom_status;
@@ -3315,7 +3315,7 @@ ${$n(j)}` : ""}`, Q = Dn(
                                                   "data-chat-in-huddle": !0,
                                                   "data-tip": "In a huddle right now",
                                                   children: [
-                                                    /* @__PURE__ */ e(Ha, { className: "h-3 w-3", strokeWidth: 2 }),
+                                                    /* @__PURE__ */ e(Ga, { className: "h-3 w-3", strokeWidth: 2 }),
                                                     !I && "In a huddle"
                                                   ]
                                                 }
@@ -3330,41 +3330,53 @@ ${$n(j)}` : ""}`, Q = Dn(
                                       })(),
                                       (() => {
                                         const _ = c.byUser.get(String(M.user_id).toUpperCase()), I = [];
-                                        let j = null;
-                                        for (const Q of c.fields)
-                                          if (Q === "role") {
-                                            const B = En((_ == null ? void 0 : _.role_name) ?? M.role_name);
-                                            B && I.push(B);
-                                          } else if (Q === "scopes") {
-                                            const B = ((_ == null ? void 0 : _.scopes) ?? []).join(", ");
-                                            B && I.push(B);
-                                          } else if (Q === "page") {
-                                            const B = (_ == null ? void 0 : _.page) ?? M.page ?? ha((_ == null ? void 0 : _.current_path) ?? M.current_path), K = (_ == null ? void 0 : _.app) ?? M.app;
-                                            j = (K ? `${B ?? ""}${B ? " · " : ""}${K}`.trim() : B) || null;
+                                        let j = null, oe = !1;
+                                        for (const G of c.fields)
+                                          if (G === "role") {
+                                            const se = Fn((_ == null ? void 0 : _.role_name) ?? M.role_name);
+                                            se && I.push(se);
+                                          } else if (G === "scopes") {
+                                            const se = ((_ == null ? void 0 : _.scopes) ?? []).join(", ");
+                                            se && I.push(se);
+                                          } else if (G === "page") {
+                                            const se = (_ == null ? void 0 : _.page) ?? M.page ?? ba((_ == null ? void 0 : _.current_path) ?? M.current_path), fe = (_ == null ? void 0 : _.app) ?? M.app;
+                                            j = (fe ? `${se ?? ""}${se ? " · " : ""}${fe}`.trim() : se) || null, oe = !j && !!_ && !_.away;
+                                          }
+                                        const V = I.join(" · "), Z = oe ? /* @__PURE__ */ a(
+                                          "span",
+                                          {
+                                            className: "flex items-start gap-1 text-[11px] italic text-slate-400 dark:text-slate-500",
+                                            "data-chat-online-page": "background",
+                                            "data-tip": "Their app is open in a tab that is not in front, so where they are is not known until they look at it.",
+                                            children: [
+                                              /* @__PURE__ */ e($n, { className: "mt-[2px] h-3 w-3 shrink-0 opacity-60" }),
+                                              /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: "Tab in background" })
+                                            ]
                                           }
-                                        const X = I.join(" · ");
-                                        return !X && !j ? /* @__PURE__ */ e("span", { className: "block truncate text-[11px] text-slate-400", children: "Online" }) : /* @__PURE__ */ a(ve, { children: [
-                                          X && /* @__PURE__ */ e(
+                                        ) : null;
+                                        return !V && !j && !Z ? /* @__PURE__ */ e("span", { className: "block truncate text-[11px] text-slate-400", children: "Online" }) : /* @__PURE__ */ a(ke, { children: [
+                                          V && /* @__PURE__ */ e(
                                             "span",
                                             {
                                               className: "block truncate text-[11px] text-slate-400",
                                               "data-chat-online-meta": !0,
-                                              title: X,
-                                              children: X
+                                              title: V,
+                                              children: V
                                             }
                                           ),
+                                          Z,
                                           j && (() => {
-                                            const Q = Un(
+                                            const G = An(
                                               _ == null ? void 0 : _.current_path,
                                               _ == null ? void 0 : _.app,
                                               c.adminUrl,
                                               i.recordUrl,
                                               typeof window > "u" ? null : window.location.origin
-                                            ), B = /* @__PURE__ */ a(ve, { children: [
-                                              /* @__PURE__ */ e(as, { className: "mt-[2px] h-3 w-3 shrink-0 text-slate-400" }),
+                                            ), se = /* @__PURE__ */ a(ke, { children: [
+                                              /* @__PURE__ */ e($n, { className: "mt-[2px] h-3 w-3 shrink-0 text-slate-400" }),
                                               /* @__PURE__ */ e("span", { className: "line-clamp-2 min-w-0 break-words", children: j })
                                             ] });
-                                            return Q ? (
+                                            return G ? (
                                               // biome-ignore lint/a11y/useSemanticElements: inside the row's DM button, where a nested <a> is invalid
                                               /* @__PURE__ */ e(
                                                 "span",
@@ -3373,16 +3385,16 @@ ${$n(j)}` : ""}`, Q = Dn(
                                                   tabIndex: 0,
                                                   className: "-mx-1 flex w-fit max-w-full cursor-pointer items-start gap-1 rounded px-1 text-[11px] text-slate-500 hover:bg-slate-100 hover:text-nvr-cyan hover:underline dark:text-slate-300 dark:hover:bg-muted",
                                                   "data-chat-online-page": !0,
-                                                  "data-chat-online-page-href": Q,
-                                                  "data-tip": $n(Q),
+                                                  "data-chat-online-page-href": G,
+                                                  "data-tip": Mn(G),
                                                   "aria-label": `${j}: open the page`,
-                                                  onClick: (K) => {
-                                                    K.stopPropagation(), pe(Q);
+                                                  onClick: (fe) => {
+                                                    fe.stopPropagation(), he(G);
                                                   },
-                                                  onKeyDown: (K) => {
-                                                    (K.key === "Enter" || K.key === " ") && (K.preventDefault(), K.stopPropagation(), pe(Q));
+                                                  onKeyDown: (fe) => {
+                                                    (fe.key === "Enter" || fe.key === " ") && (fe.preventDefault(), fe.stopPropagation(), he(G));
                                                   },
-                                                  children: B
+                                                  children: se
                                                 }
                                               )
                                             ) : /* @__PURE__ */ e(
@@ -3391,7 +3403,7 @@ ${$n(j)}` : ""}`, Q = Dn(
                                                 className: "flex items-start gap-1 text-[11px] text-slate-500 dark:text-slate-300",
                                                 "data-chat-online-page": !0,
                                                 "data-tip": (_ == null ? void 0 : _.current_path) ?? j,
-                                                children: B
+                                                children: se
                                               }
                                             );
                                           })()
@@ -3399,29 +3411,29 @@ ${$n(j)}` : ""}`, Q = Dn(
                                       })()
                                     ] }),
                                     (() => {
-                                      var Q;
+                                      var V;
                                       const _ = c.byUser.get(String(M.user_id).toUpperCase());
-                                      if (!Z || !(_ != null && _.recording_id)) return null;
-                                      const I = ((Q = c.adminUrl) == null ? void 0 : Q.replace(/\/$/, "")) ?? "", j = !!I && (typeof window > "u" || new URL(I, window.location.origin).origin !== window.location.origin), X = i.sessionUrl ? i.sessionUrl(_.recording_id, String(M.user_id)) : j ? `${I}/session-replays?recording=${_.recording_id}` : null;
-                                      return X ? /* @__PURE__ */ e(
+                                      if (!J || !(_ != null && _.recording_id)) return null;
+                                      const I = ((V = c.adminUrl) == null ? void 0 : V.replace(/\/$/, "")) ?? "", j = !!I && (typeof window > "u" || new URL(I, window.location.origin).origin !== window.location.origin), oe = i.sessionUrl ? i.sessionUrl(_.recording_id, String(M.user_id)) : j ? `${I}/session-replays?recording=${_.recording_id}` : null;
+                                      return oe ? /* @__PURE__ */ e(
                                         "span",
                                         {
                                           role: "link",
                                           tabIndex: 0,
                                           title: "Watch this session",
-                                          onClick: (B) => {
-                                            B.stopPropagation(), pe(X);
+                                          onClick: (Z) => {
+                                            Z.stopPropagation(), he(oe);
                                           },
-                                          onKeyDown: (B) => {
-                                            (B.key === "Enter" || B.key === " ") && (B.stopPropagation(), pe(X));
+                                          onKeyDown: (Z) => {
+                                            (Z.key === "Enter" || Z.key === " ") && (Z.stopPropagation(), he(oe));
                                           },
                                           className: "shrink-0 rounded p-1 text-slate-300 transition-colors hover:bg-slate-100 hover:text-nvr-cyan dark:hover:bg-muted",
-                                          children: /* @__PURE__ */ e(Ga, { className: "h-4 w-4", strokeWidth: 1.8 })
+                                          children: /* @__PURE__ */ e(Qa, { className: "h-4 w-4", strokeWidth: 1.8 })
                                         }
                                       ) : null;
                                     })(),
                                     /* @__PURE__ */ e(
-                                      zn,
+                                      Qn,
                                       {
                                         className: "h-4 w-4 shrink-0 text-slate-300",
                                         strokeWidth: 1.8
@@ -3438,22 +3450,22 @@ ${$n(j)}` : ""}`, Q = Dn(
                     ] }, k.key))
                   ]
                 }
-              ) : U === "archived" ? G ? /* @__PURE__ */ e(
-                jn,
+              ) : U === "archived" ? H ? /* @__PURE__ */ e(
+                Bn,
                 {
-                  room: G.room,
-                  label: G.label,
-                  onBack: () => te(null),
+                  room: H.room,
+                  label: H.label,
+                  onBack: () => ee(null),
                   renderMessageBody: l
                 },
-                G.room
+                H.room
               ) : /* @__PURE__ */ e(
-                Wn,
+                Hn,
                 {
-                  rooms: ae.rooms,
-                  loading: ae.loading,
+                  rooms: ne.rooms,
+                  loading: ne.loading,
                   archivedView: !0,
-                  onOpen: (k) => te({ room: k.room, label: k.label })
+                  onOpen: (k) => ee({ room: k.room, label: k.label })
                 }
               ) : U === "browse" ? (
                 // The tab is checked BEFORE the open room: leaving it last meant
@@ -3463,7 +3475,7 @@ ${$n(j)}` : ""}`, Q = Dn(
                   ll,
                   {
                     onOpen: (k, M, P) => {
-                      z(!1), S({ room: k, label: M, channel: P }), $("chat");
+                      F(!1), S({ room: k, label: M, channel: P }), $("chat");
                     }
                   }
                 )
@@ -3475,49 +3487,49 @@ ${$n(j)}` : ""}`, Q = Dn(
                     A(!1), S({ room: k, label: M });
                   }
                 }
-              ) : C && F && C.channel ? /* @__PURE__ */ e(
+              ) : C && W && C.channel ? /* @__PURE__ */ e(
                 al,
                 {
                   channel: C.channel,
                   label: C.label,
-                  onBack: () => z(!1)
+                  onBack: () => F(!1)
                 }
               ) : C ? /* @__PURE__ */ e(
-                jn,
+                Bn,
                 {
                   room: C.room,
                   label: C.label,
-                  onOpenSettings: C.channel && !C.channel.is_direct ? () => z(!0) : void 0,
+                  onOpenSettings: C.channel && !C.channel.is_direct ? () => F(!0) : void 0,
                   onBack: () => S(null),
                   renderMessageBody: l,
                   initialUnread: C.unread,
                   anchor: C.anchor ?? null
                 },
                 C.room
-              ) : E === "mentions" ? /* @__PURE__ */ e(Qn, { th: m, onBack: () => R(null), onOpen: y }) : E === "scheduled" ? /* @__PURE__ */ e(
-                Kn,
+              ) : E === "mentions" ? /* @__PURE__ */ e(Yn, { th: m, onBack: () => R(null), onOpen: y }) : E === "scheduled" ? /* @__PURE__ */ e(
+                Zn,
                 {
                   th: m,
                   onBack: () => R(null),
                   roomLabel: (k) => {
                     var M;
-                    return ((M = me.find((P) => P.room === k)) == null ? void 0 : M.label) ?? k;
+                    return ((M = pe.find((P) => P.room === k)) == null ? void 0 : M.label) ?? k;
                   }
                 }
               ) : E === "catchup" ? /* @__PURE__ */ e(
-                Jn,
+                Vn,
                 {
-                  rooms: me,
+                  rooms: pe,
                   th: m,
                   onBack: () => R(null),
                   onOpen: y
                 }
               ) : /* @__PURE__ */ e(
-                Wn,
+                Hn,
                 {
-                  rooms: me,
+                  rooms: pe,
                   onOpen: (k, M) => {
-                    z(!1), S({
+                    F(!1), S({
                       room: k.room,
                       label: k.label,
                       channel: k.channel,
@@ -3534,7 +3546,7 @@ ${$n(j)}` : ""}`, Q = Dn(
         )
       ]
     }
-  ) : /* @__PURE__ */ e(An, {});
+  ) : /* @__PURE__ */ e(On, {});
 }
 export {
   il as ChatAppearAwayRow,
@@ -3542,8 +3554,8 @@ export {
   al as ChatChannelSettings,
   mo as ChatPanel,
   co as ChatProvider,
-  Wn as ChatRoomList,
-  jn as ChatRoomView,
+  Hn as ChatRoomList,
+  Bn as ChatRoomView,
   uo as ChatSideView,
   ul as isChatPanelPinned
 };