@nivaro/react 0.3.22 → 0.3.24

package/dist/shared/components/item-edit/CompareSeries.js

@@ -1,13 +1,13 @@
 import { jsx as a, jsxs as n, Fragment as F } from "react/jsx-runtime";
-import { useQuery as X } from "@tanstack/react-query";
-import { Lock as G } from "lucide-react";
-import { useState as _, useMemo as z, useEffect as B } from "react";
-import { get as Y } from "../../lib/commands.js";
+import { useQuery as z } from "@tanstack/react-query";
+import { Lock as I } from "lucide-react";
+import { useState as _, useMemo as Y, useEffect as B } from "react";
+import { get as Z } from "../../lib/commands.js";
 import { cn as N } from "../../lib/utils.js";
 import { Popover as A, PopoverTrigger as D, PopoverContent as j } from "../ui/popover.js";
-function Z(t) {
-  const { series: e, value: r, periodLabel: l, whole: s, children: i } = t, [d, g] = _(!1), c = e.details ?? [];
-  if (c.length === 0 && e.total == null) return /* @__PURE__ */ a(F, { children: i });
+function ee(t) {
+  const { series: e, value: r, periodLabel: l, whole: s, children: o } = t, [d, g] = _(!1), c = e.details ?? [];
+  if (c.length === 0 && e.total == null) return /* @__PURE__ */ a(F, { children: o });
   const x = e.total ?? null, h = x && x > 5e-3 ? Math.round(r / x * 1e3) / 10 : null;
   return /* @__PURE__ */ n(A, { open: d, onOpenChange: g, children: [
     /* @__PURE__ */ a(D, { asChild: !0, children: /* @__PURE__ */ a(
@@ -17,7 +17,7 @@ function Z(t) {
         "data-compare-series-details": e.key,
         "data-tip": "",
         className: "rounded px-0.5 underline decoration-dotted underline-offset-2 hover:decoration-solid focus-visible:decoration-solid",
-        children: i
+        children: o
       }
     ) }),
     /* @__PURE__ */ n(j, { align: "end", sideOffset: 6, className: "w-[360px] p-0 text-[12px]", children: [
@@ -41,47 +41,47 @@ function Z(t) {
       ] }),
       c.length > 0 ? /* @__PURE__ */ n(F, { children: [
         e.details_label ? /* @__PURE__ */ a("p", { className: "px-3 pt-1.5 text-[10.5px] font-medium text-slate-500 dark:text-slate-400", children: e.details_label }) : null,
-        /* @__PURE__ */ a("ul", { className: "max-h-[200px] overflow-y-auto overscroll-contain px-3 py-1", "data-compare-series-list": "", children: c.map((o) => {
+        /* @__PURE__ */ a("ul", { className: "max-h-[200px] overflow-y-auto overscroll-contain px-3 py-1", "data-compare-series-list": "", children: c.map((i) => {
           var p;
-          return /* @__PURE__ */ n("li", { className: "py-1", "data-compare-series-row": String(o.id), children: [
+          return /* @__PURE__ */ n("li", { className: "py-1", "data-compare-series-row": String(i.id), children: [
             /* @__PURE__ */ n("div", { className: "flex items-baseline gap-2", children: [
               /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate text-slate-700 dark:text-slate-200", children: [
-                o.label,
-                o.sub ? /* @__PURE__ */ a("span", { className: "text-slate-500 dark:text-slate-400", children: ` · ${o.sub}` }) : null
+                i.label,
+                i.sub ? /* @__PURE__ */ a("span", { className: "text-slate-500 dark:text-slate-400", children: ` · ${i.sub}` }) : null
               ] }),
-              /* @__PURE__ */ a("span", { className: "tabular-nums text-slate-800 dark:text-slate-100", children: m(o.amount) })
+              /* @__PURE__ */ a("span", { className: "tabular-nums text-slate-800 dark:text-slate-100", children: m(i.amount) })
             ] }),
-            (o.date || (((p = o.meta) == null ? void 0 : p.length) ?? 0) > 0 || o.note) && /* @__PURE__ */ a("p", { className: "truncate text-[10.5px] text-slate-500 dark:text-slate-400", children: [o.date, ...(o.meta ?? []).map((y) => `${y.label} ${y.value}`), o.note].filter(Boolean).join(" · ") })
-          ] }, String(o.id));
+            (i.date || (((p = i.meta) == null ? void 0 : p.length) ?? 0) > 0 || i.note) && /* @__PURE__ */ a("p", { className: "truncate text-[10.5px] text-slate-500 dark:text-slate-400", children: [i.date, ...(i.meta ?? []).map((y) => `${y.label} ${y.value}`), i.note].filter(Boolean).join(" · ") })
+          ] }, String(i.id));
         }) }),
         /* @__PURE__ */ a("p", { className: "border-t border-slate-100 px-3 py-1 text-[10.5px] tabular-nums text-slate-500 dark:border-border dark:text-slate-400", children: `${c.length} ${c.length === 1 ? "record" : "records"}` })
       ] }) : /* @__PURE__ */ a("p", { className: "px-3 py-2 text-slate-500 dark:text-slate-400", children: "Nothing listed behind this line." })
     ] })
   ] });
 }
-function ee(t, e, r) {
-  const l = t.rows.find((i) => String(i.key) === String(e)), s = l == null ? void 0 : l.values[r];
+function te(t, e, r) {
+  const l = t.rows.find((o) => String(o.key) === String(e)), s = l == null ? void 0 : l.values[r];
   return typeof s == "number" && Number.isFinite(s) ? s : null;
 }
-function te(t, e, r) {
+function ae(t, e, r) {
   const l = r[t.key_field];
-  let s = 0, i = 0;
+  let s = 0, o = 0;
   for (const d of t.columns) {
     if (!U(d) || !R(t, l, d)) continue;
     const g = Number(r[d]) || 0, c = (e == null ? void 0 : e.values[d]) ?? 0;
-    g === 0 && c === 0 || (i++, s += c - g);
+    g === 0 && c === 0 || (o++, s += c - g);
   }
-  return i ? { diff: s, months: i } : null;
+  return o ? { diff: s, months: o } : null;
 }
-function ae(t, e, r) {
+function re(t, e, r) {
   const l = $.indexOf(r);
   return t.columns.filter(
     (s) => U(s) && $.indexOf(s) > l && !R(t, e, s)
   );
 }
-function re(t) {
+function ne(t) {
   const e = $.indexOf(t);
-  return e < 0 ? t : I[e];
+  return e < 0 ? t : Q[e];
 }
 function T(t) {
   return $.indexOf(t) < 0 ? t : t.charAt(0).toUpperCase() + t.slice(1);
@@ -99,21 +99,21 @@ const $ = [
   "october",
   "november",
   "december"
-], I = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+], Q = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
 function be(t, e) {
   let r = !1;
-  const l = t.replace(/\{\{\s*\$parent\.(\w+)\s*\}\}/g, (s, i) => {
-    const d = e == null ? void 0 : e[i];
+  const l = t.replace(/\{\{\s*\$parent\.(\w+)\s*\}\}/g, (s, o) => {
+    const d = e == null ? void 0 : e[o];
     return d == null || d === "" || d === "new" ? (r = !0, "") : encodeURIComponent(String(d));
   });
   return r ? null : l;
 }
 function fe(t) {
-  return X({
+  return z({
     queryKey: ["o2m-compare", t.endpoint ?? ""],
     queryFn: async () => {
       if (!t.client || !t.endpoint) return null;
-      const e = await t.client.request(Y(t.endpoint));
+      const e = await t.client.request(Z(t.endpoint));
       return (e == null ? void 0 : e.data) ?? null;
     },
     enabled: t.enabled && !!t.endpoint && !!t.client,
@@ -132,13 +132,13 @@ function R(t, e, r) {
   if (l < 0) return !1;
   const s = Number(e);
   if (!Number.isFinite(s)) return !1;
-  const [i, d] = t.closed_through.split("-").map(Number);
-  return s * 12 + l <= i * 12 + (d - 1);
+  const [o, d] = t.closed_through.split("-").map(Number);
+  return s * 12 + l <= o * 12 + (d - 1);
 }
-function ne(t) {
+function le(t) {
   if (!t) return null;
   const [e, r] = t.split("-").map(Number);
-  return !Number.isFinite(e) || !Number.isFinite(r) ? null : `${I[r - 1] ?? ""} ${e}`.trim();
+  return !Number.isFinite(e) || !Number.isFinite(r) ? null : `${Q[r - 1] ?? ""} ${e}`.trim();
 }
 const U = (t) => $.includes(t);
 function m(t, e = !1) {
@@ -159,31 +159,31 @@ const L = {
   warn: "text-[color:var(--nvr-role-warning,#b45309)] dark:text-[color:var(--nvr-role-warning-dark,#d4936a)]",
   danger: "text-[color:var(--nvr-role-negative,#dc2626)] dark:text-[color:var(--nvr-role-negative-dark,#e08383)]",
   neutral: "text-slate-500 dark:text-slate-400"
-}, le = {
+}, se = {
   ok: "bg-[color:var(--nvr-role-positive,#15803d)] dark:bg-[color:var(--nvr-role-positive-dark,#9fbf8a)]",
   warn: "bg-[color:var(--nvr-role-warning,#b45309)] dark:bg-[color:var(--nvr-role-warning-dark,#d4936a)]",
   danger: "bg-[color:var(--nvr-role-negative,#dc2626)] dark:bg-[color:var(--nvr-role-negative-dark,#e08383)]",
   neutral: "bg-slate-400"
 };
-function Q(t, e, r) {
+function X(t, e, r) {
   const l = e - t;
   return Math.abs(l) < 5e-3 ? t === 0 ? "neutral" : "ok" : r ? "warn" : l > 0 ? "danger" : "neutral";
 }
-function se(t) {
-  const { column: e, plannedRow: r, actual: l, target: s } = t, i = Number(r[e]) || 0, d = Math.round((i - l) * 100) / 100, g = { [e]: l };
+function oe(t) {
+  const { column: e, plannedRow: r, actual: l, target: s } = t, o = Number(r[e]) || 0, d = Math.round((o - l) * 100) / 100, g = { [e]: l };
   let c = 0, x = 0;
   if (s && Math.abs(d) >= 5e-3) {
-    const h = Number(r[s]) || 0, o = Math.max(0, Math.round((h + d) * 100) / 100);
-    c = Math.round((o - h) * 100) / 100, x = Math.round((h + d - o) * 100) / 100, g[s] = o;
+    const h = Number(r[s]) || 0, i = Math.max(0, Math.round((h + d) * 100) / 100);
+    c = Math.round((i - h) * 100) / 100, x = Math.round((h + d - i) * 100) / 100, g[s] = i;
   }
   return { patch: g, moved: c, targetShort: x };
 }
 function V(t) {
-  const { data: e, rowKey: r, column: l, columnLabel: s, plannedRow: i, actual: d, onApply: g, variant: c = "link" } = t, [x, h] = _(!1), o = Number(i[l]) || 0, p = Math.round((o - d) * 100) / 100, y = z(() => ae(e, r, l), [e, r, l]), [v, O] = _(null);
+  const { data: e, rowKey: r, column: l, columnLabel: s, plannedRow: o, actual: d, onApply: g, variant: c = "link" } = t, [x, h] = _(!1), i = Number(o[l]) || 0, p = Math.round((i - d) * 100) / 100, y = Y(() => re(e, r, l), [e, r, l]), [v, O] = _(null);
   B(() => {
     x && O(y[0] ?? null);
   }, [x, y]);
-  const f = se({ column: l, plannedRow: i, actual: d, target: v }), S = () => {
+  const f = oe({ column: l, plannedRow: o, actual: d, target: v }), S = () => {
     const u = `Reconciled ${s} ${String(r)} to invoiced (${m(d)})`;
     return !v || Math.abs(f.moved) < 5e-3 ? u : p > 0 ? `${u} — moved ${m(f.moved)} to ${T(v)}` : `${u} — took ${m(-f.moved)} from ${T(v)}`;
   }, [w, M] = _("");
@@ -245,7 +245,7 @@ function V(t) {
               " ",
               /* @__PURE__ */ n("span", { className: "text-slate-400", children: [
                 "(was ",
-                m(o),
+                m(i),
                 ")"
               ] })
             ] }),
@@ -275,7 +275,7 @@ function V(t) {
                       "rounded-full border px-2 py-px text-[11px]",
                       v === u ? "border-nvr-cyan bg-nvr-cyan/10 font-semibold text-slate-800 dark:text-slate-100" : "border-slate-200 text-slate-600 hover:bg-muted dark:border-border dark:text-slate-300"
                     ),
-                    children: re(u)
+                    children: ne(u)
                   },
                   u
                 )),
@@ -297,7 +297,7 @@ function V(t) {
               f.targetShort > 5e-3 && /* @__PURE__ */ n("span", { className: N("block text-[11px]", L.warn), children: [
                 T(v ?? ""),
                 " only holds ",
-                m(Number(i[v ?? ""]) || 0),
+                m(Number(o[v ?? ""]) || 0),
                 " —",
                 " ",
                 m(f.targetShort),
@@ -345,9 +345,9 @@ function V(t) {
 }
 function ve(t) {
   var q;
-  const { data: e, row: r, rowKey: l, column: s, planned: i, columnLabel: d, compact: g, plannedRow: c, onAdjust: x } = t;
+  const { data: e, row: r, rowKey: l, column: s, planned: o, columnLabel: d, compact: g, plannedRow: c, onAdjust: x } = t;
   if (!e.columns.includes(s)) return null;
-  const h = r == null ? void 0 : r.values[s], o = R(e, l, s), p = Number(i) || 0, y = (e.series ?? []).map((b) => ({ s: b, v: ee(b, l, s) })).filter((b) => b.v != null && Math.abs(b.v) >= 5e-3), v = y.length > 0 && /* @__PURE__ */ a("div", { className: "flex flex-wrap items-baseline gap-x-1", "data-compare-extra": "", children: y.map(({ s: b, v: H }) => {
+  const h = r == null ? void 0 : r.values[s], i = R(e, l, s), p = Number(o) || 0, y = (e.series ?? []).map((b) => ({ s: b, v: te(b, l, s) })).filter((b) => b.v != null && Math.abs(b.v) >= 5e-3), v = y.length > 0 && /* @__PURE__ */ a("div", { className: "flex flex-wrap items-baseline gap-x-1", "data-compare-extra": "", children: y.map(({ s: b, v: H }) => {
     var J;
     return /* @__PURE__ */ n(
       "span",
@@ -358,7 +358,7 @@ function ve(t) {
         children: [
           /* @__PURE__ */ a("span", { className: "font-mono text-[9px] uppercase tracking-wide", children: b.label }),
           /* @__PURE__ */ a(
-            Z,
+            ee,
             {
               series: b,
               value: H,
@@ -370,7 +370,7 @@ function ve(t) {
       },
       b.key
     );
-  }) }), f = e.columns[e.columns.length - 1] === s && !U(s) && c ? te(e, r, c) : null, S = f && /* @__PURE__ */ n(
+  }) }), f = e.columns[e.columns.length - 1] === s && !U(s) && c ? ae(e, r, c) : null, S = f && /* @__PURE__ */ n(
     "div",
     {
       "data-compare-variance": f.diff > 0 ? "over" : "under",
@@ -391,7 +391,7 @@ function ve(t) {
     }
   );
   if (!r || h == null) {
-    const b = o && x && c && p !== 0 ? /* @__PURE__ */ a(
+    const b = i && x && c && p !== 0 ? /* @__PURE__ */ a(
       V,
       {
         data: e,
@@ -419,12 +419,12 @@ function ve(t) {
       }
     );
   }
-  const w = ((q = r.details) == null ? void 0 : q[s]) ?? [], M = Q(p, h, o), k = h - p, P = Math.abs(k) >= 5e-3 && p !== 0, u = o && !!x && !!c && Math.abs(k) >= 5e-3, E = w.length > 0 || u, K = /* @__PURE__ */ a(
+  const w = ((q = r.details) == null ? void 0 : q[s]) ?? [], M = X(p, h, i), k = h - p, P = Math.abs(k) >= 5e-3 && p !== 0, u = i && !!x && !!c && Math.abs(k) >= 5e-3, K = w.length > 0 || u, E = /* @__PURE__ */ a(
     "span",
     {
       className: N(
         "tabular-nums font-medium",
-        E && "cursor-pointer underline decoration-dotted decoration-slate-300 underline-offset-2 hover:decoration-slate-500 dark:decoration-slate-600",
+        K && "cursor-pointer underline decoration-dotted decoration-slate-300 underline-offset-2 hover:decoration-slate-500 dark:decoration-slate-600",
         "text-slate-700 dark:text-slate-200"
       ),
       children: m(h, g)
@@ -438,7 +438,7 @@ function ve(t) {
       className: "mt-0.5 flex flex-wrap items-baseline gap-x-1 text-[11px] leading-4",
       children: [
         /* @__PURE__ */ a("span", { className: "font-mono text-[9px] uppercase tracking-wide text-slate-500 dark:text-slate-400", children: e.label }),
-        E ? /* @__PURE__ */ n(A, { children: [
+        K ? /* @__PURE__ */ n(A, { children: [
           /* @__PURE__ */ a(D, { asChild: !0, children: /* @__PURE__ */ a(
             "button",
             {
@@ -449,11 +449,11 @@ function ve(t) {
               onClick: (b) => b.stopPropagation(),
               onPointerDown: (b) => b.stopPropagation(),
               className: "rounded-sm text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan/60",
-              children: K
+              children: E
             }
           ) }),
           /* @__PURE__ */ a(
-            oe,
+            ie,
             {
               title: `${d} ${String(l)}`,
               label: e.label,
@@ -461,7 +461,7 @@ function ve(t) {
               unit: W(e, w.length),
               actual: h,
               planned: p,
-              closed: o,
+              closed: i,
               rows: w,
               reconcile: u && c ? /* @__PURE__ */ a(
                 V,
@@ -477,13 +477,13 @@ function ve(t) {
               ) : null
             }
           )
-        ] }) : K,
+        ] }) : E,
         P && /* @__PURE__ */ n(
           "span",
           {
             "data-compare-delta": !0,
             className: N("tabular-nums text-[10.5px]", L[M]),
-            "data-tip": o ? `Closed month — ${m(Math.abs(k))} ${k > 0 ? "more" : "less"} than the ${C(e).toLowerCase()}` : k > 0 ? `Already ${m(k)} over the ${C(e).toLowerCase()} with the month still open` : `${m(-k)} of the ${C(e).toLowerCase()} still to come`,
+            "data-tip": i ? `Closed month — ${m(Math.abs(k))} ${k > 0 ? "more" : "less"} than the ${C(e).toLowerCase()}` : k > 0 ? `Already ${m(k)} over the ${C(e).toLowerCase()} with the month still open` : `${m(-k)} of the ${C(e).toLowerCase()} still to come`,
             children: [
               k > 0 ? "+" : "−",
               m(Math.abs(k), !0)
@@ -542,14 +542,14 @@ function W(t, e) {
   const r = t == null ? void 0 : t.unit;
   return r != null && r.one && (r != null && r.many) ? e === 1 ? r.one : r.many : e === 1 ? "entry" : "entries";
 }
-function oe(t) {
-  const { title: e, label: r, planLabel: l, unit: s, actual: i, planned: d, closed: g, rows: c, reconcile: x } = t, h = i - d;
+function ie(t) {
+  const { title: e, label: r, planLabel: l, unit: s, actual: o, planned: d, closed: g, rows: c, reconcile: x } = t, h = o - d;
   return /* @__PURE__ */ n(
     j,
     {
       align: "start",
       sideOffset: 6,
-      onOpenAutoFocus: (o) => o.preventDefault(),
+      onOpenAutoFocus: (i) => i.preventDefault(),
       className: "w-[400px] max-w-[calc(100vw-32px)] p-0 text-[12px]",
       "data-compare-popover": !0,
       children: [
@@ -563,7 +563,7 @@ function oe(t) {
                   className: "inline-flex items-center gap-0.5 rounded-full bg-slate-100 px-1.5 py-px text-[10px] font-medium uppercase tracking-wide text-slate-500 dark:bg-white/[0.06] dark:text-slate-400",
                   "data-tip": "This month is closed — its actuals are final",
                   children: [
-                    /* @__PURE__ */ a(G, { className: "h-2.5 w-2.5", "aria-hidden": "true" }),
+                    /* @__PURE__ */ a(I, { className: "h-2.5 w-2.5", "aria-hidden": "true" }),
                     " Closed"
                   ]
                 }
@@ -573,14 +573,14 @@ function oe(t) {
               /* @__PURE__ */ n("span", { children: [
                 r,
                 " ",
-                /* @__PURE__ */ a("b", { className: "font-semibold text-slate-700 dark:text-slate-200", children: m(i) })
+                /* @__PURE__ */ a("b", { className: "font-semibold text-slate-700 dark:text-slate-200", children: m(o) })
               ] }),
               /* @__PURE__ */ n("span", { children: [
                 l,
                 " ",
                 /* @__PURE__ */ a("b", { className: "font-semibold text-slate-700 dark:text-slate-200", children: m(d) })
               ] }),
-              Math.abs(h) >= 5e-3 && /* @__PURE__ */ n("span", { className: L[Q(d, i, g)], children: [
+              Math.abs(h) >= 5e-3 && /* @__PURE__ */ n("span", { className: L[X(d, o, g)], children: [
                 h > 0 ? "+" : "−",
                 m(Math.abs(h))
               ] })
@@ -600,7 +600,7 @@ function oe(t) {
           ] }),
           x
         ] }),
-        /* @__PURE__ */ a("ul", { className: "max-h-72 overflow-y-auto py-1", "data-compare-details-list": !0, children: c.map((o) => /* @__PURE__ */ n(
+        /* @__PURE__ */ a("ul", { className: "max-h-72 overflow-y-auto py-1", "data-compare-details-list": !0, children: c.map((i) => /* @__PURE__ */ n(
           "li",
           {
             className: "flex items-start justify-between gap-3 px-3.5 py-1.5 hover:bg-muted",
@@ -608,35 +608,36 @@ function oe(t) {
             children: [
               /* @__PURE__ */ n("div", { className: "min-w-0", children: [
                 /* @__PURE__ */ n("div", { className: "truncate font-medium text-slate-800 dark:text-foreground", children: [
-                  o.label,
-                  o.sub && /* @__PURE__ */ a("span", { className: "ml-1.5 font-normal text-slate-500 dark:text-muted-foreground", children: o.sub })
+                  i.label,
+                  i.sub && /* @__PURE__ */ a("span", { className: "ml-1.5 font-normal text-slate-500 dark:text-muted-foreground", children: i.sub })
                 ] }),
                 /* @__PURE__ */ n("div", { className: "mt-px flex flex-wrap gap-x-2 text-[10.5px] text-slate-500 dark:text-muted-foreground", children: [
-                  o.date && /* @__PURE__ */ a("span", { children: o.date }),
-                  (o.meta ?? []).map((p) => /* @__PURE__ */ n("span", { children: [
+                  i.date && /* @__PURE__ */ a("span", { children: i.date }),
+                  (i.meta ?? []).map((p) => /* @__PURE__ */ n("span", { children: [
                     /* @__PURE__ */ a("span", { className: "text-slate-400 dark:text-slate-500", children: p.label }),
                     " ",
                     p.value
                   ] }, p.label))
                 ] }),
-                o.note && /* @__PURE__ */ a("div", { className: N("mt-px text-[10.5px] font-medium", L[o.tone ?? "neutral"]), children: o.note })
+                i.note && /* @__PURE__ */ a("div", { className: N("mt-px text-[10.5px] font-medium", L[i.tone ?? "neutral"]), children: i.note })
               ] }),
-              /* @__PURE__ */ a("span", { className: "shrink-0 tabular-nums font-medium text-slate-800 dark:text-foreground", children: m(o.amount) })
+              /* @__PURE__ */ a("span", { className: "shrink-0 tabular-nums font-medium text-slate-800 dark:text-foreground", children: m(i.amount) })
             ]
           },
-          String(o.id)
+          String(i.id)
         )) })
       ]
     }
   );
 }
-function ie(t) {
-  const e = t.value, r = e == null ? "—" : t.format === "currency" ? e.toLocaleString("en-US", { style: "currency", currency: "USD", maximumFractionDigits: 2 }) : e.toLocaleString("en-US", { maximumFractionDigits: 2 });
+function G(t) {
+  const e = t.value, r = t.text != null ? t.text : e == null ? "—" : t.format === "currency" ? e.toLocaleString("en-US", { style: "currency", currency: "USD", maximumFractionDigits: 2 }) : e.toLocaleString("en-US", { maximumFractionDigits: 2 });
   return /* @__PURE__ */ n(
     "div",
     {
       "data-o2m-stat": t.dataKey ?? t.label,
       "data-stat-negative": t.negative ? "true" : void 0,
+      "data-tip": t.tip || void 0,
       className: N(
         "flex items-baseline gap-2 rounded-md border px-2.5 py-1",
         t.negative ? "border-red-200 bg-red-50 dark:border-red-900/50 dark:bg-red-950/30" : "border-slate-200 bg-slate-50 dark:border-border dark:bg-muted/40"
@@ -678,18 +679,18 @@ function Ne(t) {
       }
     );
   if (!e) return null;
-  const s = ne(e.closed_through);
+  const s = le(e.closed_through);
   return /* @__PURE__ */ n(F, { children: [
     e.status && /* @__PURE__ */ n(
       "div",
       {
         "data-compare-status": e.status.key,
         "data-tip": e.status.reason || void 0,
-        className: "flex max-w-[420px] items-center gap-2 rounded-md border border-slate-200 bg-white px-2.5 py-1 dark:border-border dark:bg-card",
+        className: "flex items-center gap-2 rounded-md border border-slate-200 bg-white px-2.5 py-1 dark:border-border dark:bg-card",
         children: [
-          /* @__PURE__ */ a("span", { className: N("h-2 w-2 shrink-0 rounded-full", le[e.status.tone]), "aria-hidden": "true" }),
+          /* @__PURE__ */ a("span", { className: N("h-2 w-2 shrink-0 rounded-full", se[e.status.tone]), "aria-hidden": "true" }),
           /* @__PURE__ */ a("span", { className: "shrink-0 whitespace-nowrap text-[12px] font-semibold text-slate-800 dark:text-slate-100", children: e.status.label }),
-          e.status.reason && /* @__PURE__ */ a("span", { className: "min-w-0 truncate text-[11px] text-slate-500 dark:text-muted-foreground", children: e.status.reason })
+          e.status.reason && /* @__PURE__ */ a("span", { className: "sr-only", children: e.status.reason })
         ]
       }
     ),
@@ -700,21 +701,22 @@ function Ne(t) {
         "data-tip": e.closed_rule,
         className: "flex items-center gap-1.5 rounded-md border border-slate-200 bg-slate-50 px-2.5 py-1 text-[11px] text-slate-600 dark:border-border dark:bg-muted/40 dark:text-slate-300",
         children: [
-          /* @__PURE__ */ a(G, { className: "h-3 w-3 text-slate-400", "aria-hidden": "true" }),
+          /* @__PURE__ */ a(I, { className: "h-3 w-3 text-slate-400", "aria-hidden": "true" }),
           "Closed through ",
           /* @__PURE__ */ a("b", { className: "font-semibold", children: s })
         ]
       }
     ),
-    (e.figures ?? []).map((i) => /* @__PURE__ */ a(ie, { label: i.label, value: i.value, format: i.format, dataKey: `compare:${i.label}` }, i.label))
+    (e.facts ?? []).map((o) => /* @__PURE__ */ a(G, { label: o.label, value: null, text: o.value, tip: o.tip, dataKey: `compare:${o.label}` }, o.label)),
+    (e.figures ?? []).map((o) => /* @__PURE__ */ a(G, { label: o.label, value: o.value, format: o.format, dataKey: `compare:${o.label}` }, o.label))
   ] });
 }
 function ye(t, e) {
   if (!t || !t.columns.includes(e)) return null;
   let r = !1, l = 0;
   for (const s of t.rows) {
-    const i = s.values[e];
-    i != null && (r = !0, l += i);
+    const o = s.values[e];
+    o != null && (r = !0, l += o);
   }
   return r ? l : null;
 }
@@ -722,22 +724,22 @@ export {
   ve as CompareCell,
   ke as CompareProposalBanner,
   Ne as CompareStripChips,
-  ie as GridStatChip,
+  G as GridStatChip,
   V as ReconcileAction,
-  Z as SeriesFigurePopover,
-  ne as closedThroughLabel,
-  te as closedVariance,
+  ee as SeriesFigurePopover,
+  le as closedThroughLabel,
+  ae as closedVariance,
   R as compareColumnClosed,
   ye as compareColumnSum,
   ge as compareRowFor,
-  Q as compareTone,
-  ee as extraSeriesValue,
+  X as compareTone,
+  te as extraSeriesValue,
   m as fmtMoney,
-  re as monthLabel,
+  ne as monthLabel,
   T as monthLabelLong,
-  ae as openColumnsAfter,
+  re as openColumnsAfter,
   C as planLabel,
-  se as reconcilePlan,
+  oe as reconcilePlan,
   be as resolveCompareEndpoint,
   W as unitWord,
   fe as useCompareSeries

package/dist/shared/components/notifications/DeliveryChips.js

@@ -1,17 +1,17 @@
 import { jsx as m, jsxs as f, Fragment as h } from "react/jsx-runtime";
-import { Inbox as b, Bell as u, Mail as k, MessageSquare as x } from "lucide-react";
-const y = {
+import { Inbox as b, Bell as u, Mail as k, Users as x, MessageSquare as y } from "lucide-react";
+const g = {
   ok: "text-emerald-700 dark:text-emerald-400",
   muted: "text-slate-400 dark:text-slate-500",
   warn: "text-amber-700 dark:text-amber-400",
   bad: "text-red-600 dark:text-red-400"
 };
-function $(i) {
-  return c(i);
+function S(n) {
+  return c(n);
 }
-function c(i) {
-  var o, a, r, n;
-  const e = i ?? { inapp: { status: "delivered" } }, s = [], l = ((o = e.inapp) == null ? void 0 : o.status) ?? "delivered";
+function c(n) {
+  var o, a, r, i;
+  const e = n ?? { inapp: { status: "delivered" } }, s = [], l = ((o = e.inapp) == null ? void 0 : o.status) ?? "delivered";
   if (s.push({
     key: "inapp",
     icon: b,
@@ -39,41 +39,51 @@ function c(i) {
       mailLogId: e.email.mail_log_id ?? null
     });
   }
-  return ((r = e.escalation) != null && r.email_at || (n = e.escalation) != null && n.push_at) && s.push({
+  if (((r = e.escalation) != null && r.email_at || (i = e.escalation) != null && i.push_at) && s.push({
     key: "escalation",
     icon: u,
     label: e.escalation.email_at ? "Escalated · email" : "Escalated · push",
     tone: "warn",
     tip: `Still unread, so it climbed channels${e.escalation.push_at ? ` · pushed ${new Date(e.escalation.push_at).toLocaleString()}` : ""}${e.escalation.email_at ? ` · emailed ${new Date(e.escalation.email_at).toLocaleString()}` : ""}`,
     mailLogId: e.escalation.email_log_id ?? null
-  }), e.sms && e.sms.status !== "not_requested" && s.push({
+  }), e.teams) {
+    const t = e.teams.status;
+    s.push({
+      key: "teams",
+      icon: x,
+      label: t === "sent" ? "Teams" : `Teams · ${t.replace(/_/g, " ")}`,
+      tone: t === "sent" ? "ok" : t === "failed" ? "bad" : "muted",
+      tip: t === "sent" ? "Sent in Microsoft Teams" : t === "not_connected" ? "Teams not connected" : e.teams.reason ?? `Teams ${t}`
+    });
+  }
+  return e.sms && e.sms.status !== "not_requested" && s.push({
     key: "sms",
-    icon: x,
+    icon: y,
     label: "SMS",
     tone: e.sms.status === "sent" ? "ok" : e.sms.status === "failed" ? "bad" : "muted",
     tip: e.sms.status === "sent" ? "Text sent" : e.sms.reason ?? `SMS ${e.sms.status}`
   }), s;
 }
-function w({ delivery: i, mailLogUrl: e, onNavigate: s, className: l }) {
-  const o = c(i);
+function w({ delivery: n, mailLogUrl: e, onNavigate: s, className: l }) {
+  const o = c(n);
   return /* @__PURE__ */ m(
     "span",
     {
       className: `inline-flex flex-wrap items-center gap-1 ${l ?? ""}`,
       "data-nvr-delivery": !0,
       children: o.map((a) => {
-        const r = a.icon, n = a.mailLogId != null && e ? e(a.mailLogId) : null, t = /* @__PURE__ */ f(h, { children: [
+        const r = a.icon, i = a.mailLogId != null && e ? e(a.mailLogId) : null, t = /* @__PURE__ */ f(h, { children: [
           /* @__PURE__ */ m(r, { className: "h-2.5 w-2.5", strokeWidth: 2 }),
           a.label
-        ] }), d = `inline-flex items-center gap-0.5 rounded border border-slate-200/70 px-1 py-px text-[9.5px] font-medium leading-none dark:border-border ${y[a.tone]}`;
-        return n ? /* @__PURE__ */ m(
+        ] }), d = `inline-flex items-center gap-0.5 rounded border border-slate-200/70 px-1 py-px text-[9.5px] font-medium leading-none dark:border-border ${g[a.tone]}`;
+        return i ? /* @__PURE__ */ m(
           "button",
           {
             type: "button",
             "data-tip": `${a.tip} · open mail log`,
             title: a.tip,
             onClick: (p) => {
-              p.stopPropagation(), s == null || s(n);
+              p.stopPropagation(), s == null || s(i);
             },
             className: `${d} underline decoration-dotted underline-offset-2`,
             children: t
@@ -86,5 +96,5 @@ function w({ delivery: i, mailLogUrl: e, onNavigate: s, className: l }) {
 }
 export {
   w as DeliveryChips,
-  $ as describeDelivery
+  S as describeDelivery
 };

package/dist/shared/components/profile/TeamsConnect.js

@@ -0,0 +1,71 @@
+import { jsxs as t, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { useQueryClient as l, useMutation as c } from "@tanstack/react-query";
+import { useState as u } from "react";
+import { useNivaroClient as f } from "../../context.js";
+import { del as x } from "../../lib/commands.js";
+import { Popover as p, PopoverTrigger as g, PopoverContent as h } from "../ui/popover.js";
+import { ConfirmButton as k } from "./primitives.js";
+function P({ linked: a, linkedAt: r }) {
+  const i = f(), d = l(), [s, n] = u(!1), o = c({
+    mutationFn: () => (n(!1), i.request(x("/teams/link"))),
+    onError: () => n(!0),
+    onSettled: () => {
+      d.invalidateQueries({ queryKey: ["nvr-profile-teams"] });
+    }
+  });
+  return a ? /* @__PURE__ */ t(m, { children: [
+    /* @__PURE__ */ t(
+      "span",
+      {
+        className: "inline-flex flex-wrap items-center justify-center gap-1 text-[10.5px] font-normal normal-case tracking-normal text-emerald-700 dark:text-emerald-400",
+        "data-teams-connected": "",
+        title: r ? `Connected ${new Date(r).toLocaleString()}` : void 0,
+        children: [
+          "Connected ·",
+          " ",
+          /* @__PURE__ */ e(
+            k,
+            {
+              onConfirm: () => o.mutate(),
+              confirmLabel: "Disconnect Teams?",
+              disabled: o.isPending,
+              className: "font-medium text-slate-500 underline decoration-dotted underline-offset-2 hover:text-slate-800 dark:text-muted-foreground dark:hover:text-foreground",
+              armedClassName: "font-medium text-red-600 dark:text-red-400",
+              children: "Disconnect"
+            }
+          )
+        ]
+      }
+    ),
+    s && /* @__PURE__ */ e(
+      "p",
+      {
+        role: "alert",
+        "data-teams-disconnect-error": "",
+        className: "mt-0.5 text-[10.5px] font-normal normal-case tracking-normal text-red-600 dark:text-red-400",
+        children: "Could not disconnect Teams. Try again; if it keeps failing, ask an admin."
+      }
+    )
+  ] }) : /* @__PURE__ */ t(p, { children: [
+    /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        "data-teams-connect": "",
+        className: "rounded border border-slate-200 px-1.5 py-0.5 text-[10.5px] font-medium normal-case tracking-normal text-slate-600 hover:border-slate-400 hover:text-slate-800 dark:border-border dark:text-muted-foreground dark:hover:text-foreground",
+        children: "Connect Teams"
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      h,
+      {
+        align: "end",
+        className: "w-64 text-[12px] font-normal normal-case tracking-normal text-slate-600 dark:text-muted-foreground",
+        children: "Open Nivaro in Teams and say hi, or sign in with Microsoft once, then turn categories on."
+      }
+    )
+  ] });
+}
+export {
+  P as TeamsConnect
+};