@nivaro/react 0.3.41 → 0.3.42

package/dist/shared/components/NotificationBell.js

@@ -1,81 +1,86 @@
 import { jsxs as r, jsx as a } from "react/jsx-runtime";
-import { readUnreadNotificationCount as ve, markNotificationRead as we, markNotificationsRead as ye, markAllNotificationsRead as Ne } from "@nivaro/sdk";
-import { useQueryClient as Ce, useQuery as ne, useMutation as _ } from "@tanstack/react-query";
-import { Bell as $e, CheckCheck as Se, ExternalLink as re, Check as z, History as qe, ShieldCheck as Ee, ChevronDown as _e } from "lucide-react";
+import { readUnreadNotificationCount as ye, markNotificationRead as Ne, markNotificationsRead as Ce, markAllNotificationsRead as $e } from "@nivaro/sdk";
+import { useQueryClient as Se, useQuery as ne, useMutation as E } from "@tanstack/react-query";
+import { Bell as qe, CheckCheck as _e, ExternalLink as re, Check as z, History as Ee, ShieldCheck as Re, ChevronDown as Ae } from "lucide-react";
 import { useState as N, useRef as oe, useEffect as O, useMemo as le, Fragment as ie } from "react";
-import { createPortal as Re } from "react-dom";
-import { useNivaroClient as Ae } from "../context.js";
-import { get as Fe, post as Le } from "../lib/commands.js";
-import { useLiveRefetchInterval as Me } from "../lib/live-queries.js";
+import { createPortal as Fe } from "react-dom";
+import { useNivaroClient as Le } from "../context.js";
+import { get as Me, post as Ie } from "../lib/commands.js";
+import { useLiveRefetchInterval as De } from "../lib/live-queries.js";
 import { resolveNotificationTargetFor as R, runNotificationTarget as A } from "../lib/notification-target.js";
-import { useTabAttention as Ie } from "../lib/tab-attention.js";
+import { useTabAttention as Te } from "../lib/tab-attention.js";
 import { formatRelative as se } from "../lib/utils.js";
-import { AsItWasSheet as De } from "./notifications/AsItWasSheet.js";
-import { bundleLocally as Te, laneTone as Ke, bundleAsNotification as Be, bundleHeadline as je, categoryChipLabel as ze } from "./notifications/bundles.js";
-import { DeliveryChips as Oe } from "./notifications/DeliveryChips.js";
-import { NotificationActions as Pe } from "./notifications/NotificationActions.js";
-import { NotificationDetailBits as Qe } from "./notifications/NotificationDetailBits.js";
-function He(s) {
+import { AsItWasSheet as Ke } from "./notifications/AsItWasSheet.js";
+import { bundleLocally as Be, laneTone as je, bundleAsNotification as ze, bundleHeadline as Oe, categoryChipLabel as Pe } from "./notifications/bundles.js";
+import { DeliveryChips as Qe } from "./notifications/DeliveryChips.js";
+import { NotificationActions as He } from "./notifications/NotificationActions.js";
+import { NotificationDetailBits as Ye } from "./notifications/NotificationDetailBits.js";
+function Ge(l) {
+  var d, p;
+  return de(l) ? l.revision_id != null || (((p = (d = l.detail) == null ? void 0 : d.changes) == null ? void 0 : p.length) ?? 0) > 0 || l.category === "watch" || l.category === "workflow" : !1;
+}
+function de(l) {
   var C, $, S;
-  if ((((C = s.target) == null ? void 0 : C.kind) ?? s.kind ?? (s.collection && s.item ? "record" : null)) !== "record") return !1;
-  const g = (($ = s.target) == null ? void 0 : $.collection) ?? s.collection, m = ((S = s.target) == null ? void 0 : S.id) ?? s.item;
-  return !!g && m != null && m !== "" && !/^(nivaro|directus)_|^__/i.test(g);
+  if ((((C = l.target) == null ? void 0 : C.kind) ?? l.kind ?? (l.collection && l.item ? "record" : null)) !== "record") return !1;
+  const p = (($ = l.target) == null ? void 0 : $.collection) ?? l.collection, x = ((S = l.target) == null ? void 0 : S.id) ?? l.item;
+  return !!p && x != null && x !== "" && !/^(nivaro|directus)_|^__/i.test(p);
 }
-function dt({
-  routes: s,
-  onNavigate: p,
-  app: g,
-  subscribe: m,
+function ut({
+  routes: l,
+  onNavigate: d,
+  app: p,
+  subscribe: x,
   buttonClassName: C,
   panelClassName: $,
   beforeList: S,
   extraBadge: P = 0,
-  mailLogUrl: de,
+  mailLogUrl: ce,
   renderTrigger: Q,
   allPath: H,
-  subscriptionsPath: ce,
-  onActionError: ue,
+  subscriptionsPath: ue,
+  rulesPath: me,
+  onActionError: pe,
   panelPlacement: v = "below",
-  tabBadge: me = !0
+  tabBadge: xe = !0
 }) {
-  const h = Ae(), [x, d] = N(!1), [f, Y] = N("attention"), F = oe(null), G = oe(null), [L, pe] = N(null), U = Ce(), w = () => {
+  const b = Le(), [f, c] = N(!1), [h, Y] = N("attention"), F = oe(null), G = oe(null), [L, fe] = N(null), U = Se(), w = () => {
     U.invalidateQueries({ queryKey: ["notification-count"] }), U.invalidateQueries({ queryKey: ["notifications"] });
-  }, xe = Me(6e4, { enabled: !!m, safetyMs: 12e4 }), { data: c } = ne({
+  }, he = De(6e4, { enabled: !!x, safetyMs: 12e4 }), { data: u } = ne({
     queryKey: ["notification-count"],
-    queryFn: () => h.request(ve()),
-    refetchInterval: xe
-  }), M = (c == null ? void 0 : c.unread) ?? 0, I = (c == null ? void 0 : c.attention) ?? M, q = (c == null ? void 0 : c.lanes) ?? { critical: 0, fyi: 0 }, b = M + P;
-  Ie(I + P, { enabled: me });
-  const { data: u } = ne({
-    queryKey: ["notifications", "bell", g ?? null, f],
-    queryFn: () => h.request(
-      Fe("/notifications", {
+    queryFn: () => b.request(ye()),
+    refetchInterval: he
+  }), M = (u == null ? void 0 : u.unread) ?? 0, I = (u == null ? void 0 : u.attention) ?? M, q = (u == null ? void 0 : u.lanes) ?? { critical: 0, fyi: 0 }, k = M + P;
+  Te(I + P, { enabled: xe });
+  const { data: m } = ne({
+    queryKey: ["notifications", "bell", p ?? null, h],
+    queryFn: () => b.request(
+      Me("/notifications", {
         limit: 60,
-        app: g,
+        app: p,
         bundle: "record",
-        ...f === "attention" ? { lane: "attention", status: "inbox" } : {},
-        ...f === "fyi" ? { lane: "fyi", status: "inbox" } : {}
+        ...h === "attention" ? { lane: "attention", status: "inbox" } : {},
+        ...h === "fyi" ? { lane: "fyi", status: "inbox" } : {}
       })
     ).then((e) => {
-      const t = e.pinned ?? [], o = new Set(t.map((n) => n.id)), i = (e.data ?? []).filter((n) => !o.has(n.id));
-      return e.bundles ? { rows: i, bundles: e.bundles, pinned: t } : { ...Te(i), pinned: t };
+      const t = e.pinned ?? [], o = new Set(t.map((n) => n.id)), s = (e.data ?? []).filter((n) => !o.has(n.id));
+      return e.bundles ? { rows: s, bundles: e.bundles, pinned: t } : { ...Be(s), pinned: t };
     }),
-    enabled: x
-  }), V = (u == null ? void 0 : u.rows) ?? [], D = (u == null ? void 0 : u.pinned) ?? [], W = (u == null ? void 0 : u.bundles) ?? [], [fe, J] = N(() => /* @__PURE__ */ new Set()), [k, T] = N(null);
-  O(() => m == null ? void 0 : m(w), [m]), O(() => {
-    if (!x) return;
+    enabled: f
+  }), V = (m == null ? void 0 : m.rows) ?? [], D = (m == null ? void 0 : m.pinned) ?? [], W = (m == null ? void 0 : m.bundles) ?? [], [be, J] = N(() => /* @__PURE__ */ new Set()), [g, T] = N(null);
+  O(() => x == null ? void 0 : x(w), [x]), O(() => {
+    if (!f) return;
     const e = (t) => {
-      var i, n;
+      var s, n;
       const o = t.target;
-      (i = F.current) != null && i.contains(o) || (n = G.current) != null && n.contains(o) || d(!1);
+      (s = F.current) != null && s.contains(o) || (n = G.current) != null && n.contains(o) || c(!1);
     };
     return window.addEventListener("mousedown", e), () => window.removeEventListener("mousedown", e);
-  }, [x]), O(() => {
-    if (!x || v !== "right") return;
+  }, [f]), O(() => {
+    if (!f || v !== "right") return;
     const e = () => {
       var o;
       const t = (o = F.current) == null ? void 0 : o.getBoundingClientRect();
-      t && pe({
+      t && fe({
         left: Math.round(t.right + 12),
         bottom: Math.max(8, Math.round(window.innerHeight - t.bottom))
       });
@@ -83,45 +88,45 @@ function dt({
     return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
       window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
     };
-  }, [x, v]);
-  const X = _({
-    mutationFn: (e) => h.request(Le(`/notifications/${e}/acknowledge`)),
+  }, [f, v]);
+  const X = E({
+    mutationFn: (e) => b.request(Ie(`/notifications/${e}/acknowledge`)),
     onSuccess: w
-  }), K = _({
-    mutationFn: (e) => h.request(we(e)),
+  }), K = E({
+    mutationFn: (e) => b.request(Ne(e)),
     onSuccess: w
-  }), B = _({
-    mutationFn: (e) => h.request(ye(e)),
+  }), B = E({
+    mutationFn: (e) => b.request(Ce(e)),
     onSuccess: w
-  }), he = _({
-    mutationFn: () => h.request(Ne()),
+  }), ke = E({
+    mutationFn: () => b.request($e()),
     onSuccess: w
   }), Z = le(() => V.slice(0, 40), [V]), ee = le(() => {
     const e = /* @__PURE__ */ new Map();
     for (const t of Z) {
-      const o = t.collection && t.item ? `${t.collection}:${t.item}` : `single:${t.id}`, i = e.get(o) ?? {
+      const o = t.collection && t.item ? `${t.collection}:${t.item}` : `single:${t.id}`, s = e.get(o) ?? {
         key: o,
         collection: t.collection ?? null,
         item: t.item ?? null,
         rows: []
       };
-      i.rows.push(t), e.set(o, i);
+      s.rows.push(t), e.set(o, s);
     }
     return [...e.values()];
-  }, [Z]), be = (e) => {
-    const t = R(e, s);
-    t && (d(!1), A(t, p));
+  }, [Z]), ge = (e) => {
+    const t = R(e, l);
+    t && (c(!1), A(t, d));
   }, te = (e) => {
-    d(!1), p(e);
+    c(!1), d(e);
   }, j = (e, t, o = !1) => {
-    var i;
+    var s;
     return /* @__PURE__ */ r(ie, { children: [
       /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           onClick: () => {
-            e.read || K.mutate(e.id), be(e);
+            e.read || K.mutate(e.id), ge(e);
           },
           className: `flex w-full items-start gap-2.5 py-2 pr-3 text-left transition-colors ${o ? "pl-7" : "pl-3"} ${t ? "hover:bg-slate-50 dark:hover:bg-muted" : "cursor-default"}`,
           "data-notification-row": e.id,
@@ -147,14 +152,14 @@ function dt({
               /* @__PURE__ */ r("span", { className: "mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-[10.5px] text-slate-400", children: [
                 se(e.created_at),
                 /* @__PURE__ */ a(
-                  Oe,
+                  Qe,
                   {
                     delivery: e.delivery,
-                    mailLogUrl: de,
+                    mailLogUrl: ce,
                     onNavigate: te
                   }
                 ),
-                He(e) && // biome-ignore lint/a11y/useSemanticElements: nested inside the row's <button> — a real <button> is invalid there
+                de(e) && // biome-ignore lint/a11y/useSemanticElements: nested inside the row's <button> — a real <button> is invalid there
                 /* @__PURE__ */ r(
                   "span",
                   {
@@ -163,14 +168,14 @@ function dt({
                     "data-notification-as-it-was": e.id,
                     "data-tip": "The record as it was when you were told",
                     onClick: (n) => {
-                      n.stopPropagation(), d(!1), T(e);
+                      n.stopPropagation(), c(!1), T(e);
                     },
                     onKeyDown: (n) => {
-                      (n.key === "Enter" || n.key === " ") && (n.preventDefault(), n.stopPropagation(), d(!1), T(e));
+                      (n.key === "Enter" || n.key === " ") && (n.preventDefault(), n.stopPropagation(), c(!1), T(e));
                     },
                     className: "inline-flex items-center gap-0.5 rounded px-1 text-[10.5px] text-slate-400 transition-colors hover:bg-slate-100 hover:text-slate-700 dark:hover:bg-muted dark:hover:text-slate-200",
                     children: [
-                      /* @__PURE__ */ a(qe, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ a(Ee, { className: "h-3 w-3" }),
                       "as it was"
                     ]
                   }
@@ -197,7 +202,7 @@ function dt({
           ]
         }
       ),
-      ((i = e.ack) == null ? void 0 : i.required) && !e.ack.at && /* @__PURE__ */ a("div", { className: `pb-2 pr-3 ${o ? "pl-[46px]" : "pl-[30px]"}`, children: /* @__PURE__ */ r(
+      ((s = e.ack) == null ? void 0 : s.required) && !e.ack.at && /* @__PURE__ */ a("div", { className: `pb-2 pr-3 ${o ? "pl-[46px]" : "pl-[30px]"}`, children: /* @__PURE__ */ r(
         "button",
         {
           type: "button",
@@ -206,34 +211,37 @@ function dt({
           "data-notification-acknowledge": e.id,
           className: "inline-flex items-center gap-1 rounded-md bg-nvr-cyan px-2 py-1 text-[11px] font-medium text-white hover:opacity-90 disabled:opacity-50",
           children: [
-            /* @__PURE__ */ a(Ee, { className: "h-3 w-3" }),
+            /* @__PURE__ */ a(Re, { className: "h-3 w-3" }),
             "Acknowledge"
           ]
         }
       ) }),
       e.actions && e.actions.length > 0 && !e.read && /* @__PURE__ */ a(
-        Pe,
+        He,
         {
           actions: e.actions,
           notificationId: e.id,
-          onError: ue,
+          onError: pe,
           className: `pb-2 pr-3 ${o ? "pl-[46px]" : "pl-[30px]"}`
         }
       ),
       /* @__PURE__ */ a(
-        Qe,
+        Ye,
         {
           detail: e.detail,
           why: e.why,
           delivery: e.delivery,
-          subscriptionsPath: ce,
+          notificationId: e.id,
+          recordChanges: Ge(e),
+          subscriptionsPath: ue,
+          rulesPath: me,
           onNavigate: te,
           className: `-mt-1 pb-2 pr-3 ${o ? "pl-[46px]" : "pl-[30px]"}`
         }
       )
     ] }, e.id);
-  }, ke = (e) => {
-    const t = `${e.collection}:${e.item}`, o = fe.has(t), i = Ke(e.lane), n = e.deleted ? null : R(Be(e), s), y = e.rows.filter((l) => !l.read).map((l) => l.id);
+  }, ve = (e) => {
+    const t = `${e.collection}:${e.item}`, o = be.has(t), s = je(e.lane), n = e.deleted ? null : R(ze(e), l), y = e.rows.filter((i) => !i.read).map((i) => i.id);
     return /* @__PURE__ */ r(
       "div",
       {
@@ -251,13 +259,13 @@ function dt({
                 "aria-expanded": o,
                 "aria-label": o ? "Collapse" : "Expand",
                 "data-notification-bundle-expand": t,
-                onClick: () => J((l) => {
-                  const E = new Set(l);
-                  return E.has(t) ? E.delete(t) : E.add(t), E;
+                onClick: () => J((i) => {
+                  const _ = new Set(i);
+                  return _.has(t) ? _.delete(t) : _.add(t), _;
                 }),
                 className: "mt-0.5 rounded p-0.5 text-slate-400 hover:bg-slate-100 hover:text-slate-700 dark:hover:bg-muted dark:hover:text-slate-200",
                 children: /* @__PURE__ */ a(
-                  _e,
+                  Ae,
                   {
                     className: `h-3.5 w-3.5 transition-transform ${o ? "" : "-rotate-90"}`
                   }
@@ -269,7 +277,7 @@ function dt({
               {
                 type: "button",
                 onClick: () => {
-                  n ? (d(!1), A(n, p)) : J((l) => new Set(l).add(t));
+                  n ? (c(!1), A(n, d)) : J((i) => new Set(i).add(t));
                 },
                 className: "min-w-0 flex-1 text-left",
                 children: [
@@ -277,14 +285,14 @@ function dt({
                     /* @__PURE__ */ a(
                       "span",
                       {
-                        className: `h-2 w-2 shrink-0 rounded-full ${e.unread > 0 ? i.dot : "bg-transparent"}`
+                        className: `h-2 w-2 shrink-0 rounded-full ${e.unread > 0 ? s.dot : "bg-transparent"}`
                       }
                     ),
                     /* @__PURE__ */ a(
                       "span",
                       {
-                        className: `truncate text-[12.5px] ${e.unread > 0 ? `font-medium ${i.text}` : "font-normal text-slate-600 dark:text-slate-400"}`,
-                        children: je(e)
+                        className: `truncate text-[12.5px] ${e.unread > 0 ? `font-medium ${s.text}` : "font-normal text-slate-600 dark:text-slate-400"}`,
+                        children: Oe(e)
                       }
                     )
                   ] }),
@@ -292,7 +300,7 @@ function dt({
                     e.lane === "critical" && e.unread > 0 && /* @__PURE__ */ a(
                       "span",
                       {
-                        className: `rounded px-1 text-[9.5px] font-bold uppercase tracking-wide ${i.chip}`,
+                        className: `rounded px-1 text-[9.5px] font-bold uppercase tracking-wide ${s.chip}`,
                         children: "Critical"
                       }
                     ),
@@ -312,14 +320,14 @@ function dt({
                         children: "deleted"
                       }
                     ),
-                    e.categories.map((l) => /* @__PURE__ */ a(
+                    e.categories.map((i) => /* @__PURE__ */ a(
                       "span",
                       {
                         className: "rounded bg-slate-100 px-1 py-px text-[9.5px] font-medium text-slate-600 dark:bg-muted dark:text-slate-300",
-                        "data-notification-bundle-category": l,
-                        children: ze(l)
+                        "data-notification-bundle-category": i,
+                        children: Pe(i)
                       },
-                      l
+                      i
                     )),
                     /* @__PURE__ */ a("span", { children: e.newest ? se(e.newest) : "" }),
                     e.unread > 0 && e.unread < e.count && /* @__PURE__ */ r("span", { children: [
@@ -338,7 +346,7 @@ function dt({
                   type: "button",
                   title: "Open record",
                   onClick: () => {
-                    d(!1), A(n, p);
+                    c(!1), A(n, d);
                   },
                   className: "rounded p-1 text-slate-400 hover:bg-slate-100 hover:text-slate-700 dark:hover:bg-muted dark:hover:text-slate-200",
                   children: /* @__PURE__ */ a(re, { className: "h-3 w-3" })
@@ -362,40 +370,40 @@ function dt({
             {
               className: "border-t border-slate-50 bg-slate-50/50 dark:border-border/50 dark:bg-muted/30",
               "data-notification-bundle-rows": t,
-              children: e.rows.map((l) => j(l, !0, !0))
+              children: e.rows.map((i) => j(i, !0, !0))
             }
           )
         ]
       },
       `bundle:${t}`
     );
-  }, ge = [
+  }, we = [
     { key: "attention", label: "Needs you", count: I },
     { key: "fyi", label: "FYI", count: q.fyi },
     { key: "all", label: "All", count: null }
-  ], ae = () => d((e) => (!e && f === "attention" && I === 0 && q.fyi > 0 && Y("fyi"), !e));
+  ], ae = () => c((e) => (!e && h === "attention" && I === 0 && q.fyi > 0 && Y("fyi"), !e));
   return /* @__PURE__ */ r("div", { ref: F, className: "relative", "data-nvr-notification-bell": !0, children: [
-    Q ? Q({ open: x, badge: b, toggle: ae }) : /* @__PURE__ */ r(
+    Q ? Q({ open: f, badge: k, toggle: ae }) : /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         onClick: ae,
         className: C ?? "relative rounded-md p-1.5 text-slate-500 transition-colors hover:bg-slate-100 dark:text-slate-400 dark:hover:bg-muted",
-        "aria-label": b ? `Notifications (${b} unread)` : "Notifications",
+        "aria-label": k ? `Notifications (${k} unread)` : "Notifications",
         children: [
-          /* @__PURE__ */ a($e, { className: "h-4 w-4", strokeWidth: 1.8 }),
-          b > 0 && /* @__PURE__ */ a(
+          /* @__PURE__ */ a(qe, { className: "h-4 w-4", strokeWidth: 1.8 }),
+          k > 0 && /* @__PURE__ */ a(
             "span",
             {
               "data-nvr-recording-hide": !0,
               className: `absolute -right-0.5 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[9.5px] font-bold ${q.critical > 0 ? "bg-red-500 text-white" : "bg-nvr-cyan text-nvr-navy"}`,
-              children: b > 99 ? "99+" : b
+              children: k > 99 ? "99+" : k
             }
           )
         ]
       }
     ),
-    x && (v === "right" ? Re : (e) => e)(
+    f && (v === "right" ? Fe : (e) => e)(
       /* @__PURE__ */ r(
         "div",
         {
@@ -406,13 +414,13 @@ function dt({
           children: [
             S,
             /* @__PURE__ */ r("div", { className: "flex items-center justify-between border-b border-slate-100 px-3 py-2 dark:border-border/60", children: [
-              /* @__PURE__ */ a("div", { className: "flex items-center gap-1 rounded-md bg-slate-100 p-0.5 dark:bg-muted", children: ge.map((e) => /* @__PURE__ */ r(
+              /* @__PURE__ */ a("div", { className: "flex items-center gap-1 rounded-md bg-slate-100 p-0.5 dark:bg-muted", children: we.map((e) => /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
                   onClick: () => Y(e.key),
                   "data-nvr-lane-tab": e.key,
-                  className: f === e.key ? "rounded bg-white px-2 py-0.5 text-[11px] font-medium text-slate-900 shadow-sm dark:bg-card dark:text-slate-100" : "rounded px-2 py-0.5 text-[11px] font-medium text-slate-500 hover:text-slate-700 dark:text-slate-400",
+                  className: h === e.key ? "rounded bg-white px-2 py-0.5 text-[11px] font-medium text-slate-900 shadow-sm dark:bg-card dark:text-slate-100" : "rounded px-2 py-0.5 text-[11px] font-medium text-slate-500 hover:text-slate-700 dark:text-slate-400",
                   children: [
                     e.label,
                     e.count != null && e.count > 0 && /* @__PURE__ */ a(
@@ -430,10 +438,10 @@ function dt({
                 "button",
                 {
                   type: "button",
-                  onClick: () => he.mutate(),
+                  onClick: () => ke.mutate(),
                   className: "inline-flex items-center gap-1 text-[11px] font-medium text-slate-400 transition-colors hover:text-nvr-cyan",
                   children: [
-                    /* @__PURE__ */ a(Se, { className: "h-3.5 w-3.5", strokeWidth: 2 }),
+                    /* @__PURE__ */ a(_e, { className: "h-3.5 w-3.5", strokeWidth: 2 }),
                     "Mark all read"
                   ]
                 }
@@ -442,18 +450,18 @@ function dt({
             /* @__PURE__ */ r("div", { className: "max-h-96 overflow-y-auto", children: [
               D.length > 0 && /* @__PURE__ */ r("div", { "data-notification-pinned": !0, children: [
                 /* @__PURE__ */ a("div", { className: "bg-amber-50 px-3 py-1 text-[10px] font-semibold uppercase tracking-wide text-amber-700 dark:bg-amber-400/10 dark:text-amber-300", children: "Needs your acknowledgement" }),
-                D.map((e) => /* @__PURE__ */ a(ie, { children: j(e, !!R(e, s)) }, e.id))
+                D.map((e) => /* @__PURE__ */ a(ie, { children: j(e, !!R(e, l)) }, e.id))
               ] }),
-              ee.length === 0 && W.length === 0 && D.length === 0 ? /* @__PURE__ */ a("p", { className: "px-3 py-6 text-center text-[12px] text-slate-400", children: f === "attention" ? "Nothing needs you right now." : f === "fyi" ? "No FYI notifications." : "No notifications" }) : [
-                ...W.map(ke),
+              ee.length === 0 && W.length === 0 && D.length === 0 ? /* @__PURE__ */ a("p", { className: "px-3 py-6 text-center text-[12px] text-slate-400", children: h === "attention" ? "Nothing needs you right now." : h === "fyi" ? "No FYI notifications." : "No notifications" }) : [
+                ...W.map(ve),
                 ...ee.map((e) => {
-                  const t = e.rows.filter((l) => !l.read).map((l) => l.id), o = R(e.rows[0], s), i = !!o, n = e.rows[0], y = n != null && n.target_label && (n == null ? void 0 : n.kind) !== "record" ? `${n.target_label}${e.item ? ` · ${e.item}` : ""}` : String(e.collection) === "__chat__" ? "Chat" : e.collection ? `${String(e.collection).replace(/_/g, " ")}${e.item ? ` · ${e.item}` : ""}` : null;
+                  const t = e.rows.filter((i) => !i.read).map((i) => i.id), o = R(e.rows[0], l), s = !!o, n = e.rows[0], y = n != null && n.target_label && (n == null ? void 0 : n.kind) !== "record" ? `${n.target_label}${e.item ? ` · ${e.item}` : ""}` : String(e.collection) === "__chat__" ? "Chat" : e.collection ? `${String(e.collection).replace(/_/g, " ")}${e.item ? ` · ${e.item}` : ""}` : null;
                   return /* @__PURE__ */ r(
                     "div",
                     {
                       className: "border-b border-slate-50 last:border-b-0 dark:border-border/50",
                       children: [
-                        i && y && /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5 px-3 pt-2", children: [
+                        s && y && /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5 px-3 pt-2", children: [
                           /* @__PURE__ */ r("span", { className: "truncate text-[10.5px] font-semibold uppercase tracking-wide text-slate-400", children: [
                             y,
                             e.rows.length > 1 ? ` · ${e.rows.length}` : ""
@@ -465,7 +473,7 @@ function dt({
                                 type: "button",
                                 title: "Open record",
                                 onClick: () => {
-                                  t.length && B.mutate(t), d(!1), A(o, p);
+                                  t.length && B.mutate(t), c(!1), A(o, d);
                                 },
                                 className: "rounded p-1 text-slate-400 hover:bg-slate-100 hover:text-slate-700 dark:hover:bg-muted dark:hover:text-slate-200",
                                 children: /* @__PURE__ */ a(re, { className: "h-3 w-3" })
@@ -483,7 +491,7 @@ function dt({
                             )
                           ] })
                         ] }),
-                        e.rows.map((l) => j(l, i))
+                        e.rows.map((i) => j(i, s))
                       ]
                     },
                     e.key
@@ -496,7 +504,7 @@ function dt({
               {
                 type: "button",
                 onClick: () => {
-                  d(!1), p(H);
+                  c(!1), d(H);
                 },
                 className: "block w-full border-t border-slate-100 px-3 py-1.5 text-center text-[11px] font-medium text-slate-500 hover:text-nvr-cyan dark:border-border/60",
                 children: "See all notifications"
@@ -508,16 +516,17 @@ function dt({
       document.body
     ),
     /* @__PURE__ */ a(
-      De,
+      Ke,
       {
-        notificationId: (k == null ? void 0 : k.id) ?? null,
-        title: (k == null ? void 0 : k.title) ?? null,
+        notificationId: (g == null ? void 0 : g.id) ?? null,
+        title: (g == null ? void 0 : g.title) ?? null,
         onClose: () => T(null)
       }
     )
   ] });
 }
 export {
-  dt as NotificationBell,
-  He as hasSnapshotView
+  ut as NotificationBell,
+  de as hasSnapshotView,
+  Ge as offersChanges
 };