@nivaro/react 0.3.35 → 0.3.36

package/dist/shared/components/layout-editor/LayoutEditor.js

@@ -1,7 +1,7 @@
-import { jsxs as y, jsx as o, Fragment as ae } from "react/jsx-runtime";
+import { jsxs as h, jsx as o, Fragment as se } from "react/jsx-runtime";
 import { useQueryClient as rr, useQuery as or } from "@tanstack/react-query";
 import { Percent as nr, ListOrdered as ar, AlertTriangle as vt, Lock as sr, Plus as ir, BarChart3 as lr, LayoutGrid as dr, Table2 as cr, Grid3x3 as ur, Users as pr } from "lucide-react";
-import { useState as N, useEffect as U, useMemo as b, useRef as j, useCallback as C } from "react";
+import { useState as L, useEffect as q, useMemo as b, useRef as j, useCallback as C } from "react";
 import { createPortal as mr } from "react-dom";
 import { toast as gt } from "sonner";
 import { useNivaroClient as fr } from "../../context.js";
@@ -31,63 +31,64 @@ import { changeNotePolicyOf as xt, changeNoteMeta as Ur, changeNoteReady as $r,
 import { PresenceAvatars as Wr, DroppedBanner as Hr, RecoveryBanner as jr, UnsavedList as Gr } from "./CollabParts.js";
 import { CommandPalette as Qr } from "./commands/CommandPalette.js";
 import { nextSelection as Yr, targetKey as z } from "./design-context.js";
-import { WIDTH_LABELS as Jr } from "./field-zones.js";
-import { LayoutDndProvider as Zr, useLayoutDnd as Xr } from "./dnd/LayoutDndProvider.js";
-import { NO_DND as eo } from "./dnd/node.js";
-import { useDraftRecovery as to, stagedTip as ro } from "./draft-recovery.js";
-import { canvasRenderer as oo, EditorCanvas as no } from "./EditorCanvas.js";
-import { EditorTopBar as ao } from "./EditorTopBar.js";
-import { notesOf as so, noteKey as io } from "./editor-notes.js";
+import { LayoutDndProvider as Jr, useLayoutDnd as Zr } from "./dnd/LayoutDndProvider.js";
+import { NO_DND as Xr } from "./dnd/node.js";
+import { useDraftRecovery as eo, stagedTip as to } from "./draft-recovery.js";
+import { canvasRenderer as ro, EditorCanvas as oo } from "./EditorCanvas.js";
+import { EditorTopBar as no } from "./EditorTopBar.js";
+import { notesOf as ao, noteKey as so } from "./editor-notes.js";
 import { EntryEditorContext as St } from "./entry/entry-editor-context.js";
-import { useTabOrderEditor as lo, TabOrderBar as co } from "./entry/tab-order.js";
-import { useAppIsDark as uo, ThemePreviewTool as po, previewThemeClass as mo } from "./entry/theme-preview.js";
-import { useRulesView as fo, explainMarks as yo, RulesToggle as ho, RuleLoopsBanner as vo } from "./explain/CanvasRules.js";
-import { useDriverHover as go } from "./explain/driver-hover.js";
-import { useCanvasExplain as ko, useDefaultGhosts as wo } from "./explain/use-explain.js";
-import { FindReplaceButton as bo } from "./FindReplace.js";
-import { OutputsButton as xo } from "./outputs/OutputsButton.js";
-import { FormMapButton as So } from "./FormMapButton.js";
-import { useSectionChanges as Co } from "./history-api.js";
-import { useLayoutEditorHost as To } from "./host.js";
-import { overriddenTargets as Oo, overrideMark as Ao } from "./inheritance.js";
-import { BulkInspector as Po } from "./inspector/BulkInspector.js";
-import { requestInspectorTab as Lo } from "./inspector/tab-request.js";
+import { useTabOrderEditor as io, TabOrderBar as lo } from "./entry/tab-order.js";
+import { useAppIsDark as co, ThemePreviewTool as uo, previewThemeClass as po } from "./entry/theme-preview.js";
+import { useRulesView as mo, explainMarks as fo, RulesToggle as yo, RuleLoopsBanner as ho } from "./explain/CanvasRules.js";
+import { useDriverHover as vo } from "./explain/driver-hover.js";
+import { useCanvasExplain as go, useDefaultGhosts as ko } from "./explain/use-explain.js";
+import { FindReplaceButton as wo } from "./FindReplace.js";
+import { FormMapButton as bo } from "./FormMapButton.js";
+import { WIDTH_LABELS as xo } from "./field-zones.js";
+import { useSectionChanges as So } from "./history-api.js";
+import { useLayoutEditorHost as Co } from "./host.js";
+import { overriddenTargets as To, overrideMark as Oo } from "./inheritance.js";
+import { BulkInspector as Ao } from "./inspector/BulkInspector.js";
+import { requestInspectorTab as Po } from "./inspector/tab-request.js";
 import { isTyping as $e } from "./is-typing.js";
-import { ARROW_DIRS as No, altArrowMove as Ro } from "./keyboard-move.js";
-import { LayoutsRail as Eo } from "./LayoutsRail.js";
-import { LintButton as Do, LintPanel as Fo } from "./lint/LintPanel.js";
-import { useLayoutLint as Io } from "./lint/lint-api.js";
-import { FieldStateMatrix as Ko } from "./matrix/FieldStateMatrix.js";
-import { RoleSectionMatrix as _o } from "./matrix/RoleSectionMatrix.js";
-import { FindTool as Mo, OutlineTool as Bo, ViewTools as qo, ShortcutsTool as Uo } from "./nav/NavTools.js";
-import { OutlinePanel as $o } from "./nav/OutlinePanel.js";
-import { useEditorNav as zo } from "./nav/useEditorNav.js";
-import { COMPACT_ZOOM as Vo } from "./nav/view-prefs.js";
+import { ARROW_DIRS as Lo, altArrowMove as No } from "./keyboard-move.js";
+import { LayoutsRail as Ro } from "./LayoutsRail.js";
+import { LintButton as Eo, LintPanel as Do } from "./lint/LintPanel.js";
+import { useLayoutLint as Fo } from "./lint/lint-api.js";
+import { FieldStateMatrix as Io } from "./matrix/FieldStateMatrix.js";
+import { RoleSectionMatrix as Ko } from "./matrix/RoleSectionMatrix.js";
+import { FindTool as _o, OutlineTool as Mo, ViewTools as Bo, ShortcutsTool as qo } from "./nav/NavTools.js";
+import { OutlinePanel as Uo } from "./nav/OutlinePanel.js";
+import { useEditorNav as $o } from "./nav/useEditorNav.js";
+import { COMPACT_ZOOM as zo } from "./nav/view-prefs.js";
+import { OutputsButton as Vo } from "./outputs/OutputsButton.js";
 import { useLayoutOverview as Wo, useOverviewFields as Ho, useInvalidateLayouts as Nt, useRuleChoiceLabels as jo, useApproxRecordCount as Go } from "./overview/overview-api.js";
 import { purposeSegments as Qo, Sentence as Yo } from "./overview/purpose.js";
 import { PlacementsTable as Jo } from "./PlacementsTable.js";
 import { segTrack as Zo, amberStrip as Me, segOption as Xo } from "./panel-style.js";
-import { useLayoutPresence as en, peersByTarget as tn } from "./presence.js";
-import { PreviewModes as rn } from "./preview/PreviewModes.js";
-import { PreviewPanes as on } from "./preview/PreviewPanes.js";
-import { FormMoreMenu as nn } from "./reuse/FormMoreMenu.js";
-import { useRailCopy as an } from "./reuse/useRailCopy.js";
-import { StagedByOthers as sn } from "./StagedChip.js";
-import { StructureActions as ln, usePinMarks as dn } from "./StructureMenu.js";
-import { useRolePreview as cn } from "./settings/settings-api.js";
-import { layoutKindOf as un } from "./settings/settings-registry.js";
-import { useStagedDraft as pn, useStagedWriter as mn } from "./staged-api.js";
-import { ImpactButton as fn, TestingButton as yn } from "./testing/TestingPanels.js";
+import { usePersonalDefaultMarks as en } from "./personal-default-marks.js";
+import { useLayoutPresence as tn, peersByTarget as rn } from "./presence.js";
+import { PreviewModes as on } from "./preview/PreviewModes.js";
+import { PreviewPanes as nn } from "./preview/PreviewPanes.js";
+import { FormMoreMenu as an } from "./reuse/FormMoreMenu.js";
+import { useRailCopy as sn } from "./reuse/useRailCopy.js";
+import { StagedByOthers as ln } from "./StagedChip.js";
+import { StructureActions as dn, usePinMarks as cn } from "./StructureMenu.js";
+import { useRolePreview as un } from "./settings/settings-api.js";
+import { layoutKindOf as pn } from "./settings/settings-registry.js";
+import { useStagedDraft as mn, useStagedWriter as fn } from "./staged-api.js";
+import { ImpactButton as yn, TestingButton as hn } from "./testing/TestingPanels.js";
 import { MenuSeparator as Ce, ToolButton as Ct } from "./toolbar-kit.js";
-import { unsavedText as hn, UnsavedConfirm as vn } from "./UnsavedConfirm.js";
-import { unsavedKeys as gn, targetFromKey as Tt, describeTarget as Ot } from "./unsaved-marks.js";
-import { UsagePanel as kn } from "./usage/UsagePanel.js";
-import { useShowFillRates as wn, useFieldFillRates as bn, usageTodayText as xn, useLayoutUsageToday as Sn } from "./usage/usage-api.js";
-import { useLayoutDraft as Cn, useLayoutBundle as Be, layoutDraftKeys as Tn, touchesOverview as On } from "./useLayoutDraft.js";
-import { FormSettings as An } from "./settings/FormSettings.js";
-import { Inspector as Pn } from "./inspector/Inspector.js";
-function Ln(r) {
-  U(() => {
+import { unsavedText as vn, UnsavedConfirm as gn } from "./UnsavedConfirm.js";
+import { unsavedKeys as kn, targetFromKey as Tt, describeTarget as Ot } from "./unsaved-marks.js";
+import { UsagePanel as wn } from "./usage/UsagePanel.js";
+import { useShowFillRates as bn, useFieldFillRates as xn, usageTodayText as Sn, useLayoutUsageToday as Cn } from "./usage/usage-api.js";
+import { useLayoutDraft as Tn, useLayoutBundle as Be, layoutDraftKeys as On, touchesOverview as An } from "./useLayoutDraft.js";
+import { FormSettings as Pn } from "./settings/FormSettings.js";
+import { Inspector as Ln } from "./inspector/Inspector.js";
+function Nn(r) {
+  q(() => {
     const i = (s) => {
       if (!(s.metaKey || s.ctrlKey) || s.altKey) return;
       const l = s.key.toLowerCase();
@@ -101,51 +102,51 @@ function Ln(r) {
     return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
   }, [r.undo, r.redo, r.autosave, r.flush, r.save]);
 }
-function Nn(r, i, s, l, m) {
-  U(() => {
+function Rn(r, i, s, l, m) {
+  q(() => {
     const d = (c) => {
-      const v = No[c.key];
-      if (!v || !c.altKey || c.metaKey || c.ctrlKey || c.shiftKey || c.defaultPrevented || !r || i.length !== 1 || l.current || $e(c.target) || document.querySelector('[data-radix-popper-content-wrapper], [role="menu"]')) return;
+      const g = Lo[c.key];
+      if (!g || !c.altKey || c.metaKey || c.ctrlKey || c.shiftKey || c.defaultPrevented || !r || i.length !== 1 || l.current || $e(c.target) || document.querySelector('[data-radix-popper-content-wrapper], [role="menu"]')) return;
       c.preventDefault();
-      const p = Ro(r, i[0], v);
+      const p = No(r, i[0], g);
       if (!p) return;
       s(p.ops, { label: p.label }), m(p.next);
       const u = z(p.next);
       requestAnimationFrame(() => {
         var Q;
-        const g = document.querySelector(
+        const k = document.querySelector(
           `[data-layout-editor] [data-design-target="${CSS.escape(u)}"]`
         );
-        g == null || g.focus({ preventScroll: !0 }), (Q = g == null ? void 0 : g.scrollIntoView) == null || Q.call(g, { block: "nearest" });
+        k == null || k.focus({ preventScroll: !0 }), (Q = k == null ? void 0 : k.scrollIntoView) == null || Q.call(k, { block: "nearest" });
       });
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [r, i, s, l, m]);
 }
-function Rn(r) {
+function En(r) {
   const i = r.status === "saving" || r.dirty;
-  wr(i, "Layout changes"), U(() => {
+  wr(i, "Layout changes"), q(() => {
     if (!i) return;
     const s = (l) => {
       r.flush(), l.preventDefault(), l.returnValue = "";
     };
     return window.addEventListener("beforeunload", s), () => window.removeEventListener("beforeunload", s);
-  }, [i, r.flush]), U(() => {
+  }, [i, r.flush]), q(() => {
     const s = () => r.flush();
     return window.addEventListener("pagehide", s), () => window.removeEventListener("pagehide", s);
   }, [r.flush]);
 }
-function En(r) {
+function Dn(r) {
   const i = rr(), s = Nt(r);
   return C(
     (l, m) => {
       const d = Number(l.layout.id);
-      Number.isFinite(d) && i.invalidateQueries({ queryKey: Tn.versions(d) }), s({ lazy: !On(m) });
+      Number.isFinite(d) && i.invalidateQueries({ queryKey: On.versions(d) }), s({ lazy: !An(m) });
     },
     [i, s]
   );
 }
-function Dn(r, i) {
+function Fn(r, i) {
   const s = fr();
   return or({
     queryKey: ["layout-editor", "preview-record", r, i],
@@ -156,9 +157,9 @@ function Dn(r, i) {
     staleTime: 3e4
   });
 }
-function Fn(r, i) {
+function In(r, i) {
   const s = j(i);
-  s.current = i, U(() => {
+  s.current = i, q(() => {
     if (!r) return;
     let l = !1;
     const m = (d) => {
@@ -166,13 +167,13 @@ function Fn(r, i) {
       if (l || d.defaultPrevented || d.button !== 0 || d.metaKey || d.ctrlKey || d.shiftKey || d.altKey) return;
       const c = (u = (p = d.target) == null ? void 0 : p.closest) == null ? void 0 : u.call(p, "a[href]");
       if (!c || c.target && c.target !== "_self" || c.hasAttribute("download")) return;
-      let v;
+      let g;
       try {
-        v = new URL(c.href, window.location.href);
+        g = new URL(c.href, window.location.href);
       } catch {
         return;
       }
-      v.origin === window.location.origin && v.pathname + v.search !== window.location.pathname + window.location.search && (d.preventDefault(), d.stopPropagation(), s.current(() => {
+      g.origin === window.location.origin && g.pathname + g.search !== window.location.pathname + window.location.search && (d.preventDefault(), d.stopPropagation(), s.current(() => {
         l = !0;
         try {
           c.click();
@@ -192,13 +193,13 @@ function qe(r, i, s = null) {
   };
   return l(i) || s != null && l(s);
 }
-function In(r, i, s) {
+function Kn(r, i, s) {
   const l = j(null), m = j(i);
-  return m.current = i, U(() => {
-    var v;
+  return m.current = i, q(() => {
+    var g;
     if (!r) return;
     const d = document.activeElement;
-    (v = l.current) == null || v.focus();
+    (g = l.current) == null || g.focus();
     const c = (p) => {
       p.key !== "Escape" || p.defaultPrevented || s.current || $e(p.target) || document.querySelector('[data-radix-popper-content-wrapper], [role="menu"]') || (p.preventDefault(), m.current());
     };
@@ -207,7 +208,7 @@ function In(r, i, s) {
     };
   }, [r, s]), l;
 }
-function Kn({
+function _n({
   collection: r,
   bundle: i,
   parent: s,
@@ -215,115 +216,115 @@ function Kn({
   stateKey: m = null,
   marks: d,
   overlay: c,
-  ruleMarks: v,
+  ruleMarks: g,
   ghost: p,
   deps: u,
-  noDnd: g = !1,
+  noDnd: k = !1,
   record: Q,
   selected: n,
-  selection: fe,
+  selection: ye,
   onSelect: t,
-  showHidden: E,
+  showHidden: R,
   fold: te = null,
   reveal: V = null,
-  apply: P,
+  apply: A,
   whenIdle: Te,
-  fillRate: ye,
-  unsaved: he,
-  peers: de,
-  compare: h,
-  lastChanges: R
+  fillRate: he,
+  unsaved: ve,
+  peers: ce,
+  compare: v,
+  lastChanges: N
 }) {
-  const re = Xr(), I = g ? eo : re, se = oo(String(i.layout.layout_type ?? "grouped")), ie = (se === "item-edit-form" || se === "read-view") && (h == null ? void 0 : h.diff.bundle) || i, M = b(() => Lt(ie, s), [ie, s]), Y = b(
-    () => s ? Oo(i, s) : null,
+  const re = Zr(), F = k ? Xr : re, ie = ro(String(i.layout.layout_type ?? "grouped")), le = (ie === "item-edit-form" || ie === "read-view") && (v == null ? void 0 : v.diff.bundle) || i, M = b(() => Lt(le, s), [le, s]), Y = b(
+    () => s ? To(i, s) : null,
     [i, s]
-  ), W = b(() => Y != null && Y.size ? (k) => {
-    const O = Y.get(z(k)), ge = (d == null ? void 0 : d(k)) ?? [];
-    return O ? [...ge, Ao(O)] : ge;
+  ), W = b(() => Y != null && Y.size ? (y) => {
+    const _ = Y.get(z(y)), oe = (d == null ? void 0 : d(y)) ?? [];
+    return _ ? [...oe, Oo(_)] : oe;
   } : d, [Y, d]), Oe = b(
-    () => _r(M.active, l, E),
-    [M.active, l, E]
-  ), { data: K = null } = cn(r, l), J = b(
-    () => l ? Mr(K) : void 0,
-    [l, K]
-  ), L = b(() => so(i), [i]), _ = b(
-    () => W && v ? (k) => [...W(k), ...v(k)] : W ?? v,
-    [W, v]
-  ), B = dn(i, _), Ae = b(
+    () => _r(M.active, l, R),
+    [M.active, l, R]
+  ), { data: I = null } = un(r, l), J = b(
+    () => l ? Mr(I) : void 0,
+    [l, I]
+  ), P = b(() => ao(i), [i]), K = b(
+    () => W && g ? (y) => [...W(y), ...g(y)] : W ?? g,
+    [W, g]
+  ), U = en(i, K), ke = cn(i, U), T = b(
     () => ({
       selected: n,
-      selection: fe,
+      selection: ye,
       onSelect: t,
-      showHidden: E,
-      inheritedFrom: (k) => M.inherited.get(z(k)) ?? null,
-      dnd: I,
+      showHidden: R,
+      inheritedFrom: (y) => M.inherited.get(z(y)) ?? null,
+      dnd: F,
       roleMark: J,
-      marks: B,
+      marks: ke,
       overlay: c,
-      fillRate: ye,
-      note: (k) => {
-        const O = io(k);
-        return O ? L.get(O) ?? null : null;
+      fillRate: he,
+      note: (y) => {
+        const _ = so(y);
+        return _ ? P.get(_) ?? null : null;
       },
       fold: te,
       reveal: V,
-      unsaved: he,
-      peers: de,
-      diffMark: h ? (k) => h.diff.marks.get(z(k)) ?? null : void 0,
-      lastChange: R ? (k) => k.kind === "group" ? R[k.key] ?? null : null : void 0,
+      unsaved: ve,
+      peers: ce,
+      diffMark: v ? (y) => v.diff.marks.get(z(y)) ?? null : void 0,
+      lastChange: N ? (y) => y.kind === "group" ? N[y.key] ?? null : null : void 0,
       ghost: p,
-      resizeWidth: g ? void 0 : (k, O) => {
-        k.kind !== "field" && k.kind !== "slot" || P(
+      resizeWidth: k ? void 0 : (y, _) => {
+        y.kind !== "field" && y.kind !== "slot" || A(
           [
             {
               op: "update_placement",
-              at: { field: k.field, group_key: k.group_key },
-              patch: { col_span: O === 12 ? null : O }
+              at: { field: y.field, group_key: y.group_key },
+              patch: { col_span: _ === 12 ? null : _ }
             }
           ],
-          { label: `Set the width to ${Jr[O] ?? O}` }
+          { label: `Set the width to ${xo[_] ?? _}` }
         );
       }
     }),
     [
       n,
-      fe,
+      ye,
       t,
-      E,
+      R,
       M.inherited,
-      I,
+      F,
       J,
-      B,
+      ke,
       c,
-      ye,
-      L,
+      he,
+      P,
       te,
       V,
-      he,
-      de,
-      h,
-      R,
+      ve,
+      ce,
+      v,
+      N,
       p,
-      P,
-      g
+      A,
+      k
     ]
-  ), T = go(u);
-  return /* @__PURE__ */ o("div", { ref: T, className: "flex min-h-full flex-col", children: /* @__PURE__ */ o(
-    no,
+  ), Ae = vo(u);
+  return /* @__PURE__ */ o("div", { ref: Ae, className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ o(
+    oo,
     {
       collection: r,
-      bundle: ie,
+      bundle: le,
       layout: Oe,
       record: Q,
       stateKey: m,
       roleId: l,
-      design: Ae,
-      apply: P,
+      design: T,
+      apply: A,
       whenIdle: Te
     }
   ) });
 }
-function _n({
+function Mn({
   collection: r,
   name: i,
   row: s,
@@ -332,19 +333,19 @@ function _n({
   fields: d,
   onDone: c
 }) {
-  const v = jo(r, d, m), { data: p } = Go(r, s, m), u = xn(Sn(l).data), g = s ? s.section === "forms" && (s.reason.kind === "default" || s.reason.kind === "fallback") ? [{ text: "used by every record no rule catches" }] : Qo(s, d, v) : [];
-  return g.length > 0 && typeof p == "number" && g.push({ text: ` (≈ ${p.toLocaleString()} ${p === 1 ? "record" : "records"})` }), u && g.push({ text: g.length > 0 ? `; ${u}` : u }), /* @__PURE__ */ y(
+  const g = jo(r, d, m), { data: p } = Go(r, s, m), u = Sn(Cn(l).data), k = s ? s.section === "forms" && (s.reason.kind === "default" || s.reason.kind === "fallback") ? [{ text: "used by every record no rule catches" }] : Qo(s, d, g) : [];
+  return k.length > 0 && typeof p == "number" && k.push({ text: ` (≈ ${p.toLocaleString()} ${p === 1 ? "record" : "records"})` }), u && k.push({ text: k.length > 0 ? `; ${u}` : u }), /* @__PURE__ */ h(
     "div",
     {
       "data-editing-banner": "",
       className: "flex shrink-0 items-center gap-3 border-b border-nvr-cyan/30 bg-nvr-cyan/10 px-4 py-1.5 text-[12.5px] text-slate-700 dark:text-slate-200",
       children: [
-        /* @__PURE__ */ y("p", { className: "m-0 min-w-0 flex-1 truncate", children: [
+        /* @__PURE__ */ h("p", { className: "m-0 min-w-0 flex-1 truncate", children: [
           "Editing ",
           /* @__PURE__ */ o("b", { className: "font-semibold text-slate-900 dark:text-foreground", children: i }),
-          g.length > 0 && /* @__PURE__ */ y(ae, { children: [
+          k.length > 0 && /* @__PURE__ */ h(se, { children: [
             " — ",
-            /* @__PURE__ */ o(Yo, { segs: g, muted: !0 })
+            /* @__PURE__ */ o(Yo, { segs: k, muted: !0 })
           ] })
         ] }),
         /* @__PURE__ */ o(
@@ -360,8 +361,8 @@ function _n({
     }
   );
 }
-function Mn({ view: r, onView: i }) {
-  const s = (l, m, d, c) => /* @__PURE__ */ y(
+function Bn({ view: r, onView: i }) {
+  const s = (l, m, d, c) => /* @__PURE__ */ h(
     "button",
     {
       type: "button",
@@ -377,7 +378,7 @@ function Mn({ view: r, onView: i }) {
       ]
     }
   );
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ h(
     "fieldset",
     {
       "aria-label": "Show the form as",
@@ -400,7 +401,7 @@ const Ue = (r) => G(
   "inline-flex h-7 items-center gap-1 rounded-md px-2.5 text-[12px] font-medium transition-colors",
   r ? "bg-accent text-slate-900 dark:text-foreground" : "text-slate-500 hover:bg-muted hover:text-slate-800 dark:text-muted-foreground dark:hover:text-foreground"
 );
-function ks({
+function bs({
   collection: r,
   layoutId: i,
   onBack: s,
@@ -408,65 +409,65 @@ function ks({
   onLayoutChange: m,
   previewRecordId: d = null,
   portalContainer: c,
-  onDirtyChange: v
+  onDirtyChange: g
 }) {
   var ut, pt, mt, ft, yt, ht;
-  const p = To(), [u, g] = N(i);
-  U(() => g(i), [i]);
-  const Q = En(r), { draft: n, recorder: fe } = Kr(Cn(u, { onSaved: Q })), t = n.bundle, [E, te] = N("layouts"), [V, P] = N("inspector"), [Te, ye] = Er(), [he, de] = N(null), [h, R] = N([]), re = h.length > 0 ? h[h.length - 1] : null, [I, se] = N("canvas"), [ve, ie] = N(!1), [M, Y] = wn(), { data: W } = bn(r, M), Oe = b(
+  const p = Co(), [u, k] = L(i);
+  q(() => k(i), [i]);
+  const Q = Dn(r), { draft: n, recorder: ye } = Kr(Tn(u, { onSaved: Q })), t = n.bundle, [R, te] = L("layouts"), [V, A] = L("inspector"), [Te, he] = Er(), [ve, ce] = L(null), [v, N] = L([]), re = v.length > 0 ? v[v.length - 1] : null, [F, ie] = L("canvas"), [ge, le] = L(!1), [M, Y] = bn(), { data: W } = xn(r, M), Oe = b(
     () => M && W && W.total > 0 ? (e) => W.pct.get(e) ?? null : void 0,
     [M, W]
-  ), [K, J] = N({
+  ), [I, J] = L({
     record: d ? { id: d, label: `#${d}` } : null,
     roleId: null
-  }), { data: L } = Wo(r), { data: _ = [] } = Ho(r), B = L == null ? void 0 : L.rows.find((e) => e.layout_id === u), Ae = (t == null ? void 0 : t.layout.parent_layout_id) != null ? Number(t.layout.parent_layout_id) : null, { data: T = null } = Be(Ae), { data: k = null } = Dn(r, ((ut = K.record) == null ? void 0 : ut.id) ?? null), O = b(
+  }), { data: P } = Wo(r), { data: K = [] } = Ho(r), U = P == null ? void 0 : P.rows.find((e) => e.layout_id === u), ke = (t == null ? void 0 : t.layout.parent_layout_id) != null ? Number(t.layout.parent_layout_id) : null, { data: T = null } = Be(ke), { data: Ae = null } = Fn(r, ((ut = I.record) == null ? void 0 : ut.id) ?? null), y = b(
     () => t ? Lt(t, T).active : null,
     [t, T]
   );
   br(kt);
-  const ge = b(() => xr(O), [O]), ke = Io(r, t, T), { data: Rt } = Be(u), Z = Br(t, Rt ?? null, n.unsavedCount, u), { data: Et } = Co(u, t != null), [ze, Dt] = N([]), Ft = b(() => {
+  const _ = b(() => xr(y), [y]), oe = Fo(r, t, T), { data: Rt } = Be(u), Z = Br(t, Rt ?? null, n.unsavedCount, u), { data: Et } = So(u, t != null), [ze, Dt] = L([]), Ft = b(() => {
     const e = Pr(ze), a = /* @__PURE__ */ new WeakMap();
     return (f) => {
       if (!f || !e) return bt(f, e);
       const w = a.get(f);
       if (w) return w;
-      const F = bt(f, e);
-      return a.set(f, F), F;
+      const D = bt(f, e);
+      return a.set(f, D), D;
     };
-  }, [ze]), [ce, It] = fo(), we = ko(r, O, ce), ue = wo(r, O, ce && !K.record), { data: le } = Be(u), X = vr(((pt = le == null ? void 0 : le.layout) == null ? void 0 : pt.conditions) ?? ((mt = t == null ? void 0 : t.layout) == null ? void 0 : mt.conditions)), D = xt(le == null ? void 0 : le.layout) ?? xt(t == null ? void 0 : t.layout) ?? (X ? "note" : null), [pe, Pe] = N({ reason: "", ticket: "" }), [Ve, We] = N(null), Le = j(pe);
-  Le.current = pe;
+  }, [ze]), [ue, It] = mo(), we = go(r, y, ue), pe = ko(r, y, ue && !I.record), { data: de } = Be(u), X = vr(((pt = de == null ? void 0 : de.layout) == null ? void 0 : pt.conditions) ?? ((mt = t == null ? void 0 : t.layout) == null ? void 0 : mt.conditions)), E = xt(de == null ? void 0 : de.layout) ?? xt(t == null ? void 0 : t.layout) ?? (X ? "note" : null), [me, Pe] = L({ reason: "", ticket: "" }), [Ve, We] = L(null), Le = j(me);
+  Le.current = me;
   const He = C(async () => {
-    const e = D ? {
+    const e = E ? {
       ...Ur(Le.current),
       ...X ? { freeze_override: Le.current.reason.trim() } : {}
     } : void 0;
     await n.save(e);
     const a = n.unsavedOps().length === 0;
     return a && e && Pe((f) => ({ ...f, reason: "" })), a;
-  }, [n.save, n.unsavedOps, D, X]), je = C(() => {
+  }, [n.save, n.unsavedOps, E, X]), je = C(() => {
     var e, a;
-    return D ? (n.unsavedOps().length > 0 && We(
+    return E ? (n.unsavedOps().length > 0 && We(
       ((e = $.current) == null ? void 0 : e.querySelector("[data-editor-save]")) ?? ((a = $.current) == null ? void 0 : a.querySelector("[data-editor-topbar]")) ?? null
     ), Promise.resolve()) : n.save();
-  }, [D, n.save, n.unsavedOps]);
-  U(() => {
-    D && n.autosave && n.setAutosave(!1);
-  }, [D, n.autosave, n.setAutosave]);
-  const Kt = D ? { ...n, save: je, setAutosave: void 0 } : n;
-  Ln(D ? { ...n, save: je } : n), Rn(n);
-  const $ = j(null), [_t, Ge] = N(null), Qe = j(n.dirty);
+  }, [E, n.save, n.unsavedOps]);
+  q(() => {
+    E && n.autosave && n.setAutosave(!1);
+  }, [E, n.autosave, n.setAutosave]);
+  const Kt = E ? { ...n, save: je, setAutosave: void 0 } : n;
+  Nn(E ? { ...n, save: je } : n), En(n);
+  const $ = j(null), [_t, Ge] = L(null), Qe = j(n.dirty);
   Qe.current = n.dirty;
-  const oe = C((e, a, f) => {
-    var F, me;
+  const ne = C((e, a, f) => {
+    var D, fe;
     if (!Qe.current) return a();
-    const w = ((F = $.current) == null ? void 0 : F.querySelector("[data-editor-save]")) ?? ((me = $.current) == null ? void 0 : me.querySelector("[data-editor-topbar]")) ?? null;
+    const w = ((D = $.current) == null ? void 0 : D.querySelector("[data-editor-save]")) ?? ((fe = $.current) == null ? void 0 : fe.querySelector("[data-editor-topbar]")) ?? null;
     Ge({ what: e, go: a, anchor: f ?? w });
   }, []), Mt = He;
-  Fn(n.dirty, (e, a) => oe("leave this page", e, a)), U(() => {
-    v == null || v(n.dirty);
-  }, [n.dirty, v]);
+  In(n.dirty, (e, a) => ne("leave this page", e, a)), q(() => {
+    g == null || g(n.dirty);
+  }, [n.dirty, g]);
   const Ye = j(n.unsavedOps);
-  Ye.current = n.unsavedOps, U(
+  Ye.current = n.unsavedOps, q(
     () => () => {
       Ye.current().length > 0 && gt.warning("Unsaved form changes kept — open the form again to save or discard them");
     },
@@ -476,71 +477,71 @@ function ks({
     const e = n.whenIdle();
     e.then(() => Je()), s(e);
   }, [n.whenIdle, Je, s]), Ne = C(
-    (e) => oe(l === "overlay" ? "go back to the record" : "leave this form", Ze, e),
-    [oe, Ze, l]
+    (e) => ne(l === "overlay" ? "go back to the record" : "leave this form", Ze, e),
+    [ne, Ze, l]
   );
-  U(() => {
-    if (!t || h.length === 0) return;
-    const e = h.filter((a) => qe(a, t, T));
-    e.length !== h.length && R(e);
-  }, [h, t, T]);
-  const ne = l === "overlay", [Re, Bt] = N(null), Ee = j(!1), qt = C((e) => {
+  q(() => {
+    if (!t || v.length === 0) return;
+    const e = v.filter((a) => qe(a, t, T));
+    e.length !== v.length && N(e);
+  }, [v, t, T]);
+  const ae = l === "overlay", [Re, Bt] = L(null), Ee = j(!1), qt = C((e) => {
     Ee.current = e;
-  }, []), Ut = In(ne && Re != null, () => Ne(), Ee), A = C((e, a) => {
-    R((f) => Yr(f, e, a)), P("inspector");
-  }, []), Xe = C((e) => R([e]), []), q = lo(t, n.apply), $t = b(() => q.intercept(A), [q.intercept, A]), [De, zt] = N(!1), Fe = uo(), Ie = b(
+  }, []), Ut = Kn(ae && Re != null, () => Ne(), Ee), O = C((e, a) => {
+    N((f) => Yr(f, e, a)), A("inspector");
+  }, []), Xe = C((e) => N([e]), []), B = io(t, n.apply), $t = b(() => B.intercept(O), [B.intercept, O]), [De, zt] = L(!1), Fe = co(), Ie = b(
     () => ({
-      tabOrderActive: q.active,
+      tabOrderActive: B.active,
       startTabOrder: () => {
-        se("canvas"), q.start();
+        ie("canvas"), B.start();
       }
     }),
-    [q.active, q.start]
+    [B.active, B.start]
   ), et = C(
     (e, a) => {
-      if (e.kind === "group") return A({ kind: "group", key: e.key });
+      if (e.kind === "group") return O({ kind: "group", key: e.key });
       if (e.kind === "tab") {
-        A(a), (a.kind === "field" || a.kind === "header") && Lo(a.field, e.tab);
+        O(a), (a.kind === "field" || a.kind === "header") && Po(a.field, e.tab);
         return;
       }
       if (e.kind === "pipeline")
-        return oe(
+        return ne(
           "open the pipeline",
           () => p.navigate(`/pipelines/${encodeURIComponent(e.id)}`)
         );
-      oe(
+      ne(
         "open the field rules",
         () => p.navigate(`/data-model/${encodeURIComponent(r)}?tab=rules`)
       );
     },
-    [A, oe, p, r]
+    [O, ne, p, r]
   ), Vt = b(() => {
     const e = /* @__PURE__ */ new Map();
-    for (const [a, f] of ue)
+    for (const [a, f] of pe)
       (f.type === "boolean" || f.text.endsWith(" linked")) && e.set(a, f.text);
-    return yo(we, { chips: ce, ghostTags: e, open: et });
-  }, [we, ce, ue, et]), Wt = b(
-    () => ue.size > 0 ? (e) => {
+    return fo(we, { chips: ue, ghostTags: e, open: et });
+  }, [we, ue, pe, et]), Wt = b(
+    () => pe.size > 0 ? (e) => {
       var a;
-      return ((a = ue.get(e)) == null ? void 0 : a.text) ?? null;
+      return ((a = pe.get(e)) == null ? void 0 : a.text) ?? null;
     } : void 0,
-    [ue]
+    [pe]
   ), Ht = C(
     (e) => {
       const a = t == null ? void 0 : t.placements.find((w) => w.field === e);
       if (!a) return;
       const f = a.group_key === Pt ? { kind: "header", field: e } : { kind: "field", field: e, group_key: a.group_key };
-      A(f), requestAnimationFrame(
+      O(f), requestAnimationFrame(
         () => {
-          var w, F;
-          return (F = (w = document.querySelector(`[data-layout-editor] [data-design-target="${CSS.escape(z(f))}"]`)) == null ? void 0 : w.scrollIntoView) == null ? void 0 : F.call(w, { block: "center" });
+          var w, D;
+          return (D = (w = document.querySelector(`[data-layout-editor] [data-design-target="${CSS.escape(z(f))}"]`)) == null ? void 0 : w.scrollIntoView) == null ? void 0 : D.call(w, { block: "center" });
         }
       );
     },
-    [t, A]
+    [t, O]
   );
-  Nn(t, h, n.apply, Ee, Xe);
-  const Ke = en(u, re ? z(re) : null), tt = b(() => tn(Ke), [Ke]), jt = C(
+  Rn(t, v, n.apply, Ee, Xe);
+  const Ke = tn(u, re ? z(re) : null), tt = b(() => rn(Ke), [Ke]), jt = C(
     (e) => (tt.get(z(e)) ?? []).map((a) => ({
       id: a.id,
       name: a.name,
@@ -548,15 +549,15 @@ function ks({
       chip: a.tone.chip
     })),
     [tt]
-  ), rt = b(() => gn(n.unsavedSteps), [n.unsavedSteps]), Gt = C((e) => rt.has(z(e)), [rt]), [ot, be] = N(null), nt = C((e) => {
-    se("canvas"), R([e]), P("inspector"), requestAnimationFrame(() => {
+  ), rt = b(() => kn(n.unsavedSteps), [n.unsavedSteps]), Gt = C((e) => rt.has(z(e)), [rt]), [ot, be] = L(null), nt = C((e) => {
+    ie("canvas"), N([e]), A("inspector"), requestAnimationFrame(() => {
       var f;
       const a = document.querySelector(
         `[data-layout-editor] [data-design-target="${CSS.escape(z(e))}"]`
       );
       (f = a == null ? void 0 : a.scrollIntoView) == null || f.call(a, { block: "center" }), a == null || a.focus({ preventScroll: !0 });
     });
-  }, []), Qt = kr(), H = pn(u), at = mn(), Yt = b(
+  }, []), Qt = kr(), H = mn(u), at = fn(), Yt = b(
     () => {
       var e, a;
       return {
@@ -567,32 +568,32 @@ function ks({
       };
     },
     [H.isFetched, H.isError, H.data, at]
-  ), xe = to(n, u, Qt, Yt), Jt = C(
+  ), xe = eo(n, u, Qt, Yt), Jt = C(
     (e) => J((a) => a.roleId === e ? a : { ...a, roleId: e }),
     []
   ), ee = (e) => {
     var w;
-    if (P("inspector"), e === u) return;
+    if (A("inspector"), e === u) return;
     const a = document.activeElement, f = a instanceof HTMLElement && ((w = $.current) != null && w.contains(a)) ? a : null;
-    oe(
+    ne(
       "open another form",
       () => {
-        n.flush(), R([]), g(e), m == null || m(e);
+        n.flush(), N([]), k(e), m == null || m(e);
       },
       f
     );
-  }, Zt = an(r, t, (L == null ? void 0 : L.rows) ?? [], ee), Xt = C(
+  }, Zt = sn(r, t, (P == null ? void 0 : P.rows) ?? [], ee), Xt = C(
     (e) => t ? Dr(e, {
       bundle: t,
-      selection: h,
+      selection: v,
       select: (a) => {
-        R([a]), P("inspector");
+        N([a]), A("inspector");
       },
-      openSettings: () => P("settings"),
+      openSettings: () => A("settings"),
       openAddPanel: () => te("add"),
       root: $.current
     }) : Promise.resolve({ ok: !1, message: "The form is still loading" }),
-    [t, h]
+    [t, v]
   ), st = j(ee);
   st.current = ee;
   const er = C(
@@ -604,72 +605,72 @@ function ks({
         const a = t == null ? void 0 : t.placements.find((w) => w.field === e.field);
         if (!a) return gt.info(`${e.label} is not on this form`);
         const f = { kind: "field", field: a.field, group_key: a.group_key };
-        A(f), requestAnimationFrame(
+        O(f), requestAnimationFrame(
           () => {
-            var w, F, me;
-            return (me = (F = (w = $.current) == null ? void 0 : w.querySelector(`[data-design-target="${CSS.escape(z(f))}"]`)) == null ? void 0 : F.scrollIntoView) == null ? void 0 : me.call(F, { block: "center" });
+            var w, D, fe;
+            return (fe = (D = (w = $.current) == null ? void 0 : w.querySelector(`[data-design-target="${CSS.escape(z(f))}"]`)) == null ? void 0 : D.scrollIntoView) == null ? void 0 : fe.call(D, { block: "center" });
           }
         );
       }
     },
-    [t, A]
-  ), Se = String((t == null ? void 0 : t.layout.name) ?? (B == null ? void 0 : B.name) ?? ""), _e = String((t == null ? void 0 : t.layout.layout_type) ?? (B == null ? void 0 : B.layout_type) ?? "grouped"), x = _e !== "table" && _e !== "file", S = zo({
+    [t, O]
+  ), Se = String((t == null ? void 0 : t.layout.name) ?? (U == null ? void 0 : U.name) ?? ""), _e = String((t == null ? void 0 : t.layout.layout_type) ?? (U == null ? void 0 : U.layout_type) ?? "grouped"), x = _e !== "table" && _e !== "file", S = $o({
     bodyRef: $,
     bundle: t,
     parent: T,
-    fields: _,
-    onSelect: A,
-    showHidden: ve,
-    setShowHidden: ie,
-    canvasShown: !(x && I === "table")
-  }), it = S.outlineOpen && !!t && x, lt = p.warning ?? (L == null ? void 0 : L.warning) ?? null, tr = ne ? {
+    fields: K,
+    onSelect: O,
+    showHidden: ge,
+    setShowHidden: le,
+    canvasShown: !(x && F === "table")
+  }), it = S.outlineOpen && !!t && x, lt = p.warning ?? (P == null ? void 0 : P.warning) ?? null, tr = ae ? {
     role: "dialog",
     "aria-modal": !0,
     "aria-label": `Edit form ${Se}`,
     tabIndex: -1
-  } : {}, dt = /* @__PURE__ */ y(
+  } : {}, dt = /* @__PURE__ */ h(
     "div",
     {
       ref: (e) => {
-        $.current = e, ne && (Ut.current = e);
+        $.current = e, ae && (Ut.current = e);
       },
       "data-layout-editor": "",
       "data-mode": l,
       ...tr,
       className: G(
         "flex min-h-0 flex-col bg-slate-50 outline-none dark:bg-background",
-        ne ? "fixed inset-0 z-[90]" : "flex-1"
+        ae ? "fixed inset-0 z-[90]" : "flex-1"
       ),
       children: [
         /* @__PURE__ */ o(
-          ao,
+          no,
           {
             collection: r,
             layoutId: u,
             layoutName: Se,
             layoutType: _e,
-            row: B,
-            fields: _,
+            row: U,
+            fields: K,
             draft: Kt,
-            preview: K,
+            preview: I,
             onPreview: J,
-            showHidden: ve,
-            onShowHidden: ie,
+            showHidden: ge,
+            onShowHidden: le,
             onBack: Ne,
-            backLabel: ne ? "Back to record" : "Forms",
+            backLabel: ae ? "Back to record" : "Forms",
             onShowOnCanvas: Z.showVersion,
             onReviewChanges: Z.toggleReview,
             reviewing: ((ft = Z.compare) == null ? void 0 : ft.kind) === "unsaved",
             onOpenUnsaved: be,
-            pendingTip: ro(xe.sync),
-            presence: /* @__PURE__ */ y(ae, { children: [
+            pendingTip: to(xe.sync),
+            presence: /* @__PURE__ */ h(se, { children: [
               /* @__PURE__ */ o(
                 Wr,
                 {
                   peers: Ke,
                   describe: (e) => {
                     const a = Tt(e);
-                    return a && t && qe(a, t, T) ? Ot(a, t, _) : null;
+                    return a && t && qe(a, t, T) ? Ot(a, t, K) : null;
                   },
                   onJump: (e) => {
                     const a = Tt(e);
@@ -677,28 +678,28 @@ function ks({
                   }
                 }
               ),
-              /* @__PURE__ */ o(sn, { others: ((yt = H.data) == null ? void 0 : yt.others) ?? [] })
+              /* @__PURE__ */ o(ln, { others: ((yt = H.data) == null ? void 0 : yt.others) ?? [] })
             ] }),
             onSelectField: (e) => {
               var a;
-              return A({
+              return O({
                 kind: "field",
                 field: e,
                 group_key: ((a = t == null ? void 0 : t.placements.find((f) => f.field === e)) == null ? void 0 : a.group_key) ?? null
               });
             },
-            view: t && x ? /* @__PURE__ */ y(ae, { children: [
-              /* @__PURE__ */ o(Mn, { view: I, onView: se }),
-              /* @__PURE__ */ o(ho, { on: ce, onChange: It })
+            view: t && x ? /* @__PURE__ */ h(se, { children: [
+              /* @__PURE__ */ o(Bn, { view: F, onView: ie }),
+              /* @__PURE__ */ o(yo, { on: ue, onChange: It })
             ] }) : null,
-            tools: /* @__PURE__ */ y(ae, { children: [
+            tools: /* @__PURE__ */ h(se, { children: [
               t && x && /* @__PURE__ */ o(Or, { bundle: t, apply: n.apply }),
-              t && /* @__PURE__ */ o(Mo, { find: S.find }),
-              t && x && /* @__PURE__ */ o(bo, { bundle: t, apply: n.apply, collection: r }),
-              t && x && /* @__PURE__ */ o(xo, { bundle: t, apply: n.apply, collection: r }),
+              t && /* @__PURE__ */ o(_o, { find: S.find }),
+              t && x && /* @__PURE__ */ o(wo, { bundle: t, apply: n.apply, collection: r }),
+              t && x && /* @__PURE__ */ o(Vo, { bundle: t, apply: n.apply, collection: r }),
               /* @__PURE__ */ o(Ce, {}),
               t && /* @__PURE__ */ o(
-                Bo,
+                Mo,
                 {
                   outline: x ? {
                     open: S.outlineOpen,
@@ -707,9 +708,9 @@ function ks({
                 }
               ),
               t && /* @__PURE__ */ o(
-                qo,
+                Bo,
                 {
-                  view: x && I === "canvas" ? {
+                  view: x && F === "canvas" ? {
                     compact: S.compact,
                     onCompact: S.setCompact,
                     onExpandAll: S.expandAll,
@@ -734,18 +735,18 @@ function ks({
                   label: "Set the tab order",
                   icon: /* @__PURE__ */ o(ar, { className: "h-3.5 w-3.5" }),
                   hint: "Click fields in the order Tab should visit them",
-                  checked: q.active,
-                  onClick: () => q.active ? q.cancel() : Ie.startTabOrder(),
+                  checked: B.active,
+                  onClick: () => B.active ? B.cancel() : Ie.startTabOrder(),
                   data: { "data-editor-tab-order-toggle": "" }
                 }
               ),
               t && x && /* @__PURE__ */ o(
-                po,
+                uo,
                 {
                   on: De,
                   onChange: zt,
                   appDark: Fe,
-                  disabled: I !== "canvas"
+                  disabled: F !== "canvas"
                 }
               ),
               /* @__PURE__ */ o(Ce, {}),
@@ -755,14 +756,14 @@ function ks({
                   collection: r,
                   layoutId: u,
                   dirty: n.dirty,
-                  recorder: fe
+                  recorder: ye
                 }
               ),
-              /* @__PURE__ */ o(So, { bundle: t, collection: r }),
+              /* @__PURE__ */ o(bo, { bundle: t, collection: r }),
               /* @__PURE__ */ o(Ce, {}),
-              t && /* @__PURE__ */ o(Uo, { shortcuts: S.shortcuts })
+              t && /* @__PURE__ */ o(qo, { shortcuts: S.shortcuts })
             ] }),
-            ai: /* @__PURE__ */ y(ae, { children: [
+            ai: /* @__PURE__ */ h(se, { children: [
               t && x && /* @__PURE__ */ o(
                 Lr,
                 {
@@ -779,9 +780,9 @@ function ks({
                   layoutId: u,
                   bundle: t,
                   apply: n.apply,
-                  previewRecordShown: K.record != null,
+                  previewRecordShown: I.record != null,
                   onPins: Dt,
-                  onSelect: A
+                  onSelect: O
                 }
               ),
               /* @__PURE__ */ o(Ce, {}),
@@ -789,14 +790,14 @@ function ks({
                 Nr,
                 {
                   active: V === "ask",
-                  onClick: () => P((e) => e === "ask" ? "inspector" : "ask")
+                  onClick: () => A((e) => e === "ask" ? "inspector" : "ask")
                 }
               ),
               /* @__PURE__ */ o(Qr, { collection: r, layoutId: u, draft: n }),
               t && /* @__PURE__ */ o(Fr, { layoutId: u, draft: n })
             ] }),
             testing: t ? /* @__PURE__ */ o(
-              yn,
+              hn,
               {
                 collection: r,
                 layoutId: u,
@@ -804,11 +805,11 @@ function ks({
                 parent: T,
                 apply: n.apply,
                 dirty: n.dirty,
-                fields: _
+                fields: K
               }
             ) : null,
             beforeSave: t ? /* @__PURE__ */ o(
-              fn,
+              yn,
               {
                 collection: r,
                 layoutId: u,
@@ -816,54 +817,54 @@ function ks({
                 parent: T,
                 apply: n.apply,
                 dirty: n.dirty,
-                fields: _
+                fields: K
               }
             ) : null,
-            previewExtra: /* @__PURE__ */ y(ae, { children: [
+            previewExtra: /* @__PURE__ */ h(se, { children: [
               /* @__PURE__ */ o(
-                rn,
+                on,
                 {
                   collection: r,
-                  value: K,
+                  value: I,
                   onChange: J,
-                  layout: O,
-                  fields: _
+                  layout: y,
+                  fields: K
                 }
               ),
-              /* @__PURE__ */ o(Sr, { scope: kt, options: ge })
+              /* @__PURE__ */ o(Sr, { scope: kt, options: _ })
             ] }),
             problems: t && /* @__PURE__ */ o(
-              Do,
+              Eo,
               {
-                findings: ke.findings,
+                findings: oe.findings,
                 active: V === "checks",
-                onClick: () => P((e) => e === "checks" ? "inspector" : "checks")
+                onClick: () => A((e) => e === "checks" ? "inspector" : "checks")
               }
             ),
             more: /* @__PURE__ */ o(
-              nn,
+              an,
               {
                 collection: r,
                 bundle: t,
-                previewRecord: K.record,
+                previewRecord: I.record,
                 onOpenLayout: ee
               }
             )
           }
         ),
-        ne && /* @__PURE__ */ o(
-          _n,
+        ae && /* @__PURE__ */ o(
+          Mn,
           {
             collection: r,
             layoutId: u,
             name: Se,
-            row: B,
-            rows: (L == null ? void 0 : L.rows) ?? [],
-            fields: _,
+            row: U,
+            rows: (P == null ? void 0 : P.rows) ?? [],
+            fields: K,
             onDone: Ne
           }
         ),
-        n.status === "conflict" && n.dirty && /* @__PURE__ */ y(
+        n.status === "conflict" && n.dirty && /* @__PURE__ */ h(
           "div",
           {
             role: "alert",
@@ -874,11 +875,11 @@ function ks({
             ),
             children: [
               /* @__PURE__ */ o(vt, { className: "h-3.5 w-3.5 shrink-0" }),
-              /* @__PURE__ */ y("p", { className: "m-0 min-w-0 flex-1", children: [
+              /* @__PURE__ */ h("p", { className: "m-0 min-w-0 flex-1", children: [
                 n.error ?? "Someone else saved this form",
                 ". Save again to try once more, or reload their version."
               ] }),
-              /* @__PURE__ */ y(
+              /* @__PURE__ */ h(
                 "button",
                 {
                   type: "button",
@@ -887,7 +888,7 @@ function ks({
                   className: "inline-flex h-7 shrink-0 items-center rounded-md border border-amber-300 px-2.5 text-[12px] font-medium hover:bg-amber-100 dark:border-amber-500/40 dark:hover:bg-amber-500/15",
                   children: [
                     "Reload (discard my ",
-                    hn(n.unsavedCount),
+                    vn(n.unsavedCount),
                     ")"
                   ]
                 }
@@ -904,7 +905,7 @@ function ks({
             onDismiss: xe.dismiss
           }
         ),
-        lt && /* @__PURE__ */ y(
+        lt && /* @__PURE__ */ h(
           "div",
           {
             role: "note",
@@ -918,7 +919,7 @@ function ks({
             ]
           }
         ),
-        X && /* @__PURE__ */ y(
+        X && /* @__PURE__ */ h(
           "div",
           {
             role: "note",
@@ -933,16 +934,16 @@ function ks({
             ]
           }
         ),
-        /* @__PURE__ */ o(vo, { explain: we, onShow: Ht }),
+        /* @__PURE__ */ o(ho, { explain: we, onShow: Ht }),
         /* @__PURE__ */ o(
-          Zr,
+          Jr,
           {
             bundle: t,
             apply: n.apply,
             onDragActive: qt,
             onDropOnLayout: Zt,
-            children: /* @__PURE__ */ y("div", { className: "flex min-h-0 flex-1 overflow-hidden", children: [
-              /* @__PURE__ */ y(
+            children: /* @__PURE__ */ h("div", { className: "flex min-h-0 flex-1 overflow-hidden", children: [
+              /* @__PURE__ */ h(
                 "aside",
                 {
                   className: G(
@@ -950,7 +951,7 @@ function ks({
                     it && "hidden"
                   ),
                   children: [
-                    /* @__PURE__ */ y(
+                    /* @__PURE__ */ h(
                       "div",
                       {
                         role: "tablist",
@@ -962,21 +963,21 @@ function ks({
                             {
                               type: "button",
                               role: "tab",
-                              "aria-selected": E === "layouts",
+                              "aria-selected": R === "layouts",
                               "data-editor-tab": "layouts",
-                              className: Ue(E === "layouts"),
+                              className: Ue(R === "layouts"),
                               onClick: () => te("layouts"),
                               children: "Forms"
                             }
                           ),
-                          /* @__PURE__ */ y(
+                          /* @__PURE__ */ h(
                             "button",
                             {
                               type: "button",
                               role: "tab",
-                              "aria-selected": E === "add",
+                              "aria-selected": R === "add",
                               "data-editor-tab": "add",
-                              className: Ue(E === "add"),
+                              className: Ue(R === "add"),
                               onClick: () => te("add"),
                               disabled: !t,
                               "data-tip": "Add a field, section, panel or widget after the selection",
@@ -986,14 +987,14 @@ function ks({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ y(
+                          /* @__PURE__ */ h(
                             "button",
                             {
                               type: "button",
                               role: "tab",
-                              "aria-selected": E === "usage",
+                              "aria-selected": R === "usage",
                               "data-editor-tab": "usage",
-                              className: Ue(E === "usage"),
+                              className: Ue(R === "usage"),
                               onClick: () => te("usage"),
                               disabled: !t,
                               "data-tip": "How this form is used and where it slows people down",
@@ -1006,34 +1007,34 @@ function ks({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ o("div", { className: "min-h-0 flex-1 overflow-y-auto", children: E === "add" && t ? /* @__PURE__ */ o(
+                    /* @__PURE__ */ o("div", { className: "min-h-0 flex-1 overflow-y-auto", children: R === "add" && t ? /* @__PURE__ */ o(
                       Tr,
                       {
                         bundle: t,
                         collection: r,
                         selected: re,
                         apply: n.apply,
-                        onSelect: A
+                        onSelect: O
                       }
-                    ) : E === "usage" && t ? /* @__PURE__ */ o(
-                      kn,
+                    ) : R === "usage" && t ? /* @__PURE__ */ o(
+                      wn,
                       {
                         bundle: t,
                         collection: r,
-                        fields: _,
+                        fields: K,
                         apply: n.apply,
                         showFill: M,
                         onShowFill: Y,
                         onOpenLayout: ee
                       }
                     ) : /* @__PURE__ */ o(
-                      Eo,
+                      Ro,
                       {
                         collection: r,
                         currentId: u,
                         onOpen: ee,
                         settingsOpen: V === "settings",
-                        onSettings: () => P("settings"),
+                        onSettings: () => A("settings"),
                         dropTargets: !0
                       }
                     ) })
@@ -1046,11 +1047,11 @@ function ks({
                   "data-editor-outline-panel": "",
                   className: "flex w-[260px] shrink-0 flex-col border-r border-slate-200 bg-white dark:border-border dark:bg-card",
                   children: /* @__PURE__ */ o(
-                    $o,
+                    Uo,
                     {
                       bundle: t,
                       nodes: S.nodes,
-                      selection: h,
+                      selection: v,
                       onPick: S.selectAndReveal,
                       onMoved: Xe,
                       apply: n.apply,
@@ -1059,59 +1060,59 @@ function ks({
                   )
                 }
               ),
-              /* @__PURE__ */ y("main", { className: "min-w-0 flex-1 overflow-y-auto", children: [
-                I === "canvas" && /* @__PURE__ */ o(co, { editor: q }),
-                Z.compare && (I === "canvas" || !x) && /* @__PURE__ */ o(qr, { compare: Z.compare, onClose: Z.close }),
-                t && x && I === "states" ? /* @__PURE__ */ o(
-                  Ko,
+              /* @__PURE__ */ h("main", { className: "flex min-w-0 flex-1 flex-col overflow-y-auto", children: [
+                F === "canvas" && /* @__PURE__ */ o(lo, { editor: B }),
+                Z.compare && (F === "canvas" || !x) && /* @__PURE__ */ o(qr, { compare: Z.compare, onClose: Z.close }),
+                t && x && F === "states" ? /* @__PURE__ */ o(
+                  Io,
                   {
                     bundle: t,
                     parent: T,
                     collection: r,
                     apply: n.apply,
-                    onSelect: A
+                    onSelect: O
                   }
-                ) : t && x && I === "roles" ? /* @__PURE__ */ o(
-                  _o,
+                ) : t && x && F === "roles" ? /* @__PURE__ */ o(
+                  Ko,
                   {
                     bundle: t,
                     parent: T,
                     apply: n.apply,
-                    onSelect: A
+                    onSelect: O
                   }
-                ) : t && x && I === "table" ? /* @__PURE__ */ o(
+                ) : t && x && F === "table" ? /* @__PURE__ */ o(
                   Jo,
                   {
                     bundle: t,
                     collection: r,
                     apply: n.apply,
                     flush: n.flush,
-                    selection: h,
-                    onSelect: A,
-                    onSelection: R
+                    selection: v,
+                    onSelect: O,
+                    onSelection: N
                   }
                 ) : t ? /* @__PURE__ */ o(
                   "div",
                   {
                     "data-canvas-density": S.compact && x ? "compact" : "normal",
-                    style: S.compact && x ? { zoom: Vo } : void 0,
+                    style: S.compact && x ? { zoom: zo } : void 0,
                     className: G(
-                      "min-h-full",
-                      mo(De, Fe),
+                      "flex min-h-0 flex-1 flex-col",
+                      po(De, Fe),
                       De && !Fe && "bg-background text-foreground"
                     ),
                     children: /* @__PURE__ */ o(
-                      on,
+                      nn,
                       {
                         collection: r,
                         bundle: t,
                         parent: T,
-                        preview: K,
+                        preview: I,
                         onPreview: J,
-                        record: k,
-                        fields: _,
+                        record: Ae,
+                        fields: K,
                         renderPane: (e) => /* @__PURE__ */ o(
-                          Kn,
+                          _n,
                           {
                             collection: r,
                             bundle: t,
@@ -1119,16 +1120,16 @@ function ks({
                             roleId: e.roleId,
                             stateKey: e.stateKey,
                             marks: Ft(e.marks),
-                            overlay: q.overlay(e.overlay),
+                            overlay: B.overlay(e.overlay),
                             ruleMarks: Vt,
                             ghost: Wt,
                             deps: we.deps,
                             noDnd: e.noDnd,
                             record: e.record,
                             selected: re,
-                            selection: h,
+                            selection: v,
                             onSelect: $t,
-                            showHidden: ve,
+                            showHidden: ge,
                             fold: S.fold,
                             reveal: S.reveal,
                             apply: n.apply,
@@ -1143,7 +1144,7 @@ function ks({
                       }
                     )
                   }
-                ) : n.error ? /* @__PURE__ */ o("p", { className: "p-6 text-[13px] text-red-700 dark:text-red-300", children: n.error }) : /* @__PURE__ */ y("div", { className: "flex flex-col gap-3 p-6", children: [
+                ) : n.error ? /* @__PURE__ */ o("p", { className: "p-6 text-[13px] text-red-700 dark:text-red-300", children: n.error }) : /* @__PURE__ */ h("div", { className: "flex flex-col gap-3 p-6", children: [
                   /* @__PURE__ */ o(wt, { className: "h-10 w-full rounded-lg" }),
                   /* @__PURE__ */ o(wt, { className: "h-48 w-full rounded-lg" })
                 ] })
@@ -1158,50 +1159,50 @@ function ks({
                     {
                       layoutId: u,
                       layoutName: Se,
-                      kind: un(t.layout),
+                      kind: pn(t.layout),
                       bundle: t,
                       thread: Te,
-                      setThread: ye,
-                      pending: he,
-                      onPendingTaken: () => de(null),
+                      setThread: he,
+                      pending: ve,
+                      onPendingTaken: () => ce(null),
                       jump: Xt,
                       onCite: er,
-                      recordId: ((ht = K.record) == null ? void 0 : ht.id) ?? null
+                      recordId: ((ht = I.record) == null ? void 0 : ht.id) ?? null
                     }
                   ) : V === "checks" ? /* @__PURE__ */ o(
-                    Fo,
+                    Do,
                     {
-                      findings: ke.findings,
-                      health: ke.health,
-                      ready: ke.ready,
-                      onSelect: (e) => R([e]),
+                      findings: oe.findings,
+                      health: oe.health,
+                      ready: oe.ready,
+                      onSelect: (e) => N([e]),
                       apply: n.apply,
-                      onOpenAiReview: p.aiReviewSlot ? () => P("settings") : void 0
+                      onOpenAiReview: p.aiReviewSlot ? () => A("settings") : void 0
                     }
                   ) : V === "settings" ? /* @__PURE__ */ o(
-                    An,
+                    Pn,
                     {
                       bundle: t,
                       apply: n.apply,
                       flush: n.flush,
                       collection: r,
-                      previewRoleId: K.roleId,
+                      previewRoleId: I.roleId,
                       onPreviewRoleChange: Jt,
                       onAskWhere: p.isAdmin ? (e) => {
-                        de(e), P("ask");
+                        ce(e), A("ask");
                       } : void 0
                     }
-                  ) : h.length > 1 ? /* @__PURE__ */ o(
-                    Po,
+                  ) : v.length > 1 ? /* @__PURE__ */ o(
+                    Ao,
                     {
                       bundle: t,
-                      selection: h,
+                      selection: v,
                       apply: n.apply,
                       collection: r,
-                      onSelection: R
+                      onSelection: N
                     }
                   ) : /* @__PURE__ */ o(
-                    Pn,
+                    Ln,
                     {
                       bundle: t,
                       target: re,
@@ -1218,36 +1219,36 @@ function ks({
           }
         ),
         /* @__PURE__ */ o(
-          ln,
+          dn,
           {
             bundle: t,
-            selection: h,
+            selection: v,
             apply: n.apply,
-            onSelection: R,
+            onSelection: N,
             rootRef: $
           }
         ),
         /* @__PURE__ */ o(
-          vn,
+          gn,
           {
             request: _t,
             count: n.unsavedCount,
             onSave: Mt,
             onDiscard: n.discard,
             onKeep: () => Ge(null),
-            note: D ? /* @__PURE__ */ o(zr, { policy: D, value: pe, onChange: Pe }) : void 0,
-            canSave: $r(D, pe)
+            note: E ? /* @__PURE__ */ o(zr, { policy: E, value: me, onChange: Pe }) : void 0,
+            canSave: $r(E, me)
           }
         ),
-        D && Ve && /* @__PURE__ */ o(
+        E && Ve && /* @__PURE__ */ o(
           Vr,
           {
             open: !0,
             anchor: Ve,
-            policy: D,
+            policy: E,
             intro: X ? At(X) : void 0,
             count: n.unsavedCount,
-            value: pe,
+            value: me,
             onChange: Pe,
             onSave: He,
             onClose: () => We(null)
@@ -1259,12 +1260,12 @@ function ks({
             anchor: ot,
             steps: n.unsavedSteps,
             exists: (e) => !!t && qe(e, t, T),
-            describe: (e) => Ot(e, t, _),
+            describe: (e) => Ot(e, t, K),
             onJump: (e) => {
               be(null), nt(e);
             },
             onSettings: () => {
-              be(null), P("settings");
+              be(null), A("settings");
             },
             onClose: () => be(null)
           }
@@ -1272,10 +1273,10 @@ function ks({
       ]
     }
   );
-  if (!ne)
+  if (!ae)
     return /* @__PURE__ */ o(St.Provider, { value: Ie, children: dt });
   const ct = c ?? (Re ? Cr(Re) ?? document.body : null);
-  return /* @__PURE__ */ y(ae, { children: [
+  return /* @__PURE__ */ h(se, { children: [
     /* @__PURE__ */ o("span", { ref: Bt, hidden: !0, "data-layout-editor-marker": "" }),
     /* @__PURE__ */ o(St.Provider, { value: Ie, children: ct && mr(dt, ct) })
   ] });
@@ -1285,7 +1286,7 @@ function At(r) {
   return `Frozen until ${gr(r.until)}${i}. Saving asks for an override note, kept in History.`;
 }
 export {
-  ks as LayoutEditor,
+  bs as LayoutEditor,
   $e as isTyping,
   qe as targetExists
 };