@nivaro/react 0.3.34 → 0.3.36

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

@@ -1,30 +1,31 @@
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import { useQueryClient as Ke, useQueries as pt, useQuery as ie, useMutation as ht } from "@tanstack/react-query";
-import { Info as xt, Loader2 as ft, Sparkles as yt, Lock as bt, SlidersHorizontal as gt, MoreHorizontal as vt, History as wt, BellRing as kt, Bell as _t, Sigma as Nt } from "lucide-react";
-import { memo as Ft, useState as be, useRef as R, useId as Ct, useEffect as ae, useCallback as Oe } from "react";
-import { toast as K } from "sonner";
-import { useParentDraft as Lt, useNivaroClient as oe } from "../../context.js";
-import { showsAiButton as Rt, AUTOFILL_CHECK_KEY as St, readAiFill as $t } from "../../lib/ai-fill.js";
-import { get as U, del as Tt, post as ye } from "../../lib/commands.js";
-import { titleCase as fe, cn as A } from "../../lib/utils.js";
-import { GlossaryLabel as De } from "../ai/GlossaryText.js";
-import { Label as qt } from "../ui/label.js";
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { useQueryClient as We, useQueries as xt, useQuery as le, useMutation as ft } from "@tanstack/react-query";
+import { Info as yt, Loader2 as bt, Sparkles as gt, Lock as vt, SlidersHorizontal as wt, History as kt, BellRing as _t, Bell as Nt, Sigma as Ft } from "lucide-react";
+import { memo as Ct, useState as we, useRef as R, useId as Lt, useEffect as ae, useCallback as Me } from "react";
+import { toast as U } from "sonner";
+import { useParentDraft as Rt, useNivaroClient as oe } from "../../context.js";
+import { showsAiButton as St, AUTOFILL_CHECK_KEY as $t, readAiFill as qt } from "../../lib/ai-fill.js";
+import { get as H, del as Tt, post as ve } from "../../lib/commands.js";
+import { titleCase as ge, cn as D } from "../../lib/utils.js";
+import { GlossaryLabel as Ke } from "../ai/GlossaryText.js";
+import { Label as At } from "../ui/label.js";
 import { TooltipProvider as ee, Tooltip as te, TooltipTrigger as ne, TooltipContent as re } from "../ui/tooltip.js";
-import { useAddendumFields as At } from "./AddendumFieldContext.js";
+import { useAddendumFields as Et } from "./AddendumFieldContext.js";
 import { AutoIdPreviewField as Pt } from "./AutoIdPreviewField.js";
-import { FOCUSABLE as Be } from "./entry/entry-keys.js";
-import { useFieldAffordances as Et, useFieldContextMenu as jt, usePresenceSoftLock as Mt, LockReasonBadge as Ot, PresenceSoftLockStrip as Dt, RemoteChangeGhost as Bt } from "./FieldAffordances.js";
-import { FieldRenderer as Ht } from "./FieldRenderer.js";
-import { FormHelpVideoButton as Kt } from "./FormHelpVideoButton.js";
-import { getCascadeFilters as Ut, SYSTEM_FIELDS as Wt, parseJson as zt, buildCascadeFilter as Vt, CascadeEffectController as Gt } from "./helpers.js";
-import { isDerivedForRecord as Qt } from "./live-rollups.js";
-import { useM2MStaging as Yt } from "./M2MStagingContext.js";
-import { PersonalDefaultPill as Jt, PersonalDefaultHint as It } from "./PersonalDefaultPill.js";
-import { isDisplayFormulaRow as He, usePlacementTextContext as Xt, placementFieldText as Zt, fieldCounterConfig as en, fieldIsRecommended as tn, RecommendedMarker as nn, RepeatLastButton as rn, DisplayFormulaValue as an, FieldCounter as on } from "./placement-behaviour.js";
-import { keepIfEqual as ln, jsonEqual as sn } from "./render-stability.js";
-import { usePersonalDefaultsApi as dn } from "./usePersonalDefaults.js";
-import { resolveOptionFilterTokens as cn } from "../../lib/option-filter-tokens.js";
-const un = /* @__PURE__ */ new Set(["integer", "float", "decimal", "bigInteger", "number"]), mn = /* @__PURE__ */ new Set(["string", "text", "richtext", "textarea", "markdown", "json", "csv"]), pn = /* @__PURE__ */ new Set([
+import { FOCUSABLE as Ue } from "./entry/entry-keys.js";
+import { useFieldAffordances as jt, useFieldContextMenu as Dt, usePresenceSoftLock as Ot, LockReasonBadge as Bt, PresenceSoftLockStrip as Mt, RemoteChangeGhost as Kt } from "./FieldAffordances.js";
+import { FieldRenderer as Ut } from "./FieldRenderer.js";
+import { FormHelpVideoButton as Ht } from "./FormHelpVideoButton.js";
+import { getCascadeFilters as Wt, SYSTEM_FIELDS as Vt, parseJson as zt, buildCascadeFilter as Gt, CascadeEffectController as Qt } from "./helpers.js";
+import { isDerivedForRecord as Yt } from "./live-rollups.js";
+import { useM2MStaging as Jt } from "./M2MStagingContext.js";
+import { personalDefaultSlotFor as Xt, PersonalDefaultSlot as Zt } from "./PersonalDefaultControl.js";
+import { PersonalDefaultHint as It } from "./PersonalDefaultPill.js";
+import { isDisplayFormulaRow as He, usePlacementTextContext as en, placementFieldText as tn, fieldCounterConfig as nn, fieldIsRecommended as rn, RecommendedMarker as ln, RepeatLastButton as an, DisplayFormulaValue as on, FieldCounter as sn } from "./placement-behaviour.js";
+import { keepIfEqual as dn, jsonEqual as cn } from "./render-stability.js";
+import { usePersonalDefaultsApi as un } from "./usePersonalDefaults.js";
+import { resolveOptionFilterTokens as mn } from "../../lib/option-filter-tokens.js";
+const pn = /* @__PURE__ */ new Set(["integer", "float", "decimal", "bigInteger", "number"]), hn = /* @__PURE__ */ new Set(["string", "text", "richtext", "textarea", "markdown", "json", "csv"]), xn = /* @__PURE__ */ new Set([
   "input",
   "textarea",
   "wysiwyg",
@@ -32,7 +33,7 @@ const un = /* @__PURE__ */ new Set(["integer", "float", "decimal", "bigInteger",
   "input-rich-text-html",
   "rich_text",
   "extension-editorjs"
-]), hn = /* @__PURE__ */ new Set([
+]), fn = /* @__PURE__ */ new Set([
   "relation-m2o",
   "relation-m2m",
   "select-multiple-m2m",
@@ -43,24 +44,24 @@ const un = /* @__PURE__ */ new Set(["integer", "float", "decimal", "bigInteger",
   "file",
   "files",
   "image"
-]), xn = /* @__PURE__ */ new Set(["file", "file-image", "files-m2m", "files", "image"]);
-function fn(d) {
+]), yn = /* @__PURE__ */ new Set(["file", "file-image", "files-m2m", "files", "image"]);
+function bn(d) {
   const e = d.interface ?? "";
-  return hn.has(e) || e.startsWith("relation-") || e.endsWith("-m2o") || e.endsWith("-m2m") ? !1 : !!(mn.has(d.type ?? "") || pn.has(e) || !e && d.type && !un.has(d.type));
+  return fn.has(e) || e.startsWith("relation-") || e.endsWith("-m2o") || e.endsWith("-m2m") ? !1 : !!(hn.has(d.type ?? "") || xn.has(e) || !e && d.type && !pn.has(d.type));
 }
-function yn(d, e, m, h) {
+function gn(d, e, m, p) {
   const f = oe();
-  return ie({
+  return le({
     queryKey: ["field-lineage", d, e, m],
     queryFn: () => f.request(
-      U(`/lineage/${d}/${encodeURIComponent(e)}/${m}`)
-    ).then((l) => l.data),
-    enabled: h,
+      H(`/lineage/${d}/${encodeURIComponent(e)}/${m}`)
+    ).then((i) => i.data),
+    enabled: p,
     staleTime: 3e4
   });
 }
-function Qn(d, e = "rows") {
-  var i, N, b;
+function Xn(d, e = "rows") {
+  var l, N, b;
   if (d && (d.kind === "write" || d.kind === "read") && d.formula) {
     const u = (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) => {
@@ -69,63 +70,63 @@ function Qn(d, e = "rows") {
     }).replace(/\s*-\s*/g, " − ").replace(/\s*\*\s*/g, " × ").replace(/\s*\/\s*/g, " ÷ ")}`;
   }
   if (!d || d.kind !== "rollup") return null;
-  const m = (d.sources ?? []).reduce((u, o) => u + o.rows.length, 0), h = (d.sources ?? []).reduce((u, o) => {
+  const m = (d.sources ?? []).reduce((u, o) => u + o.rows.length, 0), p = (d.sources ?? []).reduce((u, o) => {
     var y;
     return u + (((y = o.excluded) == null ? void 0 : y.length) ?? 0);
-  }, 0), f = (b = (N = (i = (d.sources ?? []).find((u) => {
+  }, 0), f = (b = (N = (l = (d.sources ?? []).find((u) => {
     var o;
     return (o = u.excluded) == null ? void 0 : o.length;
-  })) == null ? void 0 : i.excluded) == null ? void 0 : N[0]) == null ? void 0 : b.reason, l = [`= ${m} ${m === 1 ? e.replace(/s$/, "") : e}`];
-  return h && l.push(
-    `${h} excluded${f ? ` (${f.replace(/^does not match: /, "")})` : ""}`
-  ), l.join(" · ");
+  })) == null ? void 0 : l.excluded) == null ? void 0 : N[0]) == null ? void 0 : b.reason, i = [`= ${m} ${m === 1 ? e.replace(/s$/, "") : e}`];
+  return p && i.push(
+    `${p} excluded${f ? ` (${f.replace(/^does not match: /, "")})` : ""}`
+  ), i.join(" · ");
 }
-function bn({
+function vn({
   collection: d,
   itemId: e,
   field: m
 }) {
-  const [h, f] = be(!1), l = R(null), { data: i, isLoading: N } = yn(d, e, m, h);
+  const [p, f] = we(!1), i = R(null), { data: l, isLoading: N } = gn(d, e, m, p);
   ae(() => {
-    if (!h) return;
+    if (!p) return;
     const o = (y) => {
       var a;
-      (a = l.current) != null && a.contains(y.target) || f(!1);
+      (a = i.current) != null && a.contains(y.target) || f(!1);
     };
     return window.addEventListener("mousedown", o), () => window.removeEventListener("mousedown", o);
-  }, [h]);
-  const b = (o) => o == null ? "—" : Number(o).toLocaleString(void 0, { maximumFractionDigits: 2 }), u = (i == null ? void 0 : i.stored_value) != null ? Number(i.stored_value) : null;
-  return /* @__PURE__ */ c("div", { ref: l, className: "relative inline-flex", children: [
-    /* @__PURE__ */ n(
+  }, [p]);
+  const b = (o) => o == null ? "—" : Number(o).toLocaleString(void 0, { maximumFractionDigits: 2 }), u = (l == null ? void 0 : l.stored_value) != null ? Number(l.stored_value) : null;
+  return /* @__PURE__ */ c("div", { ref: i, className: "relative inline-flex", children: [
+    /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         onClick: () => f((o) => !o),
         title: "Where does this number come from?",
-        className: A(
+        className: D(
           "inline-flex items-center rounded p-0.5 transition-opacity",
-          h ? "text-nvr-cyan opacity-100" : "text-slate-400 hover:text-nvr-cyan dark:text-slate-300 dark:hover:text-nvr-cyan"
+          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(Nt, { className: "h-3 w-3" })
+        children: /* @__PURE__ */ r(Ft, { className: "h-3 w-3" })
       }
     ),
-    h && /* @__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" }),
-      N && /* @__PURE__ */ n("p", { className: "px-1 py-2 text-[11.5px] text-slate-400", children: "Loading…" }),
-      (i == null ? void 0 : i.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: i.formula }),
-        Object.entries(i.inputs ?? {}).map(([o, y]) => /* @__PURE__ */ c("p", { className: "text-[11.5px] text-slate-500 dark:text-muted-foreground", children: [
-          /* @__PURE__ */ n("span", { className: "font-mono", children: o }),
+    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__ */ r("p", { className: "mb-1 px-1 text-[10px] font-semibold uppercase tracking-wide text-slate-400", children: "Where this number comes from" }),
+      N && /* @__PURE__ */ r("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__ */ r("p", { className: "font-mono text-[11px] text-slate-600 dark:text-slate-300", children: l.formula }),
+        Object.entries(l.inputs ?? {}).map(([o, y]) => /* @__PURE__ */ c("p", { className: "text-[11.5px] text-slate-500 dark:text-muted-foreground", children: [
+          /* @__PURE__ */ r("span", { className: "font-mono", children: o }),
           " = ",
           b(y)
         ] }, o)),
         /* @__PURE__ */ c("p", { className: "pt-1 text-[11.5px] font-medium text-slate-700 dark:text-slate-200", children: [
           "= ",
-          b(i.stored_value)
+          b(l.stored_value)
         ] })
       ] }),
-      (i == null ? void 0 : i.kind) === "rollup" && (i.sources ?? []).map((o, y) => {
+      (l == null ? void 0 : l.kind) === "rollup" && (l.sources ?? []).map((o, y) => {
         var a;
         return /* @__PURE__ */ c("div", { className: "mb-1.5", children: [
           /* @__PURE__ */ c("p", { className: "px-1 text-[10.5px] text-slate-400", children: [
@@ -135,16 +136,16 @@ function bn({
             o.collection,
             o.filtered ? " (filtered)" : ""
           ] }),
-          o.error && /* @__PURE__ */ n("p", { className: "px-1 py-1 text-[11.5px] text-amber-600 dark:text-amber-400", children: o.error }),
-          o.note && /* @__PURE__ */ n("p", { className: "px-1 py-1 text-[11.5px] text-slate-400", children: o.note }),
-          o.rows.length > 0 && /* @__PURE__ */ n("div", { className: "mt-0.5 space-y-px", children: o.rows.map((x) => /* @__PURE__ */ c(
+          o.error && /* @__PURE__ */ r("p", { className: "px-1 py-1 text-[11.5px] text-amber-600 dark:text-amber-400", children: o.error }),
+          o.note && /* @__PURE__ */ r("p", { className: "px-1 py-1 text-[11.5px] text-slate-400", children: o.note }),
+          o.rows.length > 0 && /* @__PURE__ */ r("div", { className: "mt-0.5 space-y-px", children: o.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: 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(
+                /* @__PURE__ */ r("span", { className: "min-w-0 flex-1 truncate text-slate-600 dark:text-slate-300", children: x.label }),
+                /* @__PURE__ */ r("span", { className: "shrink-0 font-mono tabular-nums text-slate-800 dark:text-slate-100", children: b(x.value) }),
+                /* @__PURE__ */ r(
                   "span",
                   {
                     className: "w-[88px] shrink-0 truncate text-right text-[10px] text-slate-400",
@@ -156,7 +157,7 @@ function bn({
             },
             x.id
           )) }),
-          o.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." }),
+          o.truncated && /* @__PURE__ */ r("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." }),
           o.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 ",
             b(o.subtotal)
@@ -173,8 +174,8 @@ function bn({
               {
                 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: x.label }),
-                  /* @__PURE__ */ n("span", { className: "shrink-0 font-mono tabular-nums", children: b(x.value) })
+                  /* @__PURE__ */ r("span", { className: "min-w-0 flex-1 truncate line-through decoration-slate-300", children: x.label }),
+                  /* @__PURE__ */ r("span", { className: "shrink-0 font-mono tabular-nums", children: b(x.value) })
                 ]
               },
               x.id
@@ -187,64 +188,64 @@ function bn({
           ] })
         ] }, y);
       }),
-      (i == null ? void 0 : i.kind) === "rollup" && u != null && /* @__PURE__ */ c("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" && u != null && /* @__PURE__ */ c("p", { className: "px-1 pt-0.5 text-right text-[11.5px] text-slate-500 dark:text-muted-foreground", children: [
         "stored ",
         b(u),
         (() => {
-          const o = (i.sources ?? []).reduce((a, x) => a + (x.subtotal ?? 0), 0);
-          return (i.sources ?? []).some((a) => a.truncated) ? null : Math.abs(o - u) < 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 o = (l.sources ?? []).reduce((a, x) => a + (x.subtotal ?? 0), 0);
+          return (l.sources ?? []).some((a) => a.truncated) ? null : Math.abs(o - u) < 0.01 ? /* @__PURE__ */ r("span", { className: "ml-1 text-emerald-600 dark:text-emerald-400", children: "✓ matches" }) : /* @__PURE__ */ r("span", { className: "ml-1 text-amber-600 dark:text-amber-400", children: "✕ differs from contributions" });
         })()
       ] })
     ] })
   ] });
 }
-function gn({
+function wn({
   collection: d,
   itemId: e,
   field: m,
-  formatValue: h,
+  formatValue: p,
   onRestore: f
 }) {
-  const l = oe(), [i, N] = be(!1), b = R(null), { data: u, isLoading: o } = ie({
+  const i = oe(), [l, N] = we(!1), b = R(null), { data: u, isLoading: o } = le({
     queryKey: ["field-value-history", d, e, m],
-    queryFn: () => l.request(U(`/field-history/${d}/${encodeURIComponent(e)}/${m}`)).then((a) => a.data ?? []),
-    enabled: i,
+    queryFn: () => i.request(H(`/field-history/${d}/${encodeURIComponent(e)}/${m}`)).then((a) => a.data ?? []),
+    enabled: l,
     staleTime: 6e4
   });
   ae(() => {
-    if (!i) return;
+    if (!l) return;
     const a = (x) => {
       var W;
       (W = b.current) != null && W.contains(x.target) || N(!1);
     };
     return window.addEventListener("mousedown", a), () => window.removeEventListener("mousedown", a);
-  }, [i]);
-  const y = (a, x) => x || (a == null || a === "" ? "—" : h ? h(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));
+  }, [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(
+    /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         onClick: () => N((a) => !a),
         title: "Value history",
-        className: A(
+        className: D(
           "inline-flex items-center rounded p-0.5 transition-opacity",
-          i ? "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(wt, { className: "h-3 w-3" })
+        children: /* @__PURE__ */ r(kt, { className: "h-3 w-3" })
       }
     ),
-    i && /* @__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" }),
-      o ? /* @__PURE__ */ n("p", { className: "px-1 py-2 text-[11.5px] text-slate-400", children: "Loading…" }) : (u ?? []).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: (u ?? []).map((a, x) => /* @__PURE__ */ c(
+    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__ */ r("p", { className: "mb-1 px-1 text-[10px] font-semibold uppercase tracking-wide text-slate-400", children: "Value history" }),
+      o ? /* @__PURE__ */ r("p", { className: "px-1 py-2 text-[11.5px] text-slate-400", children: "Loading…" }) : (u ?? []).length === 0 ? /* @__PURE__ */ r("p", { className: "px-1 py-2 text-[11.5px] text-slate-400", children: "No recorded changes for this field." }) : /* @__PURE__ */ r("div", { className: "space-y-1", children: (u ?? []).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__ */ 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) }),
-              f && x > 0 && /* @__PURE__ */ n(
+              /* @__PURE__ */ r("span", { className: "font-medium text-slate-700 dark:text-slate-200", children: y(a.value, a.display) }),
+              f && x > 0 && /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
@@ -260,7 +261,7 @@ function gn({
               a.action === "create" ? "initial value" : "changed",
               a.timestamp ? ` · ${new Date(a.timestamp).toLocaleString()}` : "",
               a.user_name ? ` · ${a.user_name}` : "",
-              a.origin && a.origin.kind !== "user" && /* @__PURE__ */ n(
+              a.origin && a.origin.kind !== "user" && /* @__PURE__ */ r(
                 "span",
                 {
                   className: a.origin.kind === "integration" ? "ml-1 rounded bg-purple-500/10 px-1 py-px text-[9.5px] font-medium text-purple-700 dark:text-purple-400" : a.origin.kind === "import" ? "ml-1 rounded bg-sky-500/10 px-1 py-px text-[9.5px] font-medium text-sky-700 dark:text-sky-400" : "ml-1 rounded bg-amber-500/10 px-1 py-px text-[9.5px] font-medium text-amber-700 dark:text-amber-400",
@@ -280,34 +281,34 @@ function gn({
     ] })
   ] });
 }
-function vn({
+function kn({
   collection: d,
   itemId: e,
   field: m
 }) {
-  const h = oe(), f = Ke(), { data: l } = ie({
+  const p = oe(), f = We(), { data: i } = le({
     queryKey: ["field-watch-config"],
-    queryFn: () => h.request(U("/field-watches/config")).then((o) => o.data).catch(() => ({ enabled: !1 })),
+    queryFn: () => p.request(H("/field-watches/config")).then((o) => o.data).catch(() => ({ enabled: !1 })),
     staleTime: 5 * 6e4
-  }), i = ["field-watch-self", d, e], { data: N = [] } = ie({
-    queryKey: i,
-    queryFn: () => h.request(U("/field-watches/self", { collection: d, item_id: e })).then((o) => o.data ?? []).catch(() => []),
-    enabled: !!(l != null && l.enabled),
+  }), l = ["field-watch-self", d, e], { data: N = [] } = le({
+    queryKey: l,
+    queryFn: () => p.request(H("/field-watches/self", { collection: d, item_id: e })).then((o) => o.data ?? []).catch(() => []),
+    enabled: !!(i != null && i.enabled),
     staleTime: 6e4
-  }), b = N.includes(m), u = ht({
-    mutationFn: () => b ? h.request(
+  }), b = N.includes(m), u = ft({
+    mutationFn: () => b ? p.request(
       Tt(
         `/field-watches/self?collection=${encodeURIComponent(d)}&field=${encodeURIComponent(m)}&item_id=${encodeURIComponent(e)}`
       )
-    ) : h.request(ye("/field-watches/self", { collection: d, field: m, item_id: e })),
+    ) : p.request(ve("/field-watches/self", { collection: d, field: m, item_id: e })),
     onSuccess: () => {
-      f.invalidateQueries({ queryKey: i }), K.success(
+      f.invalidateQueries({ queryKey: l }), U.success(
         b ? "No longer watching this field" : "Watching — you will be notified when it changes"
       );
     },
-    onError: () => K.error("Could not update the watch")
+    onError: () => U.error("Could not update the watch")
   });
-  return l != null && l.enabled ? /* @__PURE__ */ n(
+  return i != null && i.enabled ? /* @__PURE__ */ r(
     "button",
     {
       type: "button",
@@ -315,22 +316,22 @@ function vn({
       title: b ? "Stop watching this field on this record" : "Watch this field on this record",
       "data-field-watch": m,
       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(kt, { className: "h-3 w-3" }) : /* @__PURE__ */ n(_t, { className: "h-3 w-3" })
+      children: b ? /* @__PURE__ */ r(_t, { className: "h-3 w-3" }) : /* @__PURE__ */ r(Nt, { className: "h-3 w-3" })
     }
   ) : null;
 }
-function wn(d) {
+function _n(d) {
   return d ? d.querySelector(
     'input:not([type=hidden]), textarea, [role="combobox"], [contenteditable="true"]'
   ) ?? d.querySelector("button") : null;
 }
-const Yn = Ft(function({
+const Zn = Ct(function({
   field: e,
   draft: m,
-  onChange: h,
+  onChange: p,
   relations: f,
-  collection: l,
-  itemId: i,
+  collection: i,
+  itemId: l,
   error: N,
   visible: b,
   locked: u,
@@ -339,222 +340,223 @@ const Yn = Ft(function({
   onCountChange: a,
   swapButton: x,
   swapContent: W,
-  forceVisible: Ue,
-  autoFillTick: le
+  forceVisible: Ve,
+  autoFillTick: ie
 }) {
-  var Ee, je, Me;
-  const z = xn.has(e.interface ?? ""), C = Lt(), g = Yt(), ge = Ke(), se = oe(), [ve, V] = be(!1), s = Et(), G = R(null), Q = Ct(), de = R(null), we = R(!1);
+  var De, Oe, Be;
+  const V = yn.has(e.interface ?? ""), C = Rt(), g = Jt(), ke = We(), se = oe(), [_e, z] = we(!1), s = jt(), G = R(null), Q = Lt(), de = R(null), Ne = R(!1);
   ae(() => {
-    const t = we.current ? wn(de.current) : null;
+    const t = Ne.current ? _n(de.current) : null;
     if (!t || t.hasAttribute("aria-label")) return;
     t.id || (t.id = `${Q}-control`);
-    const r = t.tagName === "BUTTON" ? `${Q} ${t.id}` : Q;
-    t.getAttribute("aria-labelledby") !== r && t.setAttribute("aria-labelledby", r);
+    const n = t.tagName === "BUTTON" ? `${Q} ${t.id}` : Q;
+    t.getAttribute("aria-labelledby") !== n && t.setAttribute("aria-labelledby", n);
   });
-  const ke = u && !z, _e = R(null);
+  const Fe = u && !V, Ce = R(null);
   ae(() => {
-    const t = _e.current;
+    const t = Ce.current;
     if (!t) return;
-    if (!ke) {
+    if (!Fe) {
       t.removeAttribute("inert");
       return;
     }
-    const r = typeof document < "u" ? document.activeElement : null;
-    r instanceof HTMLElement && t.contains(r) && r.blur(), t.setAttribute("inert", "");
-  }, [ke, le]);
-  const Y = e.field, Ne = Oe(
+    const n = typeof document < "u" ? document.activeElement : null;
+    n instanceof HTMLElement && t.contains(n) && n.blur(), t.setAttribute("inert", "");
+  }, [Fe, ie]);
+  const Y = e.field, Le = Me(
     (t) => {
-      u || h(Y, t);
+      u || p(Y, t);
     },
-    [u, h, Y]
-  ), We = Oe(
+    [u, p, Y]
+  ), ze = Me(
     (t) => a == null ? void 0 : a(Y, t),
     [a, Y]
-  ), ze = R(void 0), Fe = R(void 0), Ce = R(void 0), {
-    onContextMenu: Ve,
-    onKeyDown: Ge,
-    menu: Qe,
-    openFrom: Ye,
-    isOpen: Le,
-    hasFieldItems: Je
-  } = jt({
+  ), Ge = R(void 0), Re = R(void 0), Se = R(void 0), $e = !u && !e.readonly && !e.computed_formula && !(e.hidden && !e.layout_assigned) && !He(e), {
+    onContextMenu: Qe,
+    onKeyDown: Ye,
+    menu: Je,
+    confirmSaveFrom: Xe,
+    openedBy: ce
+  } = Dt({
     wrapperRef: G,
     field: e,
     value: m[e.field],
     relations: f,
-    collection: l,
-    itemId: i,
+    collection: i,
+    itemId: l,
     openRelated: s == null ? void 0 : s.openRelated,
-    // Only a field the person can edit here may carry a personal default.
-    editable: !u && !e.readonly && !e.computed_formula && !(e.hidden && !e.layout_assigned) && !He(e)
-  }), P = Mt(G), Ie = Xt(), Re = s == null ? void 0 : s.remoteChanges[e.field], O = s == null ? void 0 : s.lockReasons[e.field], T = s == null ? void 0 : s.applyToLines[e.field], L = dn(), Se = (L == null ? void 0 : L.applied(e.field)) ?? !1, $e = (L == null ? void 0 : L.hintFor(e.field)) ?? null, J = Rt(e._overrides, o, fn(e)), ce = !!(s != null && s.fromAutofill) && !!e._overrides && e._overrides[St] === !0;
-  async function Xe() {
+    editable: $e
+  }), A = Ot(G), Ze = en(), qe = s == null ? void 0 : s.remoteChanges[e.field], O = s == null ? void 0 : s.lockReasons[e.field], q = s == null ? void 0 : s.applyToLines[e.field], L = un(), Ie = (L == null ? void 0 : L.applied(e.field)) ?? !1, Te = (L == null ? void 0 : L.hintFor(e.field)) ?? null, ue = Xt(L, e.field, $e), me = () => {
+    var t, n;
+    return ((t = de.current) == null ? void 0 : t.querySelector(Ue)) ?? ((n = G.current) == null ? void 0 : n.querySelector(Ue));
+  }, J = St(e._overrides, o, bn(e)), pe = !!(s != null && s.fromAutofill) && !!e._overrides && e._overrides[$t] === !0;
+  async function et() {
     var t;
-    if (J.perField) return Ze();
-    V(!0);
+    if (J.perField) return tt();
+    z(!0);
     try {
-      const r = await se.request(
-        ye("/ai/generate", {
-          collection: l,
-          item_id: i !== "new" ? i : void 0,
+      const n = await se.request(
+        ve("/ai/generate", {
+          collection: i,
+          item_id: l !== "new" ? l : void 0,
           field: e.field
         })
       );
-      ((t = r.data) == null ? void 0 : t.value) != null && h(e.field, r.data.value);
+      ((t = n.data) == null ? void 0 : t.value) != null && p(e.field, n.data.value);
     } catch {
     } finally {
-      V(!1);
+      z(!1);
     }
   }
-  async function Ze() {
-    var r, p, k, M, q, F;
+  async function tt() {
+    var n, h, k, j, T, F;
     const t = {};
-    for (const v of ((r = $t(e._overrides)) == null ? void 0 : r.tokens) ?? []) v in m && (t[v] = m[v]);
-    V(!0);
+    for (const v of ((n = qt(e._overrides)) == null ? void 0 : n.tokens) ?? []) v in m && (t[v] = m[v]);
+    z(!0);
     try {
       const v = await se.request(
-        ye("/ai/field-fill", {
-          collection: l,
+        ve("/ai/field-fill", {
+          collection: i,
           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
         })
-      ), _ = (p = v.data) == null ? void 0 : p.value;
-      typeof _ == "string" && _ !== "" ? h(e.field, _) : K.info("The AI had nothing to write here"), (M = (k = v.data) == null ? void 0 : k.missing) != null && M.length && K.info(`Filled without ${v.data.missing.join(", ")} (empty or not visible to you)`);
+      ), _ = (h = v.data) == null ? void 0 : h.value;
+      typeof _ == "string" && _ !== "" ? p(e.field, _) : U.info("The AI had nothing to write here"), (j = (k = v.data) == null ? void 0 : k.missing) != null && j.length && U.info(`Filled without ${v.data.missing.join(", ")} (empty or not visible to you)`);
     } catch (v) {
       const _ = v;
-      K.error(((F = (q = _ == null ? void 0 : _.response) == null ? void 0 : q.data) == null ? void 0 : F.error) ?? (_ == null ? void 0 : _.message) ?? "AI fill failed");
+      U.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 {
-      V(!1);
+      z(!1);
     }
   }
-  const E = Ut(e.dependency_config), Te = E.flatMap((t) => {
-    const r = f.find(
-      (k) => k.one_collection === l && k.one_field === t.parent_field
+  const E = Wt(e.dependency_config), Ae = E.flatMap((t) => {
+    const n = f.find(
+      (k) => k.one_collection === i && k.one_field === t.parent_field
     );
-    if (!r) return [];
-    if (r.junction_field) return [{ rule: t, rel: r }];
-    const p = f.find(
-      (k) => k.many_collection === r.many_collection && k.id !== r.id
+    if (!n) return [];
+    if (n.junction_field) return [{ rule: t, rel: n }];
+    const h = f.find(
+      (k) => k.many_collection === n.many_collection && k.id !== n.id
     );
-    return p != null && p.many_field ? [{ rule: t, rel: { ...r, junction_field: p.many_field } }] : [];
-  }), et = pt({
-    queries: Te.map(({ rel: t }) => ({
-      queryKey: ["m2m-items", t.many_collection, t.many_field, i],
+    return h != null && h.many_field ? [{ rule: t, rel: { ...n, junction_field: h.many_field } }] : [];
+  }), nt = xt({
+    queries: Ae.map(({ rel: t }) => ({
+      queryKey: ["m2m-items", t.many_collection, t.many_field, l],
       queryFn: () => se.request(
-        U(`/items/${t.many_collection}`, {
-          filter: JSON.stringify({ [t.many_field]: { _eq: i } }),
+        H(`/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",
+      ).then((n) => n.data ?? []),
+      enabled: !!l && l !== "new",
       staleTime: 3e4
     }))
-  }), tt = Object.fromEntries(
-    Te.map(({ rule: t, rel: r }, p) => {
-      var q;
-      const k = r.one_field ?? `${r.many_collection}.${r.junction_field}`, M = (g == null ? void 0 : g.getStagedUnlinks(k)) ?? /* @__PURE__ */ new Set();
+  }), rt = Object.fromEntries(
+    Ae.map(({ rule: t, rel: n }, h) => {
+      var T;
+      const k = n.one_field ?? `${n.many_collection}.${n.junction_field}`, j = (g == null ? void 0 : g.getStagedUnlinks(k)) ?? /* @__PURE__ */ new Set();
       return [
         t.parent_field,
-        (((q = et[p]) == null ? void 0 : q.data) ?? []).filter((F) => !M.has(F.id)).map((F) => F[r.junction_field])
+        (((T = nt[h]) == null ? void 0 : T.data) ?? []).filter((F) => !j.has(F.id)).map((F) => F[n.junction_field])
       ];
     })
-  ), I = At()[e.field] ?? [];
-  if (!Ue && (!b || !e.layout_assigned && (e.hidden || Wt.has(e.field))))
+  ), X = Et()[e.field] ?? [];
+  if (!Ve && (!b || !e.layout_assigned && (e.hidden || Vt.has(e.field))))
     return null;
-  const ue = m[e.field] ?? null, X = Zt(e, Ie), S = X.label ?? fe(e.field);
-  we.current = S !== "";
-  const j = He(e), qe = j ? null : en(e), nt = !j && !u && !e.readonly && ((Ee = e._overrides) == null ? void 0 : Ee.repeat_last) === !0, rt = Qt(e, m), it = (Me = (je = zt(e.options)) == null ? void 0 : je.auto_id) == null ? void 0 : Me.pattern, w = (() => {
+  const he = m[e.field] ?? null, Z = tn(e, Ze), S = Z.label ?? ge(e.field);
+  Ne.current = S !== "";
+  const P = He(e), Ee = P ? null : nn(e), lt = !P && !u && !e.readonly && ((De = e._overrides) == null ? void 0 : De.repeat_last) === !0, at = Yt(e, m), ot = (Be = (Oe = zt(e.options)) == null ? void 0 : Oe.auto_id) == null ? void 0 : Be.pattern, w = (() => {
     const t = f.find(
-      (p) => p.one_collection === l && p.one_field === e.field
+      (h) => h.one_collection === i && h.one_field === e.field
     );
     if (!t) return null;
     if (t.junction_field) return t;
-    const r = f.find(
-      (p) => p.many_collection === t.many_collection && p.id !== t.id
+    const n = f.find(
+      (h) => h.many_collection === t.many_collection && h.id !== t.id
     );
-    return r ? { ...t, junction_field: r.many_field } : null;
-  })(), me = w ? null : f.find((t) => t.many_collection === l && t.many_field === e.field) ?? null, pe = w ? f.find(
+    return n ? { ...t, junction_field: n.many_field } : null;
+  })(), xe = w ? null : f.find((t) => t.many_collection === i && t.many_field === e.field) ?? null, fe = w ? f.find(
     (t) => t.many_collection === w.many_collection && t.many_field === w.junction_field && t.id !== w.id
-  ) ?? null : null, D = w ? w.one_field ?? `${w.many_collection}.${w.junction_field}` : null, Ae = D ? (g == null ? void 0 : g.getStagedLinks(D)) ?? [] : [], at = w ? (ge.getQueryData([
+  ) ?? null : null, B = w ? w.one_field ?? `${w.many_collection}.${w.junction_field}` : null, Pe = B ? (g == null ? void 0 : g.getStagedLinks(B)) ?? [] : [], it = w ? (ke.getQueryData([
     "m2m-items",
     w.many_collection,
     w.many_field,
-    i
-  ]) ?? []).map((t) => t[w.junction_field]) : [], ot = w ? Ae[0] ?? at[0] ?? null : ue, lt = (pe == null ? void 0 : pe.one_collection) ?? (me == null ? void 0 : me.one_collection) ?? void 0, Z = (t) => {
-    var r;
-    return ((C == null ? void 0 : C.collection) === l ? (r = C == null ? void 0 : C.fieldLabels) == null ? void 0 : r[t] : void 0) ?? fe(String(t));
-  }, $ = Vt({
+    l
+  ]) ?? []).map((t) => t[w.junction_field]) : [], st = w ? Pe[0] ?? it[0] ?? null : he, dt = (fe == null ? void 0 : fe.one_collection) ?? (xe == null ? void 0 : xe.one_collection) ?? void 0, I = (t) => {
+    var n;
+    return ((C == null ? void 0 : C.collection) === i ? (n = C == null ? void 0 : C.fieldLabels) == null ? void 0 : n[t] : void 0) ?? ge(String(t));
+  }, $ = Gt({
     rules: E,
     // 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 = g == null ? void 0 : g.getDerivedOrigin) == null ? void 0 : r.call(g, t)) === e.field;
+      var n;
+      return ((n = g == null ? void 0 : g.getDerivedOrigin) == null ? void 0 : n.call(g, t)) === e.field;
     },
     parentValue: (t) => {
       if (m[t] != null) return m[t];
-      const r = f.find((v) => v.one_collection === l && v.one_field === t);
-      if (!r) return null;
-      let p = r;
-      if (!p.junction_field) {
+      const n = f.find((v) => v.one_collection === i && v.one_field === t);
+      if (!n) return null;
+      let h = n;
+      if (!h.junction_field) {
         const v = f.find(
-          (_) => _.many_collection === r.many_collection && _.id !== r.id
+          (_) => _.many_collection === n.many_collection && _.id !== n.id
         );
-        if (v != null && v.many_field) p = { ...r, junction_field: v.many_field };
+        if (v != null && v.many_field) h = { ...n, junction_field: v.many_field };
         else return null;
       }
-      const k = p.one_field ?? `${p.many_collection}.${p.junction_field}`, M = (g == null ? void 0 : g.getStagedLinks(k)) ?? [], q = tt[t] ?? [], F = [...new Set([...M, ...q].map((v) => String(v)))];
+      const k = h.one_field ?? `${h.many_collection}.${h.junction_field}`, j = (g == null ? void 0 : g.getStagedLinks(k)) ?? [], T = rt[t] ?? [], F = [...new Set([...j, ...T].map((v) => String(v)))];
       return F.length === 0 ? null : F.length === 1 ? F[0] : F;
     },
     parentOptionFilter: (t) => {
-      var p;
-      const r = (C == null ? void 0 : C.collection) === l ? (p = C.fieldOptionFilters) == null ? void 0 : p[t] : void 0;
-      return r ? cn(r, m, i) : void 0;
+      var h;
+      const n = (C == null ? void 0 : C.collection) === i ? (h = C.fieldOptionFilters) == null ? void 0 : h[t] : void 0;
+      return n ? mn(n, m, l) : void 0;
     }
-  }), B = $.filter ? ln(ze, $.filter, sn) : $.filter, H = $.satisfiedParents.map(Z), he = $.satisfiedParents, st = $.unsatisfiedParents.length ? Z($.unsatisfiedParents[0]) : null, xe = $.missingRequiredParents, Pe = xe.length ? Z(xe[0]) : null;
-  function dt() {
-    const t = Ce.current;
+  }), M = $.filter ? dn(Ge, $.filter, cn) : $.filter, K = $.satisfiedParents.map(I), ye = $.satisfiedParents, ct = $.unsatisfiedParents.length ? I($.unsatisfiedParents[0]) : null, be = $.missingRequiredParents, je = be.length ? I(be[0]) : null;
+  function ut() {
+    const t = Se.current;
     if (t && t.src === e) return t.value;
-    const r = { ...e, readonly: !0 };
-    return Ce.current = { src: e, value: r }, r;
+    const n = { ...e, readonly: !0 };
+    return Se.current = { src: e, value: n }, n;
   }
-  function ct() {
-    const t = JSON.stringify([H, he]), r = Fe.current;
-    if (r && r.sig === t && r.onChange === h) return r.value;
-    const p = {
-      labels: H,
-      keys: he,
-      onClear: (k) => h(k, null)
+  function mt() {
+    const t = JSON.stringify([K, ye]), n = Re.current;
+    if (n && n.sig === t && n.onChange === p) return n.value;
+    const h = {
+      labels: K,
+      keys: ye,
+      onClear: (k) => p(k, null)
     };
-    return Fe.current = { sig: t, onChange: h, value: p }, p;
+    return Re.current = { sig: t, onChange: p, value: h }, h;
   }
-  function ut() {
-    for (const t of he) {
-      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(() => {
-          r.style.transition = "", r.style.borderRadius = "";
+  function pt() {
+    for (const t of ye) {
+      const n = document.querySelector(`[data-field="${t}"]`);
+      n && (n.scrollIntoView({ behavior: "smooth", block: "center" }), n.style.transition = "box-shadow 0.15s ease", n.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)", n.style.borderRadius = "12px", setTimeout(() => {
+        n.style.boxShadow = "none", setTimeout(() => {
+          n.style.transition = "", n.style.borderRadius = "";
         }, 300);
       }, 900));
     }
   }
-  const mt = () => {
-    if (w && D) {
-      for (const r of Ae) g == null || g.unstageLink(D, r);
-      const t = ge.getQueryData([
+  const ht = () => {
+    if (w && B) {
+      for (const n of Pe) g == null || g.unstageLink(B, n);
+      const t = ke.getQueryData([
         "m2m-items",
         w.many_collection,
         w.many_field,
-        i
+        l
       ]) ?? [];
-      for (const r of t) g == null || g.stageUnlink(D, r.id);
+      for (const n of t) g == null || g.stageUnlink(B, n.id);
     } else
-      h(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
@@ -563,266 +565,270 @@ const Yn = Ft(function({
       {
         ref: G,
         "data-field": e.field,
-        "data-field-collection": l,
+        "data-field-collection": i,
         "data-field-interface": e.interface ?? void 0,
-        "data-autofill-check": ce ? "" : void 0,
-        className: A(
+        "data-autofill-check": pe ? "" : void 0,
+        className: D(
           "group/fieldrow space-y-1.5",
-          ce && "rounded-md bg-amber-50/60 p-1.5 ring-1 ring-amber-300 dark:bg-amber-500/10 dark:ring-amber-500/40"
+          pe && "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: Ve,
-        onKeyDown: Ge,
-        onFocusCapture: P.onFocusCapture,
+        onContextMenu: Qe,
+        onKeyDown: Ye,
+        onFocusCapture: A.onFocusCapture,
         children: [
-          Qe,
-          E.length > 0 && /* @__PURE__ */ n(
-            Gt,
+          Je,
+          E.length > 0 && /* @__PURE__ */ r(
+            Qt,
             {
               cascadeRules: E,
-              cascadeFilter: B,
-              currentValue: ot,
-              relatedCollection: lt,
-              missingRequiredParents: xe,
-              onClear: mt
+              cascadeFilter: M,
+              currentValue: st,
+              relatedCollection: dt,
+              missingRequiredParents: be,
+              onClear: ht
             }
           ),
-          (S !== "" || I.length > 0) && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-1.5 min-h-[1.5rem]", children: [
-            S !== "" && /* @__PURE__ */ c(qt, { id: Q, "data-field-label": !0, className: "text-sm font-medium", children: [
-              /* @__PURE__ */ n(De, { text: S, collection: l }),
-              e.required && /* @__PURE__ */ n("span", { className: "ml-0.5 text-destructive", children: "*" }),
-              tn(e) && /* @__PURE__ */ n(nn, {})
-            ] }),
-            X.note && /* @__PURE__ */ n(ee, { delayDuration: 100, children: /* @__PURE__ */ c(te, { children: [
-              /* @__PURE__ */ n(ne, { asChild: !0, children: /* @__PURE__ */ n(xt, { className: "h-3.5 w-3.5 shrink-0 cursor-help text-slate-400 hover:text-slate-600" }) }),
-              /* @__PURE__ */ n(re, { side: "top", className: "max-w-[240px] text-[12px]", children: (s == null ? void 0 : s.glossaryHelp) === !1 ? X.note : /* @__PURE__ */ n(De, { text: X.note, collection: l }) })
-            ] }) }),
-            !j && i && i !== "new" && /* @__PURE__ */ n(
-              gn,
-              {
-                collection: l,
-                itemId: i,
-                field: e.field,
-                onRestore: e.readonly ? void 0 : (t) => h(e.field, t)
-              }
-            ),
-            !j && i && i !== "new" && /* @__PURE__ */ n(vn, { collection: l, itemId: i, field: e.field }),
-            i && i !== "new" && rt && /* @__PURE__ */ n(bn, { collection: l, itemId: i, field: e.field }),
-            nt && /* @__PURE__ */ n(
-              rn,
-              {
-                collection: l,
-                itemId: i,
-                field: e.field,
-                label: S || fe(e.field),
-                onFill: (t) => h(e.field, t)
-              }
-            ),
-            !j && J.show && !(J.perField && (u || e.readonly)) && /* @__PURE__ */ c(
-              "button",
-              {
-                type: "button",
-                onClick: Xe,
-                disabled: ve,
-                "data-ai-fill": J.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: [
-                  ve ? /* @__PURE__ */ n(ft, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ n(yt, { className: "h-3 w-3" }),
-                  "AI"
-                ]
-              }
-            ),
-            ce && /* @__PURE__ */ n(
-              "span",
-              {
-                "data-tip": "People often change what the AI read from the document here — check it",
-                className: "inline-flex items-center rounded px-1.5 py-0.5 text-[10.5px] font-medium text-amber-800 bg-amber-100 dark:bg-amber-500/15 dark:text-amber-200",
-                children: "Check this"
-              }
-            ),
-            Se && /* @__PURE__ */ n(
-              Jt,
-              {
-                field: e.field,
-                label: S,
-                onUndo: () => {
-                  L == null || L.undo(e.field), requestAnimationFrame(() => {
-                    var r, p;
-                    const t = ((r = de.current) == null ? void 0 : r.querySelector(Be)) ?? ((p = G.current) == null ? void 0 : p.querySelector(Be));
-                    t == null || t.focus();
-                  });
-                }
-              }
-            ),
-            x,
-            T && !u && !e.readonly && /* @__PURE__ */ c(
-              "button",
-              {
-                type: "button",
-                onClick: () => T.onApply(m[e.field] ?? null),
-                disabled: m[e.field] == null || m[e.field] === "" || T.count === 0,
-                "data-apply-to-lines": e.field,
-                "data-tip": T.count === 0 ? "No lines yet — add lines first" : m[e.field] == null || m[e.field] === "" ? "Pick a value first" : T.count != null ? `Copy this value onto all ${T.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: [
-                  T.label ?? "Apply to lines",
-                  " ↓"
-                ]
-              }
-            ),
-            I.length > 0 && /* @__PURE__ */ n(ee, { delayDuration: 100, children: /* @__PURE__ */ c(te, { children: [
-              /* @__PURE__ */ n(ne, { 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__ */ c(re, { side: "top", className: "max-w-[220px] text-[12px]", children: [
-                /* @__PURE__ */ c("p", { className: "font-medium mb-1", children: [
-                  "In active addendum",
-                  I.length > 1 ? "s" : "",
-                  ":"
+          (S !== "" || X.length > 0) && /* @__PURE__ */ c(
+            "div",
+            {
+              className: "flex flex-wrap items-center gap-1.5 min-h-[1.5rem]",
+              "data-pd-row": ue ? "" : void 0,
+              children: [
+                S !== "" && /* @__PURE__ */ c(At, { id: Q, "data-field-label": !0, className: "text-sm font-medium", children: [
+                  /* @__PURE__ */ r(Ke, { text: S, collection: i }),
+                  e.required && /* @__PURE__ */ r("span", { className: "ml-0.5 text-destructive", children: "*" }),
+                  rn(e) && /* @__PURE__ */ r(ln, {})
                 ] }),
-                I.map((t) => /* @__PURE__ */ c("p", { className: "text-slate-400", children: [
-                  t.title,
-                  " ",
-                  /* @__PURE__ */ c("span", { className: "capitalize", children: [
-                    "(",
-                    t.status,
-                    ")"
-                  ] })
-                ] }, t.id))
-              ] })
-            ] }) }),
-            /* @__PURE__ */ n(
-              Kt,
-              {
-                collection: l,
-                kind: "field",
-                name: e.field,
-                label: S
-              }
-            ),
-            (u || e.readonly) && O ? /* @__PURE__ */ n(Ot, { reason: O, onHover: s == null ? void 0 : s.onLockHover }) : u ? /* @__PURE__ */ n(ee, { delayDuration: 200, children: /* @__PURE__ */ c(te, { children: [
-              /* @__PURE__ */ n(ne, { asChild: !0, children: /* @__PURE__ */ n("span", { className: "inline-flex items-center text-amber-400 dark:text-amber-500", children: /* @__PURE__ */ n(bt, { className: "h-3 w-3" }) }) }),
-              /* @__PURE__ */ n(re, { side: "top", className: "text-[12px]", children: "This field is locked" })
-            ] }) }) : null,
-            E.length > 0 && (() => {
-              const t = !!B && Object.keys(B).length > 0 && H.length > 0, r = E.map(
-                (p) => Z(String(p.parent_field))
-              );
-              return /* @__PURE__ */ n(ee, { delayDuration: 100, children: /* @__PURE__ */ c(te, { children: [
-                /* @__PURE__ */ n(ne, { asChild: !0, children: /* @__PURE__ */ n(
+                Z.note && /* @__PURE__ */ r(ee, { delayDuration: 100, children: /* @__PURE__ */ c(te, { children: [
+                  /* @__PURE__ */ r(ne, { asChild: !0, children: /* @__PURE__ */ r(yt, { className: "h-3.5 w-3.5 shrink-0 cursor-help text-slate-400 hover:text-slate-600" }) }),
+                  /* @__PURE__ */ r(re, { side: "top", className: "max-w-[240px] text-[12px]", children: (s == null ? void 0 : s.glossaryHelp) === !1 ? Z.note : /* @__PURE__ */ r(Ke, { text: Z.note, collection: i }) })
+                ] }) }),
+                !P && l && l !== "new" && /* @__PURE__ */ r(
+                  wn,
+                  {
+                    collection: i,
+                    itemId: l,
+                    field: e.field,
+                    onRestore: e.readonly ? void 0 : (t) => p(e.field, t)
+                  }
+                ),
+                !P && l && l !== "new" && /* @__PURE__ */ r(kn, { collection: i, itemId: l, field: e.field }),
+                l && l !== "new" && at && /* @__PURE__ */ r(vn, { collection: i, itemId: l, field: e.field }),
+                lt && /* @__PURE__ */ r(
+                  an,
+                  {
+                    collection: i,
+                    itemId: l,
+                    field: e.field,
+                    label: S || ge(e.field),
+                    onFill: (t) => p(e.field, t)
+                  }
+                ),
+                !P && J.show && !(J.perField && (u || e.readonly)) && /* @__PURE__ */ c(
                   "button",
                   {
                     type: "button",
-                    "aria-label": `Show the fields that narrow ${S || "this list"}`,
-                    onClick: ut,
-                    className: A(
-                      "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(gt, { className: "h-3 w-3" })
+                    onClick: et,
+                    disabled: _e,
+                    "data-ai-fill": J.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: [
+                      _e ? /* @__PURE__ */ r(bt, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ r(gt, { className: "h-3 w-3" }),
+                      "AI"
+                    ]
                   }
-                ) }),
-                /* @__PURE__ */ n(re, { side: "top", className: "text-[12px]", children: t ? `Filtered by ${H.join(", ")} — click to highlight` : `Options filter by ${r.join(", ")} once set` })
-              ] }) });
-            })(),
-            Je && // The field menu for touch and pointer people (right-click / Shift+F10 still work).
-            // Shown on hover, focus and touch; opacity (not `hidden`) keeps its slot and its tab stop.
-            /* @__PURE__ */ n(
-              "button",
-              {
-                type: "button",
-                "data-field-menu-trigger": e.field,
-                "aria-label": "Field options",
-                "aria-haspopup": "menu",
-                "aria-expanded": Le,
-                "data-tip": "Field options",
-                onClick: (t) => Ye(t.currentTarget),
-                className: A(
-                  "inline-flex h-5 w-5 items-center justify-center rounded text-slate-500 opacity-0 transition-[opacity,color,background-color] duration-150 hover:bg-muted hover:text-slate-800 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan/40 group-hover/fieldrow:opacity-100 group-focus-within/fieldrow:opacity-100 [@media(hover:none)]:opacity-100 dark:text-slate-400 dark:hover:text-slate-100",
-                  Le && "opacity-100"
                 ),
-                children: /* @__PURE__ */ n(vt, { className: "h-3.5 w-3.5", "aria-hidden": !0 })
-              }
-            )
-          ] }),
-          P.editor && !u && /* @__PURE__ */ n(
-            Dt,
+                pe && /* @__PURE__ */ r(
+                  "span",
+                  {
+                    "data-tip": "People often change what the AI read from the document here — check it",
+                    className: "inline-flex items-center rounded px-1.5 py-0.5 text-[10.5px] font-medium text-amber-800 bg-amber-100 dark:bg-amber-500/15 dark:text-amber-200",
+                    children: "Check this"
+                  }
+                ),
+                x,
+                q && !u && !e.readonly && /* @__PURE__ */ c(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => q.onApply(m[e.field] ?? null),
+                    disabled: m[e.field] == null || m[e.field] === "" || q.count === 0,
+                    "data-apply-to-lines": e.field,
+                    "data-tip": q.count === 0 ? "No lines yet — add lines first" : m[e.field] == null || m[e.field] === "" ? "Pick a value first" : q.count != null ? `Copy this value onto all ${q.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: [
+                      q.label ?? "Apply to lines",
+                      " ↓"
+                    ]
+                  }
+                ),
+                X.length > 0 && /* @__PURE__ */ r(ee, { delayDuration: 100, children: /* @__PURE__ */ c(te, { children: [
+                  /* @__PURE__ */ r(ne, { 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__ */ r("span", { className: "h-1.5 w-1.5 rounded-full bg-amber-400 shrink-0" }),
+                    "addendum"
+                  ] }) }),
+                  /* @__PURE__ */ c(re, { side: "top", className: "max-w-[220px] text-[12px]", children: [
+                    /* @__PURE__ */ c("p", { className: "font-medium mb-1", children: [
+                      "In active addendum",
+                      X.length > 1 ? "s" : "",
+                      ":"
+                    ] }),
+                    X.map((t) => /* @__PURE__ */ c("p", { className: "text-slate-400", children: [
+                      t.title,
+                      " ",
+                      /* @__PURE__ */ c("span", { className: "capitalize", children: [
+                        "(",
+                        t.status,
+                        ")"
+                      ] })
+                    ] }, t.id))
+                  ] })
+                ] }) }),
+                /* @__PURE__ */ r(
+                  Ht,
+                  {
+                    collection: i,
+                    kind: "field",
+                    name: e.field,
+                    label: S
+                  }
+                ),
+                (u || e.readonly) && O ? /* @__PURE__ */ r(Bt, { reason: O, onHover: s == null ? void 0 : s.onLockHover }) : u ? /* @__PURE__ */ r(ee, { delayDuration: 200, children: /* @__PURE__ */ c(te, { children: [
+                  /* @__PURE__ */ r(ne, { asChild: !0, children: /* @__PURE__ */ r("span", { className: "inline-flex items-center text-amber-400 dark:text-amber-500", children: /* @__PURE__ */ r(vt, { className: "h-3 w-3" }) }) }),
+                  /* @__PURE__ */ r(re, { side: "top", className: "text-[12px]", children: "This field is locked" })
+                ] }) }) : null,
+                E.length > 0 && (() => {
+                  const t = !!M && Object.keys(M).length > 0 && K.length > 0, n = E.map(
+                    (h) => I(String(h.parent_field))
+                  );
+                  return /* @__PURE__ */ r(ee, { delayDuration: 100, children: /* @__PURE__ */ c(te, { children: [
+                    /* @__PURE__ */ r(ne, { asChild: !0, children: /* @__PURE__ */ r(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": `Show the fields that narrow ${S || "this list"}`,
+                        onClick: pt,
+                        className: D(
+                          "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__ */ r(wt, { className: "h-3 w-3" })
+                      }
+                    ) }),
+                    /* @__PURE__ */ r(re, { side: "top", className: "text-[12px]", children: t ? `Filtered by ${K.join(", ")} — click to highlight` : `Options filter by ${n.join(", ")} once set` })
+                  ] }) });
+                })(),
+                ue && // Right-anchored: the personal-default control flush with the field's right edge
+                // (it carries Make / Update / Clear itself — no ⋯ button; right-click and
+                // Shift+F10 still open the field menu). The slot keeps one box whatever it shows,
+                // so nothing to its left moves.
+                /* @__PURE__ */ r("span", { className: "ml-auto inline-flex shrink-0 items-center gap-1", children: /* @__PURE__ */ r(
+                  Zt,
+                  {
+                    field: e.field,
+                    label: S,
+                    state: ue,
+                    confirmOpen: ce === "make" || ce === "update" ? ce : null,
+                    onConfirm: (t, n) => (
+                      // After a save the button becomes "Your default": focus goes to the field.
+                      Xe(t, me, n)
+                    ),
+                    onUndo: () => {
+                      L == null || L.undo(e.field), requestAnimationFrame(() => {
+                        var t;
+                        return (t = me()) == null ? void 0 : t.focus();
+                      });
+                    },
+                    onCleared: () => (
+                      // The Clear button is gone (and not a tab stop): focus goes to the field.
+                      requestAnimationFrame(() => {
+                        var t;
+                        return (t = me()) == null ? void 0 : t.focus();
+                      })
+                    )
+                  }
+                ) })
+              ]
+            }
+          ),
+          A.editor && !u && /* @__PURE__ */ r(
+            Mt,
             {
-              editor: P.editor,
-              confirming: P.confirming,
-              onConfirm: P.confirm,
-              onCancel: P.cancel
+              editor: A.editor,
+              confirming: A.confirming,
+              onConfirm: A.confirm,
+              onCancel: A.cancel
             }
           ),
-          W ?? /* @__PURE__ */ n(
+          W ?? /* @__PURE__ */ r(
             "div",
             {
               ref: de,
-              className: A(u && !z && "cursor-not-allowed"),
+              className: D(u && !V && "cursor-not-allowed"),
               "data-tip": (u || e.readonly) && O ? O : void 0,
               onPointerEnter: (u || e.readonly) && O ? s == null ? void 0 : s.onLockHover : void 0,
-              children: /* @__PURE__ */ n(
+              children: /* @__PURE__ */ r(
                 "div",
                 {
-                  ref: _e,
-                  className: A(
+                  ref: Ce,
+                  className: D(
                     // 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).
-                    u && !z && "pointer-events-none opacity-60",
+                    u && !V && "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.
                     N && "nvr-shake ring-1 ring-red-400 rounded-md",
-                    le && "nvr-autofill-glow"
+                    ie && "nvr-autofill-glow"
                   ),
-                  children: j ? /* @__PURE__ */ n(an, { field: e, values: m }) : it ? /* @__PURE__ */ n(
+                  children: P ? /* @__PURE__ */ r(on, { field: e, values: m }) : ot ? /* @__PURE__ */ r(
                     Pt,
                     {
-                      collection: l,
+                      collection: i,
                       field: e,
                       draft: m,
-                      itemId: i
+                      itemId: l
                     }
                   ) : y ? y({
                     field: e,
-                    value: ue,
-                    onChange: Ne,
+                    value: he,
+                    onChange: Le,
                     disabled: u,
-                    collection: l,
-                    itemId: i,
+                    collection: i,
+                    itemId: l,
                     relations: f,
-                    cascadeFilter: B,
-                    unsatisfiedParentLabel: st,
-                    requiredParentLabel: Pe
-                  }) : /* @__PURE__ */ n(
-                    Ht,
+                    cascadeFilter: M,
+                    unsatisfiedParentLabel: ct,
+                    requiredParentLabel: je
+                  }) : /* @__PURE__ */ r(
+                    Ut,
                     {
-                      field: u && z ? dt() : e,
-                      value: ue,
-                      onChange: Ne,
+                      field: u && V ? ut() : e,
+                      value: he,
+                      onChange: Le,
                       relations: f,
-                      collection: l,
-                      itemId: i,
-                      cascadeFilter: B,
-                      requiredParentLabel: Pe,
-                      narrowedBy: H.length > 0 ? ct() : void 0,
-                      onCountChange: a ? We : void 0
+                      collection: i,
+                      itemId: l,
+                      cascadeFilter: M,
+                      requiredParentLabel: je,
+                      narrowedBy: K.length > 0 ? mt() : void 0,
+                      onCountChange: a ? ze : void 0
                     }
                   )
                 },
-                le ?? 0
+                ie ?? 0
               )
             }
           ),
-          qe && /* @__PURE__ */ n(on, { value: m[e.field], config: qe }),
-          $e && !Se && /* @__PURE__ */ n(It, { field: e.field, text: $e }),
-          Re && /* @__PURE__ */ n(
-            Bt,
+          Ee && /* @__PURE__ */ r(sn, { value: m[e.field], config: Ee }),
+          Te && !Ie && /* @__PURE__ */ r(It, { field: e.field, text: Te }),
+          qe && /* @__PURE__ */ r(
+            Kt,
             {
-              change: Re,
+              change: qe,
               onDismiss: () => s == null ? void 0 : s.dismissRemoteChange(e.field),
               onTakeTheirs: s != null && s.takeRemoteChange ? () => {
                 var t;
@@ -836,7 +842,7 @@ const Yn = Ft(function({
   );
 });
 export {
-  Yn as FieldRow,
-  Qn as lineageSummary,
-  yn as useFieldLineage
+  Zn as FieldRow,
+  Xn as lineageSummary,
+  gn as useFieldLineage
 };