@nivaro/react 0.3.36 → 0.3.37

package/dist/shared/components/RecordReadView.js

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