@nivaro/react 0.3.23 → 0.3.25

package/dist/shared/components/RecordReadView.js

@@ -1,30 +1,30 @@
 import { jsx as r, jsxs as m, Fragment as ge } from "react/jsx-runtime";
-import { useQuery as V, useQueryClient as Ot } from "@tanstack/react-query";
-import { Pencil as At, ChevronDown as Ct } from "lucide-react";
-import { useMemo as be, useRef as Rt, useState as Z, useEffect as ye, useCallback as ot, Fragment as Dt } from "react";
-import { DrilldownContext as Lt, useNivaroClient as Oe, useApiFetchConfig as Et, useDrilldown as mt } from "../context.js";
-import { useDebounced as Pt } from "../hooks/useDebounced.js";
-import { parseAllowedCollections as Kt } from "../lib/allowed-collections.js";
+import { useQuery as V, useQueryClient as Rt } from "@tanstack/react-query";
+import { Pencil as Ct, ChevronDown as Dt } from "lucide-react";
+import { useMemo as be, useRef as Lt, useState as ee, useEffect as ye, useCallback as ct, Fragment as Et } from "react";
+import { DrilldownContext as Pt, useNivaroClient as Oe, useApiFetchConfig as Kt, useDrilldown as ft } from "../context.js";
+import { useDebounced as jt } from "../hooks/useDebounced.js";
+import { parseAllowedCollections as It } from "../lib/allowed-collections.js";
 import { get as G } from "../lib/commands.js";
-import { readGroupStructure as jt, isFolded as It, isEmptyValue as Ke, planFieldGrid as Wt } from "../lib/form-structure.js";
-import { useLiveRecord as Mt } from "../lib/live.js";
-import { isDisplayFormulaField as qe, resolvePlacementText as Vt, displayFormulaOf as Ut, formatDisplayValue as Bt } from "../lib/placement-behaviour.js";
-import { useRecordReader as Gt } from "../lib/record-loader.js";
-import { sanitizeHtml as Jt } from "../lib/sanitize-html.js";
-import { titleCase as He, formatRelative as Te } from "../lib/utils.js";
-import { matchesVisibleWhen as Ht } from "../lib/visible-when.js";
-import { InboundRequestPopover as Qt } from "./integrations/InboundRequest.js";
-import { FileM2MField as zt } from "./item-edit/FilePickerField.js";
-import { useFieldTouches as Yt } from "./item-edit/HeaderFreshness.js";
-import { richTextToPlain as Xt } from "./item-edit/helpers.js";
-import { usePlacementTextContext as Zt, evaluateDisplayFormula as el } from "./item-edit/placement-behaviour.js";
-import { UserChip as ft } from "./item-edit/UserChip.js";
-import { DesignNode as tl } from "./layout-editor/DesignNode.js";
-import { DesignCanvas as ll } from "./layout-editor/design-canvas.js";
-import { revealGroupKey as rl } from "./layout-editor/design-context.js";
-import { useRecordIntegrity as nl, integrityByField as al } from "./panels/RecordIntegrityBanner.js";
-import { SimpleSelectXs as ct } from "./ui/SimpleSelect.js";
-import { WidgetSlot as il } from "./WidgetSlot.js";
+import { readGroupStructure as Wt, isFolded as Mt, isEmptyValue as je, planFieldGrid as Vt } from "../lib/form-structure.js";
+import { useLiveRecord as Ut } from "../lib/live.js";
+import { isDisplayFormulaField as qe, resolvePlacementText as Bt, displayFormulaOf as Gt, formatDisplayValue as Jt } from "../lib/placement-behaviour.js";
+import { useRecordReader as Ht } from "../lib/record-loader.js";
+import { sanitizeHtml as Qt } from "../lib/sanitize-html.js";
+import { titleCase as Qe, formatRelative as Te } from "../lib/utils.js";
+import { matchesVisibleWhen as zt } from "../lib/visible-when.js";
+import { InboundRequestPopover as Yt } from "./integrations/InboundRequest.js";
+import { FileM2MField as Xt } from "./item-edit/FilePickerField.js";
+import { useFieldTouches as Zt } from "./item-edit/HeaderFreshness.js";
+import { richTextToPlain as el } from "./item-edit/helpers.js";
+import { usePlacementTextContext as tl, evaluateDisplayFormula as ll } from "./item-edit/placement-behaviour.js";
+import { UserChip as pt } from "./item-edit/UserChip.js";
+import { DesignNode as rl } from "./layout-editor/DesignNode.js";
+import { DesignCanvas as nl } from "./layout-editor/design-canvas.js";
+import { revealGroupKey as al } from "./layout-editor/design-context.js";
+import { useRecordIntegrity as il, integrityByField as sl } from "./panels/RecordIntegrityBanner.js";
+import { SimpleSelectXs as ut } from "./ui/SimpleSelect.js";
+import { WidgetSlot as dl } from "./WidgetSlot.js";
 const he = (a) => {
   if (!a) return {};
   if (typeof a == "object") return a;
@@ -33,18 +33,18 @@ const he = (a) => {
   } catch {
     return {};
   }
-}, pt = (a) => {
+}, ht = (a) => {
   const f = String(a).match(/^(\d{4})-(\d{2})-(\d{2})(?:[T ]00:00:00(?:\.0+)?(?:Z|[+-]00:?00)?)?$/);
   if (f) return `${f[2]}/${f[3]}/${f[1]}`;
   const y = new Date(String(a));
   return Number.isNaN(y.getTime()) ? String(a) : `${String(y.getMonth() + 1).padStart(2, "0")}/${String(y.getDate()).padStart(2, "0")}/${y.getFullYear()}`;
-}, Qe = (a) => {
+}, ze = (a) => {
   const f = Number(a);
   return Number.isNaN(f) ? String(a) : `$${f.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
-}, Ie = (a) => {
+}, We = (a) => {
   const f = Number(a);
   return Number.isNaN(f) ? String(a) : f.toLocaleString("en-US");
-}, je = "text-[11.5px] font-medium text-slate-500 dark:text-slate-400", ee = () => /* @__PURE__ */ r("span", { className: "text-slate-300 dark:text-slate-600", children: "—" }), sl = `
+}, Ie = "text-[11.5px] font-medium text-slate-500 dark:text-slate-400", te = () => /* @__PURE__ */ r("span", { className: "text-slate-300 dark:text-slate-600", children: "—" }), ol = `
 [data-read-board]{grid-template-columns:minmax(0,1fr)}
 [data-read-dl]{grid-template-columns:repeat(2,minmax(0,1fr))}
 @media (min-width:640px){[data-read-dl="full"]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@@ -59,7 +59,7 @@ const he = (a) => {
 }
 @media (min-width:1536px){[data-read-dl="full"]{grid-template-columns:repeat(6,minmax(0,1fr))}}
 `;
-function We({
+function Me({
   value: a,
   trueTone: f = "positive"
 }) {
@@ -72,8 +72,8 @@ function We({
     }
   );
 }
-function dl({ collection: a, id: f }) {
-  const y = Oe(), c = Gt(), P = mt(), { data: S } = V({
+function cl({ collection: a, id: f }) {
+  const y = Oe(), c = Ht(), P = ft(), { data: S } = V({
     queryKey: ["cbv-collection-meta", a],
     queryFn: () => y.request(
       G(`/collections/${a}`)
@@ -87,7 +87,7 @@ function dl({ collection: a, id: f }) {
     staleTime: 6e4,
     retry: !1
   });
-  if (f == null) return /* @__PURE__ */ r(ee, {});
+  if (f == null) return /* @__PURE__ */ r(te, {});
   if (!$ && (W || !S))
     return /* @__PURE__ */ r("span", { className: "inline-block h-3.5 w-20 animate-pulse rounded bg-slate-100 align-middle dark:bg-[hsl(var(--nvr-skeleton))]" });
   if (!$) return /* @__PURE__ */ m("span", { className: "text-slate-400", children: [
@@ -125,8 +125,8 @@ function dl({ collection: a, id: f }) {
     }
   ) : /* @__PURE__ */ r(ge, { children: _ });
 }
-function ol({ id: a }) {
-  const f = Oe(), { apiBase: y } = Et(), { data: c, isPending: P } = V({
+function ul({ id: a }) {
+  const f = Oe(), { apiBase: y } = Kt(), { data: c, isPending: P } = V({
     queryKey: ["rrv-file-meta", String(a)],
     queryFn: () => f.request(
       G(`/files/${a}/meta`)
@@ -135,7 +135,7 @@ function ol({ id: a }) {
     staleTime: 5 * 6e4,
     retry: !1
   });
-  if (a == null) return /* @__PURE__ */ r(ee, {});
+  if (a == null) return /* @__PURE__ */ r(te, {});
   if (!c && P)
     return /* @__PURE__ */ r("span", { className: "inline-block h-3.5 w-24 animate-pulse rounded bg-slate-100 align-middle dark:bg-[hsl(var(--nvr-skeleton))]" });
   const S = (c == null ? void 0 : c.title) || (c == null ? void 0 : c.filename_download) || `#${String(a)}`;
@@ -150,8 +150,8 @@ function ol({ id: a }) {
     }
   );
 }
-const ze = ({ collection: a, id: f }) => a === "nivaro_files" ? /* @__PURE__ */ r(ol, { id: f }) : /* @__PURE__ */ r(dl, { collection: a, id: f });
-function cl({
+const Ye = ({ collection: a, id: f }) => a === "nivaro_files" ? /* @__PURE__ */ r(ul, { id: f }) : /* @__PURE__ */ r(cl, { collection: a, id: f });
+function ml({
   junction: a,
   parentFk: f,
   junctionField: y,
@@ -168,7 +168,7 @@ function cl({
     retry: !1
   }), h = ((_ == null ? void 0 : _.relations) ?? []).find(
     (v) => v.many_collection === a && v.many_field === y
-  ), q = Kt(h == null ? void 0 : h.one_allowed_collections), K = !!h && !h.one_collection && (q.length > 0 || !!h.one_collection_field), M = (h == null ? void 0 : h.one_collection_field) ?? "collection", k = (v) => v ? v === "directus_users" ? "nivaro_users" : v : null, x = (h == null ? void 0 : h.one_collection) ?? (K ? q.some((v) => v === "directus_users" || v === "nivaro_users") ? "nivaro_users" : k(q[0]) : null), { data: b } = V({
+  ), q = It(h == null ? void 0 : h.one_allowed_collections), K = !!h && !h.one_collection && (q.length > 0 || !!h.one_collection_field), M = (h == null ? void 0 : h.one_collection_field) ?? "collection", k = (v) => v ? v === "directus_users" ? "nivaro_users" : v : null, x = (h == null ? void 0 : h.one_collection) ?? (K ? q.some((v) => v === "directus_users" || v === "nivaro_users") ? "nivaro_users" : k(q[0]) : null), { data: b } = V({
     // Under the edit form's ['m2m-items', junction, parentFk, parentId] prefix (a longer key,
     // so never the same cache entry): every link write that refreshes the form's list —
     // a file upload, a picker change, the save itself — refreshes Summary's too. Its own
@@ -206,8 +206,8 @@ function cl({
     A !== void 0 && (P == null || P(A));
   }, [A, P]), ye(() => {
     N && (S == null || S(N));
-  }, [N, S]), _ && !N && (!K || b) ? /* @__PURE__ */ r(ee, {}) : !O || !N ? /* @__PURE__ */ r("span", { className: "inline-block h-3.5 w-20 animate-pulse rounded bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" }) : O.length === 0 ? /* @__PURE__ */ r(ee, {}) : N === "nivaro_files" && $ ? /* @__PURE__ */ r("div", { className: "mt-1", children: /* @__PURE__ */ r(
-    zt,
+  }, [N, S]), _ && !N && (!K || b) ? /* @__PURE__ */ r(te, {}) : !O || !N ? /* @__PURE__ */ r("span", { className: "inline-block h-3.5 w-20 animate-pulse rounded bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" }) : O.length === 0 ? /* @__PURE__ */ r(te, {}) : N === "nivaro_files" && $ ? /* @__PURE__ */ r("div", { className: "mt-1", children: /* @__PURE__ */ r(
+    Xt,
     {
       relation: $,
       parentId: c,
@@ -219,14 +219,14 @@ function cl({
     {
       className: "inline-flex items-center whitespace-nowrap",
       children: [
-        /* @__PURE__ */ r(ze, { collection: w ?? N, id: v }),
+        /* @__PURE__ */ r(Ye, { collection: w ?? N, id: v }),
         F < O.length - 1 && /* @__PURE__ */ r("span", { className: "text-slate-300 dark:text-slate-600", children: "," })
       ]
     },
     `${w ?? N}:${v}`
   )) });
 }
-function ul({
+function fl({
   collection: a,
   fkField: f,
   parentId: y,
@@ -235,7 +235,7 @@ function ul({
   defaultPreset: S,
   onCount: $
 }) {
-  const W = Oe(), _ = mt(), h = (P ?? []).filter((t) => t && Array.isArray(t.columns)), [q, K] = Z(
+  const W = Oe(), _ = ft(), h = (P ?? []).filter((t) => t && Array.isArray(t.columns)), [q, K] = ee(
     () => {
       var t;
       return h.length >= 2 ? ((t = h.find((i) => i.name === S)) == null ? void 0 : t.name) ?? h[0].name : "__all__";
@@ -278,20 +278,20 @@ function ul({
     if (!N) return b;
     const t = new Set(N.columns), i = b.filter((d) => t.has(d.field));
     return i.length > 0 ? i : b;
-  }, [b, N]), [j, v] = Z(""), [w, F] = Z(1), [ae, J] = Z({}), Y = Pt(ae, 350), Ae = be(() => {
+  }, [b, N]), [j, v] = ee(""), [w, F] = ee(1), [ae, J] = ee({}), z = jt(ae, 350), Ae = be(() => {
     const t = [
       { path: [f], op: "_eq", value: y }
     ];
-    for (const [i, d] of Object.entries(Y)) {
+    for (const [i, d] of Object.entries(z)) {
       if (!(d != null && d.value.trim())) continue;
       const p = d.value.trim(), T = Number(p), D = d.op === "_contains" ? p : p === "true" || p === "false" ? p === "true" : Number.isNaN(T) ? p : T;
       t.push({ path: [i], op: d.op, value: D });
     }
     return JSON.stringify(t);
-  }, [Y, f, y]), u = 25, {
+  }, [z, f, y]), u = 25, {
     data: U,
-    isLoading: oe,
-    isFetching: Ce
+    isLoading: ce,
+    isFetching: Re
   } = V({
     queryKey: ["rrv-rows", a, f, y, j, O, w, Ae],
     queryFn: () => W.request(
@@ -305,34 +305,34 @@ function ul({
     placeholderData: (t) => t,
     staleTime: 3e4,
     retry: !1
-  }), C = (U == null ? void 0 : U.data) ?? [], X = (U == null ? void 0 : U.total) ?? C.length, H = Object.values(Y).some((t) => !!(t != null && t.value.trim()));
+  }), R = (U == null ? void 0 : U.data) ?? [], Y = (U == null ? void 0 : U.total) ?? R.length, H = Object.values(z).some((t) => !!(t != null && t.value.trim()));
   ye(() => {
-    U && !H && ($ == null || $(X));
-  }, [U, H, X, $]);
-  const ce = A.filter((t) => t.field.includes(".")), ue = C.map((t) => String(t.id)), { data: Q } = V({
+    U && !H && ($ == null || $(Y));
+  }, [U, H, Y, $]);
+  const ue = A.filter((t) => t.field.includes(".")), me = R.map((t) => String(t.id)), { data: Q } = V({
     queryKey: [
       "rrv-resolve-paths",
       a,
-      ce.map((t) => t.field).join(","),
-      ue.join(",")
+      ue.map((t) => t.field).join(","),
+      me.join(",")
     ],
     queryFn: () => W.request(
       G(`/items/${a}/resolve-paths`, {
-        ids: ue.join(","),
-        paths: ce.map((t) => t.field).join(",")
+        ids: me.join(","),
+        paths: ue.map((t) => t.field).join(",")
       })
     ).then((t) => t.data ?? { rows: {}, targets: {} }).catch(() => ({ rows: {}, targets: {} })),
-    enabled: ce.length > 0 && ue.length > 0,
+    enabled: ue.length > 0 && me.length > 0,
     staleTime: 3e4
-  }), R = O && C.some((t) => t.line_number != null), xe = Math.max(1, Math.ceil(X / u)), ie = (t, i, d) => {
+  }), C = O && R.some((t) => t.line_number != null), xe = Math.max(1, Math.ceil(Y / u)), ie = (t, i, d) => {
     F(1), J((p) => {
       const T = { ...p };
       return d ? T[t] = { op: i, value: d } : delete T[t], T;
     });
-  }, Me = (t) => {
+  }, Ve = (t) => {
     F(1), v((i) => i === t ? `-${t}` : i === `-${t}` ? "" : t);
   };
-  if (oe)
+  if (ce)
     return /* @__PURE__ */ r("div", { className: "space-y-1.5 py-2", children: [0, 1, 2].map((t) => /* @__PURE__ */ r(
       "div",
       {
@@ -340,42 +340,42 @@ function ul({
       },
       t
     )) });
-  if (C.length === 0 && Object.keys(Y).length === 0)
+  if (R.length === 0 && Object.keys(z).length === 0)
     return /* @__PURE__ */ r("p", { className: "py-3 text-[12px] text-slate-400", children: "No records" });
-  const Ve = (t, i) => {
-    var D, te;
+  const Ue = (t, i) => {
+    var D, le;
     if (i.field.includes(".")) {
-      const le = (D = Q == null ? void 0 : Q.rows[String(t.id)]) == null ? void 0 : D[i.field];
+      const re = (D = Q == null ? void 0 : Q.rows[String(t.id)]) == null ? void 0 : D[i.field];
       if (!Q)
         return /* @__PURE__ */ r("span", { className: "inline-block h-3 w-14 animate-pulse rounded bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" });
-      if (!le || le.value === "") return /* @__PURE__ */ r(ee, {});
-      const Ee = Q.targets[i.field], me = (te = le.ids) == null ? void 0 : te[0];
-      return _ && Ee && me ? /* @__PURE__ */ r(
+      if (!re || re.value === "") return /* @__PURE__ */ r(te, {});
+      const Ee = Q.targets[i.field], fe = (le = re.ids) == null ? void 0 : le[0];
+      return _ && Ee && fe ? /* @__PURE__ */ r(
         "button",
         {
           type: "button",
-          onClick: (fe) => {
-            fe.stopPropagation(), _.open({ collection: Ee, itemId: String(me) });
+          onClick: (pe) => {
+            pe.stopPropagation(), _.open({ collection: Ee, itemId: String(fe) });
           },
           className: "text-left underline decoration-slate-300 underline-offset-2 hover:text-[#007a99] dark:decoration-slate-600 dark:hover:text-nvr-cyan",
-          children: le.value
+          children: re.value
         }
-      ) : le.value;
+      ) : re.value;
     }
     const d = t[i.field];
-    if (i.type === "boolean" && d == null) return /* @__PURE__ */ r(We, { value: !1 });
-    if (d == null || d === "") return /* @__PURE__ */ r(ee, {});
+    if (i.type === "boolean" && d == null) return /* @__PURE__ */ r(Me, { value: !1 });
+    if (d == null || d === "") return /* @__PURE__ */ r(te, {});
     const p = k(i.field);
     if (p === "nivaro_users")
-      return /* @__PURE__ */ r("span", { className: "inline-block", children: /* @__PURE__ */ r(ft, { userId: String(d), size: "compact" }) });
-    if (p) return /* @__PURE__ */ r(ze, { collection: p, id: d });
-    if (i.type === "boolean") return /* @__PURE__ */ r(We, { value: d });
-    if (i.type === "decimal" || i.type === "float") return Qe(d);
-    if (i.type === "integer") return Ie(d);
-    if (i.type === "date" || i.type === "datetime" || i.type === "timestamp") return pt(d);
+      return /* @__PURE__ */ r("span", { className: "inline-block", children: /* @__PURE__ */ r(pt, { userId: String(d), size: "compact" }) });
+    if (p) return /* @__PURE__ */ r(Ye, { collection: p, id: d });
+    if (i.type === "boolean") return /* @__PURE__ */ r(Me, { value: d });
+    if (i.type === "decimal" || i.type === "float") return ze(d);
+    if (i.type === "integer") return We(d);
+    if (i.type === "date" || i.type === "datetime" || i.type === "timestamp") return ht(d);
     const T = String(d);
     return T.length > 48 ? `${T.slice(0, 48)}…` : T;
-  }, se = (t) => ["decimal", "float", "integer"].includes(t.type ?? "") && !k(t.field) && !t.field.includes("."), Re = (t) => {
+  }, se = (t) => ["decimal", "float", "integer"].includes(t.type ?? "") && !k(t.field) && !t.field.includes("."), Ce = (t) => {
     const i = t.options;
     if (!i) return {};
     if (typeof i == "string")
@@ -386,16 +386,16 @@ function ul({
       }
     return i;
   }, ve = (t) => {
-    const i = Re(t).aggregate;
+    const i = Ce(t).aggregate;
     return typeof i == "string" && ["sum", "avg", "min", "max", "count"].includes(i) ? i : null;
   }, De = A.some((t) => ve(t)), _e = (t) => {
     const i = ve(t);
     if (!i) return null;
-    const d = C.map((D) => Number(D[t.field])).filter((D) => !Number.isNaN(D));
+    const d = R.map((D) => Number(D[t.field])).filter((D) => !Number.isNaN(D));
     let p = null;
-    if (i === "count" ? p = C.length : d.length > 0 && (i === "sum" ? p = d.reduce((D, te) => D + te, 0) : i === "avg" ? p = d.reduce((D, te) => D + te, 0) / d.length : i === "min" ? p = Math.min(...d) : i === "max" && (p = Math.max(...d))), p === null) return "—";
-    const T = Re(t).format;
-    return i === "count" || T === "int" ? Ie(Math.round(p)) : T === "currency" || t.type === "decimal" || t.type === "float" ? Qe(p) : i === "avg" ? p.toFixed(2) : Ie(p);
+    if (i === "count" ? p = R.length : d.length > 0 && (i === "sum" ? p = d.reduce((D, le) => D + le, 0) : i === "avg" ? p = d.reduce((D, le) => D + le, 0) / d.length : i === "min" ? p = Math.min(...d) : i === "max" && (p = Math.max(...d))), p === null) return "—";
+    const T = Ce(t).format;
+    return i === "count" || T === "int" ? We(Math.round(p)) : T === "currency" || t.type === "decimal" || t.type === "float" ? ze(p) : i === "avg" ? p.toFixed(2) : We(p);
   }, ke = (t) => !k(t.field) && !t.field.includes("."), Le = (t) => k(t.field) || t.field.includes(".") ? null : t.type === "boolean" ? "bool" : ["integer", "decimal", "float"].includes(t.type ?? "") ? "num" : ["string", "text"].includes(t.type ?? "") ? "text" : null, Ne = A.some((t) => Le(t) != null);
   return /* @__PURE__ */ m("div", { children: [
     h.length >= 2 && /* @__PURE__ */ r("div", { className: "mb-1.5 flex flex-wrap items-center gap-1", "data-read-presets": !0, children: [
@@ -415,20 +415,20 @@ function ul({
     /* @__PURE__ */ r(
       "div",
       {
-        className: `overflow-x-auto rounded-md border border-slate-200 dark:border-slate-700 ${Ce && !oe ? "opacity-70" : ""}`,
+        className: `overflow-x-auto rounded-md border border-slate-200 dark:border-slate-700 ${Re && !ce ? "opacity-70" : ""}`,
         children: /* @__PURE__ */ m("table", { className: "w-full", style: { fontVariantNumeric: "tabular-nums" }, children: [
           /* @__PURE__ */ m("thead", { children: [
             /* @__PURE__ */ m("tr", { className: "border-b border-slate-200 bg-slate-50 dark:border-slate-700 dark:bg-slate-800", children: [
-              R && /* @__PURE__ */ r("th", { className: "h-7 w-8 px-2 text-right text-[9.5px] font-bold uppercase tracking-wider text-slate-400", children: "#" }),
+              C && /* @__PURE__ */ r("th", { className: "h-7 w-8 px-2 text-right text-[9.5px] font-bold uppercase tracking-wider text-slate-400", children: "#" }),
               A.map((t) => {
                 const i = j === t.field || j === `-${t.field}`;
                 return /* @__PURE__ */ m(
                   "th",
                   {
-                    onClick: () => ke(t) && Me(t.field),
+                    onClick: () => ke(t) && Ve(t.field),
                     className: `h-7 select-none whitespace-nowrap px-2.5 text-[9.5px] font-bold uppercase tracking-wider text-slate-500 dark:text-slate-400 ${se(t) ? "text-right" : "text-left"} ${ke(t) ? "cursor-pointer hover:text-slate-700 dark:hover:text-slate-200" : ""}`,
                     children: [
-                      t.label || He(t.field),
+                      t.label || Qe(t.field),
                       ke(t) && /* @__PURE__ */ r("span", { className: i ? "ml-0.5 text-[#00a5cc]" : "ml-0.5 text-slate-300", children: i ? j.startsWith("-") ? "▼" : "▲" : "⇅" })
                     ]
                   },
@@ -437,7 +437,7 @@ function ul({
               })
             ] }),
             Ne && /* @__PURE__ */ m("tr", { className: "border-b border-slate-200 bg-slate-50 dark:border-slate-700 dark:bg-slate-800", children: [
-              R && /* @__PURE__ */ r("th", { className: "px-1.5 py-1" }),
+              C && /* @__PURE__ */ r("th", { className: "px-1.5 py-1" }),
               A.map((t) => {
                 const i = Le(t), d = ae[t.field];
                 return /* @__PURE__ */ m("th", { className: "px-1.5 py-1 font-normal", children: [
@@ -453,7 +453,7 @@ function ul({
                   ),
                   i === "num" && /* @__PURE__ */ m("span", { className: "flex items-center gap-0.5", children: [
                     /* @__PURE__ */ r(
-                      ct,
+                      ut,
                       {
                         value: (d == null ? void 0 : d.op) ?? "_eq",
                         onChange: (p) => ie(t.field, p, (d == null ? void 0 : d.value) ?? ""),
@@ -477,7 +477,7 @@ function ul({
                     )
                   ] }),
                   i === "bool" && /* @__PURE__ */ r(
-                    ct,
+                    ut,
                     {
                       value: (d == null ? void 0 : d.value) ?? "",
                       onChange: (p) => ie(t.field, "_eq", p),
@@ -495,26 +495,26 @@ function ul({
             ] })
           ] }),
           /* @__PURE__ */ m("tbody", { children: [
-            C.length === 0 && /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r(
+            R.length === 0 && /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r(
               "td",
               {
-                colSpan: A.length + (R ? 1 : 0),
+                colSpan: A.length + (C ? 1 : 0),
                 className: "py-4 text-center text-[12px] text-slate-400",
                 children: "No matches — adjust filters"
               }
             ) }),
-            C.map((t) => /* @__PURE__ */ m(
+            R.map((t) => /* @__PURE__ */ m(
               "tr",
               {
                 onClick: _ ? () => _.open({ collection: a, itemId: String(t.id) }) : void 0,
                 className: `border-b border-slate-100 last:border-0 dark:border-slate-800 ${_ ? "cursor-pointer hover:bg-nvr-cyan/5 dark:hover:bg-nvr-cyan/10" : ""}`,
                 children: [
-                  R && /* @__PURE__ */ r("td", { className: "px-2 py-1.5 text-right text-[11px] tabular-nums text-slate-400", children: t.line_number == null ? "" : String(t.line_number) }),
+                  C && /* @__PURE__ */ r("td", { className: "px-2 py-1.5 text-right text-[11px] tabular-nums text-slate-400", children: t.line_number == null ? "" : String(t.line_number) }),
                   A.map((i) => /* @__PURE__ */ r(
                     "td",
                     {
                       className: `whitespace-nowrap px-2.5 py-1.5 text-[12px] text-slate-700 dark:text-slate-200 ${se(i) ? "text-right" : ""}`,
-                      children: Ve(t, i)
+                      children: Ue(t, i)
                     },
                     i.field
                   ))
@@ -523,13 +523,13 @@ function ul({
               String(t.id)
             ))
           ] }),
-          De && C.length > 0 && /* @__PURE__ */ r("tfoot", { children: /* @__PURE__ */ m(
+          De && R.length > 0 && /* @__PURE__ */ r("tfoot", { children: /* @__PURE__ */ m(
             "tr",
             {
               "data-read-grid-footer": !0,
               className: "border-t border-slate-200 bg-slate-50 text-[11px] font-medium text-slate-600 dark:border-slate-700 dark:bg-slate-800/60 dark:text-slate-300",
               children: [
-                R && /* @__PURE__ */ r("td", {}),
+                C && /* @__PURE__ */ r("td", {}),
                 A.map((t) => {
                   const i = ve(t);
                   return /* @__PURE__ */ r(
@@ -550,14 +550,14 @@ function ul({
         ] })
       }
     ),
-    X > u && /* @__PURE__ */ m("div", { className: "mt-1.5 flex items-center justify-between", children: [
+    Y > u && /* @__PURE__ */ m("div", { className: "mt-1.5 flex items-center justify-between", children: [
       /* @__PURE__ */ m("p", { className: "text-[11px] tabular-nums text-slate-400", children: [
         ((w - 1) * u + 1).toLocaleString("en-US"),
         "–",
-        Math.min(w * u, X).toLocaleString("en-US"),
+        Math.min(w * u, Y).toLocaleString("en-US"),
         " of",
         " ",
-        X.toLocaleString("en-US")
+        Y.toLocaleString("en-US")
       ] }),
       /* @__PURE__ */ m("span", { className: "flex items-center gap-0.5", children: [
         /* @__PURE__ */ r(
@@ -589,7 +589,7 @@ function ul({
     ] })
   ] });
 }
-function ut({
+function mt({
   collection: a,
   itemId: f,
   layoutData: y,
@@ -601,8 +601,8 @@ function ut({
   onEditSection: _,
   gridCounts: h
 }) {
-  var lt;
-  const q = Oe(), K = Zt(), M = c ? c.record ?? {} : null, k = !!(c != null && c.context.showHidden), x = c ? String(((lt = c.record) == null ? void 0 : lt.id) ?? "") : f ?? "", b = be(
+  var rt;
+  const q = Oe(), K = tl(), M = c ? c.record ?? {} : null, k = !!(c != null && c.context.showHidden), x = c ? String(((rt = c.record) == null ? void 0 : rt.id) ?? "") : f ?? "", b = be(
     () => c ? {
       ...c.layout,
       layout: c.layout.layout ?? { id: 0, name: "" }
@@ -612,19 +612,19 @@ function ut({
     kind: qe(e.field) ? "slot" : "field",
     field: e.field,
     group_key: e.group_key ?? null
-  }), N = (e, l, s = !1) => c ? /* @__PURE__ */ r(tl, { target: e, children: s ? /* @__PURE__ */ r("div", { "data-design-hidden": !0, className: "opacity-40", children: l }) : l }) : l, A = be(
+  }), N = (e, l, s = !1) => c ? /* @__PURE__ */ r(rl, { target: e, children: s ? /* @__PURE__ */ r("div", { "data-design-hidden": !0, className: "opacity-40", children: l }) : l }) : l, A = be(
     () => [
       ...new Set(
         (c ? [] : (b == null ? void 0 : b.assignments) ?? []).map((e) => e.field).filter((e) => e && !e.startsWith("__") && !e.includes("."))
       )
     ].sort(),
     [b, c]
-  ), { data: j } = Yt(a, x, A), v = (e) => {
+  ), { data: j } = Zt(a, x, A), v = (e) => {
     const l = j == null ? void 0 : j[e];
     if (!l) return null;
     const s = l.via !== "user";
     return l.caller && l.activity_id ? /* @__PURE__ */ r(
-      Qt,
+      Yt,
       {
         activityId: l.activity_id,
         callerName: l.caller.name,
@@ -658,8 +658,8 @@ function ut({
         className: `ml-1 inline-block h-1.5 w-1.5 rounded-full align-middle ${s ? "bg-amber-400" : "bg-slate-300 dark:bg-slate-600"}`
       }
     );
-  }, { data: w } = nl(a, x, !!$ && !c), F = be(
-    () => $ && (w != null && w.enabled) ? al(w.findings) : null,
+  }, { data: w } = il(a, x, !!$ && !c), F = be(
+    () => $ && (w != null && w.enabled) ? sl(w.findings) : null,
     [$, w]
   ), ae = ({ field: e }) => {
     const l = F == null ? void 0 : F.get(e);
@@ -684,22 +684,22 @@ function ut({
     ).then((e) => e.data),
     staleTime: 10 * 6e4,
     retry: !1
-  }), Y = Ot(), { data: Ae } = V({
+  }), z = Rt(), { data: Ae } = V({
     queryKey: ["rrv-record", a, x],
     enabled: !c,
     queryFn: () => q.request(G(`/items/${a}/${x}`)).then((e) => e.data),
-    initialData: () => Y.getQueryData(["item", a, x]) ?? void 0,
+    initialData: () => z.getQueryData(["item", a, x]) ?? void 0,
     initialDataUpdatedAt: () => {
       var e;
-      return (e = Y.getQueryState(["item", a, x])) == null ? void 0 : e.dataUpdatedAt;
+      return (e = z.getQueryState(["item", a, x])) == null ? void 0 : e.dataUpdatedAt;
     },
     staleTime: 3e4,
     retry: !1
   }), u = M ?? Ae;
-  Mt(a, c ? null : x, (e) => {
-    e.aspectsOnly || e.deleted || (Y.invalidateQueries({ queryKey: ["rrv-record", a, x] }), Y.invalidateQueries({ queryKey: ["field-touch", a, x] }));
+  Ut(a, c ? null : x, (e) => {
+    e.aspectsOnly || e.deleted || (z.invalidateQueries({ queryKey: ["rrv-record", a, x] }), z.invalidateQueries({ queryKey: ["field-touch", a, x] }));
   });
-  const U = Rt(null), [oe, Ce] = Z(() => /* @__PURE__ */ new Set());
+  const U = Lt(null), [ce, Re] = ee(() => /* @__PURE__ */ new Set());
   ye(() => {
     const e = U.current;
     if (U.current = u ?? null, c || !e || !u || e === u) return;
@@ -707,11 +707,11 @@ function ut({
       (o) => !o.startsWith("__") && JSON.stringify(e[o]) !== JSON.stringify(u[o])
     );
     if (l.length === 0) return;
-    Ce(new Set(l));
-    const s = setTimeout(() => Ce(/* @__PURE__ */ new Set()), 2400);
+    Re(new Set(l));
+    const s = setTimeout(() => Re(/* @__PURE__ */ new Set()), 2400);
     return () => clearTimeout(s);
   }, [u, c]);
-  const C = (e) => oe.has(e) ? " nvr-value-pulse-bg rounded-sm" : "", { data: X } = V({
+  const R = (e) => ce.has(e) ? " nvr-value-pulse-bg rounded-sm" : "", { data: Y } = V({
     queryKey: ["rrv-field-config", a, b.layout.id],
     enabled: !c,
     queryFn: () => q.request(
@@ -720,33 +720,33 @@ function ut({
     staleTime: 5 * 6e4,
     retry: !1
   }), H = be(
-    () => new Map((X ?? (J == null ? void 0 : J.fields) ?? []).map((e) => [e.field, e])),
-    [X, J]
-  ), ce = (J == null ? void 0 : J.relations) ?? [], ue = (e) => {
+    () => new Map((Y ?? (J == null ? void 0 : J.fields) ?? []).map((e) => [e.field, e])),
+    [Y, J]
+  ), ue = (J == null ? void 0 : J.relations) ?? [], me = (e) => {
     var l;
-    return ((l = ce.find(
+    return ((l = ue.find(
       (s) => s.many_collection === a && s.many_field === e && s.one_collection
     )) == null ? void 0 : l.one_collection) ?? null;
-  }, Q = (e) => ce.find(
+  }, Q = (e) => ue.find(
     (l) => l.one_collection === a && (l.one_field === e || l.many_collection === e)
-  ) ?? null, R = (e) => {
+  ) ?? null, C = (e) => {
     var l;
     return !((e.is_visible === void 0 || e.is_visible) && he(e.overrides).hidden !== !0 && !((l = H.get(e.field)) != null && l.hidden));
   }, xe = b.assignments.filter(
-    (e) => (!e.field.startsWith("__") || qe(e.field)) && (k || !R(e))
+    (e) => (!e.field.startsWith("__") || qe(e.field)) && (k || !C(e))
   ), ie = b.assignments.filter(
     (e) => e.field.startsWith("__widget_") && e.widget_id != null && (k || e.is_visible === void 0 || !!e.is_visible)
-  ), Me = (e) => {
+  ), Ve = (e) => {
     if (!e.input_bindings) return [];
     try {
       return JSON.parse(String(e.input_bindings));
     } catch {
       return [];
     }
-  }, Ve = S || c ? b.assignments.filter(
+  }, Ue = S || c ? b.assignments.filter(
     (e) => e.field.startsWith("__") && !e.field.startsWith("__widget_") && !qe(e.field) && (k || e.is_visible === void 0 || !!e.is_visible)
-  ).sort((e, l) => e.sort - l.sort) : [], se = ["__pipeline__", "__addendums__"], Re = new Set(se), ve = (e) => (S == null ? void 0 : S(e.field, e)) ?? (c ? /* @__PURE__ */ r("div", { className: "rounded-xl border border-dashed border-slate-300 bg-white px-5 py-3 text-[12px] font-medium text-slate-500 dark:border-slate-600 dark:bg-slate-900/40 dark:text-slate-400", children: e.label_override || He(e.field.replace(/^_+|_+$/g, "")) }) : null), De = (e, l = "trailing") => S || c ? Ve.filter(
-    (s) => e === null ? s.group_key == null && l === "leading" === Re.has(s.field) : s.group_key === e
+  ).sort((e, l) => e.sort - l.sort) : [], se = ["__pipeline__", "__addendums__"], Ce = new Set(se), ve = (e) => (S == null ? void 0 : S(e.field, e)) ?? (c ? /* @__PURE__ */ r("div", { className: "rounded-xl border border-dashed border-slate-300 bg-white px-5 py-3 text-[12px] font-medium text-slate-500 dark:border-slate-600 dark:bg-slate-900/40 dark:text-slate-400", children: e.label_override || Qe(e.field.replace(/^_+|_+$/g, "")) }) : null), De = (e, l = "trailing") => S || c ? Ue.filter(
+    (s) => e === null ? s.group_key == null && l === "leading" === Ce.has(s.field) : s.group_key === e
   ).sort(
     (s, o) => l === "leading" && e === null ? se.indexOf(s.field) - se.indexOf(o.field) : 0
   ).map((s) => ({ key: s.field, a: s, node: ve(s) })).filter((s) => s.node != null) : [], _e = (e, l = "trailing") => {
@@ -759,27 +759,27 @@ function ut({
         children: s.map((o) => /* @__PURE__ */ r("div", { children: N(
           { kind: "slot", field: o.a.field, group_key: o.a.group_key ?? null },
           o.node,
-          R(o.a)
+          C(o.a)
         ) }, o.key))
       }
     );
-  }, [ke, Le] = Z({}), Ne = (e) => k || ke[e] === !0, [t, i] = Z({}), d = ot(
+  }, [ke, Le] = ee({}), Ne = (e) => k || ke[e] === !0, [t, i] = ee({}), d = ct(
     (e) => (l) => i((s) => s[e] === l ? s : { ...s, [e]: l }),
     []
-  ), [p, T] = Z({}), D = ot(
+  ), [p, T] = ee({}), D = ct(
     (e) => (l) => T((s) => s[e] === l ? s : { ...s, [e]: l }),
     []
-  ), te = (e) => {
+  ), le = (e) => {
     const l = ie.filter((o) => o.group_key === e).sort((o, g) => o.sort - g.sort);
     if (l.length === 0) return null;
     const s = l.some((o) => Ne(o.field));
     return /* @__PURE__ */ r("div", { className: s ? "mt-3 space-y-4" : "hidden", "data-read-widgets": !0, children: l.map((o) => /* @__PURE__ */ r("div", { hidden: !Ne(o.field), children: N(
       { kind: "slot", field: o.field, group_key: o.group_key ?? null },
       /* @__PURE__ */ r(
-        il,
+        dl,
         {
           widgetId: o.widget_id,
-          inputBindings: Me(o),
+          inputBindings: Ve(o),
           itemDraft: u ?? {},
           itemCollection: a,
           ready: !!u,
@@ -790,31 +790,31 @@ function ut({
           )
         }
       ),
-      R(o)
+      C(o)
     ) }, o.field)) });
-  }, le = [...b.groups].sort((e, l) => e.sort - l.sort).filter((e) => k || e.visibility_mode !== "new_only").filter((e) => k || !u || Ht(e.visible_when, u)), [Ee, me] = Z(() => /* @__PURE__ */ new Set()), fe = (e) => !e.is_collapsed || Ee.has(e.key), ht = (e) => me((l) => {
+  }, re = [...b.groups].sort((e, l) => e.sort - l.sort).filter((e) => k || e.visibility_mode !== "new_only").filter((e) => k || !u || zt(e.visible_when, u)), [Ee, fe] = ee(() => /* @__PURE__ */ new Set()), pe = (e) => !e.is_collapsed || Ee.has(e.key), gt = (e) => fe((l) => {
     const s = new Set(l);
     return s.has(e) ? s.delete(e) : s.add(e), s;
   }), we = (c == null ? void 0 : c.context.fold) ?? null, Se = (c == null ? void 0 : c.context.reveal) ?? null;
   ye(() => {
-    we && me(we.open ? new Set(b.groups.map((e) => e.key)) : /* @__PURE__ */ new Set());
+    we && fe(we.open ? new Set(b.groups.map((e) => e.key)) : /* @__PURE__ */ new Set());
   }, [we == null ? void 0 : we.seq]), ye(() => {
-    const e = Se ? rl(Se.target) : null;
-    e && me((l) => l.has(e) ? l : new Set(l).add(e));
+    const e = Se ? al(Se.target) : null;
+    e && fe((l) => l.has(e) ? l : new Set(l).add(e));
   }, [Se == null ? void 0 : Se.seq]);
-  const Ue = [];
-  for (const e of le) {
+  const Be = [];
+  for (const e of re) {
     if (e.type === "container") {
-      for (const l of le.filter((s) => s.container_id != null && s.container_id === e.id))
-        Ue.push(l);
+      for (const l of re.filter((s) => s.container_id != null && s.container_id === e.id))
+        Be.push(l);
       continue;
     }
-    e.container_id == null && Ue.push(e);
+    e.container_id == null && Be.push(e);
   }
-  const re = (e) => {
+  const X = (e) => {
     var l;
     return !!((l = Q(e.field)) != null && l.junction_field);
-  }, Ye = (e) => {
+  }, Xe = (e) => {
     var s;
     const l = String(
       he(e.overrides).interface ?? ((s = H.get(e.field)) == null ? void 0 : s.interface) ?? ""
@@ -823,14 +823,14 @@ function ut({
   }, Pe = (e) => {
     const l = H.get(e.field), s = he(e.overrides);
     if (qe(e.field)) {
-      const L = Ut(s), de = el((L == null ? void 0 : L.expr) ?? "", u ?? {});
-      return /* @__PURE__ */ r("span", { "data-display-formula": e.field, className: "tabular-nums", children: de.error ? "—" : Bt(de.value, L ?? { format: "", currency: null }) });
+      const L = Gt(s), oe = ll((L == null ? void 0 : L.expr) ?? "", u ?? {});
+      return /* @__PURE__ */ r("span", { "data-display-formula": e.field, className: "tabular-nums", children: oe.error ? "—" : Jt(oe.value, L ?? { format: "", currency: null }) });
     }
     const o = Q(e.field);
-    if (c && !x && (o != null && o.junction_field)) return /* @__PURE__ */ r(ee, {});
+    if (c && !x && (o != null && o.junction_field)) return /* @__PURE__ */ r(te, {});
     if (o != null && o.junction_field && o.many_collection && o.many_field)
       return /* @__PURE__ */ r(
-        cl,
+        ml,
         {
           junction: o.many_collection,
           parentFk: o.many_field,
@@ -841,46 +841,46 @@ function ut({
           relation: o
         }
       );
-    const g = u == null ? void 0 : u[e.field], I = ue(e.field);
+    const g = u == null ? void 0 : u[e.field], I = me(e.field);
     if (I === "nivaro_users" && g != null)
-      return /* @__PURE__ */ r("span", { className: "inline-block", children: /* @__PURE__ */ r(ft, { userId: String(g), size: "compact" }) });
-    if (I) return /* @__PURE__ */ r(ze, { collection: I, id: g });
-    if ((l == null ? void 0 : l.type) === "boolean" && (g == null || g === "")) return /* @__PURE__ */ r(We, { value: !1 });
-    if (g == null || g === "") return /* @__PURE__ */ r(ee, {});
+      return /* @__PURE__ */ r("span", { className: "inline-block", children: /* @__PURE__ */ r(pt, { userId: String(g), size: "compact" }) });
+    if (I) return /* @__PURE__ */ r(Ye, { collection: I, id: g });
+    if ((l == null ? void 0 : l.type) === "boolean" && (g == null || g === "")) return /* @__PURE__ */ r(Me, { value: !1 });
+    if (g == null || g === "") return /* @__PURE__ */ r(te, {});
     if ((l == null ? void 0 : l.type) === "boolean")
       return /* @__PURE__ */ r(
-        We,
+        Me,
         {
           value: g,
           trueTone: (s.options ?? {}).trueTone ?? "positive"
         }
       );
-    const z = s.options ?? {};
-    return Ye(e) && typeof g == "string" ? /^\s*\{/.test(g) ? /* @__PURE__ */ r("div", { className: "min-w-0 whitespace-pre-wrap font-normal [overflow-wrap:anywhere]", children: Xt(g) }) : /* @__PURE__ */ r(
+    const Z = s.options ?? {};
+    return Xe(e) && typeof g == "string" ? /^\s*\{/.test(g) ? /* @__PURE__ */ r("div", { className: "min-w-0 whitespace-pre-wrap font-normal [overflow-wrap:anywhere]", children: el(g) }) : /* @__PURE__ */ r(
       "div",
       {
         className: "rrv-prose min-w-0 font-normal leading-relaxed [overflow-wrap:anywhere] [&_a]:underline [&_h1]:text-[15px] [&_h1]:font-semibold [&_h2]:text-[14px] [&_h2]:font-semibold [&_h3]:font-semibold [&_li]:ml-4 [&_ol]:list-decimal [&_p]:my-1 [&_ul]:list-disc",
-        dangerouslySetInnerHTML: { __html: Jt(g) }
+        dangerouslySetInnerHTML: { __html: Qt(g) }
       }
-    ) : z.format === "currency" ? /* @__PURE__ */ r("span", { className: "tabular-nums", children: Qe(g) }) : (l == null ? void 0 : l.type) === "decimal" || (l == null ? void 0 : l.type) === "float" ? /* @__PURE__ */ r("span", { className: "tabular-nums", children: Ie(g) }) : (l == null ? void 0 : l.type) === "date" || (l == null ? void 0 : l.type) === "datetime" || (l == null ? void 0 : l.type) === "timestamp" ? pt(g) : String(g);
-  }, gt = (e) => {
+    ) : Z.format === "currency" ? /* @__PURE__ */ r("span", { className: "tabular-nums", children: ze(g) }) : (l == null ? void 0 : l.type) === "decimal" || (l == null ? void 0 : l.type) === "float" ? /* @__PURE__ */ r("span", { className: "tabular-nums", children: We(g) }) : (l == null ? void 0 : l.type) === "date" || (l == null ? void 0 : l.type) === "datetime" || (l == null ? void 0 : l.type) === "timestamp" ? ht(g) : String(g);
+  }, bt = (e) => {
     const l = he(e.overrides), s = Q(e.field);
     if (!(s != null && s.many_collection) || !s.many_field) return null;
     if (c && !x) return /* @__PURE__ */ r("p", { className: "py-3 text-[12px] text-slate-400", children: "No records" });
     const o = l.options ?? {}, g = (() => {
       var L;
-      const z = (L = H.get(e.field)) == null ? void 0 : L.options;
-      if (!z) return {};
-      if (typeof z == "string")
+      const Z = (L = H.get(e.field)) == null ? void 0 : L.options;
+      if (!Z) return {};
+      if (typeof Z == "string")
         try {
-          return JSON.parse(z);
+          return JSON.parse(Z);
         } catch {
           return {};
         }
-      return z;
+      return Z;
     })(), I = o.layout_id ?? null;
     return /* @__PURE__ */ r(
-      ul,
+      fl,
       {
         collection: s.many_collection,
         fkField: s.many_field,
@@ -892,29 +892,29 @@ function ut({
       },
       e.field
     );
-  }, pe = (e) => !!Q(e.field) && !re(e), bt = !!b.layout.hide_empty, Xe = Array.isArray(b.layout.header_fields) ? b.layout.header_fields.filter((e) => typeof e == "string") : [], yt = new Set(Xe), xt = (e) => {
-    if (!u || re(e)) return !1;
+  }, de = (e) => !!Q(e.field) && !X(e), yt = !!b.layout.hide_empty, Ze = Array.isArray(b.layout.header_fields) ? b.layout.header_fields.filter((e) => typeof e == "string") : [], xt = new Set(Ze), vt = (e) => {
+    if (!u || X(e)) return !1;
     const l = u[e.field];
     return l == null || l === "" || Array.isArray(l) && l.length === 0;
-  }, vt = (e) => xe.find((l) => l.field === e), $e = (e) => {
+  }, _t = (e) => xe.find((l) => l.field === e), $e = (e) => {
     var o;
-    const l = he(e.overrides).label, s = K ? Vt(e.overrides, K).label : void 0;
-    return s !== void 0 ? s : qe(e.field) ? typeof l == "string" && l.trim() ? l : "Formula" : typeof l == "string" && l.trim() ? l : e.label_override || ((o = H.get(e.field)) == null ? void 0 : o.label) || He(e.field);
-  }, _t = (e) => {
-    const l = jt(e.swap_config), s = xe.filter((n) => n.group_key === e.key && !yt.has(n.field)).filter((n) => k || !u || !It(n.overrides) || !Ke(u[n.field])).sort((n, E) => n.sort - E.sort), o = ie.filter((n) => n.group_key === e.key), g = De(e.key), I = s.length === 0 && o.length === 0 && g.length === 0;
+    const l = he(e.overrides).label, s = K ? Bt(e.overrides, K).label : void 0;
+    return s !== void 0 ? s : qe(e.field) ? typeof l == "string" && l.trim() ? l : "Formula" : typeof l == "string" && l.trim() ? l : e.label_override || ((o = H.get(e.field)) == null ? void 0 : o.label) || Qe(e.field);
+  }, kt = (e) => {
+    const l = Wt(e.swap_config), s = xe.filter((n) => n.group_key === e.key && !xt.has(n.field)).filter((n) => k || !u || !Mt(n.overrides) || !je(u[n.field])).sort((n, E) => n.sort - E.sort), o = ie.filter((n) => n.group_key === e.key), g = De(e.key), I = s.length === 0 && o.length === 0 && g.length === 0;
     if (I && !c) return null;
-    const z = (n) => bt && !k && (pe(n) || re(n)) && ((h == null ? void 0 : h[n.field]) ?? t[n.field]) === 0, L = s.filter((n) => !pe(n)), de = s.filter(pe), Be = o.filter((n) => Ne(n.field)), Nt = s.filter((n) => !z(n)), wt = (n) => (h == null ? void 0 : h[n.field]) ?? t[n.field], St = !!e.hide_when_empty && !c && !k && !!u && g.length === 0 && Be.length === 0 && s.every((n) => pe(n) || re(n) ? wt(n) === 0 : Ke(u[n.field])) || !I && Nt.length === 0 && g.length === 0 && Be.length === 0, $t = (n) => (h == null ? void 0 : h[n.field]) ?? t[n.field], Ge = !!l.emptyText && !!u && !c && g.length === 0 && Be.length === 0 && s.every((n) => pe(n) || re(n) ? $t(n) === 0 : Ke(u[n.field])), Ft = Wt(L, { rows: l.rows }).units, rt = e.read_width === "full" || e.read_width === "half" || e.read_width === "third" ? e.read_width : de.length > 0 || o.length > 0 || g.length > 0 || L.length > 4 ? "full" : "half", qt = (n) => {
-      var it, st, dt;
-      const E = z(n), B = !!(he(n.overrides).options ?? {}).emphasis, Fe = Ye(n) || !!((st = (it = H.get(n.field)) == null ? void 0 : it.interface) != null && st.includes("rich-text")), nt = u == null ? void 0 : u[n.field], at = !Fe && !re(n) && !ue(n.field) && (String(((dt = H.get(n.field)) == null ? void 0 : dt.interface) ?? "").includes("textarea") || typeof nt == "string" && nt.length > 36);
+    const Z = (n) => yt && !k && (de(n) || X(n)) && ((h == null ? void 0 : h[n.field]) ?? t[n.field]) === 0, L = s.filter((n) => !de(n)), oe = s.filter(de), Ke = o.filter((n) => Ne(n.field)), wt = !e.hide_when_empty && g.length === 0 && Ke.length === 0 && s.length > 0 && s.some((n) => de(n) || X(n)) && s.every(Z), Ge = (n) => !wt && Z(n), St = s.filter((n) => !Ge(n)), $t = (n) => (h == null ? void 0 : h[n.field]) ?? t[n.field], Ft = !!e.hide_when_empty && !c && !k && !!u && g.length === 0 && Ke.length === 0 && s.every((n) => de(n) || X(n) ? $t(n) === 0 : je(u[n.field])) || !I && St.length === 0 && g.length === 0 && Ke.length === 0, qt = (n) => (h == null ? void 0 : h[n.field]) ?? t[n.field], Je = !!l.emptyText && !!u && !c && g.length === 0 && Ke.length === 0 && s.every((n) => de(n) || X(n) ? qt(n) === 0 : je(u[n.field])), Tt = Vt(L, { rows: l.rows }).units, nt = e.read_width === "full" || e.read_width === "half" || e.read_width === "third" ? e.read_width : oe.length > 0 || o.length > 0 || g.length > 0 || L.length > 4 ? "full" : "half", Ot = (n) => {
+      var st, dt, ot;
+      const E = Ge(n), B = !!(he(n.overrides).options ?? {}).emphasis, Fe = Xe(n) || !!((dt = (st = H.get(n.field)) == null ? void 0 : st.interface) != null && dt.includes("rich-text")), at = u == null ? void 0 : u[n.field], it = !Fe && !X(n) && !me(n.field) && (String(((ot = H.get(n.field)) == null ? void 0 : ot.interface) ?? "").includes("textarea") || typeof at == "string" && at.length > 36);
       return /* @__PURE__ */ r(
         "div",
         {
           hidden: E,
-          className: `min-w-0 ${Fe || re(n) && (p[n.field] === "nivaro_files" || (t[n.field] ?? 0) > 3) ? "col-span-full" : B || at ? "col-span-2" : ""}`,
+          className: `min-w-0 ${Fe || X(n) && (p[n.field] === "nivaro_files" || (t[n.field] ?? 0) > 3) ? "col-span-full" : B || it ? "col-span-2" : ""}`,
           children: N(
             O(n),
             /* @__PURE__ */ m(ge, { children: [
-              /* @__PURE__ */ m("dt", { className: je, children: [
+              /* @__PURE__ */ m("dt", { className: Ie, children: [
                 $e(n),
                 /* @__PURE__ */ r(ae, { field: n.field }),
                 v(n.field)
@@ -924,27 +924,27 @@ function ut({
                 {
                   "data-replay-field": n.field,
                   "data-field-collection": a,
-                  "data-remote-changed": oe.has(n.field) || void 0,
-                  className: `mt-1 min-w-0${C(n.field)} ${B ? "text-[17px] font-semibold tracking-[-0.01em] text-slate-900 dark:text-white" : `${re(n) || Fe ? "" : at ? "line-clamp-3 break-words " : "truncate "}text-[13px] font-medium text-slate-800 dark:text-slate-100`}`,
+                  "data-remote-changed": ce.has(n.field) || void 0,
+                  className: `mt-1 min-w-0${R(n.field)} ${B ? "text-[17px] font-semibold tracking-[-0.01em] text-slate-900 dark:text-white" : `${X(n) || Fe ? "" : it ? "line-clamp-3 break-words " : "truncate "}text-[13px] font-medium text-slate-800 dark:text-slate-100`}`,
                   children: u ? Pe(n) : /* @__PURE__ */ r("span", { className: "inline-block h-3.5 w-20 animate-pulse rounded bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" })
                 }
               )
             ] }),
-            R(n)
+            C(n)
           )
         },
         n.field
       );
-    }, Tt = (n, E) => {
-      const Je = u && !c ? E.filter((B) => !Ke(u[B.field])) : E;
+    }, At = (n, E) => {
+      const He = u && !c ? E.filter((B) => !je(u[B.field])) : E;
       return /* @__PURE__ */ m(
         "div",
         {
           "data-read-row": n.key,
           className: `min-w-0 ${E.length > 2 ? "col-span-full" : "col-span-2"}`,
           children: [
-            /* @__PURE__ */ r("dt", { className: je, children: n.label.trim() || E.map($e).join(" / ") }),
-            /* @__PURE__ */ r("dd", { className: "mt-1 flex min-w-0 flex-wrap items-baseline gap-x-1.5 text-[13px] font-medium text-slate-800 dark:text-slate-100", children: u ? Je.length === 0 ? /* @__PURE__ */ r(ee, {}) : Je.map((B, Fe) => /* @__PURE__ */ m(Dt, { children: [
+            /* @__PURE__ */ r("dt", { className: Ie, children: n.label.trim() || E.map($e).join(" / ") }),
+            /* @__PURE__ */ r("dd", { className: "mt-1 flex min-w-0 flex-wrap items-baseline gap-x-1.5 text-[13px] font-medium text-slate-800 dark:text-slate-100", children: u ? He.length === 0 ? /* @__PURE__ */ r(te, {}) : He.map((B, Fe) => /* @__PURE__ */ m(Et, { children: [
               Fe > 0 && /* @__PURE__ */ r("span", { "aria-hidden": !0, className: "text-slate-300 dark:text-slate-600", children: "·" }),
               N(
                 O(B),
@@ -953,11 +953,11 @@ function ut({
                   {
                     "data-replay-field": B.field,
                     "data-field-collection": a,
-                    className: `min-w-0 break-words${C(B.field)}`,
+                    className: `min-w-0 break-words${R(B.field)}`,
                     children: Pe(B)
                   }
                 ),
-                R(B)
+                C(B)
               )
             ] }, B.field)) : /* @__PURE__ */ r("span", { className: "inline-block h-3.5 w-28 animate-pulse rounded bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" }) })
           ]
@@ -968,9 +968,9 @@ function ut({
     return /* @__PURE__ */ r(
       "section",
       {
-        hidden: St,
+        hidden: Ft,
         "data-read-section": e.key,
-        "data-read-width": rt,
+        "data-read-width": nt,
         className: "min-w-0 rounded-xl border border-slate-200 bg-white dark:border-slate-700/60 dark:bg-slate-900/40",
         children: N(
           { kind: "group", key: e.key },
@@ -978,45 +978,45 @@ function ut({
             /* @__PURE__ */ m(
               "h3",
               {
-                className: `group/rs relative flex items-center justify-between gap-2 px-5 py-2.5 text-[12.5px] font-semibold text-slate-700 dark:text-slate-200 ${fe(e) ? "border-b border-slate-100 dark:border-slate-800" : ""}`,
+                className: `group/rs relative flex items-center justify-between gap-2 px-5 py-2.5 text-[12.5px] font-semibold text-slate-700 dark:text-slate-200 ${pe(e) ? "border-b border-slate-100 dark:border-slate-800" : ""}`,
                 children: [
                   e.is_collapsed ? /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
-                      onClick: () => ht(e.key),
-                      "aria-expanded": fe(e),
+                      onClick: () => gt(e.key),
+                      "aria-expanded": pe(e),
                       className: "min-w-0 flex-1 text-left after:absolute after:inset-0 group-hover/rs:text-slate-900 dark:group-hover/rs:text-white",
                       children: e.label
                     }
                   ) : /* @__PURE__ */ r("span", { className: "min-w-0 flex-1", children: e.label }),
-                  _ && (L.length > 0 || de.length > 0) && /* @__PURE__ */ r(
+                  _ && (L.length > 0 || oe.length > 0) && /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
                       "data-read-edit-section": e.key,
                       onClick: () => {
                         var n, E;
-                        return _(e.key, ((n = L[0]) == null ? void 0 : n.field) ?? ((E = de[0]) == null ? void 0 : E.field) ?? null);
+                        return _(e.key, ((n = L[0]) == null ? void 0 : n.field) ?? ((E = oe[0]) == null ? void 0 : E.field) ?? null);
                       },
                       title: `Edit ${e.label}`,
                       "aria-label": `Edit ${e.label}`,
                       className: "relative -my-1 rounded p-1 text-slate-400 opacity-0 transition-opacity hover:bg-slate-100 hover:text-slate-700 focus-visible:opacity-100 group-hover/rs:opacity-100 dark:hover:bg-white/5 dark:hover:text-slate-200 motion-reduce:transition-none",
-                      children: /* @__PURE__ */ r(At, { className: "h-3 w-3" })
+                      children: /* @__PURE__ */ r(Ct, { className: "h-3 w-3" })
                     }
                   ),
                   e.is_collapsed && /* @__PURE__ */ r(
-                    Ct,
+                    Dt,
                     {
                       "aria-hidden": "true",
-                      className: `pointer-events-none h-3.5 w-3.5 shrink-0 transition-transform group-hover/rs:text-slate-700 dark:group-hover/rs:text-slate-200 ${fe(e) ? "" : "-rotate-90"}`
+                      className: `pointer-events-none h-3.5 w-3.5 shrink-0 transition-transform group-hover/rs:text-slate-700 dark:group-hover/rs:text-slate-200 ${pe(e) ? "" : "-rotate-90"}`
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ m("div", { className: "px-5 pb-5 pt-4", hidden: !fe(e), children: [
-              Ge && /* @__PURE__ */ r(
+            /* @__PURE__ */ m("div", { className: "px-5 pb-5 pt-4", hidden: !pe(e), children: [
+              Je && /* @__PURE__ */ r(
                 "p",
                 {
                   "data-read-empty": e.key,
@@ -1032,20 +1032,20 @@ function ut({
                 "dl",
                 {
                   className: "grid gap-x-6 gap-y-5",
-                  "data-read-dl": rt,
-                  style: Ge ? { display: "none" } : void 0,
-                  children: Ft.map(
-                    (n) => n.kind === "row" ? Tt(n.row, n.members) : qt(n.field)
+                  "data-read-dl": nt,
+                  style: Je ? { display: "none" } : void 0,
+                  children: Tt.map(
+                    (n) => n.kind === "row" ? At(n.row, n.members) : Ot(n.field)
                   )
                 }
               ),
-              de.map((n) => {
+              oe.map((n) => {
                 var E;
                 return /* @__PURE__ */ r(
                   "div",
                   {
                     className: L.length > 0 ? "mt-3" : "",
-                    hidden: z(n) || Ge,
+                    hidden: Ge(n) || Je,
                     children: N(
                       O(n),
                       /* @__PURE__ */ m(ge, { children: [
@@ -1060,15 +1060,15 @@ function ut({
                             "; switch to Edit to fix"
                           ] })
                         ] }) : null,
-                        (W ? W(n) : null) ?? gt(n)
+                        (W ? W(n) : null) ?? bt(n)
                       ] }),
-                      R(n)
+                      C(n)
                     )
                   },
                   n.field
                 );
               }),
-              te(e.key),
+              le(e.key),
               _e(e.key),
               I && c && /* @__PURE__ */ r(
                 "div",
@@ -1085,14 +1085,14 @@ function ut({
       },
       e.key
     );
-  }, Ze = _e(null), kt = _e(null, "leading"), et = Xe.map((e) => vt(e)).filter((e) => !!e && !pe(e)).filter((e) => k || !xt(e)), [ne, ...tt] = et;
+  }, et = _e(null), Nt = _e(null, "leading"), tt = Ze.map((e) => _t(e)).filter((e) => !!e && !de(e)).filter((e) => k || !vt(e)), [ne, ...lt] = tt;
   return /* @__PURE__ */ m(
     "div",
     {
       className: P ? "min-h-0 flex-1" : "min-h-0 flex-1 overflow-y-auto bg-slate-50/60 px-5 py-4 dark:bg-transparent",
       children: [
-        kt,
-        et.length > 0 && /* @__PURE__ */ m(
+        Nt,
+        tt.length > 0 && /* @__PURE__ */ m(
           "div",
           {
             "data-read-header": !0,
@@ -1101,7 +1101,7 @@ function ut({
               ne && N(
                 { kind: "header", field: ne.field },
                 /* @__PURE__ */ m("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ m("p", { className: je, children: [
+                  /* @__PURE__ */ m("p", { className: Ie, children: [
                     $e(ne),
                     /* @__PURE__ */ r(ae, { field: ne.field })
                   ] }),
@@ -1110,17 +1110,17 @@ function ut({
                     {
                       "data-replay-field": ne.field,
                       "data-field-collection": a,
-                      className: `truncate text-[22px] font-semibold leading-tight tracking-[-0.015em] text-slate-900 dark:text-white${C(ne.field)}`,
+                      className: `truncate text-[22px] font-semibold leading-tight tracking-[-0.015em] text-slate-900 dark:text-white${R(ne.field)}`,
                       children: u ? Pe(ne) : "…"
                     }
                   )
                 ] }),
-                R(ne)
+                C(ne)
               ),
-              tt.length > 0 && /* @__PURE__ */ r("dl", { className: "mt-3 flex flex-wrap gap-x-8 gap-y-2", children: tt.map((e) => /* @__PURE__ */ r("div", { className: "min-w-0", children: N(
+              lt.length > 0 && /* @__PURE__ */ r("dl", { className: "mt-3 flex flex-wrap gap-x-8 gap-y-2", children: lt.map((e) => /* @__PURE__ */ r("div", { className: "min-w-0", children: N(
                 { kind: "header", field: e.field },
                 /* @__PURE__ */ m(ge, { children: [
-                  /* @__PURE__ */ m("dt", { className: je, children: [
+                  /* @__PURE__ */ m("dt", { className: Ie, children: [
                     $e(e),
                     /* @__PURE__ */ r(ae, { field: e.field }),
                     v(e.field)
@@ -1130,31 +1130,31 @@ function ut({
                     {
                       "data-replay-field": e.field,
                       "data-field-collection": a,
-                      "data-remote-changed": oe.has(e.field) || void 0,
-                      className: `mt-0.5 truncate text-[13px] font-medium text-slate-800 dark:text-slate-100${C(e.field)}`,
+                      "data-remote-changed": ce.has(e.field) || void 0,
+                      className: `mt-0.5 truncate text-[13px] font-medium text-slate-800 dark:text-slate-100${R(e.field)}`,
                       children: u ? Pe(e) : "…"
                     }
                   )
                 ] }),
-                R(e)
+                C(e)
               ) }, e.field)) })
             ]
           }
         ),
-        /* @__PURE__ */ r("style", { children: sl }),
-        J ? /* @__PURE__ */ r("div", { className: "grid items-stretch gap-4", "data-read-board": !0, children: Ue.map(_t) }) : /* @__PURE__ */ m("div", { className: "flex flex-col gap-4", "data-read-board-pending": !0, children: [
+        /* @__PURE__ */ r("style", { children: ol }),
+        J ? /* @__PURE__ */ r("div", { className: "grid items-stretch gap-4", "data-read-board": !0, children: Be.map(kt) }) : /* @__PURE__ */ m("div", { className: "flex flex-col gap-4", "data-read-board-pending": !0, children: [
           /* @__PURE__ */ r("div", { className: "h-32 animate-pulse rounded-xl bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" }),
           /* @__PURE__ */ r("div", { className: "h-32 animate-pulse rounded-xl bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" }),
           /* @__PURE__ */ r("div", { className: "h-56 animate-pulse rounded-xl bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" })
         ] }),
-        Ze && /* @__PURE__ */ r("div", { className: "mt-4", children: Ze })
+        et && /* @__PURE__ */ r("div", { className: "mt-4", children: et })
       ]
     }
   );
 }
-function Ml(a) {
-  return a.design ? /* @__PURE__ */ r(ll, { design: a.design.context, onRefusedWrite: a.design.onRefusedWrite, children: /* @__PURE__ */ r(Lt.Provider, { value: null, children: /* @__PURE__ */ r(ut, { ...a }) }) }) : /* @__PURE__ */ r(ut, { ...a });
+function Ul(a) {
+  return a.design ? /* @__PURE__ */ r(nl, { design: a.design.context, onRefusedWrite: a.design.onRefusedWrite, children: /* @__PURE__ */ r(Pt.Provider, { value: null, children: /* @__PURE__ */ r(mt, { ...a }) }) }) : /* @__PURE__ */ r(mt, { ...a });
 }
 export {
-  Ml as RecordReadView
+  Ul as RecordReadView
 };