@nivaro/react 0.3.24 → 0.3.25

package/dist/shared/components/item-edit/FieldRow.js

@@ -1,26 +1,27 @@
-import { jsxs as d, jsx as n } from "react/jsx-runtime";
-import { useQueryClient as qe, useQueries as Je, useQuery as te, useMutation as Xe } from "@tanstack/react-query";
-import { Info as Ze, Loader2 as Ie, Sparkles as et, Lock as tt, SlidersHorizontal as nt, History as rt, BellRing as at, Bell as lt, Sigma as it } from "lucide-react";
-import { useState as he, useRef as E, useId as ot, useEffect as ne } from "react";
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { useQueryClient as Pe, useQueries as at, useQuery as ne, useMutation as it } from "@tanstack/react-query";
+import { Info as ot, Loader2 as st, Sparkles as dt, Lock as ct, SlidersHorizontal as ut, History as mt, BellRing as pt, Bell as ht, Sigma as xt } from "lucide-react";
+import { memo as ft, useState as fe, useRef as L, useId as yt, useEffect as re, useCallback as Ee } from "react";
 import { toast as K } from "sonner";
-import { useParentDraft as st, useNivaroClient as re } from "../../context.js";
-import { showsAiButton as dt, AUTOFILL_CHECK_KEY as ct, readAiFill as ut } from "../../lib/ai-fill.js";
-import { get as B, del as mt, post as pe } from "../../lib/commands.js";
-import { titleCase as me, cn as P } from "../../lib/utils.js";
-import { GlossaryLabel as Te } from "../ai/GlossaryText.js";
-import { Label as pt } from "../ui/label.js";
-import { TooltipProvider as X, Tooltip as Z, TooltipTrigger as I, TooltipContent as ee } from "../ui/tooltip.js";
-import { useAddendumFields as ht } from "./AddendumFieldContext.js";
-import { AutoIdPreviewField as xt } from "./AutoIdPreviewField.js";
-import { useFieldAffordances as ft, useFieldContextMenu as yt, usePresenceSoftLock as bt, LockReasonBadge as gt, PresenceSoftLockStrip as vt, RemoteChangeGhost as wt } from "./FieldAffordances.js";
-import { FieldRenderer as kt } from "./FieldRenderer.js";
-import { FormHelpVideoButton as _t } from "./FormHelpVideoButton.js";
-import { getCascadeFilters as Nt, SYSTEM_FIELDS as Ct, parseJson as Ft, buildCascadeFilter as Lt, CascadeEffectController as Rt } from "./helpers.js";
-import { isDerivedForRecord as $t } from "./live-rollups.js";
-import { useM2MStaging as St } from "./M2MStagingContext.js";
-import { usePlacementTextContext as Tt, placementFieldText as qt, isDisplayFormulaRow as At, fieldCounterConfig as jt, fieldIsRecommended as Et, RecommendedMarker as Pt, RepeatLastButton as Dt, DisplayFormulaValue as Mt, FieldCounter as Ot } from "./placement-behaviour.js";
-import { resolveOptionFilterTokens as Kt } from "../../lib/option-filter-tokens.js";
-const Bt = /* @__PURE__ */ new Set(["integer", "float", "decimal", "bigInteger", "number"]), Ut = /* @__PURE__ */ new Set(["string", "text", "richtext", "textarea", "markdown", "json", "csv"]), Ht = /* @__PURE__ */ new Set([
+import { useParentDraft as bt, useNivaroClient as le } from "../../context.js";
+import { showsAiButton as gt, AUTOFILL_CHECK_KEY as vt, readAiFill as wt } from "../../lib/ai-fill.js";
+import { get as U, del as kt, post as xe } from "../../lib/commands.js";
+import { titleCase as he, cn as P } from "../../lib/utils.js";
+import { GlossaryLabel as je } from "../ai/GlossaryText.js";
+import { Label as _t } from "../ui/label.js";
+import { TooltipProvider as Z, Tooltip as I, TooltipTrigger as ee, TooltipContent as te } from "../ui/tooltip.js";
+import { useAddendumFields as Nt } from "./AddendumFieldContext.js";
+import { AutoIdPreviewField as Ft } from "./AutoIdPreviewField.js";
+import { useFieldAffordances as Ct, useFieldContextMenu as Lt, usePresenceSoftLock as Rt, LockReasonBadge as $t, PresenceSoftLockStrip as St, RemoteChangeGhost as Tt } from "./FieldAffordances.js";
+import { FieldRenderer as qt } from "./FieldRenderer.js";
+import { FormHelpVideoButton as At } from "./FormHelpVideoButton.js";
+import { getCascadeFilters as Et, SYSTEM_FIELDS as jt, parseJson as Pt, buildCascadeFilter as Dt, CascadeEffectController as Mt } from "./helpers.js";
+import { isDerivedForRecord as Ot } from "./live-rollups.js";
+import { useM2MStaging as Bt } from "./M2MStagingContext.js";
+import { usePlacementTextContext as Kt, placementFieldText as Ut, isDisplayFormulaRow as Ht, fieldCounterConfig as Wt, fieldIsRecommended as Vt, RecommendedMarker as zt, RepeatLastButton as Gt, DisplayFormulaValue as Qt, FieldCounter as Yt } from "./placement-behaviour.js";
+import { keepIfEqual as Jt, jsonEqual as Xt } from "./render-stability.js";
+import { resolveOptionFilterTokens as Zt } from "../../lib/option-filter-tokens.js";
+const It = /* @__PURE__ */ new Set(["integer", "float", "decimal", "bigInteger", "number"]), en = /* @__PURE__ */ new Set(["string", "text", "richtext", "textarea", "markdown", "json", "csv"]), tn = /* @__PURE__ */ new Set([
   "input",
   "textarea",
   "wysiwyg",
@@ -28,7 +29,7 @@ const Bt = /* @__PURE__ */ new Set(["integer", "float", "decimal", "bigInteger",
   "input-rich-text-html",
   "rich_text",
   "extension-editorjs"
-]), Wt = /* @__PURE__ */ new Set([
+]), nn = /* @__PURE__ */ new Set([
   "relation-m2o",
   "relation-m2m",
   "select-multiple-m2m",
@@ -39,220 +40,220 @@ const Bt = /* @__PURE__ */ new Set(["integer", "float", "decimal", "bigInteger",
   "file",
   "files",
   "image"
-]), Vt = /* @__PURE__ */ new Set(["file", "file-image", "files-m2m", "files", "image"]);
-function zt(e) {
-  const o = e.interface ?? "";
-  return Wt.has(o) || o.startsWith("relation-") || o.endsWith("-m2o") || o.endsWith("-m2m") ? !1 : !!(Ut.has(e.type ?? "") || Ht.has(o) || !o && e.type && !Bt.has(e.type));
+]), rn = /* @__PURE__ */ new Set(["file", "file-image", "files-m2m", "files", "image"]);
+function ln(d) {
+  const e = d.interface ?? "";
+  return nn.has(e) || e.startsWith("relation-") || e.endsWith("-m2o") || e.endsWith("-m2m") ? !1 : !!(en.has(d.type ?? "") || tn.has(e) || !e && d.type && !It.has(d.type));
 }
-function Gt(e, o, f, p) {
-  const c = re();
-  return te({
-    queryKey: ["field-lineage", e, o, f],
-    queryFn: () => c.request(
-      B(`/lineage/${e}/${encodeURIComponent(o)}/${f}`)
-    ).then((i) => i.data),
+function an(d, e, u, p) {
+  const f = le();
+  return ne({
+    queryKey: ["field-lineage", d, e, u],
+    queryFn: () => f.request(
+      U(`/lineage/${d}/${encodeURIComponent(e)}/${u}`)
+    ).then((o) => o.data),
     enabled: p,
     staleTime: 3e4
   });
 }
-function wn(e, o = "rows") {
-  var u, _, m;
-  if (e && (e.kind === "write" || e.kind === "read") && e.formula) {
-    const v = (y) => typeof y == "number" ? y.toLocaleString(void 0, { maximumFractionDigits: 2 }) : y == null || y === "" ? "∅" : String(y);
-    return `= ${e.formula.replace(/item\.([A-Za-z_][A-Za-z0-9_]*)/g, (y, a) => {
-      var h;
-      return v((h = e.inputs) == null ? void 0 : h[a]);
+function En(d, e = "rows") {
+  var l, N, b;
+  if (d && (d.kind === "write" || d.kind === "read") && d.formula) {
+    const m = (y) => typeof y == "number" ? y.toLocaleString(void 0, { maximumFractionDigits: 2 }) : y == null || y === "" ? "∅" : String(y);
+    return `= ${d.formula.replace(/item\.([A-Za-z_][A-Za-z0-9_]*)/g, (y, a) => {
+      var x;
+      return m((x = d.inputs) == null ? void 0 : x[a]);
     }).replace(/\s*-\s*/g, " − ").replace(/\s*\*\s*/g, " × ").replace(/\s*\/\s*/g, " ÷ ")}`;
   }
-  if (!e || e.kind !== "rollup") return null;
-  const f = (e.sources ?? []).reduce((v, l) => v + l.rows.length, 0), p = (e.sources ?? []).reduce((v, l) => {
+  if (!d || d.kind !== "rollup") return null;
+  const u = (d.sources ?? []).reduce((m, i) => m + i.rows.length, 0), p = (d.sources ?? []).reduce((m, i) => {
     var y;
-    return v + (((y = l.excluded) == null ? void 0 : y.length) ?? 0);
-  }, 0), c = (m = (_ = (u = (e.sources ?? []).find((v) => {
-    var l;
-    return (l = v.excluded) == null ? void 0 : l.length;
-  })) == null ? void 0 : u.excluded) == null ? void 0 : _[0]) == null ? void 0 : m.reason, i = [`= ${f} ${f === 1 ? o.replace(/s$/, "") : o}`];
-  return p && i.push(
-    `${p} excluded${c ? ` (${c.replace(/^does not match: /, "")})` : ""}`
-  ), i.join(" · ");
+    return m + (((y = i.excluded) == null ? void 0 : y.length) ?? 0);
+  }, 0), f = (b = (N = (l = (d.sources ?? []).find((m) => {
+    var i;
+    return (i = m.excluded) == null ? void 0 : i.length;
+  })) == null ? void 0 : l.excluded) == null ? void 0 : N[0]) == null ? void 0 : b.reason, o = [`= ${u} ${u === 1 ? e.replace(/s$/, "") : e}`];
+  return p && o.push(
+    `${p} excluded${f ? ` (${f.replace(/^does not match: /, "")})` : ""}`
+  ), o.join(" · ");
 }
-function Qt({
-  collection: e,
-  itemId: o,
-  field: f
+function on({
+  collection: d,
+  itemId: e,
+  field: u
 }) {
-  const [p, c] = he(!1), i = E(null), { data: u, isLoading: _ } = Gt(e, o, f, p);
-  ne(() => {
+  const [p, f] = fe(!1), o = L(null), { data: l, isLoading: N } = an(d, e, u, p);
+  re(() => {
     if (!p) return;
-    const l = (y) => {
+    const i = (y) => {
       var a;
-      (a = i.current) != null && a.contains(y.target) || c(!1);
+      (a = o.current) != null && a.contains(y.target) || f(!1);
     };
-    return window.addEventListener("mousedown", l), () => window.removeEventListener("mousedown", l);
+    return window.addEventListener("mousedown", i), () => window.removeEventListener("mousedown", i);
   }, [p]);
-  const m = (l) => l == null ? "—" : Number(l).toLocaleString(void 0, { maximumFractionDigits: 2 }), v = (u == null ? void 0 : u.stored_value) != null ? Number(u.stored_value) : null;
-  return /* @__PURE__ */ d("div", { ref: i, className: "relative inline-flex", children: [
+  const b = (i) => i == null ? "—" : Number(i).toLocaleString(void 0, { maximumFractionDigits: 2 }), m = (l == null ? void 0 : l.stored_value) != null ? Number(l.stored_value) : null;
+  return /* @__PURE__ */ c("div", { ref: o, className: "relative inline-flex", children: [
     /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        onClick: () => c((l) => !l),
+        onClick: () => f((i) => !i),
         title: "Where does this number come from?",
         className: P(
           "inline-flex items-center rounded p-0.5 transition-opacity",
           p ? "text-nvr-cyan opacity-100" : "text-slate-400 hover:text-nvr-cyan dark:text-slate-300 dark:hover:text-nvr-cyan"
         ),
         "data-field-lineage": !0,
-        children: /* @__PURE__ */ n(it, { className: "h-3 w-3" })
+        children: /* @__PURE__ */ n(xt, { className: "h-3 w-3" })
       }
     ),
-    p && /* @__PURE__ */ d("div", { className: "absolute left-0 top-full z-40 mt-1 max-h-[340px] w-[360px] overflow-y-auto rounded-lg border border-slate-200 bg-white p-2 shadow-lg dark:border-border dark:bg-card", children: [
+    p && /* @__PURE__ */ c("div", { className: "absolute left-0 top-full z-40 mt-1 max-h-[340px] w-[360px] overflow-y-auto rounded-lg border border-slate-200 bg-white p-2 shadow-lg dark:border-border dark:bg-card", children: [
       /* @__PURE__ */ n("p", { className: "mb-1 px-1 text-[10px] font-semibold uppercase tracking-wide text-slate-400", children: "Where this number comes from" }),
-      _ && /* @__PURE__ */ n("p", { className: "px-1 py-2 text-[11.5px] text-slate-400", children: "Loading…" }),
-      (u == null ? void 0 : u.kind) === "write" && /* @__PURE__ */ d("div", { className: "space-y-1 px-1 py-1", children: [
-        /* @__PURE__ */ n("p", { className: "font-mono text-[11px] text-slate-600 dark:text-slate-300", children: u.formula }),
-        Object.entries(u.inputs ?? {}).map(([l, y]) => /* @__PURE__ */ d("p", { className: "text-[11.5px] text-slate-500 dark:text-muted-foreground", children: [
-          /* @__PURE__ */ n("span", { className: "font-mono", children: l }),
+      N && /* @__PURE__ */ n("p", { className: "px-1 py-2 text-[11.5px] text-slate-400", children: "Loading…" }),
+      (l == null ? void 0 : l.kind) === "write" && /* @__PURE__ */ c("div", { className: "space-y-1 px-1 py-1", children: [
+        /* @__PURE__ */ n("p", { className: "font-mono text-[11px] text-slate-600 dark:text-slate-300", children: l.formula }),
+        Object.entries(l.inputs ?? {}).map(([i, y]) => /* @__PURE__ */ c("p", { className: "text-[11.5px] text-slate-500 dark:text-muted-foreground", children: [
+          /* @__PURE__ */ n("span", { className: "font-mono", children: i }),
           " = ",
-          m(y)
-        ] }, l)),
-        /* @__PURE__ */ d("p", { className: "pt-1 text-[11.5px] font-medium text-slate-700 dark:text-slate-200", children: [
+          b(y)
+        ] }, i)),
+        /* @__PURE__ */ c("p", { className: "pt-1 text-[11.5px] font-medium text-slate-700 dark:text-slate-200", children: [
           "= ",
-          m(u.stored_value)
+          b(l.stored_value)
         ] })
       ] }),
-      (u == null ? void 0 : u.kind) === "rollup" && (u.sources ?? []).map((l, y) => {
+      (l == null ? void 0 : l.kind) === "rollup" && (l.sources ?? []).map((i, y) => {
         var a;
-        return /* @__PURE__ */ d("div", { className: "mb-1.5", children: [
-          /* @__PURE__ */ d("p", { className: "px-1 text-[10.5px] text-slate-400", children: [
-            (l.aggregate ?? "sum").toUpperCase(),
-            l.value_field ? ` of ${l.value_field}` : "",
+        return /* @__PURE__ */ c("div", { className: "mb-1.5", children: [
+          /* @__PURE__ */ c("p", { className: "px-1 text-[10.5px] text-slate-400", children: [
+            (i.aggregate ?? "sum").toUpperCase(),
+            i.value_field ? ` of ${i.value_field}` : "",
             " across ",
-            l.collection,
-            l.filtered ? " (filtered)" : ""
+            i.collection,
+            i.filtered ? " (filtered)" : ""
           ] }),
-          l.error && /* @__PURE__ */ n("p", { className: "px-1 py-1 text-[11.5px] text-amber-600 dark:text-amber-400", children: l.error }),
-          l.note && /* @__PURE__ */ n("p", { className: "px-1 py-1 text-[11.5px] text-slate-400", children: l.note }),
-          l.rows.length > 0 && /* @__PURE__ */ n("div", { className: "mt-0.5 space-y-px", children: l.rows.map((h) => /* @__PURE__ */ d(
+          i.error && /* @__PURE__ */ n("p", { className: "px-1 py-1 text-[11.5px] text-amber-600 dark:text-amber-400", children: i.error }),
+          i.note && /* @__PURE__ */ n("p", { className: "px-1 py-1 text-[11.5px] text-slate-400", children: i.note }),
+          i.rows.length > 0 && /* @__PURE__ */ n("div", { className: "mt-0.5 space-y-px", children: i.rows.map((x) => /* @__PURE__ */ c(
             "div",
             {
               className: "flex items-baseline gap-2 rounded px-1 py-0.5 text-[11.5px] hover:bg-slate-50 dark:hover:bg-muted",
               children: [
-                /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate text-slate-600 dark:text-slate-300", children: h.label }),
-                /* @__PURE__ */ n("span", { className: "shrink-0 font-mono tabular-nums text-slate-800 dark:text-slate-100", children: m(h.value) }),
+                /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate text-slate-600 dark:text-slate-300", children: x.label }),
+                /* @__PURE__ */ n("span", { className: "shrink-0 font-mono tabular-nums text-slate-800 dark:text-slate-100", children: b(x.value) }),
                 /* @__PURE__ */ n(
                   "span",
                   {
                     className: "w-[88px] shrink-0 truncate text-right text-[10px] text-slate-400",
-                    "data-tip": h.updated_at ? `${h.updated_by ?? "unknown"} · ${new Date(h.updated_at).toLocaleString()}` : void 0,
-                    children: h.updated_by ?? ""
+                    "data-tip": x.updated_at ? `${x.updated_by ?? "unknown"} · ${new Date(x.updated_at).toLocaleString()}` : void 0,
+                    children: x.updated_by ?? ""
                   }
                 )
               ]
             },
-            h.id
+            x.id
           )) }),
-          l.truncated && /* @__PURE__ */ n("p", { className: "px-1 pt-0.5 text-[10.5px] text-amber-600 dark:text-amber-400", children: "Showing the first 200 rows — the subtotal covers only these." }),
-          l.subtotal != null && /* @__PURE__ */ d("p", { className: "border-t border-slate-100 px-1 pt-1 text-right text-[11.5px] font-medium text-slate-700 dark:border-border dark:text-slate-200", children: [
+          i.truncated && /* @__PURE__ */ n("p", { className: "px-1 pt-0.5 text-[10.5px] text-amber-600 dark:text-amber-400", children: "Showing the first 200 rows — the subtotal covers only these." }),
+          i.subtotal != null && /* @__PURE__ */ c("p", { className: "border-t border-slate-100 px-1 pt-1 text-right text-[11.5px] font-medium text-slate-700 dark:border-border dark:text-slate-200", children: [
             "subtotal ",
-            m(l.subtotal)
+            b(i.subtotal)
           ] }),
-          (((a = l.excluded) == null ? void 0 : a.length) ?? 0) > 0 && /* @__PURE__ */ d("div", { className: "mt-1 rounded bg-slate-50 px-1 py-1 dark:bg-muted/40", children: [
-            /* @__PURE__ */ d("p", { className: "text-[10.5px] text-slate-500 dark:text-muted-foreground", children: [
-              l.excluded.length,
+          (((a = i.excluded) == null ? void 0 : a.length) ?? 0) > 0 && /* @__PURE__ */ c("div", { className: "mt-1 rounded bg-slate-50 px-1 py-1 dark:bg-muted/40", children: [
+            /* @__PURE__ */ c("p", { className: "text-[10.5px] text-slate-500 dark:text-muted-foreground", children: [
+              i.excluded.length,
               " excluded —",
               " ",
-              l.excluded[0].reason.replace(/^does not match: /, "")
+              i.excluded[0].reason.replace(/^does not match: /, "")
             ] }),
-            l.excluded.slice(0, 8).map((h) => /* @__PURE__ */ d(
+            i.excluded.slice(0, 8).map((x) => /* @__PURE__ */ c(
               "div",
               {
                 className: "flex items-baseline gap-2 px-0.5 text-[11px] text-slate-400",
                 children: [
-                  /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate line-through decoration-slate-300", children: h.label }),
-                  /* @__PURE__ */ n("span", { className: "shrink-0 font-mono tabular-nums", children: m(h.value) })
+                  /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate line-through decoration-slate-300", children: x.label }),
+                  /* @__PURE__ */ n("span", { className: "shrink-0 font-mono tabular-nums", children: b(x.value) })
                 ]
               },
-              h.id
+              x.id
             )),
-            l.excluded.length > 8 && /* @__PURE__ */ d("p", { className: "px-0.5 text-[10.5px] text-slate-400", children: [
+            i.excluded.length > 8 && /* @__PURE__ */ c("p", { className: "px-0.5 text-[10.5px] text-slate-400", children: [
               "+",
-              l.excluded.length - 8,
+              i.excluded.length - 8,
               " more"
             ] })
           ] })
         ] }, y);
       }),
-      (u == null ? void 0 : u.kind) === "rollup" && v != null && /* @__PURE__ */ d("p", { className: "px-1 pt-0.5 text-right text-[11.5px] text-slate-500 dark:text-muted-foreground", children: [
+      (l == null ? void 0 : l.kind) === "rollup" && m != null && /* @__PURE__ */ c("p", { className: "px-1 pt-0.5 text-right text-[11.5px] text-slate-500 dark:text-muted-foreground", children: [
         "stored ",
-        m(v),
+        b(m),
         (() => {
-          const l = (u.sources ?? []).reduce((a, h) => a + (h.subtotal ?? 0), 0);
-          return (u.sources ?? []).some((a) => a.truncated) ? null : Math.abs(l - v) < 0.01 ? /* @__PURE__ */ n("span", { className: "ml-1 text-emerald-600 dark:text-emerald-400", children: "✓ matches" }) : /* @__PURE__ */ n("span", { className: "ml-1 text-amber-600 dark:text-amber-400", children: "✕ differs from contributions" });
+          const i = (l.sources ?? []).reduce((a, x) => a + (x.subtotal ?? 0), 0);
+          return (l.sources ?? []).some((a) => a.truncated) ? null : Math.abs(i - m) < 0.01 ? /* @__PURE__ */ n("span", { className: "ml-1 text-emerald-600 dark:text-emerald-400", children: "✓ matches" }) : /* @__PURE__ */ n("span", { className: "ml-1 text-amber-600 dark:text-amber-400", children: "✕ differs from contributions" });
         })()
       ] })
     ] })
   ] });
 }
-function Yt({
-  collection: e,
-  itemId: o,
-  field: f,
+function sn({
+  collection: d,
+  itemId: e,
+  field: u,
   formatValue: p,
-  onRestore: c
+  onRestore: f
 }) {
-  const i = re(), [u, _] = he(!1), m = E(null), { data: v, isLoading: l } = te({
-    queryKey: ["field-value-history", e, o, f],
-    queryFn: () => i.request(B(`/field-history/${e}/${encodeURIComponent(o)}/${f}`)).then((a) => a.data ?? []),
-    enabled: u,
+  const o = le(), [l, N] = fe(!1), b = L(null), { data: m, isLoading: i } = ne({
+    queryKey: ["field-value-history", d, e, u],
+    queryFn: () => o.request(U(`/field-history/${d}/${encodeURIComponent(e)}/${u}`)).then((a) => a.data ?? []),
+    enabled: l,
     staleTime: 6e4
   });
-  ne(() => {
-    if (!u) return;
-    const a = (h) => {
-      var U;
-      (U = m.current) != null && U.contains(h.target) || _(!1);
+  re(() => {
+    if (!l) return;
+    const a = (x) => {
+      var H;
+      (H = b.current) != null && H.contains(x.target) || N(!1);
     };
     return window.addEventListener("mousedown", a), () => window.removeEventListener("mousedown", a);
-  }, [u]);
-  const y = (a, h) => h || (a == null || a === "" ? "—" : p ? p(a) : typeof a == "boolean" || a === "true" || a === "false" ? a === !0 || a === "true" ? "Yes" : "No" : typeof a == "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(a) ? new Date(a).toLocaleString() : typeof a == "object" ? JSON.stringify(a).slice(0, 60) : String(a).slice(0, 80));
-  return /* @__PURE__ */ d("div", { ref: m, className: "relative inline-flex", children: [
+  }, [l]);
+  const y = (a, x) => x || (a == null || a === "" ? "—" : p ? p(a) : typeof a == "boolean" || a === "true" || a === "false" ? a === !0 || a === "true" ? "Yes" : "No" : typeof a == "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(a) ? new Date(a).toLocaleString() : typeof a == "object" ? JSON.stringify(a).slice(0, 60) : String(a).slice(0, 80));
+  return /* @__PURE__ */ c("div", { ref: b, className: "relative inline-flex", children: [
     /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        onClick: () => _((a) => !a),
+        onClick: () => N((a) => !a),
         title: "Value history",
         className: P(
           "inline-flex items-center rounded p-0.5 transition-opacity",
-          u ? "text-nvr-cyan opacity-100" : "text-slate-400 hover:text-nvr-cyan dark:text-slate-300 dark:hover:text-nvr-cyan"
+          l ? "text-nvr-cyan opacity-100" : "text-slate-400 hover:text-nvr-cyan dark:text-slate-300 dark:hover:text-nvr-cyan"
         ),
         "data-field-history": !0,
-        children: /* @__PURE__ */ n(rt, { className: "h-3 w-3" })
+        children: /* @__PURE__ */ n(mt, { className: "h-3 w-3" })
       }
     ),
-    u && /* @__PURE__ */ d("div", { className: "absolute left-0 top-full z-40 mt-1 max-h-64 w-[300px] overflow-y-auto rounded-lg border border-slate-200 bg-white p-2 shadow-lg dark:border-border dark:bg-card", children: [
+    l && /* @__PURE__ */ c("div", { className: "absolute left-0 top-full z-40 mt-1 max-h-64 w-[300px] overflow-y-auto rounded-lg border border-slate-200 bg-white p-2 shadow-lg dark:border-border dark:bg-card", children: [
       /* @__PURE__ */ n("p", { className: "mb-1 px-1 text-[10px] font-semibold uppercase tracking-wide text-slate-400", children: "Value history" }),
-      l ? /* @__PURE__ */ n("p", { className: "px-1 py-2 text-[11.5px] text-slate-400", children: "Loading…" }) : (v ?? []).length === 0 ? /* @__PURE__ */ n("p", { className: "px-1 py-2 text-[11.5px] text-slate-400", children: "No recorded changes for this field." }) : /* @__PURE__ */ n("div", { className: "space-y-1", children: (v ?? []).map((a, h) => /* @__PURE__ */ d(
+      i ? /* @__PURE__ */ n("p", { className: "px-1 py-2 text-[11.5px] text-slate-400", children: "Loading…" }) : (m ?? []).length === 0 ? /* @__PURE__ */ n("p", { className: "px-1 py-2 text-[11.5px] text-slate-400", children: "No recorded changes for this field." }) : /* @__PURE__ */ n("div", { className: "space-y-1", children: (m ?? []).map((a, x) => /* @__PURE__ */ c(
         "div",
         {
           className: "rounded px-1 py-1 text-[11.5px] leading-snug hover:bg-slate-50 dark:hover:bg-muted",
           children: [
-            /* @__PURE__ */ d("span", { className: "flex items-baseline justify-between gap-2", children: [
+            /* @__PURE__ */ c("span", { className: "flex items-baseline justify-between gap-2", children: [
               /* @__PURE__ */ n("span", { className: "font-medium text-slate-700 dark:text-slate-200", children: y(a.value, a.display) }),
-              c && h > 0 && /* @__PURE__ */ n(
+              f && x > 0 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   onClick: () => {
-                    c(a.value ?? null), _(!1);
+                    f(a.value ?? null), N(!1);
                   },
                   className: "shrink-0 rounded border border-slate-200 px-1.5 py-px text-[10px] text-slate-500 hover:border-nvr-cyan/60 hover:text-nvr-navy dark:border-border dark:hover:text-nvr-cyan",
                   children: "Restore"
                 }
               )
             ] }),
-            /* @__PURE__ */ d("span", { className: "block text-[10.5px] text-slate-400", children: [
+            /* @__PURE__ */ c("span", { className: "block text-[10.5px] text-slate-400", children: [
               a.action === "create" ? "initial value" : "changed",
               a.timestamp ? ` · ${new Date(a.timestamp).toLocaleString()}` : "",
               a.user_name ? ` · ${a.user_name}` : "",
@@ -264,246 +265,268 @@ function Yt({
                 }
               )
             ] }),
-            a.note && /* @__PURE__ */ d("span", { className: "block text-[10.5px] italic text-slate-500 dark:text-slate-400", children: [
+            a.note && /* @__PURE__ */ c("span", { className: "block text-[10.5px] italic text-slate-500 dark:text-slate-400", children: [
               "“",
               a.note,
               "”"
             ] })
           ]
         },
-        h
+        x
       )) })
     ] })
   ] });
 }
-function Jt({
-  collection: e,
-  itemId: o,
-  field: f
+function dn({
+  collection: d,
+  itemId: e,
+  field: u
 }) {
-  const p = re(), c = qe(), { data: i } = te({
+  const p = le(), f = Pe(), { data: o } = ne({
     queryKey: ["field-watch-config"],
-    queryFn: () => p.request(B("/field-watches/config")).then((l) => l.data).catch(() => ({ enabled: !1 })),
+    queryFn: () => p.request(U("/field-watches/config")).then((i) => i.data).catch(() => ({ enabled: !1 })),
     staleTime: 5 * 6e4
-  }), u = ["field-watch-self", e, o], { data: _ = [] } = te({
-    queryKey: u,
-    queryFn: () => p.request(B("/field-watches/self", { collection: e, item_id: o })).then((l) => l.data ?? []).catch(() => []),
-    enabled: !!(i != null && i.enabled),
+  }), l = ["field-watch-self", d, e], { data: N = [] } = ne({
+    queryKey: l,
+    queryFn: () => p.request(U("/field-watches/self", { collection: d, item_id: e })).then((i) => i.data ?? []).catch(() => []),
+    enabled: !!(o != null && o.enabled),
     staleTime: 6e4
-  }), m = _.includes(f), v = Xe({
-    mutationFn: () => m ? p.request(
-      mt(
-        `/field-watches/self?collection=${encodeURIComponent(e)}&field=${encodeURIComponent(f)}&item_id=${encodeURIComponent(o)}`
+  }), b = N.includes(u), m = it({
+    mutationFn: () => b ? p.request(
+      kt(
+        `/field-watches/self?collection=${encodeURIComponent(d)}&field=${encodeURIComponent(u)}&item_id=${encodeURIComponent(e)}`
       )
-    ) : p.request(pe("/field-watches/self", { collection: e, field: f, item_id: o })),
+    ) : p.request(xe("/field-watches/self", { collection: d, field: u, item_id: e })),
     onSuccess: () => {
-      c.invalidateQueries({ queryKey: u }), K.success(
-        m ? "No longer watching this field" : "Watching — you will be notified when it changes"
+      f.invalidateQueries({ queryKey: l }), K.success(
+        b ? "No longer watching this field" : "Watching — you will be notified when it changes"
       );
     },
     onError: () => K.error("Could not update the watch")
   });
-  return i != null && i.enabled ? /* @__PURE__ */ n(
+  return o != null && o.enabled ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      onClick: () => v.mutate(),
-      title: m ? "Stop watching this field on this record" : "Watch this field on this record",
-      "data-field-watch": f,
-      className: `rounded p-0.5 transition-colors ${m ? "text-nvr-navy dark:text-nvr-cyan" : "text-slate-300 hover:text-slate-500"}`,
-      children: m ? /* @__PURE__ */ n(at, { className: "h-3 w-3" }) : /* @__PURE__ */ n(lt, { className: "h-3 w-3" })
+      onClick: () => m.mutate(),
+      title: b ? "Stop watching this field on this record" : "Watch this field on this record",
+      "data-field-watch": u,
+      className: `rounded p-0.5 transition-colors ${b ? "text-nvr-navy dark:text-nvr-cyan" : "text-slate-300 hover:text-slate-500"}`,
+      children: b ? /* @__PURE__ */ n(pt, { className: "h-3 w-3" }) : /* @__PURE__ */ n(ht, { className: "h-3 w-3" })
     }
   ) : null;
 }
-function Xt(e) {
-  return e ? e.querySelector(
+function cn(d) {
+  return d ? d.querySelector(
     'input:not([type=hidden]), textarea, [role="combobox"], [contenteditable="true"]'
-  ) ?? e.querySelector("button") : null;
+  ) ?? d.querySelector("button") : null;
 }
-function kn({
+const jn = ft(function({
   field: e,
-  draft: o,
-  onChange: f,
-  relations: p,
-  collection: c,
-  itemId: i,
-  error: u,
-  visible: _,
+  draft: u,
+  onChange: p,
+  relations: f,
+  collection: o,
+  itemId: l,
+  error: N,
+  visible: b,
   locked: m,
-  layoutAiEnabled: v,
-  renderField: l,
-  onCountChange: y,
-  swapButton: a,
-  swapContent: h,
-  forceVisible: U,
+  layoutAiEnabled: i,
+  renderField: y,
+  onCountChange: a,
+  swapButton: x,
+  swapContent: H,
+  forceVisible: De,
   autoFillTick: ae
 }) {
-  var Re, $e, Se;
-  const H = Vt.has(e.interface ?? ""), F = st(), b = St(), xe = qe(), le = re(), [fe, W] = he(!1), s = ft(), ie = E(null), V = ot(), ye = E(null), be = E(!1);
-  ne(() => {
-    const t = be.current ? Xt(ye.current) : null;
+  var Te, qe, Ae;
+  const W = rn.has(e.interface ?? ""), C = bt(), g = Bt(), ye = Pe(), ie = le(), [be, V] = fe(!1), s = Ct(), oe = L(null), z = yt(), ge = L(null), ve = L(!1);
+  re(() => {
+    const t = ve.current ? cn(ge.current) : null;
     if (!t || t.hasAttribute("aria-label")) return;
-    t.id || (t.id = `${V}-control`);
-    const r = t.tagName === "BUTTON" ? `${V} ${t.id}` : V;
+    t.id || (t.id = `${z}-control`);
+    const r = t.tagName === "BUTTON" ? `${z} ${t.id}` : z;
     t.getAttribute("aria-labelledby") !== r && t.setAttribute("aria-labelledby", r);
   });
-  const ge = m && !H, ve = E(null);
-  ne(() => {
-    const t = ve.current;
+  const we = m && !W, ke = L(null);
+  re(() => {
+    const t = ke.current;
     if (!t) return;
-    if (!ge) {
+    if (!we) {
       t.removeAttribute("inert");
       return;
     }
     const r = typeof document < "u" ? document.activeElement : null;
     r instanceof HTMLElement && t.contains(r) && r.blur(), t.setAttribute("inert", "");
-  }, [ge, ae]);
-  const we = (t) => {
-    m || f(e.field, t);
-  }, {
-    onContextMenu: Ae,
-    onKeyDown: je,
-    menu: Ee
-  } = yt({
-    wrapperRef: ie,
+  }, [we, ae]);
+  const G = e.field, _e = Ee(
+    (t) => {
+      m || p(G, t);
+    },
+    [m, p, G]
+  ), Me = Ee(
+    (t) => a == null ? void 0 : a(G, t),
+    [a, G]
+  ), Oe = L(void 0), Ne = L(void 0), Fe = L(void 0), {
+    onContextMenu: Be,
+    onKeyDown: Ke,
+    menu: Ue
+  } = Lt({
+    wrapperRef: oe,
     field: e,
-    value: o[e.field],
-    relations: p,
-    collection: c,
-    itemId: i,
+    value: u[e.field],
+    relations: f,
+    collection: o,
+    itemId: l,
     openRelated: s == null ? void 0 : s.openRelated
-  }), S = bt(ie), Pe = Tt(), ke = s == null ? void 0 : s.remoteChanges[e.field], D = s == null ? void 0 : s.lockReasons[e.field], L = s == null ? void 0 : s.applyToLines[e.field], z = dt(e._overrides, v, zt(e)), oe = !!(s != null && s.fromAutofill) && !!e._overrides && e._overrides[ct] === !0;
-  async function De() {
+  }), q = Rt(oe), He = Kt(), Ce = s == null ? void 0 : s.remoteChanges[e.field], D = s == null ? void 0 : s.lockReasons[e.field], $ = s == null ? void 0 : s.applyToLines[e.field], Q = gt(e._overrides, i, ln(e)), se = !!(s != null && s.fromAutofill) && !!e._overrides && e._overrides[vt] === !0;
+  async function We() {
     var t;
-    if (z.perField) return Me();
-    W(!0);
+    if (Q.perField) return Ve();
+    V(!0);
     try {
-      const r = await le.request(
-        pe("/ai/generate", {
-          collection: c,
-          item_id: i !== "new" ? i : void 0,
+      const r = await ie.request(
+        xe("/ai/generate", {
+          collection: o,
+          item_id: l !== "new" ? l : void 0,
           field: e.field
         })
       );
-      ((t = r.data) == null ? void 0 : t.value) != null && f(e.field, r.data.value);
+      ((t = r.data) == null ? void 0 : t.value) != null && p(e.field, r.data.value);
     } catch {
     } finally {
-      W(!1);
+      V(!1);
     }
   }
-  async function Me() {
-    var r, x, N, j, $, C;
+  async function Ve() {
+    var r, h, k, j, T, F;
     const t = {};
-    for (const g of ((r = ut(e._overrides)) == null ? void 0 : r.tokens) ?? []) g in o && (t[g] = o[g]);
-    W(!0);
+    for (const v of ((r = wt(e._overrides)) == null ? void 0 : r.tokens) ?? []) v in u && (t[v] = u[v]);
+    V(!0);
     try {
-      const g = await le.request(
-        pe("/ai/field-fill", {
-          collection: c,
+      const v = await ie.request(
+        xe("/ai/field-fill", {
+          collection: o,
           layout_id: (s == null ? void 0 : s.layoutId) ?? null,
           field: e.field,
-          item_id: i && i !== "new" ? i : null,
+          item_id: l && l !== "new" ? l : null,
           values: t
         })
-      ), k = (x = g.data) == null ? void 0 : x.value;
-      typeof k == "string" && k !== "" ? f(e.field, k) : K.info("The AI had nothing to write here"), (j = (N = g.data) == null ? void 0 : N.missing) != null && j.length && K.info(`Filled without ${g.data.missing.join(", ")} (empty or not visible to you)`);
-    } catch (g) {
-      const k = g;
-      K.error(((C = ($ = k == null ? void 0 : k.response) == null ? void 0 : $.data) == null ? void 0 : C.error) ?? (k == null ? void 0 : k.message) ?? "AI fill failed");
+      ), _ = (h = v.data) == null ? void 0 : h.value;
+      typeof _ == "string" && _ !== "" ? p(e.field, _) : K.info("The AI had nothing to write here"), (j = (k = v.data) == null ? void 0 : k.missing) != null && j.length && K.info(`Filled without ${v.data.missing.join(", ")} (empty or not visible to you)`);
+    } catch (v) {
+      const _ = v;
+      K.error(((F = (T = _ == null ? void 0 : _.response) == null ? void 0 : T.data) == null ? void 0 : F.error) ?? (_ == null ? void 0 : _.message) ?? "AI fill failed");
     } finally {
-      W(!1);
+      V(!1);
     }
   }
-  const T = Nt(e.dependency_config), _e = T.flatMap((t) => {
-    const r = p.find(
-      (N) => N.one_collection === c && N.one_field === t.parent_field
+  const A = Et(e.dependency_config), Le = A.flatMap((t) => {
+    const r = f.find(
+      (k) => k.one_collection === o && k.one_field === t.parent_field
     );
     if (!r) return [];
     if (r.junction_field) return [{ rule: t, rel: r }];
-    const x = p.find(
-      (N) => N.many_collection === r.many_collection && N.id !== r.id
+    const h = f.find(
+      (k) => k.many_collection === r.many_collection && k.id !== r.id
     );
-    return x != null && x.many_field ? [{ rule: t, rel: { ...r, junction_field: x.many_field } }] : [];
-  }), Oe = Je({
-    queries: _e.map(({ rel: t }) => ({
-      queryKey: ["m2m-items", t.many_collection, t.many_field, i],
-      queryFn: () => le.request(
-        B(`/items/${t.many_collection}`, {
-          filter: JSON.stringify({ [t.many_field]: { _eq: i } }),
+    return h != null && h.many_field ? [{ rule: t, rel: { ...r, junction_field: h.many_field } }] : [];
+  }), ze = at({
+    queries: Le.map(({ rel: t }) => ({
+      queryKey: ["m2m-items", t.many_collection, t.many_field, l],
+      queryFn: () => ie.request(
+        U(`/items/${t.many_collection}`, {
+          filter: JSON.stringify({ [t.many_field]: { _eq: l } }),
           limit: 200,
           fields: `id,${t.junction_field}`
         })
       ).then((r) => r.data ?? []),
-      enabled: !!i && i !== "new",
+      enabled: !!l && l !== "new",
       staleTime: 3e4
     }))
-  }), Ke = Object.fromEntries(
-    _e.map(({ rule: t, rel: r }, x) => {
-      var $;
-      const N = r.one_field ?? `${r.many_collection}.${r.junction_field}`, j = (b == null ? void 0 : b.getStagedUnlinks(N)) ?? /* @__PURE__ */ new Set();
+  }), Ge = Object.fromEntries(
+    Le.map(({ rule: t, rel: r }, h) => {
+      var T;
+      const k = r.one_field ?? `${r.many_collection}.${r.junction_field}`, j = (g == null ? void 0 : g.getStagedUnlinks(k)) ?? /* @__PURE__ */ new Set();
       return [
         t.parent_field,
-        ((($ = Oe[x]) == null ? void 0 : $.data) ?? []).filter((C) => !j.has(C.id)).map((C) => C[r.junction_field])
+        (((T = ze[h]) == null ? void 0 : T.data) ?? []).filter((F) => !j.has(F.id)).map((F) => F[r.junction_field])
       ];
     })
-  ), G = ht()[e.field] ?? [];
-  if (!U && (!_ || !e.layout_assigned && (e.hidden || Ct.has(e.field))))
+  ), Y = Nt()[e.field] ?? [];
+  if (!De && (!b || !e.layout_assigned && (e.hidden || jt.has(e.field))))
     return null;
-  const se = o[e.field] ?? null, Q = qt(e, Pe), R = Q.label ?? me(e.field);
-  be.current = R !== "";
-  const q = At(e), Ne = q ? null : jt(e), Be = !q && !m && !e.readonly && ((Re = e._overrides) == null ? void 0 : Re.repeat_last) === !0, Ue = $t(e, o), He = (Se = ($e = Ft(e.options)) == null ? void 0 : $e.auto_id) == null ? void 0 : Se.pattern, w = (() => {
-    const t = p.find(
-      (x) => x.one_collection === c && x.one_field === e.field
+  const de = u[e.field] ?? null, J = Ut(e, He), S = J.label ?? he(e.field);
+  ve.current = S !== "";
+  const E = Ht(e), Re = E ? null : Wt(e), Qe = !E && !m && !e.readonly && ((Te = e._overrides) == null ? void 0 : Te.repeat_last) === !0, Ye = Ot(e, u), Je = (Ae = (qe = Pt(e.options)) == null ? void 0 : qe.auto_id) == null ? void 0 : Ae.pattern, w = (() => {
+    const t = f.find(
+      (h) => h.one_collection === o && h.one_field === e.field
     );
     if (!t) return null;
     if (t.junction_field) return t;
-    const r = p.find(
-      (x) => x.many_collection === t.many_collection && x.id !== t.id
+    const r = f.find(
+      (h) => h.many_collection === t.many_collection && h.id !== t.id
     );
     return r ? { ...t, junction_field: r.many_field } : null;
-  })(), de = w ? null : p.find((t) => t.many_collection === c && t.many_field === e.field) ?? null, ce = w ? p.find(
+  })(), ce = w ? null : f.find((t) => t.many_collection === o && t.many_field === e.field) ?? null, ue = w ? f.find(
     (t) => t.many_collection === w.many_collection && t.many_field === w.junction_field && t.id !== w.id
-  ) ?? null : null, M = w ? w.one_field ?? `${w.many_collection}.${w.junction_field}` : null, Ce = M ? (b == null ? void 0 : b.getStagedLinks(M)) ?? [] : [], We = w ? (xe.getQueryData([
+  ) ?? null : null, M = w ? w.one_field ?? `${w.many_collection}.${w.junction_field}` : null, $e = M ? (g == null ? void 0 : g.getStagedLinks(M)) ?? [] : [], Xe = w ? (ye.getQueryData([
     "m2m-items",
     w.many_collection,
     w.many_field,
-    i
-  ]) ?? []).map((t) => t[w.junction_field]) : [], Ve = w ? Ce[0] ?? We[0] ?? null : se, ze = (ce == null ? void 0 : ce.one_collection) ?? (de == null ? void 0 : de.one_collection) ?? void 0, Y = (t) => {
+    l
+  ]) ?? []).map((t) => t[w.junction_field]) : [], Ze = w ? $e[0] ?? Xe[0] ?? null : de, Ie = (ue == null ? void 0 : ue.one_collection) ?? (ce == null ? void 0 : ce.one_collection) ?? void 0, X = (t) => {
     var r;
-    return ((F == null ? void 0 : F.collection) === c ? (r = F == null ? void 0 : F.fieldLabels) == null ? void 0 : r[t] : void 0) ?? me(String(t));
-  }, A = Lt({
-    rules: T,
+    return ((C == null ? void 0 : C.collection) === o ? (r = C == null ? void 0 : C.fieldLabels) == null ? void 0 : r[t] : void 0) ?? he(String(t));
+  }, R = Dt({
+    rules: A,
     // A parent whose value THIS field's own pick derived must not narrow this
     // field's options — otherwise picking a region locks the region picker
     // into the zone the pick itself filled, and cross-zone changes read as
     // "No results".
     skipParent: (t) => {
       var r;
-      return ((r = b == null ? void 0 : b.getDerivedOrigin) == null ? void 0 : r.call(b, t)) === e.field;
+      return ((r = g == null ? void 0 : g.getDerivedOrigin) == null ? void 0 : r.call(g, t)) === e.field;
     },
     parentValue: (t) => {
-      if (o[t] != null) return o[t];
-      const r = p.find((g) => g.one_collection === c && g.one_field === t);
+      if (u[t] != null) return u[t];
+      const r = f.find((v) => v.one_collection === o && v.one_field === t);
       if (!r) return null;
-      let x = r;
-      if (!x.junction_field) {
-        const g = p.find(
-          (k) => k.many_collection === r.many_collection && k.id !== r.id
+      let h = r;
+      if (!h.junction_field) {
+        const v = f.find(
+          (_) => _.many_collection === r.many_collection && _.id !== r.id
         );
-        if (g != null && g.many_field) x = { ...r, junction_field: g.many_field };
+        if (v != null && v.many_field) h = { ...r, junction_field: v.many_field };
         else return null;
       }
-      const N = x.one_field ?? `${x.many_collection}.${x.junction_field}`, j = (b == null ? void 0 : b.getStagedLinks(N)) ?? [], $ = Ke[t] ?? [], C = [...new Set([...j, ...$].map((g) => String(g)))];
-      return C.length === 0 ? null : C.length === 1 ? C[0] : C;
+      const k = h.one_field ?? `${h.many_collection}.${h.junction_field}`, j = (g == null ? void 0 : g.getStagedLinks(k)) ?? [], T = Ge[t] ?? [], F = [...new Set([...j, ...T].map((v) => String(v)))];
+      return F.length === 0 ? null : F.length === 1 ? F[0] : F;
     },
     parentOptionFilter: (t) => {
-      var x;
-      const r = (F == null ? void 0 : F.collection) === c ? (x = F.fieldOptionFilters) == null ? void 0 : x[t] : void 0;
-      return r ? Kt(r, o, i) : void 0;
+      var h;
+      const r = (C == null ? void 0 : C.collection) === o ? (h = C.fieldOptionFilters) == null ? void 0 : h[t] : void 0;
+      return r ? Zt(r, u, l) : void 0;
     }
-  }), O = A.filter, J = A.satisfiedParents.map(Y), Fe = A.satisfiedParents, Ge = A.unsatisfiedParents.length ? Y(A.unsatisfiedParents[0]) : null, ue = A.missingRequiredParents, Le = ue.length ? Y(ue[0]) : null;
-  function Qe() {
-    for (const t of Fe) {
+  }), O = R.filter ? Jt(Oe, R.filter, Xt) : R.filter, B = R.satisfiedParents.map(X), me = R.satisfiedParents, et = R.unsatisfiedParents.length ? X(R.unsatisfiedParents[0]) : null, pe = R.missingRequiredParents, Se = pe.length ? X(pe[0]) : null;
+  function tt() {
+    const t = Fe.current;
+    if (t && t.src === e) return t.value;
+    const r = { ...e, readonly: !0 };
+    return Fe.current = { src: e, value: r }, r;
+  }
+  function nt() {
+    const t = JSON.stringify([B, me]), r = Ne.current;
+    if (r && r.sig === t && r.onChange === p) return r.value;
+    const h = {
+      labels: B,
+      keys: me,
+      onClear: (k) => p(k, null)
+    };
+    return Ne.current = { sig: t, onChange: p, value: h }, h;
+  }
+  function rt() {
+    for (const t of me) {
       const r = document.querySelector(`[data-field="${t}"]`);
       r && (r.scrollIntoView({ behavior: "smooth", block: "center" }), r.style.transition = "box-shadow 0.15s ease", r.style.boxShadow = "0 0 0 2px rgb(var(--nvr-cyan-rgb, 0 206 255)), 0 0 0 5px rgb(var(--nvr-cyan-rgb, 0 206 255) / 0.25)", r.style.borderRadius = "12px", setTimeout(() => {
         r.style.boxShadow = "none", setTimeout(() => {
@@ -512,96 +535,96 @@ function kn({
       }, 900));
     }
   }
-  const Ye = () => {
+  const lt = () => {
     if (w && M) {
-      for (const r of Ce) b == null || b.unstageLink(M, r);
-      const t = xe.getQueryData([
+      for (const r of $e) g == null || g.unstageLink(M, r);
+      const t = ye.getQueryData([
         "m2m-items",
         w.many_collection,
         w.many_field,
-        i
+        l
       ]) ?? [];
-      for (const r of t) b == null || b.stageUnlink(M, r.id);
+      for (const r of t) g == null || g.stageUnlink(M, r.id);
     } else
-      f(e.field, null);
+      p(e.field, null);
   };
   return (
     // biome-ignore lint/a11y/noStaticElementInteractions: the wrapper only hosts the field context menu (right-click / Shift+F10); the inputs inside stay the controls
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ c(
       "div",
       {
-        ref: ie,
+        ref: oe,
         "data-field": e.field,
-        "data-field-collection": c,
+        "data-field-collection": o,
         "data-field-interface": e.interface ?? void 0,
-        "data-autofill-check": oe ? "" : void 0,
+        "data-autofill-check": se ? "" : void 0,
         className: P(
           "group/fieldrow space-y-1.5",
-          oe && "rounded-md bg-amber-50/60 p-1.5 ring-1 ring-amber-300 dark:bg-amber-500/10 dark:ring-amber-500/40"
+          se && "rounded-md bg-amber-50/60 p-1.5 ring-1 ring-amber-300 dark:bg-amber-500/10 dark:ring-amber-500/40"
         ),
-        onContextMenu: Ae,
-        onKeyDown: je,
-        onFocusCapture: S.onFocusCapture,
+        onContextMenu: Be,
+        onKeyDown: Ke,
+        onFocusCapture: q.onFocusCapture,
         children: [
-          Ee,
-          T.length > 0 && /* @__PURE__ */ n(
-            Rt,
+          Ue,
+          A.length > 0 && /* @__PURE__ */ n(
+            Mt,
             {
-              cascadeRules: T,
+              cascadeRules: A,
               cascadeFilter: O,
-              currentValue: Ve,
-              relatedCollection: ze,
-              missingRequiredParents: ue,
-              onClear: Ye
+              currentValue: Ze,
+              relatedCollection: Ie,
+              missingRequiredParents: pe,
+              onClear: lt
             }
           ),
-          (R !== "" || G.length > 0) && /* @__PURE__ */ d("div", { className: "flex flex-wrap items-center gap-1.5 min-h-[1.5rem]", children: [
-            R !== "" && /* @__PURE__ */ d(pt, { id: V, "data-field-label": !0, className: "text-sm font-medium", children: [
-              /* @__PURE__ */ n(Te, { text: R, collection: c }),
+          (S !== "" || Y.length > 0) && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-1.5 min-h-[1.5rem]", children: [
+            S !== "" && /* @__PURE__ */ c(_t, { id: z, "data-field-label": !0, className: "text-sm font-medium", children: [
+              /* @__PURE__ */ n(je, { text: S, collection: o }),
               e.required && /* @__PURE__ */ n("span", { className: "ml-0.5 text-destructive", children: "*" }),
-              Et(e) && /* @__PURE__ */ n(Pt, {})
+              Vt(e) && /* @__PURE__ */ n(zt, {})
             ] }),
-            Q.note && /* @__PURE__ */ n(X, { delayDuration: 100, children: /* @__PURE__ */ d(Z, { children: [
-              /* @__PURE__ */ n(I, { asChild: !0, children: /* @__PURE__ */ n(Ze, { className: "h-3.5 w-3.5 shrink-0 cursor-help text-slate-400 hover:text-slate-600" }) }),
-              /* @__PURE__ */ n(ee, { side: "top", className: "max-w-[240px] text-[12px]", children: (s == null ? void 0 : s.glossaryHelp) === !1 ? Q.note : /* @__PURE__ */ n(Te, { text: Q.note, collection: c }) })
+            J.note && /* @__PURE__ */ n(Z, { delayDuration: 100, children: /* @__PURE__ */ c(I, { children: [
+              /* @__PURE__ */ n(ee, { asChild: !0, children: /* @__PURE__ */ n(ot, { className: "h-3.5 w-3.5 shrink-0 cursor-help text-slate-400 hover:text-slate-600" }) }),
+              /* @__PURE__ */ n(te, { side: "top", className: "max-w-[240px] text-[12px]", children: (s == null ? void 0 : s.glossaryHelp) === !1 ? J.note : /* @__PURE__ */ n(je, { text: J.note, collection: o }) })
             ] }) }),
-            !q && i && i !== "new" && /* @__PURE__ */ n(
-              Yt,
+            !E && l && l !== "new" && /* @__PURE__ */ n(
+              sn,
               {
-                collection: c,
-                itemId: i,
+                collection: o,
+                itemId: l,
                 field: e.field,
-                onRestore: e.readonly ? void 0 : (t) => f(e.field, t)
+                onRestore: e.readonly ? void 0 : (t) => p(e.field, t)
               }
             ),
-            !q && i && i !== "new" && /* @__PURE__ */ n(Jt, { collection: c, itemId: i, field: e.field }),
-            i && i !== "new" && Ue && /* @__PURE__ */ n(Qt, { collection: c, itemId: i, field: e.field }),
-            Be && /* @__PURE__ */ n(
-              Dt,
+            !E && l && l !== "new" && /* @__PURE__ */ n(dn, { collection: o, itemId: l, field: e.field }),
+            l && l !== "new" && Ye && /* @__PURE__ */ n(on, { collection: o, itemId: l, field: e.field }),
+            Qe && /* @__PURE__ */ n(
+              Gt,
               {
-                collection: c,
-                itemId: i,
+                collection: o,
+                itemId: l,
                 field: e.field,
-                label: R || me(e.field),
-                onFill: (t) => f(e.field, t)
+                label: S || he(e.field),
+                onFill: (t) => p(e.field, t)
               }
             ),
-            !q && z.show && !(z.perField && (m || e.readonly)) && /* @__PURE__ */ d(
+            !E && Q.show && !(Q.perField && (m || e.readonly)) && /* @__PURE__ */ c(
               "button",
               {
                 type: "button",
-                onClick: De,
-                disabled: fe,
-                "data-ai-fill": z.perField ? e.field : void 0,
+                onClick: We,
+                disabled: be,
+                "data-ai-fill": Q.perField ? e.field : void 0,
                 className: "inline-flex items-center gap-0.5 rounded px-1 py-0.5 text-[10px] font-medium text-nvr-cyan hover:bg-nvr-cyan/10 disabled:opacity-50 transition-colors",
                 title: "Generate with AI",
                 children: [
-                  fe ? /* @__PURE__ */ n(Ie, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ n(et, { className: "h-3 w-3" }),
+                  be ? /* @__PURE__ */ n(st, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ n(dt, { className: "h-3 w-3" }),
                   "AI"
                 ]
               }
             ),
-            oe && /* @__PURE__ */ n(
+            se && /* @__PURE__ */ n(
               "span",
               {
                 "data-tip": "People often change what the AI read from the document here — check it",
@@ -609,37 +632,37 @@ function kn({
                 children: "Check this"
               }
             ),
-            a,
-            L && !m && !e.readonly && /* @__PURE__ */ d(
+            x,
+            $ && !m && !e.readonly && /* @__PURE__ */ c(
               "button",
               {
                 type: "button",
-                onClick: () => L.onApply(o[e.field] ?? null),
-                disabled: o[e.field] == null || o[e.field] === "" || L.count === 0,
+                onClick: () => $.onApply(u[e.field] ?? null),
+                disabled: u[e.field] == null || u[e.field] === "" || $.count === 0,
                 "data-apply-to-lines": e.field,
-                "data-tip": L.count === 0 ? "No lines yet — add lines first" : o[e.field] == null || o[e.field] === "" ? "Pick a value first" : L.count != null ? `Copy this value onto all ${L.count} lines (staged until you save)` : "Copy this value onto every line (staged until you save)",
+                "data-tip": $.count === 0 ? "No lines yet — add lines first" : u[e.field] == null || u[e.field] === "" ? "Pick a value first" : $.count != null ? `Copy this value onto all ${$.count} lines (staged until you save)` : "Copy this value onto every line (staged until you save)",
                 className: "inline-flex items-center gap-1 rounded border border-nvr-cyan/40 px-1.5 py-0.5 text-[10.5px] font-medium text-[#0e7490] transition-colors hover:bg-nvr-cyan/10 disabled:cursor-not-allowed disabled:opacity-40 dark:text-nvr-cyan",
                 children: [
-                  L.label ?? "Apply to lines",
+                  $.label ?? "Apply to lines",
                   " ↓"
                 ]
               }
             ),
-            G.length > 0 && /* @__PURE__ */ n(X, { delayDuration: 100, children: /* @__PURE__ */ d(Z, { children: [
-              /* @__PURE__ */ n(I, { asChild: !0, children: /* @__PURE__ */ d("span", { className: "inline-flex items-center gap-1 rounded-full bg-amber-50 px-1.5 py-0.5 text-[10px] font-medium text-amber-700 border border-amber-200 dark:bg-amber-500/10 dark:text-amber-400 dark:border-amber-500/20 cursor-default", children: [
+            Y.length > 0 && /* @__PURE__ */ n(Z, { delayDuration: 100, children: /* @__PURE__ */ c(I, { children: [
+              /* @__PURE__ */ n(ee, { asChild: !0, children: /* @__PURE__ */ c("span", { className: "inline-flex items-center gap-1 rounded-full bg-amber-50 px-1.5 py-0.5 text-[10px] font-medium text-amber-700 border border-amber-200 dark:bg-amber-500/10 dark:text-amber-400 dark:border-amber-500/20 cursor-default", children: [
                 /* @__PURE__ */ n("span", { className: "h-1.5 w-1.5 rounded-full bg-amber-400 shrink-0" }),
                 "addendum"
               ] }) }),
-              /* @__PURE__ */ d(ee, { side: "top", className: "max-w-[220px] text-[12px]", children: [
-                /* @__PURE__ */ d("p", { className: "font-medium mb-1", children: [
+              /* @__PURE__ */ c(te, { side: "top", className: "max-w-[220px] text-[12px]", children: [
+                /* @__PURE__ */ c("p", { className: "font-medium mb-1", children: [
                   "In active addendum",
-                  G.length > 1 ? "s" : "",
+                  Y.length > 1 ? "s" : "",
                   ":"
                 ] }),
-                G.map((t) => /* @__PURE__ */ d("p", { className: "text-slate-400", children: [
+                Y.map((t) => /* @__PURE__ */ c("p", { className: "text-slate-400", children: [
                   t.title,
                   " ",
-                  /* @__PURE__ */ d("span", { className: "capitalize", children: [
+                  /* @__PURE__ */ c("span", { className: "capitalize", children: [
                     "(",
                     t.status,
                     ")"
@@ -648,108 +671,104 @@ function kn({
               ] })
             ] }) }),
             /* @__PURE__ */ n(
-              _t,
+              At,
               {
-                collection: c,
+                collection: o,
                 kind: "field",
                 name: e.field,
-                label: R
+                label: S
               }
             ),
-            (m || e.readonly) && D ? /* @__PURE__ */ n(gt, { reason: D, onHover: s == null ? void 0 : s.onLockHover }) : m ? /* @__PURE__ */ n(X, { delayDuration: 200, children: /* @__PURE__ */ d(Z, { children: [
-              /* @__PURE__ */ n(I, { asChild: !0, children: /* @__PURE__ */ n("span", { className: "inline-flex items-center text-amber-400 dark:text-amber-500", children: /* @__PURE__ */ n(tt, { className: "h-3 w-3" }) }) }),
-              /* @__PURE__ */ n(ee, { side: "top", className: "text-[12px]", children: "This field is locked" })
+            (m || e.readonly) && D ? /* @__PURE__ */ n($t, { reason: D, onHover: s == null ? void 0 : s.onLockHover }) : m ? /* @__PURE__ */ n(Z, { delayDuration: 200, children: /* @__PURE__ */ c(I, { children: [
+              /* @__PURE__ */ n(ee, { asChild: !0, children: /* @__PURE__ */ n("span", { className: "inline-flex items-center text-amber-400 dark:text-amber-500", children: /* @__PURE__ */ n(ct, { className: "h-3 w-3" }) }) }),
+              /* @__PURE__ */ n(te, { side: "top", className: "text-[12px]", children: "This field is locked" })
             ] }) }) : null,
-            T.length > 0 && (() => {
-              const t = !!O && Object.keys(O).length > 0 && J.length > 0, r = T.map(
-                (x) => Y(String(x.parent_field))
+            A.length > 0 && (() => {
+              const t = !!O && Object.keys(O).length > 0 && B.length > 0, r = A.map(
+                (h) => X(String(h.parent_field))
               );
-              return /* @__PURE__ */ n(X, { delayDuration: 100, children: /* @__PURE__ */ d(Z, { children: [
-                /* @__PURE__ */ n(I, { asChild: !0, children: /* @__PURE__ */ n(
+              return /* @__PURE__ */ n(Z, { delayDuration: 100, children: /* @__PURE__ */ c(I, { children: [
+                /* @__PURE__ */ n(ee, { asChild: !0, children: /* @__PURE__ */ n(
                   "button",
                   {
                     type: "button",
-                    "aria-label": `Show the fields that narrow ${R || "this list"}`,
-                    onClick: Qe,
+                    "aria-label": `Show the fields that narrow ${S || "this list"}`,
+                    onClick: rt,
                     className: P(
                       "inline-flex items-center transition-colors",
                       t ? "text-nvr-cyan hover:text-nvr-cyan" : "text-slate-300 hover:text-nvr-cyan dark:text-slate-600 dark:hover:text-nvr-cyan"
                     ),
-                    children: /* @__PURE__ */ n(nt, { className: "h-3 w-3" })
+                    children: /* @__PURE__ */ n(ut, { className: "h-3 w-3" })
                   }
                 ) }),
-                /* @__PURE__ */ n(ee, { side: "top", className: "text-[12px]", children: t ? `Filtered by ${J.join(", ")} — click to highlight` : `Options filter by ${r.join(", ")} once set` })
+                /* @__PURE__ */ n(te, { side: "top", className: "text-[12px]", children: t ? `Filtered by ${B.join(", ")} — click to highlight` : `Options filter by ${r.join(", ")} once set` })
               ] }) });
             })()
           ] }),
-          S.editor && !m && /* @__PURE__ */ n(
-            vt,
+          q.editor && !m && /* @__PURE__ */ n(
+            St,
             {
-              editor: S.editor,
-              confirming: S.confirming,
-              onConfirm: S.confirm,
-              onCancel: S.cancel
+              editor: q.editor,
+              confirming: q.confirming,
+              onConfirm: q.confirm,
+              onCancel: q.cancel
             }
           ),
-          h ?? /* @__PURE__ */ n(
+          H ?? /* @__PURE__ */ n(
             "div",
             {
-              ref: ye,
-              className: P(m && !H && "cursor-not-allowed"),
+              ref: ge,
+              className: P(m && !W && "cursor-not-allowed"),
               "data-tip": (m || e.readonly) && D ? D : void 0,
               onPointerEnter: (m || e.readonly) && D ? s == null ? void 0 : s.onLockHover : void 0,
               children: /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: ve,
+                  ref: ke,
                   className: P(
                     // A locked FILE field stays interactive: its chips keep the
                     // download link and preview click (the component itself hides
                     // upload/replace/remove when readonly) — blocking pointer events
                     // made attachments unopenable on every locked form (addendum
                     // view, terminal states).
-                    m && !H && "pointer-events-none opacity-60",
+                    m && !W && "pointer-events-none opacity-60",
                     // The ring lands with a 2px shake so the eye finds the field;
                     // the animation runs once when the class is added.
-                    u && "nvr-shake ring-1 ring-red-400 rounded-md",
+                    N && "nvr-shake ring-1 ring-red-400 rounded-md",
                     ae && "nvr-autofill-glow"
                   ),
-                  children: q ? /* @__PURE__ */ n(Mt, { field: e, values: o }) : He ? /* @__PURE__ */ n(
-                    xt,
+                  children: E ? /* @__PURE__ */ n(Qt, { field: e, values: u }) : Je ? /* @__PURE__ */ n(
+                    Ft,
                     {
-                      collection: c,
+                      collection: o,
                       field: e,
-                      draft: o,
-                      itemId: i
+                      draft: u,
+                      itemId: l
                     }
-                  ) : l ? l({
+                  ) : y ? y({
                     field: e,
-                    value: se,
-                    onChange: we,
+                    value: de,
+                    onChange: _e,
                     disabled: m,
-                    collection: c,
-                    itemId: i,
-                    relations: p,
+                    collection: o,
+                    itemId: l,
+                    relations: f,
                     cascadeFilter: O,
-                    unsatisfiedParentLabel: Ge,
-                    requiredParentLabel: Le
+                    unsatisfiedParentLabel: et,
+                    requiredParentLabel: Se
                   }) : /* @__PURE__ */ n(
-                    kt,
+                    qt,
                     {
-                      field: m && H ? { ...e, readonly: !0 } : e,
-                      value: se,
-                      onChange: we,
-                      relations: p,
-                      collection: c,
-                      itemId: i,
+                      field: m && W ? tt() : e,
+                      value: de,
+                      onChange: _e,
+                      relations: f,
+                      collection: o,
+                      itemId: l,
                       cascadeFilter: O,
-                      requiredParentLabel: Le,
-                      narrowedBy: J.length > 0 ? {
-                        labels: J,
-                        keys: Fe,
-                        onClear: (t) => f(t, null)
-                      } : void 0,
-                      onCountChange: y ? (t) => y(e.field, t) : void 0
+                      requiredParentLabel: Se,
+                      narrowedBy: B.length > 0 ? nt() : void 0,
+                      onCountChange: a ? Me : void 0
                     }
                   )
                 },
@@ -757,11 +776,11 @@ function kn({
               )
             }
           ),
-          Ne && /* @__PURE__ */ n(Ot, { value: o[e.field], config: Ne }),
-          ke && /* @__PURE__ */ n(
-            wt,
+          Re && /* @__PURE__ */ n(Yt, { value: u[e.field], config: Re }),
+          Ce && /* @__PURE__ */ n(
+            Tt,
             {
-              change: ke,
+              change: Ce,
               onDismiss: () => s == null ? void 0 : s.dismissRemoteChange(e.field),
               onTakeTheirs: s != null && s.takeRemoteChange ? () => {
                 var t;
@@ -773,9 +792,9 @@ function kn({
       }
     )
   );
-}
+});
 export {
-  kn as FieldRow,
-  wn as lineageSummary,
-  Gt as useFieldLineage
+  jn as FieldRow,
+  En as lineageSummary,
+  an as useFieldLineage
 };