@nivaro/react 0.3.24 → 0.3.25

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

@@ -1,39 +1,40 @@
-import { jsxs as r, jsx as e, Fragment as C } from "react/jsx-runtime";
-import { Users as O, Link2 as j, ChevronLeft as D, Sparkles as R, Pin as B, X as E, FileText as G, ExternalLink as H } from "lucide-react";
-import { useState as g, useRef as Q, useEffect as V } from "react";
-import { useNivaroClient as Y } from "../../context.js";
-import { cn as m, formatFileSize as q, formatRelative as P } from "../../lib/utils.js";
-import { Popover as J, PopoverTrigger as X, PopoverContent as K } from "../ui/popover.js";
-import { openDmWith as Z, useChatThread as A, canOpenDm as ee } from "./chat-core.js";
-import { useRoomInfo as W, useRoomSummary as F, useRoomShared as te } from "./chat-hooks.js";
-function oe({
-  room: d,
+import { jsxs as r, jsx as e, Fragment as _ } from "react/jsx-runtime";
+import { Users as P, Link2 as B, ChevronLeft as R, Sparkles as F, Pin as E, X as G, FileText as H, ExternalLink as Q } from "lucide-react";
+import { useState as g, useRef as V, useEffect as Y } from "react";
+import { useNivaroClient as q } from "../../context.js";
+import { safeLinkKind as C } from "../../lib/safe-href.js";
+import { cn as m, formatFileSize as J, formatRelative as D } from "../../lib/utils.js";
+import { Popover as K, PopoverTrigger as X, PopoverContent as Z } from "../ui/popover.js";
+import { openDmWith as A, useChatThread as ee, canOpenDm as te } from "./chat-core.js";
+import { useRoomInfo as I, useRoomSummary as U, useRoomShared as ae } from "./chat-hooks.js";
+function xe({
+  room: i,
   rootId: l,
-  th: s,
-  onClose: i,
+  th: n,
+  onClose: d,
   renderRow: o,
   renderComposer: x,
-  renderOutbox: n
+  renderOutbox: s
 }) {
-  const { root: u, replies: h, loading: y } = A(d, l), a = F(), [c, k] = g(null), b = Q(null);
-  return V(() => {
+  const { root: u, replies: h, loading: y } = ee(i, l), a = U(), [c, k] = g(null), b = V(null);
+  return Y(() => {
     var p;
     (p = b.current) == null || p.scrollIntoView({ block: "end" });
   }, [h.length]), /* @__PURE__ */ r(
     "div",
     {
-      className: m("absolute inset-0 z-20 flex min-h-0 flex-col", s.surface),
+      className: m("absolute inset-0 z-20 flex min-h-0 flex-col", n.surface),
       "data-chat-thread": l,
       children: [
-        /* @__PURE__ */ r("div", { className: m("flex shrink-0 items-center gap-2 border-b px-3 py-2", s.divider), children: [
+        /* @__PURE__ */ r("div", { className: m("flex shrink-0 items-center gap-2 border-b px-3 py-2", n.divider), children: [
           /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: i,
+              onClick: d,
               className: "rounded-md p-1 text-slate-400 hover:bg-slate-100 hover:text-slate-600 dark:hover:bg-white/10 dark:hover:text-slate-100",
               "aria-label": "Back to the conversation",
-              children: /* @__PURE__ */ e(D, { className: "h-4 w-4", strokeWidth: 2 })
+              children: /* @__PURE__ */ e(R, { className: "h-4 w-4", strokeWidth: 2 })
             }
           ),
           /* @__PURE__ */ r("p", { className: "flex-1 text-[13px] font-semibold text-slate-800 dark:text-slate-100", children: [
@@ -50,16 +51,16 @@ function oe({
               type: "button",
               disabled: a.isPending,
               onClick: () => a.mutate(
-                { room: d, thread: l },
+                { room: i, thread: l },
                 { onSuccess: (p) => k(p.summary ?? "Not enough to summarize yet.") }
               ),
               className: m(
                 "flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] font-medium hover:bg-slate-100 disabled:opacity-50 dark:hover:bg-muted",
-                s.accentText
+                n.accentText
               ),
               "data-chat-thread-summarize": !0,
               children: [
-                /* @__PURE__ */ e(R, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ e(F, { className: "h-3.5 w-3.5" }),
                 a.isPending ? "Summarizing…" : "Summarize"
               ]
             }
@@ -70,16 +71,16 @@ function oe({
           {
             className: m(
               "shrink-0 border-b px-3 py-2 text-[11.5px] leading-snug text-slate-700 dark:text-slate-200",
-              s.divider
+              n.divider
             ),
             children: c
           }
         ),
         /* @__PURE__ */ r("div", { className: "min-h-0 flex-1 space-y-2.5 overflow-y-auto px-3 py-3", children: [
-          y ? /* @__PURE__ */ e("p", { className: "py-6 text-center text-[12px] text-slate-500", children: "Loading…" }) : /* @__PURE__ */ r(C, { children: [
-            u && /* @__PURE__ */ e("div", { className: m("border-b pb-2.5", s.divider), children: o(u, { inThread: !0 }) }),
+          y ? /* @__PURE__ */ e("p", { className: "py-6 text-center text-[12px] text-slate-500", children: "Loading…" }) : /* @__PURE__ */ r(_, { children: [
+            u && /* @__PURE__ */ e("div", { className: m("border-b pb-2.5", n.divider), children: o(u, { inThread: !0 }) }),
             h.map((p) => /* @__PURE__ */ e("div", { children: o(p, { inThread: !0 }) }, p.id)),
-            n(l)
+            s(l)
           ] }),
           /* @__PURE__ */ e("div", { ref: b })
         ] }),
@@ -88,67 +89,67 @@ function oe({
     }
   );
 }
-function me({
-  description: d,
+function he({
+  description: i,
   links: l,
-  th: s,
-  navigate: i
+  th: n,
+  navigate: d
 }) {
   const [o, x] = g(!1);
-  return !d && !(l != null && l.length) ? null : /* @__PURE__ */ r("div", { className: m("shrink-0 border-b px-3 py-1.5", s.divider), "data-chat-channel-intro": !0, children: [
+  return !i && !(l != null && l.length) ? null : /* @__PURE__ */ r("div", { className: m("shrink-0 border-b px-3 py-1.5", n.divider), "data-chat-channel-intro": !0, children: [
     /* @__PURE__ */ r("div", { className: "flex items-start gap-2", children: [
-      d && /* @__PURE__ */ e(
+      i && /* @__PURE__ */ e(
         "p",
         {
           className: m(
             "min-w-0 flex-1 text-[11.5px] leading-snug text-slate-600 dark:text-slate-300",
             !o && "line-clamp-1"
           ),
-          children: d
+          children: i
         }
       ),
-      d && d.length > 80 && /* @__PURE__ */ e(
+      i && i.length > 80 && /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          onClick: () => x((n) => !n),
+          onClick: () => x((s) => !s),
           className: "shrink-0 text-[11px] font-medium text-slate-500 hover:text-slate-800 dark:hover:text-slate-100",
           children: o ? "Less" : "More"
         }
       )
     ] }),
-    !!(l != null && l.length) && /* @__PURE__ */ e("div", { className: "mt-1 flex flex-wrap gap-1.5", children: l.map((n) => /* @__PURE__ */ r(
+    !!(l != null && l.length) && /* @__PURE__ */ e("div", { className: "mt-1 flex flex-wrap gap-1.5", children: l.filter((s) => C(s.url) !== null).map((s) => /* @__PURE__ */ r(
       "a",
       {
-        href: n.url,
-        target: n.url.startsWith("/") ? void 0 : "_blank",
+        href: s.url,
+        target: C(s.url) === "internal" ? void 0 : "_blank",
         rel: "noopener noreferrer",
         onClick: (u) => {
-          n.url.startsWith("/") && i && (u.preventDefault(), i(n.url));
+          C(s.url) === "internal" && d && (u.preventDefault(), d(s.url));
         },
         className: "inline-flex max-w-[200px] items-center gap-1 rounded-full border border-slate-200 bg-white px-2 py-0.5 text-[11px] text-slate-700 hover:border-slate-300 dark:border-border dark:bg-card dark:text-slate-200",
         "data-chat-channel-link": !0,
         children: [
-          /* @__PURE__ */ e(j, { className: "h-3 w-3 shrink-0 opacity-60" }),
-          /* @__PURE__ */ e("span", { className: "truncate", children: n.label })
+          /* @__PURE__ */ e(B, { className: "h-3 w-3 shrink-0 opacity-60" }),
+          /* @__PURE__ */ e("span", { className: "truncate", children: s.label })
         ]
       },
-      n.url
+      s.url
     )) })
   ] });
 }
-function xe({
-  note: d,
+function pe({
+  note: i,
   channelName: l,
-  onDismiss: s,
-  th: i
+  onDismiss: n,
+  th: d
 }) {
   return /* @__PURE__ */ e(
     "div",
     {
       className: m(
         "mx-3 mt-3 rounded-xl border px-3 py-2.5",
-        i.divider,
+        d.divider,
         "bg-slate-50 dark:bg-muted/40"
       ),
       "data-chat-welcome": !0,
@@ -158,13 +159,13 @@ function xe({
             "Welcome to ",
             l
           ] }),
-          /* @__PURE__ */ e("p", { className: "mt-0.5 whitespace-pre-wrap text-[11.5px] leading-snug text-slate-600 dark:text-slate-300", children: d })
+          /* @__PURE__ */ e("p", { className: "mt-0.5 whitespace-pre-wrap text-[11.5px] leading-snug text-slate-600 dark:text-slate-300", children: i })
         ] }),
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: s,
+            onClick: n,
             className: "shrink-0 rounded-md px-2 py-1 text-[11px] font-medium text-slate-600 hover:bg-white dark:text-slate-300 dark:hover:bg-card",
             "data-chat-welcome-dismiss": !0,
             children: "Got it"
@@ -174,20 +175,20 @@ function xe({
     }
   );
 }
-function he({
-  onJump: d,
+function ue({
+  onJump: i,
   onDone: l
 }) {
-  const [s, i] = g("");
-  return /* @__PURE__ */ r(C, { children: [
+  const [n, d] = g("");
+  return /* @__PURE__ */ r(_, { children: [
     /* @__PURE__ */ e("p", { className: "pb-1.5 text-[12px] font-semibold text-slate-800 dark:text-slate-100", children: "Jump to a date" }),
     /* @__PURE__ */ e(
       "input",
       {
         type: "date",
-        value: s,
+        value: n,
         max: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10),
-        onChange: (o) => i(o.target.value),
+        onChange: (o) => d(o.target.value),
         className: "h-8 w-full rounded-md border border-slate-200 bg-white px-2 text-[12px] outline-none dark:border-border dark:bg-background dark:text-slate-100",
         "aria-label": "Date"
       }
@@ -201,8 +202,8 @@ function he({
       {
         type: "button",
         onClick: () => {
-          const n = new Date(Date.now() - x * 864e5);
-          n.setHours(0, 0, 0, 0), d(n.toISOString()), l == null || l();
+          const s = new Date(Date.now() - x * 864e5);
+          s.setHours(0, 0, 0, 0), i(s.toISOString()), l == null || l();
         },
         className: "flex-1 rounded-md border border-slate-200 px-1 py-1 text-[10.5px] text-slate-600 hover:bg-muted dark:border-border dark:text-slate-300",
         children: o
@@ -213,10 +214,10 @@ function he({
       "button",
       {
         type: "button",
-        disabled: !s,
+        disabled: !n,
         onClick: () => {
-          const [o, x, n] = s.split("-").map(Number);
-          d(new Date(o, x - 1, n).toISOString()), l == null || l();
+          const [o, x, s] = n.split("-").map(Number);
+          i(new Date(o, x - 1, s).toISOString()), l == null || l();
         },
         className: "mt-2 h-8 w-full rounded-md bg-nvr-cyan text-[12px] font-medium text-white disabled:opacity-40",
         children: "Go"
@@ -224,30 +225,30 @@ function he({
     )
   ] });
 }
-function pe({
-  room: d,
+function be({
+  room: i,
   label: l,
-  th: s,
-  pins: i,
+  th: n,
+  pins: d,
   onClose: o,
   onOpenMessage: x,
-  renderAvatar: n,
+  renderAvatar: s,
   onUnpin: u,
   navigate: h
 }) {
-  const y = Y(), a = W(d), [c, k] = g("members"), b = te(d, c === "files" || c === "links"), [p, I] = g(""), w = p.trim().toLowerCase(), _ = w ? b.files.filter((t) => `${t.name} ${t.sender_name ?? ""}`.toLowerCase().includes(w)) : b.files, $ = w ? b.links.filter((t) => `${t.url} ${t.sender_name ?? ""}`.toLowerCase().includes(w)) : b.links, v = F(), [S, U] = g(""), [L, z] = g(null), M = [
+  const y = q(), a = I(i), [c, k] = g("members"), b = ae(i, c === "files" || c === "links"), [p, M] = g(""), w = p.trim().toLowerCase(), $ = w ? b.files.filter((t) => `${t.name} ${t.sender_name ?? ""}`.toLowerCase().includes(w)) : b.files, L = w ? b.links.filter((t) => `${t.url} ${t.sender_name ?? ""}`.toLowerCase().includes(w)) : b.links, v = U(), [S, W] = g(""), [z, T] = g(null), j = [
     ["members", `Members${a ? ` · ${a.member_count}` : ""}`],
-    ["pinned", `Pinned${i.length ? ` · ${i.length}` : ""}`],
+    ["pinned", `Pinned${d.length ? ` · ${d.length}` : ""}`],
     ["files", `Files${a != null && a.file_count ? ` · ${a.file_count}` : ""}`],
     ["links", "Links"]
   ];
   return /* @__PURE__ */ r(
     "div",
     {
-      className: m("absolute inset-0 z-20 flex min-h-0 flex-col", s.surface),
+      className: m("absolute inset-0 z-20 flex min-h-0 flex-col", n.surface),
       "data-chat-room-info": !0,
       children: [
-        /* @__PURE__ */ r("div", { className: m("flex shrink-0 items-center gap-2 border-b px-3 py-2", s.divider), children: [
+        /* @__PURE__ */ r("div", { className: m("flex shrink-0 items-center gap-2 border-b px-3 py-2", n.divider), children: [
           /* @__PURE__ */ e(
             "button",
             {
@@ -255,7 +256,7 @@ function pe({
               onClick: o,
               className: "rounded-md p-1 text-slate-400 hover:bg-slate-100 hover:text-slate-600 dark:hover:bg-white/10 dark:hover:text-slate-100",
               "aria-label": "Back to the conversation",
-              children: /* @__PURE__ */ e(D, { className: "h-4 w-4", strokeWidth: 2 })
+              children: /* @__PURE__ */ e(R, { className: "h-4 w-4", strokeWidth: 2 })
             }
           ),
           /* @__PURE__ */ e("p", { className: "min-w-0 flex-1 truncate text-[13px] font-semibold text-slate-800 dark:text-slate-100", children: l })
@@ -266,7 +267,7 @@ function pe({
             {
               className: m(
                 "grid grid-cols-2 gap-x-3 gap-y-2 border-b px-3 py-3 text-[11.5px]",
-                s.divider
+                n.divider
               ),
               children: [
                 /* @__PURE__ */ r("div", { children: [
@@ -291,7 +292,7 @@ function pe({
               ]
             }
           ),
-          /* @__PURE__ */ r("div", { className: m("border-b px-3 py-2.5", s.divider), "data-chat-summarize-range": !0, children: [
+          /* @__PURE__ */ r("div", { className: m("border-b px-3 py-2.5", n.divider), "data-chat-summarize-range": !0, children: [
             /* @__PURE__ */ e("p", { className: "text-[11.5px] font-semibold text-slate-700 dark:text-slate-200", children: "Summarize" }),
             /* @__PURE__ */ r("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: [
               [
@@ -304,11 +305,11 @@ function pe({
                   disabled: v.isPending,
                   onClick: () => v.mutate(
                     {
-                      room: d,
+                      room: i,
                       since: new Date(Date.now() - N * 864e5).toISOString()
                     },
                     {
-                      onSuccess: (f) => z(
+                      onSuccess: (f) => T(
                         f.summary ?? `Only ${f.count} messages — nothing to summarize.`
                       )
                     }
@@ -323,7 +324,7 @@ function pe({
                 {
                   type: "date",
                   value: S,
-                  onChange: (t) => U(t.target.value),
+                  onChange: (t) => W(t.target.value),
                   className: "h-6 rounded-md border border-slate-200 bg-white px-1.5 text-[11px] outline-none dark:border-border dark:bg-background dark:text-slate-100",
                   "aria-label": "Summarize since"
                 }
@@ -336,29 +337,29 @@ function pe({
                   onClick: () => {
                     const [t, N, f] = S.split("-").map(Number);
                     v.mutate(
-                      { room: d, since: new Date(t, N - 1, f).toISOString() },
+                      { room: i, since: new Date(t, N - 1, f).toISOString() },
                       {
-                        onSuccess: (T) => z(
-                          T.summary ?? `Only ${T.count} messages — nothing to summarize.`
+                        onSuccess: (O) => T(
+                          O.summary ?? `Only ${O.count} messages — nothing to summarize.`
                         )
                       }
                     );
                   },
                   className: m(
                     "inline-flex items-center gap-1 text-[11px] font-medium disabled:opacity-40",
-                    s.accentText
+                    n.accentText
                   ),
                   children: [
-                    /* @__PURE__ */ e(R, { className: "h-3 w-3" }),
+                    /* @__PURE__ */ e(F, { className: "h-3 w-3" }),
                     " ",
                     v.isPending ? "Summarizing…" : "Since then"
                   ]
                 }
               )
             ] }),
-            L && /* @__PURE__ */ e("p", { className: "mt-2 text-[11.5px] leading-snug text-slate-700 dark:text-slate-200", children: L })
+            z && /* @__PURE__ */ e("p", { className: "mt-2 text-[11.5px] leading-snug text-slate-700 dark:text-slate-200", children: z })
           ] }),
-          /* @__PURE__ */ e("div", { className: m("flex gap-1 border-b px-2 pt-1.5", s.divider), role: "tablist", children: M.map(([t, N]) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: m("flex gap-1 border-b px-2 pt-1.5", n.divider), role: "tablist", children: j.map(([t, N]) => /* @__PURE__ */ e(
             "button",
             {
               type: "button",
@@ -376,15 +377,15 @@ function pe({
           )) }),
           /* @__PURE__ */ r("div", { className: "px-3 py-2", children: [
             c === "members" && (a != null && a.members.length ? /* @__PURE__ */ e("ul", { className: "space-y-1", children: a.members.map((t) => /* @__PURE__ */ r("li", { className: "flex items-center gap-2 py-0.5", children: [
-              n(t.id, t.name),
+              s(t.id, t.name),
               /* @__PURE__ */ r("span", { className: "min-w-0 flex-1", children: [
                 /* @__PURE__ */ e("span", { className: "block truncate text-[12px] text-slate-800 dark:text-slate-100", children: t.name }),
                 t.title && /* @__PURE__ */ e("span", { className: "block truncate text-[10.5px] text-slate-500", children: t.title })
               ] }),
               t.online && /* @__PURE__ */ e("span", { className: "text-[10.5px] text-emerald-700 dark:text-emerald-400", children: "Online" })
             ] }, t.id)) }) : /* @__PURE__ */ e("p", { className: "py-4 text-center text-[11.5px] text-slate-500", children: a ? "Anyone who can open this room can read it." : "Loading…" })),
-            c === "pinned" && (i.length ? /* @__PURE__ */ e("ul", { className: "space-y-1.5", children: i.map((t) => /* @__PURE__ */ r("li", { className: "flex items-start gap-1.5 text-[11.5px]", children: [
-              /* @__PURE__ */ e(B, { className: "mt-0.5 h-3 w-3 shrink-0 text-slate-400" }),
+            c === "pinned" && (d.length ? /* @__PURE__ */ e("ul", { className: "space-y-1.5", children: d.map((t) => /* @__PURE__ */ r("li", { className: "flex items-start gap-1.5 text-[11.5px]", children: [
+              /* @__PURE__ */ e(E, { className: "mt-0.5 h-3 w-3 shrink-0 text-slate-400" }),
               /* @__PURE__ */ r(
                 "button",
                 {
@@ -407,7 +408,7 @@ function pe({
                   onClick: () => u(t.id),
                   className: "shrink-0 text-slate-400 hover:text-red-500",
                   "aria-label": "Unpin",
-                  children: /* @__PURE__ */ e(E, { className: "h-3 w-3" })
+                  children: /* @__PURE__ */ e(G, { className: "h-3 w-3" })
                 }
               )
             ] }, t.pin_id)) }) : /* @__PURE__ */ e("p", { className: "py-4 text-center text-[11.5px] text-slate-500", children: "Nothing pinned. Hover a message and use the pin to keep it here." })),
@@ -415,19 +416,19 @@ function pe({
               "input",
               {
                 value: p,
-                onChange: (t) => I(t.target.value),
+                onChange: (t) => M(t.target.value),
                 placeholder: c === "files" ? "Search files or people" : "Search links or people",
                 "aria-label": "Search shared items",
                 "data-chat-shared-search": !0,
                 className: "mb-2 h-7 w-full rounded-md border border-slate-200 bg-transparent px-2 text-[11.5px] outline-none focus:border-slate-400 dark:border-slate-700"
               }
             ),
-            c === "files" && (b.loading ? /* @__PURE__ */ e("p", { className: "py-4 text-center text-[11.5px] text-slate-500", children: "Loading…" }) : _.length ? /* @__PURE__ */ e("ul", { className: "space-y-1", children: _.map((t) => /* @__PURE__ */ r(
+            c === "files" && (b.loading ? /* @__PURE__ */ e("p", { className: "py-4 text-center text-[11.5px] text-slate-500", children: "Loading…" }) : $.length ? /* @__PURE__ */ e("ul", { className: "space-y-1", children: $.map((t) => /* @__PURE__ */ r(
               "li",
               {
                 className: "flex items-center gap-2 text-[11.5px]",
                 children: [
-                  /* @__PURE__ */ e(G, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" }),
+                  /* @__PURE__ */ e(H, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" }),
                   /* @__PURE__ */ e(
                     "a",
                     {
@@ -440,8 +441,8 @@ function pe({
                   ),
                   /* @__PURE__ */ r("span", { className: "shrink-0 text-[10.5px] text-slate-500", children: [
                     t.sender_name ? `${t.sender_name} · ` : "",
-                    t.size != null ? `${q(t.size)} · ` : "",
-                    P(t.date_created)
+                    t.size != null ? `${J(t.size)} · ` : "",
+                    D(t.date_created)
                   ] }),
                   /* @__PURE__ */ e(
                     "button",
@@ -456,12 +457,12 @@ function pe({
               },
               `${t.message_id}:${t.file_id}`
             )) }) : /* @__PURE__ */ e("p", { className: "py-4 text-center text-[11.5px] text-slate-500", children: "No files shared here yet." })),
-            c === "links" && (b.loading ? /* @__PURE__ */ e("p", { className: "py-4 text-center text-[11.5px] text-slate-500", children: "Loading…" }) : $.length ? /* @__PURE__ */ e("ul", { className: "space-y-1", children: $.map((t) => /* @__PURE__ */ r(
+            c === "links" && (b.loading ? /* @__PURE__ */ e("p", { className: "py-4 text-center text-[11.5px] text-slate-500", children: "Loading…" }) : L.length ? /* @__PURE__ */ e("ul", { className: "space-y-1", children: L.map((t) => /* @__PURE__ */ r(
               "li",
               {
                 className: "flex items-center gap-2 text-[11.5px]",
                 children: [
-                  /* @__PURE__ */ e(H, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" }),
+                  /* @__PURE__ */ e(Q, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" }),
                   /* @__PURE__ */ e(
                     "a",
                     {
@@ -481,7 +482,7 @@ function pe({
                   ),
                   /* @__PURE__ */ r("span", { className: "shrink-0 text-[10.5px] text-slate-500", children: [
                     t.sender_name ?? "",
-                    t.date_created ? ` · ${P(t.date_created)}` : ""
+                    t.date_created ? ` · ${D(t.date_created)}` : ""
                   ] }),
                   /* @__PURE__ */ e(
                     "button",
@@ -502,47 +503,47 @@ function pe({
     }
   );
 }
-function ue({
-  room: d,
+function fe({
+  room: i,
   renderAvatar: l,
-  me: s
+  me: n
 }) {
-  const i = W(d), [o, x] = g(!1);
-  if (!i) return null;
-  const n = `${i.member_count} ${i.member_count === 1 ? "member" : "members"} · ${i.online_count} online`;
-  if (!i.members.length)
+  const d = I(i), [o, x] = g(!1);
+  if (!d) return null;
+  const s = `${d.member_count} ${d.member_count === 1 ? "member" : "members"} · ${d.online_count} online`;
+  if (!d.members.length)
     return /* @__PURE__ */ r(
       "p",
       {
         className: "flex items-center gap-1 truncate text-[11px] text-slate-500 dark:text-slate-400",
         "data-chat-member-count": !0,
         children: [
-          /* @__PURE__ */ e(O, { className: "h-3 w-3" }),
-          n
+          /* @__PURE__ */ e(P, { className: "h-3 w-3" }),
+          s
         ]
       }
     );
-  const u = s ? s.toUpperCase() : null, h = [...i.members].sort(
+  const u = n ? n.toUpperCase() : null, h = [...d.members].sort(
     (a, c) => Number(c.online) - Number(a.online) || a.name.localeCompare(c.name)
-  ), y = ee();
-  return /* @__PURE__ */ r(J, { open: o, onOpenChange: x, children: [
+  ), y = te();
+  return /* @__PURE__ */ r(K, { open: o, onOpenChange: x, children: [
     /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         className: "flex max-w-full items-center gap-1 truncate rounded text-[11px] text-slate-500 underline-offset-2 hover:text-slate-800 hover:underline dark:text-slate-400 dark:hover:text-slate-100",
-        "aria-label": `${n} — show members`,
+        "aria-label": `${s} — show members`,
         "data-chat-member-count": !0,
         children: [
-          /* @__PURE__ */ e(O, { className: "h-3 w-3 shrink-0" }),
-          /* @__PURE__ */ e("span", { className: "truncate", children: n })
+          /* @__PURE__ */ e(P, { className: "h-3 w-3 shrink-0" }),
+          /* @__PURE__ */ e("span", { className: "truncate", children: s })
         ]
       }
     ) }),
-    /* @__PURE__ */ r(K, { align: "start", className: "w-[260px] p-0", "data-chat-member-popover": !0, children: [
-      /* @__PURE__ */ e("p", { className: "border-b border-slate-100 px-3 py-2 text-[11.5px] font-semibold text-slate-800 dark:border-border dark:text-slate-100", children: n }),
+    /* @__PURE__ */ r(Z, { align: "start", className: "w-[260px] p-0", "data-chat-member-popover": !0, children: [
+      /* @__PURE__ */ e("p", { className: "border-b border-slate-100 px-3 py-2 text-[11.5px] font-semibold text-slate-800 dark:border-border dark:text-slate-100", children: s }),
       /* @__PURE__ */ e("ul", { className: "max-h-[320px] overflow-y-auto p-1", children: h.map((a) => {
-        const c = !!u && a.id.toUpperCase() === u, k = /* @__PURE__ */ r(C, { children: [
+        const c = !!u && a.id.toUpperCase() === u, k = /* @__PURE__ */ r(_, { children: [
           l == null ? void 0 : l(a.id, a.name),
           /* @__PURE__ */ r("span", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ r("span", { className: "block truncate text-[12px] text-slate-800 dark:text-slate-100", children: [
@@ -567,7 +568,7 @@ function ue({
           {
             type: "button",
             onClick: () => {
-              x(!1), Z(a.id, a.name);
+              x(!1), A(a.id, a.name);
             },
             title: `Message ${a.name}`,
             className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left hover:bg-muted",
@@ -579,10 +580,10 @@ function ue({
   ] });
 }
 export {
-  me as ChannelIntro,
-  he as JumpToDateForm,
-  ue as MemberCountLine,
-  pe as RoomInfoDrawer,
-  oe as ThreadPane,
-  xe as WelcomeNote
+  he as ChannelIntro,
+  ue as JumpToDateForm,
+  fe as MemberCountLine,
+  be as RoomInfoDrawer,
+  xe as ThreadPane,
+  pe as WelcomeNote
 };