@nivaro/react 0.3.36 → 0.3.37

package/dist/shared/components/panels/RevisionsPanel.js

@@ -8,16 +8,17 @@ import { get as q, post as K } from "../../lib/commands.js";
 import { useLiveRecordQueries as Ae } from "../../lib/live.js";
 import { restoreSkippedNote as re } from "../../lib/restore-skipped.js";
 import { cn as _, titleCase as oe, toLocalDateString as $e } from "../../lib/utils.js";
-import { RelatedItemLabel as Le } from "../item-edit/RelationCombobox.js";
+import { AgentBadge as Le } from "../AgentBadge.js";
+import { RelatedItemLabel as Oe } from "../item-edit/RelationCombobox.js";
 import { UserAvatar as ce } from "../UserAvatar.js";
 import { Button as M } from "../ui/button.js";
-import { Sheet as Oe, SheetTrigger as qe, SheetContent as De, SheetHeader as Fe, SheetTitle as Ee } from "../ui/sheet.js";
-import { Skeleton as Be } from "../ui/skeleton.js";
-import { IntegrationActivitySection as Pe } from "./IntegrationActivitySection.js";
-const Y = (e) => e.id != null && (e.action === "create" || e.action === "update" || e.action === "delete" || e.action === "restore"), Ie = (e) => !Y(e), $ = (e) => {
+import { Sheet as qe, SheetTrigger as De, SheetContent as Fe, SheetHeader as Ee, SheetTitle as Be } from "../ui/sheet.js";
+import { Skeleton as Pe } from "../ui/skeleton.js";
+import { IntegrationActivitySection as Ie } from "./IntegrationActivitySection.js";
+const Y = (e) => e.id != null && (e.action === "create" || e.action === "update" || e.action === "delete" || e.action === "restore"), Ke = (e) => !Y(e), $ = (e) => {
   var r;
   return e.id != null ? `r${e.id}` : `e${((r = e.event) == null ? void 0 : r.history_id) ?? ""}-${e.activity ?? ""}-${e.timestamp ?? ""}`;
-}, Ke = /* @__PURE__ */ new Set([
+}, Me = /* @__PURE__ */ new Set([
   "id",
   "created",
   "changed",
@@ -57,7 +58,7 @@ function me(e, r) {
     for (const n of (i == null ? void 0 : i.fields) ?? [])
       n.field.startsWith("__") || d.set(n.field, {
         label: n.label || oe(n.field.replace(/_/g, " ")),
-        system: Ke.has(n.field),
+        system: Me.has(n.field),
         // layout_assigned is only stamped when the collection HAS an active
         // layout — absent means there's no layout to be off of.
         onLayout: n.layout_assigned !== !1,
@@ -75,7 +76,7 @@ function g(e, r) {
     onLayout: !1
   };
 }
-function Me({ map: e, field: r }) {
+function Ue({ map: e, field: r }) {
   const a = g(e, r);
   return /* @__PURE__ */ t(
     "span",
@@ -87,11 +88,11 @@ function Me({ map: e, field: r }) {
     }
   );
 }
-const se = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/, Ue = /^\d{4}-\d{2}-\d{2}(?:T00:00:00(?:\.0+)?Z)?$/;
-function Ve(e, r = !1) {
+const se = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/, Ve = /^\d{4}-\d{2}-\d{2}(?:T00:00:00(?:\.0+)?Z)?$/;
+function We(e, r = !1) {
   if (e == null || e === "") return "";
   if (typeof e == "boolean") return e ? "Yes" : "No";
-  if (typeof e == "string" && (Ue.test(e) || r && se.test(e)))
+  if (typeof e == "string" && (Ve.test(e) || r && se.test(e)))
     return $e(e);
   if (typeof e == "string" && se.test(e)) {
     const a = new Date(e);
@@ -102,7 +103,7 @@ function Ve(e, r = !1) {
 function U(e) {
   return e == null ? "" : typeof e == "object" ? JSON.stringify(e) : String(e);
 }
-function We({ collection: e, id: r }) {
+function ze({ collection: e, id: r }) {
   const a = D(), { data: i } = B({
     queryKey: ["col-meta", e],
     queryFn: () => a.request(q(`/collections/${e}`)).then((d) => d.data),
@@ -110,7 +111,7 @@ function We({ collection: e, id: r }) {
     retry: !1
   });
   return /* @__PURE__ */ t("span", { title: `${e} #${String(r)}`, children: /* @__PURE__ */ t(
-    Le,
+    Oe,
     {
       collection: e,
       id: r,
@@ -118,7 +119,7 @@ function We({ collection: e, id: r }) {
     }
   ) });
 }
-function ze(e) {
+function He(e) {
   return X(e).join(" ");
 }
 const ne = 160;
@@ -127,7 +128,7 @@ function le({
   tone: r,
   dateOnly: a
 }) {
-  const [i, d] = k(!1), o = Ve(e, a);
+  const [i, d] = k(!1), o = We(e, a);
   if (o === "")
     return /* @__PURE__ */ t("span", { className: "text-[11.5px] italic text-slate-300 dark:text-slate-600", children: "empty" });
   const n = o.length > ne, s = i || !n ? o : `${o.slice(0, ne)}…`;
@@ -158,7 +159,7 @@ function I(e) {
     }
   return null;
 }
-function He({
+function Je({
   before: e,
   after: r
 }) {
@@ -178,7 +179,7 @@ function He({
     s !== void 0 ? /* @__PURE__ */ t("span", { className: "text-emerald-700 dark:text-emerald-400", children: d(s) }) : /* @__PURE__ */ t("span", { className: "italic text-slate-400", children: " (removed)" })
   ] }, o)) });
 }
-function Je({ field: e, ctl: r }) {
+function Qe({ field: e, ctl: r }) {
   return r.confirmField === e ? /* @__PURE__ */ l("span", { className: "inline-flex items-center gap-1", "data-revert-field-confirm": e, children: [
     /* @__PURE__ */ t("span", { className: "text-[10.5px] text-slate-500", children: "Revert?" }),
     /* @__PURE__ */ t(
@@ -221,7 +222,7 @@ function G(e) {
 function X(e) {
   return String(e ?? "").replace(/<[^>]*>/g, " ").replace(/&nbsp;/g, " ").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").split(/\s+/).filter(Boolean);
 }
-function Qe(e, r) {
+function Ye(e, r) {
   const i = X(e).slice(0, 600), d = X(r).slice(0, 600), o = i.length, n = d.length, s = Array.from({ length: o + 1 }, () => new Array(n + 1).fill(0));
   for (let y = o - 1; y >= 0; y--)
     for (let c = n - 1; c >= 0; c--)
@@ -237,8 +238,8 @@ function Qe(e, r) {
   for (; h < n; ) x("ins", d[h++]);
   return m;
 }
-function Ye({ before: e, after: r }) {
-  const a = Qe(e, r);
+function Ge({ before: e, after: r }) {
+  const a = Ye(e, r);
   return /* @__PURE__ */ t("p", { className: "whitespace-pre-wrap break-words text-[12px] leading-relaxed text-slate-700 dark:text-slate-300", children: a.map(
     (i, d) => i.type === "same" ? (
       // biome-ignore lint/suspicious/noArrayIndexKey: static segment list
@@ -275,12 +276,12 @@ function Ye({ before: e, after: r }) {
     )
   ) });
 }
-const Ge = {
+const Xe = {
   added: "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-400",
   removed: "bg-red-100 text-red-700 dark:bg-red-900/40 dark:text-red-400",
   changed: "bg-amber-100 text-amber-700 dark:bg-amber-900/40 dark:text-amber-400"
 };
-function Xe(e, r, a) {
+function Ze(e, r, a) {
   const i = Array.from(/* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(r)])), d = (s) => s == null || s === "", o = i.map((s) => {
     const m = !(s in e) || d(e[s]), x = !(s in r) || d(r[s]);
     if (m && x) return null;
@@ -305,9 +306,9 @@ function O({
   meta: r,
   tone: a
 }) {
-  return e == null || e === "" ? /* @__PURE__ */ t("span", { className: "text-[11.5px] italic text-slate-300 dark:text-slate-600", children: "empty" }) : r.relatedCollection && (typeof e == "string" || typeof e == "number") ? /* @__PURE__ */ t("span", { className: "break-words text-[12px] leading-relaxed text-slate-700 dark:text-slate-300", children: /* @__PURE__ */ t(We, { collection: r.relatedCollection, id: e }) }) : G(e) ? /* @__PURE__ */ t(le, { value: ze(e), tone: a }) : /* @__PURE__ */ t(le, { value: e, tone: a, dateOnly: r.dateOnly });
+  return e == null || e === "" ? /* @__PURE__ */ t("span", { className: "text-[11.5px] italic text-slate-300 dark:text-slate-600", children: "empty" }) : r.relatedCollection && (typeof e == "string" || typeof e == "number") ? /* @__PURE__ */ t("span", { className: "break-words text-[12px] leading-relaxed text-slate-700 dark:text-slate-300", children: /* @__PURE__ */ t(ze, { collection: r.relatedCollection, id: e }) }) : G(e) ? /* @__PURE__ */ t(le, { value: He(e), tone: a }) : /* @__PURE__ */ t(le, { value: e, tone: a, dateOnly: r.dateOnly });
 }
-function Ze({
+function et({
   row: e,
   meta: r,
   fieldRevert: a,
@@ -325,21 +326,21 @@ function Ze({
       "data-field-row": e.field,
       children: [
         /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ t(Me, { map: r, field: e.field }),
+          /* @__PURE__ */ t(Ue, { map: r, field: e.field }),
           e.status !== "unchanged" && !d && /* @__PURE__ */ t(
             "span",
             {
               className: _(
                 "rounded px-1 py-px text-[9px] font-semibold uppercase tracking-wide",
-                Ge[e.status]
+                Xe[e.status]
               ),
               children: e.status === "added" ? "set" : e.status
             }
           ),
-          (e.status === "changed" || i === "changes" && e.status === "added") && a && e.field !== "id" && /* @__PURE__ */ t("span", { className: "ml-auto shrink-0", children: /* @__PURE__ */ t(Je, { field: e.field, ctl: a }) })
+          (e.status === "changed" || i === "changes" && e.status === "added") && a && e.field !== "id" && /* @__PURE__ */ t("span", { className: "ml-auto shrink-0", children: /* @__PURE__ */ t(Qe, { field: e.field, ctl: a }) })
         ] }),
-        /* @__PURE__ */ t("div", { className: "mt-1", children: o ? /* @__PURE__ */ t("div", { "data-richtext-diff": !0, children: /* @__PURE__ */ t(Ye, { before: e.before, after: e.after }) }) : n ? /* @__PURE__ */ t(
-          He,
+        /* @__PURE__ */ t("div", { className: "mt-1", children: o ? /* @__PURE__ */ t("div", { "data-richtext-diff": !0, children: /* @__PURE__ */ t(Ge, { before: e.before, after: e.after }) }) : n ? /* @__PURE__ */ t(
+          Je,
           {
             before: I(e.before),
             after: I(e.after)
@@ -353,7 +354,7 @@ function Ze({
     }
   );
 }
-function et({
+function tt({
   before: e,
   after: r,
   meta: a,
@@ -361,7 +362,7 @@ function et({
   mode: d,
   hideStatusChips: o
 }) {
-  const [n, s] = k(!1), m = j(() => Xe(e, r, a), [e, r, a]), x = d === "changes" ? m.filter((u) => u.status !== "unchanged") : m, p = n ? x : x.filter((u) => !u.system), h = x.length - p.length;
+  const [n, s] = k(!1), m = j(() => Ze(e, r, a), [e, r, a]), x = d === "changes" ? m.filter((u) => u.status !== "unchanged") : m, p = n ? x : x.filter((u) => !u.system), h = x.length - p.length;
   if (x.length === 0)
     return /* @__PURE__ */ t("p", { className: "px-3 py-3 text-[12px] text-slate-400", children: d === "changes" ? "No field changes recorded." : "No snapshot data available." });
   const y = p.findIndex(
@@ -376,7 +377,7 @@ function et({
         /* @__PURE__ */ t("p", { className: "text-[10.5px] text-slate-400", children: "Not on the form — written automatically by rules, computed fields or integrations." })
       ] }),
       /* @__PURE__ */ t(
-        Ze,
+        et,
         {
           row: u,
           meta: a,
@@ -413,7 +414,7 @@ function et({
     )
   ] });
 }
-const tt = {
+const at = {
   create: "bg-emerald-500",
   restore: "bg-emerald-500",
   update: "bg-nvr-cyan",
@@ -423,10 +424,10 @@ function E(e) {
   var r;
   return e.first_name || e.last_name ? [e.first_name, e.last_name].filter(Boolean).join(" ") : e.user_email ?? ((r = e.user_id) == null ? void 0 : r.slice(0, 8)) ?? "System";
 }
-function at(e, r, a) {
+function rt(e, r, a) {
   return e.action === "create" ? "created this record" : e.action === "restore" ? "restored this record from trash" : e.action === "delete" ? "deleted this record" : r > 0 ? `changed ${r} field${r === 1 ? "" : "s"}` : a > 0 ? "updated system fields" : "saved this record";
 }
-function rt({ revision: e, isLast: r }) {
+function st({ revision: e, isLast: r }) {
   var m, x, p;
   const a = e.event, i = (a == null ? void 0 : a.source) === "auto" || !e.user_id && (a == null ? void 0 : a.kind) === "transition", d = !i && ((m = a == null ? void 0 : a.on_behalf_of) != null && m.name) ? a.on_behalf_of.name : null, o = i ? "Automatic rule" : d ? `${E(e)}, for ${d}` : E(e);
   let n;
@@ -547,7 +548,7 @@ function rt({ revision: e, isLast: r }) {
     }
   );
 }
-function st({
+function nt({
   revision: e,
   previousData: r,
   meta: a,
@@ -612,7 +613,7 @@ function st({
       {
         className: _(
           "absolute left-[11px] top-[18px] h-2.5 w-2.5 rounded-full ring-4 ring-white dark:ring-card",
-          tt[e.action ?? ""] ?? "bg-slate-300"
+          at[e.action ?? ""] ?? "bg-slate-300"
         ),
         "aria-hidden": !0
       }
@@ -642,8 +643,9 @@ function st({
           /* @__PURE__ */ l("span", { className: "min-w-0 flex-1 truncate text-[12.5px] text-slate-700 dark:text-slate-200", children: [
             /* @__PURE__ */ t("span", { className: "font-medium", children: E(e) }),
             " ",
-            /* @__PURE__ */ t("span", { className: "text-slate-500 dark:text-slate-400", children: at(e, N, A) })
+            /* @__PURE__ */ t("span", { className: "text-slate-500 dark:text-slate-400", children: rt(e, N, A) })
           ] }),
+          /* @__PURE__ */ t(Le, { label: e.via_agent }),
           /* @__PURE__ */ t(
             "span",
             {
@@ -730,9 +732,9 @@ function st({
           ))
         ] })
       ] }),
-      c && /* @__PURE__ */ t(ot, { revisionId: e.id ?? "" }),
+      c && /* @__PURE__ */ t(ct, { revisionId: e.id ?? "" }),
       /* @__PURE__ */ t(
-        et,
+        tt,
         {
           before: P,
           after: ee,
@@ -761,7 +763,7 @@ function st({
     ] })
   ] });
 }
-function nt({ data: e, meta: r }) {
+function lt({ data: e, meta: r }) {
   const [a, i] = k(null), [d, o] = k(""), [n, s] = k(""), [m, x] = k(""), p = j(() => {
     if (!d || !e) return null;
     const c = (/* @__PURE__ */ new Date(`${d}T23:59:59`)).getTime();
@@ -953,7 +955,7 @@ function nt({ data: e, meta: r }) {
     ] })
   ] });
 }
-function lt(e) {
+function it(e) {
   return e ? new Date(e).toLocaleDateString([], {
     weekday: "short",
     month: "short",
@@ -961,7 +963,7 @@ function lt(e) {
     year: "numeric"
   }) : "Unknown date";
 }
-function it({
+function dt({
   collection: e,
   item: r,
   onRollback: a,
@@ -983,23 +985,23 @@ function it({
   }, [n]), h = (n == null ? void 0 : n.length) ?? 0, y = j(() => (n ?? []).filter(Y), [n]), c = j(() => {
     const u = [];
     for (const b of n ?? []) {
-      const v = lt(b.timestamp), w = u[u.length - 1];
+      const v = it(b.timestamp), w = u[u.length - 1];
       w && w.day === v ? w.revisions.push(b) : u.push({ day: v, revisions: [b] });
     }
     return u;
   }, [n]);
-  return s ? /* @__PURE__ */ t("div", { className: "space-y-2 pt-3", children: [1, 2, 3, 4].map((u) => /* @__PURE__ */ t(Be, { className: "h-11 rounded-md" }, u)) }) : h === 0 ? /* @__PURE__ */ l("div", { className: "flex flex-col items-center py-16 text-center", children: [
+  return s ? /* @__PURE__ */ t("div", { className: "space-y-2 pt-3", children: [1, 2, 3, 4].map((u) => /* @__PURE__ */ t(Pe, { className: "h-11 rounded-md" }, u)) }) : h === 0 ? /* @__PURE__ */ l("div", { className: "flex flex-col items-center py-16 text-center", children: [
     /* @__PURE__ */ t(Q, { className: "mb-2 h-8 w-8 text-slate-300 dark:text-slate-600" }),
     /* @__PURE__ */ t("p", { className: "text-[13px] font-medium text-slate-600 dark:text-slate-300", children: "No history yet" }),
     /* @__PURE__ */ t("p", { className: "mt-1 max-w-[38ch] text-[12px] text-slate-400", children: "Every save records who changed what — the trail will appear here." })
   ] }) : /* @__PURE__ */ l("div", { className: "space-y-3 pt-3", children: [
-    /* @__PURE__ */ t(nt, { data: y, meta: o }),
-    y.length >= 3 && /* @__PURE__ */ t(ct, { revisions: y, meta: o }),
+    /* @__PURE__ */ t(lt, { data: y, meta: o }),
+    y.length >= 3 && /* @__PURE__ */ t(mt, { revisions: y, meta: o }),
     /* @__PURE__ */ t("div", { children: c.map((u) => /* @__PURE__ */ l("div", { children: [
       /* @__PURE__ */ t("div", { className: "sticky top-0 z-10 -mx-6 border-b border-slate-100 bg-white px-6 py-1.5 dark:border-border/60 dark:bg-card", children: /* @__PURE__ */ t("span", { className: "text-[10.5px] font-semibold uppercase tracking-wide text-slate-400", children: u.day }) }),
       u.revisions.map((b) => {
         const v = (n ?? []).indexOf(b), w = v === ((n == null ? void 0 : n.length) ?? 1) - 1;
-        if (Ie(b))
+        if (Ke(b))
           return /* @__PURE__ */ l(
             "div",
             {
@@ -1009,7 +1011,7 @@ function it({
               ),
               children: [
                 p.has($(b)) && /* @__PURE__ */ t(ie, {}),
-                /* @__PURE__ */ t(rt, { revision: b, isLast: w })
+                /* @__PURE__ */ t(st, { revision: b, isLast: w })
               ]
             },
             $(b)
@@ -1025,7 +1027,7 @@ function it({
             children: [
               p.has($(b)) && /* @__PURE__ */ t(ie, {}),
               /* @__PURE__ */ t(
-                st,
+                nt,
                 {
                   revision: b,
                   previousData: (S == null ? void 0 : S.data) ?? null,
@@ -1056,7 +1058,7 @@ function ie() {
     )
   );
 }
-function Tt({
+function jt({
   collection: e,
   item: r,
   onRollback: a,
@@ -1066,8 +1068,8 @@ function Tt({
   onOpenChange: n,
   compact: s
 }) {
-  return /* @__PURE__ */ l(Oe, { open: o, onOpenChange: n, children: [
-    !(o !== void 0) && /* @__PURE__ */ t(qe, { asChild: !0, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(qe, { open: o, onOpenChange: n, children: [
+    !(o !== void 0) && /* @__PURE__ */ t(De, { asChild: !0, children: /* @__PURE__ */ l(
       M,
       {
         variant: s ? "ghost" : "outline",
@@ -1081,18 +1083,18 @@ function Tt({
         ]
       }
     ) }),
-    /* @__PURE__ */ t(De, { className: "w-[720px] overflow-y-auto p-0 sm:max-w-[92vw]", children: /* @__PURE__ */ l("div", { className: "p-6", children: [
-      /* @__PURE__ */ l(Fe, { children: [
-        /* @__PURE__ */ l(Ee, { className: "flex items-center gap-2 text-base", children: [
+    /* @__PURE__ */ t(Fe, { className: "w-[720px] overflow-y-auto p-0 sm:max-w-[92vw]", children: /* @__PURE__ */ l("div", { className: "p-6", children: [
+      /* @__PURE__ */ l(Ee, { children: [
+        /* @__PURE__ */ l(Be, { className: "flex items-center gap-2 text-base", children: [
           /* @__PURE__ */ t(Q, { className: "h-4 w-4 text-slate-400" }),
           "Revision history"
         ] }),
         /* @__PURE__ */ t("p", { className: "text-[12px] text-slate-400", children: "Who changed what, when — expand any entry to see the exact values, revert a single field, or restore the whole version." })
       ] }),
-      /* @__PURE__ */ t(dt, { collection: e, item: r }),
-      /* @__PURE__ */ t(Pe, { collection: e, item: String(r) }),
+      /* @__PURE__ */ t(ot, { collection: e, item: r }),
+      /* @__PURE__ */ t(Ie, { collection: e, item: String(r) }),
       /* @__PURE__ */ t(
-        it,
+        dt,
         {
           collection: e,
           item: r,
@@ -1103,7 +1105,7 @@ function Tt({
     ] }) })
   ] });
 }
-function dt({ collection: e, item: r }) {
+function ot({ collection: e, item: r }) {
   const a = D(), i = me(e, !0), [d, o] = k(""), [n, s] = k(""), { data: m, isFetching: x } = B({
     queryKey: ["rev-value-search", e, r, n],
     queryFn: () => a.request(q("/revisions/value-search", { collection: e, item: r, q: n })).then((p) => p.data),
@@ -1164,7 +1166,7 @@ function dt({ collection: e, item: r }) {
     ] }) })
   ] });
 }
-function ot({ revisionId: e }) {
+function ct({ revisionId: e }) {
   const r = D(), a = Z(), [i, d] = k(""), { data: o = [] } = B({
     queryKey: ["revision-notes", String(e)],
     queryFn: () => r.request(q("/comments", { collection: "nivaro_revisions", item: String(e) })).then((s) => s.data ?? []).catch(() => []),
@@ -1220,7 +1222,7 @@ function ot({ revisionId: e }) {
     )
   ] });
 }
-function ct({
+function mt({
   revisions: e,
   meta: r
 }) {
@@ -1280,6 +1282,6 @@ function ct({
   ] });
 }
 export {
-  Tt as RevisionsPanel,
-  Ve as displayValue
+  jt as RevisionsPanel,
+  We as displayValue
 };