@nivaro/react 0.3.24 → 0.3.25

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

@@ -1,283 +1,285 @@
-import { jsx as e, jsxs as x, Fragment as wt } from "react/jsx-runtime";
-import { useQuery as de, useQueryClient as vt } from "@tanstack/react-query";
+import { jsx as e, jsxs as x, Fragment as vt } from "react/jsx-runtime";
+import { useQuery as ce, useQueryClient as St } from "@tanstack/react-query";
 import * as kt from "lucide-react";
-import { ChevronDown as St, Loader2 as Dt, User as $t, Mail as Ft } from "lucide-react";
-import rt, { useState as Q, useRef as ke, useEffect as ne } from "react";
-import { fieldDrilldownConfig as jt, useDrilldown as Ot, useOptionalNivaroClient as ue, useNavigation as qt } from "../../context.js";
-import { get as it, post as Bt } from "../../lib/commands.js";
-import { planFieldGrid as Lt, isEmptyValue as Ut, isFolded as Tt, readGroupStructure as It } from "../../lib/form-structure.js";
-import { reportSectionUse as st } from "../../lib/form-usage-beacon.js";
-import { useRecordReader as lt } from "../../lib/record-loader.js";
-import { choiceLabel as Mt, titleCase as at, cn as W, toLocalDateString as Se } from "../../lib/utils.js";
-import { DesignDropZone as Gt, designWrap as Vt } from "../layout-editor/DesignNode.js";
-import { useLayoutDesign as Pt, revealGroupKey as Ct } from "../layout-editor/design-context.js";
-import { GridGuides as we } from "../layout-editor/grid-guides.js";
-import { UserAvatar as Jt } from "../UserAvatar.js";
-import { DropdownMenu as Rt, DropdownMenuTrigger as zt, DropdownMenuContent as Kt, DropdownMenuItem as Ae } from "../ui/dropdown-menu.js";
-import { WidgetSlot as Ee } from "../WidgetSlot.js";
-import { FieldRow as ve } from "./FieldRow.js";
-import { FoldArea as Ht, RowGroupCell as Wt, rowMemberField as At } from "./form-structure-ui.js";
-import { useFormHelpVideos as Et, FormHelpVideoButton as Yt } from "./FormHelpVideoButton.js";
-import { applyDisplayTemplate as Qt, useContainerWidth as Zt, resolveColSpan as Ye } from "./helpers.js";
-import { SectionIntro as Xt } from "./LayoutContentBlock.js";
-import { UserChip as ot, OwnersInline as Qe, OwnersInlineCompact as en } from "./UserChip.js";
-import { UserRosterCluster as Un } from "./UserChip.js";
-function Ze(t) {
-  if (typeof t != "string") return t ?? [];
+import { ChevronDown as Dt, Loader2 as $t, User as Ft, Mail as jt } from "lucide-react";
+import it, { useState as Y, useRef as ke, useEffect as ne, memo as Ot } from "react";
+import { fieldDrilldownConfig as qt, useDrilldown as Bt, useOptionalNivaroClient as de, useNavigation as Lt } from "../../context.js";
+import { get as st, post as Ut } from "../../lib/commands.js";
+import { planFieldGrid as Mt, isEmptyValue as Tt, isFolded as Gt, readGroupStructure as It } from "../../lib/form-structure.js";
+import { reportSectionUse as lt } from "../../lib/form-usage-beacon.js";
+import { useRecordReader as at } from "../../lib/record-loader.js";
+import { choiceLabel as Pt, titleCase as ot, cn as E, toLocalDateString as De } from "../../lib/utils.js";
+import { DesignDropZone as Vt, designWrap as Ct } from "../layout-editor/DesignNode.js";
+import { useLayoutDesign as Jt, revealGroupKey as Rt } from "../layout-editor/design-context.js";
+import { GridGuides as ve } from "../layout-editor/grid-guides.js";
+import { UserAvatar as zt } from "../UserAvatar.js";
+import { DropdownMenu as Ht, DropdownMenuTrigger as Kt, DropdownMenuContent as Et, DropdownMenuItem as Ae } from "../ui/dropdown-menu.js";
+import { WidgetSlot as Ye } from "../WidgetSlot.js";
+import { FieldRow as Se } from "./FieldRow.js";
+import { useFormHelpVideos as Wt, FormHelpVideoButton as At } from "./FormHelpVideoButton.js";
+import { FoldArea as Yt, RowGroupCell as Qt, rowMemberField as Zt } from "./form-structure-ui.js";
+import { applyDisplayTemplate as Xt, useContainerWidth as en, resolveColSpan as Qe } from "./helpers.js";
+import { SectionIntro as tn } from "./LayoutContentBlock.js";
+import { invalidateM2MFor as nn } from "./m2m-invalidate.js";
+import { groupSectionPropsEqual as rn } from "./render-stability.js";
+import { UserChip as ct, OwnersInline as Ze, OwnersInlineCompact as sn } from "./UserChip.js";
+import { UserRosterCluster as Vn } from "./UserChip.js";
+function Xe(n) {
+  if (typeof n != "string") return n ?? [];
   try {
-    return JSON.parse(t);
+    return JSON.parse(n);
   } catch {
     return [];
   }
 }
-function tn({
-  relCollection: t,
-  relId: r,
+function ln({
+  relCollection: n,
+  relId: t,
   entries: i,
-  separator: u
+  separator: a
 }) {
-  const s = ue(), l = lt(), n = String(r), m = i.some((g) => g.field.includes(".")) ? ["id", ...i.map((g) => g.field)].join(",") : null, { data: h } = de({
-    queryKey: ["inline-display", t, n, m],
-    queryFn: () => l(t, n, m),
-    enabled: !!s && !!n,
+  const l = de(), o = at(), r = String(t), p = i.some((f) => f.field.includes(".")) ? ["id", ...i.map((f) => f.field)].join(",") : null, { data: m } = ce({
+    queryKey: ["inline-display", n, r, p],
+    queryFn: () => o(n, r, p),
+    enabled: !!l && !!r,
     staleTime: 6e4
   });
-  if (!h) return null;
-  const S = (g) => {
-    let f = h;
-    for (const y of g.split(".")) {
-      if (f == null || typeof f != "object") return;
-      f = f[y];
+  if (!m) return null;
+  const S = (f) => {
+    let b = m;
+    for (const y of f.split(".")) {
+      if (b == null || typeof b != "object") return;
+      b = b[y];
     }
-    return f;
+    return b;
   };
-  if (u != null) {
-    const g = (O) => {
-      const k = S(O.field);
+  if (a != null) {
+    const f = (F) => {
+      const k = S(F.field);
       if (k == null || k === "") return null;
-      const D = O.format ?? "text";
+      const D = F.format ?? "text";
       if (D === "date" || D === "datetime")
         try {
-          return Se(k);
+          return De(k);
         } catch {
           return String(k);
         }
       return D === "boolean" ? k ? "Yes" : "No" : String(k);
-    }, f = [];
+    }, b = [];
     let y = [];
-    for (const O of i)
-      O.line_break && y.length > 0 ? (f.push(y), y = [O]) : y.push(O);
-    y.length > 0 && f.push(y);
-    const B = f.map(
-      (O) => O.map((k) => {
-        const D = g(k);
+    for (const F of i)
+      F.line_break && y.length > 0 ? (b.push(y), y = [F]) : y.push(F);
+    y.length > 0 && b.push(y);
+    const q = b.map(
+      (F) => F.map((k) => {
+        const D = f(k);
         return D ? { label: k.label ?? null, display: D } : null;
       }).filter(Boolean)
-    ).filter((O) => O.length > 0);
-    return B.length === 0 ? null : /* @__PURE__ */ e("div", { className: "mt-1", children: B.map((O, k) => (
+    ).filter((F) => F.length > 0);
+    return q.length === 0 ? null : /* @__PURE__ */ e("div", { className: "mt-1", children: q.map((F, k) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: stable line order
-      /* @__PURE__ */ e("p", { className: "text-[12px] text-slate-500 dark:text-slate-400", children: O.map((D, J) => (
+      /* @__PURE__ */ e("p", { className: "text-[12px] text-slate-500 dark:text-slate-400", children: F.map((D, M) => (
         // biome-ignore lint/suspicious/noArrayIndexKey: stable token order
-        /* @__PURE__ */ x(rt.Fragment, { children: [
-          J > 0 && u,
+        /* @__PURE__ */ x(it.Fragment, { children: [
+          M > 0 && a,
           D.label && /* @__PURE__ */ x("span", { className: "font-semibold text-slate-600 dark:text-slate-300", children: [
             D.label,
             ":"
           ] }),
           D.label ? " " : "",
           D.display
-        ] }, J)
+        ] }, M)
       )) }, k)
     )) });
   }
-  const o = i.map((g) => {
-    const f = S(g.field);
-    if (f == null || f === "") return null;
-    const y = g.format ?? "text";
-    let B;
+  const c = i.map((f) => {
+    const b = S(f.field);
+    if (b == null || b === "") return null;
+    const y = f.format ?? "text";
+    let q;
     if (y === "date" || y === "datetime")
       try {
-        B = Se(f);
+        q = De(b);
       } catch {
-        B = String(f);
+        q = String(b);
       }
-    else y === "boolean" ? B = f ? "Yes" : "No" : B = String(f);
-    return { label: g.label, display: B };
+    else y === "boolean" ? q = b ? "Yes" : "No" : q = String(b);
+    return { label: f.label, display: q };
   }).filter(Boolean);
-  return o.length === 0 ? null : /* @__PURE__ */ e("div", { className: "mt-1 rounded border border-slate-200 bg-slate-50 dark:border-slate-700 dark:bg-slate-800/50 px-3 py-1.5 space-y-0.5", children: o.map((g, f) => (
+  return c.length === 0 ? null : /* @__PURE__ */ e("div", { className: "mt-1 rounded border border-slate-200 bg-slate-50 dark:border-slate-700 dark:bg-slate-800/50 px-3 py-1.5 space-y-0.5", children: c.map((f, b) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: stable order from config
     /* @__PURE__ */ x("div", { className: "flex items-baseline gap-2", children: [
-      g.label && /* @__PURE__ */ e("span", { className: "shrink-0 min-w-[56px] text-[10px] font-medium text-slate-400", children: g.label }),
-      /* @__PURE__ */ e("span", { className: "text-[12px] text-slate-700 dark:text-slate-300 truncate", children: g.display })
-    ] }, f)
+      f.label && /* @__PURE__ */ e("span", { className: "shrink-0 min-w-[56px] text-[10px] font-medium text-slate-400", children: f.label }),
+      /* @__PURE__ */ e("span", { className: "text-[12px] text-slate-700 dark:text-slate-300 truncate", children: f.display })
+    ] }, b)
   )) });
 }
-function nn(t) {
-  if (!t) return null;
-  const r = t.replace(/(^|-)([a-z])/g, (u, s, l) => l.toUpperCase()), i = kt[r];
+function an(n) {
+  if (!n) return null;
+  const t = n.replace(/(^|-)([a-z])/g, (a, l, o) => o.toUpperCase()), i = kt[t];
   return i || null;
 }
-function Xe(t) {
-  if (!t.options) return {};
-  if (typeof t.options == "object") return t.options;
+function et(n) {
+  if (!n.options) return {};
+  if (typeof n.options == "object") return n.options;
   try {
-    return JSON.parse(t.options);
+    return JSON.parse(n.options);
   } catch {
     return {};
   }
 }
-function De(t, r) {
-  if (t == null || t === "") return "—";
-  if (typeof t == "boolean") return t ? "Yes" : "No";
-  const i = (r == null ? void 0 : r.interface) ?? "", u = (() => {
+function $e(n, t) {
+  if (n == null || n === "") return "—";
+  if (typeof n == "boolean") return n ? "Yes" : "No";
+  const i = (t == null ? void 0 : t.interface) ?? "", a = (() => {
     try {
-      const n = r != null && r.options ? JSON.parse(String(r.options)) : null;
-      return (n == null ? void 0 : n.display_format) ?? null;
+      const r = t != null && t.options ? JSON.parse(String(t.options)) : null;
+      return (r == null ? void 0 : r.display_format) ?? null;
     } catch {
       return null;
     }
   })();
-  if (u) {
-    const n = Number(t);
-    if (u === "currency" && Number.isFinite(n))
-      return n.toLocaleString(void 0, { style: "currency", currency: "USD" });
-    if (u === "percent" && Number.isFinite(n)) return `${(n * 100).toFixed(1)}%`;
-    if (/^0\.0+$/.test(u) && Number.isFinite(n)) return n.toFixed(u.length - 2);
-    if (u === "date" && typeof t == "string") {
-      const a = t.length === 10 ? /* @__PURE__ */ new Date(`${t}T00:00:00`) : new Date(t);
-      if (!Number.isNaN(a.getTime())) return a.toLocaleDateString();
+  if (a) {
+    const r = Number(n);
+    if (a === "currency" && Number.isFinite(r))
+      return r.toLocaleString(void 0, { style: "currency", currency: "USD" });
+    if (a === "percent" && Number.isFinite(r)) return `${(r * 100).toFixed(1)}%`;
+    if (/^0\.0+$/.test(a) && Number.isFinite(r)) return r.toFixed(a.length - 2);
+    if (a === "date" && typeof n == "string") {
+      const s = n.length === 10 ? /* @__PURE__ */ new Date(`${n}T00:00:00`) : new Date(n);
+      if (!Number.isNaN(s.getTime())) return s.toLocaleDateString();
     }
-    if (u === "datetime" && typeof t == "string") {
-      const a = new Date(t);
-      if (!Number.isNaN(a.getTime())) return a.toLocaleString();
+    if (a === "datetime" && typeof n == "string") {
+      const s = new Date(n);
+      if (!Number.isNaN(s.getTime())) return s.toLocaleString();
     }
   }
-  if (i === "duration" && Number.isFinite(Number(t))) {
-    const n = Number(t);
-    return `${Math.floor(n / 60)}:${String(Math.round(n % 60)).padStart(2, "0")}`;
+  if (i === "duration" && Number.isFinite(Number(n))) {
+    const r = Number(n);
+    return `${Math.floor(r / 60)}:${String(Math.round(r % 60)).padStart(2, "0")}`;
   }
-  if (i === "rating" && Number.isFinite(Number(t)))
-    return `${"★".repeat(Number(t))} (${t}/5)`;
-  if (i === "checklist" && typeof t == "string")
+  if (i === "rating" && Number.isFinite(Number(n)))
+    return `${"★".repeat(Number(n))} (${n}/5)`;
+  if (i === "checklist" && typeof n == "string")
     try {
-      const n = JSON.parse(t);
-      if (Array.isArray(n)) return `${n.filter((a) => a == null ? void 0 : a.done).length}/${n.length} done`;
+      const r = JSON.parse(n);
+      if (Array.isArray(r)) return `${r.filter((s) => s == null ? void 0 : s.done).length}/${r.length} done`;
     } catch {
     }
-  if (i === "address" && typeof t == "string" && t.trim().startsWith("{"))
+  if (i === "address" && typeof n == "string" && n.trim().startsWith("{"))
     try {
-      const n = JSON.parse(t);
-      return [n.street, n.city, n.state, n.zip].filter(Boolean).join(", ") || "—";
+      const r = JSON.parse(n);
+      return [r.street, r.city, r.state, r.zip].filter(Boolean).join(", ") || "—";
     } catch {
     }
   if (i === "toggle" || i === "boolean")
-    return t ? "Yes" : "No";
-  if (typeof t == "object") {
-    if (Array.isArray(t)) return t.length ? `${t.length} items` : "—";
+    return n ? "Yes" : "No";
+  if (typeof n == "object") {
+    if (Array.isArray(n)) return n.length ? `${n.length} items` : "—";
     try {
-      return JSON.stringify(t);
+      return JSON.stringify(n);
     } catch {
-      return String(t);
+      return String(n);
     }
   }
-  const s = String(t);
-  if (i === "datetime" || i === "date" || /^\d{4}-\d{2}-\d{2}T/.test(s) || /^\d{4}-\d{2}-\d{2}$/.test(s))
+  const l = String(n);
+  if (i === "datetime" || i === "date" || /^\d{4}-\d{2}-\d{2}T/.test(l) || /^\d{4}-\d{2}-\d{2}$/.test(l))
     try {
-      let n = /^\d{4}-\d{2}-\d{2}$/.test(s) || i === "date";
-      if (!n && (r != null && r.options))
+      let r = /^\d{4}-\d{2}-\d{2}$/.test(l) || i === "date";
+      if (!r && (t != null && t.options))
         try {
-          const m = typeof r.options == "string" ? JSON.parse(r.options) : r.options;
-          m && m.date_mode === "date" && (n = !0);
+          const p = typeof t.options == "string" ? JSON.parse(t.options) : t.options;
+          p && p.date_mode === "date" && (r = !0);
         } catch {
         }
-      const a = s.match(/^(\d{4})-(\d{2})-(\d{2})(?:T00:00:00(?:\.000)?Z)?$/);
-      return a ? new Date(Number(a[1]), Number(a[2]) - 1, Number(a[3])).toLocaleDateString() : n ? new Date(s).toLocaleDateString() : new Date(s).toLocaleString();
+      const s = l.match(/^(\d{4})-(\d{2})-(\d{2})(?:T00:00:00(?:\.000)?Z)?$/);
+      return s ? new Date(Number(s[1]), Number(s[2]) - 1, Number(s[3])).toLocaleDateString() : r ? new Date(l).toLocaleDateString() : new Date(l).toLocaleString();
     } catch {
     }
-  if ((i === "select-dropdown" || i === "radio-buttons") && r) {
-    const a = Xe(r).choices;
-    if (Array.isArray(a)) {
-      const m = a.find((h) => String(h.value) === s);
-      if (m) return Mt(m.text);
+  if ((i === "select-dropdown" || i === "radio-buttons") && t) {
+    const s = et(t).choices;
+    if (Array.isArray(s)) {
+      const p = s.find((m) => String(m.value) === l);
+      if (p) return Pt(p.text);
     }
   }
-  const l = Number(s);
-  if (!Number.isNaN(l) && s !== "" && r) {
-    const n = Xe(r), a = n.format, m = typeof n.unit == "string" ? n.unit.trim() : "";
-    if (m && !a) {
-      const h = new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }).format(l);
-      if (m === "$")
+  const o = Number(l);
+  if (!Number.isNaN(o) && l !== "" && t) {
+    const r = et(t), s = r.format, p = typeof r.unit == "string" ? r.unit.trim() : "";
+    if (p && !s) {
+      const m = new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }).format(o);
+      if (p === "$")
         try {
           return new Intl.NumberFormat(void 0, { style: "currency", currency: "USD" }).format(
-            l
+            o
           );
         } catch {
-          return `$${h}`;
+          return `$${m}`;
         }
-      return m === "%" ? `${h}%` : `${h} ${m}`;
+      return p === "%" ? `${m}%` : `${m} ${p}`;
     }
-    if (a === "currency")
+    if (s === "currency")
       try {
         return new Intl.NumberFormat(void 0, {
           style: "currency",
-          currency: n.currency || "USD"
-        }).format(l);
+          currency: r.currency || "USD"
+        }).format(o);
       } catch {
       }
-    if (a === "int")
-      return new Intl.NumberFormat(void 0, { maximumFractionDigits: 0 }).format(l);
-    if (a === "decimal") {
-      const h = typeof n.precision == "number" ? n.precision : 2;
+    if (s === "int")
+      return new Intl.NumberFormat(void 0, { maximumFractionDigits: 0 }).format(o);
+    if (s === "decimal") {
+      const m = typeof r.precision == "number" ? r.precision : 2;
       return new Intl.NumberFormat(void 0, {
-        minimumFractionDigits: h,
-        maximumFractionDigits: h
-      }).format(l);
+        minimumFractionDigits: m,
+        maximumFractionDigits: m
+      }).format(o);
     }
   }
-  return !s.includes(" ") && !s.includes("@") && !/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(s) && !/^\d+$/.test(s) && (s.includes("_") || s.includes("-") || /^[a-z]/.test(s)) ? at(s) : s;
+  return !l.includes(" ") && !l.includes("@") && !/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(l) && !/^\d+$/.test(l) && (l.includes("_") || l.includes("-") || /^[a-z]/.test(l)) ? ot(l) : l;
 }
-function et({ userId: t }) {
-  const r = ue(), { navigate: i, userUrl: u } = qt(), s = u ? u(t) : `/users/${t}`, { data: l } = de({
-    queryKey: ["user-chip", t],
-    queryFn: () => r.request(
-      it(`/users/${t}`)
-    ).then((m) => m.data ?? null),
-    enabled: !!r && !!t,
+function tt({ userId: n }) {
+  const t = de(), { navigate: i, userUrl: a } = Lt(), l = a ? a(n) : `/users/${n}`, { data: o } = ce({
+    queryKey: ["user-chip", n],
+    queryFn: () => t.request(
+      st(`/users/${n}`)
+    ).then((p) => p.data ?? null),
+    enabled: !!t && !!n,
     staleTime: 12e4
-  }), n = l ? [l.first_name, l.last_name].filter(Boolean).join(" ") || l.email : t, a = n.split(" ").map((m) => m[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
-  return /* @__PURE__ */ x(Rt, { children: [
-    /* @__PURE__ */ e(zt, { asChild: !0, children: /* @__PURE__ */ x("span", { className: "inline-flex cursor-pointer items-center gap-1 rounded-full bg-slate-100 py-px pl-0.5 pr-2 hover:bg-slate-200 transition-colors", children: [
+  }), r = o ? [o.first_name, o.last_name].filter(Boolean).join(" ") || o.email : n, s = r.split(" ").map((p) => p[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
+  return /* @__PURE__ */ x(Ht, { children: [
+    /* @__PURE__ */ e(Kt, { asChild: !0, children: /* @__PURE__ */ x("span", { className: "inline-flex cursor-pointer items-center gap-1 rounded-full bg-slate-100 py-px pl-0.5 pr-2 hover:bg-slate-200 transition-colors", children: [
       /* @__PURE__ */ e(
-        Jt,
+        zt,
         {
-          userId: t,
+          userId: n,
           className: "h-4 w-4",
-          fallback: /* @__PURE__ */ e("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-nvr-cyan/20 text-[9px] font-bold text-nvr-navy dark:text-nvr-cyan", children: a })
+          fallback: /* @__PURE__ */ e("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-nvr-cyan/20 text-[9px] font-bold text-nvr-navy dark:text-nvr-cyan", children: s })
         }
       ),
-      /* @__PURE__ */ e("span", { className: "text-[11px] text-slate-600", children: n })
+      /* @__PURE__ */ e("span", { className: "text-[11px] text-slate-600", children: r })
     ] }) }),
-    /* @__PURE__ */ x(Kt, { align: "start", className: "text-[12px]", children: [
-      s && /* @__PURE__ */ x(
+    /* @__PURE__ */ x(Et, { align: "start", className: "text-[12px]", children: [
+      l && /* @__PURE__ */ x(
         Ae,
         {
           className: "gap-2 text-[12px] cursor-pointer",
-          onSelect: () => i(s),
+          onSelect: () => i(l),
           children: [
-            /* @__PURE__ */ e($t, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ e(Ft, { className: "h-3.5 w-3.5" }),
             " View profile"
           ]
         }
       ),
-      (l == null ? void 0 : l.email) && /* @__PURE__ */ x(
+      (o == null ? void 0 : o.email) && /* @__PURE__ */ x(
         Ae,
         {
           className: "gap-2 text-[12px] cursor-pointer",
           onSelect: () => {
-            window.location.href = `mailto:${l.email}`;
+            window.location.href = `mailto:${o.email}`;
           },
           children: [
-            /* @__PURE__ */ e(Ft, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ e(jt, { className: "h-3.5 w-3.5" }),
             " Send email"
           ]
         }
@@ -285,39 +287,39 @@ function et({ userId: t }) {
     ] })
   ] });
 }
-function rn({
-  collection: t,
-  itemId: r,
+function on({
+  collection: n,
+  itemId: t,
   layoutId: i,
-  attachField: u,
-  filenameTemplate: s,
-  label: l
+  attachField: a,
+  filenameTemplate: l,
+  label: o
 }) {
-  const n = ue(), a = vt(), [m, h] = Q(!1), S = async () => {
-    if (!(!n || m || !u)) {
-      h(!0);
+  const r = de(), s = St(), [p, m] = Y(!1), S = async () => {
+    if (!(!r || p || !a)) {
+      m(!0);
       try {
-        await n.request(
-          Bt(`/collection-layouts/${i}/generate-and-attach`, {
-            collection: t,
-            item_id: r,
-            attach_field: u,
-            filename_template: s ?? void 0
+        await r.request(
+          Ut(`/collection-layouts/${i}/generate-and-attach`, {
+            collection: n,
+            item_id: t,
+            attach_field: a,
+            filename_template: l ?? void 0
           })
-        ), a.invalidateQueries({ queryKey: ["m2m-items"] }), a.invalidateQueries({ queryKey: ["items", t, r] });
+        ), nn(s, [t]), s.invalidateQueries({ queryKey: ["items", n, t] });
       } catch {
       } finally {
-        h(!1);
+        m(!1);
       }
     }
-  }, o = !u;
+  }, c = !a;
   return /* @__PURE__ */ x(
     "button",
     {
       type: "button",
       onClick: S,
-      disabled: m || o,
-      title: o ? "Configure PDF field in Data Model → Layouts" : void 0,
+      disabled: p || c,
+      title: c ? "Configure PDF field in Data Model → Layouts" : void 0,
       className: "inline-flex items-center gap-1.5 rounded-md border border-nvr-cyan/40 bg-nvr-cyan/10 px-3 py-1.5 text-[12px] font-medium text-nvr-navy hover:bg-nvr-cyan/20 disabled:cursor-not-allowed disabled:opacity-40 dark:text-nvr-cyan",
       children: [
         /* @__PURE__ */ x(
@@ -337,55 +339,55 @@ function rn({
             ]
           }
         ),
-        m ? "Generating…" : l
+        p ? "Generating…" : o
       ]
     }
   );
 }
 function re({
-  relCollection: t,
-  id: r,
+  relCollection: n,
+  id: t,
   className: i
 }) {
-  var f;
-  const u = ue(), s = lt(), l = r != null && r !== "" ? String(r) : null, { data: n } = de({
-    queryKey: ["col-meta-dt", t],
-    queryFn: () => u.request(
-      it(`/collections/${t}`)
+  var b;
+  const a = de(), l = at(), o = t != null && t !== "" ? String(t) : null, { data: r } = ce({
+    queryKey: ["col-meta-dt", n],
+    queryFn: () => a.request(
+      st(`/collections/${n}`)
     ).then((y) => y.data).catch(() => ({})),
-    enabled: !!u && !!l,
+    enabled: !!a && !!o,
     staleTime: 3e5
-  }), a = (((f = n == null ? void 0 : n.display_template) == null ? void 0 : f.match(/\{\{\s*[^}]+?\s*\}\}/g)) ?? []).map((y) => y.replace(/[{}\s]/g, "")).filter((y) => y.includes(".")), m = a.length ? ["id", ...a].join(",") : null, { data: h, isLoading: S } = de({
-    queryKey: ["rel-display", t, l, m],
-    queryFn: () => s(t, l, m),
-    enabled: !!u && !!l && n !== void 0,
+  }), s = (((b = r == null ? void 0 : r.display_template) == null ? void 0 : b.match(/\{\{\s*[^}]+?\s*\}\}/g)) ?? []).map((y) => y.replace(/[{}\s]/g, "")).filter((y) => y.includes(".")), p = s.length ? ["id", ...s].join(",") : null, { data: m, isLoading: S } = ce({
+    queryKey: ["rel-display", n, o, p],
+    queryFn: () => l(n, o, p),
+    enabled: !!a && !!o && r !== void 0,
     staleTime: 6e4
   });
-  if (!l) return /* @__PURE__ */ e("span", { children: "—" });
-  if (S || u && n === void 0)
+  if (!o) return /* @__PURE__ */ e("span", { children: "—" });
+  if (S || a && r === void 0)
     return /* @__PURE__ */ e("span", { className: "animate-pulse h-3 w-20 rounded bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))] inline-block" });
-  const o = i ?? "text-[13px] text-slate-700";
-  if (!h) return /* @__PURE__ */ e("span", { className: o, children: l });
-  const g = n != null && n.display_template ? Qt(n.display_template, h) : String(h.name ?? h.title ?? h.label ?? h.display_name ?? l);
-  return /* @__PURE__ */ e("span", { className: o, children: g });
+  const c = i ?? "text-[13px] text-slate-700";
+  if (!m) return /* @__PURE__ */ e("span", { className: c, children: o });
+  const f = r != null && r.display_template ? Xt(r.display_template, m) : String(m.name ?? m.title ?? m.label ?? m.display_name ?? o);
+  return /* @__PURE__ */ e("span", { className: c, children: f });
 }
-function tt({ userId: t }) {
-  return /* @__PURE__ */ e(ot, { userId: t, size: "compact" });
+function nt({ userId: n }) {
+  return /* @__PURE__ */ e(ct, { userId: n, size: "compact" });
 }
-function nt({
-  relCollection: t,
-  id: r,
+function rt({
+  relCollection: n,
+  id: t,
   drillConfig: i
 }) {
-  const u = Ot(), s = /* @__PURE__ */ e(re, { relCollection: t, id: r });
-  return !u || r == null || r === "" ? s : /* @__PURE__ */ e(
+  const a = Bt(), l = /* @__PURE__ */ e(re, { relCollection: n, id: t });
+  return !a || t == null || t === "" ? l : /* @__PURE__ */ e(
     "button",
     {
       type: "button",
-      onClick: (n) => {
-        n.stopPropagation(), u.open({
-          collection: t,
-          itemId: String(r),
+      onClick: (r) => {
+        r.stopPropagation(), a.open({
+          collection: n,
+          itemId: String(t),
           layoutId: (i == null ? void 0 : i.layout_id) ?? null,
           // Header drills open wide by default — the sheet renders the target's
           // full detail layout, which is unreadable in a narrow panel.
@@ -396,188 +398,188 @@ function nt({
       children: /* @__PURE__ */ e(
         re,
         {
-          relCollection: t,
-          id: r,
+          relCollection: n,
+          id: t,
           className: "text-[13px] text-slate-700 underline decoration-slate-300 underline-offset-[3px] group-hover/drill:decoration-[#0284c7] group-hover/drill:text-[#0284c7] dark:text-slate-200 dark:decoration-slate-600"
         }
       )
     }
   );
 }
-function sn(t) {
-  const [r, i] = Q(!1), u = ke(!0), s = ke(JSON.stringify(t ?? null));
+function cn(n) {
+  const [t, i] = Y(!1), a = ke(!0), l = ke(JSON.stringify(n ?? null));
   return ne(() => {
-    const l = JSON.stringify(t ?? null);
-    if (u.current) {
-      u.current = !1, s.current = l;
+    const o = JSON.stringify(n ?? null);
+    if (a.current) {
+      a.current = !1, l.current = o;
       return;
     }
-    if (l === s.current) return;
-    s.current = l, i(!1);
-    const n = window.setTimeout(() => i(!0), 0), a = window.setTimeout(() => i(!1), 1200);
+    if (o === l.current) return;
+    l.current = o, i(!1);
+    const r = window.setTimeout(() => i(!0), 0), s = window.setTimeout(() => i(!1), 1200);
     return () => {
-      window.clearTimeout(n), window.clearTimeout(a);
+      window.clearTimeout(r), window.clearTimeout(s);
     };
-  }, [t]), r ? "nvr-value-pulse" : "";
+  }, [n]), t ? "nvr-value-pulse" : "";
 }
-function On({
-  field: t,
-  val: r,
+function Tn({
+  field: n,
+  val: t,
   relations: i,
-  collection: u,
-  displayFormat: s,
-  textClassName: l
+  collection: a,
+  displayFormat: l,
+  textClassName: o
 }) {
-  const n = sn(r), a = W(l ?? "text-[13px] text-slate-900 dark:text-slate-100", n), m = jt(t) ?? { enabled: !0, layout_id: null, width: null }, h = i.find(
-    (o) => o.one_collection === u && o.one_field === t.field && o.junction_field
+  const r = cn(t), s = E(o ?? "text-[13px] text-slate-900 dark:text-slate-100", r), p = qt(n) ?? { enabled: !0, layout_id: null, width: null }, m = i.find(
+    (c) => c.one_collection === a && c.one_field === n.field && c.junction_field
   );
-  if (h) {
-    const o = i.find(
-      (y) => y.many_collection === h.many_collection && y.many_field === h.junction_field
-    ), g = o == null ? void 0 : o.one_collection, f = Array.isArray(r) ? r : r != null && r !== "" ? [r] : [];
-    return !g || f.length === 0 ? /* @__PURE__ */ e("span", { className: "text-slate-300 dark:text-slate-600", children: "—" }) : g === "nivaro_users" ? /* @__PURE__ */ e("span", { className: "inline-flex flex-wrap gap-x-1 gap-y-0.5", children: f.map((y) => /* @__PURE__ */ e(tt, { userId: String(y) }, String(y))) }) : /* @__PURE__ */ e("span", { className: "inline-flex flex-wrap gap-x-1.5", children: f.map((y) => /* @__PURE__ */ e(
-      nt,
+  if (m) {
+    const c = i.find(
+      (y) => y.many_collection === m.many_collection && y.many_field === m.junction_field
+    ), f = c == null ? void 0 : c.one_collection, b = Array.isArray(t) ? t : t != null && t !== "" ? [t] : [];
+    return !f || b.length === 0 ? /* @__PURE__ */ e("span", { className: "text-slate-300 dark:text-slate-600", children: "—" }) : f === "nivaro_users" ? /* @__PURE__ */ e("span", { className: "inline-flex flex-wrap gap-x-1 gap-y-0.5", children: b.map((y) => /* @__PURE__ */ e(nt, { userId: String(y) }, String(y))) }) : /* @__PURE__ */ e("span", { className: "inline-flex flex-wrap gap-x-1.5", children: b.map((y) => /* @__PURE__ */ e(
+      rt,
       {
-        relCollection: g,
+        relCollection: f,
         id: y,
-        drillConfig: m
+        drillConfig: p
       },
       String(y)
     )) });
   }
   const S = i.find(
-    (o) => o.many_collection === u && o.many_field === t.field && !o.junction_field
+    (c) => c.many_collection === a && c.many_field === n.field && !c.junction_field
   );
   if (S != null && S.one_collection) {
-    const o = Array.isArray(r) ? r : r != null && r !== "" ? [r] : [];
-    return o.length === 0 ? /* @__PURE__ */ e("span", { className: "text-slate-300 dark:text-slate-600", children: "—" }) : S.one_collection === "nivaro_users" ? /* @__PURE__ */ e("span", { className: "inline-flex flex-wrap gap-x-1 gap-y-0.5", children: o.map((g) => /* @__PURE__ */ e(tt, { userId: String(g) }, String(g))) }) : /* @__PURE__ */ e("span", { className: "inline-flex flex-wrap gap-x-1.5", children: o.map((g) => /* @__PURE__ */ e(
-      nt,
+    const c = Array.isArray(t) ? t : t != null && t !== "" ? [t] : [];
+    return c.length === 0 ? /* @__PURE__ */ e("span", { className: "text-slate-300 dark:text-slate-600", children: "—" }) : S.one_collection === "nivaro_users" ? /* @__PURE__ */ e("span", { className: "inline-flex flex-wrap gap-x-1 gap-y-0.5", children: c.map((f) => /* @__PURE__ */ e(nt, { userId: String(f) }, String(f))) }) : /* @__PURE__ */ e("span", { className: "inline-flex flex-wrap gap-x-1.5", children: c.map((f) => /* @__PURE__ */ e(
+      rt,
       {
         relCollection: S.one_collection,
-        id: g,
-        drillConfig: m
+        id: f,
+        drillConfig: p
       },
-      String(g)
+      String(f)
     )) });
   }
-  if (r == null || r === "")
+  if (t == null || t === "")
     return /* @__PURE__ */ e("span", { className: "text-slate-300 dark:text-slate-600", children: "—" });
-  if (s && s !== "text") {
-    const o = Number(r);
-    if (s === "currency" && !isNaN(o))
-      return /* @__PURE__ */ e("span", { className: `font-semibold ${a}`, children: new Intl.NumberFormat(void 0, {
+  if (l && l !== "text") {
+    const c = Number(t);
+    if (l === "currency" && !isNaN(c))
+      return /* @__PURE__ */ e("span", { className: `font-semibold ${s}`, children: new Intl.NumberFormat(void 0, {
         style: "currency",
         currency: "USD",
         minimumFractionDigits: 2
-      }).format(o) });
-    if (s === "integer" && !isNaN(o))
-      return /* @__PURE__ */ e("span", { className: `font-semibold ${a}`, children: new Intl.NumberFormat(void 0, { maximumFractionDigits: 0 }).format(Math.round(o)) });
-    if (s === "decimal" && !isNaN(o))
-      return /* @__PURE__ */ e("span", { className: `font-semibold ${a}`, children: new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }).format(o) });
-    if (s === "percent" && !isNaN(o))
-      return /* @__PURE__ */ e("span", { className: `font-semibold ${a}`, children: new Intl.NumberFormat(void 0, { style: "percent", maximumFractionDigits: 1 }).format(
-        o / 100
+      }).format(c) });
+    if (l === "integer" && !isNaN(c))
+      return /* @__PURE__ */ e("span", { className: `font-semibold ${s}`, children: new Intl.NumberFormat(void 0, { maximumFractionDigits: 0 }).format(Math.round(c)) });
+    if (l === "decimal" && !isNaN(c))
+      return /* @__PURE__ */ e("span", { className: `font-semibold ${s}`, children: new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }).format(c) });
+    if (l === "percent" && !isNaN(c))
+      return /* @__PURE__ */ e("span", { className: `font-semibold ${s}`, children: new Intl.NumberFormat(void 0, { style: "percent", maximumFractionDigits: 1 }).format(
+        c / 100
       ) });
-    if (s === "date")
+    if (l === "date")
       try {
-        return /* @__PURE__ */ e("span", { className: `font-semibold ${a}`, children: Se(r) });
+        return /* @__PURE__ */ e("span", { className: `font-semibold ${s}`, children: De(t) });
       } catch {
       }
-    if (s === "datetime")
+    if (l === "datetime")
       try {
-        return /* @__PURE__ */ e("span", { className: `font-semibold ${a}`, children: new Date(String(r)).toLocaleString() });
+        return /* @__PURE__ */ e("span", { className: `font-semibold ${s}`, children: new Date(String(t)).toLocaleString() });
       } catch {
       }
   }
-  return /* @__PURE__ */ e("span", { className: `font-semibold ${a}`, children: De(r, t) });
+  return /* @__PURE__ */ e("span", { className: `font-semibold ${s}`, children: $e(t, n) });
 }
-function ln({
-  summaryFields: t,
-  fields: r,
+function dn({
+  summaryFields: n,
+  fields: t,
   draft: i,
-  relations: u,
-  collection: s,
-  itemId: l,
-  ownersCollection: n,
-  ownersItemId: a,
-  ownersAssignment: m,
-  m2mCounts: h,
+  relations: a,
+  collection: l,
+  itemId: o,
+  ownersCollection: r,
+  ownersItemId: s,
+  ownersAssignment: p,
+  m2mCounts: m,
   o2mCounts: S,
-  o2mAggValues: o,
-  summaryAggConfigs: g,
-  o2mLoading: f,
+  o2mAggValues: c,
+  summaryAggConfigs: f,
+  o2mLoading: b,
   hideEmpty: y
 }) {
-  const B = t.map((N) => typeof N == "string" ? N : N.field), O = y ? B.filter((N) => {
-    if (N === "__owners__" || f != null && f.has(N) || o && N in o) return !0;
-    if (h && N in h) return (h[N] ?? 0) > 0;
+  const q = n.map((N) => typeof N == "string" ? N : N.field), F = y ? q.filter((N) => {
+    if (N === "__owners__" || b != null && b.has(N) || c && N in c) return !0;
+    if (m && N in m) return (m[N] ?? 0) > 0;
     if (S && N in S) return (S[N] ?? 0) > 0;
-    const U = i[N];
-    return U != null && U !== "" && !(Array.isArray(U) && U.length === 0);
-  }) : B;
-  if (O.length === 0) return null;
-  const k = "text-[9px] font-semibold uppercase tracking-wider text-slate-400 dark:text-slate-500 shrink-0", D = "text-[12px] font-semibold text-slate-700 dark:text-slate-300", J = "text-[12px] text-slate-300 dark:text-slate-600", R = "flex items-baseline gap-1.5", me = (N) => {
+    const T = i[N];
+    return T != null && T !== "" && !(Array.isArray(T) && T.length === 0);
+  }) : q;
+  if (F.length === 0) return null;
+  const k = "text-[9px] font-semibold uppercase tracking-wider text-slate-400 dark:text-slate-500 shrink-0", D = "text-[12px] font-semibold text-slate-700 dark:text-slate-300", M = "text-[12px] text-slate-300 dark:text-slate-600", R = "flex items-baseline gap-1.5", ue = (N) => {
     if (N === "__owners__") {
-      const d = (m == null ? void 0 : m.label_override) || "Owners";
+      const d = (p == null ? void 0 : p.label_override) || "Owners";
       return /* @__PURE__ */ x("div", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ e("span", { className: k, children: d }),
         /* @__PURE__ */ e(
-          en,
+          sn,
           {
-            collection: n ?? s,
-            itemId: a ?? l
+            collection: r ?? l,
+            itemId: s ?? o
           }
         )
       ] });
     }
-    const U = t.find((d) => (typeof d == "string" ? d : d.field) === N), ie = U && typeof U != "string" ? U.label : void 0, A = r.find((d) => d.field === N), I = ie || (A == null ? void 0 : A.label) || N.replace(/_/g, " ").replace(/\b\w/g, (d) => d.toUpperCase());
-    if (f != null && f.has(N))
+    const T = n.find((d) => (typeof d == "string" ? d : d.field) === N), me = T && typeof T != "string" ? T.label : void 0, H = t.find((d) => d.field === N), P = me || (H == null ? void 0 : H.label) || N.replace(/_/g, " ").replace(/\b\w/g, (d) => d.toUpperCase());
+    if (b != null && b.has(N))
       return /* @__PURE__ */ x("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ e("span", { className: k, children: I }),
-        /* @__PURE__ */ e(Dt, { className: "h-3 w-3 animate-spin text-slate-300" })
+        /* @__PURE__ */ e("span", { className: k, children: P }),
+        /* @__PURE__ */ e($t, { className: "h-3 w-3 animate-spin text-slate-300" })
       ] });
-    if (o && N in o) {
-      const d = g == null ? void 0 : g[N], L = (d == null ? void 0 : d.label) || I, $ = o[N];
-      let G;
+    if (c && N in c) {
+      const d = f == null ? void 0 : f[N], L = (d == null ? void 0 : d.label) || P, O = c[N];
+      let U;
       if ((d == null ? void 0 : d.agg) === "count")
-        G = String($);
+        U = String(O);
       else {
-        const K = d != null && d.field_options ? (() => {
+        const W = d != null && d.field_options ? (() => {
           try {
             return JSON.parse(d.field_options);
           } catch {
             return {};
           }
-        })() : {}, E = K.format;
-        if (E === "currency")
+        })() : {}, A = W.format;
+        if (A === "currency")
           try {
-            G = new Intl.NumberFormat(void 0, {
+            U = new Intl.NumberFormat(void 0, {
               style: "currency",
-              currency: K.currency || "USD"
-            }).format($);
+              currency: W.currency || "USD"
+            }).format(O);
           } catch {
-            G = $.toLocaleString(void 0, { maximumFractionDigits: 2 });
+            U = O.toLocaleString(void 0, { maximumFractionDigits: 2 });
           }
-        else if (E === "int")
-          G = new Intl.NumberFormat(void 0, { maximumFractionDigits: 0 }).format($);
-        else if (E === "decimal") {
-          const Y = typeof K.precision == "number" ? K.precision : 2;
-          G = new Intl.NumberFormat(void 0, {
-            minimumFractionDigits: Y,
-            maximumFractionDigits: Y
-          }).format($);
+        else if (A === "int")
+          U = new Intl.NumberFormat(void 0, { maximumFractionDigits: 0 }).format(O);
+        else if (A === "decimal") {
+          const Q = typeof W.precision == "number" ? W.precision : 2;
+          U = new Intl.NumberFormat(void 0, {
+            minimumFractionDigits: Q,
+            maximumFractionDigits: Q
+          }).format(O);
         } else
-          G = $.toLocaleString(void 0, { maximumFractionDigits: 2 });
+          U = O.toLocaleString(void 0, { maximumFractionDigits: 2 });
       }
       return /* @__PURE__ */ x("div", { className: R, children: [
         /* @__PURE__ */ e("span", { className: k, children: L }),
-        /* @__PURE__ */ e("span", { className: D, children: G })
+        /* @__PURE__ */ e("span", { className: D, children: U })
       ] });
     }
-    if (h && N in h) {
-      const d = h[N];
+    if (m && N in m) {
+      const d = m[N];
       return /* @__PURE__ */ x("div", { className: R, children: [
-        /* @__PURE__ */ e("span", { className: k, children: I }),
+        /* @__PURE__ */ e("span", { className: k, children: P }),
         /* @__PURE__ */ x("span", { className: D, children: [
           d,
           " item",
@@ -588,7 +590,7 @@ function ln({
     if (S && N in S) {
       const d = S[N];
       return /* @__PURE__ */ x("div", { className: R, children: [
-        /* @__PURE__ */ e("span", { className: k, children: I }),
+        /* @__PURE__ */ e("span", { className: k, children: P }),
         /* @__PURE__ */ x("span", { className: D, children: [
           d,
           " row",
@@ -596,22 +598,22 @@ function ln({
         ] })
       ] });
     }
-    const j = i[N], M = u.find(
-      (d) => d.many_collection === s && d.many_field === N && !d.junction_field
+    const j = i[N], G = a.find(
+      (d) => d.many_collection === l && d.many_field === N && !d.junction_field
     );
-    if (M != null && M.one_collection) {
+    if (G != null && G.one_collection) {
       const d = Array.isArray(j) ? j : j != null && j !== "" ? [j] : [];
       return /* @__PURE__ */ x("div", { className: R, children: [
-        /* @__PURE__ */ e("span", { className: k, children: I }),
-        d.length === 0 ? /* @__PURE__ */ e("span", { className: J, children: "—" }) : M.one_collection === "nivaro_users" ? /* @__PURE__ */ e("span", { className: "inline-flex flex-wrap gap-x-1.5 gap-y-0.5", children: d.map((L) => /* @__PURE__ */ e(et, { userId: String(L) }, String(L))) }) : /* @__PURE__ */ e("span", { className: "inline-flex flex-wrap gap-x-1.5", children: d.map((L) => /* @__PURE__ */ e(re, { relCollection: M.one_collection, id: L }, String(L))) })
+        /* @__PURE__ */ e("span", { className: k, children: P }),
+        d.length === 0 ? /* @__PURE__ */ e("span", { className: M, children: "—" }) : G.one_collection === "nivaro_users" ? /* @__PURE__ */ e("span", { className: "inline-flex flex-wrap gap-x-1.5 gap-y-0.5", children: d.map((L) => /* @__PURE__ */ e(tt, { userId: String(L) }, String(L))) }) : /* @__PURE__ */ e("span", { className: "inline-flex flex-wrap gap-x-1.5", children: d.map((L) => /* @__PURE__ */ e(re, { relCollection: G.one_collection, id: L }, String(L))) })
       ] });
     }
     if (Array.isArray(j)) {
-      const d = u.find(($) => $.many_field === N && $.junction_field), L = d == null ? void 0 : d.one_collection;
+      const d = a.find((O) => O.many_field === N && O.junction_field), L = d == null ? void 0 : d.one_collection;
       return /* @__PURE__ */ x("div", { className: R, children: [
-        /* @__PURE__ */ e("span", { className: k, children: I }),
-        j.length === 0 ? /* @__PURE__ */ e("span", { className: J, children: "—" }) : L ? /* @__PURE__ */ e("span", { className: "inline-flex flex-wrap gap-x-1.5 gap-y-0.5", children: j.map(
-          ($) => L === "nivaro_users" ? /* @__PURE__ */ e(et, { userId: String($) }, String($)) : /* @__PURE__ */ e(re, { relCollection: L, id: $ }, String($))
+        /* @__PURE__ */ e("span", { className: k, children: P }),
+        j.length === 0 ? /* @__PURE__ */ e("span", { className: M, children: "—" }) : L ? /* @__PURE__ */ e("span", { className: "inline-flex flex-wrap gap-x-1.5 gap-y-0.5", children: j.map(
+          (O) => L === "nivaro_users" ? /* @__PURE__ */ e(tt, { userId: String(O) }, String(O)) : /* @__PURE__ */ e(re, { relCollection: L, id: O }, String(O))
         ) }) : /* @__PURE__ */ x("span", { className: D, children: [
           j.length,
           " item",
@@ -620,136 +622,136 @@ function ln({
       ] });
     }
     return /* @__PURE__ */ x("div", { className: R, children: [
-      /* @__PURE__ */ e("span", { className: k, children: I }),
-      j == null || j === "" ? /* @__PURE__ */ e("span", { className: J, children: "—" }) : /* @__PURE__ */ e("span", { className: D, children: De(j, A) })
+      /* @__PURE__ */ e("span", { className: k, children: P }),
+      j == null || j === "" ? /* @__PURE__ */ e("span", { className: M, children: "—" }) : /* @__PURE__ */ e("span", { className: D, children: $e(j, H) })
     ] });
   };
-  return /* @__PURE__ */ e("div", { className: "flex flex-wrap items-baseline gap-x-5 gap-y-1.5 border-t border-slate-100 dark:border-border/60 bg-slate-50/50 dark:bg-white/[0.015] px-5 py-2.5", children: O.map((N) => /* @__PURE__ */ e(rt.Fragment, { children: me(N) }, N)) });
+  return /* @__PURE__ */ e("div", { className: "flex flex-wrap items-baseline gap-x-5 gap-y-1.5 border-t border-slate-100 dark:border-border/60 bg-slate-50/50 dark:bg-white/[0.015] px-5 py-2.5", children: F.map((N) => /* @__PURE__ */ e(it.Fragment, { children: ue(N) }, N)) });
 }
-function qn({
+const Gn = Ot(function({
   group: t,
-  fields: r,
-  draft: i,
-  onChange: u,
-  relations: s,
-  collection: l,
-  itemId: n,
-  errors: a,
+  fields: i,
+  draft: a,
+  onChange: l,
+  relations: o,
+  collection: r,
+  itemId: s,
+  errors: p,
   visibleFields: m,
-  lockedFields: h,
-  layoutAiEnabled: S,
-  displayOnly: o,
-  renderField: g,
-  onCountChange: f,
-  isNew: y,
-  fieldValues: B,
-  isOpen: O,
-  onToggle: k,
-  summaryFields: D,
-  m2mCounts: J,
-  o2mCounts: R,
-  o2mAggValues: me,
-  summaryAggConfigs: N,
-  o2mLoading: U,
-  footerSlot: ie,
-  ownersCollection: A,
-  ownersItemId: I,
-  ownersAssignment: j,
-  pdfAssignment: M,
-  pdfAttachField: d,
-  pdfFilenameTemplate: L,
-  layoutId: $,
-  hideEmptySummary: G,
-  widgetAssignments: K,
-  widgetApiBase: E,
-  fieldInlineDisplay: Y,
+  lockedFields: S,
+  layoutAiEnabled: c,
+  displayOnly: f,
+  renderField: b,
+  onCountChange: y,
+  isNew: q,
+  fieldValues: F,
+  isOpen: k,
+  onToggle: D,
+  summaryFields: M,
+  m2mCounts: R,
+  o2mCounts: ue,
+  o2mAggValues: N,
+  summaryAggConfigs: T,
+  o2mLoading: me,
+  footerSlot: H,
+  ownersCollection: P,
+  ownersItemId: j,
+  ownersAssignment: G,
+  pdfAssignment: d,
+  pdfAttachField: L,
+  pdfFilenameTemplate: O,
+  layoutId: U,
+  hideEmptySummary: W,
+  widgetAssignments: A,
+  widgetApiBase: Q,
+  fieldInlineDisplay: pe,
   swapConfig: V,
-  swapped: $e,
-  onSwapToggle: Fe,
+  swapped: Fe,
+  onSwapToggle: je,
   alternateFields: Z,
-  alternateWidths: pe,
-  deferred: se,
-  onFirstOpen: le
+  alternateWidths: fe,
+  deferred: ie,
+  onFirstOpen: se
 }) {
-  var Ge;
-  const [ct, dt] = Q(t.is_collapsed ?? !1), [ut, mt] = Q(!1), F = Pt(), H = (p, _) => Vt(F, p, _, { asChild: !0 }), ae = (p) => ({ kind: "slot", field: p, group_key: t.key }), je = !!(F != null && F.showHidden), [Oe, qe] = Q({}), { data: fe } = Et(l), X = (F == null ? void 0 : F.fold) ?? null, ee = (F == null ? void 0 : F.reveal) ?? null, [Be, he] = Q(null);
+  var Pe;
+  const [dt, ut] = Y(t.is_collapsed ?? !1), [mt, pt] = Y(!1), $ = Jt(), K = (h, _) => Ct($, h, _, { asChild: !0 }), le = (h) => ({ kind: "slot", field: h, group_key: t.key }), Oe = !!($ != null && $.showHidden), [qe, Be] = Y({}), { data: he } = Wt(r), X = ($ == null ? void 0 : $.fold) ?? null, ee = ($ == null ? void 0 : $.reveal) ?? null, [Le, be] = Y(null);
   ne(() => {
-    X && he(!X.open);
+    X && be(!X.open);
   }, [X == null ? void 0 : X.seq]), ne(() => {
-    ee && Ct(ee.target) === t.key && he(!1);
+    ee && Rt(ee.target) === t.key && be(!1);
   }, [ee == null ? void 0 : ee.seq]);
-  const Le = k !== void 0, z = Be ?? (Le ? !O : ct);
+  const Ue = D !== void 0, z = Le ?? (Ue ? !k : dt);
   ne(() => {
-    se && !z && (le == null || le(t.key));
-  }, [se, z, le, t.key]);
-  const be = Be !== null ? () => he((p) => !p) : Le ? k : () => dt((p) => !p), Ue = !F && $ != null, ge = () => {
-    Ue && st({ layoutId: Number($), collection: l, kind: "opened", key: t.key });
-  }, pt = () => {
-    z && ge(), be == null || be();
-  }, ft = !o && r.some((p) => a[p.field]), Te = F ? "always" : t.visibility_mode ?? "always";
-  if (Te === "new_only" && !y || Te === "existing_only" && y) return null;
-  const te = K ?? [], ht = !y && te.some((p) => p.widget_id != null && Oe[p.field] === void 0);
-  let oe = !1;
-  if (t.hide_when_empty && B && !F && (oe = B.every(
+    ie && !z && (se == null || se(t.key));
+  }, [ie, z, se, t.key]);
+  const ge = Le !== null ? () => be((h) => !h) : Ue ? D : () => ut((h) => !h), Me = !$ && U != null, xe = () => {
+    Me && lt({ layoutId: Number(U), collection: r, kind: "opened", key: t.key });
+  }, ft = () => {
+    z && xe(), ge == null || ge();
+  }, ht = !f && i.some((h) => p[h.field]), Te = $ ? "always" : t.visibility_mode ?? "always";
+  if (Te === "new_only" && !q || Te === "existing_only" && q) return null;
+  const te = A ?? [], bt = !q && te.some((h) => h.widget_id != null && qe[h.field] === void 0);
+  let ae = !1;
+  if (t.hide_when_empty && F && !$ && (ae = F.every(
     (_) => _ == null || _ === "" || Array.isArray(_) && _.length === 0
-  ) && !ht && te.every((_) => !Oe[_.field])), oe && te.length === 0) return null;
-  const xe = ke(null), ye = Zt(xe), Ie = nn(t.icon), bt = je ? r : r.filter((p) => !p.hidden), Me = (Ge = fe == null ? void 0 : fe.sections) == null ? void 0 : Ge[t.key], gt = Array.isArray(Me) && Me.length > 0, xt = (p) => gt ? /* @__PURE__ */ x("div", { className: "relative", children: [
-    p,
+  ) && !bt && te.every((_) => !qe[_.field])), ae && te.length === 0) return null;
+  const ye = ke(null), Ne = en(ye), Ge = an(t.icon), gt = Oe ? i : i.filter((h) => !h.hidden), Ie = (Pe = he == null ? void 0 : he.sections) == null ? void 0 : Pe[t.key], xt = Array.isArray(Ie) && Ie.length > 0, yt = (h) => xt ? /* @__PURE__ */ x("div", { className: "relative", children: [
+    h,
     /* @__PURE__ */ e("span", { className: "absolute right-[52px] top-1/2 flex -translate-y-1/2", children: /* @__PURE__ */ e(
-      Yt,
+      At,
       {
-        collection: l,
+        collection: r,
         kind: "section",
         name: t.key,
         label: t.label || t.key
       }
     ) })
-  ] }) : p, Ne = (p) => je && (p.hidden || !(m.has(p.field) || !m.size));
+  ] }) : h, _e = (h) => Oe && (h.hidden || !(m.has(h.field) || !m.size));
   return /* @__PURE__ */ x(
     "div",
     {
-      "data-loads-on-open": se ? "" : void 0,
+      "data-loads-on-open": ie ? "" : void 0,
       "data-section-key": t.key,
-      className: W(
+      className: E(
         "nvr-section-enter rounded-xl border border-slate-200 bg-white dark:bg-card dark:border-border",
-        o && "bg-slate-50/60 dark:bg-slate-900/20",
-        oe && "hidden"
+        f && "bg-slate-50/60 dark:bg-slate-900/20",
+        ae && "hidden"
       ),
-      onPointerDownCapture: (p) => {
-        var _, c;
-        (c = (_ = p.target) == null ? void 0 : _.closest) != null && c.call(_, "[data-usage-header]") || ge();
+      onPointerDownCapture: (h) => {
+        var _, u;
+        (u = (_ = h.target) == null ? void 0 : _.closest) != null && u.call(_, "[data-usage-header]") || xe();
       },
-      onFocusCapture: (p) => {
-        var _, c;
-        (c = (_ = p.target) == null ? void 0 : _.closest) != null && c.call(_, "[data-usage-header]") || ge();
+      onFocusCapture: (h) => {
+        var _, u;
+        (u = (_ = h.target) == null ? void 0 : _.closest) != null && u.call(_, "[data-usage-header]") || xe();
       },
       children: [
-        Ue && !oe && /* @__PURE__ */ e(an, { layoutId: Number($), collection: l, sectionKey: t.key }),
-        xt(
+        Me && !ae && /* @__PURE__ */ e(un, { layoutId: Number(U), collection: r, sectionKey: t.key }),
+        yt(
           /* @__PURE__ */ x(
             "button",
             {
               type: "button",
               "data-usage-header": "",
-              onClick: pt,
-              "data-design-group-header": F ? "" : void 0,
-              className: W(
+              onClick: ft,
+              "data-design-group-header": $ ? "" : void 0,
+              className: E(
                 "flex w-full items-center gap-2 px-5 py-3 text-left hover:bg-slate-50/50 dark:hover:bg-white/[0.02] rounded-t-xl",
                 // Round the bottom only when nothing renders below the header — an
                 // expanded body (or collapsed summary strip) square-joins it, and a
                 // rounded hover overlay would leave see-through notches at the seam.
-                z && !(D && D.length > 0) && "rounded-b-xl"
+                z && !(M && M.length > 0) && "rounded-b-xl"
               ),
               children: [
-                Ie && /* @__PURE__ */ e(Ie, { className: "h-3.5 w-3.5 shrink-0 text-slate-400 dark:text-slate-500" }),
+                Ge && /* @__PURE__ */ e(Ge, { className: "h-3.5 w-3.5 shrink-0 text-slate-400 dark:text-slate-500" }),
                 /* @__PURE__ */ e("span", { className: "font-medium text-[13px] shrink-0 text-slate-800 dark:text-slate-200", children: t.label }),
                 /* @__PURE__ */ e("span", { className: "flex-1" }),
-                ft && /* @__PURE__ */ e("span", { className: "nvr-pop h-2 w-2 rounded-full bg-destructive shrink-0" }),
+                ht && /* @__PURE__ */ e("span", { className: "nvr-pop h-2 w-2 rounded-full bg-destructive shrink-0" }),
                 /* @__PURE__ */ e(
-                  St,
+                  Dt,
                   {
-                    "data-design-pass": F ? "" : void 0,
-                    className: W(
+                    "data-design-pass": $ ? "" : void 0,
+                    className: E(
                       "h-4 w-4 text-slate-400 dark:text-slate-500 transition-transform duration-200",
                       z && "-rotate-90"
                     )
@@ -759,93 +761,93 @@ function qn({
             }
           )
         ),
-        z && D && D.length > 0 && /* @__PURE__ */ e(
-          ln,
+        z && M && M.length > 0 && /* @__PURE__ */ e(
+          dn,
           {
-            summaryFields: D,
-            fields: r,
-            draft: i,
-            relations: s,
-            collection: l,
-            itemId: n,
-            ownersCollection: A,
-            ownersItemId: I,
-            ownersAssignment: j,
-            m2mCounts: J,
-            o2mCounts: R,
-            o2mAggValues: me,
-            summaryAggConfigs: N,
-            o2mLoading: U,
-            hideEmpty: !!t.summary_hide_empty || !!G
+            summaryFields: M,
+            fields: i,
+            draft: a,
+            relations: o,
+            collection: r,
+            itemId: s,
+            ownersCollection: P,
+            ownersItemId: j,
+            ownersAssignment: G,
+            m2mCounts: R,
+            o2mCounts: ue,
+            o2mAggValues: N,
+            summaryAggConfigs: T,
+            o2mLoading: me,
+            hideEmpty: !!t.summary_hide_empty || !!W
           }
         ),
-        z && !se && t.hide_when_empty && te.length > 0 && /* @__PURE__ */ e("div", { className: "hidden", children: te.filter((p) => p.widget_id != null).map((p) => /* @__PURE__ */ e(
-          Ee,
+        z && !ie && t.hide_when_empty && te.length > 0 && /* @__PURE__ */ e("div", { className: "hidden", children: te.filter((h) => h.widget_id != null).map((h) => /* @__PURE__ */ e(
+          Ye,
           {
-            widgetId: p.widget_id,
-            inputBindings: Ze(p.input_bindings),
-            itemDraft: i,
+            widgetId: h.widget_id,
+            inputBindings: Xe(h.input_bindings),
+            itemDraft: a,
             frameless: !0,
-            apiBase: E,
-            onContentChange: (_) => qe(
-              (c) => c[p.field] === _ ? c : { ...c, [p.field]: _ }
+            apiBase: Q,
+            onContentChange: (_) => Be(
+              (u) => u[h.field] === _ ? u : { ...u, [h.field]: _ }
             )
           },
-          p.field
+          h.field
         )) }),
         !z && /* @__PURE__ */ x("div", { className: "nvr-expand-in border-t border-slate-100 px-5 py-4", children: [
-          !o && /* @__PURE__ */ e(Xt, { group: t, className: "mb-3" }),
+          !f && /* @__PURE__ */ e(tn, { group: t, className: "mb-3" }),
           (() => {
-            const p = Lt(bt, {
-              rows: o ? [] : It(t.swap_config).rows,
-              folded: (c) => !o && Tt(c._overrides),
-              keep: (c) => !!c.required,
-              filled: (c) => !Ut(i[c.field]) || !!a[c.field]
-            }), _ = p.units.map(
-              (c) => c.kind === "row" ? {
-                _k: `row:${c.row.key}`,
-                sort: c.members[0].sort ?? 0,
+            const h = Mt(gt, {
+              rows: f ? [] : It(t.swap_config).rows,
+              folded: (u) => !f && Gt(u._overrides),
+              keep: (u) => !!u.required,
+              filled: (u) => !Tt(a[u.field]) || !!p[u.field]
+            }), _ = h.units.map(
+              (u) => u.kind === "row" ? {
+                _k: `row:${u.row.key}`,
+                sort: u.members[0].sort ?? 0,
                 _t: "row",
-                row: c.row,
-                members: c.members
-              } : { _k: c.field.field, sort: c.field.sort ?? 0, _t: "field", f: c.field }
+                row: u.row,
+                members: u.members
+              } : { _k: u.field.field, sort: u.field.sort ?? 0, _t: "field", f: u.field }
             );
-            j && _.push({
+            G && _.push({
               _k: "__owners__",
-              sort: j.sort,
+              sort: G.sort,
               _t: "owners",
-              slot: j
-            }), M && _.push({
+              slot: G
+            }), d && _.push({
               _k: "__pdf__",
-              sort: M.sort,
+              sort: d.sort,
               _t: "pdf",
-              slot: M
+              slot: d
             });
-            for (const c of K ?? [])
-              _.push({ _k: c.field, sort: c.sort, _t: "widget", slot: c });
-            return _.sort((c, q) => c.sort - q.sort), F && _.length === 0 && p.folded.length === 0 ? /* @__PURE__ */ e(Gt, {}) : o ? /* @__PURE__ */ x(
+            for (const u of A ?? [])
+              _.push({ _k: u.field, sort: u.sort, _t: "widget", slot: u });
+            return _.sort((u, B) => u.sort - B.sort), $ && _.length === 0 && h.folded.length === 0 ? /* @__PURE__ */ e(Vt, {}) : f ? /* @__PURE__ */ x(
               "div",
               {
-                ref: xe,
-                className: W(F && "relative", "grid grid-cols-12 gap-x-6 gap-y-3"),
+                ref: ye,
+                className: E($ && "relative", "grid grid-cols-12 gap-x-6 gap-y-3"),
                 children: [
-                  /* @__PURE__ */ e(we, { gapClass: "gap-x-6" }),
-                  _.map((c) => {
-                    if (c._t === "owners") {
-                      const v = c.slot.col_span ?? 12;
-                      return H(
-                        ae("__owners__"),
+                  /* @__PURE__ */ e(ve, { gapClass: "gap-x-6" }),
+                  _.map((u) => {
+                    if (u._t === "owners") {
+                      const v = u.slot.col_span ?? 12;
+                      return K(
+                        le("__owners__"),
                         /* @__PURE__ */ e(
                           "div",
                           {
                             className: "min-w-0",
                             style: { gridColumn: `span ${v}` },
                             children: /* @__PURE__ */ e(
-                              Qe,
+                              Ze,
                               {
-                                collection: l,
-                                itemId: n,
-                                label: c.slot.label_override || "Owners"
+                                collection: r,
+                                itemId: s,
+                                label: u.slot.label_override || "Owners"
                               }
                             )
                           },
@@ -853,136 +855,136 @@ function qn({
                         )
                       );
                     }
-                    if (c._t === "pdf" || c._t === "widget" || c._t === "row") return null;
-                    const q = c.f, b = s.find(
-                      (v) => v.many_collection === l && v.many_field === q.field && !v.junction_field
+                    if (u._t === "pdf" || u._t === "widget" || u._t === "row") return null;
+                    const B = u.f, g = o.find(
+                      (v) => v.many_collection === r && v.many_field === B.field && !v.junction_field
                     );
-                    return H(
-                      { kind: "field", field: q.field, group_key: t.key },
+                    return K(
+                      { kind: "field", field: B.field, group_key: t.key },
                       /* @__PURE__ */ x(
                         "div",
                         {
                           className: "min-w-0",
-                          style: { gridColumn: `span ${Ye(q.options, ye)}` },
+                          style: { gridColumn: `span ${Qe(B.options, Ne)}` },
                           children: [
-                            /* @__PURE__ */ e("dt", { className: "text-[11px] font-medium text-slate-400 truncate", children: q.label || at(q.field) }),
-                            /* @__PURE__ */ e("dd", { className: "mt-0.5 break-words", children: (b == null ? void 0 : b.one_collection) === "nivaro_users" ? (() => {
-                              const v = i[q.field], P = Array.isArray(v) ? v : v != null && v !== "" ? [v] : [];
-                              return P.length === 0 ? /* @__PURE__ */ e("span", { className: "text-[13px] text-slate-400", children: "—" }) : /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1.5", children: P.map((T) => /* @__PURE__ */ e(ot, { userId: String(T) }, String(T))) });
-                            })() : b != null && b.one_collection ? /* @__PURE__ */ e(re, { relCollection: b.one_collection, id: i[q.field] }) : /* @__PURE__ */ e("span", { className: "text-[13px] text-slate-700", children: De(i[q.field], q) }) })
+                            /* @__PURE__ */ e("dt", { className: "text-[11px] font-medium text-slate-400 truncate", children: B.label || ot(B.field) }),
+                            /* @__PURE__ */ e("dd", { className: "mt-0.5 break-words", children: (g == null ? void 0 : g.one_collection) === "nivaro_users" ? (() => {
+                              const v = a[B.field], C = Array.isArray(v) ? v : v != null && v !== "" ? [v] : [];
+                              return C.length === 0 ? /* @__PURE__ */ e("span", { className: "text-[13px] text-slate-400", children: "—" }) : /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1.5", children: C.map((I) => /* @__PURE__ */ e(ct, { userId: String(I) }, String(I))) });
+                            })() : g != null && g.one_collection ? /* @__PURE__ */ e(re, { relCollection: g.one_collection, id: a[B.field] }) : /* @__PURE__ */ e("span", { className: "text-[13px] text-slate-700", children: $e(a[B.field], B) }) })
                           ]
                         },
-                        q.field
+                        B.field
                       )
                     );
                   })
                 ]
               }
             ) : (() => {
-              const c = (b) => {
-                var Ke, He;
-                if (b._t === "row")
+              const u = (g) => {
+                var Ke, Ee;
+                if (g._t === "row")
                   return /* @__PURE__ */ e(
-                    Wt,
+                    Qt,
                     {
-                      row: b.row,
-                      members: b.members,
-                      containerWidth: ye,
-                      errors: a,
-                      renderMember: (w) => H(
+                      row: g.row,
+                      members: g.members,
+                      containerWidth: Ne,
+                      errors: p,
+                      renderMember: (w) => K(
                         { kind: "field", field: w.field, group_key: t.key },
                         /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-                          ve,
+                          Se,
                           {
-                            field: At(w),
-                            draft: i,
-                            onChange: u,
-                            relations: s,
-                            collection: l,
-                            itemId: n,
-                            error: a[w.field],
+                            field: Zt(w),
+                            draft: a,
+                            onChange: l,
+                            relations: o,
+                            collection: r,
+                            itemId: s,
+                            error: p[w.field],
                             visible: m.has(w.field) || !m.size,
-                            forceVisible: Ne(w) || void 0,
-                            locked: h.has(w.field),
-                            layoutAiEnabled: S,
-                            renderField: g,
-                            onCountChange: f
+                            forceVisible: _e(w) || void 0,
+                            locked: S.has(w.field),
+                            layoutAiEnabled: c,
+                            renderField: b,
+                            onCountChange: y
                           }
                         ) }, w.field)
                       )
                     },
-                    b._k
+                    g._k
                   );
-                if (b._t === "owners") {
-                  const w = b.slot.col_span ?? 12;
-                  return H(
-                    ae("__owners__"),
+                if (g._t === "owners") {
+                  const w = g.slot.col_span ?? 12;
+                  return K(
+                    le("__owners__"),
                     /* @__PURE__ */ e("div", { style: { gridColumn: `span ${w}` }, children: /* @__PURE__ */ e(
-                      Qe,
+                      Ze,
                       {
-                        collection: l,
-                        itemId: n,
-                        label: b.slot.label_override || "Owners"
+                        collection: r,
+                        itemId: s,
+                        label: g.slot.label_override || "Owners"
                       }
                     ) }, "__owners__")
                   );
                 }
-                if (b._t === "pdf") {
-                  if (!$) return null;
-                  const w = b.slot.col_span ?? 12, C = ((Ke = b.slot.label_override) == null ? void 0 : Ke.trim()) || "Generate PDF";
-                  return H(
-                    ae("__pdf__"),
+                if (g._t === "pdf") {
+                  if (!U) return null;
+                  const w = g.slot.col_span ?? 12, J = ((Ke = g.slot.label_override) == null ? void 0 : Ke.trim()) || "Generate PDF";
+                  return K(
+                    le("__pdf__"),
                     /* @__PURE__ */ e("div", { style: { gridColumn: `span ${w}` }, children: /* @__PURE__ */ e(
-                      rn,
+                      on,
                       {
-                        collection: l,
-                        itemId: n,
-                        layoutId: $,
-                        attachField: d ?? null,
-                        filenameTemplate: L,
-                        label: C
+                        collection: r,
+                        itemId: s,
+                        layoutId: U,
+                        attachField: L ?? null,
+                        filenameTemplate: O,
+                        label: J
                       }
                     ) }, "__pdf__")
                   );
                 }
-                if (b._t === "widget") {
-                  if (!b.slot.widget_id) return null;
-                  const w = b.slot.col_span ?? 12, C = Ze(b.slot.input_bindings);
-                  return H(
-                    ae(b.slot.field),
+                if (g._t === "widget") {
+                  if (!g.slot.widget_id) return null;
+                  const w = g.slot.col_span ?? 12, J = Xe(g.slot.input_bindings);
+                  return K(
+                    le(g.slot.field),
                     /* @__PURE__ */ e("div", { style: { gridColumn: `span ${w}` }, children: /* @__PURE__ */ e(
-                      Ee,
+                      Ye,
                       {
-                        widgetId: b.slot.widget_id,
-                        inputBindings: C,
-                        itemDraft: i,
-                        label: b.slot.label_override ?? void 0,
-                        defaultExpanded: b.slot.default_expanded ?? !0,
+                        widgetId: g.slot.widget_id,
+                        inputBindings: J,
+                        itemDraft: a,
+                        label: g.slot.label_override ?? void 0,
+                        defaultExpanded: g.slot.default_expanded ?? !0,
                         frameless: !0,
-                        apiBase: E,
-                        onContentChange: (We) => qe(
-                          (_e) => _e[b.slot.field] === We ? _e : { ..._e, [b.slot.field]: We }
+                        apiBase: Q,
+                        onContentChange: (We) => Be(
+                          (we) => we[g.slot.field] === We ? we : { ...we, [g.slot.field]: We }
                         )
                       }
-                    ) }, b.slot.field)
+                    ) }, g.slot.field)
                   );
                 }
-                const v = b.f, P = Y == null ? void 0 : Y[v.field], T = P == null ? void 0 : P.entries, yt = (P == null ? void 0 : P.separator) ?? null, ce = i[v.field], Ve = ce != null && ce !== "", Pe = T != null && T.length && Ve ? ((He = s.find(
-                  (w) => w.many_collection === l && w.many_field === v.field && !w.junction_field
-                )) == null ? void 0 : He.one_collection) ?? null : null, Ce = (V == null ? void 0 : V.enabled) && v.field === V.primary_field, Je = (() => {
-                  const w = i[(V == null ? void 0 : V.primary_field) ?? ""];
+                const v = g.f, C = pe == null ? void 0 : pe[v.field], I = C == null ? void 0 : C.entries, Nt = (C == null ? void 0 : C.separator) ?? null, oe = a[v.field], Ve = oe != null && oe !== "", Ce = I != null && I.length && Ve ? ((Ee = o.find(
+                  (w) => w.many_collection === r && w.many_field === v.field && !w.junction_field
+                )) == null ? void 0 : Ee.one_collection) ?? null : null, Je = (V == null ? void 0 : V.enabled) && v.field === V.primary_field, Re = (() => {
+                  const w = a[(V == null ? void 0 : V.primary_field) ?? ""];
                   return w != null && w !== "";
-                })(), Re = (Z ?? []).some((w) => {
-                  const C = i[w.field];
-                  return C != null && C !== "";
-                }), Nt = Ce && Fe ? /* @__PURE__ */ x("span", { className: "inline-flex items-center gap-1.5", children: [
+                })(), ze = (Z ?? []).some((w) => {
+                  const J = a[w.field];
+                  return J != null && J !== "";
+                }), _t = Je && je ? /* @__PURE__ */ x("span", { className: "inline-flex items-center gap-1.5", children: [
                   /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
-                      onClick: Fe,
+                      onClick: je,
                       className: "inline-flex items-center rounded px-1.5 py-0.5 text-[10px] font-medium text-nvr-cyan hover:bg-nvr-cyan/10 transition-colors",
-                      children: $e ? V.back_label ?? "Back" : V.toggle_label ?? "Enter manually"
+                      children: Fe ? V.back_label ?? "Back" : V.toggle_label ?? "Enter manually"
                     }
                   ),
                   /* @__PURE__ */ x(
@@ -990,7 +992,7 @@ function qn({
                     {
                       className: [
                         "inline-flex items-center gap-0.5 rounded px-1 py-0.5 text-[9px] font-medium",
-                        Je ? "bg-emerald-50 text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400" : "bg-slate-100 text-slate-400 dark:bg-slate-800 dark:text-slate-500"
+                        Re ? "bg-emerald-50 text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400" : "bg-slate-100 text-slate-400 dark:bg-slate-800 dark:text-slate-500"
                       ].join(" "),
                       title: "Original field",
                       children: [
@@ -999,7 +1001,7 @@ function qn({
                           {
                             className: [
                               "h-1.5 w-1.5 rounded-full",
-                              Je ? "bg-emerald-500" : "bg-slate-300 dark:bg-slate-600"
+                              Re ? "bg-emerald-500" : "bg-slate-300 dark:bg-slate-600"
                             ].join(" ")
                           }
                         ),
@@ -1012,7 +1014,7 @@ function qn({
                     {
                       className: [
                         "inline-flex items-center gap-0.5 rounded px-1 py-0.5 text-[9px] font-medium",
-                        Re ? "bg-emerald-50 text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400" : "bg-slate-100 text-slate-400 dark:bg-slate-800 dark:text-slate-500"
+                        ze ? "bg-emerald-50 text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400" : "bg-slate-100 text-slate-400 dark:bg-slate-800 dark:text-slate-500"
                       ].join(" "),
                       title: "Manual fields",
                       children: [
@@ -1021,7 +1023,7 @@ function qn({
                           {
                             className: [
                               "h-1.5 w-1.5 rounded-full",
-                              Re ? "bg-emerald-500" : "bg-slate-300 dark:bg-slate-600"
+                              ze ? "bg-emerald-500" : "bg-slate-300 dark:bg-slate-600"
                             ].join(" ")
                           }
                         ),
@@ -1029,61 +1031,61 @@ function qn({
                       ]
                     }
                   )
-                ] }) : void 0, _t = Ce && $e && (Z != null && Z.length) ? /* @__PURE__ */ e("div", { className: "mt-2 rounded-lg border border-slate-200 bg-slate-50 dark:border-border dark:bg-slate-900/40 p-3", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-3", children: Z.map((w) => {
-                  const C = (pe == null ? void 0 : pe[w.field]) ?? 2;
-                  return /* @__PURE__ */ e("div", { style: { gridColumn: `span ${C}` }, children: /* @__PURE__ */ e(
-                    ve,
+                ] }) : void 0, wt = Je && Fe && (Z != null && Z.length) ? /* @__PURE__ */ e("div", { className: "mt-2 rounded-lg border border-slate-200 bg-slate-50 dark:border-border dark:bg-slate-900/40 p-3", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-3", children: Z.map((w) => {
+                  const J = (fe == null ? void 0 : fe[w.field]) ?? 2;
+                  return /* @__PURE__ */ e("div", { style: { gridColumn: `span ${J}` }, children: /* @__PURE__ */ e(
+                    Se,
                     {
                       field: w,
-                      draft: i,
-                      onChange: u,
-                      relations: s,
-                      collection: l,
-                      itemId: n,
-                      error: a[w.field],
+                      draft: a,
+                      onChange: l,
+                      relations: o,
+                      collection: r,
+                      itemId: s,
+                      error: p[w.field],
                       visible: !0,
                       forceVisible: !0,
-                      locked: h.has(w.field),
-                      layoutAiEnabled: S,
-                      renderField: g,
-                      onCountChange: f
+                      locked: S.has(w.field),
+                      layoutAiEnabled: c,
+                      renderField: b,
+                      onCountChange: y
                     }
                   ) }, w.field);
-                }) }) }) : void 0, ze = /* @__PURE__ */ e(
-                  ve,
+                }) }) }) : void 0, He = /* @__PURE__ */ e(
+                  Se,
                   {
                     field: v,
-                    draft: i,
-                    onChange: u,
-                    relations: s,
-                    collection: l,
-                    itemId: n,
-                    error: a[v.field],
+                    draft: a,
+                    onChange: l,
+                    relations: o,
+                    collection: r,
+                    itemId: s,
+                    error: p[v.field],
                     visible: m.has(v.field) || !m.size,
-                    forceVisible: Ne(v) || void 0,
-                    locked: h.has(v.field),
-                    layoutAiEnabled: S,
-                    renderField: g,
-                    onCountChange: f,
-                    swapButton: Nt,
-                    swapContent: _t
+                    forceVisible: _e(v) || void 0,
+                    locked: S.has(v.field),
+                    layoutAiEnabled: c,
+                    renderField: b,
+                    onCountChange: y,
+                    swapButton: _t,
+                    swapContent: wt
                   }
                 );
-                return H(
+                return K(
                   { kind: "field", field: v.field, group_key: t.key },
                   /* @__PURE__ */ x(
                     "div",
                     {
-                      style: { gridColumn: `span ${Ye(v.options, ye)}` },
+                      style: { gridColumn: `span ${Qe(v.options, Ne)}` },
                       children: [
-                        Ne(v) ? /* @__PURE__ */ e("div", { "data-design-hidden": "", className: "opacity-40", children: ze }) : ze,
-                        (T == null ? void 0 : T.length) && Ve && Pe && /* @__PURE__ */ e(
-                          tn,
+                        _e(v) ? /* @__PURE__ */ e("div", { "data-design-hidden": "", className: "opacity-40", children: He }) : He,
+                        (I == null ? void 0 : I.length) && Ve && Ce && /* @__PURE__ */ e(
+                          ln,
                           {
-                            relCollection: Pe,
-                            relId: ce,
-                            entries: T,
-                            separator: yt
+                            relCollection: Ce,
+                            relId: oe,
+                            entries: I,
+                            separator: Nt
                           }
                         )
                       ]
@@ -1091,39 +1093,39 @@ function qn({
                     v.field
                   )
                 );
-              }, q = p.folded.map((b) => ({
-                _k: b.field,
-                sort: b.sort ?? 0,
+              }, B = h.folded.map((g) => ({
+                _k: g.field,
+                sort: g.sort ?? 0,
                 _t: "field",
-                f: b
+                f: g
               }));
-              return /* @__PURE__ */ x(wt, { children: [
+              return /* @__PURE__ */ x(vt, { children: [
                 /* @__PURE__ */ x(
                   "div",
                   {
-                    ref: xe,
-                    className: W(F && "relative", "grid grid-cols-12 gap-4 items-start"),
+                    ref: ye,
+                    className: E($ && "relative", "grid grid-cols-12 gap-4 items-start"),
                     children: [
-                      /* @__PURE__ */ e(we, {}),
-                      _.map(c)
+                      /* @__PURE__ */ e(ve, {}),
+                      _.map(u)
                     ]
                   }
                 ),
                 /* @__PURE__ */ e(
-                  Ht,
+                  Yt,
                   {
-                    count: q.length,
-                    open: ut,
-                    forcedOpen: p.forcedOpen,
-                    design: !!F,
-                    onToggle: () => mt((b) => !b),
+                    count: B.length,
+                    open: mt,
+                    forcedOpen: h.forcedOpen,
+                    design: !!$,
+                    onToggle: () => pt((g) => !g),
                     children: /* @__PURE__ */ x(
                       "div",
                       {
-                        className: W(F && "relative", "grid grid-cols-12 gap-4 items-start"),
+                        className: E($ && "relative", "grid grid-cols-12 gap-4 items-start"),
                         children: [
-                          /* @__PURE__ */ e(we, {}),
-                          q.map(c)
+                          /* @__PURE__ */ e(ve, {}),
+                          B.map(u)
                         ]
                       }
                     )
@@ -1132,30 +1134,30 @@ function qn({
               ] });
             })();
           })(),
-          ie && /* @__PURE__ */ e("div", { className: "mt-4", children: ie })
+          H && /* @__PURE__ */ e("div", { className: "mt-4", children: H })
         ] })
       ]
     }
   );
-}
-function an({
-  layoutId: t,
-  collection: r,
+}, rn);
+function un({
+  layoutId: n,
+  collection: t,
   sectionKey: i
 }) {
   return ne(() => {
-    st({ layoutId: t, collection: r, kind: "shown", key: i });
-  }, [t, r, i]), null;
+    lt({ layoutId: n, collection: t, kind: "shown", key: i });
+  }, [n, t, i]), null;
 }
 export {
-  qn as GroupSection,
-  tn as InlineDisplay,
-  Qe as OwnersInline,
-  en as OwnersInlineCompact,
+  Gn as GroupSection,
+  ln as InlineDisplay,
+  Ze as OwnersInline,
+  sn as OwnersInlineCompact,
   re as RelationCell,
-  On as StripFieldValue,
-  ot as UserChip,
-  Un as UserRosterCluster,
-  De as formatDisplayValue,
-  sn as useChangePulse
+  Tn as StripFieldValue,
+  ct as UserChip,
+  Vn as UserRosterCluster,
+  $e as formatDisplayValue,
+  cn as useChangePulse
 };