@nivaro/react 0.3.41 → 0.3.43

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

@@ -1,51 +1,52 @@
 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 { useQuery as Te, useQueryClient as Ot, useMutation as We } from "@tanstack/react-query";
+import { Search as Hn, Plus as Fa, Hash as Ut, Lock as za, ChevronLeft as ut, X as pt, PinOff as Ha, Pin as Dt, Headphones as Ga, PlayCircle as Qa, MessageCircle as Gn, Users as $t, AtSign as Ka, AlarmClock as Ja, Sparkles as Ya, BellOff as Un, PencilLine as Za, Star as Va, ArchiveRestore as Xa, Archive as es, Bell as ts, LogOut as ns, Info as as, MapPin as Dn, Check as Lt, 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 ae, useMemo as ve, useRef as de, 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 { useItemEditAuth as ht, 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 An, stuckText as Rn, fullHref as Mn } from "../../lib/presence-state.js";
+import { presencePlaceHref as $n, stuckText as Mn, fullHref as An } 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 Lt, formatRelative as Kn } from "../../lib/utils.js";
+import { cn as g, getDisplayTimezone as Pt, formatRelative as Qn } 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 Pt } from "../item-edit/UserChip.js";
+import { UserChip as It } from "../item-edit/UserChip.js";
 import { StaleBuildChip as $s } from "../StaleBuildChip.js";
-import { UserAvatar as As } from "../UserAvatar.js";
+import { UserAvatar as Ms } from "../UserAvatar.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 { SimpleSelect as jt } from "../ui/SimpleSelect.js";
+import { useBotStream as As, BotStreamBubble as Rs } 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 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 { ChannelTile as Ye, ChannelLookPicker as Kn } from "./ChannelLook.js";
+import { MentionsView as Jn, ScheduledView as Yn, CatchUpView as Zn, 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 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 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 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 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 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 { useMyPreferences as qt, useSetMyPreferences as Vn, useChatRoles as Xn, useChannelDirectory as zs, useRoomMembership as Et, useCreateChannel as Hs, useChatConfig as Le, useChannelMembers as ea, useChannelAdmin as ta, useUserSearch as Bt, GENERAL_CHANNEL_ID as na, useChatRooms as aa, useArchivedRooms as sa, sortOnlineUsers as Gs, dmRoom as Mt, 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, usePagedMembers as pr, chatRoomTypesQuery as la, REACTION_EMOJI as hr } from "./chat-core.js";
+import { useDraftRooms as fr } from "./chat-drafts.js";
+import { useCustomEmoji as xr, EmojiButton as br, EmojiGlyph as gr } from "./chat-emoji.js";
+import { useRoomRecord as oa, useRecordFileTargets as vr } from "./chat-hooks.js";
+import { offHoursNote as yr } from "./chat-local-time.js";
+import { useMessageWindow as kr } from "./chat-window.js";
+import { HuddleFollowHost as Rn } from "./huddle/HuddleCollab.js";
+import { HuddleControls as wr } from "./huddle/HuddleControls.js";
+import { HuddleLiveBadge as Nr } from "./huddle/HuddleLiveBadge.js";
+import { HuddleScheduleCard as Cr } from "./huddle/HuddleScheduleCard.js";
+import { HuddleScheduleForm as _r } from "./huddle/HuddleScheduleForm.js";
+import { HuddleStage as Sr } from "./huddle/HuddleStage.js";
+import { useHuddleLive as Tr } from "./huddle/huddle-live.js";
+import { stripHuddleRef as On, huddleRefOf as Ln } from "./huddle/huddle-schedule.js";
+import { useHuddle as Ur } from "./huddle/useHuddle.js";
+import { MemberSearchBox as Dr, MemberOnlineDot as $r, MemberLoadMore as Mr } from "./MemberPaging.js";
+import { useMessageActions as Ar, MessageActionsMenu as Rr, actionsForMessage as Or } from "./MessageActions.js";
+import { FormattedMessage as Lr, LinkPreviews as Pr } from "./MessageFormat.js";
+import { PollCard as Ir } from "./PollCard.js";
+import { RoomStatusMarks as jr, headerIconIdle as Pn, headerIconButton as In, RoomHeaderMenu as qr } from "./RoomHeaderMenu.js";
+import { MemberCountLine as Er, ChannelIntro as Br, WelcomeNote as Wr, ThreadPane as Fr, RoomInfoDrawer as zr } from "./RoomParts.js";
+import { clipInfo as Hr, ClipPlayer as Gr } from "./ScreenClip.js";
 import { useOutbox as ia } from "./chat-outbox.js";
 import { OutboxBubbles as ca } from "./OutboxBubbles.js";
 const da = {
@@ -60,41 +61,41 @@ const da = {
   divider: "border-slate-100 dark:border-border/60"
 }, Ft = {};
 Ft.current = da;
-function co({
+function fo({
   children: n,
   me: s,
   onlineUsers: l = [],
   collections: r,
   globalRoom: o = dt.globalRoom,
   globalLabel: i = dt.globalLabel,
-  entityPattern: m = dt.entityPattern,
+  entityPattern: p = dt.entityPattern,
   entityUrl: d = () => null,
-  roomLabel: b,
+  roomLabel: x,
   recordUrl: f,
-  sessionUrl: p,
-  realtime: x,
-  subscribeRooms: v,
+  sessionUrl: u,
+  realtime: b,
+  subscribeRooms: y,
   setTypingRoom: U,
-  navigate: $,
+  navigate: A,
   sound: C = !0,
   theme: S
 }) {
-  const E = ve(
+  const B = ve(
     () => ({
       collections: { ...dt.collections, ...r },
       globalRoom: o,
       globalLabel: i,
-      entityPattern: m,
+      entityPattern: p,
       entityUrl: d,
-      roomLabel: b,
+      roomLabel: x,
       recordUrl: f,
-      sessionUrl: p,
-      realtime: x,
-      subscribeRooms: v,
+      sessionUrl: u,
+      realtime: b,
+      subscribeRooms: y,
       me: s,
       onlineUsers: l,
       setTypingRoom: U,
-      navigate: $,
+      navigate: A,
       sound: C
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -104,60 +105,60 @@ function co({
       r,
       o,
       i,
-      m,
-      x,
+      p,
+      b,
       U,
       C
     ]
   );
-  return Ft.current = { ...da, ...S }, /* @__PURE__ */ e(ra.Provider, { value: E, children: n });
+  return Ft.current = { ...da, ...S }, /* @__PURE__ */ e(ra.Provider, { value: B, children: n });
 }
-function de() {
+function ue() {
   return Ft.current;
 }
-const qn = /* @__PURE__ */ new WeakMap();
-function Fr(n, s) {
+const jn = /* @__PURE__ */ new WeakMap();
+function Qr(n, s) {
   const l = String(s).toUpperCase();
-  let r = qn.get(n);
-  r || (r = { ids: /* @__PURE__ */ new Map(), timer: null }, qn.set(n, r));
+  let r = jn.get(n);
+  r || (r = { ids: /* @__PURE__ */ new Map(), timer: null }, jn.set(n, r));
   const o = r;
   return new Promise((i) => {
-    const m = o.ids.get(l) ?? [];
-    m.push(i), o.ids.set(l, m), !o.timer && (o.timer = setTimeout(async () => {
+    const p = o.ids.get(l) ?? [];
+    p.push(i), o.ids.set(l, p), !o.timer && (o.timer = setTimeout(async () => {
       const d = new Map(o.ids);
       o.ids.clear(), o.timer = null;
-      const b = [...d.keys()], f = /* @__PURE__ */ new Map();
-      for (let p = 0; p < b.length; p += 100)
+      const x = [...d.keys()], f = /* @__PURE__ */ new Map();
+      for (let u = 0; u < x.length; u += 100)
         try {
-          const x = await n.request(
-            ye("/presence/people", { ids: b.slice(p, p + 100).join(",") })
+          const b = await n.request(
+            ye("/presence/people", { ids: x.slice(u, u + 100).join(",") })
           );
-          for (const v of x.data ?? []) f.set(String(v.user_id).toUpperCase(), v);
+          for (const y of b.data ?? []) f.set(String(y.user_id).toUpperCase(), y);
         } catch {
         }
-      for (const [p, x] of d) for (const v of x) v(f.get(p) ?? null);
+      for (const [u, b] of d) for (const y of b) y(f.get(u) ?? null);
     }, 0));
   });
 }
 function zt(n, s = !0) {
   const l = Ze(), { data: r } = Te({
     queryKey: ["nvr-person-info", n ? String(n).toUpperCase() : null],
-    queryFn: () => Fr(l, n),
+    queryFn: () => Qr(l, n),
     enabled: !!n && s,
     staleTime: 6e4
   });
   return r ?? null;
 }
 function ua(n) {
-  return n != null && n.last_seen ? `last seen ${Kn(n.last_seen)}` : null;
+  return n != null && n.last_seen ? `last seen ${Qn(n.last_seen)}` : null;
 }
 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 ?? 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 p = i.page ?? ba(i.current_path);
+    return i.away ? { state: "away", title: "Away", page: null } : i.is_idle ? { state: "idle", title: At(i), page: p } : { state: "online", title: "Online", page: p };
   }
   const o = s == null ? void 0 : s.onlineUsers.find((i) => String(i.user_id).toUpperCase() === r);
   return o ? o.is_idle ? { state: "idle", title: At(o), page: null } : { state: "online", title: "Online", page: null } : { state: "offline", title: "Offline", page: null };
@@ -167,12 +168,12 @@ function pa(n) {
     weekday: "short",
     month: "short",
     day: "numeric",
-    timeZone: Lt() ?? void 0
+    timeZone: Pt() ?? void 0
   })}` : "Out of office" : null;
 }
-function zr({ id: n, size: s }) {
-  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,
+function Kr({ id: n, size: s }) {
+  const { state: l, title: r, page: o } = ma(n), i = zt(n), p = l === "offline" ? ua(i) : null, d = pa(i), x = s >= 30 ? 10 : 8, f = [
+    p ? `Offline · ${p}` : r,
     o && l !== "offline" ? `On ${o}` : null,
     d,
     d && (i != null && i.delegate) ? `${i.delegate.name} is covering` : null
@@ -185,7 +186,7 @@ function zr({ id: n, size: s }) {
           "absolute -bottom-0.5 -right-0.5 rounded-full border-2 border-white dark:border-card",
           l === "online" ? "bg-emerald-400" : l === "idle" || l === "away" ? "border-amber-400 bg-white dark:border-amber-400 dark:bg-card" : "bg-slate-300 dark:bg-slate-600"
         ),
-        style: { width: b, height: b },
+        style: { width: x, height: x },
         "data-tip": f,
         title: f,
         "data-chat-presence": l
@@ -197,16 +198,16 @@ function zr({ id: n, size: s }) {
       "span",
       {
         className: "absolute -right-1 -top-1 flex items-center justify-center rounded-full border-2 border-white bg-violet-600 text-white dark:border-card",
-        style: { width: b + 2, height: b + 2 },
+        style: { width: x + 2, height: x + 2 },
         "data-chat-ooo": !0,
         title: f,
         "aria-label": d,
-        children: /* @__PURE__ */ e(xs, { style: { width: b - 3, height: b - 3 }, strokeWidth: 2.5 })
+        children: /* @__PURE__ */ e(xs, { style: { width: x - 3, height: x - 3 }, strokeWidth: 2.5 })
       }
     )
   ] });
 }
-function K({
+function Q({
   id: n,
   name: s,
   size: l = 32,
@@ -225,8 +226,8 @@ function K({
       "aria-hidden": !0,
       children: ir(s)
     }
-  ), m = /* @__PURE__ */ e(
-    As,
+  ), p = /* @__PURE__ */ e(
+    Ms,
     {
       userId: n,
       fallback: i,
@@ -234,14 +235,14 @@ function K({
       alt: s ?? ""
     }
   ), d = n === "__bot__" || !!o.bot_user_id && String(o.bot_user_id).toUpperCase() === String(n).toUpperCase();
-  return !r || d ? m : /* @__PURE__ */ a("span", { className: "relative inline-flex shrink-0", style: { width: l, height: l }, children: [
-    m,
-    /* @__PURE__ */ e(zr, { id: n, size: l })
+  return !r || d ? p : /* @__PURE__ */ a("span", { className: "relative inline-flex shrink-0", style: { width: l, height: l }, children: [
+    p,
+    /* @__PURE__ */ e(Kr, { id: n, size: l })
   ] });
 }
-function Hr({ peerId: n, name: s }) {
-  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(
+function Jr({ peerId: n, name: s }) {
+  const l = Wt(), r = n === "__bot__" || !!l.bot_user_id && String(l.bot_user_id).toUpperCase() === n.toUpperCase(), o = /* @__PURE__ */ e(Q, { id: n, name: s, size: 28 });
+  return r ? /* @__PURE__ */ e("span", { className: "mr-1 inline-flex shrink-0", children: o }) : /* @__PURE__ */ e(It, { userId: n, children: /* @__PURE__ */ e(
     "button",
     {
       type: "button",
@@ -252,42 +253,42 @@ function Hr({ peerId: n, name: s }) {
     }
   ) });
 }
-function En({ token: n, url: s, mine: l }) {
-  const r = Le(), o = de(), i = Ze(), { data: m } = Te(la(i)), { data: d } = Te({
+function qn({ token: n, url: s, mine: l }) {
+  const r = Le(), o = ue(), i = Ze(), { data: p } = Te(la(i)), { data: d } = Te({
     queryKey: ["nvr-chat-entity-card", n],
     queryFn: async () => {
-      var p, x, v, U;
-      for (const $ of m ?? [])
+      var u, b, y, U;
+      for (const A of p ?? [])
         try {
-          const S = (x = (p = (await i.request(
-            ye(`/items/${$.collection}`, {
+          const S = (b = (u = (await i.request(
+            ye(`/items/${A.collection}`, {
               limit: 1,
               fields: "id",
-              filter: JSON.stringify({ [$.match_field]: { _eq: n } })
+              filter: JSON.stringify({ [A.match_field]: { _eq: n } })
             })
-          )).data) == null ? void 0 : p[0]) == null ? void 0 : x.id;
+          )).data) == null ? void 0 : u[0]) == null ? void 0 : b.id;
           if (S == null) continue;
-          const R = (U = (v = (await i.request(
-            ye(`/pipelines/instance/${$.collection}/${S}`)
-          )).data) == null ? void 0 : v.instance) == null ? void 0 : U.current_state_obj;
+          const $ = (U = (y = (await i.request(
+            ye(`/pipelines/instance/${A.collection}/${S}`)
+          )).data) == null ? void 0 : y.instance) == null ? void 0 : U.current_state_obj;
           return {
-            collection: $.collection,
+            collection: A.collection,
             id: S,
-            state: (R == null ? void 0 : R.label) ?? null,
-            color: (R == null ? void 0 : R.color) ?? null
+            state: ($ == null ? void 0 : $.label) ?? null,
+            color: ($ == null ? void 0 : $.color) ?? null
           };
         } catch {
         }
       return null;
     },
-    enabled: ((m == null ? void 0 : m.length) ?? 0) > 0,
+    enabled: ((p == null ? void 0 : p.length) ?? 0) > 0,
     staleTime: 10 * 6e4
-  }), b = Mt();
+  }), x = Ot();
   return ks(
     d == null ? void 0 : d.collection,
     d == null ? void 0 : d.id,
-    (p) => {
-      ws(p, Ns.state) && b.invalidateQueries({ queryKey: ["nvr-chat-entity-card", n] });
+    (u) => {
+      ws(u, Ns.state) && x.invalidateQueries({ queryKey: ["nvr-chat-entity-card", n] });
     },
     { includeOwn: !0, debounceMs: 400 }
   ), /* @__PURE__ */ a(
@@ -295,15 +296,15 @@ function En({ token: n, url: s, mine: l }) {
     {
       type: "button",
       onClick: () => {
-        var p, x;
+        var u, b;
         if (d) {
-          const U = (r.recordUrl ?? (($, C) => `/collections/${$}/${C}`))(d.collection, d.id);
+          const U = (r.recordUrl ?? ((A, C) => `/collections/${A}/${C}`))(d.collection, d.id);
           if (U) {
-            (p = r.navigate) == null || p.call(r, U);
+            (u = r.navigate) == null || u.call(r, U);
             return;
           }
         }
-        s && ((x = r.navigate) == null || x.call(r, s));
+        s && ((b = r.navigate) == null || b.call(r, s));
       },
       className: g(
         "inline-flex max-w-full items-center gap-1 align-baseline font-medium underline-offset-2 hover:underline",
@@ -327,12 +328,12 @@ function En({ token: n, url: s, mine: l }) {
     }
   );
 }
-function Gr(n) {
+function Yr(n) {
   const s = new Date(n), l = /* @__PURE__ */ new Date(), r = new Date(l);
   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 = de(), l = [
+function Zr({ botName: n }) {
+  const s = ue(), l = [
     {
       k: "@name",
       kind: "code",
@@ -395,37 +396,37 @@ function Qr({ botName: n }) {
     )) })
   ] });
 }
-function Kr({ room: n }) {
-  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({
+function Vr({ room: n }) {
+  const s = Le(), l = ue(), r = Ze(), o = n.indexOf(":"), i = o > 0 ? n.slice(0, o) : null, p = o > 0 ? n.slice(o + 1) : null, d = !!i && !!p && n !== s.globalRoom && i !== "dm" && i !== "ch", x = Ot(), { data: f } = Te({
     queryKey: ["nvr-chat-room-card", n],
     queryFn: async () => {
-      var A, W, F, H;
-      const S = (await b.fetchQuery(la(r))).find((ee) => ee.is_active && ee.prefix === i);
+      var J, G, F, O;
+      const S = (await x.fetchQuery(la(r))).find((K) => K.is_active && K.prefix === i);
       if (!S) return null;
-      const R = (W = (A = (await r.request(
+      const $ = (G = (J = (await r.request(
         ye(`/items/${S.collection}`, {
           limit: 1,
           fields: "id",
-          filter: JSON.stringify({ [S.match_field]: { _eq: m } })
+          filter: JSON.stringify({ [S.match_field]: { _eq: p } })
         })
-      )).data) == null ? void 0 : A[0]) == null ? void 0 : W.id;
-      if (R == null) return null;
-      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;
+      )).data) == null ? void 0 : J[0]) == null ? void 0 : G.id;
+      if ($ == null) return null;
+      const q = (O = (F = (await r.request(
+        ye(`/pipelines/instance/${S.collection}/${$}`)
+      )).data) == null ? void 0 : F.instance) == null ? void 0 : O.current_state_obj;
       return {
         collection: S.collection,
         type_label: S.label ?? S.collection.replace(/_/g, " "),
-        id: R,
+        id: $,
         state: (q == null ? void 0 : q.label) ?? null,
         color: (q == null ? void 0 : q.color) ?? null
       };
     },
     enabled: d,
     staleTime: 6e4
-  }), p = oa(n, d && !!f);
+  }), u = 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";
+  const y = (s.recordUrl ?? ((C, S) => `/collections/${C}/${S}`))(f.collection, f.id), U = (u == null ? void 0 : u.sla) ?? null, A = (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(
     "div",
     {
@@ -433,7 +434,7 @@ function Kr({ room: n }) {
       "data-chat-room-card": !0,
       children: [
         /* @__PURE__ */ e("span", { className: "text-[10px] font-semibold uppercase tracking-wide text-slate-400", children: f.type_label }),
-        /* @__PURE__ */ e("span", { className: "truncate text-[12px] font-medium text-slate-700 dark:text-slate-200", children: m }),
+        /* @__PURE__ */ e("span", { className: "truncate text-[12px] font-medium text-slate-700 dark:text-slate-200", children: p }),
         f.state && /* @__PURE__ */ e(
           "span",
           {
@@ -448,38 +449,38 @@ function Kr({ room: n }) {
         U && /* @__PURE__ */ e(
           "span",
           {
-            className: g("rounded-full px-1.5 py-0.5 text-[10px] font-semibold", $),
+            className: g("rounded-full px-1.5 py-0.5 text-[10px] font-semibold", A),
             title: U.due_hours != null ? `${Math.round(U.elapsed_hours ?? 0)}h in this state of ${U.due_hours}h allowed` : void 0,
             "data-chat-room-sla": U.status,
             children: U.status === "breached" ? "Past SLA" : U.status === "warning" ? "SLA soon" : "On time"
           }
         ),
-        p && p.owners.length > 0 && /* @__PURE__ */ a(
+        u && u.owners.length > 0 && /* @__PURE__ */ a(
           "span",
           {
             className: "ml-auto flex -space-x-1.5",
-            title: `Owners: ${p.owners.map((C) => C.name).join(", ")}`,
-            "data-chat-room-owners": p.owners.length,
+            title: `Owners: ${u.owners.map((C) => C.name).join(", ")}`,
+            "data-chat-room-owners": u.owners.length,
             children: [
-              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: [
+              u.owners.slice(0, 4).map((C) => /* @__PURE__ */ e(Q, { id: C.id, name: C.name, size: 18, presence: !1 }, C.id)),
+              u.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
+                u.owners.length - 4
               ] })
             ]
           }
         ),
-        v && /* @__PURE__ */ e(
+        y && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             onClick: () => {
               var C;
-              return (C = s.navigate) == null ? void 0 : C.call(s, v);
+              return (C = s.navigate) == null ? void 0 : C.call(s, y);
             },
             className: g(
               "text-[11px] font-medium hover:underline",
-              p != null && p.owners.length ? "ml-1.5" : "ml-auto",
+              u != null && u.owners.length ? "ml-1.5" : "ml-auto",
               l.accentText
             ),
             children: "Open"
@@ -489,12 +490,12 @@ function Kr({ room: n }) {
     }
   );
 }
-function Jr(n, s) {
+function Xr(n, s) {
   if (!n) return null;
-  const l = Lt() ?? Intl.DateTimeFormat().resolvedOptions().timeZone, r = /* @__PURE__ */ new Date();
+  const l = Pt() ?? 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(
+    const d = (x) => new Intl.DateTimeFormat("en-US", { timeZone: x, hour: "numeric", minute: "2-digit" }).format(
       r
     );
     o = d(n), i = d(l);
@@ -502,22 +503,22 @@ function Jr(n, s) {
     return null;
   }
   if (o === i) return null;
-  const m = s.split(/\s+/)[0] || s;
-  return `${o} for ${m}`;
+  const p = s.split(/\s+/)[0] || s;
+  return `${o} for ${p}`;
 }
 function ha() {
   const [n, s] = T(0);
-  return X(() => {
+  return ae(() => {
     const l = setInterval(() => s((r) => r + 1), 6e4);
     return () => clearInterval(l);
   }, []), n;
 }
-function Yr({ peerId: n, name: s }) {
+function el({ peerId: n, name: s }) {
   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 = pa(o), b = d ? (o == null ? void 0 : o.delegate) ?? null : null;
+  })() : r, p = Xr((o == null ? void 0 : o.timezone) ?? null, s), d = pa(o), x = d ? (o == null ? void 0 : o.delegate) ?? null : null;
   return /* @__PURE__ */ a(
     "p",
     {
@@ -533,16 +534,16 @@ function Yr({ peerId: n, name: s }) {
               children: d
             }
           ),
-          b && ur() && /* @__PURE__ */ a(
+          x && ur() && /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              onClick: () => mr(b.id, b.name),
+              onClick: () => mr(x.id, x.name),
               className: "shrink-0 font-medium text-slate-700 underline decoration-dotted underline-offset-2 hover:text-slate-900 dark:text-slate-200 dark:hover:text-white",
-              "data-chat-dm-delegate": b.id,
+              "data-chat-dm-delegate": x.id,
               children: [
                 "Message ",
-                b.name,
+                x.name,
                 " instead"
               ]
             }
@@ -550,39 +551,39 @@ function Yr({ peerId: n, name: s }) {
           /* @__PURE__ */ e("span", { "aria-hidden": !0, children: "·" })
         ] }),
         /* @__PURE__ */ e("span", { className: "truncate", children: i }),
-        m && /* @__PURE__ */ a(ke, { children: [
+        p && /* @__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 })
+          /* @__PURE__ */ e("span", { className: "shrink-0", "data-chat-dm-local-time": !0, title: (o == null ? void 0 : o.timezone) ?? void 0, children: p })
         ] })
       ]
     }
   );
 }
-function Bn({
+function En({
   room: n,
   label: s,
   onBack: l,
   onOpenSettings: r,
   renderMessageBody: o,
   initialUnread: i,
-  anchor: m = null,
+  anchor: p = null,
   openThread: d = null
 }) {
-  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 && $,
+  var fn, xn, bn, gn, vn, yn, kn, wn, Nn, Cn;
+  const x = Le(), f = ue(), u = Ze(), b = x.me, y = Ur(n), U = b ? Se(n, b.id) : null, A = !s.trim() || s.toLowerCase() === n.toLowerCase() || /^dm:/i.test(s), { data: C } = Te({
+    ...Ss(u, U),
+    enabled: !!U && A,
     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);
-  X(() => R(m), [m]);
-  const { messages: y, loading: q, hasOlder: A, hasNewer: W, loadOlder: F, loadingOlder: H } = Ks(
+  }), S = A && 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, [B, $] = T(p);
+  ae(() => $(p), [p]);
+  const { messages: v, loading: q, hasOlder: J, hasNewer: G, loadOlder: F, loadingOlder: O } = Ks(
     n,
-    E
+    B
   );
   Js(n);
-  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({
+  const K = ia(n), ee = Ys(), Y = Zs(n), te = Vs(n.startsWith("dm:") ? n : null), oe = Xs(n), se = er(n), me = tr(n), c = nr(n), L = !n.startsWith("dm:") && !n.startsWith("ch:") && n !== x.globalRoom && n.includes(":"), m = oa(n, L), Z = vr(n, !!m), Ue = n.startsWith("ch:"), { data: he = [] } = Te({
     queryKey: ["chat-read-marks", n],
-    queryFn: () => p.request(
+    queryFn: () => u.request(
       ye(`/chat/rooms/${encodeURIComponent(n)}/read-marks`)
     ).then((t) => t.data ?? []).catch(() => []),
     enabled: Ue,
@@ -590,44 +591,44 @@ function Bn({
     staleTime: 15e3
   }), Pe = (t) => he.filter(
     (h) => h.user !== String(t.sender ?? "") && new Date(h.last_read_at).getTime() >= new Date(t.date_created).getTime()
-  ), Ne = Mt(), { data: De = [] } = Te({
+  ), Ne = Ot(), { data: De = [] } = Te({
     queryKey: ["chat-saved"],
-    queryFn: () => p.request(ye("/chat/saved")).then((t) => t.data ?? []).catch(() => []),
+    queryFn: () => u.request(ye("/chat/saved")).then((t) => t.data ?? []).catch(() => []),
     staleTime: 6e4
   }), Ce = ve(() => new Set(De.map((t) => t.id)), [De]), k = We({
-    mutationFn: (t) => p.request(Fe(`/chat/messages/${t}/save`, {})),
+    mutationFn: (t) => u.request(Fe(`/chat/messages/${t}/save`, {})),
     onSuccess: () => void Ne.invalidateQueries({ queryKey: ["chat-saved"] })
-  }), [M, P] = T(null), Y = We({
-    mutationFn: () => p.request(
+  }), [M, P] = T(null), V = We({
+    mutationFn: () => u.request(
       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.")
   }), $e = We({
     mutationFn: async (t) => {
-      if (!u || !x) throw new Error("no record");
-      await p.request(
+      if (!m || !b) throw new Error("no record");
+      await u.request(
         Fe("/tasks", {
-          collection: u.collection,
-          item: String(u.id),
+          collection: m.collection,
+          item: String(m.id),
           title: t.message.replace(/<[^>]*>/g, "").slice(0, 200),
-          assignee: x.id
+          assignee: b.id
         })
       );
     },
     onSuccess: () => {
-      u && _s(Ne, u.collection, u.id), ge.success("Task created from message — assigned to you");
+      m && _s(Ne, m.collection, m.id), ge.success("Task created from message — assigned to you");
     },
     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"}`),
+    mutationFn: (t) => u.request(Fe(`/chat/messages/${t.id}/to-notes`, {})),
+    onSuccess: () => ge.success(`Copied to the Notes of ${(m == null ? void 0 : m.label) ?? "the record"}`),
     onError: (t) => {
       var h;
       return ge.error(((h = t == null ? void 0 : t.response) == null ? void 0 : h.error) ?? "Could not copy it");
     }
   }), I = We({
-    mutationFn: (t) => p.request(
+    mutationFn: (t) => u.request(
       Fe(`/chat/messages/${t.messageId}/attach-to-record`, {
         file_id: t.fileId,
         field: t.field
@@ -636,7 +637,7 @@ function Bn({
     onSuccess: (t, h) => {
       var N;
       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}`
+        `Attached to ${(m == null ? void 0 : m.label) ?? "the record"} — ${((N = Z.find((W) => W.field === h.field)) == null ? void 0 : N.label) ?? h.field}`
       );
     },
     onError: (t) => {
@@ -646,87 +647,87 @@ function Bn({
       );
     }
   }), j = We({
-    mutationFn: (t) => p.request(ys(`/chat/messages/${t}`, { no_preview: !0 })),
+    mutationFn: (t) => u.request(ys(`/chat/messages/${t}`, { no_preview: !0 })),
     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
-  ), [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;
+  }), ie = ar(n), ne = sr(n), { isAdmin: X } = ht(), { setMuted: z, setNotifyMode: re, setArchived: fe, setStarred: ga, dismissWelcome: va, leave: ya } = Et(), { rooms: ka, loading: wa } = aa(), Ht = ka.find((t) => t.room === n) ?? null, { rooms: Na } = sa(!wa && !Ht), w = Ht ?? Na.find((t) => t.room === n) ?? null, Ca = fa(w), Gt = w != null && w.muted ? "muted" : (w == null ? void 0 : w.notify_mode) === "mentions" ? "mentions" : "all", pe = rr(), [tt, _a] = T(!1), [nt, Qt] = T(""), [Sa, ft] = T(null), [Kt, Jt] = T(""), [Ta, xt] = T(null), Ua = Ar(n), [Da, Yt] = T(null), [Zt, Vt] = T(null), [Xt, Ie] = T(null), en = lr(d ? n : null, d), tn = !!en.root && !en.root.deleted_at;
+  ae(() => {
+    d && tn && Ie(d);
+  }, [d, tn]);
+  const [$a, nn] = T(null), [Ma, an] = T(null), [bt, ze] = T(!1), [Aa, gt] = T(!1), [ce, He] = T(null), [Ge, at] = T(
+    p && "around" in p ? p.around : null
+  ), [st, vt] = T(null), Qe = As(n, (b == null ? void 0 : b.id) ?? null), sn = de(null), yt = de(null), kt = de(Math.max(0, i ?? 0)), Me = de(!1), Re = de(null), rn = de(null), le = de(!p), Ke = de(0), Je = de(null), wt = de(0), rt = () => {
+    const t = Re.current;
     t && (t.scrollTop = t.scrollHeight);
-  }, wt = (t) => {
+  }, Nt = (t) => {
     var N;
-    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 }));
+    const h = (N = Re.current) == null ? void 0 : N.querySelector(`[data-chat-msg="${t}"]`);
+    return h ? (h.scrollIntoView({ block: "center" }), le.current = !1, at(t), !0) : we.reveal(t) ? (le.current = !1, at(t), !0) : !1;
+  }, ln = (t) => {
+    ze(!1), Nt(t) || (Me.current = !1, le.current = !1, at(t), $({ around: t }));
   };
-  X(() => {
+  ae(() => {
     if (Ge == null) return;
     const t = setTimeout(() => at(null), 2400);
     return () => clearTimeout(t);
-  }, [Ge]), X(() => {
-    Ae.current = !1, Ke.current = 0, He(null);
-  }, [n, E]), X(() => {
+  }, [Ge]), ae(() => {
+    Me.current = !1, Ke.current = 0, He(null);
+  }, [n, B]), ae(() => {
     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);
+    const t = Re.current, h = ((Oe = v[0]) == null ? void 0 : Oe.id) ?? null;
+    if (!Me.current && v.length > 0) {
+      if (Me.current = !0, Ke.current = v.length, Je.current = h, Ge != null && Nt(Ge)) return;
+      yt.current && !B ? (yt.current.scrollIntoView({ block: "center" }), le.current = !1) : B || (rt(), le.current = !0);
       return;
     }
     if (h !== Je.current && Je.current != null && t) {
-      Je.current = h, Ke.current = y.length;
+      Je.current = h, Ke.current = v.length;
       return;
     }
     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);
+    const N = v.length - Ke.current;
+    if (Ke.current = v.length, N <= 0) return;
+    const W = v[v.length - 1], H = !!(W != null && W.sender) && W.sender.toLowerCase() === ((Ee = b == null ? void 0 : b.id) == null ? void 0 : Ee.toLowerCase());
+    if (le.current || H)
+      rt(), le.current = !0, He(null);
     else {
-      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 }));
+      const Ae = v[v.length - N];
+      He((be) => ({ count: ((be == null ? void 0 : be.count) ?? 0) + N, firstId: (be == null ? void 0 : be.firstId) ?? Ae.id }));
     }
-  }, [y]), X(() => {
-    const t = ln.current;
+  }, [v]), ae(() => {
+    const t = rn.current;
     if (!t || typeof ResizeObserver > "u") return;
     const h = new ResizeObserver(() => {
       var N;
-      re.current && rt(), kt.current = ((N = Me.current) == null ? void 0 : N.scrollHeight) ?? 0;
+      le.current && rt(), wt.current = ((N = Re.current) == null ? void 0 : N.scrollHeight) ?? 0;
     });
     return h.observe(t), () => h.disconnect();
-  }, []), X(() => {
-    var N, z;
-    const t = y[y.length - 1];
-    if (!t || !Ae.current || ((N = t.sender) == null ? void 0 : N.toLowerCase()) === ((z = x == null ? void 0 : x.id) == null ? void 0 : z.toLowerCase()))
+  }, []), ae(() => {
+    var N, W;
+    const t = v[v.length - 1];
+    if (!t || !Me.current || ((N = t.sender) == null ? void 0 : N.toLowerCase()) === ((W = b == null ? void 0 : b.id) == null ? void 0 : W.toLowerCase()))
       return;
     const h = Date.now() - new Date(t.date_created).getTime();
-    h > 0 && h < 5 * 6e4 && Math.random() < 0.2 && p.request(Fe("/chat/health/delivery", { ms: h })).catch(() => {
+    h > 0 && h < 5 * 6e4 && Math.random() < 0.2 && u.request(Fe("/chat/health/delivery", { ms: h })).catch(() => {
     });
-  }, [(xn = y[y.length - 1]) == null ? void 0 : xn.id]), X(() => {
-    if (!st || !me) return;
-    if (y.some(
-      (N) => (N.sender_name ?? "").toLowerCase() === me.toLowerCase() && new Date(N.date_created).getTime() >= st - 5e3
+  }, [(fn = v[v.length - 1]) == null ? void 0 : fn.id]), ae(() => {
+    if (!st || !pe) return;
+    if (v.some(
+      (N) => (N.sender_name ?? "").toLowerCase() === pe.toLowerCase() && new Date(N.date_created).getTime() >= st - 5e3
     )) {
-      gt(null);
+      vt(null);
       return;
     }
-    const h = setTimeout(() => gt(null), 9e4);
+    const h = setTimeout(() => vt(null), 9e4);
     return () => clearTimeout(h);
-  }, [st, me, y]);
+  }, [st, pe, v]);
   const lt = ve(() => {
     const t = /* @__PURE__ */ new Set();
-    for (const h of y) for (const N of h.attachments ?? []) t.add(N);
+    for (const h of v) for (const N of h.attachments ?? []) t.add(N);
     return [...t];
-  }, [y]), { data: Nt } = Te({
+  }, [v]), { data: Ct } = Te({
     queryKey: ["nvr-chat-attachments", lt.slice().sort().join("|")],
     queryFn: async () => {
-      const t = await p.request(
+      const t = await u.request(
         ye("/files", {
           filter: JSON.stringify({ id: { _in: lt } }),
           limit: String(lt.length),
@@ -738,37 +739,37 @@ function Bn({
     enabled: lt.length > 0,
     staleTime: 5 * 6e4
   });
-  X(() => {
-    E || pe.mutate(n);
-  }, [n, y.length, E]);
-  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());
+  ae(() => {
+    B || ee.mutate(n);
+  }, [n, v.length, B]);
+  const Ra = (t) => {
+    if (le.current = !0, B && $(null), pe) {
+      const h = pe.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+      new RegExp(`@\\[?${h}\\]?\\b`, "i").test(t) && vt(Date.now());
     }
-  }, 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]
+  }, je = (xn = b == null ? void 0 : b.id) == null ? void 0 : xn.toLowerCase(), xe = tt && nt.trim().length > 0, _e = ve(
+    () => xe ? v.filter((t) => t.message.toLowerCase().includes(nt.trim().toLowerCase())) : v,
+    [v, xe, nt]
   ), Oa = ve(() => {
     var t;
     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;
-  }, [_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,
+  }, [_e, je, xe]), on = te ? new Date(te).getTime() : 0, qe = qt().chat_density === "compact" ? "compact" : "comfortable", cn = de(null), La = ve(() => _e.map((t) => t.id), [_e]), we = kr({
+    scrollerRef: Re,
+    listRef: cn,
     ids: La,
     estimate: qe === "compact" ? 40 : 72,
-    resetKey: `${n}|${JSON.stringify(E)}|${xe ? "search" : ""}`,
-    pinnedRef: re
-  }), 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);
+    resetKey: `${n}|${JSON.stringify(B)}|${xe ? "search" : ""}`,
+    pinnedRef: le
+  }), E = (w == null ? void 0 : w.channel) ?? null, dn = !!E && !!b && String(E.created_by ?? "").toUpperCase() === b.id.toUpperCase(), un = E != null && E.announce && !dn && !X ? E.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, mn = b ? Se(n, b.id) : null, Pa = zt(mn);
   ha();
-  const Ia = pn ? vr(Pa, S, /* @__PURE__ */ new Date()) : null;
-  or(), fr();
-  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;
+  const Ia = mn ? yr(Pa, S, /* @__PURE__ */ new Date()) : null;
+  or(), xr();
+  const ja = !!(E != null && E.welcome_note) && !!(w != null && w.joined) && !(w != null && w.welcome_seen_at) && !E.is_direct, qa = (t, h) => t.entity ? /* @__PURE__ */ e(qn, { token: t.text, url: x.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(qn, { token: t.text, url: x.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), pn = (t, h = {}) => {
+    var _n, Sn;
+    const N = ((_n = t.sender) == null ? void 0 : _n.toLowerCase()) === je;
     if (t.is_system)
       return /* @__PURE__ */ e(
         "div",
@@ -785,10 +786,10 @@ function Bn({
           ] })
         }
       );
-    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();
+    const W = h.isLastMine && on > 0 && new Date(t.date_created).getTime() <= on, H = !!t.deleted_at, Oe = N && !H && Date.now() - new Date(t.date_created).getTime() < 15 * 6e4, Ee = !H && (N || X), Ae = Sa === t.id, be = /* @__PURE__ */ new Map();
     for (const D of t.reactions ?? []) {
-      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 R = be.get(D.emoji) ?? { count: 0, mine: !1, names: [] };
+      R.count++, ((Sn = D.user) == null ? void 0 : Sn.toLowerCase()) === je && (R.mine = !0), D.user_name && R.names.push(D.user_name), be.set(D.emoji, R);
     }
     const Be = "rounded-full p-0.5 text-slate-400 hover:text-slate-600 dark:hover:text-slate-200";
     return /* @__PURE__ */ a(
@@ -801,14 +802,14 @@ function Bn({
         ),
         "data-chat-msg": t.id,
         children: [
-          !N && /* @__PURE__ */ e(Pt, { userId: t.sender, children: /* @__PURE__ */ e(
+          !N && /* @__PURE__ */ e(It, { 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(K, { id: t.sender, name: t.sender_name, size: qe === "compact" ? 22 : 26 })
+              children: /* @__PURE__ */ e(Q, { 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,7 +828,7 @@ function Bn({
                 }
               )
             ] }),
-            !Q && !Re && /* @__PURE__ */ a(
+            !H && !Ae && /* @__PURE__ */ a(
               "div",
               {
                 className: g(
@@ -839,11 +840,11 @@ function Bn({
                 ),
                 "data-chat-msg-actions": !0,
                 children: [
-                  pr.map((D) => /* @__PURE__ */ e(
+                  hr.map((D) => /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
-                      onClick: () => ae.mutate({ messageId: t.id, emoji: D }),
+                      onClick: () => se.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
@@ -851,12 +852,12 @@ function Bn({
                     D
                   )),
                   /* @__PURE__ */ e(
-                    xr,
+                    br,
                     {
                       label: "More reactions",
                       className: Be,
-                      onPick: (D) => ae.mutate({ messageId: t.id, emoji: D }),
-                      onOpenChange: (D) => Zt(D ? t.id : null)
+                      onPick: (D) => se.mutate({ messageId: t.id, emoji: D }),
+                      onOpenChange: (D) => Yt(D ? t.id : null)
                     }
                   ),
                   !h.inThread && !t.parent_id && /* @__PURE__ */ e(
@@ -877,13 +878,13 @@ function Bn({
                     {
                       type: "button",
                       title: "Quote",
-                      onClick: () => h.inThread ? sn(t) : an(t),
+                      onClick: () => h.inThread ? an(t) : nn(t),
                       className: Be,
                       "data-chat-quote": !0,
                       children: /* @__PURE__ */ e(ls, { className: "h-3 w-3" })
                     }
                   ),
-                  u && /* @__PURE__ */ a(ke, { children: [
+                  m && /* @__PURE__ */ a(ke, { children: [
                     /* @__PURE__ */ e(
                       "button",
                       {
@@ -898,7 +899,7 @@ function Bn({
                       "button",
                       {
                         type: "button",
-                        title: `Copy into the Notes of ${u.label}`,
+                        title: `Copy into the Notes of ${m.label}`,
                         onClick: () => _.mutate(t),
                         className: Be,
                         "data-chat-to-notes": !0,
@@ -910,13 +911,13 @@ function Bn({
                     "button",
                     {
                       type: "button",
-                      title: ue.some((D) => D.id === t.id) ? "Unpin" : "Pin",
+                      title: me.some((D) => D.id === t.id) ? "Unpin" : "Pin",
                       onClick: () => c.mutate(t.id),
                       className: g(
                         "rounded-full p-0.5",
-                        ue.some((D) => D.id === t.id) ? f.accentText : "text-slate-400 hover:text-slate-600 dark:hover:text-slate-200"
+                        me.some((D) => D.id === t.id) ? f.accentText : "text-slate-400 hover:text-slate-600 dark:hover:text-slate-200"
                       ),
-                      children: /* @__PURE__ */ e(Ut, { className: "h-3 w-3" })
+                      children: /* @__PURE__ */ e(Dt, { className: "h-3 w-3" })
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -938,7 +939,7 @@ function Bn({
                       type: "button",
                       title: "Edit",
                       onClick: () => {
-                        ht(t.id), Yt(t.message), ft(null);
+                        ft(t.id), Jt(t.message), xt(null);
                       },
                       className: Be,
                       children: /* @__PURE__ */ e(ds, { className: "h-3 w-3" })
@@ -950,7 +951,7 @@ function Bn({
                       type: "button",
                       title: "Confirm delete",
                       onClick: () => {
-                        V.mutate(t.id), ft(null);
+                        ne.mutate(t.id), xt(null);
                       },
                       className: "rounded-full px-1 text-[10px] font-semibold text-red-500",
                       children: "Sure?"
@@ -960,24 +961,24 @@ function Bn({
                     {
                       type: "button",
                       title: N ? "Delete" : "Delete (admin)",
-                      onClick: () => ft(t.id),
+                      onClick: () => xt(t.id),
                       className: "rounded-full p-0.5 text-slate-400 hover:text-red-500",
                       children: /* @__PURE__ */ e(us, { className: "h-3 w-3" })
                     }
                   )),
                   /* @__PURE__ */ e(
-                    Dr,
+                    Rr,
                     {
                       messageId: t.id,
-                      actions: $r(Ua, t, je),
-                      navigate: b.navigate,
-                      onOpenChange: (D) => Zt(D ? t.id : null)
+                      actions: Or(Ua, t, je),
+                      navigate: x.navigate,
+                      onOpenChange: (D) => Yt(D ? t.id : null)
                     }
                   )
                 ]
               }
             ),
-            t.urgent && !Q && /* @__PURE__ */ a(
+            t.urgent && !H && /* @__PURE__ */ a(
               "p",
               {
                 className: g(
@@ -991,24 +992,24 @@ function Bn({
                 ]
               }
             ),
-            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(
+            H ? /* @__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" }) : Ae ? /* @__PURE__ */ a(
               "form",
               {
                 className: "flex items-center gap-1",
                 onSubmit: (D) => {
                   D.preventDefault();
-                  const O = Jt.trim();
-                  O && O !== t.message && oe.mutate({ messageId: t.id, text: O }), ht(null);
+                  const R = Kt.trim();
+                  R && R !== t.message && ie.mutate({ messageId: t.id, text: R }), ft(null);
                 },
                 children: [
                   /* @__PURE__ */ e(
                     "input",
                     {
                       autoFocus: !0,
-                      value: Jt,
-                      onChange: (D) => Yt(D.target.value),
+                      value: Kt,
+                      onChange: (D) => Jt(D.target.value),
                       onKeyDown: (D) => {
-                        D.key === "Escape" && ht(null);
+                        D.key === "Escape" && ft(null);
                       },
                       className: g(
                         "h-8 w-[240px] rounded-lg border px-2 text-[12px] outline-none",
@@ -1041,7 +1042,7 @@ function Bn({
                     "button",
                     {
                       type: "button",
-                      onClick: () => on(t.quote.id),
+                      onClick: () => ln(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,46 +1054,46 @@ function Bn({
                       ]
                     }
                   ),
-                  t.message && Ln(t.message) && (o ? o(t, { mine: N }) : /* @__PURE__ */ e(
-                    Ar,
+                  t.message && On(t.message) && (o ? o(t, { mine: N }) : /* @__PURE__ */ e(
+                    Lr,
                     {
-                      text: Ln(t.message),
+                      text: On(t.message),
                       mine: N,
                       renderToken: N ? Ea : qa,
-                      entityPattern: b.entityPattern,
+                      entityPattern: x.entityPattern,
                       timeRefs: t.time_refs,
-                      navigate: b.navigate
+                      navigate: x.navigate
                     }
                   )),
-                  Pn(t.message) != null && /* @__PURE__ */ e(
-                    Nr,
+                  Ln(t.message) != null && /* @__PURE__ */ e(
+                    Cr,
                     {
-                      id: Pn(t.message),
+                      id: Ln(t.message),
                       mine: N,
-                      renderAvatar: (D, O) => /* @__PURE__ */ e(K, { id: D, name: O, size: 18, presence: !1 })
+                      renderAvatar: (D, R) => /* @__PURE__ */ e(Q, { id: D, name: R, size: 18, presence: !1 })
                     }
                   ),
-                  t.poll && /* @__PURE__ */ e(Mr, { poll: t.poll, room: t.room, mine: N }),
+                  t.poll && /* @__PURE__ */ e(Ir, { 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 = 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({
+                    const R = Ct == null ? void 0 : Ct.get(D), ot = (R == null ? void 0 : R.title) || (R == null ? void 0 : R.filename_download) || "Attachment", _t = u.fileUrl(D), Ba = ((R == null ? void 0 : R.type) ?? "").startsWith("image/"), it = Hr(R == null ? void 0 : R.tags, R == null ? void 0 : R.type), Tn = () => Vt({
                       id: D,
-                      url: Ct,
+                      url: _t,
                       name: ot,
-                      type: (O == null ? void 0 : O.type) ?? null,
-                      size: (O == null ? void 0 : O.filesize) ?? null
-                    }), ct = u && J.length > 0 ? /* @__PURE__ */ e(
-                      Vr,
+                      type: (R == null ? void 0 : R.type) ?? null,
+                      size: (R == null ? void 0 : R.filesize) ?? null
+                    }), ct = m && Z.length > 0 ? /* @__PURE__ */ e(
+                      nl,
                       {
-                        targets: J,
-                        recordLabel: u.label,
+                        targets: Z,
+                        recordLabel: m.label,
                         onPick: (Wa) => I.mutate({ messageId: t.id, fileId: D, field: Wa })
                       }
                     ) : null;
                     return it ? /* @__PURE__ */ e(
-                      Wr,
+                      Gr,
                       {
-                        url: Ct,
-                        poster: it.poster ? p.fileUrl(it.poster) : null,
+                        url: _t,
+                        poster: it.poster ? u.fileUrl(it.poster) : null,
                         name: ot,
                         durationMs: it.durationMs,
                         action: ct
@@ -1103,12 +1104,12 @@ function Bn({
                         "button",
                         {
                           type: "button",
-                          onClick: Un,
+                          onClick: Tn,
                           className: "block cursor-zoom-in",
                           children: /* @__PURE__ */ e(
                             "img",
                             {
-                              src: Ct,
+                              src: _t,
                               alt: ot,
                               className: "max-h-40 max-w-[220px] rounded-lg object-cover",
                               loading: "lazy"
@@ -1122,7 +1123,7 @@ function Bn({
                         "button",
                         {
                           type: "button",
-                          onClick: Un,
+                          onClick: Tn,
                           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"
@@ -1139,11 +1140,11 @@ function Bn({
                 ]
               }
             ),
-            !Q && !Re && t.message && !t.no_preview && /* @__PURE__ */ e("div", { className: g(N && "flex justify-end"), children: /* @__PURE__ */ e(
-              Rr,
+            !H && !Ae && t.message && !t.no_preview && /* @__PURE__ */ e("div", { className: g(N && "flex justify-end"), children: /* @__PURE__ */ e(
+              Pr,
               {
                 text: t.message,
-                navigate: b.navigate,
+                navigate: x.navigate,
                 onDismiss: N ? () => j.mutate(t.id) : void 0
               }
             ) }),
@@ -1152,19 +1153,19 @@ function Bn({
               {
                 className: g("mt-0.5 flex flex-wrap gap-1", N && "justify-end"),
                 "data-chat-reactions": !0,
-                children: [...be.entries()].map(([D, O]) => /* @__PURE__ */ a(
+                children: [...be.entries()].map(([D, R]) => /* @__PURE__ */ a(
                   "button",
                   {
                     type: "button",
-                    title: O.names.join(", "),
-                    onClick: () => ae.mutate({ messageId: t.id, emoji: D }),
+                    title: R.names.join(", "),
+                    onClick: () => se.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"
+                      R.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"
                     ),
                     children: [
-                      /* @__PURE__ */ e(br, { value: D }),
-                      /* @__PURE__ */ e("span", { className: "tabular-nums", children: O.count })
+                      /* @__PURE__ */ e(gr, { value: D }),
+                      /* @__PURE__ */ e("span", { className: "tabular-nums", children: R.count })
                     ]
                   },
                   D
@@ -1183,13 +1184,13 @@ function Bn({
                 ),
                 "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(K, { 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(Q, { 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 ",
-                    Kn(t.thread.last_reply_at)
+                    Qn(t.thread.last_reply_at)
                   ] })
                 ]
               }
@@ -1211,28 +1212,28 @@ function Bn({
                   ]
                 }
               ),
-              t.edited_at && !Q && /* @__PURE__ */ e("span", { className: "italic", children: "(edited)" }),
+              t.edited_at && !H && /* @__PURE__ */ e("span", { className: "italic", children: "(edited)" }),
               new Date(t.date_created).toLocaleTimeString("en-US", {
                 hour: "numeric",
                 minute: "2-digit"
               }),
-              N && Ue && !Q && (() => {
-                var O;
+              N && Ue && !H && (() => {
+                var R;
                 const D = Pe(t);
                 return D.length === 0 ? null : /* @__PURE__ */ e(
-                  tl,
+                  rl,
                   {
                     seen: D,
-                    channelId: ((O = w == null ? void 0 : w.channel) == null ? void 0 : O.id) ?? null,
+                    channelId: ((R = w == null ? void 0 : w.channel) == null ? void 0 : R.id) ?? null,
                     senderId: String(t.sender ?? "")
                   }
                 );
               })(),
-              h.isLastMine && n.startsWith("dm:") && (z ? /* @__PURE__ */ a("span", { className: g("inline-flex items-center gap-0.5 font-medium", f.accentText), children: [
+              h.isLastMine && n.startsWith("dm:") && (W ? /* @__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(Ot, { className: "h-3 w-3", strokeWidth: 2.2 }),
+                /* @__PURE__ */ e(Lt, { className: "h-3 w-3", strokeWidth: 2.2 }),
                 " Sent"
               ] }))
             ] })
@@ -1240,20 +1241,20 @@ function Bn({
         ]
       }
     );
-  }, fn = (t) => /* @__PURE__ */ e(
+  }, hn = (t) => /* @__PURE__ */ e(
     Fs,
     {
-      ref: t ? void 0 : rn,
+      ref: t ? void 0 : sn,
       room: n,
       label: S,
       parentId: t,
-      quote: t ? Aa : $a,
-      onClearQuote: () => t ? sn(null) : an(null),
-      onSent: Ma,
-      disabledReason: t ? null : mn,
+      quote: t ? Ma : $a,
+      onClearQuote: () => t ? an(null) : nn(null),
+      onSent: Ra,
+      disabledReason: t ? null : un,
       quietNote: Ia,
       th: f,
-      renderAvatar: (h, N) => /* @__PURE__ */ e(K, { id: h, name: N, size: 22, presence: h !== "__bot__" })
+      renderAvatar: (h, N) => /* @__PURE__ */ e(Q, { id: h, name: N, size: 22, presence: h !== "__bot__" })
     }
   );
   return /* @__PURE__ */ a(
@@ -1262,17 +1263,17 @@ function Bn({
       className: "relative flex h-full min-h-0 flex-col",
       "data-chat-room": n,
       onDragOver: (t) => {
-        t.dataTransfer.types.includes("Files") && !mn && (t.preventDefault(), bt(!0));
+        t.dataTransfer.types.includes("Files") && !un && (t.preventDefault(), gt(!0));
       },
       onDragLeave: (t) => {
-        t.currentTarget.contains(t.relatedTarget) || bt(!1);
+        t.currentTarget.contains(t.relatedTarget) || gt(!1);
       },
       onDrop: (t) => {
         var h;
-        t.dataTransfer.files.length && (t.preventDefault(), bt(!1), (h = rn.current) == null || h.addFiles([...t.dataTransfer.files]));
+        t.dataTransfer.files.length && (t.preventDefault(), gt(!1), (h = sn.current) == null || h.addFiles([...t.dataTransfer.files]));
       },
       children: [
-        Ra && /* @__PURE__ */ e(
+        Aa && /* @__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",
@@ -1291,13 +1292,13 @@ function Bn({
               children: /* @__PURE__ */ e(ut, { className: "h-4 w-4", strokeWidth: 2 })
             }
           ),
-          ((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 }),
+          ((w == null ? void 0 : w.kind) === "channel" && !((bn = w.channel) != null && bn.is_direct) || (w == null ? void 0 : w.kind) === "global" && (((gn = w.channel) == null ? void 0 : gn.icon) || ((vn = w.channel) == null ? void 0 : vn.color))) && /* @__PURE__ */ e(Ye, { icon: (yn = w == null ? void 0 : w.channel) == null ? void 0 : yn.icon, color: (kn = w == null ? void 0 : w.channel) == null ? void 0 : kn.color, size: 24 }),
+          b && Se(n, b.id) && /* @__PURE__ */ e(Jr, { peerId: Se(n, b.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: Qt }),
-              (B == null ? void 0 : B.announce) && /* @__PURE__ */ e(
+              w && /* @__PURE__ */ e(jr, { starred: !!w.starred, notify: Gt }),
+              (E == null ? void 0 : E.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,22 +1307,22 @@ function Bn({
                 }
               )
             ] }),
-            x && Se(n, x.id) ? /* @__PURE__ */ e(Yr, { peerId: Se(n, x.id), name: S }) : n.startsWith("ch:") ? /* @__PURE__ */ e(
-              Pr,
+            b && Se(n, b.id) ? /* @__PURE__ */ e(el, { peerId: Se(n, b.id), name: S }) : n.startsWith("ch:") ? /* @__PURE__ */ e(
+              Er,
               {
                 room: n,
-                me: ((Nn = b.me) == null ? void 0 : Nn.id) ?? null,
-                renderAvatar: (t, h) => /* @__PURE__ */ e(K, { id: t, name: h, size: 24 })
+                me: ((wn = x.me) == null ? void 0 : wn.id) ?? null,
+                renderAvatar: (t, h) => /* @__PURE__ */ e(Q, { id: t, name: h, size: 24 })
               }
             ) : null
           ] }),
           /* @__PURE__ */ e(
-            kr,
+            wr,
             {
               room: n,
               roomLabel: S,
-              huddle: v,
-              renderAvatar: (t, h) => /* @__PURE__ */ e(K, { id: t, name: h, size: 18, presence: !1 })
+              huddle: y,
+              renderAvatar: (t, h) => /* @__PURE__ */ e(Q, { id: t, name: h, size: 18, presence: !1 })
             }
           ),
           /* @__PURE__ */ e(
@@ -1329,16 +1330,16 @@ function Bn({
             {
               type: "button",
               onClick: () => {
-                _a((t) => !t), Kt("");
+                _a((t) => !t), Qt("");
               },
-              className: g(jn, tt ? f.accentSoft : In),
+              className: g(In, tt ? f.accentSoft : Pn),
               "aria-label": "Search in this conversation",
               "aria-pressed": tt,
               "data-tip": "Search this conversation",
-              children: /* @__PURE__ */ e(Gn, { className: "h-3.5 w-3.5", strokeWidth: 2 })
+              children: /* @__PURE__ */ e(Hn, { className: "h-3.5 w-3.5", strokeWidth: 2 })
             }
           ),
-          ((Cn = w == null ? void 0 : w.channel) == null ? void 0 : Cn.is_direct) && /* @__PURE__ */ e(nl, { channel: w.channel, onLeft: l }),
+          ((Nn = w == null ? void 0 : w.channel) == null ? void 0 : Nn.is_direct) && /* @__PURE__ */ e(ll, { channel: w.channel, onLeft: l }),
           /* @__PURE__ */ e(
             "button",
             {
@@ -1346,58 +1347,58 @@ function Bn({
               onClick: () => {
                 Ie(null), ze((t) => !t);
               },
-              className: g(jn, xt ? f.accentSoft : In),
+              className: g(In, bt ? f.accentSoft : Pn),
               "aria-label": "Room info — members, pinned, files and links",
-              "aria-pressed": xt,
+              "aria-pressed": bt,
               "data-tip": "Room info — members, pinned, files and links",
               "data-chat-info-button": !0,
               children: /* @__PURE__ */ e(as, { className: "h-3.5 w-3.5", strokeWidth: 2 })
             }
           ),
           /* @__PURE__ */ e(
-            Lr,
+            qr,
             {
               th: f,
-              huddleSchedule: v.enabled ? (t) => /* @__PURE__ */ e(
-                Cr,
+              huddleSchedule: y.enabled ? (t) => /* @__PURE__ */ e(
+                _r,
                 {
                   room: n,
-                  me: (x == null ? void 0 : x.id) ?? null,
+                  me: (b == null ? void 0 : b.id) ?? null,
                   theme: { input: f.input },
-                  renderAvatar: (h, N) => /* @__PURE__ */ e(K, { id: h, name: N, size: 18, presence: !1 }),
+                  renderAvatar: (h, N) => /* @__PURE__ */ e(Q, { id: h, name: N, size: 18, presence: !1 }),
                   onDone: t
                 }
               ) : void 0,
               starred: w ? !!w.starred : void 0,
               onStar: w ? () => ga.mutate({ room: n, starred: !w.starred }) : void 0,
-              notify: w ? Qt : void 0,
+              notify: w ? Gt : void 0,
               onNotify: w ? (t) => {
-                t === "muted" ? G.mutate({ room: n, muted: !0 }) : (w.muted && G.mutate({ room: n, muted: !1 }), se.mutate({ room: n, mode: t }));
+                t === "muted" ? z.mutate({ room: n, muted: !0 }) : (w.muted && z.mutate({ room: n, muted: !1 }), re.mutate({ room: n, mode: t }));
               } : void 0,
               onJump: (t) => {
-                Ae.current = !1, re.current = !1, R({ date: t });
+                Me.current = !1, le.current = !1, $({ date: t });
               },
-              onOpenRecord: le ? () => {
+              onOpenRecord: oe ? () => {
                 var t;
-                return (t = b.navigate) == null ? void 0 : t.call(b, le);
+                return (t = x.navigate) == null ? void 0 : t.call(x, oe);
               } : void 0,
-              onTeamsCall: n.startsWith("dm:") || (_n = w == null ? void 0 : w.channel) != null && _n.is_direct ? async () => {
+              onTeamsCall: n.startsWith("dm:") || (Cn = w == null ? void 0 : w.channel) != null && Cn.is_direct ? async () => {
                 var t, h;
                 try {
                   let N = [];
-                  if (n.startsWith("dm:") && x) {
-                    const z = Se(n, x.id);
-                    if (z) {
-                      const Q = await p.request(
-                        ye(`/users/${z}`)
+                  if (n.startsWith("dm:") && b) {
+                    const W = Se(n, b.id);
+                    if (W) {
+                      const H = await u.request(
+                        ye(`/users/${W}`)
                       );
-                      (t = Q.data) != null && t.email && (N = [Q.data.email]);
+                      (t = H.data) != null && t.email && (N = [H.data.email]);
                     }
-                  } else (h = w == null ? void 0 : w.channel) != null && h.id && (N = (await p.request(
+                  } else (h = w == null ? void 0 : w.channel) != null && h.id && (N = (await u.request(
                     ye(
                       `/chat/channels/${w.channel.id}/members`
                     )
-                  )).data.filter((Q) => Q.email && Q.user.toUpperCase() !== (x == null ? void 0 : x.id.toUpperCase())).map((Q) => Q.email));
+                  )).data.filter((H) => H.email && H.user.toUpperCase() !== (b == null ? void 0 : b.id.toUpperCase())).map((H) => H.email));
                   if (N.length === 0) {
                     ge.error("No callable participants found");
                     return;
@@ -1433,17 +1434,17 @@ function Bn({
                   }), l();
                 }
               }) : void 0,
-              tips: /* @__PURE__ */ e(Qr, { botName: me })
+              tips: /* @__PURE__ */ e(Zr, { botName: pe })
             }
           )
         ] }),
         /* @__PURE__ */ e(
-          _r,
+          Sr,
           {
             room: n,
-            me: x,
-            huddle: v,
-            renderAvatar: (t, h) => /* @__PURE__ */ e(K, { id: t, name: h, size: 18, presence: !1 })
+            me: b,
+            huddle: y,
+            renderAvatar: (t, h) => /* @__PURE__ */ e(Q, { id: t, name: h, size: 18, presence: !1 })
           }
         ),
         tt && /* @__PURE__ */ e("div", { className: g("shrink-0 border-b px-3 py-1.5", f.divider), children: /* @__PURE__ */ e(
@@ -1451,23 +1452,23 @@ function Bn({
           {
             autoFocus: !0,
             value: nt,
-            onChange: (t) => Kt(t.target.value),
+            onChange: (t) => Qt(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 }),
-        B && !B.is_direct && /* @__PURE__ */ e(
-          Ir,
+        /* @__PURE__ */ e(Vr, { room: n }),
+        E && !E.is_direct && /* @__PURE__ */ e(
+          Br,
           {
-            description: B.description,
-            links: B.links,
+            description: E.description,
+            links: E.links,
             th: f,
-            navigate: b.navigate
+            navigate: x.navigate
           }
         ),
-        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(
+        me.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",
@@ -1476,25 +1477,25 @@ function Bn({
             },
             className: "flex w-full items-center gap-1.5 text-[11px] font-medium text-slate-500 dark:text-slate-400",
             children: [
-              /* @__PURE__ */ e(Ut, { className: "h-3 w-3", strokeWidth: 2 }),
-              ue.length,
+              /* @__PURE__ */ e(Dt, { className: "h-3 w-3", strokeWidth: 2 }),
+              me.length,
               " pinned",
               /* @__PURE__ */ e(ut, { className: "ml-auto h-3 w-3 -rotate-90" })
             ]
           }
         ) }),
-        (B == null ? void 0 : B.archive_suggested_at) && B.id !== 0 && (un || Z) && /* @__PURE__ */ e(
+        (E == null ? void 0 : E.archive_suggested_at) && E.id !== 0 && (dn || X) && /* @__PURE__ */ e(
           Ls,
           {
-            channelId: B.id,
+            channelId: E.id,
             channelName: S,
-            suggestedAt: B.archive_suggested_at
+            suggestedAt: E.archive_suggested_at
           }
         ),
-        ja && (B == null ? void 0 : B.welcome_note) && /* @__PURE__ */ e(
-          jr,
+        ja && (E == null ? void 0 : E.welcome_note) && /* @__PURE__ */ e(
+          Wr,
           {
-            note: B.welcome_note,
+            note: E.welcome_note,
             channelName: S,
             th: f,
             onDismiss: () => va.mutate(n)
@@ -1503,44 +1504,44 @@ function Bn({
         /* @__PURE__ */ e(
           "div",
           {
-            ref: Me,
+            ref: Re,
             onScroll: (t) => {
               const h = t.currentTarget;
-              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();
+              le.current = h.scrollHeight - h.scrollTop - h.clientHeight < 48, wt.current = h.scrollHeight, le.current && ce && He(null), we.onScroll(), h.scrollTop < 200 && J && !O && !xe && Me.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: ln, className: qe === "compact" ? "space-y-1" : "space-y-2.5", children: [
-              A && !xe && /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ e(
+            children: /* @__PURE__ */ a("div", { ref: rn, className: qe === "compact" ? "space-y-1" : "space-y-2.5", children: [
+              J && !xe && /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  disabled: H,
+                  disabled: O,
                   onClick: () => {
                     var t;
-                    kt.current = ((t = Me.current) == null ? void 0 : t.scrollHeight) ?? 0, F();
+                    wt.current = ((t = Re.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: H ? "Loading…" : "Load earlier messages"
+                  children: O ? "Loading…" : "Load earlier messages"
                 }
               ) }),
-              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: [
+              q ? /* @__PURE__ */ e("p", { className: "py-6 text-center text-[12px] text-slate-500", children: "Loading…" }) : _e.length === 0 && K.length === 0 ? /* @__PURE__ */ e("div", { className: "py-6 text-center text-[12px] text-slate-500", children: xe ? "No messages match." : B ? "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",
-                  me ? `, @${me} asks the AI` : "",
+                  pe ? `, @${pe} asks the AI` : "",
                   ", # inserts a record, and a record ID like AB26-12345 becomes a live link."
                 ] })
               ] }) }) : /* @__PURE__ */ e(
                 "div",
                 {
-                  ref: dn,
+                  ref: cn,
                   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;
+                    var Ae;
+                    const N = we.start + h, W = _e[N - 1], H = N === 0 || W && new Date(W.date_created).toDateString() !== new Date(t.date_created).toDateString(), Oe = !xe && !B && kt.current > 0 && N === Math.max(0, _e.length - kt.current), Ee = qe === "compact" && !H && !!W && W.sender === t.sender && !W.is_system && new Date(t.date_created).getTime() - new Date(W.date_created).getTime() < 5 * 6e4;
                     return /* @__PURE__ */ a(
                       "div",
                       {
@@ -1548,28 +1549,28 @@ function Bn({
                         "data-chat-row": t.id,
                         className: N > 0 ? qe === "compact" ? "pt-1" : "pt-2.5" : void 0,
                         children: [
-                          Q && /* @__PURE__ */ a("div", { className: "my-2 flex items-center gap-2", children: [
+                          H && /* @__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: "text-[10px] font-medium text-slate-500 dark:text-slate-400", children: Yr(t.date_created) }),
                             /* @__PURE__ */ e("span", { className: "h-px flex-1 bg-slate-100 dark:bg-border" })
                           ] }),
                           Oe && /* @__PURE__ */ a(
                             "div",
                             {
-                              ref: vt,
+                              ref: yt,
                               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" }),
-                                yt.current > 20 && /* @__PURE__ */ e(
+                                kt.current > 20 && /* @__PURE__ */ e(
                                   "button",
                                   {
                                     type: "button",
-                                    disabled: Y.isPending,
-                                    onClick: () => Y.mutate(),
+                                    disabled: V.isPending,
+                                    onClick: () => V.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: Y.isPending ? "Summarizing…" : "✨ What did I miss?"
+                                    children: V.isPending ? "Summarizing…" : "✨ What did I miss?"
                                   }
                                 ),
                                 /* @__PURE__ */ e("span", { className: "h-px flex-1 bg-red-300 dark:bg-red-500/50" })
@@ -1577,8 +1578,8 @@ function Bn({
                             }
                           ),
                           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,
+                          pn(t, {
+                            isLastMine: ((Ae = t.sender) == null ? void 0 : Ae.toLowerCase()) === je && N === Oa,
                             showSender: !Ee
                           })
                         ]
@@ -1588,12 +1589,12 @@ function Bn({
                   })
                 }
               ),
-              !xe && !W && /* @__PURE__ */ e(ca, { items: ee, th: f }),
-              !xe && !W && Qe.live && me && /* @__PURE__ */ e(
-                Ms,
+              !xe && !G && /* @__PURE__ */ e(ca, { items: K, th: f }),
+              !xe && !G && Qe.live && pe && /* @__PURE__ */ e(
+                Rs,
                 {
                   live: Qe.live,
-                  botName: me,
+                  botName: pe,
                   bubbleClass: f.bubbleOther,
                   accentClass: f.accentText,
                   onStop: Qe.stop,
@@ -1603,26 +1604,26 @@ function Bn({
             ] })
           }
         ),
-        (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(
+        (ce || G) && /* @__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 (W) {
-                Ae.current = !1, re.current = !0, R(null);
+              if (G) {
+                Me.current = !1, le.current = !0, $(null);
                 return;
               }
-              ie && !wt(ie.firstId) && rt(), He(null);
+              ce && !Nt(ce.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": (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"} ↓`
+            "data-chat-new-pill": (ce == null ? void 0 : ce.count) ?? 0,
+            children: G ? "Jump to the latest ↓" : `${ce == null ? void 0 : ce.count} new ${(ce == null ? void 0 : ce.count) === 1 ? "message" : "messages"} ↓`
           }
         ) }),
-        /* @__PURE__ */ e("div", { className: "min-h-[18px] shrink-0 px-3.5", children: st && me && !Qe.live ? /* @__PURE__ */ a(
+        /* @__PURE__ */ e("div", { className: "min-h-[18px] shrink-0 px-3.5", children: st && pe && !Qe.live ? /* @__PURE__ */ a(
           "p",
           {
             className: "flex items-center gap-1.5 text-[11px] italic text-slate-500",
@@ -1633,48 +1634,48 @@ function Bn({
                 /* @__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]" })
               ] }),
-              me,
+              pe,
               " is thinking…"
             ]
           }
-        ) : 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,
+        ) : Y.typingText && /* @__PURE__ */ e("p", { className: "text-[11px] italic text-slate-500", children: Y.typingText }) }),
+        Zt && /* @__PURE__ */ e(Ds, { file: Zt, onClose: () => Vt(null) }),
+        hn(null),
+        Xt != null && /* @__PURE__ */ e(
+          Fr,
           {
             room: n,
-            rootId: en,
+            rootId: Xt,
             th: f,
             onClose: () => Ie(null),
-            renderRow: (t) => hn(t, { inThread: !0 }),
-            renderComposer: (t) => fn(t),
-            renderOutbox: (t) => /* @__PURE__ */ e(Zr, { room: n, parentId: t, th: f })
+            renderRow: (t) => pn(t, { inThread: !0 }),
+            renderComposer: (t) => hn(t),
+            renderOutbox: (t) => /* @__PURE__ */ e(tl, { room: n, parentId: t, th: f })
           }
         ),
-        xt && /* @__PURE__ */ e(
-          Er,
+        bt && /* @__PURE__ */ e(
+          zr,
           {
             room: n,
             label: S,
             th: f,
-            pins: ue,
+            pins: me,
             onClose: () => ze(!1),
-            onOpenMessage: on,
+            onOpenMessage: ln,
             onUnpin: (t) => c.mutate(t),
-            navigate: b.navigate,
-            renderAvatar: (t, h) => /* @__PURE__ */ e(K, { id: t, name: h, size: 22 })
+            navigate: x.navigate,
+            renderAvatar: (t, h) => /* @__PURE__ */ e(Q, { id: t, name: h, size: 22 })
           }
         )
       ]
     }
   );
 }
-function Zr({ room: n, parentId: s, th: l }) {
+function tl({ room: n, parentId: s, th: l }) {
   const r = ia(n, s);
   return /* @__PURE__ */ e(ca, { items: r, th: l });
 }
-function Vr({
+function nl({
   targets: n,
   recordLabel: s,
   onPick: l
@@ -1712,7 +1713,7 @@ function Vr({
     ] })
   ] });
 }
-function Wn(n) {
+function Bn(n) {
   return {
     id: n.id,
     visibility: n.visibility,
@@ -1723,29 +1724,29 @@ function Wn(n) {
     color: n.color ?? null
   };
 }
-const Xr = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+const al = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
 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 Fn(n) {
+function Wn(n) {
   const s = n == null ? void 0 : n.trim();
-  return !s || Xr.test(s) ? null : s;
+  return !s || al.test(s) ? null : s;
 }
-function el(n) {
+function sl(n) {
   const s = new Date(n), l = /* @__PURE__ */ new Date(), r = s.toLocaleTimeString("en-US", { hour: "numeric", minute: "2-digit" });
   return s.toDateString() === l.toDateString() ? r : (l.getTime() - s.getTime()) / 864e5 < 6 ? `${s.toLocaleDateString("en-US", { weekday: "short" })} ${r}` : `${s.toLocaleDateString("en-US", { month: "short", day: "numeric" })}, ${r}`;
 }
-function tl({
+function rl({
   seen: n,
   channelId: s,
   senderId: l
 }) {
-  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);
+  const r = ue(), [o, i] = T(!1), { members: p } = ea(o ? s : null), d = new Set(n.map((u) => String(u.user).toUpperCase())), x = p.filter((u) => {
+    const b = String(u.user).toUpperCase();
+    return b !== l.toUpperCase() && !d.has(b);
   }), f = [...n].sort(
-    (p, x) => new Date(p.last_read_at).getTime() - new Date(x.last_read_at).getTime()
+    (u, b) => new Date(u.last_read_at).getTime() - new Date(b.last_read_at).getTime()
   );
   return /* @__PURE__ */ a(Ve, { open: o, onOpenChange: i, children: [
     /* @__PURE__ */ e(Xe, { asChild: !0, children: /* @__PURE__ */ a(
@@ -1777,29 +1778,29 @@ function tl({
             n.length
           ] }),
           /* @__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(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" }),
+            f.map((u) => /* @__PURE__ */ a("div", { className: "flex items-center gap-2 px-3 py-1.5", children: [
+              /* @__PURE__ */ e(Q, { id: u.user, name: u.name || null, size: 22 }),
+              /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-[12px] text-slate-700 dark:text-slate-200", children: u.name || "Someone" }),
               /* @__PURE__ */ e(
                 "span",
                 {
                   className: "shrink-0 text-[10.5px] tabular-nums text-slate-400",
-                  "data-tip": `Last read the conversation ${new Date(p.last_read_at).toLocaleString("en-US", { dateStyle: "medium", timeStyle: "short" })}`,
-                  children: el(p.last_read_at)
+                  "data-tip": `Last read the conversation ${new Date(u.last_read_at).toLocaleString("en-US", { dateStyle: "medium", timeStyle: "short" })}`,
+                  children: sl(u.last_read_at)
                 }
               )
-            ] }, p.user)),
-            b.length > 0 && /* @__PURE__ */ a(ke, { children: [
+            ] }, u.user)),
+            x.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
+                x.length
               ] }),
-              b.map((p) => {
-                const x = [p.first_name, p.last_name].filter(Boolean).join(" ") || p.email || "Someone";
+              x.map((u) => {
+                const b = [u.first_name, u.last_name].filter(Boolean).join(" ") || u.email || "Someone";
                 return /* @__PURE__ */ a("div", { className: "flex items-center gap-2 px-3 py-1.5 opacity-70", children: [
-                  /* @__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);
+                  /* @__PURE__ */ e(Q, { id: u.user, name: b, size: 22 }),
+                  /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-[12px] text-slate-600 dark:text-slate-300", children: b })
+                ] }, u.user);
               })
             ] })
           ] }),
@@ -1809,13 +1810,15 @@ function tl({
     )
   ] });
 }
-function nl({ channel: n, onLeft: s }) {
-  var q;
-  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(Ve, { open: i, onOpenChange: m, children: [
+function ll({ channel: n, onLeft: s }) {
+  var F;
+  const l = ue(), r = Le(), { isAdmin: o } = ht(), [i, p] = T(!1), [d, x] = T(""), f = mt(d, 250), u = pr(
+    `channel-${n.id}`,
+    `/chat/channels/${n.id}/members`,
+    f,
+    i
+  ), b = u.members, y = u.loading, { addMember: U, removeMember: A } = ta(n.id), [C, S] = T(""), B = mt(C, 250), $ = ((F = r.me) == null ? void 0 : F.id.toUpperCase()) ?? "", v = o || !!$ && String(n.created_by ?? "").toUpperCase() === $, { users: q } = Bt(B, i && v && !!C.trim()), J = new Set(b.map((O) => O.id.toUpperCase())), G = b;
+  return /* @__PURE__ */ a(Ve, { open: i, onOpenChange: p, children: [
     /* @__PURE__ */ e(Xe, { asChild: !0, children: /* @__PURE__ */ a(
       "button",
       {
@@ -1828,8 +1831,8 @@ function nl({ channel: n, onLeft: s }) {
         ),
         "data-chat-group-members": !0,
         children: [
-          /* @__PURE__ */ e(Dt, { className: "h-3.5 w-3.5", strokeWidth: 2 }),
-          d.length > 0 && d.length
+          /* @__PURE__ */ e($t, { className: "h-3.5 w-3.5", strokeWidth: 2 }),
+          u.total > 0 && u.total
         ]
       }
     ) }),
@@ -1841,83 +1844,96 @@ function nl({ channel: n, onLeft: s }) {
         className: g("w-[260px] p-0", l.surface),
         "data-chat-group-members-panel": !0,
         children: [
-          /* @__PURE__ */ e("div", { className: g("border-b px-3 py-2", l.divider), children: /* @__PURE__ */ a("p", { className: "text-[11px] font-semibold uppercase tracking-[0.08em] text-slate-400", children: [
-            "In this conversation ",
-            d.length > 0 && `· ${d.length}`
-          ] }) }),
+          /* @__PURE__ */ a("div", { className: g("border-b px-3 py-2", l.divider), children: [
+            /* @__PURE__ */ a("p", { className: "text-[11px] font-semibold uppercase tracking-[0.08em] text-slate-400", children: [
+              "In this conversation ",
+              u.total > 0 && `· ${u.total.toLocaleString("en-US")}`
+            ] }),
+            (u.total > 10 || d) && /* @__PURE__ */ e(Dr, { value: d, onChange: x, className: "mt-1.5" })
+          ] }),
           /* @__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 W = String(A.user).toUpperCase(), F = R(A), H = W === $, ee = String(n.created_by ?? "").toUpperCase() === W;
+            y && /* @__PURE__ */ e("p", { className: "px-3 py-2 text-[12px] text-slate-400", children: "Loading…" }),
+            !y && G.length === 0 && d.trim() && /* @__PURE__ */ e("p", { className: "px-3 py-2 text-[12px] text-slate-400", children: "No one matches." }),
+            G.map((O) => {
+              const K = O.id.toUpperCase(), ee = O.name, Y = K === $, te = String(n.created_by ?? "").toUpperCase() === K;
               return /* @__PURE__ */ a(
                 "div",
                 {
                   className: "group flex items-center gap-2 px-3 py-1.5",
-                  "data-chat-group-member": A.user,
+                  "data-chat-group-member": O.id,
                   children: [
-                    /* @__PURE__ */ e(K, { id: A.user, name: F, size: 26 }),
+                    /* @__PURE__ */ e(Q, { id: O.id, name: ee, 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: [
-                        F,
-                        H && /* @__PURE__ */ e("span", { className: "text-slate-400", children: " (you)" })
+                        ee,
+                        Y && /* @__PURE__ */ e("span", { className: "text-slate-400", children: " (you)" })
                       ] }),
-                      ee && /* @__PURE__ */ e("span", { className: "block text-[10.5px] text-slate-400", children: "Started the group" })
+                      te && /* @__PURE__ */ e("span", { className: "block text-[10.5px] text-slate-400", children: "Started the group" })
                     ] }),
-                    C && !H && /* @__PURE__ */ e(
+                    /* @__PURE__ */ e($r, { online: O.online }),
+                    v && !Y && /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
-                        title: `Remove ${F}`,
-                        "aria-label": `Remove ${F}`,
-                        onClick: () => p.mutate(A.user),
+                        title: `Remove ${ee}`,
+                        "aria-label": `Remove ${ee}`,
+                        onClick: () => A.mutate(O.id),
                         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(mt, { className: "h-3 w-3" })
+                        children: /* @__PURE__ */ e(pt, { className: "h-3 w-3" })
                       }
                     )
                   ]
                 },
-                A.user
+                O.id
               );
-            })
+            }),
+            /* @__PURE__ */ e(
+              Mr,
+              {
+                hasMore: u.hasMore,
+                loading: u.loadingMore,
+                onLoad: u.loadMore
+              }
+            )
           ] }),
-          C && /* @__PURE__ */ a("div", { className: g("border-t px-3 py-2", l.divider), children: [
+          v && /* @__PURE__ */ a("div", { className: g("border-t px-3 py-2", l.divider), children: [
             /* @__PURE__ */ e(
               "input",
               {
-                value: x,
-                onChange: (A) => v(A.target.value),
+                value: C,
+                onChange: (O) => S(O.target.value),
                 placeholder: "Add someone…",
                 className: g("h-7 w-full rounded-md px-2 text-[12px] outline-none", l.input),
                 "data-chat-group-add": !0
               }
             ),
-            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 W = [A.first_name, A.last_name].filter(Boolean).join(" ") || A.email || A.id;
+            C.trim() && /* @__PURE__ */ e("div", { className: "mt-1 max-h-36 overflow-y-auto", children: q.filter((O) => !J.has(String(O.id).toUpperCase())).map((O) => {
+              const K = [O.first_name, O.last_name].filter(Boolean).join(" ") || O.email || O.id;
               return /* @__PURE__ */ a(
                 "button",
                 {
                   type: "button",
                   onClick: () => {
-                    f.mutate(A.id), v("");
+                    U.mutate(O.id), S("");
                   },
                   className: "flex w-full items-center gap-2 rounded px-1 py-1 text-left hover:bg-muted",
                   children: [
-                    /* @__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 })
+                    /* @__PURE__ */ e(Q, { id: O.id, name: K, size: 22 }),
+                    /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-[12px] text-slate-700 dark:text-slate-200", children: K })
                   ]
                 },
-                A.id
+                O.id
               );
             }) })
           ] }),
-          $ && E.has($) && /* @__PURE__ */ e("div", { className: g("border-t px-3 py-1.5", l.divider), children: /* @__PURE__ */ e(
+          $ && J.has($) && /* @__PURE__ */ e("div", { className: g("border-t px-3 py-1.5", l.divider), children: /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               onClick: () => {
-                p.mutate(r.me.id, {
+                A.mutate(r.me.id, {
                   onSuccess: () => {
-                    m(!1), s();
+                    p(!1), s();
                   }
                 });
               },
@@ -1931,15 +1947,15 @@ function nl({ channel: n, onLeft: s }) {
     )
   ] });
 }
-function al({
+function ol({
   channel: n,
   label: s,
   onBack: l
 }) {
-  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({
+  const r = ue(), o = Le(), { isAdmin: i } = ht(), p = Xn(), { members: d, loading: x } = ea(n.id), { update: f, addMember: u, removeMember: b } = ta(n.id), [y, U] = T(s), [A, C] = T(n.topic ?? ""), [S, B] = T(n.visibility), [$, v] = T(n.role ?? ""), [q, J] = T({
     icon: n.icon ?? null,
     color: n.color ?? null
-  }), [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 ?? "");
+  }), [G, F] = T(""), O = mt(G, 250), { users: K } = Bt(O, S === "private"), [ee, Y] = T(!1), te = n.id === na, oe = i || !te && !!o.me && String(n.created_by ?? "") === String(o.me.id), se = new Set(d.map((c) => String(c.user).toUpperCase())), me = y !== s || A !== (n.topic ?? "") || S !== n.visibility || q.icon !== (n.icon ?? null) || q.color !== (n.color ?? null) || S === "role" && $ !== (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(
@@ -1958,13 +1974,13 @@ function al({
       ] })
     ] }),
     /* @__PURE__ */ a("div", { className: "min-h-0 flex-1 space-y-4 overflow-y-auto p-3", children: [
-      le ? /* @__PURE__ */ a(ke, { children: [
+      oe ? /* @__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(
             "input",
             {
-              value: v,
+              value: y,
               onChange: (c) => U(c.target.value),
               className: g("h-8 w-full rounded-md px-2 text-[12.5px] outline-none", r.input)
             }
@@ -1972,21 +1988,21 @@ function al({
         ] }),
         !n.is_direct && /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
           /* @__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__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e(Kn, { icon: q.icon, color: q.color, onChange: J }) })
         ] }),
         /* @__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" }),
           /* @__PURE__ */ e(
             "input",
             {
-              value: $,
+              value: A,
               onChange: (c) => C(c.target.value),
               placeholder: "What this channel is for",
               className: g("h-8 w-full rounded-md px-2 text-[12.5px] outline-none", r.input)
             }
           )
         ] }),
-        !ne && /* @__PURE__ */ a("div", { children: [
+        !te && /* @__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"],
@@ -1996,7 +2012,7 @@ function al({
             "button",
             {
               type: "button",
-              onClick: () => E(c),
+              onClick: () => B(c),
               className: g(
                 "rounded-md px-2 py-1 text-[11.5px] font-medium transition-colors",
                 S === c ? r.accentSoft : "text-slate-500 hover:bg-slate-100 dark:hover:bg-muted"
@@ -2006,17 +2022,17 @@ function al({
             c
           )) }),
           S === "role" && /* @__PURE__ */ e(
-            It,
+            jt,
             {
-              value: R,
-              onChange: y,
+              value: $,
+              onChange: v,
               className: g(
                 "mt-2 h-8 w-full rounded-md px-2 text-[12.5px] outline-none",
                 r.input
               ),
               options: [
                 { value: "", label: "Choose a role…" },
-                ...m.map((c) => ({ value: c.id, label: c.name }))
+                ...p.map((c) => ({ value: c.id, label: c.name }))
               ]
             }
           )
@@ -2026,18 +2042,18 @@ function al({
             "button",
             {
               type: "button",
-              disabled: !ue || f.isPending || S === "role" && !R,
+              disabled: !me || f.isPending || S === "role" && !$,
               onClick: () => f.mutate(
-                ne ? {
-                  name: v.trim() || s,
-                  topic: $.trim() || null,
+                te ? {
+                  name: y.trim() || s,
+                  topic: A.trim() || null,
                   icon: q.icon,
                   color: q.color
                 } : {
-                  name: v.trim() || s,
-                  topic: $.trim() || null,
+                  name: y.trim() || s,
+                  topic: A.trim() || null,
                   visibility: S,
-                  role: S === "role" ? R : null,
+                  role: S === "role" ? $ : null,
                   icon: q.icon,
                   color: q.color
                 }
@@ -2049,19 +2065,19 @@ function al({
               children: f.isPending ? "Saving…" : "Save"
             }
           ),
-          ne ? /* @__PURE__ */ e("span", { className: "ml-auto text-[11px] text-slate-400", children: "Open to everyone · cannot be archived" }) : /* @__PURE__ */ e(
+          te ? /* @__PURE__ */ e("span", { className: "ml-auto text-[11px] text-slate-400", children: "Open to everyone · cannot be archived" }) : /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: () => te(!0),
-              disabled: pe,
+              onClick: () => Y(!0),
+              disabled: ee,
               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"
             }
           )
         ] }),
-        pe && !ne && /* @__PURE__ */ a(
+        ee && !te && /* @__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",
@@ -2101,7 +2117,7 @@ function al({
                   "button",
                   {
                     type: "button",
-                    onClick: () => te(!1),
+                    onClick: () => Y(!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,53 +2131,53 @@ 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", {}),
-        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."
+        te ? "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: [
           "Members ",
           d.length > 0 && `· ${d.length}`
         ] }),
-        b && /* @__PURE__ */ e("p", { className: "text-[12px] text-slate-400", children: "Loading…" }),
+        x && /* @__PURE__ */ e("p", { className: "text-[12px] text-slate-400", children: "Loading…" }),
         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(K, { id: c.user, name: L }),
+            /* @__PURE__ */ e(Q, { 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(
+            oe && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 title: "Remove from channel",
-                onClick: () => x.mutate(c.user),
+                onClick: () => b.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(mt, { className: "h-3 w-3" })
+                children: /* @__PURE__ */ e(pt, { className: "h-3 w-3" })
               }
             )
           ] }, c.user);
         }),
-        le && S === "private" && /* @__PURE__ */ a("div", { className: "mt-2", children: [
+        oe && S === "private" && /* @__PURE__ */ a("div", { className: "mt-2", children: [
           /* @__PURE__ */ e(
             "input",
             {
-              value: W,
+              value: G,
               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)
             }
           ),
-          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) => {
+          G.trim() && /* @__PURE__ */ e("div", { className: "mt-1 max-h-40 overflow-y-auto rounded-md border border-slate-200 dark:border-border", children: K.filter((c) => !se.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), F("");
+                  u.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(K, { id: c.id, name: L }),
+                  /* @__PURE__ */ e(Q, { 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 })
                 ]
               },
@@ -2170,16 +2186,16 @@ function al({
           }) }),
           /* @__PURE__ */ e("p", { className: "mt-1 text-[11px] leading-snug text-slate-400", children: "Only members can see an invite-only channel — it is not listed to anyone else." })
         ] }),
-        le && !n.is_direct && /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(Is, { channelId: n.id, th: r }) })
+        oe && !n.is_direct && /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(Is, { channelId: n.id, th: r }) })
       ] }),
-      le && !n.is_direct && n.id !== 0 && /* @__PURE__ */ e(Os, { channelId: n.id, border: r.divider }),
+      oe && !n.is_direct && n.id !== 0 && /* @__PURE__ */ e(Os, { channelId: n.id, border: r.divider }),
       !n.is_direct && /* @__PURE__ */ e(js, { channelId: n.id, th: r })
     ] })
   ] });
 }
-function Ht(n, s) {
+function mt(n, s) {
   const [l, r] = T(n);
-  return X(() => {
+  return ae(() => {
     const o = setTimeout(() => r(n), s);
     return () => clearTimeout(o);
   }, [n, s]), l;
@@ -2188,24 +2204,24 @@ 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 _t = [
+const St = [
   { value: "recent", label: "Recent activity" },
   { value: "unread", label: "Unread first" },
   { value: "alpha", label: "A–Z" }
 ];
-function zn(n) {
+function Fn(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) => 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 il(n, s) {
+  const l = (i, p) => i.label.localeCompare(p.label), r = (i, p) => Fn(p) - Fn(i) || l(i, p), o = [...n];
+  return s === "alpha" ? o.sort(l) : s === "unread" ? o.sort((i, p) => +(p.unread > 0) - +(i.unread > 0) || r(i, p)) : o.sort(r);
 }
-function rl({
+function cl({
   value: n,
   onChange: s
 }) {
-  const [l, r] = T(!1), o = _t.find((i) => i.value === n) ?? _t[0];
+  const [l, r] = T(!1), o = St.find((i) => i.value === n) ?? St[0];
   return /* @__PURE__ */ a(Ve, { open: l, onOpenChange: r, children: [
     /* @__PURE__ */ e(Xe, { asChild: !0, children: /* @__PURE__ */ e(
       "button",
@@ -2220,7 +2236,7 @@ function rl({
     ) }),
     /* @__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" }),
-      _t.map((i) => /* @__PURE__ */ a(
+      St.map((i) => /* @__PURE__ */ a(
         "button",
         {
           type: "button",
@@ -2231,7 +2247,7 @@ function rl({
           "data-chat-sort-option": i.value,
           children: [
             i.label,
-            i.value === n && /* @__PURE__ */ e(Ot, { className: "h-3.5 w-3.5", strokeWidth: 2 })
+            i.value === n && /* @__PURE__ */ e(Lt, { className: "h-3.5 w-3.5", strokeWidth: 2 })
           ]
         },
         i.value
@@ -2239,7 +2255,7 @@ function rl({
     ] })
   ] });
 }
-function Hn({
+function zn({
   rooms: n,
   onOpen: s,
   onNewGroup: l,
@@ -2247,7 +2263,7 @@ function Hn({
   loading: o = !1,
   onView: i
 }) {
-  const m = de(), d = Le(), { setMuted: b, leave: f, setArchived: p, setStarred: x } = qt(), v = qs(), U = ve(
+  const p = ue(), d = Le(), { setMuted: x, leave: f, setArchived: u, setStarred: b } = Et(), y = qs(), U = ve(
     () => new Map(
       d.onlineUsers.map((c) => [
         String(c.user_id).toUpperCase(),
@@ -2255,14 +2271,14 @@ function Hn({
       ])
     ),
     [d.onlineUsers]
-  ), $ = 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(() => {
+  ), A = Wt(), C = Tr(), [S, B] = T(""), $ = mt(S.trim(), 250), { hits: v, meaning: q, loading: J } = Qs($, y.filters), G = $.length >= 2 || y.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]), 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
-  ), ue = (c) => {
+    for (const L of v) c.set(L.room, [...c.get(L.room) ?? [], L]);
+    return [...c.entries()].sort((L, m) => m[1].length - L[1].length);
+  }, [v]), O = n.filter((c) => c.unread > 0 && !c.muted).length, K = fr(), ee = ve(() => new Map(n.map((c) => [c.room, c])), [n]), Y = qt(), te = Vn(), oe = Y.chat_sidebar_sort === "unread" || Y.chat_sidebar_sort === "alpha" ? Y.chat_sidebar_sort : "recent", se = il(
+    $ ? n.filter((c) => c.label.toLowerCase().includes($.toLowerCase())) : n,
+    oe
+  ), me = (c) => {
     var L;
     return c.kind === "channel" && ((L = c.channel) == null ? void 0 : L.is_direct);
   };
@@ -2272,22 +2288,22 @@ function Hn({
         "input",
         {
           value: S,
-          onChange: (c) => E(c.target.value),
+          onChange: (c) => B(c.target.value),
           placeholder: "Search rooms & messages…",
           className: g(
             "h-7 min-w-0 flex-1 rounded-md border px-2 text-[12px] outline-none",
-            m.input
+            p.input
           ),
           "aria-label": "Search rooms and messages",
           "data-chat-global-search": !0
         }
       ),
-      !r && /* @__PURE__ */ e(Es, { open: v.open, active: v.active, onClick: () => v.setOpen(!v.open) }),
+      !r && /* @__PURE__ */ e(Es, { open: y.open, active: y.active, onClick: () => y.setOpen(!y.open) }),
       /* @__PURE__ */ e(
-        rl,
+        cl,
         {
-          value: le,
-          onChange: (c) => ne.mutate({ chat_sidebar_sort: c === "recent" ? null : c })
+          value: oe,
+          onChange: (c) => te.mutate({ chat_sidebar_sort: c === "recent" ? null : c })
         }
       ),
       !r && /* @__PURE__ */ e(Bs, {}),
@@ -2299,12 +2315,12 @@ function Hn({
           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(Dt, { className: "h-3.5 w-3.5", strokeWidth: 2 })
+          children: /* @__PURE__ */ e($t, { 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 && !W && /* @__PURE__ */ a("div", { className: "mb-1 flex flex-wrap gap-1 px-1", "data-chat-view-links": !0, children: [
+    !r && y.open && /* @__PURE__ */ e(Ws, { filters: y.filters, onChange: y.setFilters, rooms: n, th: p }),
+    !r && i && !G && /* @__PURE__ */ a("div", { className: "mb-1 flex flex-wrap gap-1 px-1", "data-chat-view-links": !0, children: [
       /* @__PURE__ */ a(
         "button",
         {
@@ -2331,74 +2347,74 @@ function Hn({
           ]
         }
       ),
-      H > 1 && /* @__PURE__ */ a(
+      O > 1 && /* @__PURE__ */ a(
         "button",
         {
           type: "button",
           onClick: () => i("catchup"),
           className: g(
             "inline-flex h-6 items-center gap-1 rounded-full px-2 text-[11px] font-medium",
-            m.accentSoft
+            p.accentSoft
           ),
           "data-chat-view": "catchup",
           children: [
             /* @__PURE__ */ e(Ya, { className: "h-3 w-3" }),
             " Catch up · ",
-            H,
+            O,
             " rooms"
           ]
         }
       )
     ] }),
-    W && !r && /* @__PURE__ */ a("div", { className: "mb-1.5", "data-chat-search-results": !0, children: [
+    G && !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}` : ""
+        v.length ? ` · ${v.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." }) : F.map(([c, L]) => {
-        const u = pe.get(c);
+      J ? /* @__PURE__ */ e("p", { className: "px-2.5 py-1 text-[11px] text-slate-400", children: "Searching…" }) : v.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 m = ee.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: "truncate", children: (m == null ? void 0 : m.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((J) => /* @__PURE__ */ a(
+          L.slice(0, 5).map((Z) => /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              disabled: !u,
+              disabled: !m,
               onClick: () => {
-                u && s(u, { around: J.parent_id ?? J.id });
+                m && s(m, { around: Z.parent_id ?? Z.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": J.id,
+              "data-chat-search-hit": Z.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: J.sender_name ?? "Someone" }),
-                  /* @__PURE__ */ e("span", { className: "ml-auto shrink-0", children: new Date(J.date_created).toLocaleDateString() })
+                  /* @__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: "line-clamp-2 text-[12px] text-slate-700 dark:text-slate-200", children: J.message })
+                /* @__PURE__ */ e("span", { className: "line-clamp-2 text-[12px] text-slate-700 dark:text-slate-200", children: Z.message })
               ]
             },
-            J.id
+            Z.id
           )),
-          L.length > 5 && u && /* @__PURE__ */ a(
+          L.length > 5 && m && /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              onClick: () => v.setFilters({ ...v.filters, room: c }),
-              className: g("px-2.5 py-0.5 text-[11px] font-medium", m.accentText),
+              onClick: () => y.setFilters({ ...y.filters, room: c }),
+              className: g("px-2.5 py-0.5 text-[11px] font-medium", p.accentText),
               children: [
                 "All ",
                 L.length,
                 " in ",
-                u.label
+                m.label
               ]
             }
           )
         ] }, c);
       }),
-      !A && q === "words" && /* @__PURE__ */ e(
+      !J && q === "words" && /* @__PURE__ */ e(
         "p",
         {
           className: "px-2.5 pb-1 pt-1.5 text-[10.5px] leading-snug text-slate-400",
@@ -2409,13 +2425,13 @@ function Hn({
     ] }),
     r && !o && n.length === 0 && /* @__PURE__ */ e("p", { className: "px-3 py-6 text-center text-[12px] leading-relaxed text-slate-400", children: "Nothing archived. Archiving is just for you: the conversation leaves your chat list and stops alerting you, while everyone else in it carries on as before. Archive from a room's header or its row in your chat list; writing in it again brings it back." }),
     r && o && /* @__PURE__ */ e("p", { className: "px-3 py-3 text-[12px] text-slate-400", children: "Loading…" }),
-    !r && $.bot_name && $.bot_user_id && d.me && /* @__PURE__ */ a(
+    !r && A.bot_name && A.bot_user_id && d.me && /* @__PURE__ */ a(
       "button",
       {
         type: "button",
         onClick: () => s({
-          room: $t(d.me.id, $.bot_user_id),
-          label: `@${$.bot_name}`,
+          room: Mt(d.me.id, A.bot_user_id),
+          label: `@${A.bot_name}`,
           kind: "dm",
           lastMessage: null,
           unread: 0,
@@ -2432,7 +2448,7 @@ function Hn({
             {
               className: g(
                 "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-[13px] font-bold",
-                m.accentSoft
+                p.accentSoft
               ),
               children: "@"
             }
@@ -2440,7 +2456,7 @@ function Hn({
           /* @__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: [
               "Ask @",
-              $.bot_name
+              A.bot_name
             ] }),
             /* @__PURE__ */ e("span", { className: "block truncate text-[11px] text-slate-400", children: "Your AI assistant — questions, summaries, reminders" })
           ] })
@@ -2448,53 +2464,53 @@ function Hn({
       }
     ),
     [
-      ["Starred", ae.filter((c) => c.starred)],
+      ["Starred", se.filter((c) => c.starred)],
       [
         "Channels",
-        ae.filter(
-          (c) => !c.starred && (c.kind === "global" || c.kind === "channel") && !ue(c)
+        se.filter(
+          (c) => !c.starred && (c.kind === "global" || c.kind === "channel") && !me(c)
         )
       ],
       [
         "Direct messages",
-        ae.filter((c) => !c.starred && (c.kind === "dm" || ue(c)))
+        se.filter((c) => !c.starred && (c.kind === "dm" || me(c)))
       ],
-      ["Records", ae.filter((c) => !c.starred && c.kind === "entity")]
+      ["Records", se.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 J, Ue, he, Pe, Ne, De;
+        L.map((m) => {
+          var Z, Ue, he, Pe, Ne, De;
           return /* @__PURE__ */ a("div", { className: "group/room relative", children: [
             /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
-                onClick: () => s(u),
+                onClick: () => s(m),
                 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 Ce = u.kind === "dm" && d.me ? Se(u.room, d.me.id) : null;
+                    const Ce = m.kind === "dm" && d.me ? Se(m.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 }) });
+                    return /* @__PURE__ */ e("span", { className: "relative shrink-0", "data-chat-room-avatar": k, children: /* @__PURE__ */ e(Q, { id: Ce, name: m.label, size: 32 }) });
                   })(),
-                  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(
+                  m.kind === "channel" && !((Z = m.channel) != null && Z.is_direct) || m.kind === "global" && ((Ue = m.channel) != null && Ue.icon || (he = m.channel) != null && he.color) ? /* @__PURE__ */ e(Ye, { icon: (Pe = m.channel) == null ? void 0 : Pe.icon, color: (Ne = m.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 && Se(u.room, d.me.id) && "hidden"
+                        m.kind === "dm" && d.me && Se(m.room, d.me.id) && "hidden"
                       ),
-                      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 })
+                      children: m.kind === "dm" ? /* @__PURE__ */ e(Gn, { className: "h-4 w-4", strokeWidth: 1.8 }) : (De = m.channel) != null && De.is_direct ? /* @__PURE__ */ e($t, { className: "h-4 w-4", strokeWidth: 1.8 }) : /* @__PURE__ */ e(Ut, { 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(Dn, { className: "h-3 w-3 shrink-0 text-slate-300", strokeWidth: 2 }),
-                      /* @__PURE__ */ e(wr, { count: C.countFor(u.room), label: u.label }),
-                      ee.has(u.room) && /* @__PURE__ */ e(
+                      /* @__PURE__ */ e("span", { className: "truncate text-[13px] font-medium text-slate-800 dark:text-slate-100", children: m.label }),
+                      m.muted && /* @__PURE__ */ e(Un, { className: "h-3 w-3 shrink-0 text-slate-300", strokeWidth: 2 }),
+                      /* @__PURE__ */ e(Nr, { count: C.countFor(m.room), label: m.label }),
+                      K.has(m.room) && /* @__PURE__ */ e(
                         Za,
                         {
                           className: "h-3 w-3 shrink-0 text-slate-400",
@@ -2505,30 +2521,30 @@ function Hn({
                         }
                       )
                     ] }),
-                    u.lastMessage && /* @__PURE__ */ a("span", { className: "block truncate text-[11px] text-slate-400", children: [
-                      u.lastMessage.sender_name ? `${u.lastMessage.sender_name}: ` : "",
-                      u.lastMessage.message
+                    m.lastMessage && /* @__PURE__ */ a("span", { className: "block truncate text-[11px] text-slate-400", children: [
+                      m.lastMessage.sender_name ? `${m.lastMessage.sender_name}: ` : "",
+                      m.lastMessage.message
                     ] })
                   ] }),
-                  (u.mentions ?? 0) > 0 && /* @__PURE__ */ e(
+                  (m.mentions ?? 0) > 0 && /* @__PURE__ */ e(
                     "span",
                     {
                       className: "flex h-5 min-w-5 shrink-0 items-center justify-center rounded-full bg-red-500 px-1 text-[10px] font-bold text-white",
-                      title: `${u.mentions} mention you`,
-                      "data-chat-room-mentions": u.mentions,
+                      title: `${m.mentions} mention you`,
+                      "data-chat-room-mentions": m.mentions,
                       children: "@"
                     }
                   ),
-                  u.unread > 0 && /* @__PURE__ */ e(
+                  m.unread > 0 && /* @__PURE__ */ e(
                     "span",
                     {
                       className: g(
                         "flex h-5 min-w-5 shrink-0 items-center justify-center rounded-full px-1.5 text-[10px] font-bold",
                         // A muted room still counts, but quietly — it must not
                         // read like something demanding attention.
-                        u.muted ? "bg-slate-100 text-slate-400 dark:bg-muted dark:text-slate-500" : m.pill
+                        m.muted ? "bg-slate-100 text-slate-400 dark:bg-muted dark:text-slate-500" : p.pill
                       ),
-                      children: u.unread > 99 ? "99+" : u.unread
+                      children: m.unread > 99 ? "99+" : m.unread
                     }
                   )
                 ]
@@ -2539,26 +2555,26 @@ function Hn({
                 "button",
                 {
                   type: "button",
-                  title: u.starred ? "Unstar" : "Star — keep it at the top",
-                  "aria-label": u.starred ? `Unstar ${u.label}` : `Star ${u.label}`,
-                  onClick: () => x.mutate({ room: u.room, starred: !u.starred }),
+                  title: m.starred ? "Unstar" : "Star — keep it at the top",
+                  "aria-label": m.starred ? `Unstar ${m.label}` : `Star ${m.label}`,
+                  onClick: () => b.mutate({ room: m.room, starred: !m.starred }),
                   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",
+                  "data-chat-row-star": m.starred ? "on" : "off",
                   children: /* @__PURE__ */ e(
                     Va,
                     {
-                      className: g("h-3 w-3", u.starred && "fill-amber-400 text-amber-500")
+                      className: g("h-3 w-3", m.starred && "fill-amber-400 text-amber-500")
                     }
                   )
                 }
               ),
-              fa(u) && /* @__PURE__ */ e(
+              fa(m) && /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
                   title: r ? "Unarchive — back to your chats" : "Archive for me — hides it from my list and stops my alerts. Others in the conversation are not affected.",
-                  "aria-label": r ? `Unarchive ${u.label}` : `Archive ${u.label} for me`,
-                  onClick: () => p.mutate({ room: u.room, archived: !r }),
+                  "aria-label": r ? `Unarchive ${m.label}` : `Archive ${m.label} for me`,
+                  onClick: () => u.mutate({ room: m.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(Xa, { className: "h-3 w-3" }) : /* @__PURE__ */ e(es, { className: "h-3 w-3" })
@@ -2568,66 +2584,66 @@ function Hn({
                 "button",
                 {
                   type: "button",
-                  title: u.muted ? "Unmute" : "Mute",
-                  onClick: () => b.mutate({ room: u.room, muted: !u.muted }),
+                  title: m.muted ? "Unmute" : "Mute",
+                  onClick: () => x.mutate({ room: m.room, muted: !m.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(ts, { className: "h-3 w-3" }) : /* @__PURE__ */ e(Dn, { className: "h-3 w-3" })
+                  children: m.muted ? /* @__PURE__ */ e(ts, { className: "h-3 w-3" }) : /* @__PURE__ */ e(Un, { className: "h-3 w-3" })
                 }
               ),
-              (u.kind === "channel" || u.kind === "global" || u.kind === "entity") && u.joined && /* @__PURE__ */ e(
+              (m.kind === "channel" || m.kind === "global" || m.kind === "entity") && m.joined && /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  title: u.kind === "global" ? "Leave General" : u.kind === "entity" ? "Leave this record's chat — open it from the record again to rejoin" : "Leave channel",
-                  "aria-label": `Leave ${u.label}`,
+                  title: m.kind === "global" ? "Leave General" : m.kind === "entity" ? "Leave this record's chat — open it from the record again to rejoin" : "Leave channel",
+                  "aria-label": `Leave ${m.label}`,
                   "data-chat-row-leave": !0,
-                  onClick: () => f.mutate(u.room),
+                  onClick: () => f.mutate(m.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(ns, { className: "h-3 w-3" })
                 }
               )
             ] })
-          ] }, u.room);
+          ] }, m.room);
         })
       ] }, c)
     )
   ] });
 }
-function uo({
+function xo({
   view: n,
   rooms: s,
   onBack: l,
   onOpen: r
 }) {
-  const o = de();
-  return n === "mentions" ? /* @__PURE__ */ e(Yn, { th: o, onBack: l, onOpen: r }) : n === "scheduled" ? /* @__PURE__ */ e(
-    Zn,
+  const o = ue();
+  return n === "mentions" ? /* @__PURE__ */ e(Jn, { th: o, onBack: l, onOpen: r }) : n === "scheduled" ? /* @__PURE__ */ e(
+    Yn,
     {
       th: o,
       onBack: l,
       roomLabel: (i) => {
-        var m;
-        return ((m = s.find((d) => d.room === i)) == null ? void 0 : m.label) ?? i;
+        var p;
+        return ((p = s.find((d) => d.room === i)) == null ? void 0 : p.label) ?? i;
       }
     }
-  ) : /* @__PURE__ */ e(Vn, { rooms: s, th: o, onBack: l, onOpen: r });
+  ) : /* @__PURE__ */ e(Zn, { rooms: s, th: o, onBack: l, onOpen: r });
 }
-function ll({
+function dl({
   onOpen: n
 }) {
-  const s = de(), [l, r] = T(""), [o, i] = T(!1), [m, d] = T(""), [b, f] = T("open"), [p, x] = T(""), [v, U] = T({
+  const s = ue(), [l, r] = T(""), [o, i] = T(!1), [p, d] = T(""), [x, f] = T("open"), [u, b] = T(""), [y, U] = T({
     icon: null,
     color: null
-  }), $ = ea(), { channels: C, loading: S } = zs(l), { join: E } = qt(), R = Hs();
+  }), A = Xn(), { channels: C, loading: S } = zs(l), { join: B } = Et(), $ = 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(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(Hn, { 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",
           {
             value: l,
-            onChange: (y) => r(y.target.value),
+            onChange: (v) => r(v.target.value),
             placeholder: "Search channels…",
             className: g("h-8 w-full rounded-md pl-8 pr-2 text-[12.5px] outline-none", s.input)
           }
@@ -2637,7 +2653,7 @@ function ll({
         "button",
         {
           type: "button",
-          onClick: () => i((y) => !y),
+          onClick: () => i((v) => !v),
           className: g(
             "flex h-8 shrink-0 items-center gap-1 rounded-md px-2.5 text-[12px] font-medium",
             s.action
@@ -2653,14 +2669,14 @@ function ll({
       "form",
       {
         className: "flex flex-col gap-2 border-b border-slate-100 p-2 dark:border-border/60",
-        onSubmit: (y) => {
-          y.preventDefault(), m.trim() && (b === "role" && !p || R.mutate(
+        onSubmit: (v) => {
+          v.preventDefault(), p.trim() && (x === "role" && !u || $.mutate(
             {
-              name: m.trim(),
-              visibility: b,
-              role: b === "role" ? p : null,
-              icon: v.icon,
-              color: v.color
+              name: p.trim(),
+              visibility: x,
+              role: x === "role" ? u : null,
+              icon: y.icon,
+              color: y.color
             },
             {
               onSuccess: () => {
@@ -2671,12 +2687,12 @@ function ll({
         },
         children: [
           /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(Ye, { icon: v.icon, color: v.color, size: 32 }),
+            /* @__PURE__ */ e(Ye, { icon: y.icon, color: y.color, size: 32 }),
             /* @__PURE__ */ e(
               "input",
               {
-                value: m,
-                onChange: (y) => d(y.target.value),
+                value: p,
+                onChange: (v) => d(v.target.value),
                 placeholder: "Channel name",
                 className: g(
                   "h-8 min-w-0 flex-1 rounded-md px-2 text-[12.5px] outline-none",
@@ -2685,59 +2701,59 @@ function ll({
               }
             )
           ] }),
-          /* @__PURE__ */ e(Jn, { icon: v.icon, color: v.color, onChange: U }),
+          /* @__PURE__ */ e(Kn, { icon: y.icon, color: y.color, onChange: U }),
           /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
             [
               ["open", "Anyone"],
               ["role", "One role"],
               ["private", "Invite only"]
-            ].map(([y, q]) => /* @__PURE__ */ e(
+            ].map(([v, q]) => /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => f(y),
+                onClick: () => f(v),
                 className: g(
                   "rounded-md px-2 py-1 text-[11.5px] font-medium transition-colors",
-                  b === y ? s.accentSoft : "text-slate-500 hover:bg-slate-100 dark:hover:bg-muted"
+                  x === v ? s.accentSoft : "text-slate-500 hover:bg-slate-100 dark:hover:bg-muted"
                 ),
                 children: q
               },
-              y
+              v
             )),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "submit",
-                disabled: !m.trim() || R.isPending || b === "role" && !p,
+                disabled: !p.trim() || $.isPending || x === "role" && !u,
                 className: g("ml-auto rounded-md px-2.5 py-1 text-[12px] font-medium", s.action),
-                children: R.isPending ? "Creating…" : "Create"
+                children: $.isPending ? "Creating…" : "Create"
               }
             )
           ] }),
-          b === "role" && /* @__PURE__ */ e(
-            It,
+          x === "role" && /* @__PURE__ */ e(
+            jt,
             {
-              value: p,
-              onChange: x,
+              value: u,
+              onChange: b,
               className: g("h-8 w-auto rounded-md px-2 text-[12.5px] outline-none", s.input),
               options: [
                 { value: "", label: "Choose a role…" },
-                ...$.map((y) => ({ value: y.id, label: y.name }))
+                ...A.map((v) => ({ value: v.id, label: v.name }))
               ]
             }
           ),
-          R.isError && /* @__PURE__ */ e("p", { className: "text-[11.5px] text-red-500", children: R.error.message })
+          $.isError && /* @__PURE__ */ e("p", { className: "text-[11.5px] text-red-500", children: $.error.message })
         ]
       }
     ),
     /* @__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(Tt, { className: "mx-auto h-5 w-5 text-slate-300" }),
+        /* @__PURE__ */ e(Ut, { 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." })
       ] }),
-      C.map((y) => /* @__PURE__ */ a(
+      C.map((v) => /* @__PURE__ */ a(
         "div",
         {
           className: "flex items-center gap-2.5 rounded-lg px-2.5 py-2 hover:bg-slate-50 dark:hover:bg-muted/50",
@@ -2745,21 +2761,21 @@ function ll({
             /* @__PURE__ */ e(
               Ye,
               {
-                icon: y.icon,
-                color: y.color,
+                icon: v.icon,
+                color: v.color,
                 size: 32,
-                fallback: y.visibility === "private" ? za : Tt
+                fallback: v.visibility === "private" ? za : Ut
               }
             ),
             /* @__PURE__ */ a("span", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ e("span", { className: "block truncate text-[13px] font-medium text-slate-800 dark:text-slate-100", children: y.name }),
-              /* @__PURE__ */ e("span", { className: "block truncate text-[11px] text-slate-400", children: y.topic || `${y.members} member${y.members === 1 ? "" : "s"}` })
+              /* @__PURE__ */ e("span", { className: "block truncate text-[13px] font-medium text-slate-800 dark:text-slate-100", children: v.name }),
+              /* @__PURE__ */ e("span", { className: "block truncate text-[11px] text-slate-400", children: v.topic || `${v.members} member${v.members === 1 ? "" : "s"}` })
             ] }),
-            y.joined ? /* @__PURE__ */ e(
+            v.joined ? /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => n(y.room, y.name, Wn(y)),
+                onClick: () => n(v.room, v.name, Bn(v)),
                 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"
               }
@@ -2767,8 +2783,8 @@ function ll({
               "button",
               {
                 type: "button",
-                onClick: () => E.mutate(y.room, {
-                  onSuccess: () => n(y.room, y.name, Wn(y))
+                onClick: () => B.mutate(v.room, {
+                  onSuccess: () => n(v.room, v.name, Bn(v))
                 }),
                 className: g("shrink-0 rounded-md px-2 py-1 text-[11.5px] font-medium", s.action),
                 children: "Join"
@@ -2776,25 +2792,25 @@ function ll({
             )
           ]
         },
-        y.key
+        v.key
       ))
     ] })
   ] });
 }
-function ol() {
+function ul() {
   const n = /* @__PURE__ */ new Date();
   return n.setHours(23, 59, 59, 999), n;
 }
-function il() {
-  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) => {
+function ml() {
+  const n = qt(), s = Vn(), [l, r] = T(!1), o = n.presence_override, i = !!o && o.mode === "away" && !(o.until && new Date(o.until).getTime() < Date.now()), p = (x) => {
     s.mutate({
-      presence_override: b === "off" ? null : { mode: "away", until: (b == null ? void 0 : b.toISOString()) ?? null }
+      presence_override: x === "off" ? null : { mode: "away", until: (x == null ? void 0 : x.toISOString()) ?? null }
     }), r(!1);
   }, d = i && (o != null && o.until) ? `until ${new Date(o.until).toLocaleString("en-US", {
     weekday: "short",
     hour: "numeric",
     minute: "2-digit",
-    timeZone: Lt() ?? void 0
+    timeZone: Pt() ?? void 0
   })}` : i ? "until you switch it off" : null;
   return /* @__PURE__ */ a(
     "div",
@@ -2817,7 +2833,7 @@ function il() {
           "button",
           {
             type: "button",
-            onClick: () => m("off"),
+            onClick: () => p("off"),
             className: "shrink-0 rounded px-1.5 py-0.5 text-[11px] font-medium text-slate-600 hover:bg-muted dark:text-slate-300",
             "data-chat-appear-away-off": !0,
             children: "Back online"
@@ -2837,18 +2853,18 @@ function il() {
             [
               ["1 hour", () => new Date(Date.now() + 36e5)],
               ["4 hours", () => new Date(Date.now() + 4 * 36e5)],
-              ["The rest of today", ol],
+              ["The rest of today", ul],
               ["Until I switch it off", () => null]
-            ].map(([b, f]) => /* @__PURE__ */ e(
+            ].map(([x, f]) => /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => m(f()),
+                onClick: () => p(f()),
                 className: "flex w-full rounded px-2 py-1.5 text-left text-[12.5px] text-slate-700 hover:bg-muted dark:text-slate-200",
-                "data-chat-appear-away-option": b,
-                children: b
+                "data-chat-appear-away-option": x,
+                children: x
               },
-              b
+              x
             ))
           ] })
         ] })
@@ -2856,8 +2872,8 @@ function il() {
     }
   );
 }
-function cl({ myStatus: n }) {
-  const s = de();
+function pl({ myStatus: n }) {
+  const s = ue();
   return /* @__PURE__ */ e(
     Ts,
     {
@@ -2868,7 +2884,7 @@ function cl({ myStatus: n }) {
   );
 }
 function xa() {
-  var i, m, d;
+  var i, p, d;
   const n = Ze(), s = Cs(15e3), { data: l, isFetched: r } = Te({
     queryKey: ["presence-online"],
     queryFn: () => n.request(ye("/presence/online")),
@@ -2879,12 +2895,12 @@ function xa() {
   });
   return {
     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;
+      const x = /* @__PURE__ */ new Map();
+      for (const f of (l == null ? void 0 : l.data) ?? []) x.set(String(f.user_id).toUpperCase(), f);
+      return x;
     }, [l]),
     fields: ((i = l == null ? void 0 : l.config) == null ? void 0 : i.fields) ?? ["role", "page"],
-    adminUrl: ((m = l == null ? void 0 : l.config) == null ? void 0 : m.admin_url) ?? null,
+    adminUrl: ((p = l == null ? void 0 : l.config) == null ? void 0 : p.admin_url) ?? null,
     dimensions: ((d = l == null ? void 0 : l.config) == null ? void 0 : d.dimensions) ?? [],
     loaded: r
   };
@@ -2894,13 +2910,13 @@ function ba(n) {
   const s = n.split("/").filter(Boolean);
   if (s.length === 0) return "Home";
   const l = /* @__PURE__ */ new Set(["records", "collections", "p"]), r = s.filter((o) => !l.has(o));
-  return r.length === 0 ? "Home" : r.map((o, i) => i === 0 ? o.replace(/[-_]/g, " ").replace(/\b\w/g, (m) => m.toUpperCase()) : o).join(" › ");
+  return r.length === 0 ? "Home" : r.map((o, i) => i === 0 ? o.replace(/[-_]/g, " ").replace(/\b\w/g, (p) => p.toUpperCase()) : o).join(" › ");
 }
-function dl({
+function hl({
   onClose: n,
   onCreated: s
 }) {
-  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");
+  const l = ue(), [r, o] = T(""), [i, p] = T(""), [d, x] = T(/* @__PURE__ */ new Map()), { users: f } = Bt(r, !0), u = dr(), b = (y) => [y.first_name, y.last_name].filter(Boolean).join(" ") || (y.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(
@@ -2915,7 +2931,7 @@ function dl({
       ),
       /* @__PURE__ */ e("p", { className: "text-[13px] font-semibold text-slate-800 dark:text-slate-100", children: "New group conversation" })
     ] }),
-    d.size > 0 && /* @__PURE__ */ e("div", { className: "mb-2 flex flex-wrap gap-1", children: [...d.entries()].map(([v, U]) => /* @__PURE__ */ a(
+    d.size > 0 && /* @__PURE__ */ e("div", { className: "mb-2 flex flex-wrap gap-1", children: [...d.entries()].map(([y, U]) => /* @__PURE__ */ a(
       "span",
       {
         className: g(
@@ -2928,57 +2944,57 @@ function dl({
             "button",
             {
               type: "button",
-              onClick: () => b(($) => {
-                const C = new Map($);
-                return C.delete(v), C;
+              onClick: () => x((A) => {
+                const C = new Map(A);
+                return C.delete(y), C;
               }),
               "aria-label": `Remove ${U}`,
-              children: /* @__PURE__ */ e(mt, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ e(pt, { className: "h-3 w-3" })
             }
           )
         ]
       },
-      v
+      y
     )) }),
     /* @__PURE__ */ e(
       "input",
       {
         value: r,
-        onChange: (v) => o(v.target.value),
+        onChange: (y) => o(y.target.value),
         placeholder: "Find people…",
         className: g("mb-1.5 h-8 rounded-md border px-2.5 text-[12.5px] outline-none", l.input),
         "aria-label": "Find people",
         autoFocus: !0
       }
     ),
-    /* @__PURE__ */ e("div", { className: "min-h-0 flex-1 overflow-y-auto", children: f.map((v) => {
-      const U = d.has(v.id);
+    /* @__PURE__ */ e("div", { className: "min-h-0 flex-1 overflow-y-auto", children: f.map((y) => {
+      const U = d.has(y.id);
       return /* @__PURE__ */ a(
         "button",
         {
           type: "button",
-          onClick: () => b(($) => {
-            const C = new Map($);
-            return U ? C.delete(v.id) : C.set(v.id, x(v)), C;
+          onClick: () => x((A) => {
+            const C = new Map(A);
+            return U ? C.delete(y.id) : C.set(y.id, b(y)), C;
           }),
           className: g(
             "flex w-full items-center gap-2 rounded-lg px-2.5 py-1.5 text-left text-[12.5px] transition-colors",
             U ? l.accentSoft : "hover:bg-slate-50 dark:hover:bg-muted/50"
           ),
           children: [
-            /* @__PURE__ */ e(K, { id: v.id, name: x(v), size: 22 }),
-            /* @__PURE__ */ e("span", { className: "truncate", children: x(v) }),
-            U && /* @__PURE__ */ e(Ot, { className: "ml-auto h-3.5 w-3.5 shrink-0" })
+            /* @__PURE__ */ e(Q, { id: y.id, name: b(y), size: 22 }),
+            /* @__PURE__ */ e("span", { className: "truncate", children: b(y) }),
+            U && /* @__PURE__ */ e(Lt, { className: "ml-auto h-3.5 w-3.5 shrink-0" })
           ]
         },
-        v.id
+        y.id
       );
     }) }),
     /* @__PURE__ */ e(
       "input",
       {
         value: i,
-        onChange: (v) => m(v.target.value),
+        onChange: (y) => p(y.target.value),
         placeholder: "Group name (optional)",
         className: g(
           "mb-2 mt-1.5 h-8 rounded-md border px-2.5 text-[12.5px] outline-none",
@@ -2991,36 +3007,36 @@ function dl({
       "button",
       {
         type: "button",
-        disabled: d.size === 0 || p.isPending,
-        onClick: () => p.mutate(
+        disabled: d.size === 0 || u.isPending,
+        onClick: () => u.mutate(
           { user_ids: [...d.keys()], name: i.trim() || void 0 },
-          { onSuccess: (v) => s(v.room, v.name) }
+          { onSuccess: (y) => s(y.room, y.name) }
         ),
         className: g(
           "flex h-9 items-center justify-center rounded-lg text-[12.5px] font-semibold transition-[filter] hover:brightness-110 disabled:opacity-40",
           l.action
         ),
-        children: p.isPending ? "Creating…" : `Start conversation${d.size ? ` (${d.size + 1})` : ""}`
+        children: u.isPending ? "Creating…" : `Start conversation${d.size ? ` (${d.size + 1})` : ""}`
       }
     )
   ] });
 }
-const Rt = "nvr-chat-pinned", St = 400;
-function ul() {
+const Rt = "nvr-chat-pinned", Tt = 400;
+function fl() {
   try {
     return typeof window < "u" && window.localStorage.getItem(Rt) === "1";
   } catch {
     return !1;
   }
 }
-function ml() {
+function xl() {
   const n = "(min-width: 1024px)", [s, l] = T(
     () => {
       var r;
       return typeof window < "u" && !!((r = window.matchMedia) != null && r.call(window, n).matches);
     }
   );
-  return X(() => {
+  return ae(() => {
     var i;
     const r = (i = window.matchMedia) == null ? void 0 : i.call(window, n);
     if (!r) return;
@@ -3028,7 +3044,7 @@ function ml() {
     return r.addEventListener("change", o), () => r.removeEventListener("change", o);
   }, []), s;
 }
-function mo({
+function bo({
   open: n,
   onClose: s,
   renderMessageBody: l,
@@ -3036,104 +3052,104 @@ function mo({
   requestedRoom: o
 }) {
   var Ce;
-  const i = Le(), m = de(), d = i.me, [b, f] = T(ul), p = ml(), x = b && p, v = () => {
-    const k = !b;
+  const i = Le(), p = ue(), d = i.me, [x, f] = T(fl), u = xl(), b = x && u, y = () => {
+    const k = !x;
     f(k);
     try {
       k ? window.localStorage.setItem(Rt, "1") : window.localStorage.removeItem(Rt);
     } catch {
     }
   };
-  X(() => {
-    if (!n || !x) return;
+  ae(() => {
+    if (!n || !b) return;
     const k = document.body, M = k.style.paddingRight;
-    k.style.paddingRight = `${St}px`, k.dataset.nvrChatPinned = "1";
+    k.style.paddingRight = `${Tt}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: ${St}px; }`, document.head.appendChild(P), () => {
+body[data-nvr-chat-pinned] [data-nvr-dock-aware] { margin-right: ${Tt}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 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) => {
+  }, [n, b]);
+  const [U, A] = T("online"), [C, S] = T(null), [B, $] = T(null), v = (k, M, P) => {
+    const V = ee.find(($e) => $e.room === k);
+    F(!1), S({ room: k, label: (V == null ? void 0 : V.label) ?? M, channel: V == null ? void 0 : V.channel, anchor: P });
+  }, [q, J] = T(!1), [G, F] = T(!1), [O, K] = T(null), { rooms: ee, totalUnread: Y } = aa(), te = sa(U === "archived"), oe = (k, M, P) => {
     var $e, _;
     if (!M) return [{ key: "all", label: null, users: k }];
-    const Y = /* @__PURE__ */ new Map();
+    const V = /* @__PURE__ */ new Map();
     for (const I of k) {
-      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]);
+      const j = P.get(String(I.user_id).toUpperCase()), ie = M === "__role__" ? [Wn((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"], ne = [...new Set(ie)].sort((X, z) => X.localeCompare(z)).join(", ");
+      V.set(ne, [...V.get(ne) ?? [], I]);
     }
-    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(
+    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, me] = 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 = ve(
-    () => le(L, ae, c.byUser),
+  ) : [], m = ve(
+    () => oe(L, se, c.byUser),
     // biome-ignore lint/correctness/useExhaustiveDependencies: builder is pure
-    [L, ae, c.byUser]
-  ), { isAdmin: J } = pt(), { navigate: Ue } = vs(), he = (k) => {
+    [L, se, c.byUser]
+  ), { isAdmin: Z } = ht(), { 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),
+    d && (A("chat"), S({ room: Mt(d.id, k.user_id), label: k.display_name ?? "Direct message" }));
+  }, Ne = de(0);
+  ae(() => {
+    !r || !d || r.nonce === Ne.current || (Ne.current = r.nonce, A("chat"), F(!1), S({
+      room: Mt(d.id, r.userId),
       label: r.name ?? "Direct message"
     }));
   }, [r, d]);
-  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 }));
+  const De = de(0);
+  return ae(() => {
+    !o || o.nonce === De.current || (De.current = o.nonce, A("chat"), F(!1), S({ room: o.room, label: o.label ?? o.room }));
   }, [o]), n ? /* @__PURE__ */ a(
     "div",
     {
-      className: x ? (
+      className: b ? (
         // 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: St } : void 0,
-      onClick: x ? void 0 : s,
+      style: b ? { width: Tt } : void 0,
+      onClick: b ? void 0 : s,
       "data-chat-panel": !0,
       "data-nvr-recording-hide": !0,
-      "data-chat-pinned": x ? "1" : void 0,
+      "data-chat-pinned": b ? "1" : void 0,
       children: [
-        /* @__PURE__ */ e(On, {}),
+        /* @__PURE__ */ e(Rn, {}),
         /* @__PURE__ */ a(
           "aside",
           {
             className: g(
               "pointer-events-auto absolute right-0 top-0 flex h-full w-full flex-col border-l",
-              x ? "max-w-none" : "max-w-[400px] shadow-2xl animate-in slide-in-from-right duration-200",
-              m.surface,
+              b ? "max-w-none" : "max-w-[400px] shadow-2xl animate-in slide-in-from-right duration-200",
+              p.surface,
               "border-slate-200 dark:border-border"
             ),
             onClick: (k) => k.stopPropagation(),
             "aria-label": "Team",
             children: [
-              /* @__PURE__ */ a("div", { className: g("flex shrink-0 items-center gap-2 border-b px-3.5 py-2.5", m.divider), children: [
+              /* @__PURE__ */ a("div", { className: g("flex shrink-0 items-center gap-2 border-b px-3.5 py-2.5", p.divider), children: [
                 /* @__PURE__ */ e("div", { className: "flex gap-0.5 rounded-lg border border-slate-200 p-0.5 dark:border-border", children: ["online", "chat", "browse", "archived"].map((k) => /* @__PURE__ */ a(
                   "button",
                   {
                     type: "button",
-                    onClick: () => $(k),
+                    onClick: () => A(k),
                     "data-tip": k === "archived" ? "Conversations you archived for yourself. Everyone else still sees them." : void 0,
                     className: g(
                       "flex items-center gap-1.5 rounded-md px-2.5 py-1 text-[12px] font-medium transition-colors",
-                      U === k ? m.accentSoft : "text-slate-500 hover:text-slate-700 dark:hover:text-slate-300"
+                      U === k ? p.accentSoft : "text-slate-500 hover:text-slate-700 dark:hover:text-slate-300"
                     ),
                     children: [
                       k === "online" ? `Online · ${L.length}` : k === "chat" ? "Chat" : k === "browse" ? "Browse" : "Archived",
-                      k === "chat" && te > 0 && /* @__PURE__ */ e(
+                      k === "chat" && Y > 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
+                            p.pill
                           ),
-                          title: `${te} unread`,
-                          children: te > 99 ? "99+" : te
+                          title: `${Y} unread`,
+                          children: Y > 99 ? "99+" : Y
                         }
                       )
                     ]
@@ -3144,16 +3160,16 @@ body[data-nvr-chat-pinned] [data-nvr-dock-aware] { margin-right: ${St}px; }`, do
                   "button",
                   {
                     type: "button",
-                    onClick: v,
-                    "aria-pressed": b,
-                    title: b ? "Unpin — go back to opening chat over the page" : "Pin — keep chat open beside the page while you work",
-                    "aria-label": b ? "Unpin chat panel" : "Pin chat panel",
+                    onClick: y,
+                    "aria-pressed": x,
+                    title: x ? "Unpin — go back to opening chat over the page" : "Pin — keep chat open beside the page while you work",
+                    "aria-label": x ? "Unpin chat panel" : "Pin chat panel",
                     className: g(
                       "ml-auto hidden rounded-md p-1.5 transition-colors lg:flex",
-                      b ? m.accentSoft : "text-slate-400 hover:bg-slate-100 hover:text-slate-600 dark:hover:bg-white/10 dark:hover:text-slate-100"
+                      x ? p.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(Ha, { className: "h-4 w-4", strokeWidth: 2 }) : /* @__PURE__ */ e(Ut, { className: "h-4 w-4", strokeWidth: 2 })
+                    "data-chat-pin": x ? "on" : "off",
+                    children: x ? /* @__PURE__ */ e(Ha, { className: "h-4 w-4", strokeWidth: 2 }) : /* @__PURE__ */ e(Dt, { className: "h-4 w-4", strokeWidth: 2 })
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -3163,7 +3179,7 @@ body[data-nvr-chat-pinned] [data-nvr-dock-aware] { margin-right: ${St}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(mt, { className: "h-4 w-4", strokeWidth: 2 })
+                    children: /* @__PURE__ */ e(pt, { className: "h-4 w-4", strokeWidth: 2 })
                   }
                 )
               ] }),
@@ -3174,21 +3190,21 @@ body[data-nvr-chat-pinned] [data-nvr-dock-aware] { margin-right: ${St}px; }`, do
                   "data-chat-online": !0,
                   children: [
                     /* @__PURE__ */ e(
-                      cl,
+                      pl,
                       {
                         myStatus: d ? ((Ce = c.byUser.get(String(d.id).toUpperCase())) == null ? void 0 : Ce.custom_status) ?? null : null
                       }
                     ),
-                    /* @__PURE__ */ e(il, {}),
+                    /* @__PURE__ */ e(ml, {}),
                     /* @__PURE__ */ e(Us, {}),
                     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(
-                        It,
+                        jt,
                         {
-                          value: ae,
+                          value: se,
                           onChange: (k) => {
-                            ue(k);
+                            me(k);
                             try {
                               localStorage.setItem("nvr_chat_group_by", k);
                             } catch {
@@ -3204,27 +3220,27 @@ body[data-nvr-chat-pinned] [data-nvr-dock-aware] { margin-right: ${St}px; }`, do
                         }
                       )
                     ] }),
-                    L.length === 0 ? /* @__PURE__ */ e("p", { className: "px-3 py-8 text-center text-[12px] text-slate-400", children: "No one else is online right now." }) : u.map((k) => /* @__PURE__ */ a("div", { "data-chat-online-group": k.key, children: [
+                    L.length === 0 ? /* @__PURE__ */ e("p", { className: "px-3 py-8 text-center text-[12px] text-slate-400", children: "No one else is online right now." }) : m.map((k) => /* @__PURE__ */ a("div", { "data-chat-online-group": k.key, children: [
                       k.label !== null && /* @__PURE__ */ a("div", { className: "sticky top-0 z-[1] flex items-center gap-1.5 bg-white px-2 py-1 text-[10.5px] font-semibold uppercase tracking-wide text-slate-400 dark:bg-card", children: [
                         k.label,
                         /* @__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()), Y = (P == null ? void 0 : P.is_idle) ?? M.is_idle, $e = P ?? M;
+                        const P = c.byUser.get(String(M.user_id).toUpperCase()), V = (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(Pt, { userId: M.user_id, children: /* @__PURE__ */ e(
+                              /* @__PURE__ */ e(It, { 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(K, { id: M.user_id, name: M.display_name })
+                                  children: /* @__PURE__ */ e(Q, { id: M.user_id, name: M.display_name })
                                 }
                               ) }),
                               /* @__PURE__ */ a(
@@ -3238,18 +3254,18 @@ body[data-nvr-chat-pinned] [data-nvr-dock-aware] { margin-right: ${St}px; }`, do
                                     /* @__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",
-                                        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(
+                                        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" : At($e) }),
+                                        !V && (P == null ? void 0 : P.stuck) && (() => {
+                                          const _ = P.stuck, I = c.fields.includes("page"), j = $n(
                                             P.current_path,
                                             P.app,
                                             c.adminUrl,
                                             i.recordUrl,
                                             typeof window > "u" ? null : window.location.origin
-                                          ), oe = `${Rn(_)} — at the keyboard, on the same page, nothing saved for ten minutes${j ? `
-${Mn(j)}` : ""}`, V = Rn(
+                                          ), ie = `${Mn(_)} — at the keyboard, on the same page, nothing saved for ten minutes${j ? `
+${An(j)}` : ""}`, ne = Mn(
                                             I ? { ..._, label: null } : _
-                                          ), 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";
+                                          ), X = "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 +3273,26 @@ ${Mn(j)}` : ""}`, V = Rn(
                                               {
                                                 role: "link",
                                                 tabIndex: 0,
-                                                className: g(Z, "cursor-pointer hover:underline"),
+                                                className: g(X, "cursor-pointer hover:underline"),
                                                 "data-chat-stuck": _.minutes,
-                                                "data-tip": oe,
-                                                "aria-label": `${V}: open the page`,
-                                                onClick: (G) => {
-                                                  G.stopPropagation(), he(j);
+                                                "data-tip": ie,
+                                                "aria-label": `${ne}: open the page`,
+                                                onClick: (z) => {
+                                                  z.stopPropagation(), he(j);
                                                 },
-                                                onKeyDown: (G) => {
-                                                  (G.key === "Enter" || G.key === " ") && (G.preventDefault(), G.stopPropagation(), he(j));
+                                                onKeyDown: (z) => {
+                                                  (z.key === "Enter" || z.key === " ") && (z.preventDefault(), z.stopPropagation(), he(j));
                                                 },
-                                                children: V
+                                                children: ne
                                               }
                                             )
                                           ) : /* @__PURE__ */ e(
                                             "span",
                                             {
-                                              className: Z,
+                                              className: X,
                                               "data-chat-stuck": _.minutes,
-                                              "data-tip": oe,
-                                              children: V
+                                              "data-tip": ie,
+                                              children: ne
                                             }
                                           );
                                         })(),
@@ -3298,7 +3314,7 @@ ${Mn(j)}` : ""}`, V = Rn(
                                             }
                                           ) : null;
                                         })(),
-                                        J && /* @__PURE__ */ e($s, { builds: P == null ? void 0 : P.stale_build })
+                                        Z && /* @__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;
@@ -3330,53 +3346,53 @@ ${Mn(j)}` : ""}`, V = Rn(
                                       })(),
                                       (() => {
                                         const _ = c.byUser.get(String(M.user_id).toUpperCase()), I = [];
-                                        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;
+                                        let j = null, ie = !1;
+                                        for (const z of c.fields)
+                                          if (z === "role") {
+                                            const re = Wn((_ == null ? void 0 : _.role_name) ?? M.role_name);
+                                            re && I.push(re);
+                                          } else if (z === "scopes") {
+                                            const re = ((_ == null ? void 0 : _.scopes) ?? []).join(", ");
+                                            re && I.push(re);
+                                          } else if (z === "page") {
+                                            const re = (_ == null ? void 0 : _.page) ?? M.page ?? ba((_ == null ? void 0 : _.current_path) ?? M.current_path), fe = (_ == null ? void 0 : _.app) ?? M.app;
+                                            j = (fe ? `${re ?? ""}${re ? " · " : ""}${fe}`.trim() : re) || null, ie = !j && !!_ && !_.away;
                                           }
-                                        const V = I.join(" · "), Z = oe ? /* @__PURE__ */ a(
+                                        const ne = I.join(" · "), X = ie ? /* @__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(Dn, { className: "mt-[2px] h-3 w-3 shrink-0 opacity-60" }),
                                               /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: "Tab in background" })
                                             ]
                                           }
                                         ) : 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(
+                                        return !ne && !j && !X ? /* @__PURE__ */ e("span", { className: "block truncate text-[11px] text-slate-400", children: "Online" }) : /* @__PURE__ */ a(ke, { children: [
+                                          ne && /* @__PURE__ */ e(
                                             "span",
                                             {
                                               className: "block truncate text-[11px] text-slate-400",
                                               "data-chat-online-meta": !0,
-                                              title: V,
-                                              children: V
+                                              title: ne,
+                                              children: ne
                                             }
                                           ),
-                                          Z,
+                                          X,
                                           j && (() => {
-                                            const G = An(
+                                            const z = $n(
                                               _ == null ? void 0 : _.current_path,
                                               _ == null ? void 0 : _.app,
                                               c.adminUrl,
                                               i.recordUrl,
                                               typeof window > "u" ? null : window.location.origin
-                                            ), se = /* @__PURE__ */ a(ke, { children: [
-                                              /* @__PURE__ */ e($n, { className: "mt-[2px] h-3 w-3 shrink-0 text-slate-400" }),
+                                            ), re = /* @__PURE__ */ a(ke, { children: [
+                                              /* @__PURE__ */ e(Dn, { 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 G ? (
+                                            return z ? (
                                               // biome-ignore lint/a11y/useSemanticElements: inside the row's DM button, where a nested <a> is invalid
                                               /* @__PURE__ */ e(
                                                 "span",
@@ -3385,16 +3401,16 @@ ${Mn(j)}` : ""}`, V = Rn(
                                                   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": G,
-                                                  "data-tip": Mn(G),
+                                                  "data-chat-online-page-href": z,
+                                                  "data-tip": An(z),
                                                   "aria-label": `${j}: open the page`,
                                                   onClick: (fe) => {
-                                                    fe.stopPropagation(), he(G);
+                                                    fe.stopPropagation(), he(z);
                                                   },
                                                   onKeyDown: (fe) => {
-                                                    (fe.key === "Enter" || fe.key === " ") && (fe.preventDefault(), fe.stopPropagation(), he(G));
+                                                    (fe.key === "Enter" || fe.key === " ") && (fe.preventDefault(), fe.stopPropagation(), he(z));
                                                   },
-                                                  children: se
+                                                  children: re
                                                 }
                                               )
                                             ) : /* @__PURE__ */ e(
@@ -3403,7 +3419,7 @@ ${Mn(j)}` : ""}`, V = Rn(
                                                 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: se
+                                                children: re
                                               }
                                             );
                                           })()
@@ -3411,21 +3427,21 @@ ${Mn(j)}` : ""}`, V = Rn(
                                       })()
                                     ] }),
                                     (() => {
-                                      var V;
+                                      var ne;
                                       const _ = c.byUser.get(String(M.user_id).toUpperCase());
-                                      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(
+                                      if (!Z || !(_ != null && _.recording_id)) return null;
+                                      const I = ((ne = c.adminUrl) == null ? void 0 : ne.replace(/\/$/, "")) ?? "", j = !!I && (typeof window > "u" || new URL(I, window.location.origin).origin !== window.location.origin), ie = i.sessionUrl ? i.sessionUrl(_.recording_id, String(M.user_id)) : j ? `${I}/session-replays?recording=${_.recording_id}` : null;
+                                      return ie ? /* @__PURE__ */ e(
                                         "span",
                                         {
                                           role: "link",
                                           tabIndex: 0,
                                           title: "Watch this session",
-                                          onClick: (Z) => {
-                                            Z.stopPropagation(), he(oe);
+                                          onClick: (X) => {
+                                            X.stopPropagation(), he(ie);
                                           },
-                                          onKeyDown: (Z) => {
-                                            (Z.key === "Enter" || Z.key === " ") && (Z.stopPropagation(), he(oe));
+                                          onKeyDown: (X) => {
+                                            (X.key === "Enter" || X.key === " ") && (X.stopPropagation(), he(ie));
                                           },
                                           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(Qa, { className: "h-4 w-4", strokeWidth: 1.8 })
@@ -3433,7 +3449,7 @@ ${Mn(j)}` : ""}`, V = Rn(
                                       ) : null;
                                     })(),
                                     /* @__PURE__ */ e(
-                                      Qn,
+                                      Gn,
                                       {
                                         className: "h-4 w-4 shrink-0 text-slate-300",
                                         strokeWidth: 1.8
@@ -3450,52 +3466,52 @@ ${Mn(j)}` : ""}`, V = Rn(
                     ] }, k.key))
                   ]
                 }
-              ) : U === "archived" ? H ? /* @__PURE__ */ e(
-                Bn,
+              ) : U === "archived" ? O ? /* @__PURE__ */ e(
+                En,
                 {
-                  room: H.room,
-                  label: H.label,
-                  onBack: () => ee(null),
+                  room: O.room,
+                  label: O.label,
+                  onBack: () => K(null),
                   renderMessageBody: l
                 },
-                H.room
+                O.room
               ) : /* @__PURE__ */ e(
-                Hn,
+                zn,
                 {
-                  rooms: ne.rooms,
-                  loading: ne.loading,
+                  rooms: te.rooms,
+                  loading: te.loading,
                   archivedView: !0,
-                  onOpen: (k) => ee({ room: k.room, label: k.label })
+                  onOpen: (k) => K({ room: k.room, label: k.label })
                 }
               ) : U === "browse" ? (
                 // The tab is checked BEFORE the open room: leaving it last meant
                 // switching to Browse with a conversation open kept showing that
                 // conversation (or its settings) under the Browse tab.
                 /* @__PURE__ */ e(
-                  ll,
+                  dl,
                   {
                     onOpen: (k, M, P) => {
-                      F(!1), S({ room: k, label: M, channel: P }), $("chat");
+                      F(!1), S({ room: k, label: M, channel: P }), A("chat");
                     }
                   }
                 )
               ) : q ? /* @__PURE__ */ e(
-                dl,
+                hl,
                 {
-                  onClose: () => A(!1),
+                  onClose: () => J(!1),
                   onCreated: (k, M) => {
-                    A(!1), S({ room: k, label: M });
+                    J(!1), S({ room: k, label: M });
                   }
                 }
-              ) : C && W && C.channel ? /* @__PURE__ */ e(
-                al,
+              ) : C && G && C.channel ? /* @__PURE__ */ e(
+                ol,
                 {
                   channel: C.channel,
                   label: C.label,
                   onBack: () => F(!1)
                 }
               ) : C ? /* @__PURE__ */ e(
-                Bn,
+                En,
                 {
                   room: C.room,
                   label: C.label,
@@ -3506,28 +3522,28 @@ ${Mn(j)}` : ""}`, V = Rn(
                   anchor: C.anchor ?? null
                 },
                 C.room
-              ) : E === "mentions" ? /* @__PURE__ */ e(Yn, { th: m, onBack: () => R(null), onOpen: y }) : E === "scheduled" ? /* @__PURE__ */ e(
-                Zn,
+              ) : B === "mentions" ? /* @__PURE__ */ e(Jn, { th: p, onBack: () => $(null), onOpen: v }) : B === "scheduled" ? /* @__PURE__ */ e(
+                Yn,
                 {
-                  th: m,
-                  onBack: () => R(null),
+                  th: p,
+                  onBack: () => $(null),
                   roomLabel: (k) => {
                     var M;
-                    return ((M = pe.find((P) => P.room === k)) == null ? void 0 : M.label) ?? k;
+                    return ((M = ee.find((P) => P.room === k)) == null ? void 0 : M.label) ?? k;
                   }
                 }
-              ) : E === "catchup" ? /* @__PURE__ */ e(
-                Vn,
+              ) : B === "catchup" ? /* @__PURE__ */ e(
+                Zn,
                 {
-                  rooms: pe,
-                  th: m,
-                  onBack: () => R(null),
-                  onOpen: y
+                  rooms: ee,
+                  th: p,
+                  onBack: () => $(null),
+                  onOpen: v
                 }
               ) : /* @__PURE__ */ e(
-                Hn,
+                zn,
                 {
-                  rooms: pe,
+                  rooms: ee,
                   onOpen: (k, M) => {
                     F(!1), S({
                       room: k.room,
@@ -3537,8 +3553,8 @@ ${Mn(j)}` : ""}`, V = Rn(
                       anchor: M
                     });
                   },
-                  onNewGroup: () => A(!0),
-                  onView: R
+                  onNewGroup: () => J(!0),
+                  onView: $
                 }
               )
             ]
@@ -3546,16 +3562,16 @@ ${Mn(j)}` : ""}`, V = Rn(
         )
       ]
     }
-  ) : /* @__PURE__ */ e(On, {});
+  ) : /* @__PURE__ */ e(Rn, {});
 }
 export {
-  il as ChatAppearAwayRow,
-  ll as ChatChannelBrowser,
-  al as ChatChannelSettings,
-  mo as ChatPanel,
-  co as ChatProvider,
-  Hn as ChatRoomList,
-  Bn as ChatRoomView,
-  uo as ChatSideView,
-  ul as isChatPanelPinned
+  ml as ChatAppearAwayRow,
+  dl as ChatChannelBrowser,
+  ol as ChatChannelSettings,
+  bo as ChatPanel,
+  fo as ChatProvider,
+  zn as ChatRoomList,
+  En as ChatRoomView,
+  xo as ChatSideView,
+  fl as isChatPanelPinned
 };