@nivaro/react 0.3.41 → 0.3.42

package/dist/shared/components/RecordReadView.js

@@ -1,32 +1,36 @@
-import { jsx as l, jsxs as f, Fragment as me } from "react/jsx-runtime";
-import { useQuery as U, useQueryClient as Dt } from "@tanstack/react-query";
-import { Pencil as Lt, ChevronDown as Et } from "lucide-react";
-import { useMemo as ve, useRef as Pt, useState as te, useEffect as _e, useCallback as ut, Fragment as Mt } from "react";
-import { DrilldownContext as jt, useNivaroClient as De, useApiFetchConfig as Kt, useDrilldown as gt } from "../context.js";
-import { useDebounced as Wt } from "../hooks/useDebounced.js";
-import { parseAllowedCollections as It } from "../lib/allowed-collections.js";
-import { get as G } from "../lib/commands.js";
-import { readGroupStructure as Ut, isFolded as Vt, isEmptyValue as ye, planFieldGrid as Bt } from "../lib/form-structure.js";
-import { useLiveRecord as Jt } from "../lib/live.js";
-import { isDisplayFormulaField as Re, resolvePlacementText as Gt, displayFormulaOf as Ht, formatDisplayValue as Qt } from "../lib/placement-behaviour.js";
-import { useRecordReader as Yt } from "../lib/record-loader.js";
-import { sanitizeHtml as zt } from "../lib/sanitize-html.js";
-import { titleCase as ze, formatRelative as Ce } from "../lib/utils.js";
-import { matchesVisibleWhen as Xt } from "../lib/visible-when.js";
-import { InboundRequestPopover as Zt } from "./integrations/InboundRequest.js";
-import { FileM2MField as el } from "./item-edit/FilePickerField.js";
-import { useFieldTouches as tl } from "./item-edit/HeaderFreshness.js";
-import { richTextToPlain as ll } from "./item-edit/helpers.js";
-import { PersonalDefaultMark as ft } from "./item-edit/PersonalDefaultControl.js";
-import { usePlacementTextContext as rl, evaluateDisplayFormula as nl } from "./item-edit/placement-behaviour.js";
-import { UserChip as bt } from "./item-edit/UserChip.js";
-import { DesignNode as al } from "./layout-editor/DesignNode.js";
-import { DesignCanvas as il } from "./layout-editor/design-canvas.js";
-import { revealGroupKey as sl } from "./layout-editor/design-context.js";
-import { useRecordIntegrity as dl, integrityByField as ol } from "./panels/RecordIntegrityBanner.js";
-import { SimpleSelectXs as pt } from "./ui/SimpleSelect.js";
-import { WidgetSlot as cl } from "./WidgetSlot.js";
-const xe = (a) => {
+import { jsx as r, jsxs as f, Fragment as ce } from "react/jsx-runtime";
+import { useQuery as V, useQueryClient as Mt } from "@tanstack/react-query";
+import { Pencil as jt, ChevronDown as Kt } from "lucide-react";
+import { useMemo as xe, useRef as Wt, useState as X, useEffect as ve, useCallback as ht, Fragment as It } from "react";
+import { DrilldownContext as Ut, useNivaroClient as De, useApiFetchConfig as Vt, useDrilldown as xt } from "../context.js";
+import { useDebounced as Ht } from "../hooks/useDebounced.js";
+import { parseAllowedCollections as Bt } from "../lib/allowed-collections.js";
+import { get as Q } from "../lib/commands.js";
+import { readGroupStructure as Gt, isFolded as Jt, isEmptyValue as be, planFieldGrid as Qt } from "../lib/form-structure.js";
+import { quietHiddenSectionsOf as Yt } from "../lib/layout-resolve.js";
+import { useLiveRecord as zt } from "../lib/live.js";
+import { isDisplayFormulaField as Re, resolvePlacementText as Xt, displayFormulaOf as Zt, formatDisplayValue as el } from "../lib/placement-behaviour.js";
+import { useRecordReader as tl } from "../lib/record-loader.js";
+import { sanitizeHtml as ll } from "../lib/sanitize-html.js";
+import { titleCase as Ze, formatRelative as Ce } from "../lib/utils.js";
+import { matchesVisibleWhen as rl } from "../lib/visible-when.js";
+import { InboundRequestPopover as nl } from "./integrations/InboundRequest.js";
+import { FileM2MField as al } from "./item-edit/FilePickerField.js";
+import { useFieldTouches as il } from "./item-edit/HeaderFreshness.js";
+import { richTextToPlain as sl } from "./item-edit/helpers.js";
+import { PersonalDefaultMark as gt } from "./item-edit/PersonalDefaultControl.js";
+import { usePlacementTextContext as dl, evaluateDisplayFormula as ol } from "./item-edit/placement-behaviour.js";
+import { RuleHiddenNotes as cl } from "./item-edit/RuleHiddenNotes.js";
+import { ruleHiddenGroups as ml, groupHasReadableField as ul } from "./item-edit/rule-hidden.js";
+import { UserChip as vt } from "./item-edit/UserChip.js";
+import { DesignNode as fl } from "./layout-editor/DesignNode.js";
+import { DesignCanvas as pl } from "./layout-editor/design-canvas.js";
+import { revealGroupKey as hl } from "./layout-editor/design-context.js";
+import { choiceLabelsFrom as gl } from "./layout-editor/overview/describe-conditions.js";
+import { useRecordIntegrity as bl, integrityByField as yl } from "./panels/RecordIntegrityBanner.js";
+import { SimpleSelectXs as bt } from "./ui/SimpleSelect.js";
+import { WidgetSlot as xl } from "./WidgetSlot.js";
+const ye = (a) => {
   if (!a) return {};
   if (typeof a == "object") return a;
   try {
@@ -34,8 +38,8 @@ const xe = (a) => {
   } catch {
     return {};
   }
-}, ml = 3;
-function ul(a) {
+}, vl = 3;
+function _l(a) {
   let m = a;
   if (typeof m == "string")
     try {
@@ -44,30 +48,30 @@ function ul(a) {
       m = m ? m.split(",").map((d) => d.trim()) : [];
     }
   if (!Array.isArray(m)) return [];
-  const b = [];
+  const y = [];
   for (const d of m)
-    if (typeof d == "string" && d) b.push({ field: d, label: null });
+    if (typeof d == "string" && d) y.push({ field: d, label: null });
     else if (d && typeof d == "object" && typeof d.field == "string") {
       const O = d.label;
-      b.push({
+      y.push({
         field: d.field,
         label: typeof O == "string" && O.trim() ? O.trim() : null
       });
     }
-  return b.filter((d) => !d.field.startsWith("__"));
+  return y.filter((d) => !d.field.startsWith("__"));
 }
-const yt = (a) => {
+const _t = (a) => {
   const m = String(a).match(/^(\d{4})-(\d{2})-(\d{2})(?:[T ]00:00:00(?:\.0+)?(?:Z|[+-]00:?00)?)?$/);
   if (m) return `${m[2]}/${m[3]}/${m[1]}`;
-  const b = new Date(String(a));
-  return Number.isNaN(b.getTime()) ? String(a) : `${String(b.getMonth() + 1).padStart(2, "0")}/${String(b.getDate()).padStart(2, "0")}/${b.getFullYear()}`;
-}, Xe = (a) => {
+  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()}`;
+}, et = (a) => {
   const m = Number(a);
   return Number.isNaN(m) ? String(a) : `$${m.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
 }, Ue = (a) => {
   const m = Number(a);
   return Number.isNaN(m) ? String(a) : m.toLocaleString("en-US");
-}, Ie = "text-[11.5px] font-medium text-slate-500 dark:text-slate-400", le = () => /* @__PURE__ */ l("span", { className: "text-slate-300 dark:text-slate-600", children: "—" }), fl = `
+}, Ie = "text-[11.5px] font-medium text-slate-500 dark:text-slate-400", le = () => /* @__PURE__ */ r("span", { className: "text-slate-300 dark:text-slate-600", children: "—" }), kl = `
 [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))}}
@@ -86,43 +90,43 @@ function Ve({
   value: a,
   trueTone: m = "positive"
 }) {
-  const b = a === !0 || a === 1 || a === "1" || a === "true";
-  return /* @__PURE__ */ l(
+  const y = a === !0 || a === 1 || a === "1" || a === "true";
+  return /* @__PURE__ */ r(
     "span",
     {
-      className: `inline-flex h-[18px] items-center rounded-full px-1.5 text-[10.5px] font-semibold ${b ? m === "danger" ? "bg-red-100 text-red-700 dark:bg-red-900/40 dark:text-red-400" : "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-400" : "bg-slate-100 text-slate-500 dark:bg-slate-800 dark:text-slate-400"}`,
-      children: b ? "Yes" : "No"
+      className: `inline-flex h-[18px] items-center rounded-full px-1.5 text-[10.5px] font-semibold ${y ? m === "danger" ? "bg-red-100 text-red-700 dark:bg-red-900/40 dark:text-red-400" : "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-400" : "bg-slate-100 text-slate-500 dark:bg-slate-800 dark:text-slate-400"}`,
+      children: y ? "Yes" : "No"
     }
   );
 }
-function pl({ collection: a, id: m }) {
-  const b = De(), d = Yt(), O = gt(), { data: S } = U({
+function Nl({ collection: a, id: m }) {
+  const y = De(), d = tl(), O = xt(), { data: S } = V({
     queryKey: ["cbv-collection-meta", a],
-    queryFn: () => b.request(
-      G(`/collections/${a}`)
+    queryFn: () => y.request(
+      Q(`/collections/${a}`)
     ).then((A) => A.data).catch(() => ({ display_template: null, fields: [] })),
     staleTime: 10 * 6e4,
     retry: !1
-  }), { data: F, isPending: W } = U({
+  }), { data: F, isPending: W } = V({
     queryKey: ["rrv-related", a, String(m)],
     queryFn: () => d(a, m).catch(() => null),
     enabled: m != null && !!S,
     staleTime: 6e4,
     retry: !1
   });
-  if (m == null) return /* @__PURE__ */ l(le, {});
+  if (m == null) return /* @__PURE__ */ r(le, {});
   if (!F && (W || !S))
-    return /* @__PURE__ */ l("span", { className: "inline-block h-3.5 w-20 animate-pulse rounded bg-slate-100 align-middle dark:bg-[hsl(var(--nvr-skeleton))]" });
+    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 (!F) return /* @__PURE__ */ f("span", { className: "text-slate-400", children: [
     "#",
     String(m)
   ] });
-  let _ = "";
+  let k = "";
   const h = S == null ? void 0 : S.display_template;
-  if (h && (_ = h.replace(/\{\{\s*([^}]+?)\s*\}\}/g, (A, M) => {
-    const I = M.split(".").reduce((k, x) => k == null ? void 0 : k[x], F);
+  if (h && (k = h.replace(/\{\{\s*([^}]+?)\s*\}\}/g, (A, M) => {
+    const I = M.split(".").reduce((_, x) => _ == null ? void 0 : _[x], F);
     return I == null ? "" : String(I);
-  }).trim()), !_) {
+  }).trim()), !k) {
     for (const A of [
       "name",
       "title",
@@ -134,38 +138,38 @@ function pl({ collection: a, id: m }) {
       "filename"
     ])
       if (F[A]) {
-        _ = String(F[A]);
+        k = String(F[A]);
         break;
       }
   }
-  return _ || (_ = `#${String(m)}`), O ? /* @__PURE__ */ l(
+  return k || (k = `#${String(m)}`), O ? /* @__PURE__ */ r(
     "button",
     {
       type: "button",
       onClick: () => O.open({ collection: a, itemId: String(m) }),
       className: "text-left underline decoration-slate-300 underline-offset-2 transition-colors hover:text-[#007a99] hover:decoration-[#007a99] dark:decoration-slate-600 dark:hover:text-nvr-cyan dark:hover:decoration-nvr-cyan",
-      children: _
+      children: k
     }
-  ) : /* @__PURE__ */ l(me, { children: _ });
+  ) : /* @__PURE__ */ r(ce, { children: k });
 }
-function hl({ id: a }) {
-  const m = De(), { apiBase: b } = Kt(), { data: d, isPending: O } = U({
+function wl({ id: a }) {
+  const m = De(), { apiBase: y } = Vt(), { data: d, isPending: O } = V({
     queryKey: ["rrv-file-meta", String(a)],
     queryFn: () => m.request(
-      G(`/files/${a}/meta`)
+      Q(`/files/${a}/meta`)
     ).then((F) => F.data).catch(() => null),
     enabled: a != null,
     staleTime: 5 * 6e4,
     retry: !1
   });
-  if (a == null) return /* @__PURE__ */ l(le, {});
+  if (a == null) return /* @__PURE__ */ r(le, {});
   if (!d && O)
-    return /* @__PURE__ */ l("span", { className: "inline-block h-3.5 w-24 animate-pulse rounded bg-slate-100 align-middle dark:bg-[hsl(var(--nvr-skeleton))]" });
+    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 = (d == null ? void 0 : d.title) || (d == null ? void 0 : d.filename_download) || `#${String(a)}`;
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ r(
     "a",
     {
-      href: `${b}/files/${a}`,
+      href: `${y}/files/${a}`,
       target: "_blank",
       rel: "noreferrer",
       className: "underline decoration-slate-300 underline-offset-2 transition-colors hover:text-[#007a99] hover:decoration-[#007a99] dark:decoration-slate-600 dark:hover:text-nvr-cyan dark:hover:decoration-nvr-cyan",
@@ -173,25 +177,25 @@ function hl({ id: a }) {
     }
   );
 }
-const Ze = ({ collection: a, id: m }) => a === "nivaro_files" ? /* @__PURE__ */ l(hl, { id: m }) : /* @__PURE__ */ l(pl, { collection: a, id: m });
-function gl({
+const tt = ({ collection: a, id: m }) => a === "nivaro_files" ? /* @__PURE__ */ r(wl, { id: m }) : /* @__PURE__ */ r(Nl, { collection: a, id: m });
+function Sl({
   junction: a,
   parentFk: m,
-  junctionField: b,
+  junctionField: y,
   parentId: d,
   onCount: O,
   onTarget: S,
   relation: F
 }) {
   var j;
-  const W = De(), { data: _ } = U({
+  const W = De(), { data: k } = V({
     queryKey: ["cbv-collection-meta", a],
-    queryFn: () => W.request(G(`/collections/${a}`)).then((v) => v.data),
+    queryFn: () => W.request(Q(`/collections/${a}`)).then((v) => v.data),
     staleTime: 10 * 6e4,
     retry: !1
-  }), h = ((_ == null ? void 0 : _.relations) ?? []).find(
-    (v) => v.many_collection === a && v.many_field === b
-  ), A = It(h == null ? void 0 : h.one_allowed_collections), M = !!h && !h.one_collection && (A.length > 0 || !!h.one_collection_field), I = (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) ?? (M ? A.some((v) => v === "directus_users" || v === "nivaro_users") ? "nivaro_users" : k(A[0]) : null), { data: y } = U({
+  }), h = ((k == null ? void 0 : k.relations) ?? []).find(
+    (v) => v.many_collection === a && v.many_field === y
+  ), A = Bt(h == null ? void 0 : h.one_allowed_collections), M = !!h && !h.one_collection && (A.length > 0 || !!h.one_collection_field), I = (h == null ? void 0 : h.one_collection_field) ?? "collection", _ = (v) => v ? v === "directus_users" ? "nivaro_users" : v : null, x = (h == null ? void 0 : h.one_collection) ?? (M ? A.some((v) => v === "directus_users" || v === "nivaro_users") ? "nivaro_users" : _(A[0]) : null), { data: g } = 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
@@ -202,86 +206,86 @@ function gl({
       m,
       d,
       "rrv",
-      b,
+      y,
       M ? I : ""
     ],
     queryFn: () => W.request(
-      G(`/items/${a}`, {
+      Q(`/items/${a}`, {
         filter: JSON.stringify({ [m]: { _eq: d } }),
-        fields: M ? `id,${b},${I}` : `id,${b}`,
+        fields: M ? `id,${y},${I}` : `id,${y}`,
         limit: 200
       })
     ).then(
-      (v) => (v.data ?? []).filter((w) => w[b] != null).map((w) => {
-        const q = w[b];
+      (v) => (v.data ?? []).filter((w) => w[y] != null).map((w) => {
+        const q = w[y];
         return {
           id: String(typeof q == "object" ? q.id : q),
-          collection: M ? k(w[I]) : null
+          collection: M ? _(w[I]) : null
         };
       })
     ).catch(() => []),
     // The fields list depends on the companion leg — wait for it.
-    enabled: !!_,
+    enabled: !!k,
     staleTime: 3e4,
     retry: !1
-  }), R = y == null ? void 0 : y.map((v) => v.id), N = x ?? (M ? ((j = y == null ? void 0 : y.find((v) => v.collection)) == null ? void 0 : j.collection) ?? null : null), C = R == null ? void 0 : R.length;
-  return _e(() => {
+  }), R = g == null ? void 0 : g.map((v) => v.id), N = x ?? (M ? ((j = g == null ? void 0 : g.find((v) => v.collection)) == null ? void 0 : j.collection) ?? null : null), C = R == null ? void 0 : R.length;
+  return ve(() => {
     C !== void 0 && (O == null || O(C));
-  }, [C, O]), _e(() => {
+  }, [C, O]), ve(() => {
     N && (S == null || S(N));
-  }, [N, S]), _ && !N && (!M || y) ? /* @__PURE__ */ l(le, {}) : !R || !N ? /* @__PURE__ */ l("span", { className: "inline-block h-3.5 w-20 animate-pulse rounded bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" }) : R.length === 0 ? /* @__PURE__ */ l(le, {}) : N === "nivaro_files" && F ? /* @__PURE__ */ l("div", { className: "mt-1", children: /* @__PURE__ */ l(
-    el,
+  }, [N, S]), k && !N && (!M || g) ? /* @__PURE__ */ r(le, {}) : !R || !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.length === 0 ? /* @__PURE__ */ r(le, {}) : N === "nivaro_files" && F ? /* @__PURE__ */ r("div", { className: "mt-1", children: /* @__PURE__ */ r(
+    al,
     {
       relation: F,
       parentId: d,
       allRelations: [],
       disabled: !0
     }
-  ) }) : /* @__PURE__ */ l("span", { className: "flex flex-wrap gap-x-1.5 gap-y-0.5", children: (y ?? []).map(({ id: v, collection: w }, q) => /* @__PURE__ */ f(
+  ) }) : /* @__PURE__ */ r("span", { className: "flex flex-wrap gap-x-1.5 gap-y-0.5", children: (g ?? []).map(({ id: v, collection: w }, q) => /* @__PURE__ */ f(
     "span",
     {
       className: "inline-flex items-center whitespace-nowrap",
       children: [
-        /* @__PURE__ */ l(Ze, { collection: w ?? N, id: v }),
-        q < R.length - 1 && /* @__PURE__ */ l("span", { className: "text-slate-300 dark:text-slate-600", children: "," })
+        /* @__PURE__ */ r(tt, { collection: w ?? N, id: v }),
+        q < R.length - 1 && /* @__PURE__ */ r("span", { className: "text-slate-300 dark:text-slate-600", children: "," })
       ]
     },
     `${w ?? N}:${v}`
   )) });
 }
-function bl({
+function $l({
   collection: a,
   fkField: m,
-  parentId: b,
+  parentId: y,
   layoutId: d,
   presets: O,
   defaultPreset: S,
   onCount: F
 }) {
-  const W = De(), _ = gt(), h = (O ?? []).filter((t) => t && Array.isArray(t.columns)), [A, M] = te(
+  const W = De(), k = xt(), h = (O ?? []).filter((t) => t && Array.isArray(t.columns)), [A, M] = X(
     () => {
       var t;
-      return h.length >= 2 ? ((t = h.find((i) => i.name === S)) == null ? void 0 : t.name) ?? h[0].name : "__all__";
+      return h.length >= 2 ? ((t = h.find((s) => s.name === S)) == null ? void 0 : t.name) ?? h[0].name : "__all__";
     }
-  ), { data: I } = U({
+  ), { data: I } = V({
     queryKey: ["cbv-collection-meta", a],
-    queryFn: () => W.request(G(`/collections/${a}`)).then((t) => t.data),
+    queryFn: () => W.request(Q(`/collections/${a}`)).then((t) => t.data),
     staleTime: 10 * 6e4,
     retry: !1
-  }), k = (t) => {
-    var i;
-    return ((i = ((I == null ? void 0 : I.relations) ?? []).find(
+  }), _ = (t) => {
+    var s;
+    return ((s = ((I == null ? void 0 : I.relations) ?? []).find(
       (o) => o.many_collection === a && o.many_field === t && o.one_collection
-    )) == null ? void 0 : i.one_collection) ?? null;
-  }, { data: x } = U({
+    )) == null ? void 0 : s.one_collection) ?? null;
+  }, { data: x } = V({
     queryKey: ["rrv-cols", a, d ?? null],
     queryFn: () => W.request(
-      G(`/field-config/${a}`, d ? { layout_id: d } : {})
+      Q(`/field-config/${a}`, d ? { layout_id: d } : {})
     ).then((t) => ({
       // Lines carry their own number — sort by it and show it first.
-      lineNo: (t.data ?? []).some((i) => i.field === "line_number"),
+      lineNo: (t.data ?? []).some((s) => s.field === "line_number"),
       cols: (t.data ?? []).filter(
-        (i) => !i.hidden && !i.field.startsWith("__") && (!i.field.includes(".") || i.interface === "relation-path") && i.field !== m && ((d ? i.layout_assigned : !0) ?? !0) && (i.interface === "relation-path" || [
+        (s) => !s.hidden && !s.field.startsWith("__") && (!s.field.includes(".") || s.interface === "relation-path") && s.field !== m && ((d ? s.layout_assigned : !0) ?? !0) && (s.interface === "relation-path" || [
           "string",
           "text",
           "integer",
@@ -292,33 +296,33 @@ function bl({
           "datetime",
           "timestamp",
           "uuid"
-        ].includes(i.type ?? ""))
-      ).filter((i, o, p) => p.findIndex((T) => T.field === i.field) === o)
+        ].includes(s.type ?? ""))
+      ).filter((s, o, p) => p.findIndex((T) => T.field === s.field) === o)
     })),
     staleTime: 5 * 6e4,
     retry: !1
-  }), y = (x == null ? void 0 : x.cols) ?? [], R = !!(x != null && x.lineNo), N = A !== "__all__" ? h.find((t) => t.name === A) : null, C = ve(() => {
-    if (!N) return y;
-    const t = new Set(N.columns), i = y.filter((o) => t.has(o.field));
-    return i.length > 0 ? i : y;
-  }, [y, N]), [j, v] = te(""), [w, q] = te(1), [se, H] = te({}), X = Wt(se, 350), Le = ve(() => {
+  }), g = (x == null ? void 0 : x.cols) ?? [], R = !!(x != null && x.lineNo), N = A !== "__all__" ? h.find((t) => t.name === A) : null, C = xe(() => {
+    if (!N) return g;
+    const t = new Set(N.columns), s = g.filter((o) => t.has(o.field));
+    return s.length > 0 ? s : g;
+  }, [g, N]), [j, v] = X(""), [w, q] = X(1), [ie, H] = X({}), Z = Ht(ie, 350), Le = xe(() => {
     const t = [
-      { path: [m], op: "_eq", value: b }
+      { path: [m], op: "_eq", value: y }
     ];
-    for (const [i, o] of Object.entries(X)) {
+    for (const [s, o] of Object.entries(Z)) {
       if (!(o != null && o.value.trim())) continue;
       const p = o.value.trim(), T = Number(p), E = o.op === "_contains" ? p : p === "true" || p === "false" ? p === "true" : Number.isNaN(T) ? p : T;
-      t.push({ path: [i], op: o.op, value: E });
+      t.push({ path: [s], op: o.op, value: E });
     }
     return JSON.stringify(t);
-  }, [X, m, b]), u = 25, {
-    data: V,
-    isLoading: ue,
+  }, [Z, m, y]), u = 25, {
+    data: B,
+    isLoading: me,
     isFetching: Ee
-  } = U({
-    queryKey: ["rrv-rows", a, m, b, j, R, w, Le],
+  } = V({
+    queryKey: ["rrv-rows", a, m, y, j, R, w, Le],
     queryFn: () => W.request(
-      G(`/items/${a}`, {
+      Q(`/items/${a}`, {
         limit: u,
         page: w,
         ...j ? { sort: j } : R ? { sort: "line_number" } : {},
@@ -328,103 +332,103 @@ function bl({
     placeholderData: (t) => t,
     staleTime: 3e4,
     retry: !1
-  }), D = (V == null ? void 0 : V.data) ?? [], Z = (V == null ? void 0 : V.total) ?? D.length, Q = Object.values(X).some((t) => !!(t != null && t.value.trim()));
-  _e(() => {
-    V && !Q && (F == null || F(Z));
-  }, [V, Q, Z, F]);
-  const fe = C.filter((t) => t.field.includes(".")), pe = D.map((t) => String(t.id)), { data: Y } = U({
+  }), D = (B == null ? void 0 : B.data) ?? [], ee = (B == null ? void 0 : B.total) ?? D.length, U = Object.values(Z).some((t) => !!(t != null && t.value.trim()));
+  ve(() => {
+    B && !U && (F == null || F(ee));
+  }, [B, U, ee, F]);
+  const ue = C.filter((t) => t.field.includes(".")), fe = D.map((t) => String(t.id)), { data: Y } = V({
     queryKey: [
       "rrv-resolve-paths",
       a,
-      fe.map((t) => t.field).join(","),
-      pe.join(",")
+      ue.map((t) => t.field).join(","),
+      fe.join(",")
     ],
     queryFn: () => W.request(
-      G(`/items/${a}/resolve-paths`, {
-        ids: pe.join(","),
-        paths: fe.map((t) => t.field).join(",")
+      Q(`/items/${a}/resolve-paths`, {
+        ids: fe.join(","),
+        paths: ue.map((t) => t.field).join(",")
       })
     ).then((t) => t.data ?? { rows: {}, targets: {} }).catch(() => ({ rows: {}, targets: {} })),
-    enabled: fe.length > 0 && pe.length > 0,
+    enabled: ue.length > 0 && fe.length > 0,
     staleTime: 3e4
-  }), L = R && D.some((t) => t.line_number != null), ke = Math.max(1, Math.ceil(Z / u)), de = (t, i, o) => {
+  }), L = R && D.some((t) => t.line_number != null), _e = Math.max(1, Math.ceil(ee / u)), se = (t, s, o) => {
     q(1), H((p) => {
       const T = { ...p };
-      return o ? T[t] = { op: i, value: o } : delete T[t], T;
+      return o ? T[t] = { op: s, value: o } : delete T[t], T;
     });
-  }, Be = (t) => {
-    q(1), v((i) => i === t ? `-${t}` : i === `-${t}` ? "" : t);
+  }, He = (t) => {
+    q(1), v((s) => s === t ? `-${t}` : s === `-${t}` ? "" : t);
   };
-  if (ue)
-    return /* @__PURE__ */ l("div", { className: "space-y-1.5 py-2", children: [0, 1, 2].map((t) => /* @__PURE__ */ l(
+  if (me)
+    return /* @__PURE__ */ r("div", { className: "space-y-1.5 py-2", children: [0, 1, 2].map((t) => /* @__PURE__ */ r(
       "div",
       {
         className: "h-6 animate-pulse rounded bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]"
       },
       t
     )) });
-  if (D.length === 0 && Object.keys(X).length === 0)
-    return /* @__PURE__ */ l("p", { className: "py-3 text-[12px] text-slate-400", children: "No records" });
-  const Je = (t, i) => {
+  if (D.length === 0 && Object.keys(Z).length === 0)
+    return /* @__PURE__ */ r("p", { className: "py-3 text-[12px] text-slate-400", children: "No records" });
+  const Be = (t, s) => {
     var E, re;
-    if (i.field.includes(".")) {
-      const ne = (E = Y == null ? void 0 : Y.rows[String(t.id)]) == null ? void 0 : E[i.field];
+    if (s.field.includes(".")) {
+      const ne = (E = Y == null ? void 0 : Y.rows[String(t.id)]) == null ? void 0 : E[s.field];
       if (!Y)
-        return /* @__PURE__ */ l("span", { className: "inline-block h-3 w-14 animate-pulse rounded bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" });
-      if (!ne || ne.value === "") return /* @__PURE__ */ l(le, {});
-      const Ke = Y.targets[i.field], he = (re = ne.ids) == null ? void 0 : re[0];
-      return _ && Ke && he ? /* @__PURE__ */ l(
+        return /* @__PURE__ */ r("span", { className: "inline-block h-3 w-14 animate-pulse rounded bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" });
+      if (!ne || ne.value === "") return /* @__PURE__ */ r(le, {});
+      const Ke = Y.targets[s.field], $e = (re = ne.ids) == null ? void 0 : re[0];
+      return k && Ke && $e ? /* @__PURE__ */ r(
         "button",
         {
           type: "button",
-          onClick: (ae) => {
-            ae.stopPropagation(), _.open({ collection: Ke, itemId: String(he) });
+          onClick: (Ge) => {
+            Ge.stopPropagation(), k.open({ collection: Ke, itemId: String($e) });
           },
           className: "text-left underline decoration-slate-300 underline-offset-2 hover:text-[#007a99] dark:decoration-slate-600 dark:hover:text-nvr-cyan",
           children: ne.value
         }
       ) : ne.value;
     }
-    const o = t[i.field];
-    if (i.type === "boolean" && o == null) return /* @__PURE__ */ l(Ve, { value: !1 });
-    if (o == null || o === "") return /* @__PURE__ */ l(le, {});
-    const p = k(i.field);
+    const o = t[s.field];
+    if (s.type === "boolean" && o == null) return /* @__PURE__ */ r(Ve, { value: !1 });
+    if (o == null || o === "") return /* @__PURE__ */ r(le, {});
+    const p = _(s.field);
     if (p === "nivaro_users")
-      return /* @__PURE__ */ l("span", { className: "inline-block", children: /* @__PURE__ */ l(bt, { userId: String(o), size: "compact" }) });
-    if (p) return /* @__PURE__ */ l(Ze, { collection: p, id: o });
-    if (i.type === "boolean") return /* @__PURE__ */ l(Ve, { value: o });
-    if (i.type === "decimal" || i.type === "float") return Xe(o);
-    if (i.type === "integer") return Ue(o);
-    if (i.type === "date" || i.type === "datetime" || i.type === "timestamp") return yt(o);
+      return /* @__PURE__ */ r("span", { className: "inline-block", children: /* @__PURE__ */ r(vt, { userId: String(o), size: "compact" }) });
+    if (p) return /* @__PURE__ */ r(tt, { collection: p, id: o });
+    if (s.type === "boolean") return /* @__PURE__ */ r(Ve, { value: o });
+    if (s.type === "decimal" || s.type === "float") return et(o);
+    if (s.type === "integer") return Ue(o);
+    if (s.type === "date" || s.type === "datetime" || s.type === "timestamp") return _t(o);
     const T = String(o);
     return T.length > 48 ? `${T.slice(0, 48)}…` : T;
-  }, oe = (t) => ["decimal", "float", "integer"].includes(t.type ?? "") && !k(t.field) && !t.field.includes("."), Pe = (t) => {
-    const i = t.options;
-    if (!i) return {};
-    if (typeof i == "string")
+  }, de = (t) => ["decimal", "float", "integer"].includes(t.type ?? "") && !_(t.field) && !t.field.includes("."), Pe = (t) => {
+    const s = t.options;
+    if (!s) return {};
+    if (typeof s == "string")
       try {
-        return JSON.parse(i);
+        return JSON.parse(s);
       } catch {
         return {};
       }
-    return i;
-  }, Ne = (t) => {
-    const i = Pe(t).aggregate;
-    return typeof i == "string" && ["sum", "avg", "min", "max", "count"].includes(i) ? i : null;
-  }, Me = C.some((t) => Ne(t)), we = (t) => {
-    const i = Ne(t);
-    if (!i) return null;
+    return s;
+  }, ke = (t) => {
+    const s = Pe(t).aggregate;
+    return typeof s == "string" && ["sum", "avg", "min", "max", "count"].includes(s) ? s : null;
+  }, Me = C.some((t) => ke(t)), Ne = (t) => {
+    const s = ke(t);
+    if (!s) return null;
     const o = D.map((E) => Number(E[t.field])).filter((E) => !Number.isNaN(E));
     let p = null;
-    if (i === "count" ? p = D.length : o.length > 0 && (i === "sum" ? p = o.reduce((E, re) => E + re, 0) : i === "avg" ? p = o.reduce((E, re) => E + re, 0) / o.length : i === "min" ? p = Math.min(...o) : i === "max" && (p = Math.max(...o))), p === null) return "—";
+    if (s === "count" ? p = D.length : o.length > 0 && (s === "sum" ? p = o.reduce((E, re) => E + re, 0) : s === "avg" ? p = o.reduce((E, re) => E + re, 0) / o.length : s === "min" ? p = Math.min(...o) : s === "max" && (p = Math.max(...o))), p === null) return "—";
     const T = Pe(t).format;
-    return i === "count" || T === "int" ? Ue(Math.round(p)) : T === "currency" || t.type === "decimal" || t.type === "float" ? Xe(p) : i === "avg" ? p.toFixed(2) : Ue(p);
-  }, Se = (t) => !k(t.field) && !t.field.includes("."), je = (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, $e = C.some((t) => je(t) != null);
+    return s === "count" || T === "int" ? Ue(Math.round(p)) : T === "currency" || t.type === "decimal" || t.type === "float" ? et(p) : s === "avg" ? p.toFixed(2) : Ue(p);
+  }, we = (t) => !_(t.field) && !t.field.includes("."), je = (t) => _(t.field) || t.field.includes(".") ? null : t.type === "boolean" ? "bool" : ["integer", "decimal", "float"].includes(t.type ?? "") ? "num" : ["string", "text"].includes(t.type ?? "") ? "text" : null, Se = C.some((t) => je(t) != null);
   return /* @__PURE__ */ f("div", { children: [
-    h.length >= 2 && /* @__PURE__ */ l("div", { className: "mb-1.5 flex flex-wrap items-center gap-1", "data-read-presets": !0, children: [
+    h.length >= 2 && /* @__PURE__ */ r("div", { className: "mb-1.5 flex flex-wrap items-center gap-1", "data-read-presets": !0, children: [
       { name: "__all__", label: "All" },
       ...h.map((t) => ({ name: t.name, label: t.name }))
-    ].map((t) => /* @__PURE__ */ l(
+    ].map((t) => /* @__PURE__ */ r(
       "button",
       {
         type: "button",
@@ -435,51 +439,51 @@ function bl({
       },
       t.name
     )) }),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ r(
       "div",
       {
-        className: `overflow-x-auto rounded-md border border-slate-200 dark:border-slate-700 ${Ee && !ue ? "opacity-70" : ""}`,
+        className: `overflow-x-auto rounded-md border border-slate-200 dark:border-slate-700 ${Ee && !me ? "opacity-70" : ""}`,
         children: /* @__PURE__ */ f("table", { className: "w-full", style: { fontVariantNumeric: "tabular-nums" }, children: [
           /* @__PURE__ */ f("thead", { children: [
             /* @__PURE__ */ f("tr", { className: "border-b border-slate-200 bg-slate-50 dark:border-slate-700 dark:bg-slate-800", children: [
-              L && /* @__PURE__ */ l("th", { className: "h-7 w-8 px-2 text-right text-[9.5px] font-bold uppercase tracking-wider text-slate-400", children: "#" }),
+              L && /* @__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.map((t) => {
-                const i = j === t.field || j === `-${t.field}`;
+                const s = j === t.field || j === `-${t.field}`;
                 return /* @__PURE__ */ f(
                   "th",
                   {
-                    onClick: () => Se(t) && Be(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 ${oe(t) ? "text-right" : "text-left"} ${Se(t) ? "cursor-pointer hover:text-slate-700 dark:hover:text-slate-200" : ""}`,
+                    onClick: () => we(t) && He(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 ${de(t) ? "text-right" : "text-left"} ${we(t) ? "cursor-pointer hover:text-slate-700 dark:hover:text-slate-200" : ""}`,
                     children: [
-                      t.label || ze(t.field),
-                      Se(t) && /* @__PURE__ */ l("span", { className: i ? "ml-0.5 text-[#00a5cc]" : "ml-0.5 text-slate-300", children: i ? j.startsWith("-") ? "▼" : "▲" : "⇅" })
+                      t.label || Ze(t.field),
+                      we(t) && /* @__PURE__ */ r("span", { className: s ? "ml-0.5 text-[#00a5cc]" : "ml-0.5 text-slate-300", children: s ? j.startsWith("-") ? "▼" : "▲" : "⇅" })
                     ]
                   },
                   t.field
                 );
               })
             ] }),
-            $e && /* @__PURE__ */ f("tr", { className: "border-b border-slate-200 bg-slate-50 dark:border-slate-700 dark:bg-slate-800", children: [
-              L && /* @__PURE__ */ l("th", { className: "px-1.5 py-1" }),
+            Se && /* @__PURE__ */ f("tr", { className: "border-b border-slate-200 bg-slate-50 dark:border-slate-700 dark:bg-slate-800", children: [
+              L && /* @__PURE__ */ r("th", { className: "px-1.5 py-1" }),
               C.map((t) => {
-                const i = je(t), o = se[t.field];
+                const s = je(t), o = ie[t.field];
                 return /* @__PURE__ */ f("th", { className: "px-1.5 py-1 font-normal", children: [
-                  i === "text" && /* @__PURE__ */ l(
+                  s === "text" && /* @__PURE__ */ r(
                     "input",
                     {
                       value: (o == null ? void 0 : o.value) ?? "",
-                      onChange: (p) => de(t.field, "_contains", p.target.value),
+                      onChange: (p) => se(t.field, "_contains", p.target.value),
                       placeholder: "Filter…",
                       "aria-label": `Filter ${t.field}`,
                       className: "h-6 w-full min-w-[56px] rounded border border-slate-200 bg-white px-1.5 text-[10.5px] font-normal normal-case tracking-normal outline-none focus:border-nvr-cyan/50 dark:border-slate-600 dark:bg-slate-900 dark:text-slate-100"
                     }
                   ),
-                  i === "num" && /* @__PURE__ */ f("span", { className: "flex items-center gap-0.5", children: [
-                    /* @__PURE__ */ l(
-                      pt,
+                  s === "num" && /* @__PURE__ */ f("span", { className: "flex items-center gap-0.5", children: [
+                    /* @__PURE__ */ r(
+                      bt,
                       {
                         value: (o == null ? void 0 : o.op) ?? "_eq",
-                        onChange: (p) => de(t.field, p, (o == null ? void 0 : o.value) ?? ""),
+                        onChange: (p) => se(t.field, p, (o == null ? void 0 : o.value) ?? ""),
                         options: [
                           { value: "_eq", label: "=" },
                           { value: "_gte", label: "≥" },
@@ -488,22 +492,22 @@ function bl({
                         ariaLabel: `Filter op ${t.field}`
                       }
                     ),
-                    /* @__PURE__ */ l(
+                    /* @__PURE__ */ r(
                       "input",
                       {
                         type: "number",
                         value: (o == null ? void 0 : o.value) ?? "",
-                        onChange: (p) => de(t.field, (o == null ? void 0 : o.op) ?? "_eq", p.target.value),
+                        onChange: (p) => se(t.field, (o == null ? void 0 : o.op) ?? "_eq", p.target.value),
                         "aria-label": `Filter ${t.field}`,
                         className: "h-6 w-full min-w-[48px] rounded border border-slate-200 bg-white px-1 text-[10.5px] font-normal outline-none focus:border-nvr-cyan/50 dark:border-slate-600 dark:bg-slate-900 dark:text-slate-100"
                       }
                     )
                   ] }),
-                  i === "bool" && /* @__PURE__ */ l(
-                    pt,
+                  s === "bool" && /* @__PURE__ */ r(
+                    bt,
                     {
                       value: (o == null ? void 0 : o.value) ?? "",
-                      onChange: (p) => de(t.field, "_eq", p),
+                      onChange: (p) => se(t.field, "_eq", p),
                       options: [
                         { value: "", label: "All" },
                         { value: "true", label: "Yes" },
@@ -518,7 +522,7 @@ function bl({
             ] })
           ] }),
           /* @__PURE__ */ f("tbody", { children: [
-            D.length === 0 && /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l(
+            D.length === 0 && /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r(
               "td",
               {
                 colSpan: C.length + (L ? 1 : 0),
@@ -529,39 +533,39 @@ function bl({
             D.map((t) => /* @__PURE__ */ f(
               "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" : ""}`,
+                onClick: k ? () => k.open({ collection: a, itemId: String(t.id) }) : void 0,
+                className: `border-b border-slate-100 last:border-0 dark:border-slate-800 ${k ? "cursor-pointer hover:bg-nvr-cyan/5 dark:hover:bg-nvr-cyan/10" : ""}`,
                 children: [
-                  L && /* @__PURE__ */ l("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.map((i) => /* @__PURE__ */ l(
+                  L && /* @__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.map((s) => /* @__PURE__ */ r(
                     "td",
                     {
-                      className: `whitespace-nowrap px-2.5 py-1.5 text-[12px] text-slate-700 dark:text-slate-200 ${oe(i) ? "text-right" : ""}`,
-                      children: Je(t, i)
+                      className: `whitespace-nowrap px-2.5 py-1.5 text-[12px] text-slate-700 dark:text-slate-200 ${de(s) ? "text-right" : ""}`,
+                      children: Be(t, s)
                     },
-                    i.field
+                    s.field
                   ))
                 ]
               },
               String(t.id)
             ))
           ] }),
-          Me && D.length > 0 && /* @__PURE__ */ l("tfoot", { children: /* @__PURE__ */ f(
+          Me && D.length > 0 && /* @__PURE__ */ r("tfoot", { children: /* @__PURE__ */ f(
             "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: [
-                L && /* @__PURE__ */ l("td", {}),
+                L && /* @__PURE__ */ r("td", {}),
                 C.map((t) => {
-                  const i = Ne(t);
-                  return /* @__PURE__ */ l(
+                  const s = ke(t);
+                  return /* @__PURE__ */ r(
                     "td",
                     {
-                      className: `whitespace-nowrap px-2.5 py-1.5 ${oe(t) ? "text-right" : ""}`,
-                      children: i && /* @__PURE__ */ f(me, { children: [
-                        /* @__PURE__ */ l("span", { className: "mr-1 font-mono text-[10px] text-slate-400", children: i.toUpperCase() }),
-                        /* @__PURE__ */ l("span", { className: "tabular-nums", children: we(t) })
+                      className: `whitespace-nowrap px-2.5 py-1.5 ${de(t) ? "text-right" : ""}`,
+                      children: s && /* @__PURE__ */ f(ce, { children: [
+                        /* @__PURE__ */ r("span", { className: "mr-1 font-mono text-[10px] text-slate-400", children: s.toUpperCase() }),
+                        /* @__PURE__ */ r("span", { className: "tabular-nums", children: Ne(t) })
                       ] })
                     },
                     t.field
@@ -573,17 +577,17 @@ function bl({
         ] })
       }
     ),
-    Z > u && /* @__PURE__ */ f("div", { className: "mt-1.5 flex items-center justify-between", children: [
+    ee > u && /* @__PURE__ */ f("div", { className: "mt-1.5 flex items-center justify-between", children: [
       /* @__PURE__ */ f("p", { className: "text-[11px] tabular-nums text-slate-400", children: [
         ((w - 1) * u + 1).toLocaleString("en-US"),
         "–",
-        Math.min(w * u, Z).toLocaleString("en-US"),
+        Math.min(w * u, ee).toLocaleString("en-US"),
         " of",
         " ",
-        Z.toLocaleString("en-US")
+        ee.toLocaleString("en-US")
       ] }),
       /* @__PURE__ */ f("span", { className: "flex items-center gap-0.5", children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ r(
           "button",
           {
             type: "button",
@@ -596,13 +600,13 @@ function bl({
         /* @__PURE__ */ f("span", { className: "min-w-[48px] text-center text-[11px] tabular-nums text-slate-500", children: [
           w,
           " / ",
-          ke.toLocaleString("en-US")
+          _e.toLocaleString("en-US")
         ] }),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ r(
           "button",
           {
             type: "button",
-            disabled: w >= ke,
+            disabled: w >= _e,
             onClick: () => q((t) => t + 1),
             className: "h-6 rounded px-2 text-[11px] text-slate-600 hover:bg-slate-100 disabled:opacity-30 dark:text-slate-300 dark:hover:bg-slate-800",
             children: "Next →"
@@ -612,45 +616,45 @@ function bl({
     ] })
   ] });
 }
-function ht({
+function yt({
   collection: a,
   itemId: m,
-  layoutData: b,
+  layoutData: y,
   design: d,
   flush: O,
   renderSlot: S,
   integrityMarks: F,
   renderGrid: W,
-  onEditSection: _,
+  onEditSection: k,
   gridCounts: h
 }) {
-  var at;
-  const A = De(), M = rl(), I = d ? d.record ?? {} : null, k = !!(d != null && d.context.showHidden), x = d ? String(((at = d.record) == null ? void 0 : at.id) ?? "") : m ?? "", y = ve(
+  var dt;
+  const A = De(), M = dl(), I = d ? d.record ?? {} : null, _ = !!(d != null && d.context.showHidden), x = d ? String(((dt = d.record) == null ? void 0 : dt.id) ?? "") : m ?? "", g = xe(
     () => d ? {
       ...d.layout,
       layout: d.layout.layout ?? { id: 0, name: "" }
-    } : b,
-    [d, b]
+    } : y,
+    [d, y]
   ), R = (e) => ({
     kind: Re(e.field) ? "slot" : "field",
     field: e.field,
     group_key: e.group_key ?? null
-  }), N = (e, r, s = !1) => d ? /* @__PURE__ */ l(al, { target: e, children: s ? /* @__PURE__ */ l("div", { "data-design-hidden": !0, className: "opacity-40", children: r }) : r }) : r, C = ve(
+  }), N = (e, l, i = !1) => d ? /* @__PURE__ */ r(fl, { target: e, children: i ? /* @__PURE__ */ r("div", { "data-design-hidden": !0, className: "opacity-40", children: l }) : l }) : l, C = xe(
     () => [
       ...new Set(
-        (d ? [] : (y == null ? void 0 : y.assignments) ?? []).map((e) => e.field).filter((e) => e && !e.startsWith("__") && !e.includes("."))
+        (d ? [] : (g == null ? void 0 : g.assignments) ?? []).map((e) => e.field).filter((e) => e && !e.startsWith("__") && !e.includes("."))
       )
     ].sort(),
-    [y, d]
-  ), { data: j } = tl(a, x, C), v = (e) => {
-    const r = j == null ? void 0 : j[e];
-    if (!r) return null;
-    const s = r.via !== "user";
-    return r.caller && r.activity_id ? /* @__PURE__ */ l(
-      Zt,
+    [g, d]
+  ), { data: j } = il(a, x, C), v = (e) => {
+    const l = j == null ? void 0 : j[e];
+    if (!l) return null;
+    const i = l.via !== "user";
+    return l.caller && l.activity_id ? /* @__PURE__ */ r(
+      nl,
       {
-        activityId: r.activity_id,
-        callerName: r.caller.name,
+        activityId: l.activity_id,
+        callerName: l.caller.name,
         collection: a,
         itemId: x,
         children: /* @__PURE__ */ f(
@@ -658,202 +662,220 @@ function ht({
           {
             type: "button",
             "data-field-touch": e,
-            "data-field-touch-caller": r.caller.key,
-            "data-tip": `Changed ${Ce(r.at)} by ${r.caller.name} (through the API) — click for the request`,
-            "aria-label": `Changed ${Ce(r.at)} by ${r.caller.name} through the API`,
+            "data-field-touch-caller": l.caller.key,
+            "data-tip": `Changed ${Ce(l.at)} by ${l.caller.name} (through the API) — click for the request`,
+            "aria-label": `Changed ${Ce(l.at)} by ${l.caller.name} through the API`,
             className: "ml-1 inline-flex items-center gap-1 rounded-full bg-amber-50 px-1.5 align-middle text-[9.5px] font-medium leading-4 text-amber-800 hover:bg-amber-100 dark:bg-amber-400/10 dark:text-amber-300 dark:hover:bg-amber-400/20",
             children: [
-              /* @__PURE__ */ l("span", { className: "h-1.5 w-1.5 rounded-full bg-amber-400", "aria-hidden": !0 }),
-              r.caller.name,
+              /* @__PURE__ */ r("span", { className: "h-1.5 w-1.5 rounded-full bg-amber-400", "aria-hidden": !0 }),
+              l.caller.name,
               " · ",
-              Ce(r.at)
+              Ce(l.at)
             ]
           }
         )
       }
-    ) : /* @__PURE__ */ l(
+    ) : /* @__PURE__ */ r(
       "span",
       {
         "data-field-touch": e,
-        "data-tip": `Changed ${Ce(r.at)} by ${r.who}${s ? ` · ${r.via}` : ""}`,
+        "data-tip": `Changed ${Ce(l.at)} by ${l.who}${i ? ` · ${l.via}` : ""}`,
         role: "img",
-        "aria-label": `Changed ${Ce(r.at)} by ${r.who}`,
-        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"}`
+        "aria-label": `Changed ${Ce(l.at)} by ${l.who}`,
+        className: `ml-1 inline-block h-1.5 w-1.5 rounded-full align-middle ${i ? "bg-amber-400" : "bg-slate-300 dark:bg-slate-600"}`
       }
     );
-  }, { data: w } = dl(a, x, !!F && !d), q = ve(
-    () => F && (w != null && w.enabled) ? ol(w.findings) : null,
+  }, { data: w } = bl(a, x, !!F && !d), q = xe(
+    () => F && (w != null && w.enabled) ? yl(w.findings) : null,
     [F, w]
-  ), se = ({ field: e }) => {
-    const r = q == null ? void 0 : q.get(e);
-    if (!r || r.length === 0) return null;
-    const s = r.map((c) => c.message || c.rule).join(`
+  ), ie = ({ field: e }) => {
+    const l = q == null ? void 0 : q.get(e);
+    if (!l || l.length === 0) return null;
+    const i = l.map((c) => c.message || c.rule).join(`
 `);
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ r(
       "span",
       {
         "data-integrity-mark": e,
-        "data-tip": s,
+        "data-tip": i,
         role: "img",
-        "aria-label": `${r.length} data integrity issue${r.length === 1 ? "" : "s"}: ${s}`,
+        "aria-label": `${l.length} data integrity issue${l.length === 1 ? "" : "s"}: ${i}`,
         className: "ml-1.5 inline-flex h-[14px] min-w-[14px] items-center justify-center rounded-full bg-amber-400/90 px-1 align-middle text-[9px] font-bold leading-none text-amber-950 dark:bg-amber-400 dark:text-amber-950",
-        children: r.length > 1 ? r.length : "!"
+        children: l.length > 1 ? l.length : "!"
       }
     );
-  }, { data: H } = U({
+  }, { data: H } = V({
     queryKey: ["cbv-collection-meta", a],
     queryFn: () => A.request(
-      G(`/collections/${a}`)
+      Q(`/collections/${a}`)
     ).then((e) => e.data),
     staleTime: 10 * 6e4,
     retry: !1
-  }), X = Dt(), { data: Le } = U({
+  }), Z = Mt(), { data: Le } = V({
     queryKey: ["rrv-record", a, x],
     enabled: !d,
-    queryFn: () => A.request(G(`/items/${a}/${x}`)).then((e) => e.data),
-    initialData: () => X.getQueryData(["item", a, x]) ?? void 0,
+    queryFn: () => A.request(Q(`/items/${a}/${x}`)).then((e) => e.data),
+    initialData: () => Z.getQueryData(["item", a, x]) ?? void 0,
     initialDataUpdatedAt: () => {
       var e;
-      return (e = X.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 = I ?? Le;
-  Jt(a, d ? null : x, (e) => {
-    e.aspectsOnly || e.deleted || (X.invalidateQueries({ queryKey: ["rrv-record", a, x] }), X.invalidateQueries({ queryKey: ["field-touch", a, x] }));
+  zt(a, d ? null : x, (e) => {
+    e.aspectsOnly || e.deleted || (Z.invalidateQueries({ queryKey: ["rrv-record", a, x] }), Z.invalidateQueries({ queryKey: ["field-touch", a, x] }));
   });
-  const V = Pt(null), [ue, Ee] = te(() => /* @__PURE__ */ new Set());
-  _e(() => {
-    const e = V.current;
-    if (V.current = u ?? null, d || !e || !u || e === u) return;
-    const r = Object.keys(u).filter(
+  const B = Wt(null), [me, Ee] = X(() => /* @__PURE__ */ new Set());
+  ve(() => {
+    const e = B.current;
+    if (B.current = u ?? null, d || !e || !u || e === u) return;
+    const l = Object.keys(u).filter(
       (c) => !c.startsWith("__") && JSON.stringify(e[c]) !== JSON.stringify(u[c])
     );
-    if (r.length === 0) return;
-    Ee(new Set(r));
-    const s = setTimeout(() => Ee(/* @__PURE__ */ new Set()), 2400);
-    return () => clearTimeout(s);
+    if (l.length === 0) return;
+    Ee(new Set(l));
+    const i = setTimeout(() => Ee(/* @__PURE__ */ new Set()), 2400);
+    return () => clearTimeout(i);
   }, [u, d]);
-  const D = (e) => ue.has(e) ? " nvr-value-pulse-bg rounded-sm" : "", { data: Z } = U({
-    queryKey: ["rrv-field-config", a, y.layout.id],
+  const D = (e) => me.has(e) ? " nvr-value-pulse-bg rounded-sm" : "", { data: ee } = V({
+    queryKey: ["rrv-field-config", a, g.layout.id],
     enabled: !d,
     queryFn: () => A.request(
-      G(`/field-config/${a}`, { layout_id: y.layout.id })
+      Q(`/field-config/${a}`, { layout_id: g.layout.id })
     ).then((e) => e.data ?? []).catch(() => null),
     staleTime: 5 * 6e4,
     retry: !1
-  }), Q = ve(
-    () => new Map((Z ?? (H == null ? void 0 : H.fields) ?? []).map((e) => [e.field, e])),
-    [Z, H]
-  ), fe = (H == null ? void 0 : H.relations) ?? [], pe = (e) => {
-    var r;
-    return ((r = fe.find(
-      (s) => s.many_collection === a && s.many_field === e && s.one_collection
-    )) == null ? void 0 : r.one_collection) ?? null;
-  }, Y = (e) => fe.find(
-    (r) => r.one_collection === a && (r.one_field === e || r.many_collection === e)
+  }), U = xe(
+    () => new Map((ee ?? (H == null ? void 0 : H.fields) ?? []).map((e) => [e.field, e])),
+    [ee, H]
+  ), ue = (H == null ? void 0 : H.relations) ?? [], fe = (e) => {
+    var l;
+    return ((l = ue.find(
+      (i) => i.many_collection === a && i.many_field === e && i.one_collection
+    )) == null ? void 0 : l.one_collection) ?? null;
+  }, Y = (e) => ue.find(
+    (l) => l.one_collection === a && (l.one_field === e || l.many_collection === e)
   ) ?? null, L = (e) => {
-    var r;
-    return !((e.is_visible === void 0 || e.is_visible) && xe(e.overrides).hidden !== !0 && !((r = Q.get(e.field)) != null && r.hidden));
-  }, ke = y.assignments.filter(
-    (e) => (!e.field.startsWith("__") || Re(e.field)) && (k || !L(e))
-  ), de = y.assignments.filter(
-    (e) => e.field.startsWith("__widget_") && e.widget_id != null && (k || e.is_visible === void 0 || !!e.is_visible)
-  ), Be = (e) => {
+    var l;
+    return !((e.is_visible === void 0 || e.is_visible) && ye(e.overrides).hidden !== !0 && !((l = U.get(e.field)) != null && l.hidden));
+  }, _e = g.assignments.filter(
+    (e) => (!e.field.startsWith("__") || Re(e.field)) && (_ || !L(e))
+  ), se = g.assignments.filter(
+    (e) => e.field.startsWith("__widget_") && e.widget_id != null && (_ || e.is_visible === void 0 || !!e.is_visible)
+  ), He = (e) => {
     if (!e.input_bindings) return [];
     try {
       return JSON.parse(String(e.input_bindings));
     } catch {
       return [];
     }
-  }, Je = S || d ? y.assignments.filter(
-    (e) => e.field.startsWith("__") && !e.field.startsWith("__widget_") && !Re(e.field) && (k || e.is_visible === void 0 || !!e.is_visible)
-  ).sort((e, r) => e.sort - r.sort) : [], oe = ["__pipeline__", "__addendums__"], Pe = new Set(oe), Ne = (e) => (S == null ? void 0 : S(e.field, e)) ?? (d ? /* @__PURE__ */ l("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 || ze(e.field.replace(/^_+|_+$/g, "")) }) : null), Me = (e, r = "trailing") => S || d ? Je.filter(
-    (s) => e === null ? s.group_key == null && r === "leading" === Pe.has(s.field) : s.group_key === e
+  }, Be = S || d ? g.assignments.filter(
+    (e) => e.field.startsWith("__") && !e.field.startsWith("__widget_") && !Re(e.field) && (_ || e.is_visible === void 0 || !!e.is_visible)
+  ).sort((e, l) => e.sort - l.sort) : [], de = ["__pipeline__", "__addendums__"], Pe = new Set(de), ke = (e) => (S == null ? void 0 : S(e.field, e)) ?? (d ? /* @__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 || Ze(e.field.replace(/^_+|_+$/g, "")) }) : null), Me = (e, l = "trailing") => S || d ? Be.filter(
+    (i) => e === null ? i.group_key == null && l === "leading" === Pe.has(i.field) : i.group_key === e
   ).sort(
-    (s, c) => r === "leading" && e === null ? oe.indexOf(s.field) - oe.indexOf(c.field) : 0
-  ).map((s) => ({ key: s.field, a: s, node: Ne(s) })).filter((s) => s.node != null) : [], we = (e, r = "trailing") => {
-    const s = Me(e, r);
-    return s.length === 0 ? null : /* @__PURE__ */ l(
+    (i, c) => l === "leading" && e === null ? de.indexOf(i.field) - de.indexOf(c.field) : 0
+  ).map((i) => ({ key: i.field, a: i, node: ke(i) })).filter((i) => i.node != null) : [], Ne = (e, l = "trailing") => {
+    const i = Me(e, l);
+    return i.length === 0 ? null : /* @__PURE__ */ r(
       "div",
       {
-        className: r === "leading" ? "mb-4 space-y-4" : "mt-3 space-y-4",
-        "data-read-live-slots": r,
-        children: s.map((c) => /* @__PURE__ */ l("div", { children: N(
+        className: l === "leading" ? "mb-4 space-y-4" : "mt-3 space-y-4",
+        "data-read-live-slots": l,
+        children: i.map((c) => /* @__PURE__ */ r("div", { children: N(
           { kind: "slot", field: c.a.field, group_key: c.a.group_key ?? null },
           c.node,
           L(c.a)
         ) }, c.key))
       }
     );
-  }, [Se, je] = te({}), $e = (e) => k || Se[e] === !0, [t, i] = te({}), o = ut(
-    (e) => (r) => i((s) => s[e] === r ? s : { ...s, [e]: r }),
+  }, [we, je] = X({}), Se = (e) => _ || we[e] === !0, [t, s] = X({}), o = ht(
+    (e) => (l) => s((i) => i[e] === l ? i : { ...i, [e]: l }),
     []
-  ), [p, T] = te({}), E = ut(
-    (e) => (r) => T((s) => s[e] === r ? s : { ...s, [e]: r }),
+  ), [p, T] = X({}), E = ht(
+    (e) => (l) => T((i) => i[e] === l ? i : { ...i, [e]: l }),
     []
   ), re = (e) => {
-    const r = de.filter((c) => c.group_key === e).sort((c, g) => c.sort - g.sort);
-    if (r.length === 0) return null;
-    const s = r.some((c) => $e(c.field));
-    return /* @__PURE__ */ l("div", { className: s ? "mt-3 space-y-4" : "hidden", "data-read-widgets": !0, children: r.map((c) => /* @__PURE__ */ l("div", { hidden: !$e(c.field), children: N(
+    const l = se.filter((c) => c.group_key === e).sort((c, b) => c.sort - b.sort);
+    if (l.length === 0) return null;
+    const i = l.some((c) => Se(c.field));
+    return /* @__PURE__ */ r("div", { className: i ? "mt-3 space-y-4" : "hidden", "data-read-widgets": !0, children: l.map((c) => /* @__PURE__ */ r("div", { hidden: !Se(c.field), children: N(
       { kind: "slot", field: c.field, group_key: c.group_key ?? null },
-      /* @__PURE__ */ l(
-        cl,
+      /* @__PURE__ */ r(
+        xl,
         {
           widgetId: c.widget_id,
-          inputBindings: Be(c),
+          inputBindings: He(c),
           itemDraft: u ?? {},
           itemCollection: a,
           ready: !!u,
           label: c.label_override ?? void 0,
           defaultExpanded: c.default_expanded == null ? !0 : !!c.default_expanded,
-          onContentChange: (g) => je(
-            (K) => K[c.field] === g ? K : { ...K, [c.field]: g }
+          onContentChange: (b) => je(
+            (K) => K[c.field] === b ? K : { ...K, [c.field]: b }
           )
         }
       ),
       L(c)
     ) }, c.field)) });
-  }, ne = [...y.groups].sort((e, r) => e.sort - r.sort).filter((e) => k || e.visibility_mode !== "new_only").filter((e) => k || !u || Xt(e.visible_when, u)), [Ke, he] = te(() => /* @__PURE__ */ new Set()), ae = (e) => !e.is_collapsed || Ke.has(e.key), xt = (e) => he((r) => {
-    const s = new Set(r);
-    return s.has(e) ? s.delete(e) : s.add(e), s;
+  }, [ne, Ke] = X(() => /* @__PURE__ */ new Set()), $e = _ || !u ? [] : ml({
+    groups: g.groups.filter(
+      (e) => e.type !== "container" && e.visibility_mode !== "new_only"
+    ),
+    values: u,
+    fields: [...U.values()],
+    choices: gl([...U.values()]),
+    quiet: Yt(g.layout.conditions),
+    readable: (e) => ul(
+      g.assignments.filter((l) => l.group_key === e).map((l) => l.field),
+      u,
+      !!d
+    )
+  }), Ge = (e) => Ke((l) => {
+    const i = new Set(l);
+    return i.has(e) ? i.delete(e) : i.add(e), i;
+  }), lt = [...g.groups].sort((e, l) => e.sort - l.sort).filter((e) => _ || e.visibility_mode !== "new_only").filter(
+    (e) => _ || !u || ne.has(e.key) || rl(e.visible_when, u)
+  ), [kt, Je] = X(() => /* @__PURE__ */ new Set()), pe = (e) => !e.is_collapsed || kt.has(e.key), Nt = (e) => Je((l) => {
+    const i = new Set(l);
+    return i.has(e) ? i.delete(e) : i.add(e), i;
   }), Fe = (d == null ? void 0 : d.context.fold) ?? null, qe = (d == null ? void 0 : d.context.reveal) ?? null;
-  _e(() => {
-    Fe && he(Fe.open ? new Set(y.groups.map((e) => e.key)) : /* @__PURE__ */ new Set());
-  }, [Fe == null ? void 0 : Fe.seq]), _e(() => {
-    const e = qe ? sl(qe.target) : null;
-    e && he((r) => r.has(e) ? r : new Set(r).add(e));
+  ve(() => {
+    Fe && Je(Fe.open ? new Set(g.groups.map((e) => e.key)) : /* @__PURE__ */ new Set());
+  }, [Fe == null ? void 0 : Fe.seq]), ve(() => {
+    const e = qe ? hl(qe.target) : null;
+    e && Je((l) => l.has(e) ? l : new Set(l).add(e));
   }, [qe == null ? void 0 : qe.seq]);
-  const Ge = [];
-  for (const e of ne) {
+  const Qe = [];
+  for (const e of lt) {
     if (e.type === "container") {
-      for (const r of ne.filter((s) => s.container_id != null && s.container_id === e.id))
-        Ge.push(r);
+      for (const l of lt.filter((i) => i.container_id != null && i.container_id === e.id))
+        Qe.push(l);
       continue;
     }
-    e.container_id == null && Ge.push(e);
+    e.container_id == null && Qe.push(e);
   }
-  const B = (e) => {
-    var r;
-    return !!((r = Y(e.field)) != null && r.junction_field);
-  }, et = (e) => {
-    var s;
-    const r = String(
-      xe(e.overrides).interface ?? ((s = Q.get(e.field)) == null ? void 0 : s.interface) ?? ""
+  const G = (e) => {
+    var l;
+    return !!((l = Y(e.field)) != null && l.junction_field);
+  }, rt = (e) => {
+    var i;
+    const l = String(
+      ye(e.overrides).interface ?? ((i = U.get(e.field)) == null ? void 0 : i.interface) ?? ""
     );
-    return /rich|wysiwyg|editorjs/i.test(r);
+    return /rich|wysiwyg|editorjs/i.test(l);
   }, Ae = (e) => {
-    const r = Q.get(e.field), s = xe(e.overrides);
+    const l = U.get(e.field), i = ye(e.overrides);
     if (Re(e.field)) {
-      const P = Ht(s), ce = nl((P == null ? void 0 : P.expr) ?? "", u ?? {});
-      return /* @__PURE__ */ l("span", { "data-display-formula": e.field, className: "tabular-nums", children: ce.error ? "—" : Qt(ce.value, P ?? { format: "", currency: null }) });
+      const P = Zt(i), oe = ol((P == null ? void 0 : P.expr) ?? "", u ?? {});
+      return /* @__PURE__ */ r("span", { "data-display-formula": e.field, className: "tabular-nums", children: oe.error ? "—" : el(oe.value, P ?? { format: "", currency: null }) });
     }
     const c = Y(e.field);
-    if (d && !x && (c != null && c.junction_field)) return /* @__PURE__ */ l(le, {});
+    if (d && !x && (c != null && c.junction_field)) return /* @__PURE__ */ r(le, {});
     if (c != null && c.junction_field && c.many_collection && c.many_field)
-      return /* @__PURE__ */ l(
-        gl,
+      return /* @__PURE__ */ r(
+        Sl,
         {
           junction: c.many_collection,
           parentFk: c.many_field,
@@ -864,98 +886,98 @@ function ht({
           relation: c
         }
       );
-    const g = u == null ? void 0 : u[e.field], K = pe(e.field);
-    if (K === "nivaro_users" && g != null)
-      return /* @__PURE__ */ l("span", { className: "inline-block", children: /* @__PURE__ */ l(bt, { userId: String(g), size: "compact" }) });
-    if (K) return /* @__PURE__ */ l(Ze, { collection: K, id: g });
-    if ((r == null ? void 0 : r.type) === "boolean" && (g == null || g === "")) return /* @__PURE__ */ l(Ve, { value: !1 });
-    if (g == null || g === "") return /* @__PURE__ */ l(le, {});
-    if ((r == null ? void 0 : r.type) === "boolean")
-      return /* @__PURE__ */ l(
+    const b = u == null ? void 0 : u[e.field], K = fe(e.field);
+    if (K === "nivaro_users" && b != null)
+      return /* @__PURE__ */ r("span", { className: "inline-block", children: /* @__PURE__ */ r(vt, { userId: String(b), size: "compact" }) });
+    if (K) return /* @__PURE__ */ r(tt, { collection: K, id: b });
+    if ((l == null ? void 0 : l.type) === "boolean" && (b == null || b === "")) return /* @__PURE__ */ r(Ve, { value: !1 });
+    if (b == null || b === "") return /* @__PURE__ */ r(le, {});
+    if ((l == null ? void 0 : l.type) === "boolean")
+      return /* @__PURE__ */ r(
         Ve,
         {
-          value: g,
-          trueTone: (s.options ?? {}).trueTone ?? "positive"
+          value: b,
+          trueTone: (i.options ?? {}).trueTone ?? "positive"
         }
       );
-    const ee = s.options ?? {};
-    return et(e) && typeof g == "string" ? /^\s*\{/.test(g) ? /* @__PURE__ */ l("div", { className: "min-w-0 whitespace-pre-wrap font-normal [overflow-wrap:anywhere]", children: ll(g) }) : /* @__PURE__ */ l(
+    const te = i.options ?? {};
+    return rt(e) && typeof b == "string" ? /^\s*\{/.test(b) ? /* @__PURE__ */ r("div", { className: "min-w-0 whitespace-pre-wrap font-normal [overflow-wrap:anywhere]", children: sl(b) }) : /* @__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: zt(g) }
+        dangerouslySetInnerHTML: { __html: ll(b) }
       }
-    ) : ee.format === "currency" ? /* @__PURE__ */ l("span", { className: "tabular-nums", children: Xe(g) }) : (r == null ? void 0 : r.type) === "decimal" || (r == null ? void 0 : r.type) === "float" ? /* @__PURE__ */ l("span", { className: "tabular-nums", children: Ue(g) }) : (r == null ? void 0 : r.type) === "date" || (r == null ? void 0 : r.type) === "datetime" || (r == null ? void 0 : r.type) === "timestamp" ? yt(g) : String(g);
-  }, vt = (e) => {
-    const r = xe(e.overrides), s = Y(e.field);
-    if (!(s != null && s.many_collection) || !s.many_field) return null;
-    if (d && !x) return /* @__PURE__ */ l("p", { className: "py-3 text-[12px] text-slate-400", children: "No records" });
-    const c = r.options ?? {}, g = (() => {
+    ) : te.format === "currency" ? /* @__PURE__ */ r("span", { className: "tabular-nums", children: et(b) }) : (l == null ? void 0 : l.type) === "decimal" || (l == null ? void 0 : l.type) === "float" ? /* @__PURE__ */ r("span", { className: "tabular-nums", children: Ue(b) }) : (l == null ? void 0 : l.type) === "date" || (l == null ? void 0 : l.type) === "datetime" || (l == null ? void 0 : l.type) === "timestamp" ? _t(b) : String(b);
+  }, wt = (e) => {
+    const l = ye(e.overrides), i = Y(e.field);
+    if (!(i != null && i.many_collection) || !i.many_field) return null;
+    if (d && !x) return /* @__PURE__ */ r("p", { className: "py-3 text-[12px] text-slate-400", children: "No records" });
+    const c = l.options ?? {}, b = (() => {
       var P;
-      const ee = (P = Q.get(e.field)) == null ? void 0 : P.options;
-      if (!ee) return {};
-      if (typeof ee == "string")
+      const te = (P = U.get(e.field)) == null ? void 0 : P.options;
+      if (!te) return {};
+      if (typeof te == "string")
         try {
-          return JSON.parse(ee);
+          return JSON.parse(te);
         } catch {
           return {};
         }
-      return ee;
+      return te;
     })(), K = c.layout_id ?? null;
-    return /* @__PURE__ */ l(
-      bl,
+    return /* @__PURE__ */ r(
+      $l,
       {
-        collection: s.many_collection,
-        fkField: s.many_field,
+        collection: i.many_collection,
+        fkField: i.many_field,
         parentId: x,
         layoutId: K,
-        presets: c.column_presets ?? g.column_presets,
-        defaultPreset: c.default_preset ?? g.default_preset ?? null,
+        presets: c.column_presets ?? b.column_presets,
+        defaultPreset: c.default_preset ?? b.default_preset ?? null,
         onCount: o(e.field)
       },
       e.field
     );
-  }, z = (e) => !!Y(e.field) && !B(e), _t = !!y.layout.hide_empty, tt = Array.isArray(y.layout.header_fields) ? y.layout.header_fields.filter((e) => typeof e == "string") : [], kt = new Set(tt), Nt = (e) => {
-    if (!u || B(e)) return !1;
-    const r = u[e.field];
-    return r == null || r === "" || Array.isArray(r) && r.length === 0;
-  }, wt = (e) => ke.find((r) => r.field === e), ge = (e) => {
+  }, z = (e) => !!Y(e.field) && !G(e), St = !!g.layout.hide_empty, nt = Array.isArray(g.layout.header_fields) ? g.layout.header_fields.filter((e) => typeof e == "string") : [], $t = new Set(nt), Ft = (e) => {
+    if (!u || G(e)) return !1;
+    const l = u[e.field];
+    return l == null || l === "" || Array.isArray(l) && l.length === 0;
+  }, qt = (e) => _e.find((l) => l.field === e), he = (e) => {
     var c;
-    const r = xe(e.overrides).label, s = M ? Gt(e.overrides, M).label : void 0;
-    return s !== void 0 ? s : Re(e.field) ? typeof r == "string" && r.trim() ? r : "Formula" : typeof r == "string" && r.trim() ? r : e.label_override || ((c = Q.get(e.field)) == null ? void 0 : c.label) || ze(e.field);
-  }, St = (e) => {
-    const r = Ut(e.swap_config), s = ke.filter((n) => n.group_key === e.key && !kt.has(n.field)).filter((n) => k || !u || !Vt(n.overrides) || !ye(u[n.field])).sort((n, $) => n.sort - $.sort), c = de.filter((n) => n.group_key === e.key), g = Me(e.key), K = s.length === 0 && c.length === 0 && g.length === 0;
+    const l = ye(e.overrides).label, i = M ? Xt(e.overrides, M).label : void 0;
+    return i !== void 0 ? i : Re(e.field) ? typeof l == "string" && l.trim() ? l : "Formula" : typeof l == "string" && l.trim() ? l : e.label_override || ((c = U.get(e.field)) == null ? void 0 : c.label) || Ze(e.field);
+  }, At = (e) => {
+    const l = Gt(e.swap_config), i = _e.filter((n) => n.group_key === e.key && !$t.has(n.field)).filter((n) => _ || !u || !Jt(n.overrides) || !be(u[n.field])).sort((n, $) => n.sort - $.sort), c = se.filter((n) => n.group_key === e.key), b = Me(e.key), K = i.length === 0 && c.length === 0 && b.length === 0;
     if (K && !d) return null;
-    const ee = (n) => _t && !k && (z(n) || B(n)) && ((h == null ? void 0 : h[n.field]) ?? t[n.field]) === 0, P = s.filter((n) => !z(n)), ce = s.filter(z), We = c.filter((n) => $e(n.field)), Ft = !e.hide_when_empty && g.length === 0 && We.length === 0 && s.length > 0 && s.some((n) => z(n) || B(n)) && s.every(ee), He = (n) => !Ft && ee(n), qt = s.filter((n) => !He(n)), be = (n) => (h == null ? void 0 : h[n.field]) ?? t[n.field], At = !!e.hide_when_empty && !d && !k && !!u && g.length === 0 && We.length === 0 && s.every((n) => z(n) || B(n) ? be(n) === 0 : ye(u[n.field])) || !K && qt.length === 0 && g.length === 0 && We.length === 0, Ot = (n) => (h == null ? void 0 : h[n.field]) ?? t[n.field], Qe = !!r.emptyText && !!u && !d && g.length === 0 && We.length === 0 && s.every((n) => z(n) || B(n) ? Ot(n) === 0 : ye(u[n.field])), Tt = Bt(P, { rows: r.rows }).units, Ye = e.is_collapsed ? ul(e.summary_fields).map((n) => {
-      const $ = s.find((Oe) => Oe.field === n.field);
-      return $ ? { a: $, label: n.label || ge($) } : null;
+    const te = (n) => St && !_ && (z(n) || G(n)) && ((h == null ? void 0 : h[n.field]) ?? t[n.field]) === 0, P = i.filter((n) => !z(n)), oe = i.filter(z), We = c.filter((n) => Se(n.field)), Tt = !e.hide_when_empty && b.length === 0 && We.length === 0 && i.length > 0 && i.some((n) => z(n) || G(n)) && i.every(te), Ye = (n) => !Tt && te(n), Rt = i.filter((n) => !Ye(n)), ge = (n) => (h == null ? void 0 : h[n.field]) ?? t[n.field], Ct = !!e.hide_when_empty && !d && !_ && !!u && b.length === 0 && We.length === 0 && i.every((n) => z(n) || G(n) ? ge(n) === 0 : be(u[n.field])) || !K && Rt.length === 0 && b.length === 0 && We.length === 0, Dt = (n) => (h == null ? void 0 : h[n.field]) ?? t[n.field], ze = !!l.emptyText && !!u && !d && b.length === 0 && We.length === 0 && i.every((n) => z(n) || G(n) ? Dt(n) === 0 : be(u[n.field])), Lt = Qt(P, { rows: l.rows }).units, Xe = e.is_collapsed ? _l(e.summary_fields).map((n) => {
+      const $ = i.find((Oe) => Oe.field === n.field);
+      return $ ? { a: $, label: n.label || he($) } : null;
     }).filter((n) => !!n).filter(
-      ({ a: n }) => !e.summary_hide_empty || !u || (z(n) || B(n) ? be(n) !== 0 : !ye(u[n.field]))
-    ).slice(0, ml) : [], it = e.read_width === "full" || e.read_width === "half" || e.read_width === "third" ? e.read_width : ce.length > 0 || c.length > 0 || g.length > 0 || P.length > 4 ? "full" : "half", Rt = (n) => {
-      var ot, ct, mt;
-      const $ = He(n), J = !!(xe(n.overrides).options ?? {}).emphasis, Te = et(n) || !!((ct = (ot = Q.get(n.field)) == null ? void 0 : ot.interface) != null && ct.includes("rich-text")), st = u == null ? void 0 : u[n.field], dt = !Te && !B(n) && !pe(n.field) && (String(((mt = Q.get(n.field)) == null ? void 0 : mt.interface) ?? "").includes("textarea") || typeof st == "string" && st.length > 36);
-      return /* @__PURE__ */ l(
+      ({ a: n }) => !e.summary_hide_empty || !u || (z(n) || G(n) ? ge(n) !== 0 : !be(u[n.field]))
+    ).slice(0, vl) : [], ot = e.read_width === "full" || e.read_width === "half" || e.read_width === "third" ? e.read_width : oe.length > 0 || c.length > 0 || b.length > 0 || P.length > 4 ? "full" : "half", Et = (n) => {
+      var ut, ft, pt;
+      const $ = Ye(n), J = !!(ye(n.overrides).options ?? {}).emphasis, Te = rt(n) || !!((ft = (ut = U.get(n.field)) == null ? void 0 : ut.interface) != null && ft.includes("rich-text")), ct = u == null ? void 0 : u[n.field], mt = !Te && !G(n) && !fe(n.field) && (String(((pt = U.get(n.field)) == null ? void 0 : pt.interface) ?? "").includes("textarea") || typeof ct == "string" && ct.length > 36);
+      return /* @__PURE__ */ r(
         "div",
         {
           hidden: $,
-          className: `min-w-0 ${Te || B(n) && (p[n.field] === "nivaro_files" || (t[n.field] ?? 0) > 3) ? "col-span-full" : J || dt ? "col-span-2" : ""}`,
+          className: `min-w-0 ${Te || G(n) && (p[n.field] === "nivaro_files" || (t[n.field] ?? 0) > 3) ? "col-span-full" : J || mt ? "col-span-2" : ""}`,
           children: N(
             R(n),
-            /* @__PURE__ */ f(me, { children: [
+            /* @__PURE__ */ f(ce, { children: [
               /* @__PURE__ */ f("dt", { className: Ie, children: [
-                ge(n),
-                /* @__PURE__ */ l(se, { field: n.field }),
-                /* @__PURE__ */ l(ft, { field: n.field }),
+                he(n),
+                /* @__PURE__ */ r(ie, { field: n.field }),
+                /* @__PURE__ */ r(gt, { field: n.field }),
                 v(n.field)
               ] }),
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ r(
                 "dd",
                 {
                   "data-replay-field": n.field,
                   "data-field-collection": a,
-                  "data-remote-changed": ue.has(n.field) || void 0,
-                  className: `mt-1 min-w-0${D(n.field)} ${J ? "text-[17px] font-semibold tracking-[-0.01em] text-slate-900 dark:text-white" : `${B(n) || Te ? "" : dt ? "line-clamp-3 break-words " : "truncate "}text-[13px] font-medium text-slate-800 dark:text-slate-100`}`,
-                  children: u ? Ae(n) : /* @__PURE__ */ l("span", { className: "inline-block h-3.5 w-20 animate-pulse rounded bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" })
+                  "data-remote-changed": me.has(n.field) || void 0,
+                  className: `mt-1 min-w-0${D(n.field)} ${J ? "text-[17px] font-semibold tracking-[-0.01em] text-slate-900 dark:text-white" : `${G(n) || Te ? "" : mt ? "line-clamp-3 break-words " : "truncate "}text-[13px] font-medium text-slate-800 dark:text-slate-100`}`,
+                  children: u ? Ae(n) : /* @__PURE__ */ r("span", { className: "inline-block h-3.5 w-20 animate-pulse rounded bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" })
                 }
               )
             ] }),
@@ -964,20 +986,20 @@ function ht({
         },
         n.field
       );
-    }, Ct = (n, $) => {
-      const Oe = u && !d ? $.filter((J) => !ye(u[J.field])) : $;
+    }, Pt = (n, $) => {
+      const Oe = u && !d ? $.filter((J) => !be(u[J.field])) : $;
       return /* @__PURE__ */ f(
         "div",
         {
           "data-read-row": n.key,
           className: `min-w-0 ${$.length > 2 ? "col-span-full" : "col-span-2"}`,
           children: [
-            /* @__PURE__ */ l("dt", { className: Ie, children: n.label.trim() || $.map(ge).join(" / ") }),
-            /* @__PURE__ */ l("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 ? Oe.length === 0 ? /* @__PURE__ */ l(le, {}) : Oe.map((J, Te) => /* @__PURE__ */ f(Mt, { children: [
-              Te > 0 && /* @__PURE__ */ l("span", { "aria-hidden": !0, className: "text-slate-300 dark:text-slate-600", children: "·" }),
+            /* @__PURE__ */ r("dt", { className: Ie, children: n.label.trim() || $.map(he).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 ? Oe.length === 0 ? /* @__PURE__ */ r(le, {}) : Oe.map((J, Te) => /* @__PURE__ */ f(It, { children: [
+              Te > 0 && /* @__PURE__ */ r("span", { "aria-hidden": !0, className: "text-slate-300 dark:text-slate-600", children: "·" }),
               N(
                 R(J),
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ r(
                   "span",
                   {
                     "data-replay-field": J.field,
@@ -988,115 +1010,115 @@ function ht({
                 ),
                 L(J)
               )
-            ] }, J.field)) : /* @__PURE__ */ l("span", { className: "inline-block h-3.5 w-28 animate-pulse rounded bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" }) })
+            ] }, J.field)) : /* @__PURE__ */ r("span", { className: "inline-block h-3.5 w-28 animate-pulse rounded bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" }) })
           ]
         },
         `row:${n.key}`
       );
     };
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ r(
       "section",
       {
-        hidden: At,
+        hidden: Ct,
         "data-read-section": e.key,
-        "data-read-width": it,
+        "data-read-width": ot,
         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 },
-          /* @__PURE__ */ f(me, { children: [
+          /* @__PURE__ */ f(ce, { children: [
             /* @__PURE__ */ f(
               "h3",
               {
                 "data-read-head": "",
-                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 ${ae(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__ */ f(me, { children: [
-                    /* @__PURE__ */ l(
+                  e.is_collapsed ? /* @__PURE__ */ f(ce, { children: [
+                    /* @__PURE__ */ r(
                       "button",
                       {
                         type: "button",
-                        onClick: () => xt(e.key),
-                        "aria-expanded": ae(e),
-                        className: `min-w-0 text-left after:absolute after:inset-0 group-hover/rs:text-slate-900 dark:group-hover/rs:text-white ${Ye.length > 0 && !ae(e) ? "shrink-0" : "flex-1"}`,
+                        onClick: () => Nt(e.key),
+                        "aria-expanded": pe(e),
+                        className: `min-w-0 text-left after:absolute after:inset-0 group-hover/rs:text-slate-900 dark:group-hover/rs:text-white ${Xe.length > 0 && !pe(e) ? "shrink-0" : "flex-1"}`,
                         children: e.label
                       }
                     ),
-                    !ae(e) && Ye.length > 0 && // #3195: two or three values while the section is closed. Not
+                    !pe(e) && Xe.length > 0 && // #3195: two or three values while the section is closed. Not
                     // interactive: the heading's toggle covers the whole row.
-                    /* @__PURE__ */ l(
+                    /* @__PURE__ */ r(
                       "span",
                       {
                         "data-read-collapsed-summary": e.key,
                         className: "pointer-events-none flex min-w-0 flex-1 items-baseline gap-x-3 overflow-hidden whitespace-nowrap text-[12px] font-normal",
-                        children: Ye.map(({ a: n, label: $ }) => /* @__PURE__ */ f("span", { className: "flex min-w-0 shrink items-baseline gap-1", children: [
-                          /* @__PURE__ */ l("span", { className: "shrink-0 text-[10px] font-semibold uppercase tracking-wider text-slate-400 dark:text-slate-500", children: $ }),
-                          /* @__PURE__ */ l("span", { className: "min-w-0 truncate font-medium text-slate-700 dark:text-slate-300", children: u ? z(n) || B(n) ? be(n) == null ? "…" : `${be(n)} ${z(n) ? be(n) === 1 ? "row" : "rows" : be(n) === 1 ? "item" : "items"}` : ye(u[n.field]) ? /* @__PURE__ */ l("span", { className: "text-slate-300 dark:text-slate-600", children: "—" }) : Ae(n) : "…" })
+                        children: Xe.map(({ a: n, label: $ }) => /* @__PURE__ */ f("span", { className: "flex min-w-0 shrink items-baseline gap-1", children: [
+                          /* @__PURE__ */ r("span", { className: "shrink-0 text-[10px] font-semibold uppercase tracking-wider text-slate-400 dark:text-slate-500", children: $ }),
+                          /* @__PURE__ */ r("span", { className: "min-w-0 truncate font-medium text-slate-700 dark:text-slate-300", children: u ? z(n) || G(n) ? ge(n) == null ? "…" : `${ge(n)} ${z(n) ? ge(n) === 1 ? "row" : "rows" : ge(n) === 1 ? "item" : "items"}` : be(u[n.field]) ? /* @__PURE__ */ r("span", { className: "text-slate-300 dark:text-slate-600", children: "—" }) : Ae(n) : "…" })
                         ] }, n.field))
                       }
                     )
-                  ] }) : /* @__PURE__ */ l("span", { className: "min-w-0 flex-1", children: e.label }),
-                  _ && (P.length > 0 || ce.length > 0) && /* @__PURE__ */ l(
+                  ] }) : /* @__PURE__ */ r("span", { className: "min-w-0 flex-1", children: e.label }),
+                  k && (P.length > 0 || oe.length > 0) && /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
                       "data-read-edit-section": e.key,
                       onClick: () => {
                         var n, $;
-                        return _(e.key, ((n = P[0]) == null ? void 0 : n.field) ?? (($ = ce[0]) == null ? void 0 : $.field) ?? null);
+                        return k(e.key, ((n = P[0]) == null ? void 0 : n.field) ?? (($ = oe[0]) == null ? void 0 : $.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__ */ l(Lt, { className: "h-3 w-3" })
+                      children: /* @__PURE__ */ r(jt, { className: "h-3 w-3" })
                     }
                   ),
-                  e.is_collapsed && /* @__PURE__ */ l(
-                    Et,
+                  e.is_collapsed && /* @__PURE__ */ r(
+                    Kt,
                     {
                       "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 ${ae(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__ */ f("div", { "data-read-body": "", className: "px-5 pb-5 pt-4", hidden: !ae(e), children: [
-              Qe && /* @__PURE__ */ l(
+            /* @__PURE__ */ f("div", { "data-read-body": "", className: "px-5 pb-5 pt-4", hidden: !pe(e), children: [
+              ze && /* @__PURE__ */ r(
                 "p",
                 {
                   "data-read-empty": e.key,
                   className: "text-[13px] text-slate-500 dark:text-slate-400",
-                  children: r.emptyText
+                  children: l.emptyText
                 }
               ),
               P.length > 0 && // One column rhythm for the whole page: every section's facts sit
               // on the same 2 / 3 / 4 / 6 tracks, so values line up card to
               // card instead of each card auto-filling its own grid. Hidden, not
               // unrendered, under the empty text: its link facts must keep reporting.
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ r(
                 "dl",
                 {
                   className: "grid gap-x-6 gap-y-5",
-                  "data-read-dl": it,
-                  style: Qe ? { display: "none" } : void 0,
-                  children: Tt.map(
-                    (n) => n.kind === "row" ? Ct(n.row, n.members) : Rt(n.field)
+                  "data-read-dl": ot,
+                  style: ze ? { display: "none" } : void 0,
+                  children: Lt.map(
+                    (n) => n.kind === "row" ? Pt(n.row, n.members) : Et(n.field)
                   )
                 }
               ),
-              ce.map((n) => {
+              oe.map((n) => {
                 var $;
-                return /* @__PURE__ */ l(
+                return /* @__PURE__ */ r(
                   "div",
                   {
                     className: P.length > 0 ? "mt-3" : "",
-                    hidden: He(n) || Qe,
+                    hidden: Ye(n) || ze,
                     children: N(
                       R(n),
-                      /* @__PURE__ */ f(me, { children: [
+                      /* @__PURE__ */ f(ce, { children: [
                         ($ = q == null ? void 0 : q.get(n.field)) != null && $.length ? /* @__PURE__ */ f("div", { className: "mb-1.5 flex items-center gap-1.5 text-[11px] font-medium text-amber-700 dark:text-amber-300", children: [
-                          /* @__PURE__ */ l("span", { children: ge(n) }),
-                          /* @__PURE__ */ l(se, { field: n.field }),
+                          /* @__PURE__ */ r("span", { children: he(n) }),
+                          /* @__PURE__ */ r(ie, { field: n.field }),
                           /* @__PURE__ */ f("span", { className: "font-normal text-amber-700/80 dark:text-amber-300/80", children: [
                             "— ",
                             q.get(n.field).length,
@@ -1105,7 +1127,7 @@ function ht({
                             "; switch to Edit to fix"
                           ] })
                         ] }) : null,
-                        (W ? W(n) : null) ?? vt(n)
+                        (W ? W(n) : null) ?? wt(n)
                       ] }),
                       L(n)
                     )
@@ -1114,8 +1136,8 @@ function ht({
                 );
               }),
               re(e.key),
-              we(e.key),
-              K && d && /* @__PURE__ */ l(
+              Ne(e.key),
+              K && d && /* @__PURE__ */ r(
                 "div",
                 {
                   "data-design-drop": e.key,
@@ -1130,53 +1152,53 @@ function ht({
       },
       e.key
     );
-  }, lt = we(null), $t = we(null, "leading"), rt = tt.map((e) => wt(e)).filter((e) => !!e && !z(e)).filter((e) => k || !Nt(e)), [ie, ...nt] = rt;
+  }, at = Ne(null), Ot = Ne(null, "leading"), it = nt.map((e) => qt(e)).filter((e) => !!e && !z(e)).filter((e) => _ || !Ft(e)), [ae, ...st] = it;
   return /* @__PURE__ */ f(
     "div",
     {
       className: O ? "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: [
-        $t,
-        rt.length > 0 && /* @__PURE__ */ f(
+        Ot,
+        it.length > 0 && /* @__PURE__ */ f(
           "div",
           {
             "data-read-header": !0,
             className: "mb-4 rounded-xl border border-slate-200 bg-white px-5 py-4 dark:border-slate-700/60 dark:bg-slate-900/40",
             children: [
-              ie && N(
-                { kind: "header", field: ie.field },
+              ae && N(
+                { kind: "header", field: ae.field },
                 /* @__PURE__ */ f("div", { className: "min-w-0", children: [
                   /* @__PURE__ */ f("p", { className: Ie, children: [
-                    ge(ie),
-                    /* @__PURE__ */ l(se, { field: ie.field })
+                    he(ae),
+                    /* @__PURE__ */ r(ie, { field: ae.field })
                   ] }),
-                  /* @__PURE__ */ l(
+                  /* @__PURE__ */ r(
                     "p",
                     {
-                      "data-replay-field": ie.field,
+                      "data-replay-field": ae.field,
                       "data-field-collection": a,
-                      className: `truncate text-[22px] font-semibold leading-tight tracking-[-0.015em] text-slate-900 dark:text-white${D(ie.field)}`,
-                      children: u ? Ae(ie) : "…"
+                      className: `truncate text-[22px] font-semibold leading-tight tracking-[-0.015em] text-slate-900 dark:text-white${D(ae.field)}`,
+                      children: u ? Ae(ae) : "…"
                     }
                   )
                 ] }),
-                L(ie)
+                L(ae)
               ),
-              nt.length > 0 && /* @__PURE__ */ l("dl", { className: "mt-3 flex flex-wrap gap-x-8 gap-y-2", children: nt.map((e) => /* @__PURE__ */ l("div", { className: "min-w-0", children: N(
+              st.length > 0 && /* @__PURE__ */ r("dl", { className: "mt-3 flex flex-wrap gap-x-8 gap-y-2", children: st.map((e) => /* @__PURE__ */ r("div", { className: "min-w-0", children: N(
                 { kind: "header", field: e.field },
-                /* @__PURE__ */ f(me, { children: [
+                /* @__PURE__ */ f(ce, { children: [
                   /* @__PURE__ */ f("dt", { className: Ie, children: [
-                    ge(e),
-                    /* @__PURE__ */ l(se, { field: e.field }),
-                    /* @__PURE__ */ l(ft, { field: e.field }),
+                    he(e),
+                    /* @__PURE__ */ r(ie, { field: e.field }),
+                    /* @__PURE__ */ r(gt, { field: e.field }),
                     v(e.field)
                   ] }),
-                  /* @__PURE__ */ l(
+                  /* @__PURE__ */ r(
                     "dd",
                     {
                       "data-replay-field": e.field,
                       "data-field-collection": a,
-                      "data-remote-changed": ue.has(e.field) || void 0,
+                      "data-remote-changed": me.has(e.field) || void 0,
                       className: `mt-0.5 truncate text-[13px] font-medium text-slate-800 dark:text-slate-100${D(e.field)}`,
                       children: u ? Ae(e) : "…"
                     }
@@ -1187,22 +1209,23 @@ function ht({
             ]
           }
         ),
-        /* @__PURE__ */ l("style", { children: fl }),
-        H ? /* @__PURE__ */ l("div", { className: "grid items-stretch gap-4", "data-read-board": !0, children: Ge.map(St) }) : /* @__PURE__ */ f("div", { className: "flex flex-col gap-4", "data-read-board-pending": !0, children: [
-          /* @__PURE__ */ l("div", { className: "h-32 animate-pulse rounded-xl bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" }),
-          /* @__PURE__ */ l("div", { className: "h-32 animate-pulse rounded-xl bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" }),
-          /* @__PURE__ */ l("div", { className: "h-56 animate-pulse rounded-xl bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" })
+        /* @__PURE__ */ r("style", { children: kl }),
+        H && $e.length > 0 && /* @__PURE__ */ r("div", { className: "mb-3", children: /* @__PURE__ */ r(cl, { items: $e, revealed: ne, onToggle: Ge }) }),
+        H ? /* @__PURE__ */ r("div", { className: "grid items-stretch gap-4", "data-read-board": !0, children: Qe.map(At) }) : /* @__PURE__ */ f("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))]" })
         ] }),
-        lt && /* @__PURE__ */ l("div", { className: "mt-4", children: lt })
+        at && /* @__PURE__ */ r("div", { className: "mt-4", children: at })
       ]
     }
   );
 }
-function Ql(a) {
-  return a.design ? /* @__PURE__ */ l(il, { design: a.design.context, onRefusedWrite: a.design.onRefusedWrite, children: /* @__PURE__ */ l(jt.Provider, { value: null, children: /* @__PURE__ */ l(ht, { ...a }) }) }) : /* @__PURE__ */ l(ht, { ...a });
+function dr(a) {
+  return a.design ? /* @__PURE__ */ r(pl, { design: a.design.context, onRefusedWrite: a.design.onRefusedWrite, children: /* @__PURE__ */ r(Ut.Provider, { value: null, children: /* @__PURE__ */ r(yt, { ...a }) }) }) : /* @__PURE__ */ r(yt, { ...a });
 }
 export {
-  ml as COLLAPSED_SUMMARY_MAX,
-  Ql as RecordReadView,
-  ul as collapsedSummaryEntries
+  vl as COLLAPSED_SUMMARY_MAX,
+  dr as RecordReadView,
+  _l as collapsedSummaryEntries
 };