@nivaro/react 0.3.34 → 0.3.36

package/dist/shared/components/RecordReadView.js

@@ -1,30 +1,31 @@
 import { jsx as r, jsxs as m, Fragment as ge } from "react/jsx-runtime";
-import { useQuery as V, useQueryClient as Rt } from "@tanstack/react-query";
-import { Pencil as Ct, ChevronDown as Dt } from "lucide-react";
-import { useMemo as be, useRef as Lt, useState as ee, useEffect as ye, useCallback as ct, Fragment as Et } from "react";
-import { DrilldownContext as Pt, useNivaroClient as Oe, useApiFetchConfig as Kt, useDrilldown as ft } from "../context.js";
-import { useDebounced as jt } from "../hooks/useDebounced.js";
-import { parseAllowedCollections as It } from "../lib/allowed-collections.js";
+import { 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 { get as G } from "../lib/commands.js";
-import { readGroupStructure as Wt, isFolded as Mt, isEmptyValue as je, planFieldGrid as Vt } from "../lib/form-structure.js";
-import { useLiveRecord as Ut } from "../lib/live.js";
-import { isDisplayFormulaField as qe, resolvePlacementText as Bt, displayFormulaOf as Gt, formatDisplayValue as Jt } from "../lib/placement-behaviour.js";
-import { useRecordReader as Ht } from "../lib/record-loader.js";
-import { sanitizeHtml as Qt } from "../lib/sanitize-html.js";
+import { 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 { sanitizeHtml as zt } from "../lib/sanitize-html.js";
 import { titleCase as Qe, formatRelative as Te } from "../lib/utils.js";
-import { matchesVisibleWhen as zt } from "../lib/visible-when.js";
-import { InboundRequestPopover as Yt } from "./integrations/InboundRequest.js";
-import { FileM2MField as Xt } from "./item-edit/FilePickerField.js";
-import { useFieldTouches as Zt } from "./item-edit/HeaderFreshness.js";
-import { richTextToPlain as el } from "./item-edit/helpers.js";
-import { usePlacementTextContext as tl, evaluateDisplayFormula as ll } from "./item-edit/placement-behaviour.js";
-import { UserChip as pt } from "./item-edit/UserChip.js";
-import { DesignNode as rl } from "./layout-editor/DesignNode.js";
-import { DesignCanvas as nl } from "./layout-editor/design-canvas.js";
-import { revealGroupKey as al } from "./layout-editor/design-context.js";
-import { useRecordIntegrity as il, integrityByField as sl } from "./panels/RecordIntegrityBanner.js";
-import { SimpleSelectXs as ut } from "./ui/SimpleSelect.js";
-import { WidgetSlot as dl } from "./WidgetSlot.js";
+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) => {
   if (!a) return {};
   if (typeof a == "object") return a;
@@ -33,7 +34,7 @@ const he = (a) => {
   } catch {
     return {};
   }
-}, ht = (a) => {
+}, 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));
@@ -44,7 +45,7 @@ const he = (a) => {
 }, 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: "—" }), ol = `
+}, 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 = `
 [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))}}
@@ -72,8 +73,8 @@ function Me({
     }
   );
 }
-function cl({ collection: a, id: f }) {
-  const y = Oe(), c = Ht(), P = ft(), { data: S } = V({
+function ul({ collection: a, id: f }) {
+  const y = Oe(), c = Qt(), P = pt(), { data: S } = V({
     queryKey: ["cbv-collection-meta", a],
     queryFn: () => y.request(
       G(`/collections/${a}`)
@@ -125,8 +126,8 @@ function cl({ collection: a, id: f }) {
     }
   ) : /* @__PURE__ */ r(ge, { children: _ });
 }
-function ul({ id: a }) {
-  const f = Oe(), { apiBase: y } = Kt(), { data: c, isPending: P } = V({
+function ml({ id: a }) {
+  const f = Oe(), { apiBase: y } = jt(), { data: c, isPending: P } = V({
     queryKey: ["rrv-file-meta", String(a)],
     queryFn: () => f.request(
       G(`/files/${a}/meta`)
@@ -150,8 +151,8 @@ function ul({ id: a }) {
     }
   );
 }
-const Ye = ({ collection: a, id: f }) => a === "nivaro_files" ? /* @__PURE__ */ r(ul, { id: f }) : /* @__PURE__ */ r(cl, { collection: a, id: f });
-function ml({
+const Ye = ({ collection: a, id: f }) => a === "nivaro_files" ? /* @__PURE__ */ r(ml, { id: f }) : /* @__PURE__ */ r(ul, { collection: a, id: f });
+function fl({
   junction: a,
   parentFk: f,
   junctionField: y,
@@ -168,7 +169,7 @@ function ml({
     retry: !1
   }), h = ((_ == null ? void 0 : _.relations) ?? []).find(
     (v) => v.many_collection === a && v.many_field === y
-  ), q = It(h == null ? void 0 : h.one_allowed_collections), K = !!h && !h.one_collection && (q.length > 0 || !!h.one_collection_field), M = (h == null ? void 0 : h.one_collection_field) ?? "collection", k = (v) => v ? v === "directus_users" ? "nivaro_users" : v : null, x = (h == null ? void 0 : h.one_collection) ?? (K ? q.some((v) => v === "directus_users" || v === "nivaro_users") ? "nivaro_users" : k(q[0]) : null), { data: b } = V({
+  ), 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({
     // 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
@@ -207,7 +208,7 @@ function ml({
   }, [A, P]), ye(() => {
     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(
-    Xt,
+    Zt,
     {
       relation: $,
       parentId: c,
@@ -226,7 +227,7 @@ function ml({
     `${w ?? N}:${v}`
   )) });
 }
-function fl({
+function pl({
   collection: a,
   fkField: f,
   parentId: y,
@@ -235,7 +236,7 @@ function fl({
   defaultPreset: S,
   onCount: $
 }) {
-  const W = Oe(), _ = ft(), h = (P ?? []).filter((t) => t && Array.isArray(t.columns)), [q, K] = ee(
+  const W = Oe(), _ = pt(), h = (P ?? []).filter((t) => t && Array.isArray(t.columns)), [q, K] = ee(
     () => {
       var t;
       return h.length >= 2 ? ((t = h.find((i) => i.name === S)) == null ? void 0 : t.name) ?? h[0].name : "__all__";
@@ -278,7 +279,7 @@ function fl({
     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 = jt(ae, 350), Ae = be(() => {
+  }, [b, N]), [j, v] = ee(""), [w, F] = ee(1), [ae, J] = ee({}), z = It(ae, 350), Ae = be(() => {
     const t = [
       { path: [f], op: "_eq", value: y }
     ];
@@ -367,12 +368,12 @@ function fl({
     if (d == null || d === "") return /* @__PURE__ */ r(te, {});
     const p = k(i.field);
     if (p === "nivaro_users")
-      return /* @__PURE__ */ r("span", { className: "inline-block", children: /* @__PURE__ */ r(pt, { userId: String(d), size: "compact" }) });
+      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 ht(d);
+    if (i.type === "date" || i.type === "datetime" || i.type === "timestamp") return gt(d);
     const T = String(d);
     return T.length > 48 ? `${T.slice(0, 48)}…` : T;
   }, se = (t) => ["decimal", "float", "integer"].includes(t.type ?? "") && !k(t.field) && !t.field.includes("."), Ce = (t) => {
@@ -453,7 +454,7 @@ function fl({
                   ),
                   i === "num" && /* @__PURE__ */ m("span", { className: "flex items-center gap-0.5", children: [
                     /* @__PURE__ */ r(
-                      ut,
+                      mt,
                       {
                         value: (d == null ? void 0 : d.op) ?? "_eq",
                         onChange: (p) => ie(t.field, p, (d == null ? void 0 : d.value) ?? ""),
@@ -477,7 +478,7 @@ function fl({
                     )
                   ] }),
                   i === "bool" && /* @__PURE__ */ r(
-                    ut,
+                    mt,
                     {
                       value: (d == null ? void 0 : d.value) ?? "",
                       onChange: (p) => ie(t.field, "_eq", p),
@@ -589,7 +590,7 @@ function fl({
     ] })
   ] });
 }
-function mt({
+function ft({
   collection: a,
   itemId: f,
   layoutData: y,
@@ -602,7 +603,7 @@ function mt({
   gridCounts: h
 }) {
   var rt;
-  const q = Oe(), K = tl(), M = c ? c.record ?? {} : null, k = !!(c != null && c.context.showHidden), x = c ? String(((rt = c.record) == null ? void 0 : rt.id) ?? "") : f ?? "", b = be(
+  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: "" }
@@ -612,19 +613,19 @@ function mt({
     kind: qe(e.field) ? "slot" : "field",
     field: e.field,
     group_key: e.group_key ?? null
-  }), N = (e, l, s = !1) => c ? /* @__PURE__ */ r(rl, { target: e, children: s ? /* @__PURE__ */ r("div", { "data-design-hidden": !0, className: "opacity-40", children: l }) : l }) : l, A = be(
+  }), 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(
     () => [
       ...new Set(
         (c ? [] : (b == null ? void 0 : b.assignments) ?? []).map((e) => e.field).filter((e) => e && !e.startsWith("__") && !e.includes("."))
       )
     ].sort(),
     [b, c]
-  ), { data: j } = Zt(a, x, A), v = (e) => {
+  ), { 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(
-      Yt,
+      Xt,
       {
         activityId: l.activity_id,
         callerName: l.caller.name,
@@ -658,8 +659,8 @@ function mt({
         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 } = il(a, x, !!$ && !c), F = be(
-    () => $ && (w != null && w.enabled) ? sl(w.findings) : null,
+  }, { 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);
@@ -684,7 +685,7 @@ function mt({
     ).then((e) => e.data),
     staleTime: 10 * 6e4,
     retry: !1
-  }), z = Rt(), { data: Ae } = V({
+  }), z = Ct(), { data: Ae } = V({
     queryKey: ["rrv-record", a, x],
     enabled: !c,
     queryFn: () => q.request(G(`/items/${a}/${x}`)).then((e) => e.data),
@@ -696,10 +697,10 @@ function mt({
     staleTime: 3e4,
     retry: !1
   }), u = M ?? Ae;
-  Ut(a, c ? null : x, (e) => {
+  Bt(a, c ? null : x, (e) => {
     e.aspectsOnly || e.deleted || (z.invalidateQueries({ queryKey: ["rrv-record", a, x] }), z.invalidateQueries({ queryKey: ["field-touch", a, x] }));
   });
-  const U = Lt(null), [ce, Re] = ee(() => /* @__PURE__ */ new Set());
+  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;
@@ -776,7 +777,7 @@ function mt({
     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(
-        dl,
+        ol,
         {
           widgetId: o.widget_id,
           inputBindings: Ve(o),
@@ -792,14 +793,14 @@ function mt({
       ),
       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 || zt(e.visible_when, u)), [Ee, fe] = ee(() => /* @__PURE__ */ new Set()), pe = (e) => !e.is_collapsed || Ee.has(e.key), gt = (e) => fe((l) => {
+  }, 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);
     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 ? al(Se.target) : null;
+    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 = [];
@@ -823,14 +824,14 @@ function mt({
   }, Pe = (e) => {
     const l = H.get(e.field), s = he(e.overrides);
     if (qe(e.field)) {
-      const L = Gt(s), oe = ll((L == null ? void 0 : L.expr) ?? "", u ?? {});
-      return /* @__PURE__ */ r("span", { "data-display-formula": e.field, className: "tabular-nums", children: oe.error ? "—" : Jt(oe.value, L ?? { format: "", currency: null }) });
+      const 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 }) });
     }
     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(
-        ml,
+        fl,
         {
           junction: o.many_collection,
           parentFk: o.many_field,
@@ -843,7 +844,7 @@ function mt({
       );
     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(pt, { userId: String(g), size: "compact" }) });
+      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, {});
@@ -856,14 +857,14 @@ function mt({
         }
       );
     const Z = s.options ?? {};
-    return Xe(e) && typeof g == "string" ? /^\s*\{/.test(g) ? /* @__PURE__ */ r("div", { className: "min-w-0 whitespace-pre-wrap font-normal [overflow-wrap:anywhere]", children: el(g) }) : /* @__PURE__ */ r(
+    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(
       "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: Qt(g) }
+        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" ? ht(g) : String(g);
-  }, bt = (e) => {
+    ) : Z.format === "currency" ? /* @__PURE__ */ r("span", { className: "tabular-nums", children: ze(g) }) : (l == null ? void 0 : l.type) === "decimal" || (l == null ? void 0 : l.type) === "float" ? /* @__PURE__ */ r("span", { className: "tabular-nums", children: We(g) }) : (l == null ? void 0 : l.type) === "date" || (l == null ? void 0 : l.type) === "datetime" || (l == null ? void 0 : l.type) === "timestamp" ? gt(g) : String(g);
+  }, yt = (e) => {
     const l = he(e.overrides), s = Q(e.field);
     if (!(s != null && s.many_collection) || !s.many_field) return null;
     if (c && !x) return /* @__PURE__ */ r("p", { className: "py-3 text-[12px] text-slate-400", children: "No records" });
@@ -880,7 +881,7 @@ function mt({
       return Z;
     })(), I = o.layout_id ?? null;
     return /* @__PURE__ */ r(
-      fl,
+      pl,
       {
         collection: s.many_collection,
         fkField: s.many_field,
@@ -892,18 +893,18 @@ function mt({
       },
       e.field
     );
-  }, de = (e) => !!Q(e.field) && !X(e), yt = !!b.layout.hide_empty, Ze = Array.isArray(b.layout.header_fields) ? b.layout.header_fields.filter((e) => typeof e == "string") : [], xt = new Set(Ze), vt = (e) => {
+  }, 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;
-  }, _t = (e) => xe.find((l) => l.field === e), $e = (e) => {
+  }, kt = (e) => xe.find((l) => l.field === e), $e = (e) => {
     var o;
-    const l = he(e.overrides).label, s = K ? Bt(e.overrides, K).label : void 0;
+    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);
-  }, kt = (e) => {
-    const l = Wt(e.swap_config), s = xe.filter((n) => n.group_key === e.key && !xt.has(n.field)).filter((n) => k || !u || !Mt(n.overrides) || !je(u[n.field])).sort((n, E) => n.sort - E.sort), o = ie.filter((n) => n.group_key === e.key), g = De(e.key), I = s.length === 0 && o.length === 0 && g.length === 0;
+  }, 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) => yt && !k && (de(n) || X(n)) && ((h == null ? void 0 : h[n.field]) ?? t[n.field]) === 0, L = s.filter((n) => !de(n)), oe = s.filter(de), Ke = o.filter((n) => Ne(n.field)), wt = !e.hide_when_empty && g.length === 0 && Ke.length === 0 && s.length > 0 && s.some((n) => de(n) || X(n)) && s.every(Z), Ge = (n) => !wt && Z(n), St = s.filter((n) => !Ge(n)), $t = (n) => (h == null ? void 0 : h[n.field]) ?? t[n.field], Ft = !!e.hide_when_empty && !c && !k && !!u && g.length === 0 && Ke.length === 0 && s.every((n) => de(n) || X(n) ? $t(n) === 0 : je(u[n.field])) || !I && St.length === 0 && g.length === 0 && Ke.length === 0, qt = (n) => (h == null ? void 0 : h[n.field]) ?? t[n.field], Je = !!l.emptyText && !!u && !c && g.length === 0 && Ke.length === 0 && s.every((n) => de(n) || X(n) ? qt(n) === 0 : je(u[n.field])), Tt = Vt(L, { rows: l.rows }).units, nt = e.read_width === "full" || e.read_width === "half" || e.read_width === "third" ? e.read_width : oe.length > 0 || o.length > 0 || g.length > 0 || L.length > 4 ? "full" : "half", Ot = (n) => {
+    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(
@@ -917,6 +918,7 @@ function mt({
               /* @__PURE__ */ m("dt", { className: Ie, children: [
                 $e(n),
                 /* @__PURE__ */ r(ae, { field: n.field }),
+                /* @__PURE__ */ r(ut, { field: n.field }),
                 v(n.field)
               ] }),
               /* @__PURE__ */ r(
@@ -935,7 +937,7 @@ function mt({
         },
         n.field
       );
-    }, At = (n, E) => {
+    }, Rt = (n, E) => {
       const He = u && !c ? E.filter((B) => !je(u[B.field])) : E;
       return /* @__PURE__ */ m(
         "div",
@@ -944,7 +946,7 @@ function mt({
           className: `min-w-0 ${E.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(Et, { children: [
+            /* @__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: "·" }),
               N(
                 O(B),
@@ -968,7 +970,7 @@ function mt({
     return /* @__PURE__ */ r(
       "section",
       {
-        hidden: Ft,
+        hidden: qt,
         "data-read-section": e.key,
         "data-read-width": nt,
         className: "min-w-0 rounded-xl border border-slate-200 bg-white dark:border-slate-700/60 dark:bg-slate-900/40",
@@ -984,7 +986,7 @@ function mt({
                     "button",
                     {
                       type: "button",
-                      onClick: () => gt(e.key),
+                      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
@@ -1002,11 +1004,11 @@ function mt({
                       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(Ct, { className: "h-3 w-3" })
+                      children: /* @__PURE__ */ r(Dt, { className: "h-3 w-3" })
                     }
                   ),
                   e.is_collapsed && /* @__PURE__ */ r(
-                    Dt,
+                    Lt,
                     {
                       "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"}`
@@ -1034,8 +1036,8 @@ function mt({
                   className: "grid gap-x-6 gap-y-5",
                   "data-read-dl": nt,
                   style: Je ? { display: "none" } : void 0,
-                  children: Tt.map(
-                    (n) => n.kind === "row" ? At(n.row, n.members) : Ot(n.field)
+                  children: Ot.map(
+                    (n) => n.kind === "row" ? Rt(n.row, n.members) : At(n.field)
                   )
                 }
               ),
@@ -1060,7 +1062,7 @@ function mt({
                             "; switch to Edit to fix"
                           ] })
                         ] }) : null,
-                        (W ? W(n) : null) ?? bt(n)
+                        (W ? W(n) : null) ?? yt(n)
                       ] }),
                       C(n)
                     )
@@ -1085,13 +1087,13 @@ function mt({
       },
       e.key
     );
-  }, et = _e(null), Nt = _e(null, "leading"), tt = Ze.map((e) => _t(e)).filter((e) => !!e && !de(e)).filter((e) => k || !vt(e)), [ne, ...lt] = tt;
+  }, 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(
     "div",
     {
       className: P ? "min-h-0 flex-1" : "min-h-0 flex-1 overflow-y-auto bg-slate-50/60 px-5 py-4 dark:bg-transparent",
       children: [
-        Nt,
+        wt,
         tt.length > 0 && /* @__PURE__ */ m(
           "div",
           {
@@ -1123,6 +1125,7 @@ function mt({
                   /* @__PURE__ */ m("dt", { className: Ie, children: [
                     $e(e),
                     /* @__PURE__ */ r(ae, { field: e.field }),
+                    /* @__PURE__ */ r(ut, { field: e.field }),
                     v(e.field)
                   ] }),
                   /* @__PURE__ */ r(
@@ -1141,8 +1144,8 @@ function mt({
             ]
           }
         ),
-        /* @__PURE__ */ r("style", { children: ol }),
-        J ? /* @__PURE__ */ r("div", { className: "grid items-stretch gap-4", "data-read-board": !0, children: Be.map(kt) }) : /* @__PURE__ */ m("div", { className: "flex flex-col gap-4", "data-read-board-pending": !0, children: [
+        /* @__PURE__ */ r("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))]" })
@@ -1152,9 +1155,9 @@ function mt({
     }
   );
 }
-function Ul(a) {
-  return a.design ? /* @__PURE__ */ r(nl, { design: a.design.context, onRefusedWrite: a.design.onRefusedWrite, children: /* @__PURE__ */ r(Pt.Provider, { value: null, children: /* @__PURE__ */ r(mt, { ...a }) }) }) : /* @__PURE__ */ r(mt, { ...a });
+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 });
 }
 export {
-  Ul as RecordReadView
+  Gl as RecordReadView
 };