@nivaro/react 0.3.41 → 0.3.42

package/dist/shared/components/ProfileView.js

@@ -1,148 +1,90 @@
-import { jsxs as t, jsx as e, Fragment as oe } from "react/jsx-runtime";
-import { readUser as Se, readUserCard as _e, updateUser as be, readMyScopes as qe, saveMyScopeDefaults as Ce, readItems as ne } from "@nivaro/sdk";
-import { useQueryClient as K, useQuery as w, useMutation as _ } from "@tanstack/react-query";
-import { Loader2 as xe, Camera as Pe, Building2 as Ae, Mail as Te, Phone as Oe, Clock as Fe, Undo2 as Le, Check as De, UserRound as Me, Filter as Ee, LogOut as Ke, ShieldCheck as Ie } from "lucide-react";
-import { useState as q, useMemo as $e, useRef as je } from "react";
-import { useNivaroClient as L, useItemEditAuth as ve } from "../context.js";
-import { get as D, patch as G, post as ae, put as Qe, del as Re } from "../lib/commands.js";
-import { playNotificationSound as ge } from "../lib/notification-sound.js";
-import { BRAND_ACCENT as se, parseThemeAccents as Ue, DEFAULT_THEME_ACCENTS as ye } from "../lib/theme-accents.js";
-import { announceLocalPrefs as le } from "../lib/user-sync.js";
-import { cn as R, setDisplayTimezone as ze } from "../lib/utils.js";
-import { CustomStatusEditor as Be, activeCustomStatus as He } from "./CustomStatusEditor.js";
-import { AgentsPanel as Ye } from "./profile/AgentsPanel.js";
-import { AiMemoryCard as We, AiHistoryCard as Ge } from "./profile/AiMemoryCard.js";
-import { BrowserPushCard as Je } from "./profile/BrowserPushCard.js";
-import { DelegationCard as Ve } from "./profile/DelegationCard.js";
-import { MailSuppressedPill as Ze } from "./profile/MailSuppressedPill.js";
-import { TeamLoadCard as Xe } from "./profile/PersonExtras.js";
-import { TeamsConnect as et } from "./profile/TeamsConnect.js";
-import { NotificationSourcesCard as tt } from "./NotificationSourcesCard.js";
-import { MyDefaultsCard as at } from "./profile/MyDefaultsCard.js";
-import { UserScopesCard as rt } from "./profile/PersonAccess.js";
-import { PersonProfile as nt } from "./profile/PersonProfile.js";
-import { Toggle as st, SectionCard as ie, Field as Y, ConfirmButton as fe } from "./profile/primitives.js";
-import { SimpleSelectXs as E } from "./ui/SimpleSelect.js";
-const lt = (i) => [i.first_name, i.last_name].filter(Boolean).join(" ") || (i.email ?? "Unknown"), ot = (i) => {
-  var m, r;
-  return (`${((m = i.first_name) == null ? void 0 : m[0]) ?? ""}${((r = i.last_name) == null ? void 0 : r[0]) ?? ""}` || (i.email ?? "?").slice(0, 2)).toUpperCase();
-}, te = [
-  {
-    key: "mentions",
-    label: "Mentions",
-    help: "Someone @-mentions you in a comment, note, or chat room."
-  },
-  {
-    key: "workflow",
-    label: "Workflow & approvals",
-    help: "A record you own or follow moves state, needs your approval, is sent back, or an approval chain reaches your step. Also support requests you work on the desk (new, assigned, replied)."
-  },
-  {
-    key: "sla",
-    label: "SLA & escalations",
-    help: "A record you own is nearing or past its SLA, and escalation-ladder notices as they climb. SLA escalations always email immediately."
-  },
-  {
-    key: "watch",
-    label: "Watches",
-    help: "Something you explicitly watch fired: field watches, per-record subscriptions, and watched stock parts (Stock Planning)."
-  },
-  {
-    key: "alerts",
-    label: "Alerts",
-    help: "Threshold alerts you subscribe to: metric alert rules, per-record alert definitions, report alerts, and the alert digest."
-  },
-  {
-    key: "anomaly",
-    label: "Anomaly detections",
-    help: "Anomaly rules you created flag an outlier, spike, or duplicate pattern."
-  },
-  {
-    key: "reports",
-    label: "Reports",
-    help: "Scheduled report emails, Report Studio subscription digests, and saved-view change digests."
-  },
-  {
-    key: "integrations",
-    label: "Integrations",
-    help: "A partner system was not told something about your record, a send is still unanswered, or an integration alert you turned on in the Integrations console fired."
-  },
-  {
-    key: "huddle",
-    label: "Huddles & calls",
-    help: "Someone calls you in a huddle or adds you to one, and reminders for huddles you were invited to. Push is what rings a closed tab."
-  },
-  {
-    key: "chaos",
-    label: "Chaos drills",
-    help: "Chaos Monkey drills starting and ending, and pushes about drills you started or take part in (with a Stop button). Only administrators and chaos operators get these."
-  },
-  {
-    key: "system",
-    label: "System & digests",
-    help: "Maintenance windows, failing monitors, import results, updates on support requests you raised, and the daily action summary itself. Maintenance and monitor failures always email immediately."
-  },
-  {
-    key: "other",
-    label: "Everything else",
-    help: "Any notification that does not fit a category above — direct messages from other users, access requests, task assignments."
-  }
-];
-function it() {
-  const i = L(), m = K(), { data: r = [] } = w({
+import { jsxs as a, jsx as e, Fragment as X } from "react/jsx-runtime";
+import { readUser as he, readUserCard as be, updateUser as oe, readMyScopes as xe, saveMyScopeDefaults as ge, readItems as te } from "@nivaro/sdk";
+import { useQueryClient as K, useQuery as v, useMutation as w } from "@tanstack/react-query";
+import { Loader2 as ie, Camera as fe, Building2 as ye, Mail as ve, Phone as ke, Clock as Ne, Undo2 as we, Check as Se, UserRound as _e, Filter as Ce, LogOut as qe, ShieldCheck as Pe } from "lucide-react";
+import { useRef as ue, useEffect as Te, useState as C, useMemo as Ae } from "react";
+import { useNivaroClient as A, useItemEditAuth as pe } from "../context.js";
+import { get as T, patch as G, post as ee, put as Fe, del as Oe } from "../lib/commands.js";
+import { playNotificationSound as de } from "../lib/notification-sound.js";
+import { BRAND_ACCENT as ae, parseThemeAccents as De, DEFAULT_THEME_ACCENTS as ce } from "../lib/theme-accents.js";
+import { announceLocalPrefs as re } from "../lib/user-sync.js";
+import { cn as Q, setDisplayTimezone as Ke } from "../lib/utils.js";
+import { CustomStatusEditor as Le, activeCustomStatus as Me } from "./CustomStatusEditor.js";
+import { mergeNotifyRulesClient as Re, NOTIFY_RULE_CATS as je, NotificationRulesEditor as Ee } from "./notifications/NotificationRulesEditor.js";
+import { TestMyRules as Ie } from "./notifications/TestMyRules.js";
+import { AgentsPanel as Qe } from "./profile/AgentsPanel.js";
+import { AiMemoryCard as Ue, AiHistoryCard as $e } from "./profile/AiMemoryCard.js";
+import { BrowserPushCard as ze } from "./profile/BrowserPushCard.js";
+import { DelegationCard as Be } from "./profile/DelegationCard.js";
+import { MailSuppressedPill as He } from "./profile/MailSuppressedPill.js";
+import { PersonDidPanel as Ye } from "./profile/PersonDidPanel.js";
+import { TeamLoadCard as We } from "./profile/PersonExtras.js";
+import { TeamsConnect as Ge } from "./profile/TeamsConnect.js";
+import { NotificationSourcesCard as Je } from "./NotificationSourcesCard.js";
+import { MyDefaultsCard as Ve } from "./profile/MyDefaultsCard.js";
+import { UserScopesCard as Ze } from "./profile/PersonAccess.js";
+import { PersonProfile as Xe } from "./profile/PersonProfile.js";
+import { Toggle as et, SectionCard as ne, Field as H, ConfirmButton as me } from "./profile/primitives.js";
+import { SimpleSelectXs as U } from "./ui/SimpleSelect.js";
+const tt = (s) => [s.first_name, s.last_name].filter(Boolean).join(" ") || (s.email ?? "Unknown"), at = (s) => {
+  var u, t;
+  return (`${((u = s.first_name) == null ? void 0 : u[0]) ?? ""}${((t = s.last_name) == null ? void 0 : t[0]) ?? ""}` || (s.email ?? "?").slice(0, 2)).toUpperCase();
+}, rt = je;
+function nt() {
+  const s = A(), u = K(), { data: t = [] } = v({
     queryKey: ["nvr-profile-fields"],
-    queryFn: () => i.request(D("/profile-fields/mine")).then((n) => n.data ?? []).catch(() => [])
-  }), [d, o] = q(null), l = _({
-    mutationFn: (n) => i.request(Qe("/profile-fields/mine", { values: n })),
+    queryFn: () => s.request(T("/profile-fields/mine")).then((r) => r.data ?? []).catch(() => [])
+  }), [i, o] = C(null), l = w({
+    mutationFn: (r) => s.request(Fe("/profile-fields/mine", { values: r })),
     onSuccess: () => {
-      o(null), m.invalidateQueries({ queryKey: ["nvr-profile-fields"] });
+      o(null), u.invalidateQueries({ queryKey: ["nvr-profile-fields"] });
     }
   });
-  if (r.length === 0) return null;
-  const s = d ?? Object.fromEntries(r.map((n) => [n.key, n.value ?? ""])), u = (n) => Array.isArray(n) ? n.map(String) : Array.isArray(n == null ? void 0 : n.choices) ? n.choices.map(
-    (b) => typeof b == "object" && b != null ? String(b.value ?? "") : String(b)
+  if (t.length === 0) return null;
+  const c = i ?? Object.fromEntries(t.map((r) => [r.key, r.value ?? ""])), m = (r) => Array.isArray(r) ? r.map(String) : Array.isArray(r == null ? void 0 : r.choices) ? r.choices.map(
+    (h) => typeof h == "object" && h != null ? String(h.value ?? "") : String(h)
   ) : [];
-  return /* @__PURE__ */ t("div", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
-    /* @__PURE__ */ t("header", { className: "border-b border-slate-100 px-4 py-2.5 dark:border-border/60", children: [
+  return /* @__PURE__ */ a("div", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
+    /* @__PURE__ */ a("header", { className: "border-b border-slate-100 px-4 py-2.5 dark:border-border/60", children: [
       /* @__PURE__ */ e("h3", { className: "text-[13px] font-semibold text-slate-800 dark:text-slate-100", children: "Profile fields" }),
       /* @__PURE__ */ e("p", { className: "mt-0.5 text-[11px] text-slate-400", children: "Extra details your organization tracks about people." })
     ] }),
-    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-3 p-4 sm:grid-cols-2", children: r.map((n) => /* @__PURE__ */ t("div", { children: [
-      /* @__PURE__ */ t("p", { className: "mb-1 text-[11px] font-medium text-slate-500", children: [
-        n.label,
-        n.required && /* @__PURE__ */ e("span", { className: "ml-0.5 text-red-500", children: "*" })
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-3 p-4 sm:grid-cols-2", children: t.map((r) => /* @__PURE__ */ a("div", { children: [
+      /* @__PURE__ */ a("p", { className: "mb-1 text-[11px] font-medium text-slate-500", children: [
+        r.label,
+        r.required && /* @__PURE__ */ e("span", { className: "ml-0.5 text-red-500", children: "*" })
       ] }),
-      n.type === "boolean" ? /* @__PURE__ */ e(
-        E,
+      r.type === "boolean" ? /* @__PURE__ */ e(
+        U,
         {
-          value: s[n.key] || "false",
+          value: c[r.key] || "false",
           options: [
             { value: "true", label: "Yes" },
             { value: "false", label: "No" }
           ],
-          onChange: (b) => o({ ...s, [n.key]: b })
+          onChange: (h) => o({ ...c, [r.key]: h })
         }
-      ) : n.type === "select" ? /* @__PURE__ */ e(
-        E,
+      ) : r.type === "select" ? /* @__PURE__ */ e(
+        U,
         {
-          value: s[n.key] || "",
+          value: c[r.key] || "",
           options: [
             { value: "", label: "—" },
-            ...u(n.options).map((b) => ({ value: b, label: b }))
+            ...m(r.options).map((h) => ({ value: h, label: h }))
           ],
-          onChange: (b) => o({ ...s, [n.key]: b })
+          onChange: (h) => o({ ...c, [r.key]: h })
         }
       ) : /* @__PURE__ */ e(
         "input",
         {
-          type: n.type === "number" ? "number" : n.type === "date" ? "date" : "text",
-          value: s[n.key] ?? "",
-          onChange: (b) => o({ ...s, [n.key]: b.target.value }),
+          type: r.type === "number" ? "number" : r.type === "date" ? "date" : "text",
+          value: c[r.key] ?? "",
+          onChange: (h) => o({ ...c, [r.key]: h.target.value }),
           className: "h-8 w-full rounded-md border border-slate-200 bg-background px-2 text-[12.5px] dark:border-border"
         }
       )
-    ] }, n.key)) }),
-    d && /* @__PURE__ */ t("div", { className: "flex justify-end gap-2 border-t border-slate-100 px-4 py-2.5 dark:border-border/60", children: [
+    ] }, r.key)) }),
+    i && /* @__PURE__ */ a("div", { className: "flex justify-end gap-2 border-t border-slate-100 px-4 py-2.5 dark:border-border/60", children: [
       /* @__PURE__ */ e(
         "button",
         {
@@ -157,7 +99,7 @@ function it() {
         {
           type: "button",
           disabled: l.isPending,
-          onClick: () => l.mutate(s),
+          onClick: () => l.mutate(c),
           className: "h-7 rounded-md bg-nvr-cyan px-3 text-[12px] font-semibold text-white disabled:opacity-50",
           children: l.isPending ? "Saving…" : "Save"
         }
@@ -165,279 +107,211 @@ function it() {
     ] })
   ] });
 }
-function dt() {
-  var me, pe;
-  const i = L(), m = K(), { data: r } = w({
+function st() {
+  var Y, W, se;
+  const s = A(), u = K(), { data: t } = v({
     queryKey: ["nvr-profile-prefs"],
-    queryFn: () => i.request(D("/users/me")).then((a) => {
-      var p;
-      return ((p = a.data) == null ? void 0 : p.preferences) ?? {};
+    queryFn: () => s.request(T("/users/me")).then((n) => {
+      var b;
+      return ((b = n.data) == null ? void 0 : b.preferences) ?? {};
     })
-  }), { data: d } = w({
+  }), { data: i } = v({
     queryKey: ["nvr-profile-teams"],
-    queryFn: () => i.request(D("/users/me")).then((a) => {
-      var p, x;
+    queryFn: () => s.request(T("/users/me")).then((n) => {
+      var b, N;
       return {
-        available: ((p = a.data) == null ? void 0 : p.teams_available) === !0,
-        link: ((x = a.data) == null ? void 0 : x.teams_link) ?? null
+        available: ((b = n.data) == null ? void 0 : b.teams_available) === !0,
+        link: ((N = n.data) == null ? void 0 : N.teams_link) ?? null
       };
     })
-  }), o = (d == null ? void 0 : d.available) === !0, l = ((me = d == null ? void 0 : d.link) == null ? void 0 : me.status) === "active", s = (r == null ? void 0 : r.notification_prefs) ?? {}, u = (r == null ? void 0 : r.email_digest) === "daily" ? "daily" : "instant", n = (a) => {
-    var p, x;
-    return ((x = (p = s.matrix) == null ? void 0 : p[a]) == null ? void 0 : x.email) ?? u;
-  }, [b, h] = q(null), [C, N] = q(null), T = b ?? s.quiet_start ?? "", v = C ?? s.quiet_end ?? "", O = _({
-    mutationFn: (a) => i.request(G("/users/me/preferences", { notification_prefs: a })),
+  }), o = (i == null ? void 0 : i.available) === !0, l = ((Y = i == null ? void 0 : i.link) == null ? void 0 : Y.status) === "active", c = ue(null), m = t != null;
+  Te(() => {
+    var n;
+    !m || typeof window > "u" || window.location.hash === "#notification-rules" && ((n = c.current) == null || n.scrollIntoView({ block: "start", behavior: "smooth" }));
+  }, [m]);
+  const r = (t == null ? void 0 : t.notification_prefs) ?? {}, { data: h } = v({
+    queryKey: ["nvr-my-rule-defaults"],
+    queryFn: () => s.request(T("/notifications/my-rule-defaults")).then((n) => n.data).catch(() => null),
+    staleTime: 6e4
+  }), p = (t == null ? void 0 : t.email_digest) === "daily" ? "daily" : "instant", S = Re(r, h != null && h.role ? h.rules : null), k = (n) => {
+    var b, N, B, le;
+    return ((N = (b = r.matrix) == null ? void 0 : b[n]) == null ? void 0 : N.email) ?? (p === "daily" ? "daily" : ((le = (B = S.matrix) == null ? void 0 : B[n]) == null ? void 0 : le.email) ?? p);
+  }, F = w({
+    mutationFn: (n) => s.request(G("/users/me/preferences", { notification_prefs: n })),
     onSuccess: () => {
-      m.invalidateQueries({ queryKey: ["nvr-profile-prefs"] }), le(["notification_prefs"]);
+      u.invalidateQueries({ queryKey: ["nvr-profile-prefs"] }), re(["notification_prefs"]);
     }
-  }), A = _({
-    mutationFn: (a) => i.request(G("/users/me/preferences", a)),
-    onSuccess: (a, p) => {
-      m.invalidateQueries({ queryKey: ["nvr-profile-prefs"] }), le(Object.keys(p));
+  }), f = w({
+    mutationFn: (n) => s.request(G("/users/me/preferences", n)),
+    onSuccess: (n, b) => {
+      u.invalidateQueries({ queryKey: ["nvr-profile-prefs"] }), re(Object.keys(b));
     }
-  }), [S, f] = q(null), z = _({
-    mutationFn: (a) => i.request(ae("/notifications/rules-preview", { notification_prefs: a })),
-    onSuccess: (a) => f({
-      total: a.data.total_notifications,
-      current: a.data.current,
-      proposed: a.data.proposed
+  }), [_, O] = C(null), q = w({
+    mutationFn: (n) => s.request(ee("/notifications/rules-preview", { notification_prefs: n })),
+    onSuccess: (n) => O({
+      total: n.data.total_notifications,
+      current: n.data.current,
+      proposed: n.data.proposed
     })
-  }), P = (a) => {
-    const p = {
-      quiet_start: a.quiet_start ?? (T || void 0),
-      quiet_end: a.quiet_end ?? (v || void 0),
-      matrix: a.matrix ?? s.matrix ?? {},
-      escalation: a.escalation ?? s.escalation ?? {},
+  }), g = (n) => {
+    const b = {
+      ...n,
       // Kept as-is: "mute 1h" said to the bot lives here, and a save must not wipe it.
-      ...s.teams_muted_until ? { teams_muted_until: s.teams_muted_until } : {}
+      ...r.teams_muted_until ? { teams_muted_until: r.teams_muted_until } : {}
     };
-    z.mutate(p), O.mutate(p);
-  }, y = (r == null ? void 0 : r.notification_sounds) ?? {}, $ = (a, p) => {
-    const x = { ...y };
-    p === "default" ? delete x[a] : x[a] = p, p !== "default" && ge(p, { preview: !0 }), A.mutate({ notification_sounds: Object.keys(x).length ? x : null });
-  }, { data: U } = w({
+    q.mutate(b), F.mutate(b);
+  }, $ = (n) => g({ ...r, ...n }), L = (t == null ? void 0 : t.notification_sounds) ?? {}, x = (n, b) => {
+    const N = { ...L };
+    b === "default" ? delete N[n] : N[n] = b, b !== "default" && de(b, { preview: !0 }), f.mutate({ notification_sounds: Object.keys(N).length ? N : null });
+  }, { data: R } = v({
     queryKey: ["nvr-noise-suggestions"],
-    queryFn: () => i.request(D("/notifications/noise-suggestions")).then((a) => a.data ?? []),
+    queryFn: () => s.request(T("/notifications/noise-suggestions")).then((n) => n.data ?? []),
     staleTime: 6e5
-  }), [j, c] = q({}), [k, F] = q(() => {
+  }), [j, E] = C({}), [d, y] = C(() => {
     try {
-      const a = JSON.parse(localStorage.getItem("nvr-noise-dismissed") ?? "null");
-      return a && Date.now() - a.at < 30 * 864e5 ? a.cats : [];
+      const n = JSON.parse(localStorage.getItem("nvr-noise-dismissed") ?? "null");
+      return n && Date.now() - n.at < 30 * 864e5 ? n.cats : [];
     } catch {
       return [];
     }
-  }), J = (a) => {
-    const p = [...k, a];
-    F(p);
+  }), P = (n) => {
+    const b = [...d, n];
+    y(b);
     try {
-      localStorage.setItem("nvr-noise-dismissed", JSON.stringify({ at: Date.now(), cats: p }));
+      localStorage.setItem("nvr-noise-dismissed", JSON.stringify({ at: Date.now(), cats: b }));
     } catch {
     }
-  }, M = (a, p, x) => {
-    var he;
-    const g = { ...((he = s.escalation) == null ? void 0 : he[a]) ?? {} };
-    x ? g[p] = x : delete g[p];
-    const H = { ...s.escalation ?? {} };
-    Object.keys(g).length ? H[a] = g : delete H[a], P({ escalation: H });
-  }, W = [
-    { value: "", label: "never" },
-    { value: "15", label: "15 min" },
-    { value: "60", label: "1 hour" },
-    { value: "240", label: "4 hours" },
-    { value: "480", label: "8 hours" },
-    { value: "1440", label: "1 day" }
-  ], Q = (a, p) => {
-    var g;
-    const x = ((g = s.matrix) == null ? void 0 : g[a]) ?? { inapp: !0, push: !0 };
-    P({
-      matrix: { ...s.matrix ?? {}, [a]: { ...x, [p]: x[p] === !1 } }
-    });
-  }, B = (a) => {
-    var x;
-    const p = ((x = s.matrix) == null ? void 0 : x[a]) ?? { inapp: !0, push: !0 };
-    P({ matrix: { ...s.matrix ?? {}, [a]: { ...p, teams: p.teams !== !0 } } });
-  }, V = (a, p) => {
-    var g;
-    const x = ((g = s.matrix) == null ? void 0 : g[a]) ?? { inapp: !0, push: !0 };
-    P({ matrix: { ...s.matrix ?? {}, [a]: { ...x, email: p } } });
-  }, Z = (a) => {
-    var g;
-    const p = ((g = s.matrix) == null ? void 0 : g[a]) ?? { inapp: !0, push: !0 }, x = { ...p };
-    p.quiet_override ? delete x.quiet_override : x.quiet_override = !0, P({ matrix: { ...s.matrix ?? {}, [a]: x } });
-  }, X = !!(T && v), ee = (a) => {
-    var x;
-    const p = {};
-    for (const g of te)
-      p[g.key] = { ...((x = s.matrix) == null ? void 0 : x[g.key]) ?? { inapp: !0, push: !0 }, email: a };
-    P({ matrix: p }), a !== "off" && A.mutate({ email_digest: a });
-  }, ke = Number.isInteger(Number(r == null ? void 0 : r.digest_hour)) ? Number(r == null ? void 0 : r.digest_hour) : 7, Ne = (a) => `${a % 12 === 0 ? 12 : a % 12}:45 ${a < 12 ? "AM" : "PM"}`, [de, ce] = q(null), re = _({
-    mutationFn: () => i.request(ae("/users/me/digest-test", {})),
-    onSuccess: (a) => ce(a.data.note),
-    onError: () => ce("Test send failed — try again.")
-  }), we = te.some((a) => n(a.key) === "daily"), ue = [
-    { value: "instant", label: "Individual email" },
-    { value: "daily", label: "Daily summary" },
-    { value: "off", label: "No email" }
-  ], I = ({ text: a }) => /* @__PURE__ */ e(
+  }, J = Number.isInteger(Number(t == null ? void 0 : t.digest_hour)) ? Number(t == null ? void 0 : t.digest_hour) : 7, D = (n) => `${n % 12 === 0 ? 12 : n % 12}:45 ${n < 12 ? "AM" : "PM"}`, [z, M] = C(null), I = w({
+    mutationFn: () => s.request(ee("/users/me/digest-test", {})),
+    onSuccess: (n) => M(n.data.note),
+    onError: () => M("Test send failed — try again.")
+  }), V = rt.some((n) => k(n.key) === "daily"), Z = ({ text: n }) => /* @__PURE__ */ e(
     "span",
     {
       className: "ml-1 inline-flex h-3.5 w-3.5 cursor-help items-center justify-center rounded-full border border-slate-300 text-[9px] font-semibold normal-case tracking-normal text-slate-400 dark:border-border",
       role: "img",
-      title: a,
-      "data-tip": a,
-      "aria-label": a,
+      title: n,
+      "data-tip": n,
+      "aria-label": n,
       children: "?"
     }
   );
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ a(
     "div",
     {
+      id: "notification-rules",
+      ref: c,
       "data-profile-card": "notifications",
       className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card",
       children: [
-        /* @__PURE__ */ t("header", { className: "border-b border-slate-100 px-4 py-2.5 dark:border-border/60", children: [
+        /* @__PURE__ */ a("header", { className: "border-b border-slate-100 px-4 py-2.5 dark:border-border/60", children: [
           /* @__PURE__ */ e("h3", { className: "text-[13px] font-semibold text-slate-800 dark:text-slate-100", children: "Notification rules" }),
           /* @__PURE__ */ e("p", { className: "mt-0.5 text-[11px] text-slate-400", children: "Per category: whether it lands in your in-app inbox, whether your browser pushes it, and how it reaches your email — each one as it happens, folded into the daily action summary, or not at all. Quiet hours pause pushes and hold emails until morning unless a category is let through them; critical alerts (SLA escalations, maintenance, monitor failures) always get through." })
         ] }),
-        /* @__PURE__ */ t("div", { className: "space-y-3 p-4", children: [
-          (U ?? []).filter((a) => !k.includes(a.category)).map((a) => /* @__PURE__ */ t(
+        /* @__PURE__ */ a("div", { className: "space-y-3 p-4", children: [
+          (R ?? []).filter((n) => !d.includes(n.category)).map((n) => /* @__PURE__ */ a(
             "div",
             {
-              "data-noise-suggestion": a.category,
+              "data-noise-suggestion": n.category,
               className: "flex flex-wrap items-center gap-2 rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-[12px] text-amber-900 dark:border-amber-900/50 dark:bg-amber-950/30 dark:text-amber-200",
               children: [
-                /* @__PURE__ */ t("span", { className: "min-w-0 flex-1", children: [
-                  a.message,
+                /* @__PURE__ */ a("span", { className: "min-w-0 flex-1", children: [
+                  n.message,
                   " Mute them?"
                 ] }),
-                a.category in j ? /* @__PURE__ */ e(
+                n.category in j ? /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
                     className: "underline",
                     onClick: () => {
-                      P({
+                      $({
                         matrix: {
-                          ...s.matrix ?? {},
-                          [a.category]: j[a.category]
+                          ...r.matrix ?? {},
+                          [n.category]: j[n.category]
                         }
-                      }), c(({ [a.category]: p, ...x }) => x);
+                      }), E(({ [n.category]: b, ...N }) => N);
                     },
                     children: "Muted — undo"
                   }
-                ) : /* @__PURE__ */ t(oe, { children: [
+                ) : /* @__PURE__ */ a(X, { children: [
                   /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
                       className: "rounded border border-amber-300 px-2 py-0.5 font-medium dark:border-amber-800",
                       onClick: () => {
-                        var x;
-                        const p = ((x = s.matrix) == null ? void 0 : x[a.category]) ?? { inapp: !0, push: !0 };
-                        c((g) => ({ ...g, [a.category]: p })), P({
+                        var N;
+                        const b = ((N = r.matrix) == null ? void 0 : N[n.category]) ?? { inapp: !0, push: !0 };
+                        E((B) => ({ ...B, [n.category]: b })), $({
                           matrix: {
-                            ...s.matrix ?? {},
-                            [a.category]: { ...p, inapp: !1, push: !1 }
+                            ...r.matrix ?? {},
+                            [n.category]: { ...b, inapp: !1, push: !1 }
                           }
                         });
                       },
                       children: "Mute"
                     }
                   ),
-                  /* @__PURE__ */ e("button", { type: "button", className: "underline", onClick: () => J(a.category), children: "Not now" })
+                  /* @__PURE__ */ e("button", { type: "button", className: "underline", onClick: () => P(n.category), children: "Not now" })
                 ] })
               ]
             },
-            a.category
+            n.category
           )),
-          S && S.total > 0 && /* @__PURE__ */ t(
+          _ && _.total > 0 && /* @__PURE__ */ a(
             "div",
             {
               "data-rules-preview": !0,
               className: "flex flex-wrap items-center gap-2 rounded-md border border-slate-200 bg-slate-50 px-3 py-2 text-[12px] text-slate-600 dark:border-border dark:bg-background/40 dark:text-muted-foreground",
               children: [
-                /* @__PURE__ */ t("span", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ a("span", { className: "min-w-0 flex-1", children: [
                   "Last week with this change: ",
-                  S.proposed.inapp,
+                  _.proposed.inapp,
                   " in-app instead of",
                   " ",
-                  S.current.inapp,
+                  _.current.inapp,
                   ", ",
-                  S.proposed.email_sent,
+                  _.proposed.email_sent,
                   " emails instead of",
                   " ",
-                  S.current.email_sent,
+                  _.current.email_sent,
                   ", ",
-                  S.proposed.push,
+                  _.proposed.push,
                   " pushes instead of",
                   " ",
-                  S.current.push,
+                  _.current.push,
                   "."
                 ] }),
-                /* @__PURE__ */ e("button", { type: "button", className: "underline", onClick: () => f(null), children: "Dismiss" })
+                /* @__PURE__ */ e("button", { type: "button", className: "underline", onClick: () => O(null), children: "Dismiss" })
               ]
             }
           ),
-          /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2 text-[12.5px] text-slate-600 dark:text-muted-foreground", children: [
-            "Quiet hours (ET):",
-            /* @__PURE__ */ e(
-              "input",
-              {
-                type: "time",
-                value: T,
-                onChange: (a) => h(a.target.value),
-                onBlur: () => P({ quiet_start: T || void 0 }),
-                className: "h-7 rounded-md border border-slate-200 bg-background px-1.5 text-[12px] dark:border-border"
-              }
-            ),
-            /* @__PURE__ */ e("span", { children: "to" }),
-            /* @__PURE__ */ e(
-              "input",
-              {
-                type: "time",
-                value: v,
-                onChange: (a) => N(a.target.value),
-                onBlur: () => P({ quiet_end: v || void 0 }),
-                className: "h-7 rounded-md border border-slate-200 bg-background px-1.5 text-[12px] dark:border-border"
-              }
-            ),
-            (T || v) && /* @__PURE__ */ e(
-              "button",
-              {
-                type: "button",
-                onClick: () => {
-                  h(""), N(""), O.mutate({ matrix: s.matrix ?? {} });
-                },
-                className: "text-[11.5px] text-slate-400 underline decoration-dotted underline-offset-2",
-                children: "Clear"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2 text-[12.5px] text-slate-600 dark:text-muted-foreground", children: [
+          /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-2 text-[12.5px] text-slate-600 dark:text-muted-foreground", children: [
             "Sound:",
             /* @__PURE__ */ e(
-              E,
+              U,
               {
-                value: String((r == null ? void 0 : r.notification_sound) ?? "off"),
+                value: String((t == null ? void 0 : t.notification_sound) ?? "off"),
                 options: [
                   { value: "off", label: "Off" },
                   { value: "subtle", label: "Subtle blip" },
                   { value: "chime", label: "Chime" }
                 ],
-                onChange: (a) => {
-                  ge(a, { preview: !0 }), A.mutate({ notification_sound: a });
+                onChange: (n) => {
+                  de(n, { preview: !0 }), f.mutate({ notification_sound: n });
                 }
               }
             ),
             /* @__PURE__ */ e("span", { className: "text-[11px] text-slate-400", children: "plays when a notification or a direct message arrives" })
           ] }),
-          /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2 text-[12.5px] text-slate-600 dark:text-muted-foreground", children: [
+          /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-2 text-[12.5px] text-slate-600 dark:text-muted-foreground", children: [
             /* @__PURE__ */ e(
-              st,
+              et,
               {
-                on: (r == null ? void 0 : r.huddle_hold_notifications) !== !1,
-                onChange: () => A.mutate({
-                  huddle_hold_notifications: (r == null ? void 0 : r.huddle_hold_notifications) === !1
+                on: (t == null ? void 0 : t.huddle_hold_notifications) !== !1,
+                onChange: () => f.mutate({
+                  huddle_hold_notifications: (t == null ? void 0 : t.huddle_hold_notifications) === !1
                 }),
                 label: "Hold notifications during huddles"
               }
@@ -445,188 +319,82 @@ function dt() {
             "Hold notifications during huddles",
             /* @__PURE__ */ e("span", { className: "text-[11px] text-slate-400", children: "toasts and sounds wait while you talk; you get one summary when you leave" })
           ] }),
-          /* @__PURE__ */ t("table", { className: "w-full text-[12px]", children: [
-            /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { className: "text-left text-[10.5px] uppercase tracking-wide text-slate-400", children: [
-              /* @__PURE__ */ e("th", { className: "py-1 font-semibold", children: "Category" }),
-              /* @__PURE__ */ t("th", { className: "py-1 text-center font-semibold", children: [
-                "In-app",
-                /* @__PURE__ */ e(I, { text: "The notification itself: the bell badge and your Notifications inbox in the app. Off = no row is written for this category, so nothing shows anywhere in the app." })
-              ] }),
-              /* @__PURE__ */ t("th", { className: "py-1 text-center font-semibold", children: [
-                "Push",
-                /* @__PURE__ */ e(I, { text: "A browser / device alert (the popup you get even with the tab closed) on devices where you allowed notifications. Off keeps the in-app row but stops the device alert. Quiet hours pause pushes too." })
-              ] }),
-              /* @__PURE__ */ t("th", { className: "py-1 text-center font-semibold", children: [
-                "Email",
-                /* @__PURE__ */ e(I, { text: "Individual email = one message as each event happens. Daily summary = held and delivered once a day in your action summary (deliver-at time below). No email = never emailed for this category (in-app and push are unaffected)." })
-              ] }),
-              o && /* @__PURE__ */ t("th", { className: "py-1 text-center font-semibold", "data-teams-column": "", children: [
-                "Teams",
-                /* @__PURE__ */ e(I, { text: 'A message from the Nivaro bot in Microsoft Teams. Off by default: connect Teams, then turn on the categories you want there. Say "mute 1h" to the bot to pause them for a while.' }),
-                /* @__PURE__ */ e("div", { className: "mt-0.5", children: /* @__PURE__ */ e(et, { linked: l, linkedAt: (pe = d == null ? void 0 : d.link) == null ? void 0 : pe.linked_at }) })
-              ] }),
-              /* @__PURE__ */ t("th", { className: "py-1 text-center font-semibold", children: [
-                "Sound",
-                /* @__PURE__ */ e(I, { text: "A different sound for this category, or none. Default follows the Sound setting above." })
-              ] }),
-              /* @__PURE__ */ t("th", { className: "py-1 text-center font-semibold", children: [
-                "Quiet hours",
-                /* @__PURE__ */ e(I, { text: "Ticked = this category still pushes and emails during your quiet hours (the in-app row always lands either way). Leave it off to have quiet hours hold this category until morning. Critical alerts always get through." })
-              ] })
-            ] }) }),
-            /* @__PURE__ */ e("tbody", { children: te.map((a) => {
-              var x;
-              const p = ((x = s.matrix) == null ? void 0 : x[a.key]) ?? {};
-              return /* @__PURE__ */ t("tr", { className: "border-t border-slate-100 dark:border-border", children: [
-                /* @__PURE__ */ t("td", { className: "py-1.5 text-slate-700 dark:text-foreground", children: [
-                  a.label,
-                  /* @__PURE__ */ e(I, { text: a.help })
-                ] }),
-                ["inapp", "push"].map((g) => /* @__PURE__ */ e("td", { className: "py-1.5 text-center", children: /* @__PURE__ */ e(
-                  "input",
-                  {
-                    type: "checkbox",
-                    checked: p[g] !== !1,
-                    onChange: () => Q(a.key, g),
-                    disabled: O.isPending,
-                    "aria-label": `${g === "inapp" ? "In-app" : "Push"} for ${a.label}`,
-                    "data-notify-channel": `${a.key}:${g}`,
-                    className: "h-3.5 w-3.5"
-                  }
-                ) }, g)),
-                /* @__PURE__ */ e("td", { className: "py-1 text-center", children: /* @__PURE__ */ e("div", { className: "inline-block", children: /* @__PURE__ */ e(
-                  E,
-                  {
-                    ariaLabel: `Email for ${a.label}`,
-                    value: n(a.key),
-                    options: ue,
-                    onChange: (g) => V(a.key, g)
-                  }
-                ) }) }),
-                o && /* @__PURE__ */ e("td", { className: "py-1.5 text-center", children: /* @__PURE__ */ e(
-                  "input",
-                  {
-                    type: "checkbox",
-                    checked: p.teams === !0,
-                    onChange: () => B(a.key),
-                    disabled: O.isPending || !l,
-                    "aria-label": `Teams for ${a.label}`,
-                    title: l ? void 0 : "Connect Teams first",
-                    "data-notify-channel": `${a.key}:teams`,
-                    className: "h-3.5 w-3.5"
-                  }
-                ) }),
-                /* @__PURE__ */ e("td", { className: "py-1 text-center", children: /* @__PURE__ */ e("div", { className: "inline-block", children: /* @__PURE__ */ e(
-                  E,
-                  {
-                    ariaLabel: `Sound for ${a.label}`,
-                    value: y[a.key] ?? "default",
-                    options: [
-                      { value: "default", label: "Default" },
-                      { value: "off", label: "None" },
-                      { value: "subtle", label: "Subtle blip" },
-                      { value: "chime", label: "Chime" }
-                    ],
-                    onChange: (g) => $(a.key, g)
-                  }
-                ) }) }),
-                /* @__PURE__ */ e("td", { className: "py-1.5 text-center", children: /* @__PURE__ */ e(
-                  "input",
-                  {
-                    type: "checkbox",
-                    checked: p.quiet_override === !0,
-                    onChange: () => Z(a.key),
-                    disabled: O.isPending,
-                    "aria-label": `Let ${a.label} through quiet hours`,
-                    title: X ? void 0 : "Set quiet hours above for this to matter — it is remembered either way",
-                    "data-quiet-override": a.key,
-                    className: "h-3.5 w-3.5"
-                  }
-                ) })
-              ] }, a.key);
-            }) })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2 text-[11.5px] text-slate-500 dark:text-muted-foreground", children: [
-            /* @__PURE__ */ e("span", { children: "All email:" }),
-            ue.map((a) => /* @__PURE__ */ e(
-              "button",
-              {
-                type: "button",
-                disabled: O.isPending,
-                onClick: () => ee(a.value),
-                className: "rounded border border-slate-200 px-2 py-0.5 hover:border-slate-400 hover:text-slate-800 dark:border-border dark:hover:text-foreground",
-                children: a.label
-              },
-              a.value
-            ))
-          ] }),
-          /* @__PURE__ */ t("div", { className: "space-y-2 rounded-md border border-slate-100 bg-slate-50/60 px-3 py-2 dark:border-border/60 dark:bg-background/40", children: [
-            /* @__PURE__ */ t("p", { className: "text-[12px] font-medium text-slate-700 dark:text-foreground", children: [
-              "If it stays unread",
-              /* @__PURE__ */ e("span", { className: "ml-1.5 text-[11px] font-normal text-slate-400", children: "one notification climbs channels on your schedule — push, then email — and stops the moment you read it. A channel that already delivered it is not repeated." })
-            ] }),
-            /* @__PURE__ */ t("table", { className: "w-full text-[12px]", children: [
-              /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { className: "text-left text-[10.5px] uppercase tracking-wide text-slate-400", children: [
-                /* @__PURE__ */ e("th", { className: "py-1 font-semibold", children: "Category" }),
-                /* @__PURE__ */ t("th", { className: "py-1 font-semibold", children: [
-                  "Push after",
-                  /* @__PURE__ */ e(I, { text: "Still unread after this long → a browser / device push (needs a registered device; quiet hours do not apply to escalations you asked for)." })
+          /* @__PURE__ */ e(
+            Ee,
+            {
+              subject: "person",
+              value: r,
+              inherited: h != null && h.role ? h.rules : null,
+              inheritedName: ((W = h == null ? void 0 : h.role) == null ? void 0 : W.name) ?? null,
+              legacyEmail: p,
+              saving: F.isPending,
+              onCommit: (n) => g(n),
+              onLegacyEmail: (n) => f.mutate({ email_digest: n }),
+              teams: o ? {
+                available: !0,
+                linked: l,
+                header: /* @__PURE__ */ e("div", { className: "mt-0.5", children: /* @__PURE__ */ e(Ge, { linked: l, linkedAt: (se = i == null ? void 0 : i.link) == null ? void 0 : se.linked_at }) })
+              } : null,
+              extraColumn: {
+                header: /* @__PURE__ */ a(X, { children: [
+                  "Sound",
+                  /* @__PURE__ */ e(Z, { text: "A different sound for this category, or none. Default follows the Sound setting above." })
                 ] }),
-                /* @__PURE__ */ t("th", { className: "py-1 font-semibold", children: [
-                  "Email after",
-                  /* @__PURE__ */ e(I, { text: "Still unread after this long → one email with the notification, regardless of the Email column above (No email still means no email at delivery time; this is the fallback)." })
-                ] })
-              ] }) }),
-              /* @__PURE__ */ e("tbody", { children: te.map((a) => {
-                var x;
-                const p = ((x = s.escalation) == null ? void 0 : x[a.key]) ?? {};
-                return /* @__PURE__ */ t("tr", { className: "border-t border-slate-100 dark:border-border", children: [
-                  /* @__PURE__ */ e("td", { className: "py-1 text-slate-700 dark:text-foreground", children: a.label }),
-                  ["push_after_min", "email_after_min"].map((g) => /* @__PURE__ */ e("td", { className: "py-1", children: /* @__PURE__ */ e(
-                    E,
+                cell: (n, b) => /* @__PURE__ */ a("div", { className: "inline-block", children: [
+                  /* @__PURE__ */ e(
+                    U,
                     {
-                      ariaLabel: `${g === "push_after_min" ? "Push" : "Email"} after for ${a.label}`,
-                      value: p[g] ? String(p[g]) : "",
-                      options: W,
-                      onChange: (H) => M(a.key, g, H ? Number(H) : null)
+                      ariaLabel: `Sound for ${b}`,
+                      value: L[n] ?? "default",
+                      options: [
+                        { value: "default", label: "Default" },
+                        { value: "off", label: "None" },
+                        { value: "subtle", label: "Subtle blip" },
+                        { value: "chime", label: "Chime" }
+                      ],
+                      onChange: (N) => x(n, N)
                     }
-                  ) }, g))
-                ] }, a.key);
-              }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "space-y-2 rounded-md border border-slate-100 bg-slate-50/60 px-3 py-2 dark:border-border/60 dark:bg-background/40", children: [
-            /* @__PURE__ */ t("p", { className: "text-[12px] font-medium text-slate-700 dark:text-foreground", children: [
+                  ),
+                  /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-2", children: [
+                    /* @__PURE__ */ e(Ie, {}),
+                    /* @__PURE__ */ e("span", { className: "text-[11px] text-slate-400", children: "see what would happen to a notification for you right now, and which rule decides it" })
+                  ] })
+                ] })
+              }
+            }
+          ),
+          /* @__PURE__ */ a("div", { className: "space-y-2 rounded-md border border-slate-100 bg-slate-50/60 px-3 py-2 dark:border-border/60 dark:bg-background/40", children: [
+            /* @__PURE__ */ a("p", { className: "text-[12px] font-medium text-slate-700 dark:text-foreground", children: [
               "Daily action summary",
-              /* @__PURE__ */ t("span", { className: "ml-1.5 text-[11px] font-normal text-slate-400", children: [
+              /* @__PURE__ */ a("span", { className: "ml-1.5 text-[11px] font-normal text-slate-400", children: [
                 "one morning email — every category set to Daily summary, plus items assigned to you and invoices awaiting your review",
-                !we && " · nothing is set to Daily summary yet"
+                !V && " · nothing is set to Daily summary yet"
               ] })
             ] }),
-            /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-2 text-[12px] text-slate-600 dark:text-muted-foreground", children: [
-              /* @__PURE__ */ t("span", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-2 text-[12px] text-slate-600 dark:text-muted-foreground", children: [
+              /* @__PURE__ */ a("span", { className: "flex items-center gap-1.5", children: [
                 "Deliver at",
                 /* @__PURE__ */ e(
-                  E,
+                  U,
                   {
                     ariaLabel: "Digest delivery hour",
-                    value: String(ke),
-                    onChange: (a) => A.mutate({ digest_hour: Number(a) }),
-                    options: Array.from({ length: 24 }, (a, p) => ({
-                      value: String(p),
-                      label: Ne(p)
+                    value: String(J),
+                    onChange: (n) => f.mutate({ digest_hour: Number(n) }),
+                    options: Array.from({ length: 24 }, (n, b) => ({
+                      value: String(b),
+                      label: D(b)
                     }))
                   }
                 ),
                 /* @__PURE__ */ e("span", { className: "text-[11px] text-slate-400", children: "Eastern time" })
               ] }),
-              /* @__PURE__ */ t("label", { className: "flex cursor-pointer items-center gap-1.5", children: [
+              /* @__PURE__ */ a("label", { className: "flex cursor-pointer items-center gap-1.5", children: [
                 /* @__PURE__ */ e(
                   "input",
                   {
                     type: "checkbox",
-                    checked: (r == null ? void 0 : r.digest_layout) === "compact",
-                    onChange: (a) => A.mutate({ digest_layout: a.target.checked ? "compact" : "detailed" }),
+                    checked: (t == null ? void 0 : t.digest_layout) === "compact",
+                    onChange: (n) => f.mutate({ digest_layout: n.target.checked ? "compact" : "detailed" }),
                     className: "rounded"
                   }
                 ),
@@ -636,40 +404,40 @@ function dt() {
                 "button",
                 {
                   type: "button",
-                  disabled: re.isPending,
-                  onClick: () => re.mutate(),
+                  disabled: I.isPending,
+                  onClick: () => I.mutate(),
                   className: "text-[12px] text-slate-500 underline decoration-dotted underline-offset-2 hover:text-slate-700 disabled:opacity-50 dark:text-slate-400 dark:hover:text-slate-200",
-                  children: re.isPending ? "Building…" : "Send me a test summary now"
+                  children: I.isPending ? "Building…" : "Send me a test summary now"
                 }
               ),
-              de && /* @__PURE__ */ e("span", { className: "text-[11.5px] text-slate-400", children: de })
+              z && /* @__PURE__ */ e("span", { className: "text-[11.5px] text-slate-400", children: z })
             ] })
           ] }),
-          /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-4 border-t border-slate-100 pt-3 text-[12.5px] text-slate-600 dark:border-border/60 dark:text-muted-foreground", children: [
+          /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-4 border-t border-slate-100 pt-3 text-[12.5px] text-slate-600 dark:border-border/60 dark:text-muted-foreground", children: [
             /* @__PURE__ */ e("span", { className: "text-[11.5px] text-slate-400", children: "Auto-watch records I…" }),
             [
               ["created", "create"],
               ["commented", "comment on"],
               ["transitioned", "move through a workflow"]
-            ].map(([a, p]) => {
-              var x;
-              return /* @__PURE__ */ t("label", { className: "flex cursor-pointer items-center gap-1.5", children: [
+            ].map(([n, b]) => {
+              var N;
+              return /* @__PURE__ */ a("label", { className: "flex cursor-pointer items-center gap-1.5", children: [
                 /* @__PURE__ */ e(
                   "input",
                   {
                     type: "checkbox",
-                    checked: ((x = r == null ? void 0 : r.auto_watch) == null ? void 0 : x[a]) === !0,
-                    onChange: (g) => A.mutate({
+                    checked: ((N = t == null ? void 0 : t.auto_watch) == null ? void 0 : N[n]) === !0,
+                    onChange: (B) => f.mutate({
                       auto_watch: {
-                        ...(r == null ? void 0 : r.auto_watch) ?? {},
-                        [a]: g.target.checked
+                        ...(t == null ? void 0 : t.auto_watch) ?? {},
+                        [n]: B.target.checked
                       }
                     }),
                     className: "rounded"
                   }
                 ),
-                p
-              ] }, a);
+                b
+              ] }, n);
             })
           ] })
         ] })
@@ -677,18 +445,18 @@ function dt() {
     }
   );
 }
-function ct() {
-  const i = L(), m = K(), { data: r } = w({
+function lt() {
+  const s = A(), u = K(), { data: t } = v({
     queryKey: ["nvr-profile-prefs"],
-    queryFn: () => i.request(D("/users/me")).then((s) => {
-      var u;
-      return ((u = s.data) == null ? void 0 : u.preferences) ?? {};
+    queryFn: () => s.request(T("/users/me")).then((c) => {
+      var m;
+      return ((m = c.data) == null ? void 0 : m.preferences) ?? {};
     })
-  }), d = (r == null ? void 0 : r.link_app) === "portal" || (r == null ? void 0 : r.link_app) === "admin" ? r.link_app : "auto", o = _({
-    mutationFn: (s) => i.request(G("/users/me/preferences", { link_app: s })),
-    onSuccess: () => void m.invalidateQueries({ queryKey: ["nvr-profile-prefs"] })
+  }), i = (t == null ? void 0 : t.link_app) === "portal" || (t == null ? void 0 : t.link_app) === "admin" ? t.link_app : "auto", o = w({
+    mutationFn: (c) => s.request(G("/users/me/preferences", { link_app: c })),
+    onSuccess: () => void u.invalidateQueries({ queryKey: ["nvr-profile-prefs"] })
   });
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ a(
     "div",
     {
       className: "rounded-xl border border-slate-200 bg-white p-5 dark:border-border dark:bg-card",
@@ -700,356 +468,356 @@ function ct() {
           { v: "auto", label: "Automatic", hint: "Admins open the admin, everyone else the portal" },
           { v: "portal", label: "Portal", hint: "Always the front-end app" },
           { v: "admin", label: "Admin", hint: "Always the admin console" }
-        ].map((s) => /* @__PURE__ */ e(
+        ].map((c) => /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            title: s.hint,
-            onClick: () => o.mutate(s.v),
-            className: d === s.v ? "rounded bg-nvr-cyan px-3 py-1 text-[12.5px] font-medium text-white" : "rounded px-3 py-1 text-[12.5px] font-medium text-slate-600 hover:bg-slate-100 dark:text-muted-foreground dark:hover:bg-muted",
-            children: s.label
+            title: c.hint,
+            onClick: () => o.mutate(c.v),
+            className: i === c.v ? "rounded bg-nvr-cyan px-3 py-1 text-[12.5px] font-medium text-white" : "rounded px-3 py-1 text-[12.5px] font-medium text-slate-600 hover:bg-slate-100 dark:text-muted-foreground dark:hover:bg-muted",
+            children: c.label
           },
-          s.v
+          c.v
         )) })
       ]
     }
   );
 }
-function ut() {
-  const i = L(), m = K(), [r, d] = q(""), o = (() => {
+function ot() {
+  const s = A(), u = K(), [t, i] = C(""), o = (() => {
     try {
       return Intl.DateTimeFormat().resolvedOptions().timeZone;
     } catch {
       return "UTC";
     }
   })(), l = (() => {
-    var h;
+    var p;
     try {
-      return ((h = Intl.supportedValuesOf) == null ? void 0 : h.call(
+      return ((p = Intl.supportedValuesOf) == null ? void 0 : p.call(
         Intl,
         "timeZone"
       )) ?? [];
     } catch {
       return [];
     }
-  })(), { data: s } = w({
+  })(), { data: c } = v({
     queryKey: ["nvr-profile-prefs"],
-    queryFn: () => i.request(D("/users/me")).then((h) => {
-      var C;
-      return ((C = h.data) == null ? void 0 : C.preferences) ?? {};
+    queryFn: () => s.request(T("/users/me")).then((p) => {
+      var S;
+      return ((S = p.data) == null ? void 0 : S.preferences) ?? {};
     })
-  }), u = typeof (s == null ? void 0 : s.timezone) == "string" ? s.timezone : null, n = _({
-    mutationFn: (h) => i.request(G("/users/me/preferences", { timezone: h })),
-    onSuccess: (h, C) => {
-      ze(C), d(""), m.invalidateQueries({ queryKey: ["nvr-profile-prefs"] });
+  }), m = typeof (c == null ? void 0 : c.timezone) == "string" ? c.timezone : null, r = w({
+    mutationFn: (p) => s.request(G("/users/me/preferences", { timezone: p })),
+    onSuccess: (p, S) => {
+      Ke(S), i(""), u.invalidateQueries({ queryKey: ["nvr-profile-prefs"] });
     }
-  }), b = r.length > 1 ? l.filter((h) => h.toLowerCase().includes(r.toLowerCase())).slice(0, 8) : [];
-  return /* @__PURE__ */ t(
+  }), h = t.length > 1 ? l.filter((p) => p.toLowerCase().includes(t.toLowerCase())).slice(0, 8) : [];
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-profile-card": "timezone",
       className: "rounded-xl border border-slate-200 bg-white p-5 dark:border-border dark:bg-card",
       children: [
         /* @__PURE__ */ e("p", { className: "text-[13.5px] font-semibold text-slate-800 dark:text-slate-100", children: "Timezone" }),
-        /* @__PURE__ */ t("p", { className: "mt-0.5 text-[12px] text-slate-500 dark:text-muted-foreground", children: [
+        /* @__PURE__ */ a("p", { className: "mt-0.5 text-[12px] text-slate-500 dark:text-muted-foreground", children: [
           "Dates and times render in this zone. Your browser reports",
           " ",
           /* @__PURE__ */ e("span", { className: "font-medium", children: o }),
           "."
         ] }),
-        /* @__PURE__ */ t("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: [
-          /* @__PURE__ */ e("span", { className: "inline-flex items-center gap-1.5 rounded-full bg-nvr-cyan/10 px-2.5 py-1 text-[12px] font-medium text-nvr-navy dark:text-nvr-cyan", children: u ?? `${o} (browser default)` }),
-          u && /* @__PURE__ */ e(
+        /* @__PURE__ */ a("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ e("span", { className: "inline-flex items-center gap-1.5 rounded-full bg-nvr-cyan/10 px-2.5 py-1 text-[12px] font-medium text-nvr-navy dark:text-nvr-cyan", children: m ?? `${o} (browser default)` }),
+          m && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: () => n.mutate(null),
+              onClick: () => r.mutate(null),
               className: "text-[12px] text-slate-400 hover:text-slate-600 dark:hover:text-slate-300",
               children: "Use browser default"
             }
           )
         ] }),
-        /* @__PURE__ */ t("div", { className: "relative mt-2", children: [
+        /* @__PURE__ */ a("div", { className: "relative mt-2", children: [
           /* @__PURE__ */ e(
             "input",
             {
-              value: r,
-              onChange: (h) => d(h.target.value),
+              value: t,
+              onChange: (p) => i(p.target.value),
               placeholder: "Change zone… (e.g. America/Denver)",
               className: "h-8 w-[280px] rounded-md border border-slate-200 bg-background px-2.5 text-[12.5px] dark:border-border"
             }
           ),
-          b.length > 0 && /* @__PURE__ */ e("div", { className: "absolute z-10 mt-1 w-[280px] rounded-md border border-slate-200 bg-white shadow-lg dark:border-border dark:bg-card", children: b.map((h) => /* @__PURE__ */ e(
+          h.length > 0 && /* @__PURE__ */ e("div", { className: "absolute z-10 mt-1 w-[280px] rounded-md border border-slate-200 bg-white shadow-lg dark:border-border dark:bg-card", children: h.map((p) => /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: () => n.mutate(h),
+              onClick: () => r.mutate(p),
               className: "block w-full px-2.5 py-1.5 text-left text-[12.5px] text-slate-700 hover:bg-muted dark:text-foreground",
-              children: h
+              children: p
             },
-            h
+            p
           )) })
         ] })
       ]
     }
   );
 }
-function mt() {
-  const i = L(), m = K(), { data: r } = w({
+function it() {
+  const s = A(), u = K(), { data: t } = v({
     queryKey: ["nvr-profile-scopes"],
-    queryFn: () => i.request(qe()).then((o) => o.data)
-  }), d = _({
-    mutationFn: ({ dimension: o, values: l }) => i.request(Ce(o, l)),
-    onSuccess: () => void m.invalidateQueries({ queryKey: ["nvr-profile-scopes"] })
+    queryFn: () => s.request(xe()).then((o) => o.data)
+  }), i = w({
+    mutationFn: ({ dimension: o, values: l }) => s.request(ge(o, l)),
+    onSuccess: () => void u.invalidateQueries({ queryKey: ["nvr-profile-scopes"] })
   });
-  return !r || r.dimensions.length === 0 ? null : /* @__PURE__ */ e(
-    ie,
+  return !t || t.dimensions.length === 0 ? null : /* @__PURE__ */ e(
+    ne,
     {
       testId: "scopes",
-      icon: /* @__PURE__ */ e(Ee, { className: "h-4 w-4" }),
+      icon: /* @__PURE__ */ e(Ce, { className: "h-4 w-4" }),
       title: "Default filters",
       hint: "Pre-selected in browsers and reports — clear anytime",
-      children: /* @__PURE__ */ e("div", { className: "space-y-3", children: r.dimensions.map((o) => /* @__PURE__ */ e(
-        pt,
+      children: /* @__PURE__ */ e("div", { className: "space-y-3", children: t.dimensions.map((o) => /* @__PURE__ */ e(
+        dt,
         {
           dimension: o,
-          selected: r.defaults[o.name] ?? [],
-          restricted: r.restricted[o.name],
-          onSave: (l) => d.mutate({ dimension: o.name, values: l })
+          selected: t.defaults[o.name] ?? [],
+          restricted: t.restricted[o.name],
+          onSave: (l) => i.mutate({ dimension: o.name, values: l })
         },
         o.name
       )) })
     }
   );
 }
-function pt({
-  dimension: i,
-  selected: m,
-  restricted: r,
-  onSave: d
+function dt({
+  dimension: s,
+  selected: u,
+  restricted: t,
+  onSave: i
 }) {
-  const o = L(), l = i.display_field ?? "name", [s, u] = q(""), [n, b] = q(!1), { data: h = [] } = w({
-    queryKey: ["nvr-scope-options", i.name],
+  const o = A(), l = s.display_field ?? "name", [c, m] = C(""), [r, h] = C(!1), { data: p = [] } = v({
+    queryKey: ["nvr-scope-options", s.name],
     queryFn: async () => ((await o.request(
-      ne(i.target_collection, {
+      te(s.target_collection, {
         fields: ["id", l],
-        sort: i.options_sort ? [i.options_sort] : void 0,
+        sort: s.options_sort ? [s.options_sort] : void 0,
         limit: 200
       })
-    )).data ?? []).map((k) => ({
-      id: k.id,
-      label: String(k[l] ?? k.id)
+    )).data ?? []).map((y) => ({
+      id: y.id,
+      label: String(y[l] ?? y.id)
     }))
-  }), C = r != null && r.length ? new Set(r.map(String)) : null, N = C ? h.filter((c) => C.has(String(c.id))) : h, T = new Set(m.map(String)), v = N.length > 24 || h.length >= 200 && !C, { data: O = [], isFetching: A } = w({
-    queryKey: ["nvr-scope-search", i.name, s],
+  }), S = t != null && t.length ? new Set(t.map(String)) : null, k = S ? p.filter((d) => S.has(String(d.id))) : p, F = new Set(u.map(String)), f = k.length > 24 || p.length >= 200 && !S, { data: _ = [], isFetching: O } = v({
+    queryKey: ["nvr-scope-search", s.name, c],
     queryFn: async () => {
-      const k = ((await o.request(
-        ne(i.target_collection, {
+      const y = ((await o.request(
+        te(s.target_collection, {
           fields: ["id", l],
-          filter: { [l]: { _contains: s } },
-          sort: i.options_sort ? [i.options_sort] : void 0,
+          filter: { [l]: { _contains: c } },
+          sort: s.options_sort ? [s.options_sort] : void 0,
           limit: 30
         })
-      )).data ?? []).map((F) => ({
-        id: F.id,
-        label: String(F[l] ?? F.id)
+      )).data ?? []).map((P) => ({
+        id: P.id,
+        label: String(P[l] ?? P.id)
       }));
-      return C ? k.filter((F) => C.has(String(F.id))) : k;
+      return S ? y.filter((P) => S.has(String(P.id))) : y;
     },
-    enabled: v && s.trim().length > 0,
-    placeholderData: (c) => c
-  }), S = new Map(h.map((c) => [String(c.id), c.label]));
-  for (const c of O) S.set(String(c.id), c.label);
-  const f = m.filter((c) => !S.has(String(c))), { data: z = [] } = w({
-    queryKey: ["nvr-scope-selected-labels", i.name, f.map(String).sort().join(",")],
+    enabled: f && c.trim().length > 0,
+    placeholderData: (d) => d
+  }), q = new Map(p.map((d) => [String(d.id), d.label]));
+  for (const d of _) q.set(String(d.id), d.label);
+  const g = u.filter((d) => !q.has(String(d))), { data: $ = [] } = v({
+    queryKey: ["nvr-scope-selected-labels", s.name, g.map(String).sort().join(",")],
     queryFn: async () => ((await o.request(
-      ne(i.target_collection, {
+      te(s.target_collection, {
         fields: ["id", l],
-        filter: { id: { _in: f } },
+        filter: { id: { _in: g } },
         limit: 100
       })
-    )).data ?? []).map((k) => ({
-      id: k.id,
-      label: String(k[l] ?? k.id)
+    )).data ?? []).map((y) => ({
+      id: y.id,
+      label: String(y[l] ?? y.id)
     })),
-    enabled: f.length > 0
+    enabled: g.length > 0
   });
-  for (const c of z) S.set(String(c.id), c.label);
-  const P = (c) => {
-    const k = T.has(String(c));
-    d(k ? m.filter((F) => String(F) !== String(c)) : [...m, c]);
-  }, y = s.trim().toLowerCase(), $ = y ? N.filter((c) => c.label.toLowerCase().includes(y)) : N, U = y.length === 0 ? N.slice(0, 30) : A && O.length === 0 ? $.slice(0, 30) : O, j = v && (n || y.length > 0);
-  return /* @__PURE__ */ t("div", { children: [
-    /* @__PURE__ */ t("p", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-slate-400", children: [
-      i.label,
-      r != null && r.length ? /* @__PURE__ */ e("span", { className: "ml-1.5 normal-case tracking-normal text-amber-500", children: "(limited by your access)" }) : null,
-      m.length > 0 && /* @__PURE__ */ t(
+  for (const d of $) q.set(String(d.id), d.label);
+  const L = (d) => {
+    const y = F.has(String(d));
+    i(y ? u.filter((P) => String(P) !== String(d)) : [...u, d]);
+  }, x = c.trim().toLowerCase(), R = x ? k.filter((d) => d.label.toLowerCase().includes(x)) : k, j = x.length === 0 ? k.slice(0, 30) : O && _.length === 0 ? R.slice(0, 30) : _, E = f && (r || x.length > 0);
+  return /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ a("p", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-slate-400", children: [
+      s.label,
+      t != null && t.length ? /* @__PURE__ */ e("span", { className: "ml-1.5 normal-case tracking-normal text-amber-500", children: "(limited by your access)" }) : null,
+      u.length > 0 && /* @__PURE__ */ a(
         "button",
         {
           type: "button",
-          onClick: () => d([]),
+          onClick: () => i([]),
           className: "ml-2 normal-case tracking-normal text-slate-400 underline-offset-2 hover:text-slate-600 hover:underline",
           children: [
             "clear ",
-            m.length
+            u.length
           ]
         }
       )
     ] }),
-    v ? /* @__PURE__ */ t("div", { className: "max-w-xl", children: [
-      m.length > 0 && /* @__PURE__ */ e("div", { className: "mb-1.5 flex flex-wrap gap-1", children: m.map((c) => /* @__PURE__ */ t(
+    f ? /* @__PURE__ */ a("div", { className: "max-w-xl", children: [
+      u.length > 0 && /* @__PURE__ */ e("div", { className: "mb-1.5 flex flex-wrap gap-1", children: u.map((d) => /* @__PURE__ */ a(
         "span",
         {
           className: "inline-flex items-center gap-1 rounded-full border border-nvr-cyan bg-nvr-cyan/10 py-0.5 pl-2.5 pr-1 text-[11.5px] font-medium text-nvr-navy dark:text-nvr-cyan",
           children: [
-            S.get(String(c)) ?? String(c),
+            q.get(String(d)) ?? String(d),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => P(c),
-                "aria-label": `Remove ${S.get(String(c)) ?? c}`,
+                onClick: () => L(d),
+                "aria-label": `Remove ${q.get(String(d)) ?? d}`,
                 className: "rounded-full px-1 text-slate-400 hover:text-slate-600 dark:hover:text-slate-200",
                 children: "×"
               }
             )
           ]
         },
-        String(c)
+        String(d)
       )) }),
       /* @__PURE__ */ e(
         "input",
         {
-          value: s,
-          onChange: (c) => u(c.target.value),
-          onFocus: () => b(!0),
-          onBlur: () => b(!1),
-          placeholder: `Search ${i.label.toLowerCase()} to add…`,
+          value: c,
+          onChange: (d) => m(d.target.value),
+          onFocus: () => h(!0),
+          onBlur: () => h(!1),
+          placeholder: `Search ${s.label.toLowerCase()} to add…`,
           className: "h-8 w-full rounded-md border border-slate-200 bg-white px-2.5 text-[12px] outline-none focus:border-nvr-cyan dark:border-border dark:bg-card"
         }
       ),
-      j && /* @__PURE__ */ t(
+      E && /* @__PURE__ */ a(
         "div",
         {
-          onMouseDown: (c) => c.preventDefault(),
+          onMouseDown: (d) => d.preventDefault(),
           className: "mt-1 max-h-44 overflow-y-auto rounded-md border border-slate-200 dark:border-border",
           children: [
-            U.map((c) => {
-              const k = T.has(String(c.id));
-              return /* @__PURE__ */ t(
+            j.map((d) => {
+              const y = F.has(String(d.id));
+              return /* @__PURE__ */ a(
                 "button",
                 {
                   type: "button",
-                  onClick: () => P(c.id),
-                  className: R(
+                  onClick: () => L(d.id),
+                  className: Q(
                     "flex w-full items-center justify-between px-2.5 py-1.5 text-left text-[12px] hover:bg-slate-50 dark:hover:bg-muted",
-                    k ? "font-medium text-nvr-navy dark:text-nvr-cyan" : "text-slate-600 dark:text-slate-300"
+                    y ? "font-medium text-nvr-navy dark:text-nvr-cyan" : "text-slate-600 dark:text-slate-300"
                   ),
                   children: [
-                    /* @__PURE__ */ e("span", { className: "truncate", children: c.label }),
-                    /* @__PURE__ */ e("span", { className: "pl-2 text-[11px] text-slate-400", children: k ? "Remove" : "Add" })
+                    /* @__PURE__ */ e("span", { className: "truncate", children: d.label }),
+                    /* @__PURE__ */ e("span", { className: "pl-2 text-[11px] text-slate-400", children: y ? "Remove" : "Add" })
                   ]
                 },
-                String(c.id)
+                String(d.id)
               );
             }),
-            U.length === 0 && /* @__PURE__ */ e("p", { className: "px-2.5 py-2 text-[11.5px] text-slate-400", children: A ? "Searching…" : y ? "No matches." : "No options." }),
-            y.length === 0 && N.length > 30 && /* @__PURE__ */ e("p", { className: "border-t border-slate-100 px-2.5 py-1.5 text-[11px] text-slate-400 dark:border-border", children: "Showing first 30 — type to narrow." })
+            j.length === 0 && /* @__PURE__ */ e("p", { className: "px-2.5 py-2 text-[11.5px] text-slate-400", children: O ? "Searching…" : x ? "No matches." : "No options." }),
+            x.length === 0 && k.length > 30 && /* @__PURE__ */ e("p", { className: "border-t border-slate-100 px-2.5 py-1.5 text-[11px] text-slate-400 dark:border-border", children: "Showing first 30 — type to narrow." })
           ]
         }
       ),
-      !j && m.length === 0 && /* @__PURE__ */ e("p", { className: "mt-1 text-[11px] text-slate-400", children: "No defaults set — click to browse or type to search." })
-    ] }) : /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-1", children: [
-      N.map((c) => {
-        const k = T.has(String(c.id));
+      !E && u.length === 0 && /* @__PURE__ */ e("p", { className: "mt-1 text-[11px] text-slate-400", children: "No defaults set — click to browse or type to search." })
+    ] }) : /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-1", children: [
+      k.map((d) => {
+        const y = F.has(String(d.id));
         return /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => P(c.id),
-            className: R(
+            onClick: () => L(d.id),
+            className: Q(
               "rounded-full border px-2.5 py-0.5 text-[11.5px] transition-colors",
-              k ? "border-nvr-cyan bg-nvr-cyan/10 font-medium text-nvr-navy dark:text-nvr-cyan" : "border-slate-200 text-slate-500 hover:border-slate-300 dark:border-border"
+              y ? "border-nvr-cyan bg-nvr-cyan/10 font-medium text-nvr-navy dark:text-nvr-cyan" : "border-slate-200 text-slate-500 hover:border-slate-300 dark:border-border"
             ),
-            children: c.label
+            children: d.label
           },
-          String(c.id)
+          String(d.id)
         );
       }),
-      N.length === 0 && /* @__PURE__ */ e("span", { className: "text-[11.5px] text-slate-400", children: "No options." })
+      k.length === 0 && /* @__PURE__ */ e("span", { className: "text-[11.5px] text-slate-400", children: "No options." })
     ] })
   ] });
 }
-function ht() {
-  const { data: i } = w({
+function ct() {
+  const { data: s } = v({
     queryKey: ["nvr-settings-2fa"],
-    queryFn: () => r.request({ _method: "GET", _path: "/settings/" }).then((f) => (f == null ? void 0 : f.data) ?? null).catch(() => null),
+    queryFn: () => t.request({ _method: "GET", _path: "/settings/" }).then((g) => (g == null ? void 0 : g.data) ?? null).catch(() => null),
     staleTime: 6e5
-  }), m = (i == null ? void 0 : i.two_factor_enabled) !== !1, r = L(), d = K(), [o, l] = q(null), [s, u] = q(""), [n, b] = q(null), { data: h } = w({
+  }), u = (s == null ? void 0 : s.two_factor_enabled) !== !1, t = A(), i = K(), [o, l] = C(null), [c, m] = C(""), [r, h] = C(null), { data: p } = v({
     queryKey: ["nvr-profile-totp"],
-    queryFn: () => r.request({ _method: "GET", _path: "/two-factor/status" }).then((f) => f.data)
-  }), C = () => void d.invalidateQueries({ queryKey: ["nvr-profile-totp"] }), N = _({
-    mutationFn: () => r.request({ _method: "POST", _path: "/two-factor/setup" }).then((f) => f.data),
-    onSuccess: (f) => l(f)
-  }), T = _({
-    mutationFn: (f) => r.request({
+    queryFn: () => t.request({ _method: "GET", _path: "/two-factor/status" }).then((g) => g.data)
+  }), S = () => void i.invalidateQueries({ queryKey: ["nvr-profile-totp"] }), k = w({
+    mutationFn: () => t.request({ _method: "POST", _path: "/two-factor/setup" }).then((g) => g.data),
+    onSuccess: (g) => l(g)
+  }), F = w({
+    mutationFn: (g) => t.request({
       _method: "POST",
       _path: "/two-factor/verify",
-      _body: { token: f }
+      _body: { token: g }
     }),
     onSuccess: () => {
-      l(null), u(""), C();
+      l(null), m(""), S();
     }
-  }), v = _({
-    mutationFn: (f) => r.request({
+  }), f = w({
+    mutationFn: (g) => t.request({
       _method: "POST",
       _path: "/two-factor/disable",
-      _body: { token: f }
+      _body: { token: g }
     }),
     onSuccess: () => {
-      u(""), C();
+      m(""), S();
     }
-  }), O = _({
-    mutationFn: () => r.request({ _method: "POST", _path: "/users/me/token" }).then((f) => f.data),
-    onSuccess: (f) => b(f.token)
-  }), A = _({
-    mutationFn: () => r.request({ _method: "DELETE", _path: "/users/me/token" }),
-    onSuccess: () => b(null)
-  }), S = _({
-    mutationFn: () => r.request({ _method: "POST", _path: "/auth/logout-all" }),
+  }), _ = w({
+    mutationFn: () => t.request({ _method: "POST", _path: "/users/me/token" }).then((g) => g.data),
+    onSuccess: (g) => h(g.token)
+  }), O = w({
+    mutationFn: () => t.request({ _method: "DELETE", _path: "/users/me/token" }),
+    onSuccess: () => h(null)
+  }), q = w({
+    mutationFn: () => t.request({ _method: "POST", _path: "/auth/logout-all" }),
     onSuccess: () => window.location.assign("/login")
   });
   return /* @__PURE__ */ e(
-    ie,
+    ne,
     {
-      icon: /* @__PURE__ */ e(Ie, { className: "h-4 w-4" }),
+      icon: /* @__PURE__ */ e(Pe, { className: "h-4 w-4" }),
       title: "Security",
-      hint: m ? "Two-factor sign-in and API access" : "API access",
-      children: /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-        m && /* @__PURE__ */ t("div", { children: [
-          /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+      hint: u ? "Two-factor sign-in and API access" : "API access",
+      children: /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+        u && /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e("p", { className: "text-[12.5px] font-medium text-slate-700 dark:text-slate-200", children: "Two-factor authentication" }),
             /* @__PURE__ */ e(
               "span",
               {
-                className: R(
+                className: Q(
                   "rounded-full px-1.5 py-px text-[10px] font-semibold",
-                  h != null && h.enabled ? "bg-emerald-50 text-emerald-600 dark:bg-emerald-500/10 dark:text-emerald-400" : "bg-slate-100 text-slate-500 dark:bg-muted dark:text-slate-400"
+                  p != null && p.enabled ? "bg-emerald-50 text-emerald-600 dark:bg-emerald-500/10 dark:text-emerald-400" : "bg-slate-100 text-slate-500 dark:bg-muted dark:text-slate-400"
                 ),
-                children: h != null && h.enabled ? "Enabled" : "Off"
+                children: p != null && p.enabled ? "Enabled" : "Off"
               }
             )
           ] }),
-          !(h != null && h.enabled) && !o && /* @__PURE__ */ e(
+          !(p != null && p.enabled) && !o && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: () => N.mutate(),
+              onClick: () => k.mutate(),
               className: "mt-2 h-8 rounded-md border border-slate-200 px-3 text-[12px] font-medium text-slate-600 hover:border-nvr-cyan hover:text-nvr-navy dark:border-border dark:text-slate-300 dark:hover:text-nvr-cyan",
-              children: N.isPending ? "Preparing…" : "Set up 2FA"
+              children: k.isPending ? "Preparing…" : "Set up 2FA"
             }
           ),
-          o && /* @__PURE__ */ t("div", { className: "mt-3 flex flex-wrap items-start gap-4", children: [
+          o && /* @__PURE__ */ a("div", { className: "mt-3 flex flex-wrap items-start gap-4", children: [
             /* @__PURE__ */ e(
               "img",
               {
@@ -1058,14 +826,14 @@ function ht() {
                 className: "h-32 w-32 rounded-md border border-slate-200 dark:border-border"
               }
             ),
-            /* @__PURE__ */ t("div", { className: "min-w-[200px] flex-1 space-y-2", children: [
+            /* @__PURE__ */ a("div", { className: "min-w-[200px] flex-1 space-y-2", children: [
               /* @__PURE__ */ e("p", { className: "text-[12px] text-slate-500", children: "Scan with your authenticator app, then enter the 6-digit code to confirm." }),
-              /* @__PURE__ */ t("div", { className: "flex gap-1.5", children: [
+              /* @__PURE__ */ a("div", { className: "flex gap-1.5", children: [
                 /* @__PURE__ */ e(
                   "input",
                   {
-                    value: s,
-                    onChange: (f) => u(f.target.value),
+                    value: c,
+                    onChange: (g) => m(g.target.value),
                     placeholder: "123456",
                     inputMode: "numeric",
                     className: "h-8 w-[110px] rounded-md border border-slate-200 px-2.5 text-center text-[13px] tabular-nums tracking-widest dark:border-border dark:bg-background"
@@ -1075,8 +843,8 @@ function ht() {
                   "button",
                   {
                     type: "button",
-                    disabled: s.trim().length < 6 || T.isPending,
-                    onClick: () => T.mutate(s.trim()),
+                    disabled: c.trim().length < 6 || F.isPending,
+                    onClick: () => F.mutate(c.trim()),
                     className: "h-8 rounded-md bg-nvr-cyan px-3 text-[12px] font-semibold text-white disabled:opacity-50",
                     children: "Confirm"
                   }
@@ -1084,12 +852,12 @@ function ht() {
               ] })
             ] })
           ] }),
-          (h == null ? void 0 : h.enabled) && /* @__PURE__ */ t("div", { className: "mt-2 flex gap-1.5", children: [
+          (p == null ? void 0 : p.enabled) && /* @__PURE__ */ a("div", { className: "mt-2 flex gap-1.5", children: [
             /* @__PURE__ */ e(
               "input",
               {
-                value: s,
-                onChange: (f) => u(f.target.value),
+                value: c,
+                onChange: (g) => m(g.target.value),
                 placeholder: "Code to disable",
                 inputMode: "numeric",
                 className: "h-8 w-[130px] rounded-md border border-slate-200 px-2.5 text-[12px] dark:border-border dark:bg-background"
@@ -1099,37 +867,37 @@ function ht() {
               "button",
               {
                 type: "button",
-                disabled: s.trim().length < 6 || v.isPending,
-                onClick: () => v.mutate(s.trim()),
+                disabled: c.trim().length < 6 || f.isPending,
+                onClick: () => f.mutate(c.trim()),
                 className: "h-8 rounded-md border border-red-200 px-3 text-[12px] font-medium text-red-500 transition-colors hover:bg-red-50 disabled:opacity-50 dark:border-red-500/30 dark:hover:bg-red-500/10",
-                children: v.isPending ? "Disabling…" : "Disable"
+                children: f.isPending ? "Disabling…" : "Disable"
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ a(
           "div",
           {
-            className: m ? "border-t border-slate-100 pt-3 dark:border-border/60" : void 0,
+            className: u ? "border-t border-slate-100 pt-3 dark:border-border/60" : void 0,
             children: [
               /* @__PURE__ */ e("p", { className: "text-[12.5px] font-medium text-slate-700 dark:text-slate-200", children: "API token" }),
               /* @__PURE__ */ e("p", { className: "mt-0.5 text-[11.5px] text-slate-400", children: "Personal Bearer token for scripts and integrations. Shown once — creating a new one replaces the old." }),
-              n && /* @__PURE__ */ e("code", { className: "mt-2 block select-all break-all rounded-md bg-slate-50 px-2.5 py-2 font-mono text-[11.5px] text-nvr-navy dark:bg-muted dark:text-nvr-cyan", children: n }),
-              /* @__PURE__ */ t("div", { className: "mt-2 flex gap-1.5", children: [
+              r && /* @__PURE__ */ e("code", { className: "mt-2 block select-all break-all rounded-md bg-slate-50 px-2.5 py-2 font-mono text-[11.5px] text-nvr-navy dark:bg-muted dark:text-nvr-cyan", children: r }),
+              /* @__PURE__ */ a("div", { className: "mt-2 flex gap-1.5", children: [
                 /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    onClick: () => O.mutate(),
+                    onClick: () => _.mutate(),
                     className: "h-8 rounded-md border border-slate-200 px-3 text-[12px] font-medium text-slate-600 hover:border-nvr-cyan hover:text-nvr-navy dark:border-border dark:text-slate-300 dark:hover:text-nvr-cyan",
-                    children: O.isPending ? "Generating…" : "Generate token"
+                    children: _.isPending ? "Generating…" : "Generate token"
                   }
                 ),
                 /* @__PURE__ */ e(
-                  fe,
+                  me,
                   {
                     title: "Revoke API token",
-                    onConfirm: () => A.mutate(),
+                    onConfirm: () => O.mutate(),
                     confirmLabel: "Revoke token?",
                     className: "h-8 rounded-md px-3 text-[12px] font-medium text-slate-400 transition-colors hover:text-red-500",
                     armedClassName: "font-semibold text-red-500",
@@ -1140,20 +908,20 @@ function ht() {
             ]
           }
         ),
-        /* @__PURE__ */ t("div", { className: "border-t border-slate-100 pt-3 dark:border-border/60", children: [
+        /* @__PURE__ */ a("div", { className: "border-t border-slate-100 pt-3 dark:border-border/60", children: [
           /* @__PURE__ */ e("p", { className: "text-[12.5px] font-medium text-slate-700 dark:text-slate-200", children: "Sessions" }),
           /* @__PURE__ */ e("p", { className: "mt-0.5 text-[11.5px] text-slate-400", children: "Signs you out on every device and browser, including this one." }),
-          /* @__PURE__ */ t(
-            fe,
+          /* @__PURE__ */ a(
+            me,
             {
               title: "Sign out everywhere",
-              onConfirm: () => S.mutate(),
+              onConfirm: () => q.mutate(),
               confirmLabel: "Sign out everywhere?",
               className: "mt-2 inline-flex h-8 items-center gap-1.5 rounded-md border border-slate-200 px-3 text-[12px] font-medium text-slate-600 transition-colors hover:border-red-300 hover:text-red-500 dark:border-border dark:text-slate-300 dark:hover:border-red-500/40 dark:hover:text-red-400",
               armedClassName: "border-red-300 font-semibold text-red-500 dark:border-red-500/40 dark:text-red-400",
               children: [
-                /* @__PURE__ */ e(Ke, { className: "h-3.5 w-3.5" }),
-                S.isPending ? "Signing out…" : "Sign out everywhere"
+                /* @__PURE__ */ e(qe, { className: "h-3.5 w-3.5" }),
+                q.isPending ? "Signing out…" : "Sign out everywhere"
               ]
             }
           )
@@ -1162,104 +930,104 @@ function ht() {
     }
   );
 }
-function Gt({
-  userId: i,
-  className: m,
-  initialTab: r,
-  extra: d,
+function Wt({
+  userId: s,
+  className: u,
+  initialTab: t,
+  extra: i,
   pushServiceWorker: o = "/sw.js"
 }) {
-  const l = ve();
-  return !i || (l == null ? void 0 : l.userId) != null && String(l.userId) === String(i) ? /* @__PURE__ */ e(bt, { className: m, extra: d, pushServiceWorker: o }) : /* @__PURE__ */ e(nt, { userId: i, className: m, initialTab: r });
+  const l = pe();
+  return !s || (l == null ? void 0 : l.userId) != null && String(l.userId) === String(s) ? /* @__PURE__ */ e(mt, { className: u, extra: i, pushServiceWorker: o }) : /* @__PURE__ */ e(Xe, { userId: s, className: u, initialTab: t });
 }
-function bt({
-  className: i,
-  extra: m,
-  pushServiceWorker: r
+function mt({
+  className: s,
+  extra: u,
+  pushServiceWorker: t
 }) {
-  var j;
-  const d = L(), o = K(), l = ve(), s = !0, u = "me", { data: n } = w({
-    queryKey: ["nvr-profile-user", u],
-    queryFn: () => d.request(Se(u)).then((c) => c.data),
-    enabled: s
-  }), b = (n == null ? void 0 : n.id) ?? null, { data: h } = w({
-    queryKey: ["nvr-profile-card", b],
-    queryFn: () => d.request(_e(b)).then((c) => c.data),
-    enabled: !!b
-  }), [C, N] = q(null), T = $e(
+  var E;
+  const i = A(), o = K(), l = pe(), c = !0, m = "me", { data: r } = v({
+    queryKey: ["nvr-profile-user", m],
+    queryFn: () => i.request(he(m)).then((d) => d.data),
+    enabled: c
+  }), h = (r == null ? void 0 : r.id) ?? null, { data: p } = v({
+    queryKey: ["nvr-profile-card", h],
+    queryFn: () => i.request(be(h)).then((d) => d.data),
+    enabled: !!h
+  }), [S, k] = C(null), F = Ae(
     () => ({
-      first_name: (n == null ? void 0 : n.first_name) ?? "",
-      last_name: (n == null ? void 0 : n.last_name) ?? "",
-      title: (n == null ? void 0 : n.title) ?? "",
-      department: (n == null ? void 0 : n.department) ?? "",
-      phone: (n == null ? void 0 : n.phone) ?? ""
+      first_name: (r == null ? void 0 : r.first_name) ?? "",
+      last_name: (r == null ? void 0 : r.last_name) ?? "",
+      title: (r == null ? void 0 : r.title) ?? "",
+      department: (r == null ? void 0 : r.department) ?? "",
+      phone: (r == null ? void 0 : r.phone) ?? ""
     }),
-    [n]
-  ), v = C ?? T, O = JSON.stringify(v) !== JSON.stringify(T), A = _({
-    mutationFn: () => d.request(be(n.id, v)),
+    [r]
+  ), f = S ?? F, _ = JSON.stringify(f) !== JSON.stringify(F), O = w({
+    mutationFn: () => i.request(oe(r.id, f)),
     onSuccess: () => {
-      N(null), o.invalidateQueries({ queryKey: ["nvr-profile-user"] }), o.invalidateQueries({ queryKey: ["nvr-profile-card"] });
+      k(null), o.invalidateQueries({ queryKey: ["nvr-profile-user"] }), o.invalidateQueries({ queryKey: ["nvr-profile-card"] });
     }
-  }), [S, f] = q(xt), z = je(null), P = _({
-    mutationFn: async (c) => {
-      const k = await new Promise((F, J) => {
-        const M = new Image(), W = URL.createObjectURL(c);
-        M.onload = () => {
-          URL.revokeObjectURL(W);
-          const Q = 96, B = document.createElement("canvas");
-          B.width = Q, B.height = Q;
-          const V = B.getContext("2d");
+  }), [q, g] = C(ut), $ = ue(null), L = w({
+    mutationFn: async (d) => {
+      const y = await new Promise((P, J) => {
+        const D = new Image(), z = URL.createObjectURL(d);
+        D.onload = () => {
+          URL.revokeObjectURL(z);
+          const M = 96, I = document.createElement("canvas");
+          I.width = M, I.height = M;
+          const V = I.getContext("2d");
           if (!V) return J(new Error("canvas unavailable"));
-          const Z = Math.max(Q / M.width, Q / M.height), X = M.width * Z, ee = M.height * Z;
-          V.drawImage(M, (Q - X) / 2, (Q - ee) / 2, X, ee), F(B.toDataURL("image/jpeg", 0.85));
-        }, M.onerror = () => {
-          URL.revokeObjectURL(W), J(new Error("not an image"));
-        }, M.src = W;
+          const Z = Math.max(M / D.width, M / D.height), Y = D.width * Z, W = D.height * Z;
+          V.drawImage(D, (M - Y) / 2, (M - W) / 2, Y, W), P(I.toDataURL("image/jpeg", 0.85));
+        }, D.onerror = () => {
+          URL.revokeObjectURL(z), J(new Error("not an image"));
+        }, D.src = z;
       });
-      await d.request(be(n.id, { avatar: k }));
+      await i.request(oe(r.id, { avatar: y }));
     },
     onSuccess: () => {
       o.invalidateQueries({ queryKey: ["nvr-profile-user"] }), o.invalidateQueries({ queryKey: ["nvr-profile-card"] }), o.invalidateQueries({ queryKey: ["user-card"] }), o.invalidateQueries({ queryKey: ["user-avatar"] });
     }
-  }), y = h ?? (n ? { ...n, role_name: null } : null);
-  if (!y)
-    return /* @__PURE__ */ t("div", { className: R("flex animate-pulse flex-col gap-4", i), "aria-busy": "true", children: [
-      /* @__PURE__ */ t("div", { className: "flex items-center gap-5 rounded-lg border border-slate-200 bg-white p-5 dark:border-border dark:bg-card", children: [
+  }), x = p ?? (r ? { ...r, role_name: null } : null);
+  if (!x)
+    return /* @__PURE__ */ a("div", { className: Q("flex animate-pulse flex-col gap-4", s), "aria-busy": "true", children: [
+      /* @__PURE__ */ a("div", { className: "flex items-center gap-5 rounded-lg border border-slate-200 bg-white p-5 dark:border-border dark:bg-card", children: [
         /* @__PURE__ */ e("div", { className: "h-[76px] w-[76px] rounded-full bg-slate-100 dark:bg-muted" }),
-        /* @__PURE__ */ t("div", { className: "flex-1 space-y-2.5", children: [
+        /* @__PURE__ */ a("div", { className: "flex-1 space-y-2.5", children: [
           /* @__PURE__ */ e("div", { className: "h-5 w-48 rounded bg-slate-100 dark:bg-muted" }),
           /* @__PURE__ */ e("div", { className: "h-3.5 w-72 max-w-full rounded bg-slate-100 dark:bg-muted" }),
           /* @__PURE__ */ e("div", { className: "h-3.5 w-56 max-w-full rounded bg-slate-100 dark:bg-muted" })
         ] })
       ] }),
-      /* @__PURE__ */ t("div", { className: "grid gap-4 lg:grid-cols-2", children: [
+      /* @__PURE__ */ a("div", { className: "grid gap-4 lg:grid-cols-2", children: [
         /* @__PURE__ */ e("div", { className: "h-64 rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card" }),
         /* @__PURE__ */ e("div", { className: "h-64 rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card" })
       ] })
     ] });
-  const $ = (n == null ? void 0 : n.avatar) ?? null, U = y.status === "active";
-  return /* @__PURE__ */ t("div", { className: R("flex flex-col gap-4", i), "data-nvr-profile": !0, children: [
-    /* @__PURE__ */ e("div", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-x-5 gap-y-4 p-5", children: [
-      /* @__PURE__ */ t("div", { className: "relative", children: [
-        $ ? /* @__PURE__ */ e(
+  const R = (r == null ? void 0 : r.avatar) ?? null, j = x.status === "active";
+  return /* @__PURE__ */ a("div", { className: Q("flex flex-col gap-4", s), "data-nvr-profile": !0, children: [
+    /* @__PURE__ */ e("div", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-x-5 gap-y-4 p-5", children: [
+      /* @__PURE__ */ a("div", { className: "relative", children: [
+        R ? /* @__PURE__ */ e(
           "img",
           {
-            src: $.startsWith("data:") ? $ : `/api/files/${$}`,
+            src: R.startsWith("data:") ? R : `/api/files/${R}`,
             alt: "",
             className: "h-[76px] w-[76px] rounded-full border border-slate-200 object-cover dark:border-border"
           }
-        ) : /* @__PURE__ */ e("span", { className: "flex h-[76px] w-[76px] items-center justify-center rounded-full bg-[#c7f0fb] text-[24px] font-semibold text-[#04516b] dark:bg-nvr-cyan/15 dark:text-nvr-cyan", children: ot(y) }),
+        ) : /* @__PURE__ */ e("span", { className: "flex h-[76px] w-[76px] items-center justify-center rounded-full bg-[#c7f0fb] text-[24px] font-semibold text-[#04516b] dark:bg-nvr-cyan/15 dark:text-nvr-cyan", children: at(x) }),
         /* @__PURE__ */ e(
           "span",
           {
-            className: R(
+            className: Q(
               "absolute bottom-0.5 right-0.5 h-3 w-3 rounded-full border-2 border-white dark:border-card",
-              U ? "bg-emerald-500" : "bg-slate-300 dark:bg-slate-600"
+              j ? "bg-emerald-500" : "bg-slate-300 dark:bg-slate-600"
             ),
-            title: U ? "Active" : y.status
+            title: j ? "Active" : x.status
           }
         ),
-        /* @__PURE__ */ t(oe, { children: [
+        /* @__PURE__ */ a(X, { children: [
           /* @__PURE__ */ e(
             "button",
             {
@@ -1267,82 +1035,82 @@ function bt({
               title: "Change photo",
               "aria-label": "Change photo",
               onClick: () => {
-                var c;
-                return (c = z.current) == null ? void 0 : c.click();
+                var d;
+                return (d = $.current) == null ? void 0 : d.click();
               },
               className: "absolute -right-1 -top-1 flex h-7 w-7 items-center justify-center rounded-full border border-slate-200 bg-white text-slate-500 shadow-sm transition-colors hover:border-nvr-cyan hover:text-nvr-navy dark:border-border dark:bg-background dark:text-slate-300 dark:hover:text-nvr-cyan",
-              children: P.isPending ? /* @__PURE__ */ e(xe, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(Pe, { className: "h-3.5 w-3.5" })
+              children: L.isPending ? /* @__PURE__ */ e(ie, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(fe, { className: "h-3.5 w-3.5" })
             }
           ),
           /* @__PURE__ */ e(
             "input",
             {
-              ref: z,
+              ref: $,
               type: "file",
               accept: "image/*",
               className: "hidden",
-              onChange: (c) => {
-                var F;
-                const k = (F = c.target.files) == null ? void 0 : F[0];
-                k && P.mutate(k), c.target.value = "";
+              onChange: (d) => {
+                var P;
+                const y = (P = d.target.files) == null ? void 0 : P[0];
+                y && L.mutate(y), d.target.value = "";
               }
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2", children: [
-          /* @__PURE__ */ e("h1", { className: "text-[21px] font-semibold tracking-[-0.015em] text-slate-900 dark:text-white", children: lt(y) }),
-          y.role_name && /* @__PURE__ */ e("span", { className: "rounded-full bg-nvr-cyan/10 px-2 py-px text-[10.5px] font-semibold text-nvr-navy dark:text-nvr-cyan", children: y.role_name }),
-          y.is_out_of_office && /* @__PURE__ */ e("span", { className: "rounded-full bg-amber-50 px-2 py-px text-[10.5px] font-semibold text-amber-600 dark:bg-amber-500/10 dark:text-amber-400", children: "Out of office" }),
-          /* @__PURE__ */ e(Ze, { email: y.email, canClear: l.isAdmin })
+      /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ e("h1", { className: "text-[21px] font-semibold tracking-[-0.015em] text-slate-900 dark:text-white", children: tt(x) }),
+          x.role_name && /* @__PURE__ */ e("span", { className: "rounded-full bg-nvr-cyan/10 px-2 py-px text-[10.5px] font-semibold text-nvr-navy dark:text-nvr-cyan", children: x.role_name }),
+          x.is_out_of_office && /* @__PURE__ */ e("span", { className: "rounded-full bg-amber-50 px-2 py-px text-[10.5px] font-semibold text-amber-600 dark:bg-amber-500/10 dark:text-amber-400", children: "Out of office" }),
+          /* @__PURE__ */ e(He, { email: x.email, canClear: l.isAdmin })
         ] }),
-        n && // The same status the chat panel's Online tab sets — one editor,
+        r && // The same status the chat panel's Online tab sets — one editor,
         // one preference, so the profile always agrees with the top bar.
         /* @__PURE__ */ e(
-          Be,
+          Le,
           {
-            status: He(
-              (j = n.preferences) == null ? void 0 : j.custom_status
+            status: Me(
+              (E = r.preferences) == null ? void 0 : E.custom_status
             ),
             showExpiry: !0,
             className: "mt-1.5"
           }
         ),
-        (y.title || y.department) && /* @__PURE__ */ e("p", { className: "mt-0.5 truncate text-[13px] text-slate-500 dark:text-slate-400", children: [y.title, y.department].filter(Boolean).join(" · ") }),
-        /* @__PURE__ */ t("div", { className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-1 text-[12.5px] text-slate-500 dark:text-slate-400", children: [
-          y.company && /* @__PURE__ */ t("span", { className: "inline-flex items-center gap-1.5", children: [
-            /* @__PURE__ */ e(Ae, { className: "h-3.5 w-3.5" }),
+        (x.title || x.department) && /* @__PURE__ */ e("p", { className: "mt-0.5 truncate text-[13px] text-slate-500 dark:text-slate-400", children: [x.title, x.department].filter(Boolean).join(" · ") }),
+        /* @__PURE__ */ a("div", { className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-1 text-[12.5px] text-slate-500 dark:text-slate-400", children: [
+          x.company && /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1.5", children: [
+            /* @__PURE__ */ e(ye, { className: "h-3.5 w-3.5" }),
             " ",
-            y.company
+            x.company
           ] }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ a(
             "a",
             {
-              href: `mailto:${y.email}`,
+              href: `mailto:${x.email}`,
               className: "inline-flex items-center gap-1.5 transition-colors hover:text-nvr-navy dark:hover:text-nvr-cyan",
               children: [
-                /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ e(ve, { className: "h-3.5 w-3.5" }),
                 " ",
-                y.email
+                x.email
               ]
             }
           ),
-          y.phone && /* @__PURE__ */ t(
+          x.phone && /* @__PURE__ */ a(
             "a",
             {
-              href: `tel:${y.phone}`,
+              href: `tel:${x.phone}`,
               className: "inline-flex items-center gap-1.5 transition-colors hover:text-nvr-navy dark:hover:text-nvr-cyan",
               children: [
-                /* @__PURE__ */ e(Oe, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ e(ke, { className: "h-3.5 w-3.5" }),
                 " ",
-                y.phone
+                x.phone
               ]
             }
           ),
-          y.last_access && /* @__PURE__ */ t("span", { className: "inline-flex items-center gap-1.5", title: "Last active", children: [
-            /* @__PURE__ */ e(Fe, { className: "h-3.5 w-3.5" }),
-            new Date(y.last_access).toLocaleDateString(void 0, {
+          x.last_access && /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1.5", title: "Last active", children: [
+            /* @__PURE__ */ e(Ne, { className: "h-3.5 w-3.5" }),
+            new Date(x.last_access).toLocaleDateString(void 0, {
               month: "short",
               day: "numeric"
             })
@@ -1350,151 +1118,155 @@ function bt({
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ e(gt, { tab: S, onChange: f }),
-    S === "agents" ? /* @__PURE__ */ e(Ye, {}) : n ? (
+    /* @__PURE__ */ e(pt, { tab: q, onChange: g }),
+    q === "agents" ? /* @__PURE__ */ e(Qe, {}) : q === "did" && r ? (
+      // #13 — your own audit trail, by day and collection.
+      /* @__PURE__ */ e(Ye, { userId: String(r.id), name: null })
+    ) : r ? (
       // One list in reading order — you, then notifications, then access
       // and security — flowing into two balanced columns. Two fixed stacks
       // left thirteen cards on one side and four on the other, and the page
       // ran as long as the heavy side. Cards never split across columns.
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ a(
         "div",
         {
           className: "gap-4 lg:columns-2 [&>*]:mb-4 [&>*]:break-inside-avoid",
           "data-profile-columns": !0,
           children: [
             /* @__PURE__ */ e(
-              ie,
+              ne,
               {
-                icon: /* @__PURE__ */ e(Me, { className: "h-4 w-4" }),
+                icon: /* @__PURE__ */ e(_e, { className: "h-4 w-4" }),
                 title: "About you",
                 hint: "Shown on your contact card across the app",
-                actions: O && /* @__PURE__ */ t("span", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ t(
+                actions: _ && /* @__PURE__ */ a("span", { className: "flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ a(
                     "button",
                     {
                       type: "button",
                       title: "Discard changes",
-                      onClick: () => N(null),
+                      onClick: () => k(null),
                       className: "inline-flex h-7 items-center gap-1 rounded-md px-2 text-[11.5px] font-medium text-slate-400 transition-colors hover:text-slate-600 dark:hover:text-slate-200",
                       children: [
-                        /* @__PURE__ */ e(Le, { className: "h-3 w-3" }),
+                        /* @__PURE__ */ e(we, { className: "h-3 w-3" }),
                         " Reset"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ t(
+                  /* @__PURE__ */ a(
                     "button",
                     {
                       type: "button",
-                      disabled: A.isPending,
-                      onClick: () => A.mutate(),
+                      disabled: O.isPending,
+                      onClick: () => O.mutate(),
                       className: "inline-flex h-7 items-center gap-1 rounded-md bg-nvr-cyan px-2.5 text-[11.5px] font-semibold text-white transition-opacity disabled:opacity-50",
                       children: [
-                        A.isPending ? /* @__PURE__ */ e(xe, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ e(De, { className: "h-3 w-3" }),
+                        O.isPending ? /* @__PURE__ */ e(ie, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ e(Se, { className: "h-3 w-3" }),
                         " ",
                         "Save"
                       ]
                     }
                   )
                 ] }),
-                children: /* @__PURE__ */ t("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+                children: /* @__PURE__ */ a("div", { className: "grid gap-3 sm:grid-cols-2", children: [
                   /* @__PURE__ */ e(
-                    Y,
+                    H,
                     {
                       label: "First name",
-                      value: v.first_name,
-                      onChange: (c) => N({ ...v, first_name: c })
+                      value: f.first_name,
+                      onChange: (d) => k({ ...f, first_name: d })
                     }
                   ),
                   /* @__PURE__ */ e(
-                    Y,
+                    H,
                     {
                       label: "Last name",
-                      value: v.last_name,
-                      onChange: (c) => N({ ...v, last_name: c })
+                      value: f.last_name,
+                      onChange: (d) => k({ ...f, last_name: d })
                     }
                   ),
                   /* @__PURE__ */ e(
-                    Y,
+                    H,
                     {
                       label: "Title",
-                      value: v.title,
-                      onChange: (c) => N({ ...v, title: c }),
+                      value: f.title,
+                      onChange: (d) => k({ ...f, title: d }),
                       placeholder: "e.g. Construction Manager"
                     }
                   ),
                   /* @__PURE__ */ e(
-                    Y,
+                    H,
                     {
                       label: "Department",
-                      value: v.department,
-                      onChange: (c) => N({ ...v, department: c })
+                      value: f.department,
+                      onChange: (d) => k({ ...f, department: d })
                     }
                   ),
                   /* @__PURE__ */ e(
-                    Y,
+                    H,
                     {
                       label: "Phone",
-                      value: v.phone,
-                      onChange: (c) => N({ ...v, phone: c }),
+                      value: f.phone,
+                      onChange: (d) => k({ ...f, phone: d }),
                       placeholder: "+1 …",
                       type: "tel"
                     }
                   ),
-                  /* @__PURE__ */ e(Y, { label: "Email", value: n.email ?? "", disabled: !0, hint: "managed by admin" })
+                  /* @__PURE__ */ e(H, { label: "Email", value: r.email ?? "", disabled: !0, hint: "managed by admin" })
                 ] })
               }
             ),
             /* @__PURE__ */ e(
-              Ve,
+              Be,
               {
-                user: n,
+                user: r,
                 onSaved: () => {
                   o.invalidateQueries({ queryKey: ["nvr-profile-user"] }), o.invalidateQueries({ queryKey: ["nvr-profile-card"] });
                 }
               }
             ),
-            /* @__PURE__ */ e(it, {}),
-            /* @__PURE__ */ e(ut, {}),
-            /* @__PURE__ */ e(wt, {}),
-            /* @__PURE__ */ e(at, {}),
+            /* @__PURE__ */ e(nt, {}),
+            /* @__PURE__ */ e(ot, {}),
+            /* @__PURE__ */ e(yt, {}),
+            /* @__PURE__ */ e(Ve, {}),
+            /* @__PURE__ */ e(lt, {}),
+            /* @__PURE__ */ e(Ue, {}),
+            /* @__PURE__ */ e($e, {}),
+            l.isAdmin && (r != null && r.id) ? /* @__PURE__ */ e(Ze, { userId: String(r.id) }) : /* @__PURE__ */ e(it, {}),
+            /* @__PURE__ */ e(bt, {}),
+            /* @__PURE__ */ e(We, { userId: "me" }),
+            /* @__PURE__ */ e(xt, {}),
+            /* @__PURE__ */ e(st, {}),
+            /* @__PURE__ */ e(Je, {}),
+            t !== !1 && /* @__PURE__ */ e(ze, { serviceWorkerPath: t }),
+            /* @__PURE__ */ e(gt, {}),
             /* @__PURE__ */ e(ct, {}),
-            /* @__PURE__ */ e(We, {}),
-            /* @__PURE__ */ e(Ge, {}),
-            l.isAdmin && (n != null && n.id) ? /* @__PURE__ */ e(rt, { userId: String(n.id) }) : /* @__PURE__ */ e(mt, {}),
             /* @__PURE__ */ e(ft, {}),
-            /* @__PURE__ */ e(Xe, { userId: "me" }),
-            /* @__PURE__ */ e(vt, {}),
-            /* @__PURE__ */ e(dt, {}),
-            /* @__PURE__ */ e(tt, {}),
-            r !== !1 && /* @__PURE__ */ e(Je, { serviceWorkerPath: r }),
-            /* @__PURE__ */ e(kt, {}),
             /* @__PURE__ */ e(ht, {}),
-            /* @__PURE__ */ e(Nt, {}),
-            /* @__PURE__ */ e(yt, {}),
-            m
+            u
           ]
         }
       )
     ) : null
   ] });
 }
-function xt() {
+function ut() {
   try {
-    return new URLSearchParams(window.location.search).get("tab") === "agents" ? "agents" : "profile";
+    const s = new URLSearchParams(window.location.search).get("tab");
+    return s === "agents" || s === "did" ? s : "profile";
   } catch {
     return "profile";
   }
 }
-function gt({
-  tab: i,
-  onChange: m
+function pt({
+  tab: s,
+  onChange: u
 }) {
-  const r = (o) => {
-    m(o);
+  const t = (o) => {
+    u(o);
     try {
       const l = new URL(window.location.href);
-      o === "agents" ? l.searchParams.set("tab", "agents") : l.searchParams.delete("tab"), window.history.replaceState(window.history.state, "", l);
+      o !== "profile" ? l.searchParams.set("tab", o) : l.searchParams.delete("tab"), window.history.replaceState(window.history.state, "", l);
     } catch {
     }
   };
@@ -1506,17 +1278,18 @@ function gt({
       className: "flex gap-1 border-b border-slate-200 dark:border-border",
       children: [
         ["profile", "Profile"],
-        ["agents", "What my agents did"]
+        ["agents", "What my agents did"],
+        ["did", "What I did"]
       ].map(([o, l]) => /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           role: "tab",
-          "aria-selected": i === o,
-          onClick: () => r(o),
-          className: R(
+          "aria-selected": s === o,
+          onClick: () => t(o),
+          className: Q(
             "-mb-px border-b-2 px-3 py-2 text-[13px] font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan/40",
-            i === o ? "border-nvr-cyan text-slate-900 dark:text-white" : "border-transparent text-slate-500 hover:text-slate-800 dark:text-slate-400 dark:hover:text-slate-200"
+            s === o ? "border-nvr-cyan text-slate-900 dark:text-white" : "border-transparent text-slate-500 hover:text-slate-800 dark:text-slate-400 dark:hover:text-slate-200"
           ),
           children: l
         },
@@ -1525,119 +1298,119 @@ function gt({
     }
   );
 }
-function yt() {
-  const i = L(), [m, r] = q(!1), { data: d = [], isLoading: o } = w({
+function ht() {
+  const s = A(), [u, t] = C(!1), { data: i = [], isLoading: o } = v({
     queryKey: ["my-matrix-seats"],
-    queryFn: () => i.request(D("/pipelines/my-seats")).then((s) => s.data ?? []).catch(() => []),
-    enabled: m,
+    queryFn: () => s.request(T("/pipelines/my-seats")).then((c) => c.data ?? []).catch(() => []),
+    enabled: u,
     staleTime: 6e4
   }), l = /* @__PURE__ */ new Map();
-  for (const s of d) {
-    const u = l.get(s.template_name) ?? [];
-    u.push(s), l.set(s.template_name, u);
+  for (const c of i) {
+    const m = l.get(c.template_name) ?? [];
+    m.push(c), l.set(c.template_name, m);
   }
-  return /* @__PURE__ */ t("div", { className: "rounded-lg border border-slate-200 bg-white p-4 dark:border-border dark:bg-card", children: [
-    /* @__PURE__ */ t(
+  return /* @__PURE__ */ a("div", { className: "rounded-lg border border-slate-200 bg-white p-4 dark:border-border dark:bg-card", children: [
+    /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        onClick: () => r((s) => !s),
+        onClick: () => t((c) => !c),
         className: "flex w-full items-center justify-between text-left",
         children: [
-          /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ a("div", { children: [
             /* @__PURE__ */ e("h3", { className: "text-[14px] font-semibold", children: "My approval seats" }),
             /* @__PURE__ */ e("p", { className: "text-[12px] text-slate-500 dark:text-muted-foreground", children: "Every owner-matrix cell you sit in — why records land in your queue." })
           ] }),
-          /* @__PURE__ */ e("span", { className: "text-slate-400", children: m ? "▾" : "▸" })
+          /* @__PURE__ */ e("span", { className: "text-slate-400", children: u ? "▾" : "▸" })
         ]
       }
     ),
-    m && (o ? /* @__PURE__ */ e("p", { className: "mt-3 text-[12.5px] text-slate-400", children: "Loading…" }) : d.length === 0 ? /* @__PURE__ */ e("p", { className: "mt-3 text-[12.5px] text-slate-400", children: "You're not in any owner groups — approvals never route to you automatically." }) : /* @__PURE__ */ e("div", { className: "mt-3 space-y-3", children: [...l.entries()].map(([s, u]) => /* @__PURE__ */ t("div", { children: [
-      /* @__PURE__ */ e("p", { className: "text-[11px] font-semibold uppercase tracking-wide text-slate-400", children: s }),
-      /* @__PURE__ */ t("ul", { className: "mt-1 space-y-1.5", children: [
-        u.slice(0, 40).map((n) => /* @__PURE__ */ t("li", { className: "text-[12.5px]", children: [
-          /* @__PURE__ */ e("span", { className: "font-medium", children: n.state_label || n.state_key }),
-          n.group_name && /* @__PURE__ */ t("span", { className: "text-slate-500 dark:text-muted-foreground", children: [
+    u && (o ? /* @__PURE__ */ e("p", { className: "mt-3 text-[12.5px] text-slate-400", children: "Loading…" }) : i.length === 0 ? /* @__PURE__ */ e("p", { className: "mt-3 text-[12.5px] text-slate-400", children: "You're not in any owner groups — approvals never route to you automatically." }) : /* @__PURE__ */ e("div", { className: "mt-3 space-y-3", children: [...l.entries()].map(([c, m]) => /* @__PURE__ */ a("div", { children: [
+      /* @__PURE__ */ e("p", { className: "text-[11px] font-semibold uppercase tracking-wide text-slate-400", children: c }),
+      /* @__PURE__ */ a("ul", { className: "mt-1 space-y-1.5", children: [
+        m.slice(0, 40).map((r) => /* @__PURE__ */ a("li", { className: "text-[12.5px]", children: [
+          /* @__PURE__ */ e("span", { className: "font-medium", children: r.state_label || r.state_key }),
+          r.group_name && /* @__PURE__ */ a("span", { className: "text-slate-500 dark:text-muted-foreground", children: [
             " ",
             "— ",
-            n.group_name
+            r.group_name
           ] }),
-          (n.is_default === !0 || n.is_default === 1) && /* @__PURE__ */ e("span", { className: "ml-1.5 rounded bg-slate-100 px-1 py-px text-[9.5px] text-slate-500 dark:bg-muted", children: "default" }),
-          Array.isArray(n.filters) && n.filters.length > 0 && // "Region: KEY  Zone: Zone 1" — what the matrix cell matches on.
+          (r.is_default === !0 || r.is_default === 1) && /* @__PURE__ */ e("span", { className: "ml-1.5 rounded bg-slate-100 px-1 py-px text-[9.5px] text-slate-500 dark:bg-muted", children: "default" }),
+          Array.isArray(r.filters) && r.filters.length > 0 && // "Region: KEY  Zone: Zone 1" — what the matrix cell matches on.
           /* @__PURE__ */ e(
             "span",
             {
               "data-seat-filters": !0,
               className: "mt-0.5 flex flex-wrap gap-x-2.5 gap-y-0.5 text-[11.5px]",
-              children: n.filters.map((b) => /* @__PURE__ */ t("span", { className: "whitespace-nowrap", children: [
-                /* @__PURE__ */ t("span", { className: "text-slate-500 dark:text-slate-400", children: [
-                  b.label ?? b.field,
+              children: r.filters.map((h) => /* @__PURE__ */ a("span", { className: "whitespace-nowrap", children: [
+                /* @__PURE__ */ a("span", { className: "text-slate-500 dark:text-slate-400", children: [
+                  h.label ?? h.field,
                   ":"
                 ] }),
                 " ",
-                /* @__PURE__ */ e("span", { className: "text-slate-600 dark:text-slate-300", children: String(b.value ?? "—") })
-              ] }, b.field))
+                /* @__PURE__ */ e("span", { className: "text-slate-600 dark:text-slate-300", children: String(h.value ?? "—") })
+              ] }, h.field))
             }
           )
-        ] }, n.group_id)),
-        u.length > 40 && /* @__PURE__ */ t("li", { className: "text-[11.5px] text-slate-400", children: [
+        ] }, r.group_id)),
+        m.length > 40 && /* @__PURE__ */ a("li", { className: "text-[11.5px] text-slate-400", children: [
           "…and ",
-          u.length - 40,
+          m.length - 40,
           " more"
         ] })
       ] })
-    ] }, s)) }))
+    ] }, c)) }))
   ] });
 }
-function ft() {
-  const i = L(), m = K(), { data: r = [] } = w({
+function bt() {
+  const s = A(), u = K(), { data: t = [] } = v({
     queryKey: ["my-reminders"],
-    queryFn: () => i.request(D("/reminders")).then((h) => h.data).catch(() => []),
+    queryFn: () => s.request(T("/reminders")).then((p) => p.data).catch(() => []),
     staleTime: 3e4
-  }), [d, o] = q(""), [l, s] = q(""), u = () => void m.invalidateQueries({ queryKey: ["my-reminders"] }), n = _({
-    mutationFn: () => i.request(ae("/reminders", { note: d, remind_at: new Date(l).toISOString() })),
+  }), [i, o] = C(""), [l, c] = C(""), m = () => void u.invalidateQueries({ queryKey: ["my-reminders"] }), r = w({
+    mutationFn: () => s.request(ee("/reminders", { note: i, remind_at: new Date(l).toISOString() })),
     onSuccess: () => {
-      o(""), s(""), u();
+      o(""), c(""), m();
     }
-  }), b = _({
-    mutationFn: (h) => i.request(Re(`/reminders/${h}`)),
-    onSuccess: u
+  }), h = w({
+    mutationFn: (p) => s.request(Oe(`/reminders/${p}`)),
+    onSuccess: m
   });
-  return /* @__PURE__ */ t("div", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
-    /* @__PURE__ */ t("header", { className: "border-b border-slate-100 px-4 py-2.5 dark:border-border/60", children: [
+  return /* @__PURE__ */ a("div", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
+    /* @__PURE__ */ a("header", { className: "border-b border-slate-100 px-4 py-2.5 dark:border-border/60", children: [
       /* @__PURE__ */ e("h3", { className: "text-[13px] font-semibold text-slate-800 dark:text-slate-100", children: "Reminders" }),
       /* @__PURE__ */ e("p", { className: "mt-0.5 text-[11px] text-slate-400", children: `Personal nudges delivered as notifications at the time you pick. The chat bot's "remind me…" requests land here too.` })
     ] }),
-    /* @__PURE__ */ t("div", { className: "space-y-2 px-4 py-3", children: [
-      r.length === 0 && /* @__PURE__ */ e("p", { className: "text-[12px] text-slate-400", children: "No upcoming reminders." }),
-      r.map((h) => /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ e("p", { className: "truncate text-[12.5px] text-slate-700 dark:text-slate-200", children: h.note }),
-          /* @__PURE__ */ e("p", { className: "text-[11px] text-slate-400", children: new Date(h.remind_at).toLocaleString() })
+    /* @__PURE__ */ a("div", { className: "space-y-2 px-4 py-3", children: [
+      t.length === 0 && /* @__PURE__ */ e("p", { className: "text-[12px] text-slate-400", children: "No upcoming reminders." }),
+      t.map((p) => /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ e("p", { className: "truncate text-[12.5px] text-slate-700 dark:text-slate-200", children: p.note }),
+          /* @__PURE__ */ e("p", { className: "text-[11px] text-slate-400", children: new Date(p.remind_at).toLocaleString() })
         ] }),
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => b.mutate(h.id),
+            onClick: () => h.mutate(p.id),
             className: "shrink-0 rounded px-1.5 py-0.5 text-[11px] text-slate-400 hover:bg-red-50 hover:text-red-600 dark:hover:bg-red-500/10",
             children: "Cancel"
           }
         )
-      ] }, h.id)),
-      /* @__PURE__ */ t(
+      ] }, p.id)),
+      /* @__PURE__ */ a(
         "form",
         {
           className: "flex flex-wrap items-center gap-2 pt-1",
-          onSubmit: (h) => {
-            h.preventDefault(), d.trim() && l && n.mutate();
+          onSubmit: (p) => {
+            p.preventDefault(), i.trim() && l && r.mutate();
           },
           children: [
             /* @__PURE__ */ e(
               "input",
               {
-                value: d,
-                onChange: (h) => o(h.target.value),
+                value: i,
+                onChange: (p) => o(p.target.value),
                 placeholder: "Remind me to…",
                 className: "h-7 min-w-[160px] flex-1 rounded border border-slate-200 px-2 text-[12px] outline-none focus:border-nvr-cyan dark:border-border dark:bg-background"
               }
@@ -1647,7 +1420,7 @@ function ft() {
               {
                 type: "datetime-local",
                 value: l,
-                onChange: (h) => s(h.target.value),
+                onChange: (p) => c(p.target.value),
                 className: "h-7 rounded border border-slate-200 px-2 text-[12px] outline-none focus:border-nvr-cyan dark:border-border dark:bg-background"
               }
             ),
@@ -1655,9 +1428,9 @@ function ft() {
               "button",
               {
                 type: "submit",
-                disabled: !d.trim() || !l || n.isPending,
+                disabled: !i.trim() || !l || r.isPending,
                 className: "h-7 rounded bg-nvr-cyan px-2.5 text-[11.5px] font-medium text-white hover:bg-nvr-cyan-dark disabled:opacity-50",
-                children: n.isPending ? "Adding…" : "Add"
+                children: r.isPending ? "Adding…" : "Add"
               }
             )
           ]
@@ -1666,55 +1439,55 @@ function ft() {
     ] })
   ] });
 }
-function vt() {
-  const i = L(), { data: m } = w({
+function xt() {
+  const s = A(), { data: u } = v({
     queryKey: ["my-stats"],
-    queryFn: () => i.request(D("/users/me/stats")).then((d) => d.data).catch(() => null),
+    queryFn: () => s.request(T("/users/me/stats")).then((i) => i.data).catch(() => null),
     staleTime: 5 * 6e4
   });
-  if (!m) return null;
-  const r = Math.max(1, ...m.weeks.map((d) => d.transitions + d.tasks_done + d.created));
-  return /* @__PURE__ */ t("div", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
-    /* @__PURE__ */ t("header", { className: "flex items-center justify-between border-b border-slate-100 px-4 py-2.5 dark:border-border/60", children: [
-      /* @__PURE__ */ t("div", { children: [
+  if (!u) return null;
+  const t = Math.max(1, ...u.weeks.map((i) => i.transitions + i.tasks_done + i.created));
+  return /* @__PURE__ */ a("div", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
+    /* @__PURE__ */ a("header", { className: "flex items-center justify-between border-b border-slate-100 px-4 py-2.5 dark:border-border/60", children: [
+      /* @__PURE__ */ a("div", { children: [
         /* @__PURE__ */ e("h3", { className: "text-[13px] font-semibold text-slate-800 dark:text-slate-100", children: "My activity" }),
         /* @__PURE__ */ e("p", { className: "mt-0.5 text-[11px] text-slate-400", children: "Last 8 weeks — just yours." })
       ] }),
-      m.streak_days > 1 && /* @__PURE__ */ t("span", { className: "rounded-full bg-nvr-cyan/10 px-2 py-0.5 text-[11px] font-medium text-nvr-navy dark:text-nvr-cyan", children: [
-        m.streak_days,
+      u.streak_days > 1 && /* @__PURE__ */ a("span", { className: "rounded-full bg-nvr-cyan/10 px-2 py-0.5 text-[11px] font-medium text-nvr-navy dark:text-nvr-cyan", children: [
+        u.streak_days,
         "-day streak"
       ] })
     ] }),
-    /* @__PURE__ */ t("div", { className: "px-4 py-3", children: [
-      /* @__PURE__ */ e("div", { className: "flex items-end gap-1.5", style: { height: 56 }, children: m.weeks.map((d, o) => {
-        const l = d.transitions + d.tasks_done + d.created;
+    /* @__PURE__ */ a("div", { className: "px-4 py-3", children: [
+      /* @__PURE__ */ e("div", { className: "flex items-end gap-1.5", style: { height: 56 }, children: u.weeks.map((i, o) => {
+        const l = i.transitions + i.tasks_done + i.created;
         return /* @__PURE__ */ e(
           "div",
           {
             className: "flex-1 rounded-t bg-nvr-cyan/60 transition-all dark:bg-nvr-cyan/40",
-            style: { height: `${Math.max(4, l / r * 100)}%` },
-            "data-tip": `${l} action${l === 1 ? "" : "s"}: ${d.transitions} transitions, ${d.tasks_done} tasks done, ${d.created} created`
+            style: { height: `${Math.max(4, l / t * 100)}%` },
+            "data-tip": `${l} action${l === 1 ? "" : "s"}: ${i.transitions} transitions, ${i.tasks_done} tasks done, ${i.created} created`
           },
           o
         );
       }) }),
-      /* @__PURE__ */ t("div", { className: "mt-2 flex items-center justify-between text-[11px] text-slate-400", children: [
+      /* @__PURE__ */ a("div", { className: "mt-2 flex items-center justify-between text-[11px] text-slate-400", children: [
         /* @__PURE__ */ e("span", { children: "8 weeks ago" }),
         /* @__PURE__ */ e("span", { children: "this week" })
       ] }),
-      /* @__PURE__ */ t("div", { className: "mt-2 flex flex-wrap gap-x-4 gap-y-1 text-[11.5px] text-slate-500 dark:text-muted-foreground", children: [
-        /* @__PURE__ */ t("span", { children: [
-          /* @__PURE__ */ e("b", { className: "tabular-nums text-slate-700 dark:text-slate-200", children: m.totals.transitions }),
+      /* @__PURE__ */ a("div", { className: "mt-2 flex flex-wrap gap-x-4 gap-y-1 text-[11.5px] text-slate-500 dark:text-muted-foreground", children: [
+        /* @__PURE__ */ a("span", { children: [
+          /* @__PURE__ */ e("b", { className: "tabular-nums text-slate-700 dark:text-slate-200", children: u.totals.transitions }),
           " ",
           "transitions"
         ] }),
-        /* @__PURE__ */ t("span", { children: [
-          /* @__PURE__ */ e("b", { className: "tabular-nums text-slate-700 dark:text-slate-200", children: m.totals.tasks_done }),
+        /* @__PURE__ */ a("span", { children: [
+          /* @__PURE__ */ e("b", { className: "tabular-nums text-slate-700 dark:text-slate-200", children: u.totals.tasks_done }),
           " ",
           "tasks done"
         ] }),
-        /* @__PURE__ */ t("span", { children: [
-          /* @__PURE__ */ e("b", { className: "tabular-nums text-slate-700 dark:text-slate-200", children: m.totals.created }),
+        /* @__PURE__ */ a("span", { children: [
+          /* @__PURE__ */ e("b", { className: "tabular-nums text-slate-700 dark:text-slate-200", children: u.totals.created }),
           " ",
           "records created"
         ] })
@@ -1722,62 +1495,62 @@ function vt() {
     ] })
   ] });
 }
-function kt() {
-  const i = L(), m = K(), { data: r } = w({
+function gt() {
+  const s = A(), u = K(), { data: t } = v({
     queryKey: ["my-security"],
-    queryFn: () => i.request(D("/security/my/sessions")).then((l) => l.data).catch(() => ({ sessions: [], logins: [] })),
+    queryFn: () => s.request(T("/security/my/sessions")).then((l) => l.data).catch(() => ({ sessions: [], logins: [] })),
     staleTime: 3e4
-  }), d = _({
-    mutationFn: () => i.request(ae("/security/my/sessions/sign-out-others", {})).then((l) => l.data),
+  }), i = w({
+    mutationFn: () => s.request(ee("/security/my/sessions/sign-out-others", {})).then((l) => l.data),
     onSuccess: (l) => {
-      m.invalidateQueries({ queryKey: ["my-security"] }), o(`Signed out ${(l == null ? void 0 : l.revoked) ?? 0} other session(s)`);
+      u.invalidateQueries({ queryKey: ["my-security"] }), o(`Signed out ${(l == null ? void 0 : l.revoked) ?? 0} other session(s)`);
     },
     onError: (l) => {
-      var u, n;
-      const s = ((n = (u = l == null ? void 0 : l.response) == null ? void 0 : u.data) == null ? void 0 : n.error) ?? "Could not sign out your other sessions — try again.";
-      import("sonner").then(({ toast: b }) => b.error(s)).catch(() => {
+      var m, r;
+      const c = ((r = (m = l == null ? void 0 : l.response) == null ? void 0 : m.data) == null ? void 0 : r.error) ?? "Could not sign out your other sessions — try again.";
+      import("sonner").then(({ toast: h }) => h.error(c)).catch(() => {
       });
     }
   }), o = (l) => {
     try {
-      import("sonner").then(({ toast: s }) => s.success(l));
+      import("sonner").then(({ toast: c }) => c.success(l));
     } catch {
     }
   };
-  return /* @__PURE__ */ t("div", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
-    /* @__PURE__ */ t("header", { className: "flex items-center justify-between border-b border-slate-100 px-4 py-2.5 dark:border-border/60", children: [
-      /* @__PURE__ */ t("div", { children: [
+  return /* @__PURE__ */ a("div", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
+    /* @__PURE__ */ a("header", { className: "flex items-center justify-between border-b border-slate-100 px-4 py-2.5 dark:border-border/60", children: [
+      /* @__PURE__ */ a("div", { children: [
         /* @__PURE__ */ e("h3", { className: "text-[13px] font-semibold text-slate-800 dark:text-slate-100", children: "Security" }),
         /* @__PURE__ */ e("p", { className: "mt-0.5 text-[11px] text-slate-400", children: "Your active sessions and recent sign-ins." })
       ] }),
-      ((r == null ? void 0 : r.sessions.length) ?? 0) > 1 && /* @__PURE__ */ e(
+      ((t == null ? void 0 : t.sessions.length) ?? 0) > 1 && /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          disabled: d.isPending,
-          onClick: () => d.mutate(),
+          disabled: i.isPending,
+          onClick: () => i.mutate(),
           className: "rounded-md border border-red-200 px-2 py-1 text-[11.5px] text-red-600 hover:bg-red-50 disabled:opacity-50 dark:border-red-500/30",
           children: "Sign out everywhere else"
         }
       )
     ] }),
-    /* @__PURE__ */ t("div", { className: "space-y-2 p-4", children: [
-      /* @__PURE__ */ t("p", { className: "text-[11px] font-semibold uppercase tracking-wide text-slate-400", children: [
+    /* @__PURE__ */ a("div", { className: "space-y-2 p-4", children: [
+      /* @__PURE__ */ a("p", { className: "text-[11px] font-semibold uppercase tracking-wide text-slate-400", children: [
         "Active sessions (",
-        (r == null ? void 0 : r.sessions.length) ?? 0,
+        (t == null ? void 0 : t.sessions.length) ?? 0,
         ")"
       ] }),
-      ((r == null ? void 0 : r.sessions) ?? []).map((l) => /* @__PURE__ */ t(
+      ((t == null ? void 0 : t.sessions) ?? []).map((l) => /* @__PURE__ */ a(
         "p",
         {
           className: "flex items-center gap-2 text-[12px] text-slate-600 dark:text-slate-300",
           children: [
-            /* @__PURE__ */ t("span", { className: "font-mono text-slate-400", children: [
+            /* @__PURE__ */ a("span", { className: "font-mono text-slate-400", children: [
               l.sid_prefix,
               "…"
             ] }),
             l.current && /* @__PURE__ */ e("span", { className: "rounded bg-nvr-cyan/[0.08] px-1.5 py-px text-[10px] font-medium text-[#007a99] dark:text-nvr-cyan", children: "this session" }),
-            /* @__PURE__ */ t("span", { className: "ml-auto text-[11px] text-slate-400", children: [
+            /* @__PURE__ */ a("span", { className: "ml-auto text-[11px] text-slate-400", children: [
               "expires in ",
               Math.round(l.ttl_seconds / 3600),
               "h"
@@ -1786,62 +1559,62 @@ function kt() {
         },
         l.sid_prefix
       )),
-      ((r == null ? void 0 : r.logins) ?? []).length > 0 && /* @__PURE__ */ t(oe, { children: [
+      ((t == null ? void 0 : t.logins) ?? []).length > 0 && /* @__PURE__ */ a(X, { children: [
         /* @__PURE__ */ e("p", { className: "pt-1 text-[11px] font-semibold uppercase tracking-wide text-slate-400", children: "Recent sign-ins" }),
-        ((r == null ? void 0 : r.logins) ?? []).slice(0, 8).map((l, s) => (
+        ((t == null ? void 0 : t.logins) ?? []).slice(0, 8).map((l, c) => (
           // biome-ignore lint/suspicious/noArrayIndexKey: log rows
-          /* @__PURE__ */ t("p", { className: "flex items-center gap-2 text-[11.5px] text-slate-500", children: [
+          /* @__PURE__ */ a("p", { className: "flex items-center gap-2 text-[11.5px] text-slate-500", children: [
             /* @__PURE__ */ e("span", { className: "font-mono", children: l.ip ?? "—" }),
             l.new_ip && /* @__PURE__ */ e("span", { className: "rounded bg-amber-100 px-1 text-[9.5px] font-semibold text-amber-700 dark:bg-amber-400/15 dark:text-amber-400", children: "new IP" }),
             /* @__PURE__ */ e("span", { className: "ml-auto text-slate-400", children: new Date(l.created_at).toLocaleString() })
-          ] }, s)
+          ] }, c)
         ))
       ] })
     ] })
   ] });
 }
-function Nt() {
-  const i = L(), [m, r] = q(!1), { data: d } = w({
+function ft() {
+  const s = A(), [u, t] = C(!1), { data: i } = v({
     queryKey: ["my-permissions"],
-    queryFn: () => i.request(D("/security/my/permissions")).then((o) => o.data),
-    enabled: m,
+    queryFn: () => s.request(T("/security/my/permissions")).then((o) => o.data),
+    enabled: u,
     staleTime: 5 * 6e4
   });
-  return /* @__PURE__ */ t("div", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
-    /* @__PURE__ */ t(
+  return /* @__PURE__ */ a("div", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
+    /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        onClick: () => r((o) => !o),
+        onClick: () => t((o) => !o),
         className: "flex w-full items-center justify-between px-4 py-2.5 text-left",
         children: [
-          /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ a("div", { children: [
             /* @__PURE__ */ e("h3", { className: "text-[13px] font-semibold text-slate-800 dark:text-slate-100", children: "What can I access?" }),
             /* @__PURE__ */ e("p", { className: "mt-0.5 text-[11px] text-slate-400", children: "Your role, collections, and data limits in plain language." })
           ] }),
-          /* @__PURE__ */ e("span", { className: "text-[11px] text-slate-400", children: m ? "Hide" : "Show" })
+          /* @__PURE__ */ e("span", { className: "text-[11px] text-slate-400", children: u ? "Hide" : "Show" })
         ]
       }
     ),
-    m && d && /* @__PURE__ */ t("div", { className: "space-y-2 border-t border-slate-100 px-4 py-3 text-[12.5px] text-slate-600 dark:border-border/60 dark:text-slate-300", children: [
-      /* @__PURE__ */ t("p", { children: [
+    u && i && /* @__PURE__ */ a("div", { className: "space-y-2 border-t border-slate-100 px-4 py-3 text-[12.5px] text-slate-600 dark:border-border/60 dark:text-slate-300", children: [
+      /* @__PURE__ */ a("p", { children: [
         "Your role is ",
-        /* @__PURE__ */ e("b", { children: d.role ?? "unassigned" }),
-        d.is_admin && " — an administrator role with access to everything",
+        /* @__PURE__ */ e("b", { children: i.role ?? "unassigned" }),
+        i.is_admin && " — an administrator role with access to everything",
         "."
       ] }),
-      d.scopes.length > 0 && /* @__PURE__ */ t("p", { children: [
+      i.scopes.length > 0 && /* @__PURE__ */ a("p", { children: [
         "Your data is limited to:",
         " ",
-        d.scopes.map((o) => `${o.dimension}: ${o.values.join(", ")}`).join(" · ")
+        i.scopes.map((o) => `${o.dimension}: ${o.values.join(", ")}`).join(" · ")
       ] }),
-      !d.is_admin && /* @__PURE__ */ t("div", { children: [
-        /* @__PURE__ */ t("p", { className: "mb-1 text-[11px] font-semibold uppercase tracking-wide text-slate-400", children: [
+      !i.is_admin && /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ a("p", { className: "mb-1 text-[11px] font-semibold uppercase tracking-wide text-slate-400", children: [
           "Collections (",
-          d.collections.length,
+          i.collections.length,
           ")"
         ] }),
-        /* @__PURE__ */ e("div", { className: "max-h-48 overflow-y-auto", children: d.collections.map((o) => /* @__PURE__ */ t(
+        /* @__PURE__ */ e("div", { className: "max-h-48 overflow-y-auto", children: i.collections.map((o) => /* @__PURE__ */ a(
           "p",
           {
             className: "flex items-center gap-2 border-b border-slate-50 py-0.5 text-[12px] last:border-b-0 dark:border-border/40",
@@ -1856,51 +1629,51 @@ function Nt() {
     ] })
   ] });
 }
-function wt() {
-  const i = L(), m = K(), { data: r } = w({
+function yt() {
+  const s = A(), u = K(), { data: t } = v({
     queryKey: ["nvr-profile-prefs"],
-    queryFn: () => i.request(D("/users/me")).then((u) => {
-      var n;
-      return ((n = u.data) == null ? void 0 : n.preferences) ?? {};
+    queryFn: () => s.request(T("/users/me")).then((m) => {
+      var r;
+      return ((r = m.data) == null ? void 0 : r.preferences) ?? {};
     })
-  }), d = _({
-    mutationFn: (u) => i.request(G("/users/me/preferences", u)),
-    onSuccess: (u, n) => {
-      m.invalidateQueries({ queryKey: ["nvr-profile-prefs"] }), le(Object.keys(n)), import("sonner").then(
-        ({ toast: b }) => b.success("Saved — applied on all your open tabs and devices")
+  }), i = w({
+    mutationFn: (m) => s.request(G("/users/me/preferences", m)),
+    onSuccess: (m, r) => {
+      u.invalidateQueries({ queryKey: ["nvr-profile-prefs"] }), re(Object.keys(r)), import("sonner").then(
+        ({ toast: h }) => h.success("Saved — applied on all your open tabs and devices")
       );
     }
-  }), o = (r == null ? void 0 : r.number_format) ?? {}, { data: l = [se, ...ye] } = w({
+  }), o = (t == null ? void 0 : t.number_format) ?? {}, { data: l = [ae, ...ce] } = v({
     queryKey: ["nvr-theme-accents"],
-    queryFn: () => i.request(
-      D("/settings")
-    ).then((u) => {
-      var n, b;
+    queryFn: () => s.request(
+      T("/settings")
+    ).then((m) => {
+      var r, h;
       return [
-        { ...se, color: ((n = u.data) == null ? void 0 : n.project_color) ?? null },
-        ...Ue((b = u.data) == null ? void 0 : b.theme_accents)
+        { ...ae, color: ((r = m.data) == null ? void 0 : r.project_color) ?? null },
+        ...De((h = m.data) == null ? void 0 : h.theme_accents)
       ];
-    }).catch(() => [se, ...ye]),
+    }).catch(() => [ae, ...ce]),
     staleTime: 5 * 6e4
-  }), s = typeof (r == null ? void 0 : r.theme_accent) == "string" ? r.theme_accent : "brand";
-  return /* @__PURE__ */ t(
+  }), c = typeof (t == null ? void 0 : t.theme_accent) == "string" ? t.theme_accent : "brand";
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-profile-card": "display",
       className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card",
       children: [
-        /* @__PURE__ */ t("header", { className: "border-b border-slate-100 px-4 py-2.5 dark:border-border/60", children: [
+        /* @__PURE__ */ a("header", { className: "border-b border-slate-100 px-4 py-2.5 dark:border-border/60", children: [
           /* @__PURE__ */ e("h3", { className: "text-[13px] font-semibold text-slate-800 dark:text-slate-100", children: "Display" }),
           /* @__PURE__ */ e("p", { className: "mt-0.5 text-[11px] text-slate-400", children: "How times, numbers and text render for you." })
         ] }),
-        /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-x-5 gap-y-2.5 p-4 text-[12.5px] text-slate-600 dark:text-muted-foreground", children: [
-          /* @__PURE__ */ t("label", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-x-5 gap-y-2.5 p-4 text-[12.5px] text-slate-600 dark:text-muted-foreground", children: [
+          /* @__PURE__ */ a("label", { className: "flex items-center gap-1.5", children: [
             "Timestamps",
             /* @__PURE__ */ e(
-              E,
+              U,
               {
-                value: String((r == null ? void 0 : r.time_display) ?? "relative"),
-                onChange: (u) => d.mutate({ time_display: u }),
+                value: String((t == null ? void 0 : t.time_display) ?? "relative"),
+                onChange: (m) => i.mutate({ time_display: m }),
                 options: [
                   { value: "relative", label: "Relative (3h ago)" },
                   { value: "exact", label: "Exact (Aug 24, 3:12 PM)" }
@@ -1908,37 +1681,37 @@ function wt() {
               }
             )
           ] }),
-          /* @__PURE__ */ t("label", { className: "flex cursor-pointer items-center gap-1.5", children: [
+          /* @__PURE__ */ a("label", { className: "flex cursor-pointer items-center gap-1.5", children: [
             /* @__PURE__ */ e(
               "input",
               {
                 type: "checkbox",
                 checked: o.compact === !0,
-                onChange: (u) => d.mutate({ number_format: { ...o, compact: u.target.checked } }),
+                onChange: (m) => i.mutate({ number_format: { ...o, compact: m.target.checked } }),
                 className: "rounded"
               }
             ),
             "Compact numbers (1.2M)"
           ] }),
-          /* @__PURE__ */ t("label", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ a("label", { className: "flex items-center gap-1.5", children: [
             "Number locale",
             /* @__PURE__ */ e(
               "input",
               {
                 defaultValue: o.locale ?? "",
-                onBlur: (u) => d.mutate({ number_format: { ...o, locale: u.target.value.trim() || void 0 } }),
+                onBlur: (m) => i.mutate({ number_format: { ...o, locale: m.target.value.trim() || void 0 } }),
                 placeholder: "en-US",
                 className: "h-7 w-20 rounded-md border border-slate-200 bg-background px-1.5 text-[12px] dark:border-border"
               }
             )
           ] }),
-          /* @__PURE__ */ t("label", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ a("label", { className: "flex items-center gap-1.5", children: [
             "Week starts",
             /* @__PURE__ */ e(
-              E,
+              U,
               {
-                value: String((r == null ? void 0 : r.week_start) ?? "sun"),
-                onChange: (u) => d.mutate({ week_start: u }),
+                value: String((t == null ? void 0 : t.week_start) ?? "sun"),
+                onChange: (m) => i.mutate({ week_start: m }),
                 options: [
                   { value: "sun", label: "Sunday" },
                   { value: "mon", label: "Monday" }
@@ -1946,36 +1719,36 @@ function wt() {
               }
             )
           ] }),
-          /* @__PURE__ */ t("div", { className: "flex items-center gap-1.5", "data-theme-accent-picker": !0, children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5", "data-theme-accent-picker": !0, children: [
             "Accent",
-            /* @__PURE__ */ e("span", { className: "flex items-center gap-1", children: l.map((u) => {
-              const n = u.key === "brand" && s === "brand" || u.key === s;
+            /* @__PURE__ */ e("span", { className: "flex items-center gap-1", children: l.map((m) => {
+              const r = m.key === "brand" && c === "brand" || m.key === c;
               return /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  title: u.label,
-                  "aria-label": `Accent ${u.label}`,
-                  "aria-pressed": n,
-                  "data-theme-accent": u.key,
-                  onClick: () => d.mutate({ theme_accent: u.key === "brand" ? null : u.key }),
-                  className: R(
+                  title: m.label,
+                  "aria-label": `Accent ${m.label}`,
+                  "aria-pressed": r,
+                  "data-theme-accent": m.key,
+                  onClick: () => i.mutate({ theme_accent: m.key === "brand" ? null : m.key }),
+                  className: Q(
                     "h-5 w-5 rounded-full border-2 transition-transform",
-                    n ? "scale-110 border-slate-800 dark:border-slate-100" : "border-transparent hover:scale-105"
+                    r ? "scale-110 border-slate-800 dark:border-slate-100" : "border-transparent hover:scale-105"
                   ),
-                  style: { background: u.color ?? "var(--nvr-cyan)" }
+                  style: { background: m.color ?? "var(--nvr-cyan)" }
                 },
-                u.key
+                m.key
               );
             }) })
           ] }),
-          /* @__PURE__ */ t("label", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ a("label", { className: "flex items-center gap-1.5", children: [
             "Text size",
             /* @__PURE__ */ e(
-              E,
+              U,
               {
-                value: String((r == null ? void 0 : r.font_size) ?? "default"),
-                onChange: (u) => d.mutate({ font_size: u }),
+                value: String((t == null ? void 0 : t.font_size) ?? "default"),
+                onChange: (m) => i.mutate({ font_size: m }),
                 options: [
                   { value: "small", label: "Small" },
                   { value: "default", label: "Default" },
@@ -1990,11 +1763,11 @@ function wt() {
   );
 }
 export {
-  Ve as DelegationCard,
-  wt as DisplayPrefsCard,
-  ct as LinkAppCard,
-  dt as NotificationRulesCard,
-  it as ProfileFieldsCard,
-  Gt as ProfileView,
-  ut as TimezoneCard
+  Be as DelegationCard,
+  yt as DisplayPrefsCard,
+  lt as LinkAppCard,
+  st as NotificationRulesCard,
+  nt as ProfileFieldsCard,
+  Wt as ProfileView,
+  ot as TimezoneCard
 };