@nivaro/react 0.3.33 → 0.3.35

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

@@ -1,27 +1,31 @@
-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 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([
+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 Et } from "./AddendumFieldContext.js";
+import { AutoIdPreviewField as Pt } from "./AutoIdPreviewField.js";
+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",
@@ -29,7 +33,7 @@ const It = /* @__PURE__ */ new Set(["integer", "float", "decimal", "bigInteger",
   "input-rich-text-html",
   "rich_text",
   "extension-editorjs"
-]), nn = /* @__PURE__ */ new Set([
+]), fn = /* @__PURE__ */ new Set([
   "relation-m2o",
   "relation-m2m",
   "select-multiple-m2m",
@@ -40,108 +44,108 @@ const It = /* @__PURE__ */ new Set(["integer", "float", "decimal", "bigInteger",
   "file",
   "files",
   "image"
-]), rn = /* @__PURE__ */ new Set(["file", "file-image", "files-m2m", "files", "image"]);
-function ln(d) {
+]), yn = /* @__PURE__ */ new Set(["file", "file-image", "files-m2m", "files", "image"]);
+function bn(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));
+  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 an(d, e, u, p) {
-  const f = le();
-  return ne({
-    queryKey: ["field-lineage", d, e, u],
+function gn(d, e, m, p) {
+  const f = oe();
+  return le({
+    queryKey: ["field-lineage", d, e, m],
     queryFn: () => f.request(
-      U(`/lineage/${d}/${encodeURIComponent(e)}/${u}`)
-    ).then((o) => o.data),
+      H(`/lineage/${d}/${encodeURIComponent(e)}/${m}`)
+    ).then((i) => i.data),
     enabled: p,
     staleTime: 3e4
   });
 }
-function En(d, e = "rows") {
+function Xn(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);
+    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) => {
       var x;
-      return m((x = d.inputs) == null ? void 0 : x[a]);
+      return u((x = d.inputs) == null ? void 0 : x[a]);
     }).replace(/\s*-\s*/g, " − ").replace(/\s*\*\s*/g, " × ").replace(/\s*\/\s*/g, " ÷ ")}`;
   }
   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) => {
+  const m = (d.sources ?? []).reduce((u, o) => u + o.rows.length, 0), p = (d.sources ?? []).reduce((u, o) => {
     var y;
-    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(
+    return u + (((y = o.excluded) == null ? void 0 : y.length) ?? 0);
+  }, 0), f = (b = (N = (l = (d.sources ?? []).find((u) => {
+    var o;
+    return (o = u.excluded) == null ? void 0 : o.length;
+  })) == 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: /, "")})` : ""}`
-  ), o.join(" · ");
+  ), i.join(" · ");
 }
-function on({
+function vn({
   collection: d,
   itemId: e,
-  field: u
+  field: m
 }) {
-  const [p, f] = fe(!1), o = L(null), { data: l, isLoading: N } = an(d, e, u, p);
-  re(() => {
+  const [p, f] = we(!1), i = R(null), { data: l, isLoading: N } = gn(d, e, m, p);
+  ae(() => {
     if (!p) return;
-    const i = (y) => {
+    const o = (y) => {
       var a;
-      (a = o.current) != null && a.contains(y.target) || f(!1);
+      (a = i.current) != null && a.contains(y.target) || f(!1);
     };
-    return window.addEventListener("mousedown", i), () => window.removeEventListener("mousedown", i);
+    return window.addEventListener("mousedown", o), () => window.removeEventListener("mousedown", o);
   }, [p]);
-  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(
+  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((i) => !i),
+        onClick: () => f((o) => !o),
         title: "Where does this number come from?",
-        className: P(
+        className: D(
           "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(xt, { className: "h-3 w-3" })
+        children: /* @__PURE__ */ r(Ft, { className: "h-3 w-3" })
       }
     ),
     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" }),
-      N && /* @__PURE__ */ n("p", { className: "px-1 py-2 text-[11.5px] text-slate-400", children: "Loading…" }),
+      /* @__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__ */ 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 }),
+        /* @__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)
-        ] }, i)),
+        ] }, o)),
         /* @__PURE__ */ c("p", { className: "pt-1 text-[11.5px] font-medium text-slate-700 dark:text-slate-200", children: [
           "= ",
           b(l.stored_value)
         ] })
       ] }),
-      (l == null ? void 0 : l.kind) === "rollup" && (l.sources ?? []).map((i, 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: [
-            (i.aggregate ?? "sum").toUpperCase(),
-            i.value_field ? ` of ${i.value_field}` : "",
+            (o.aggregate ?? "sum").toUpperCase(),
+            o.value_field ? ` of ${o.value_field}` : "",
             " across ",
-            i.collection,
-            i.filtered ? " (filtered)" : ""
+            o.collection,
+            o.filtered ? " (filtered)" : ""
           ] }),
-          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(
+          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",
@@ -153,95 +157,95 @@ function on({
             },
             x.id
           )) }),
-          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: [
+          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(i.subtotal)
+            b(o.subtotal)
           ] }),
-          (((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: [
+          (((a = o.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,
+              o.excluded.length,
               " excluded —",
               " ",
-              i.excluded[0].reason.replace(/^does not match: /, "")
+              o.excluded[0].reason.replace(/^does not match: /, "")
             ] }),
-            i.excluded.slice(0, 8).map((x) => /* @__PURE__ */ c(
+            o.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: 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
             )),
-            i.excluded.length > 8 && /* @__PURE__ */ c("p", { className: "px-0.5 text-[10.5px] text-slate-400", children: [
+            o.excluded.length > 8 && /* @__PURE__ */ c("p", { className: "px-0.5 text-[10.5px] text-slate-400", children: [
               "+",
-              i.excluded.length - 8,
+              o.excluded.length - 8,
               " more"
             ] })
           ] })
         ] }, y);
       }),
-      (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: [
+      (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(m),
+        b(u),
         (() => {
-          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" });
+          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 sn({
+function wn({
   collection: d,
   itemId: e,
-  field: u,
+  field: m,
   formatValue: p,
   onRestore: f
 }) {
-  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 ?? []),
+  const i = oe(), [l, N] = we(!1), b = R(null), { data: u, isLoading: o } = le({
+    queryKey: ["field-value-history", d, e, m],
+    queryFn: () => i.request(H(`/field-history/${d}/${encodeURIComponent(e)}/${m}`)).then((a) => a.data ?? []),
     enabled: l,
     staleTime: 6e4
   });
-  re(() => {
+  ae(() => {
     if (!l) return;
     const a = (x) => {
-      var H;
-      (H = b.current) != null && H.contains(x.target) || N(!1);
+      var W;
+      (W = b.current) != null && W.contains(x.target) || N(!1);
     };
     return window.addEventListener("mousedown", a), () => window.removeEventListener("mousedown", a);
   }, [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: P(
+        className: D(
           "inline-flex items-center rounded p-0.5 transition-opacity",
           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(mt, { className: "h-3 w-3" })
+        children: /* @__PURE__ */ r(kt, { className: "h-3 w-3" })
       }
     ),
     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" }),
-      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(
+      /* @__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",
@@ -257,7 +261,7 @@ function sn({
               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",
@@ -277,274 +281,280 @@ function sn({
     ] })
   ] });
 }
-function dn({
+function kn({
   collection: d,
   itemId: e,
-  field: u
+  field: m
 }) {
-  const p = le(), f = Pe(), { data: o } = ne({
+  const p = oe(), f = We(), { data: i } = le({
     queryKey: ["field-watch-config"],
-    queryFn: () => p.request(U("/field-watches/config")).then((i) => i.data).catch(() => ({ enabled: !1 })),
+    queryFn: () => p.request(H("/field-watches/config")).then((o) => o.data).catch(() => ({ enabled: !1 })),
     staleTime: 5 * 6e4
-  }), l = ["field-watch-self", d, e], { data: N = [] } = ne({
+  }), l = ["field-watch-self", d, e], { data: N = [] } = le({
     queryKey: l,
-    queryFn: () => p.request(U("/field-watches/self", { collection: d, item_id: e })).then((i) => i.data ?? []).catch(() => []),
-    enabled: !!(o != null && o.enabled),
+    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(u), m = it({
+  }), b = N.includes(m), u = ft({
     mutationFn: () => b ? p.request(
-      kt(
-        `/field-watches/self?collection=${encodeURIComponent(d)}&field=${encodeURIComponent(u)}&item_id=${encodeURIComponent(e)}`
+      Tt(
+        `/field-watches/self?collection=${encodeURIComponent(d)}&field=${encodeURIComponent(m)}&item_id=${encodeURIComponent(e)}`
       )
-    ) : p.request(xe("/field-watches/self", { collection: d, field: u, item_id: e })),
+    ) : p.request(ve("/field-watches/self", { collection: d, field: m, item_id: e })),
     onSuccess: () => {
-      f.invalidateQueries({ queryKey: l }), 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 o != null && o.enabled ? /* @__PURE__ */ n(
+  return i != null && i.enabled ? /* @__PURE__ */ r(
     "button",
     {
       type: "button",
-      onClick: () => m.mutate(),
+      onClick: () => u.mutate(),
       title: b ? "Stop watching this field on this record" : "Watch this field on this record",
-      "data-field-watch": u,
+      "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(pt, { className: "h-3 w-3" }) : /* @__PURE__ */ n(ht, { 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 cn(d) {
+function _n(d) {
   return d ? d.querySelector(
     'input:not([type=hidden]), textarea, [role="combobox"], [contenteditable="true"]'
   ) ?? d.querySelector("button") : null;
 }
-const jn = ft(function({
+const Zn = Ct(function({
   field: e,
-  draft: u,
+  draft: m,
   onChange: p,
   relations: f,
-  collection: o,
+  collection: i,
   itemId: l,
   error: N,
   visible: b,
-  locked: m,
-  layoutAiEnabled: i,
+  locked: u,
+  layoutAiEnabled: o,
   renderField: y,
   onCountChange: a,
   swapButton: x,
-  swapContent: H,
-  forceVisible: De,
-  autoFillTick: ae
+  swapContent: W,
+  forceVisible: Ve,
+  autoFillTick: ie
 }) {
-  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;
+  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 = Ne.current ? _n(de.current) : null;
     if (!t || t.hasAttribute("aria-label")) return;
-    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);
+    t.id || (t.id = `${Q}-control`);
+    const n = t.tagName === "BUTTON" ? `${Q} ${t.id}` : Q;
+    t.getAttribute("aria-labelledby") !== n && t.setAttribute("aria-labelledby", n);
   });
-  const we = m && !W, ke = L(null);
-  re(() => {
-    const t = ke.current;
+  const Fe = u && !V, Ce = R(null);
+  ae(() => {
+    const t = Ce.current;
     if (!t) return;
-    if (!we) {
+    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", "");
-  }, [we, ae]);
-  const G = e.field, _e = Ee(
+    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) => {
-      m || p(G, t);
+      u || p(Y, 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,
+    [u, p, Y]
+  ), ze = Me(
+    (t) => a == null ? void 0 : a(Y, t),
+    [a, Y]
+  ), 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: u[e.field],
+    value: m[e.field],
     relations: f,
-    collection: o,
+    collection: i,
     itemId: l,
-    openRelated: s == null ? void 0 : s.openRelated
-  }), 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() {
+    openRelated: s == null ? void 0 : s.openRelated,
+    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 (Q.perField) return Ve();
-    V(!0);
+    if (J.perField) return tt();
+    z(!0);
     try {
-      const r = await ie.request(
-        xe("/ai/generate", {
-          collection: o,
+      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 && p(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 Ve() {
-    var r, h, k, j, T, F;
+  async function tt() {
+    var n, h, k, j, T, F;
     const t = {};
-    for (const v of ((r = wt(e._overrides)) == null ? void 0 : r.tokens) ?? []) v in u && (t[v] = u[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 ie.request(
-        xe("/ai/field-fill", {
-          collection: o,
+      const v = await se.request(
+        ve("/ai/field-fill", {
+          collection: i,
           layout_id: (s == null ? void 0 : s.layoutId) ?? null,
           field: e.field,
           item_id: l && l !== "new" ? l : null,
           values: t
         })
       ), _ = (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)`);
+      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 = (T = _ == null ? void 0 : _.response) == null ? void 0 : T.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 A = Et(e.dependency_config), Le = A.flatMap((t) => {
-    const r = f.find(
-      (k) => k.one_collection === o && 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 }];
+    if (!n) return [];
+    if (n.junction_field) return [{ rule: t, rel: n }];
     const h = f.find(
-      (k) => k.many_collection === r.many_collection && k.id !== r.id
+      (k) => k.many_collection === n.many_collection && k.id !== n.id
     );
-    return h != null && h.many_field ? [{ rule: t, rel: { ...r, junction_field: h.many_field } }] : [];
-  }), ze = at({
-    queries: Le.map(({ rel: t }) => ({
+    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: () => ie.request(
-        U(`/items/${t.many_collection}`, {
+      queryFn: () => se.request(
+        H(`/items/${t.many_collection}`, {
           filter: JSON.stringify({ [t.many_field]: { _eq: l } }),
           limit: 200,
           fields: `id,${t.junction_field}`
         })
-      ).then((r) => r.data ?? []),
+      ).then((n) => n.data ?? []),
       enabled: !!l && l !== "new",
       staleTime: 3e4
     }))
-  }), Ge = Object.fromEntries(
-    Le.map(({ rule: t, rel: r }, h) => {
+  }), rt = Object.fromEntries(
+    Ae.map(({ rule: t, rel: n }, 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();
+      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,
-        (((T = ze[h]) == null ? void 0 : T.data) ?? []).filter((F) => !j.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])
       ];
     })
-  ), Y = Nt()[e.field] ?? [];
-  if (!De && (!b || !e.layout_assigned && (e.hidden || jt.has(e.field))))
+  ), X = Et()[e.field] ?? [];
+  if (!Ve && (!b || !e.layout_assigned && (e.hidden || Vt.has(e.field))))
     return null;
-  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 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(
-      (h) => h.one_collection === o && h.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(
+    const n = f.find(
       (h) => h.many_collection === t.many_collection && h.id !== t.id
     );
-    return r ? { ...t, junction_field: r.many_field } : null;
-  })(), ce = w ? null : f.find((t) => t.many_collection === o && t.many_field === e.field) ?? null, ue = 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, 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([
+  ) ?? 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,
     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 ((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,
+  ]) ?? []).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 (u[t] != null) return u[t];
-      const r = f.find((v) => v.one_collection === o && v.one_field === t);
-      if (!r) return null;
-      let h = r;
+      if (m[t] != null) return m[t];
+      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) h = { ...r, junction_field: v.many_field };
+        if (v != null && v.many_field) h = { ...n, junction_field: v.many_field };
         else return null;
       }
-      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)))];
+      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 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;
+      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;
     }
-  }), 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;
+  }), 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 Fe.current = { src: e, value: r }, r;
+    const n = { ...e, readonly: !0 };
+    return Se.current = { src: e, value: n }, n;
   }
-  function nt() {
-    const t = JSON.stringify([B, me]), r = Ne.current;
-    if (r && r.sig === t && r.onChange === p) return r.value;
+  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: B,
-      keys: me,
+      labels: K,
+      keys: ye,
       onClear: (k) => p(k, null)
     };
-    return Ne.current = { sig: t, onChange: p, value: h }, h;
+    return Re.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(() => {
-          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 lt = () => {
-    if (w && M) {
-      for (const r of $e) g == null || g.unstageLink(M, r);
-      const t = ye.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,
         l
       ]) ?? [];
-      for (const r of t) g == null || g.stageUnlink(M, r.id);
+      for (const n of t) g == null || g.stageUnlink(B, n.id);
     } else
       p(e.field, null);
   };
@@ -553,234 +563,272 @@ const jn = ft(function({
     /* @__PURE__ */ c(
       "div",
       {
-        ref: oe,
+        ref: G,
         "data-field": e.field,
-        "data-field-collection": o,
+        "data-field-collection": i,
         "data-field-interface": e.interface ?? void 0,
-        "data-autofill-check": se ? "" : void 0,
-        className: P(
+        "data-autofill-check": pe ? "" : void 0,
+        className: D(
           "group/fieldrow space-y-1.5",
-          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"
+          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: Be,
-        onKeyDown: Ke,
-        onFocusCapture: q.onFocusCapture,
+        onContextMenu: Qe,
+        onKeyDown: Ye,
+        onFocusCapture: A.onFocusCapture,
         children: [
-          Ue,
-          A.length > 0 && /* @__PURE__ */ n(
-            Mt,
+          Je,
+          E.length > 0 && /* @__PURE__ */ r(
+            Qt,
             {
-              cascadeRules: A,
-              cascadeFilter: O,
-              currentValue: Ze,
-              relatedCollection: Ie,
-              missingRequiredParents: pe,
-              onClear: lt
+              cascadeRules: E,
+              cascadeFilter: M,
+              currentValue: st,
+              relatedCollection: dt,
+              missingRequiredParents: be,
+              onClear: ht
             }
           ),
-          (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: "*" }),
-              Vt(e) && /* @__PURE__ */ n(zt, {})
-            ] }),
-            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 }) })
-            ] }) }),
-            !E && l && l !== "new" && /* @__PURE__ */ n(
-              sn,
-              {
-                collection: o,
-                itemId: l,
-                field: e.field,
-                onRestore: e.readonly ? void 0 : (t) => p(e.field, t)
-              }
-            ),
-            !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: o,
-                itemId: l,
-                field: e.field,
-                label: S || he(e.field),
-                onFill: (t) => p(e.field, t)
-              }
-            ),
-            !E && Q.show && !(Q.perField && (m || e.readonly)) && /* @__PURE__ */ c(
-              "button",
-              {
-                type: "button",
-                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: [
-                  be ? /* @__PURE__ */ n(st, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ n(dt, { className: "h-3 w-3" }),
-                  "AI"
-                ]
-              }
-            ),
-            se && /* @__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"
-              }
-            ),
-            x,
-            $ && !m && !e.readonly && /* @__PURE__ */ c(
-              "button",
-              {
-                type: "button",
-                onClick: () => $.onApply(u[e.field] ?? null),
-                disabled: u[e.field] == null || u[e.field] === "" || $.count === 0,
-                "data-apply-to-lines": e.field,
-                "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: [
-                  $.label ?? "Apply to lines",
-                  " ↓"
-                ]
-              }
-            ),
-            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__ */ c(te, { side: "top", className: "max-w-[220px] text-[12px]", children: [
-                /* @__PURE__ */ c("p", { className: "font-medium mb-1", children: [
-                  "In active addendum",
-                  Y.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, {})
                 ] }),
-                Y.map((t) => /* @__PURE__ */ c("p", { className: "text-slate-400", children: [
-                  t.title,
-                  " ",
-                  /* @__PURE__ */ c("span", { className: "capitalize", children: [
-                    "(",
-                    t.status,
-                    ")"
-                  ] })
-                ] }, t.id))
-              ] })
-            ] }) }),
-            /* @__PURE__ */ n(
-              At,
-              {
-                collection: o,
-                kind: "field",
-                name: e.field,
-                label: S
-              }
-            ),
-            (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,
-            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(Z, { delayDuration: 100, children: /* @__PURE__ */ c(I, { children: [
-                /* @__PURE__ */ n(ee, { 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",
+                    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"
+                    ]
+                  }
+                ),
+                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",
-                    "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"
+                    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)
                     ),
-                    children: /* @__PURE__ */ n(ut, { className: "h-3 w-3" })
+                    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();
+                      })
+                    )
                   }
-                ) }),
-                /* @__PURE__ */ n(te, { side: "top", className: "text-[12px]", children: t ? `Filtered by ${B.join(", ")} — click to highlight` : `Options filter by ${r.join(", ")} once set` })
-              ] }) });
-            })()
-          ] }),
-          q.editor && !m && /* @__PURE__ */ n(
-            St,
+                ) })
+              ]
+            }
+          ),
+          A.editor && !u && /* @__PURE__ */ r(
+            Mt,
             {
-              editor: q.editor,
-              confirming: q.confirming,
-              onConfirm: q.confirm,
-              onCancel: q.cancel
+              editor: A.editor,
+              confirming: A.confirming,
+              onConfirm: A.confirm,
+              onCancel: A.cancel
             }
           ),
-          H ?? /* @__PURE__ */ n(
+          W ?? /* @__PURE__ */ r(
             "div",
             {
-              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(
+              ref: de,
+              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__ */ r(
                 "div",
                 {
-                  ref: ke,
-                  className: P(
+                  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).
-                    m && !W && "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",
-                    ae && "nvr-autofill-glow"
+                    ie && "nvr-autofill-glow"
                   ),
-                  children: E ? /* @__PURE__ */ n(Qt, { field: e, values: u }) : Je ? /* @__PURE__ */ n(
-                    Ft,
+                  children: P ? /* @__PURE__ */ r(on, { field: e, values: m }) : ot ? /* @__PURE__ */ r(
+                    Pt,
                     {
-                      collection: o,
+                      collection: i,
                       field: e,
-                      draft: u,
+                      draft: m,
                       itemId: l
                     }
                   ) : y ? y({
                     field: e,
-                    value: de,
-                    onChange: _e,
-                    disabled: m,
-                    collection: o,
+                    value: he,
+                    onChange: Le,
+                    disabled: u,
+                    collection: i,
                     itemId: l,
                     relations: f,
-                    cascadeFilter: O,
-                    unsatisfiedParentLabel: et,
-                    requiredParentLabel: Se
-                  }) : /* @__PURE__ */ n(
-                    qt,
+                    cascadeFilter: M,
+                    unsatisfiedParentLabel: ct,
+                    requiredParentLabel: je
+                  }) : /* @__PURE__ */ r(
+                    Ut,
                     {
-                      field: m && W ? tt() : e,
-                      value: de,
-                      onChange: _e,
+                      field: u && V ? ut() : e,
+                      value: he,
+                      onChange: Le,
                       relations: f,
-                      collection: o,
+                      collection: i,
                       itemId: l,
-                      cascadeFilter: O,
-                      requiredParentLabel: Se,
-                      narrowedBy: B.length > 0 ? nt() : void 0,
-                      onCountChange: a ? Me : void 0
+                      cascadeFilter: M,
+                      requiredParentLabel: je,
+                      narrowedBy: K.length > 0 ? mt() : void 0,
+                      onCountChange: a ? ze : void 0
                     }
                   )
                 },
-                ae ?? 0
+                ie ?? 0
               )
             }
           ),
-          Re && /* @__PURE__ */ n(Yt, { value: u[e.field], config: Re }),
-          Ce && /* @__PURE__ */ n(
-            Tt,
+          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: Ce,
+              change: qe,
               onDismiss: () => s == null ? void 0 : s.dismissRemoteChange(e.field),
               onTakeTheirs: s != null && s.takeRemoteChange ? () => {
                 var t;
@@ -794,7 +842,7 @@ const jn = ft(function({
   );
 });
 export {
-  jn as FieldRow,
-  En as lineageSummary,
-  an as useFieldLineage
+  Zn as FieldRow,
+  Xn as lineageSummary,
+  gn as useFieldLineage
 };