@nivaro/react 0.3.35 → 0.3.37

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

@@ -1,339 +1,352 @@
-import { jsxs as y, jsx as o, Fragment as ae } 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 { createPortal as mr } from "react-dom";
-import { toast as gt } from "sonner";
-import { useNivaroClient as fr } from "../../context.js";
-import { get as yr } from "../../lib/commands.js";
-import { HEADER_GROUP_KEY as Pt, UNGROUPED_KEY as hr } from "../../lib/layout-ops.js";
-import { activeFreeze as vr, dayWords as gr } from "../../lib/layout-resolve.js";
-import { useMyUserId as kr } from "../../lib/presence-signals.js";
-import { useUnsavedWork as wr } from "../../lib/unsaved-work.js";
+import { jsxs as y, jsx as r, Fragment as ie } from "react/jsx-runtime";
+import { useQueryClient as xo, useQuery as So } from "@tanstack/react-query";
+import { Percent as Lo, OctagonAlert as To, ListOrdered as Co, AlertTriangle as At, Lock as Po, Plus as Ro, BarChart3 as Oo, LayoutGrid as No, Table2 as Ao, Grid3x3 as Eo, Users as Io } from "lucide-react";
+import { useState as O, useEffect as B, useMemo as w, useRef as z, useCallback as T } from "react";
+import { createPortal as Do } from "react-dom";
+import { toast as Et } from "sonner";
+import { useNivaroClient as Fo } from "../../context.js";
+import { get as Ko } from "../../lib/commands.js";
+import { HEADER_GROUP_KEY as zt, UNGROUPED_KEY as Mo } from "../../lib/layout-ops.js";
+import { activeFreeze as _o, dayWords as Bo } from "../../lib/layout-resolve.js";
+import { useMyUserId as qo } from "../../lib/presence-signals.js";
+import { useUnsavedWork as Uo } from "../../lib/unsaved-work.js";
 import { cn as G } from "../../lib/utils.js";
-import { usePretendDownScope as br, LAYOUT_PRETEND_SCOPE as kt, layoutPretendDownOptions as xr, PretendDownSection as Sr } from "../PretendDown.js";
-import { modalHostOf as Cr } from "../ui/popover.js";
-import { Skeleton as wt } from "../ui/skeleton.js";
-import { AddPanel as Tr } from "./AddPanel.js";
-import { AutoArrangeButton as Or } from "./AutoArrange.js";
-import { AiToolsButton as Ar } from "./ai/AiToolsButton.js";
-import { pinsToMarks as Pr, mergeMarks as bt } from "./ai/ai-tools-api.js";
-import { AiFormsButton as Lr } from "./ai-forms/AiFormsButton.js";
-import { AskButton as Nr, AskPanel as Rr } from "./assist/AskPanel.js";
-import { useAskThread as Er } from "./assist/assist-api.js";
-import { jumpToSetting as Dr } from "./assist/jump.js";
-import { ProposalsButton as Fr } from "./assist/ProposalsButton.js";
-import { BulkChangesButton as Ir } from "./bulk/BulkChangesButton.js";
-import { useMacroRecorder as Kr } from "./bulk/useMacroRecorder.js";
-import { bundleToActiveLayout as Lt, previewForRole as _r, roleMarker as Mr } from "./bundle-to-active.js";
-import { useCanvasCompare as Br, CompareBanner as qr } from "./CanvasCompare.js";
-import { changeNotePolicyOf as xt, changeNoteMeta as Ur, changeNoteReady as $r, ChangeNoteFields as zr, ChangeNoteSave as Vr } from "./ChangeNote.js";
-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 { 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 { 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 { 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 { 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 { usePretendDownScope as zo, LAYOUT_PRETEND_SCOPE as It, layoutPretendDownOptions as $o, PretendDownSection as Wo } from "../PretendDown.js";
+import { modalHostOf as Vo } from "../ui/popover.js";
+import { Skeleton as Dt } from "../ui/skeleton.js";
+import { AddPanel as Ho } from "./AddPanel.js";
+import { AutoArrangeButton as jo } from "./AutoArrange.js";
+import { AiToolsButton as Go } from "./ai/AiToolsButton.js";
+import { pinsToMarks as Zo, mergeMarks as Ft } from "./ai/ai-tools-api.js";
+import { AiFormsButton as Qo } from "./ai-forms/AiFormsButton.js";
+import { AskButton as Yo, AskPanel as Jo } from "./assist/AskPanel.js";
+import { useAskThread as Xo } from "./assist/assist-api.js";
+import { jumpToSetting as er } from "./assist/jump.js";
+import { ProposalsButton as tr } from "./assist/ProposalsButton.js";
+import { BulkChangesButton as or } from "./bulk/BulkChangesButton.js";
+import { useMacroRecorder as rr } from "./bulk/useMacroRecorder.js";
+import { bundleToActiveLayout as $t, previewForRole as nr, roleMarker as ar } from "./bundle-to-active.js";
+import { useCanvasCompare as sr, CompareBanner as ir } from "./CanvasCompare.js";
+import { changeNotePolicyOf as Kt, changeNoteMeta as lr, changeNoteReady as dr, ChangeNoteFields as cr, ChangeNoteSave as ur } from "./ChangeNote.js";
+import { PresenceAvatars as pr, DroppedBanner as mr, RecoveryBanner as fr, UnsavedList as hr } from "./CollabParts.js";
+import { CommandPalette as yr } from "./commands/CommandPalette.js";
+import { nextSelection as vr, targetKey as $ } from "./design-context.js";
+import { LayoutDndProvider as gr, useLayoutDnd as kr } from "./dnd/LayoutDndProvider.js";
+import { NO_DND as br } from "./dnd/node.js";
+import { useTrashWarning as wr } from "./dnd/trash-links.js";
+import { useDraftRecovery as xr, stagedTip as Sr } from "./draft-recovery.js";
+import { canvasRenderer as Lr, EditorCanvas as Tr } from "./EditorCanvas.js";
+import { EditorTopBar as Cr } from "./EditorTopBar.js";
+import { notesOf as Pr, noteKey as Rr } from "./editor-notes.js";
+import { EntryEditorContext as Mt } from "./entry/entry-editor-context.js";
+import { useTabOrderEditor as Or, TabOrderBar as Nr } from "./entry/tab-order.js";
+import { useAppIsDark as Ar, ThemePreviewTool as Er, previewThemeClass as Ir } from "./entry/theme-preview.js";
+import { useRulesView as Dr, explainMarks as Fr, RulesToggle as Kr, RuleLoopsBanner as Mr } from "./explain/CanvasRules.js";
+import { useDriverHover as _r } from "./explain/driver-hover.js";
+import { fieldLabel as Br } from "./explain/field-sources.js";
+import { useCanvasExplain as qr, useDefaultGhosts as Ur } from "./explain/use-explain.js";
+import { FindReplaceButton as zr } from "./FindReplace.js";
+import { FormMapButton as $r } from "./FormMapButton.js";
+import { WIDTH_LABELS as Wr } from "./field-zones.js";
+import { useSectionChanges as Vr } from "./history-api.js";
+import { useLayoutEditorHost as Hr } from "./host.js";
+import { overriddenTargets as jr, overrideMark as Gr } from "./inheritance.js";
+import { BulkInspector as Zr } from "./inspector/BulkInspector.js";
+import { requestInspectorTab as Qr } from "./inspector/tab-request.js";
+import { isTyping as Ze } from "./is-typing.js";
+import { ARROW_DIRS as Yr, altArrowMove as Jr } from "./keyboard-move.js";
+import { LayoutsRail as Xr } from "./LayoutsRail.js";
+import { useLabelStyleControls as en } from "./lint/LabelStyle.js";
+import { LintButton as tn, LintPanel as on } from "./lint/LintPanel.js";
+import { useLayoutLint as rn } from "./lint/lint-api.js";
+import { FieldStateMatrix as nn } from "./matrix/FieldStateMatrix.js";
+import { RoleSectionMatrix as an } from "./matrix/RoleSectionMatrix.js";
+import { FindTool as sn, OutlineTool as ln, ViewTools as dn, ShortcutsTool as cn } from "./nav/NavTools.js";
+import { OutlinePanel as un } from "./nav/OutlinePanel.js";
+import { useEditorNav as pn } from "./nav/useEditorNav.js";
+import { fitZoom as mn, effectiveZoom as fn } from "./nav/view-prefs.js";
+import { ZoomChip as hn } from "./nav/ZoomControls.js";
+import { OutputsButton as yn } from "./outputs/OutputsButton.js";
+import { useLayoutOverview as vn, useOverviewFields as gn, useInvalidateLayouts as Wt, useRuleChoiceLabels as kn, useApproxRecordCount as bn } from "./overview/overview-api.js";
+import { purposeSegments as wn, Sentence as xn } from "./overview/purpose.js";
+import { PlacementsTable as Sn } from "./PlacementsTable.js";
+import { usePlaceTools as Ln, PlaceToolsProvider as _t } from "./PlaceTools.js";
+import { segTrack as Tn, segOption as Cn, amberStrip as We } from "./panel-style.js";
+import { usePersonalDefaultMarks as Pn } from "./personal-default-marks.js";
+import { useLayoutPresence as Rn, peersByTarget as On } from "./presence.js";
+import { PreviewModes as Nn } from "./preview/PreviewModes.js";
+import { PreviewPanes as An } from "./preview/PreviewPanes.js";
+import { previewNaturalWidth as En } from "./preview/preview-model.js";
+import { useRemovalLog as In } from "./removed-log.js";
+import { FormMoreMenu as Dn } from "./reuse/FormMoreMenu.js";
+import { useLinkedSections as Fn, useLinkedSectionMarks as Kn, LinkedSectionsProvider as Mn } from "./reuse/linked-sections.js";
+import { useRailCopy as _n } from "./reuse/useRailCopy.js";
+import { SlashInsert as Bn } from "./SlashInsert.js";
+import { StagedByOthers as qn } from "./StagedChip.js";
+import { StructureActions as Un, usePinMarks as zn } from "./StructureMenu.js";
+import { useRolePreview as $n } from "./settings/settings-api.js";
+import { layoutKindOf as Wn } from "./settings/settings-registry.js";
+import { useStagedDraft as Vn, useStagedWriter as Hn } from "./staged-api.js";
+import { ImpactButton as jn, TestingButton as Gn } from "./testing/TestingPanels.js";
+import { MenuSeparator as Re, ToolButton as Ve } from "./toolbar-kit.js";
+import { unsavedText as Zn, UnsavedConfirm as Qn } from "./UnsavedConfirm.js";
+import { unsavedKeys as Yn, targetFromKey as Bt, describeTarget as qt } from "./unsaved-marks.js";
+import { useRefusalLens as Jn } from "./usage/refusal-lens.js";
+import { UsagePanel as Xn } from "./usage/UsagePanel.js";
+import { useShowFillRates as ea, useFieldFillRates as ta, usageTodayText as oa, useLayoutUsageToday as ra } from "./usage/usage-api.js";
+import { useLayoutDraft as na, useLayoutBundle as He, layoutDraftKeys as aa, touchesOverview as sa } from "./useLayoutDraft.js";
+import { FormSettings as ia } from "./settings/FormSettings.js";
+import { Inspector as la } from "./inspector/Inspector.js";
+function da(o) {
+  B(() => {
     const i = (s) => {
       if (!(s.metaKey || s.ctrlKey) || s.altKey) return;
       const l = s.key.toLowerCase();
       if (l === "s" && !s.shiftKey) {
-        s.preventDefault(), r.autosave ? r.flush() : r.save();
+        s.preventDefault(), o.autosave ? o.flush() : o.save();
         return;
       }
       const m = l === "z" && s.shiftKey || l === "y" && !s.shiftKey;
-      l !== "z" && !m || $e(s.target) || (s.preventDefault(), m ? r.redo() : r.undo());
+      l !== "z" && !m || Ze(s.target) || (s.preventDefault(), m ? o.redo() : o.undo());
     };
     return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
-  }, [r.undo, r.redo, r.autosave, r.flush, r.save]);
+  }, [o.undo, o.redo, o.autosave, o.flush, o.save]);
 }
-function Nn(r, i, s, l, m) {
-  U(() => {
-    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;
-      c.preventDefault();
-      const p = Ro(r, i[0], v);
+function ca(o, i, s, l, m) {
+  B(() => {
+    const d = (u) => {
+      const v = Yr[u.key];
+      if (!v || !u.altKey || u.metaKey || u.ctrlKey || u.shiftKey || u.defaultPrevented || !o || i.length !== 1 || l.current || Ze(u.target) || document.querySelector('[data-radix-popper-content-wrapper], [role="menu"]')) return;
+      u.preventDefault();
+      const p = Jr(o, i[0], v);
       if (!p) return;
       s(p.ops, { label: p.label }), m(p.next);
-      const u = z(p.next);
+      const c = $(p.next);
       requestAnimationFrame(() => {
-        var Q;
+        var Z;
         const g = document.querySelector(
-          `[data-layout-editor] [data-design-target="${CSS.escape(u)}"]`
+          `[data-layout-editor] [data-design-target="${CSS.escape(c)}"]`
         );
-        g == null || g.focus({ preventScroll: !0 }), (Q = g == null ? void 0 : g.scrollIntoView) == null || Q.call(g, { block: "nearest" });
+        g == null || g.focus({ preventScroll: !0 }), (Z = g == null ? void 0 : g.scrollIntoView) == null || Z.call(g, { block: "nearest" });
       });
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
-  }, [r, i, s, l, m]);
+  }, [o, i, s, l, m]);
 }
-function Rn(r) {
-  const i = r.status === "saving" || r.dirty;
-  wr(i, "Layout changes"), U(() => {
+function ua(o) {
+  const i = o.status === "saving" || o.dirty;
+  Uo(i, "Layout changes"), B(() => {
     if (!i) return;
     const s = (l) => {
-      r.flush(), l.preventDefault(), l.returnValue = "";
+      o.flush(), l.preventDefault(), l.returnValue = "";
     };
     return window.addEventListener("beforeunload", s), () => window.removeEventListener("beforeunload", s);
-  }, [i, r.flush]), U(() => {
-    const s = () => r.flush();
+  }, [i, o.flush]), B(() => {
+    const s = () => o.flush();
     return window.addEventListener("pagehide", s), () => window.removeEventListener("pagehide", s);
-  }, [r.flush]);
+  }, [o.flush]);
 }
-function En(r) {
-  const i = rr(), s = Nt(r);
-  return C(
+function pa(o) {
+  const i = xo(), s = Wt(o);
+  return T(
     (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: aa.versions(d) }), s({ lazy: !sa(m) });
     },
     [i, s]
   );
 }
-function Dn(r, i) {
-  const s = fr();
-  return or({
-    queryKey: ["layout-editor", "preview-record", r, i],
+function ma(o, i) {
+  const s = Fo();
+  return So({
+    queryKey: ["layout-editor", "preview-record", o, i],
     queryFn: () => s.request(
-      yr(`/items/${encodeURIComponent(r)}/${encodeURIComponent(String(i))}`)
+      Ko(`/items/${encodeURIComponent(o)}/${encodeURIComponent(String(i))}`)
     ).then((l) => l.data ?? null),
     enabled: i != null,
     staleTime: 3e4
   });
 }
-function Fn(r, i) {
-  const s = j(i);
-  s.current = i, U(() => {
-    if (!r) return;
+function fa(o, i) {
+  const s = z(i);
+  s.current = i, B(() => {
+    if (!o) return;
     let l = !1;
     const m = (d) => {
-      var p, u;
+      var p, c;
       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;
+      const u = (c = (p = d.target) == null ? void 0 : p.closest) == null ? void 0 : c.call(p, "a[href]");
+      if (!u || u.target && u.target !== "_self" || u.hasAttribute("download")) return;
       let v;
       try {
-        v = new URL(c.href, window.location.href);
+        v = new URL(u.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(() => {
         l = !0;
         try {
-          c.click();
+          u.click();
         } finally {
           l = !1;
         }
-      }, c));
+      }, u));
     };
     return document.addEventListener("click", m, !0), () => document.removeEventListener("click", m, !0);
-  }, [r]);
+  }, [o]);
 }
-function qe(r, i, s = null) {
+function je(o, i, s = null) {
   const l = (m) => {
-    if (r.kind === "group") return r.key === hr || m.groups.some((c) => c.key === r.key);
-    const d = r.kind === "header" ? Pt : r.group_key;
-    return m.placements.some((c) => c.field === r.field && c.group_key === d);
+    if (o.kind === "group") return o.key === Mo || m.groups.some((u) => u.key === o.key);
+    const d = o.kind === "header" ? zt : o.group_key;
+    return m.placements.some((u) => u.field === o.field && u.group_key === d);
   };
   return l(i) || s != null && l(s);
 }
-function In(r, i, s) {
-  const l = j(null), m = j(i);
-  return m.current = i, U(() => {
+function ha(o, i, s) {
+  const l = z(null), m = z(i);
+  return m.current = i, B(() => {
     var v;
-    if (!r) return;
+    if (!o) return;
     const d = document.activeElement;
     (v = l.current) == null || v.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());
+    const u = (p) => {
+      p.key !== "Escape" || p.defaultPrevented || s.current || Ze(p.target) || document.querySelector('[data-radix-popper-content-wrapper], [role="menu"]') || (p.preventDefault(), m.current());
     };
-    return document.addEventListener("keydown", c), () => {
-      document.removeEventListener("keydown", c), d != null && d.isConnected && d.focus();
+    return document.addEventListener("keydown", u), () => {
+      document.removeEventListener("keydown", u), d != null && d.isConnected && d.focus();
     };
-  }, [r, s]), l;
+  }, [o, s]), l;
 }
-function Kn({
-  collection: r,
+function ya({
+  collection: o,
   bundle: i,
   parent: s,
   roleId: l,
   stateKey: m = null,
   marks: d,
-  overlay: c,
+  overlay: u,
   ruleMarks: v,
   ghost: p,
-  deps: u,
+  deps: c,
   noDnd: g = !1,
-  record: Q,
-  selected: n,
-  selection: fe,
-  onSelect: t,
-  showHidden: E,
-  fold: te = null,
-  reveal: V = null,
-  apply: P,
-  whenIdle: Te,
-  fillRate: ye,
-  unsaved: he,
-  peers: de,
-  compare: h,
-  lastChanges: R
+  record: Z,
+  selected: be,
+  selection: we,
+  onSelect: xe,
+  showHidden: le,
+  fold: n = null,
+  reveal: Se = null,
+  apply: t,
+  whenIdle: q,
+  fillRate: re,
+  unsaved: U,
+  peers: N,
+  compare: Q,
+  lastChanges: ue
 }) {
-  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 Oe = kr(), pe = g ? br : Oe, b = Lr(String(i.layout.layout_type ?? "grouped")), W = (b === "item-edit-form" || b === "read-view") && (Q == null ? void 0 : Q.diff.bundle) || i, R = w(() => $t(W, s), [W, s]), V = w(
+    () => s ? jr(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;
-  } : 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(
+  ), Y = w(() => V != null && V.size ? (f) => {
+    const K = V.get($(f)), C = (d == null ? void 0 : d(f)) ?? [];
+    return K ? [...C, Gr(K)] : C;
+  } : d, [V, d]), Le = w(
+    () => nr(R.active, l, le),
+    [R.active, l, le]
+  ), { data: H = null } = $n(o, l), me = w(
+    () => l ? ar(H) : void 0,
+    [l, H]
+  ), ne = w(() => Pr(i), [i]), Ne = w(
+    () => Y && v ? (f) => [...Y(f), ...v(f)] : Y ?? v,
+    [Y, v]
+  ), de = Pn(i, Ne), L = Kn(de), J = zn(i, L.marks), A = w(
     () => ({
-      selected: n,
-      selection: fe,
-      onSelect: t,
-      showHidden: E,
-      inheritedFrom: (k) => M.inherited.get(z(k)) ?? null,
-      dnd: I,
-      roleMark: J,
-      marks: B,
-      overlay: c,
-      fillRate: ye,
-      note: (k) => {
-        const O = io(k);
-        return O ? L.get(O) ?? null : null;
+      selected: be,
+      selection: we,
+      onSelect: xe,
+      showHidden: le,
+      inheritedFrom: (f) => R.inherited.get($(f)) ?? null,
+      dnd: pe,
+      roleMark: me,
+      marks: J,
+      overlay: u,
+      fillRate: re,
+      note: (f) => {
+        const K = Rr(f);
+        return K ? ne.get(K) ?? 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,
+      fold: n,
+      reveal: Se,
+      unsaved: U,
+      peers: N,
+      diffMark: Q ? (f) => Q.diff.marks.get($(f)) ?? null : void 0,
+      lastChange: ue ? (f) => f.kind === "group" ? ue[f.key] ?? null : null : void 0,
       ghost: p,
-      resizeWidth: g ? void 0 : (k, O) => {
-        k.kind !== "field" && k.kind !== "slot" || P(
+      locked: L.locked,
+      resizeWidth: g ? void 0 : (f, K) => {
+        f.kind !== "field" && f.kind !== "slot" || t(
           [
             {
               op: "update_placement",
-              at: { field: k.field, group_key: k.group_key },
-              patch: { col_span: O === 12 ? null : O }
+              at: { field: f.field, group_key: f.group_key },
+              patch: { col_span: K === 12 ? null : K }
             }
           ],
-          { label: `Set the width to ${Jr[O] ?? O}` }
+          { label: `Set the width to ${Wr[K] ?? K}` }
         );
       }
     }),
     [
-      n,
-      fe,
-      t,
-      E,
-      M.inherited,
-      I,
+      be,
+      we,
+      xe,
+      le,
+      R.inherited,
+      pe,
+      me,
       J,
-      B,
-      c,
-      ye,
-      L,
-      te,
-      V,
-      he,
-      de,
-      h,
-      R,
+      u,
+      re,
+      ne,
+      n,
+      Se,
+      U,
+      N,
+      Q,
+      ue,
       p,
-      P,
+      L.locked,
+      t,
       g
     ]
-  ), T = go(u);
-  return /* @__PURE__ */ o("div", { ref: T, className: "flex min-h-full flex-col", children: /* @__PURE__ */ o(
-    no,
+  ), E = _r(c);
+  return /* @__PURE__ */ r("div", { ref: E, className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ r(
+    Tr,
     {
-      collection: r,
-      bundle: ie,
-      layout: Oe,
-      record: Q,
+      collection: o,
+      bundle: W,
+      layout: Le,
+      record: Z,
       stateKey: m,
       roleId: l,
-      design: Ae,
-      apply: P,
-      whenIdle: Te
+      design: A,
+      apply: t,
+      whenIdle: q
     }
   ) });
 }
-function _n({
-  collection: r,
+function va({
+  collection: o,
   name: i,
   row: s,
   layoutId: l,
   rows: m,
   fields: d,
-  onDone: c
+  onDone: u
 }) {
-  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 v = kn(o, d, m), { data: p } = bn(o, s, m), c = oa(ra(l).data), g = s ? s.section === "forms" && (s.reason.kind === "default" || s.reason.kind === "fallback") ? [{ text: "used by every record no rule catches" }] : wn(s, d, v) : [];
+  return g.length > 0 && typeof p == "number" && g.push({ text: ` (≈ ${p.toLocaleString()} ${p === 1 ? "record" : "records"})` }), c && g.push({ text: g.length > 0 ? `; ${c}` : c }), /* @__PURE__ */ y(
     "div",
     {
       "data-editing-banner": "",
@@ -341,17 +354,17 @@ function _n({
       children: [
         /* @__PURE__ */ y("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: [
+          /* @__PURE__ */ r("b", { className: "font-semibold text-slate-900 dark:text-foreground", children: i }),
+          g.length > 0 && /* @__PURE__ */ y(ie, { children: [
             " — ",
-            /* @__PURE__ */ o(Yo, { segs: g, muted: !0 })
+            /* @__PURE__ */ r(xn, { segs: g, muted: !0 })
           ] })
         ] }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           "button",
           {
             type: "button",
-            onClick: (Q) => c(Q.currentTarget),
+            onClick: (Z) => u(Z.currentTarget),
             className: "inline-flex h-7 shrink-0 items-center rounded-md bg-nvr-cyan px-3 text-[12px] font-medium text-white transition-opacity hover:opacity-90",
             children: "Done"
           }
@@ -360,20 +373,20 @@ function _n({
     }
   );
 }
-function Mn({ view: r, onView: i }) {
-  const s = (l, m, d, c) => /* @__PURE__ */ y(
+function ga({ view: o, onView: i }) {
+  const s = (l, m, d, u) => /* @__PURE__ */ y(
     "button",
     {
       type: "button",
-      "aria-pressed": r === l,
+      "aria-pressed": o === l,
       "aria-label": m,
       "data-editor-view": l,
-      "data-tip": c,
+      "data-tip": u,
       onClick: () => i(l),
-      className: G(Xo(r === l), "inline-flex items-center justify-center gap-1"),
+      className: G(Cn(o === l), "inline-flex items-center justify-center gap-1"),
       children: [
-        /* @__PURE__ */ o(d, { className: "h-3.5 w-3.5 shrink-0" }),
-        /* @__PURE__ */ o("span", { "data-tb-xwide": "", children: m })
+        /* @__PURE__ */ r(d, { className: "h-3.5 w-3.5 shrink-0" }),
+        /* @__PURE__ */ r("span", { "data-tb-xwide": "", children: m })
       ]
     }
   );
@@ -381,486 +394,532 @@ function Mn({ view: r, onView: i }) {
     "fieldset",
     {
       "aria-label": "Show the form as",
-      className: G("m-0 min-w-0 shrink-0 border-0", Zo(4)),
+      className: G("m-0 min-w-0 shrink-0 border-0", Tn(4)),
       children: [
-        s("canvas", "Canvas", dr, "The form as people see it"),
-        s("table", "Table", cr, "Every field as a row: label, section, width, rules"),
+        s("canvas", "Canvas", No, "The form as people see it"),
+        s("table", "Table", Ao, "Every field as a row: label, section, width, rules"),
         s(
           "states",
           "States",
-          ur,
+          Eo,
           "Every field by workflow state: editable, read-only, required"
         ),
-        s("roles", "Roles", pr, "Every section by role: can edit, read-only, hidden")
+        s("roles", "Roles", Io, "Every section by role: can edit, read-only, hidden")
       ]
     }
   );
 }
-const Ue = (r) => G(
+const Ge = (o) => 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"
+  o ? "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({
-  collection: r,
+function ci({
+  collection: o,
   layoutId: i,
   onBack: s,
   mode: l,
   onLayoutChange: m,
   previewRecordId: d = null,
-  portalContainer: c,
+  portalContainer: u,
   onDirtyChange: v
 }) {
-  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(
-    () => M && W && W.total > 0 ? (e) => W.pct.get(e) ?? null : void 0,
-    [M, W]
-  ), [K, J] = N({
+  var Tt, Ct, Pt, Rt, Ot, Nt;
+  const p = Hr(), [c, g] = O(i);
+  B(() => g(i), [i]);
+  const Z = pa(o), { draft: be, recorder: we } = rr(na(c, { onSaved: Z })), { draft: xe, removed: le } = In(be, c), { draft: n, value: Se } = Fn(c, xe), t = n.bundle, [q, re] = O("layouts"), [U, N] = O("inspector"), [Q, ue] = Xo(), [Oe, pe] = O(null), [b, F] = O([]), W = b.length > 0 ? b[b.length - 1] : null, [R, V] = O("canvas"), [Y, Le] = O(!1), [H, me] = ea(), { data: ne } = ta(o, H), Ne = w(
+    () => H && ne && ne.total > 0 ? (e) => ne.pct.get(e) ?? null : void 0,
+    [H, ne]
+  ), de = Jn(c), [L, J] = O({
     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(
-    () => t ? Lt(t, T).active : null,
-    [t, T]
+  }), { data: A } = vn(o), { data: E = [] } = gn(o), f = A == null ? void 0 : A.rows.find((e) => e.layout_id === c), K = (t == null ? void 0 : t.layout.parent_layout_id) != null ? Number(t.layout.parent_layout_id) : null, { data: C = null } = He(K), { data: Vt = null } = ma(o, ((Tt = L.record) == null ? void 0 : Tt.id) ?? null), fe = w(
+    () => t ? $t(t, C).active : null,
+    [t, C]
   );
-  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 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;
+  zo(It);
+  const Ht = w(() => $o(fe), [fe]), Te = rn(o, t, C), Qe = en(U === "checks"), { data: Ye } = He(c), X = sr(t, Ye ?? null, n.unsavedCount, c), { data: jt } = Vr(c, t != null), [Je, Gt] = O([]), Zt = w(() => {
+    const e = Zo(Je), a = /* @__PURE__ */ new WeakMap();
+    return (h) => {
+      if (!h || !e) return Ft(h, e);
+      const S = a.get(h);
+      if (S) return S;
+      const D = Ft(h, e);
+      return a.set(h, 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;
-  const He = C(async () => {
-    const e = D ? {
-      ...Ur(Le.current),
-      ...X ? { freeze_override: Le.current.reason.trim() } : {}
+  }, [Je]), [he, Qt] = Dr(), ee = qr(o, fe, he), ye = Ur(
+    o,
+    fe,
+    he && !L.record && !L.sample
+  ), { data: ce } = He(c), te = _o(((Ct = ce == null ? void 0 : ce.layout) == null ? void 0 : Ct.conditions) ?? ((Pt = t == null ? void 0 : t.layout) == null ? void 0 : Pt.conditions)), I = Kt(ce == null ? void 0 : ce.layout) ?? Kt(t == null ? void 0 : t.layout) ?? (te ? "note" : null), [ve, Ae] = O({ reason: "", ticket: "" }), [Xe, et] = O(null), Ee = z(ve);
+  Ee.current = ve;
+  const tt = T(async () => {
+    const e = I ? {
+      ...lr(Ee.current),
+      ...te ? { freeze_override: Ee.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(() => {
+    return a && e && Ae((h) => ({ ...h, reason: "" })), a;
+  }, [n.save, n.unsavedOps, I, te]), ot = T(() => {
     var e, a;
-    return D ? (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
+    return I ? (n.unsavedOps().length > 0 && et(
+      ((e = M.current) == null ? void 0 : e.querySelector("[data-editor-save]")) ?? ((a = M.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);
-  Qe.current = n.dirty;
-  const oe = C((e, a, f) => {
-    var F, me;
-    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;
-    Ge({ what: e, go: a, anchor: f ?? w });
-  }, []), Mt = He;
-  Fn(n.dirty, (e, a) => oe("leave this page", e, a)), U(() => {
+  }, [I, n.save, n.unsavedOps]);
+  B(() => {
+    I && n.autosave && n.setAutosave(!1);
+  }, [I, n.autosave, n.setAutosave]);
+  const Yt = I ? { ...n, save: ot, setAutosave: void 0 } : n;
+  da(I ? { ...n, save: ot } : n), ua(n);
+  const M = z(null), [Jt, rt] = O(null), nt = z(n.dirty);
+  nt.current = n.dirty;
+  const ae = T((e, a, h) => {
+    var D, ke;
+    if (!nt.current) return a();
+    const S = ((D = M.current) == null ? void 0 : D.querySelector("[data-editor-save]")) ?? ((ke = M.current) == null ? void 0 : ke.querySelector("[data-editor-topbar]")) ?? null;
+    rt({ what: e, go: a, anchor: h ?? S });
+  }, []), Xt = tt;
+  fa(n.dirty, (e, a) => ae("leave this page", e, a)), B(() => {
     v == null || v(n.dirty);
   }, [n.dirty, v]);
-  const Ye = j(n.unsavedOps);
-  Ye.current = n.unsavedOps, U(
+  const at = z(n.unsavedOps);
+  at.current = n.unsavedOps, B(
     () => () => {
-      Ye.current().length > 0 && gt.warning("Unsaved form changes kept — open the form again to save or discard them");
+      at.current().length > 0 && Et.warning("Unsaved form changes kept — open the form again to save or discard them");
     },
     []
   );
-  const Je = Nt(r), Ze = C(() => {
+  const st = Wt(o), it = T(() => {
     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.then(() => st()), s(e);
+  }, [n.whenIdle, st, s]), Ie = T(
+    (e) => ae(l === "overlay" ? "go back to the record" : "leave this form", it, e),
+    [ae, it, 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) => {
-    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(
+  B(() => {
+    if (!t || b.length === 0) return;
+    const e = b.filter((a) => je(a, t, C));
+    e.length !== b.length && F(e);
+  }, [b, t, C]);
+  const se = l === "overlay", [De, eo] = O(null), Fe = z(!1), to = T((e) => {
+    Fe.current = e;
+  }, []), oo = ha(se && De != null, () => Ie(), Fe), P = T((e, a) => {
+    F((h) => vr(h, e, a)), N("inspector");
+  }, []), lt = T((e) => F([e]), []), _ = Or(t, n.apply), ro = w(() => _.intercept(P), [_.intercept, P]), [Ke, no] = O(!1), Me = Ar(), _e = w(
     () => ({
-      tabOrderActive: q.active,
+      tabOrderActive: _.active,
       startTabOrder: () => {
-        se("canvas"), q.start();
+        V("canvas"), _.start();
       }
     }),
-    [q.active, q.start]
-  ), et = C(
+    [_.active, _.start]
+  ), dt = T(
     (e, a) => {
-      if (e.kind === "group") return A({ kind: "group", key: e.key });
+      if (e.kind === "group") return P({ kind: "group", key: e.key });
       if (e.kind === "tab") {
-        A(a), (a.kind === "field" || a.kind === "header") && Lo(a.field, e.tab);
+        P(a), (a.kind === "field" || a.kind === "header") && Qr(a.field, e.tab);
         return;
       }
       if (e.kind === "pipeline")
-        return oe(
+        return ae(
           "open the pipeline",
           () => p.navigate(`/pipelines/${encodeURIComponent(e.id)}`)
         );
-      oe(
+      ae(
         "open the field rules",
-        () => p.navigate(`/data-model/${encodeURIComponent(r)}?tab=rules`)
+        () => p.navigate(`/data-model/${encodeURIComponent(o)}?tab=rules`)
       );
     },
-    [A, oe, p, r]
-  ), Vt = b(() => {
+    [P, ae, p, o]
+  ), ao = w(() => {
     const e = /* @__PURE__ */ new Map();
-    for (const [a, f] of ue)
-      (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) => {
+    for (const [a, h] of ye)
+      (h.type === "boolean" || h.text.endsWith(" linked")) && e.set(a, h.text);
+    return Fr(ee, { chips: he, ghostTags: e, open: dt });
+  }, [ee, he, ye, dt]), so = w(
+    () => ye.size > 0 ? (e) => {
       var a;
-      return ((a = ue.get(e)) == null ? void 0 : a.text) ?? null;
+      return ((a = ye.get(e)) == null ? void 0 : a.text) ?? null;
     } : void 0,
-    [ue]
-  ), Ht = C(
+    [ye]
+  ), io = T(
     (e) => {
-      const a = t == null ? void 0 : t.placements.find((w) => w.field === e);
+      const a = t == null ? void 0 : t.placements.find((S) => S.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(
+      const h = a.group_key === zt ? { kind: "header", field: e } : { kind: "field", field: e, group_key: a.group_key };
+      P(h), 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 S, D;
+          return (D = (S = document.querySelector(`[data-layout-editor] [data-design-target="${CSS.escape($(h))}"]`)) == null ? void 0 : S.scrollIntoView) == null ? void 0 : D.call(S, { block: "center" });
         }
       );
     },
-    [t, A]
+    [t, P]
   );
-  Nn(t, h, n.apply, Ee, Xe);
-  const Ke = en(u, re ? z(re) : null), tt = b(() => tn(Ke), [Ke]), jt = C(
-    (e) => (tt.get(z(e)) ?? []).map((a) => ({
+  ca(t, b, n.apply, Fe, lt);
+  const lo = T(
+    (e) => Br(e, ee.describe),
+    [ee.describe]
+  ), co = wr(o, ee.deps, lo, ee.groupLabel), uo = w(
+    () => ({ run: n.undo, label: n.undoLabel }),
+    [n.undo, n.undoLabel]
+  ), Be = Rn(c, W ? $(W) : null), ct = w(() => On(Be), [Be]), po = T(
+    (e) => (ct.get($(e)) ?? []).map((a) => ({
       id: a.id,
       name: a.name,
       outline: a.tone.outline,
       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(() => {
-      var f;
+    [ct]
+  ), ut = w(() => Yn(n.unsavedSteps), [n.unsavedSteps]), mo = T((e) => ut.has($(e)), [ut]), [pt, Ce] = O(null), mt = T((e) => {
+    V("canvas"), F([e]), N("inspector"), requestAnimationFrame(() => {
+      var h;
       const a = document.querySelector(
-        `[data-layout-editor] [data-design-target="${CSS.escape(z(e))}"]`
+        `[data-layout-editor] [data-design-target="${CSS.escape($(e))}"]`
       );
-      (f = a == null ? void 0 : a.scrollIntoView) == null || f.call(a, { block: "center" }), a == null || a.focus({ preventScroll: !0 });
+      (h = a == null ? void 0 : a.scrollIntoView) == null || h.call(a, { block: "center" }), a == null || a.focus({ preventScroll: !0 });
     });
-  }, []), Qt = kr(), H = pn(u), at = mn(), Yt = b(
+  }, []), fo = qo(), j = Vn(c), ft = Hn(), ho = w(
     () => {
       var e, a;
       return {
-        settled: H.isFetched || H.isError,
-        draft: ((e = H.data) == null ? void 0 : e.data) ?? null,
-        available: ((a = H.data) == null ? void 0 : a.available) ?? !H.isError,
-        writer: at
+        settled: j.isFetched || j.isError,
+        draft: ((e = j.data) == null ? void 0 : e.data) ?? null,
+        available: ((a = j.data) == null ? void 0 : a.available) ?? !j.isError,
+        writer: ft
       };
     },
-    [H.isFetched, H.isError, H.data, at]
-  ), xe = to(n, u, Qt, Yt), Jt = C(
+    [j.isFetched, j.isError, j.data, ft]
+  ), Pe = xr(n, c, fo, ho), yo = T(
     (e) => J((a) => a.roleId === e ? a : { ...a, roleId: e }),
     []
-  ), ee = (e) => {
-    var w;
-    if (P("inspector"), e === u) return;
-    const a = document.activeElement, f = a instanceof HTMLElement && ((w = $.current) != null && w.contains(a)) ? a : null;
-    oe(
+  ), oe = (e) => {
+    var S;
+    if (N("inspector"), e === c) return;
+    const a = document.activeElement, h = a instanceof HTMLElement && ((S = M.current) != null && S.contains(a)) ? a : null;
+    ae(
       "open another form",
       () => {
-        n.flush(), R([]), g(e), m == null || m(e);
+        n.flush(), F([]), g(e), m == null || m(e);
       },
-      f
+      h
     );
-  }, Zt = an(r, t, (L == null ? void 0 : L.rows) ?? [], ee), Xt = C(
-    (e) => t ? Dr(e, {
+  }, vo = _n(o, t, (A == null ? void 0 : A.rows) ?? [], oe), go = T(
+    (e) => t ? er(e, {
       bundle: t,
-      selection: h,
+      selection: b,
       select: (a) => {
-        R([a]), P("inspector");
+        F([a]), N("inspector");
       },
-      openSettings: () => P("settings"),
-      openAddPanel: () => te("add"),
-      root: $.current
+      openSettings: () => N("settings"),
+      openAddPanel: () => re("add"),
+      root: M.current
     }) : Promise.resolve({ ok: !1, message: "The form is still loading" }),
-    [t, h]
-  ), st = j(ee);
-  st.current = ee;
-  const er = C(
+    [t, b]
+  ), ht = z(oe);
+  ht.current = oe;
+  const ko = T(
     (e) => {
       if (e.kind === "record")
-        J((a) => ({ ...a, record: { id: e.id, label: `#${e.id}` } }));
-      else if (e.kind === "layout") st.current(e.id);
+        J((a) => ({ ...a, record: { id: e.id, label: `#${e.id}` }, sample: null }));
+      else if (e.kind === "layout") ht.current(e.id);
       else {
-        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(
+        const a = t == null ? void 0 : t.placements.find((S) => S.field === e.field);
+        if (!a) return Et.info(`${e.label} is not on this form`);
+        const h = { kind: "field", field: a.field, group_key: a.group_key };
+        P(h), 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 S, D, ke;
+            return (ke = (D = (S = M.current) == null ? void 0 : S.querySelector(`[data-design-target="${CSS.escape($(h))}"]`)) == null ? void 0 : D.scrollIntoView) == null ? void 0 : ke.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({
-    bodyRef: $,
+    [t, P]
+  ), ge = String((t == null ? void 0 : t.layout.name) ?? (f == null ? void 0 : f.name) ?? ""), qe = String((t == null ? void 0 : t.layout.layout_type) ?? (f == null ? void 0 : f.layout_type) ?? "grouped"), k = qe !== "table" && qe !== "file", x = pn({
+    bodyRef: M,
     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 ? {
+    parent: C,
+    fields: E,
+    onSelect: P,
+    showHidden: Y,
+    setShowHidden: Le,
+    canvasShown: !(k && R === "table")
+  }), yt = x.outlineOpen && !!t && k, vt = z(null), Ue = fn(x.zoom, x.compact), { zoom: gt, setZoom: ze, compact: kt } = x, bt = En(
+    L.device,
+    L.roleId && L.compareRoleId ? 2 : 1
+  ), wt = w(
+    () => ({
+      value: gt,
+      onChange: ze,
+      onFit: () => {
+        var e;
+        return ze(mn(((e = vt.current) == null ? void 0 : e.clientWidth) ?? 0, bt, kt));
+      }
+    }),
+    [gt, ze, kt, bt]
+  ), xt = p.warning ?? (A == null ? void 0 : A.warning) ?? null, $e = Ln({
+    bundle: t,
+    savedBundle: Ye ?? null,
+    collection: o,
+    layoutId: c,
+    layoutName: ge,
+    fields: E,
+    selection: b,
+    apply: n.apply,
+    onSelection: F,
+    rootRef: M
+  }), bo = se ? {
     role: "dialog",
     "aria-modal": !0,
-    "aria-label": `Edit form ${Se}`,
+    "aria-label": `Edit form ${ge}`,
     tabIndex: -1
-  } : {}, dt = /* @__PURE__ */ y(
+  } : {}, wo = /* @__PURE__ */ y(
     "div",
     {
       ref: (e) => {
-        $.current = e, ne && (Ut.current = e);
+        M.current = e, se && (oo.current = e);
       },
       "data-layout-editor": "",
       "data-mode": l,
-      ...tr,
+      ...bo,
       className: G(
         "flex min-h-0 flex-col bg-slate-50 outline-none dark:bg-background",
-        ne ? "fixed inset-0 z-[90]" : "flex-1"
+        se ? "fixed inset-0 z-[90]" : "flex-1"
       ),
       children: [
-        /* @__PURE__ */ o(
-          ao,
+        /* @__PURE__ */ r(
+          Cr,
           {
-            collection: r,
-            layoutId: u,
-            layoutName: Se,
-            layoutType: _e,
-            row: B,
-            fields: _,
-            draft: Kt,
-            preview: K,
+            collection: o,
+            layoutId: c,
+            layoutName: ge,
+            layoutType: qe,
+            row: f,
+            fields: E,
+            draft: Yt,
+            preview: L,
             onPreview: J,
-            showHidden: ve,
-            onShowHidden: ie,
-            onBack: Ne,
-            backLabel: ne ? "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: [
-              /* @__PURE__ */ o(
-                Wr,
+            showHidden: Y,
+            onShowHidden: Le,
+            onBack: Ie,
+            backLabel: se ? "Back to record" : "Forms",
+            onShowOnCanvas: X.showVersion,
+            onReviewChanges: X.toggleReview,
+            reviewing: ((Rt = X.compare) == null ? void 0 : Rt.kind) === "unsaved",
+            onOpenUnsaved: Ce,
+            pendingTip: Sr(Pe.sync),
+            presence: /* @__PURE__ */ y(ie, { children: [
+              /* @__PURE__ */ r(
+                pr,
                 {
-                  peers: Ke,
+                  peers: Be,
                   describe: (e) => {
-                    const a = Tt(e);
-                    return a && t && qe(a, t, T) ? Ot(a, t, _) : null;
+                    const a = Bt(e);
+                    return a && t && je(a, t, C) ? qt(a, t, E) : null;
                   },
                   onJump: (e) => {
-                    const a = Tt(e);
-                    a && nt(a);
+                    const a = Bt(e);
+                    a && mt(a);
                   }
                 }
               ),
-              /* @__PURE__ */ o(sn, { others: ((yt = H.data) == null ? void 0 : yt.others) ?? [] })
+              /* @__PURE__ */ r(qn, { others: ((Ot = j.data) == null ? void 0 : Ot.others) ?? [] })
             ] }),
             onSelectField: (e) => {
               var a;
-              return A({
+              return P({
                 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
+                group_key: ((a = t == null ? void 0 : t.placements.find((h) => h.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 && k ? /* @__PURE__ */ y(ie, { children: [
+              /* @__PURE__ */ r(ga, { view: R, onView: V }),
+              /* @__PURE__ */ r(Kr, { on: he, onChange: Qt })
             ] }) : null,
-            tools: /* @__PURE__ */ y(ae, { 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 }),
-              /* @__PURE__ */ o(Ce, {}),
-              t && /* @__PURE__ */ o(
-                Bo,
+            tools: /* @__PURE__ */ y(ie, { children: [
+              t && k && /* @__PURE__ */ r(jo, { bundle: t, apply: n.apply }),
+              t && /* @__PURE__ */ r(sn, { find: x.find }),
+              t && k && /* @__PURE__ */ r(zr, { bundle: t, apply: n.apply, collection: o }),
+              t && k && /* @__PURE__ */ r(yn, { bundle: t, apply: n.apply, collection: o }),
+              /* @__PURE__ */ r(Re, {}),
+              t && /* @__PURE__ */ r(
+                ln,
                 {
-                  outline: x ? {
-                    open: S.outlineOpen,
-                    onToggle: () => S.setOutlineOpen(!S.outlineOpen)
+                  outline: k ? {
+                    open: x.outlineOpen,
+                    onToggle: () => x.setOutlineOpen(!x.outlineOpen)
                   } : null
                 }
               ),
-              t && /* @__PURE__ */ o(
-                qo,
+              t && /* @__PURE__ */ r(
+                dn,
                 {
-                  view: x && I === "canvas" ? {
-                    compact: S.compact,
-                    onCompact: S.setCompact,
-                    onExpandAll: S.expandAll,
-                    onCollapseAll: S.collapseAll
+                  view: k && R === "canvas" ? {
+                    compact: x.compact,
+                    onCompact: x.setCompact,
+                    onExpandAll: x.expandAll,
+                    onCollapseAll: x.collapseAll,
+                    zoom: wt
                   } : null
                 }
               ),
-              t && x && /* @__PURE__ */ o(
-                Ct,
+              t && k && /* @__PURE__ */ r(
+                Ve,
                 {
                   label: "Show how full each field is",
-                  icon: /* @__PURE__ */ o(nr, { className: "h-3.5 w-3.5" }),
+                  icon: /* @__PURE__ */ r(Lo, { className: "h-3.5 w-3.5" }),
                   hint: "The share of records with a value, on each field",
-                  checked: M,
-                  onClick: () => Y(!M),
+                  checked: H,
+                  onClick: () => me(!H),
                   data: { "data-editor-fill-toggle": "" }
                 }
               ),
-              t && x && /* @__PURE__ */ o(
-                Ct,
+              t && k && /* @__PURE__ */ r(
+                Ve,
+                {
+                  label: "Show where saves fail",
+                  icon: /* @__PURE__ */ r(To, { className: "h-3.5 w-3.5" }),
+                  hint: "Tint each field by how often a save is refused on it",
+                  checked: de.on,
+                  onClick: () => de.setOn(!de.on),
+                  data: { "data-editor-refusal-toggle": "" }
+                }
+              ),
+              t && k && /* @__PURE__ */ r(
+                Ve,
                 {
                   label: "Set the tab order",
-                  icon: /* @__PURE__ */ o(ar, { className: "h-3.5 w-3.5" }),
+                  icon: /* @__PURE__ */ r(Co, { 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: _.active,
+                  onClick: () => _.active ? _.cancel() : _e.startTabOrder(),
                   data: { "data-editor-tab-order-toggle": "" }
                 }
               ),
-              t && x && /* @__PURE__ */ o(
-                po,
+              t && k && /* @__PURE__ */ r(
+                Er,
                 {
-                  on: De,
-                  onChange: zt,
-                  appDark: Fe,
-                  disabled: I !== "canvas"
+                  on: Ke,
+                  onChange: no,
+                  appDark: Me,
+                  disabled: R !== "canvas"
                 }
               ),
-              /* @__PURE__ */ o(Ce, {}),
-              /* @__PURE__ */ o(
-                Ir,
+              /* @__PURE__ */ r(Re, {}),
+              /* @__PURE__ */ r(
+                or,
                 {
-                  collection: r,
-                  layoutId: u,
+                  collection: o,
+                  layoutId: c,
                   dirty: n.dirty,
-                  recorder: fe
+                  recorder: we
                 }
               ),
-              /* @__PURE__ */ o(So, { bundle: t, collection: r }),
-              /* @__PURE__ */ o(Ce, {}),
-              t && /* @__PURE__ */ o(Uo, { shortcuts: S.shortcuts })
+              /* @__PURE__ */ r($r, { bundle: t, collection: o }),
+              /* @__PURE__ */ r(Re, {}),
+              t && /* @__PURE__ */ r(cn, { shortcuts: x.shortcuts })
             ] }),
-            ai: /* @__PURE__ */ y(ae, { children: [
-              t && x && /* @__PURE__ */ o(
-                Lr,
+            ai: /* @__PURE__ */ y(ie, { children: [
+              t && k && /* @__PURE__ */ r(
+                Qo,
                 {
-                  collection: r,
-                  layoutId: u,
+                  collection: o,
+                  layoutId: c,
                   draft: n,
-                  onOpenLayout: ee
+                  onOpenLayout: oe
                 }
               ),
-              t && /* @__PURE__ */ o(
-                Ar,
+              t && /* @__PURE__ */ r(
+                Go,
                 {
-                  collection: r,
-                  layoutId: u,
+                  collection: o,
+                  layoutId: c,
                   bundle: t,
                   apply: n.apply,
-                  previewRecordShown: K.record != null,
-                  onPins: Dt,
-                  onSelect: A
+                  previewRecordShown: L.record != null,
+                  onPins: Gt,
+                  onSelect: P
                 }
               ),
-              /* @__PURE__ */ o(Ce, {}),
-              t && p.isAdmin && /* @__PURE__ */ o(
-                Nr,
+              /* @__PURE__ */ r(Re, {}),
+              t && p.isAdmin && /* @__PURE__ */ r(
+                Yo,
                 {
-                  active: V === "ask",
-                  onClick: () => P((e) => e === "ask" ? "inspector" : "ask")
+                  active: U === "ask",
+                  onClick: () => N((e) => e === "ask" ? "inspector" : "ask")
                 }
               ),
-              /* @__PURE__ */ o(Qr, { collection: r, layoutId: u, draft: n }),
-              t && /* @__PURE__ */ o(Fr, { layoutId: u, draft: n })
+              /* @__PURE__ */ r(yr, { collection: o, layoutId: c, draft: n }),
+              t && /* @__PURE__ */ r(tr, { layoutId: c, draft: n })
             ] }),
-            testing: t ? /* @__PURE__ */ o(
-              yn,
+            testing: t ? /* @__PURE__ */ r(
+              Gn,
               {
-                collection: r,
-                layoutId: u,
+                collection: o,
+                layoutId: c,
                 bundle: t,
-                parent: T,
+                parent: C,
                 apply: n.apply,
                 dirty: n.dirty,
-                fields: _
+                fields: E
               }
             ) : null,
-            beforeSave: t ? /* @__PURE__ */ o(
-              fn,
+            beforeSave: t ? /* @__PURE__ */ r(
+              jn,
               {
-                collection: r,
-                layoutId: u,
+                collection: o,
+                layoutId: c,
                 bundle: t,
-                parent: T,
+                parent: C,
                 apply: n.apply,
                 dirty: n.dirty,
-                fields: _
+                fields: E
               }
             ) : null,
-            previewExtra: /* @__PURE__ */ y(ae, { children: [
-              /* @__PURE__ */ o(
-                rn,
+            previewExtra: /* @__PURE__ */ y(ie, { children: [
+              /* @__PURE__ */ r(
+                Nn,
                 {
-                  collection: r,
-                  value: K,
+                  collection: o,
+                  value: L,
                   onChange: J,
-                  layout: O,
-                  fields: _
+                  layout: fe,
+                  fields: E
                 }
               ),
-              /* @__PURE__ */ o(Sr, { scope: kt, options: ge })
+              /* @__PURE__ */ r(Wo, { scope: It, options: Ht })
             ] }),
-            problems: t && /* @__PURE__ */ o(
-              Do,
+            problems: t && /* @__PURE__ */ r(
+              tn,
               {
-                findings: ke.findings,
-                active: V === "checks",
-                onClick: () => P((e) => e === "checks" ? "inspector" : "checks")
+                findings: Te.findings,
+                active: U === "checks",
+                onClick: () => N((e) => e === "checks" ? "inspector" : "checks")
               }
             ),
-            more: /* @__PURE__ */ o(
-              nn,
+            more: /* @__PURE__ */ r(
+              Dn,
               {
-                collection: r,
+                collection: o,
                 bundle: t,
-                previewRecord: K.record,
-                onOpenLayout: ee
+                previewRecord: L.record,
+                onOpenLayout: oe
               }
             )
           }
         ),
-        ne && /* @__PURE__ */ o(
-          _n,
+        se && /* @__PURE__ */ r(
+          va,
           {
-            collection: r,
-            layoutId: u,
-            name: Se,
-            row: B,
-            rows: (L == null ? void 0 : L.rows) ?? [],
-            fields: _,
-            onDone: Ne
+            collection: o,
+            layoutId: c,
+            name: ge,
+            row: f,
+            rows: (A == null ? void 0 : A.rows) ?? [],
+            fields: E,
+            onDone: Ie
           }
         ),
         n.status === "conflict" && n.dirty && /* @__PURE__ */ y(
@@ -870,10 +929,10 @@ function ks({
             "data-unsaved-conflict": "",
             className: G(
               "flex shrink-0 items-center gap-3 border-b px-4 py-1.5 text-[12.5px]",
-              Me
+              We
             ),
             children: [
-              /* @__PURE__ */ o(vt, { className: "h-3.5 w-3.5 shrink-0" }),
+              /* @__PURE__ */ r(At, { className: "h-3.5 w-3.5 shrink-0" }),
               /* @__PURE__ */ y("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."
@@ -887,7 +946,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),
+                    Zn(n.unsavedCount),
                     ")"
                   ]
                 }
@@ -895,59 +954,62 @@ function ks({
             ]
           }
         ),
-        /* @__PURE__ */ o(Hr, { labels: n.dropped, onDismiss: n.clearDropped }),
-        /* @__PURE__ */ o(
-          jr,
+        /* @__PURE__ */ r(mr, { labels: n.dropped, onDismiss: n.clearDropped }),
+        /* @__PURE__ */ r(
+          fr,
           {
-            state: xe.state,
-            onRecover: xe.recover,
-            onDismiss: xe.dismiss
+            state: Pe.state,
+            onRecover: Pe.recover,
+            onDismiss: Pe.dismiss
           }
         ),
-        lt && /* @__PURE__ */ y(
+        xt && /* @__PURE__ */ y(
           "div",
           {
             role: "note",
             className: G(
               "flex shrink-0 items-center gap-2 border-b px-4 py-1.5 text-[12.5px]",
-              Me
+              We
             ),
             children: [
-              /* @__PURE__ */ o(vt, { className: "h-3.5 w-3.5 shrink-0" }),
-              lt
+              /* @__PURE__ */ r(At, { className: "h-3.5 w-3.5 shrink-0" }),
+              xt
             ]
           }
         ),
-        X && /* @__PURE__ */ y(
+        te && /* @__PURE__ */ y(
           "div",
           {
             role: "note",
-            "data-editor-frozen": X.until,
+            "data-editor-frozen": te.until,
             className: G(
               "flex shrink-0 items-center gap-2 border-b px-4 py-1.5 text-[12.5px]",
-              Me
+              We
             ),
             children: [
-              /* @__PURE__ */ o(sr, { className: "h-3.5 w-3.5 shrink-0" }),
-              At(X)
+              /* @__PURE__ */ r(Po, { className: "h-3.5 w-3.5 shrink-0" }),
+              Ut(te)
             ]
           }
         ),
-        /* @__PURE__ */ o(vo, { explain: we, onShow: Ht }),
-        /* @__PURE__ */ o(
-          Zr,
+        /* @__PURE__ */ r(Mr, { explain: ee, onShow: io }),
+        /* @__PURE__ */ r(
+          gr,
           {
             bundle: t,
             apply: n.apply,
-            onDragActive: qt,
-            onDropOnLayout: Zt,
+            onDragActive: to,
+            onDropOnLayout: vo,
+            selection: b,
+            undo: uo,
+            warnTrash: co,
             children: /* @__PURE__ */ y("div", { className: "flex min-h-0 flex-1 overflow-hidden", children: [
               /* @__PURE__ */ y(
                 "aside",
                 {
                   className: G(
                     "flex w-[260px] shrink-0 flex-col border-r border-slate-200 bg-white dark:border-border dark:bg-card",
-                    it && "hidden"
+                    yt && "hidden"
                   ),
                   children: [
                     /* @__PURE__ */ y(
@@ -957,15 +1019,15 @@ function ks({
                         "aria-label": "Left panel",
                         className: "flex shrink-0 items-center gap-1 border-b border-slate-200 px-2 py-1.5 dark:border-border",
                         children: [
-                          /* @__PURE__ */ o(
+                          /* @__PURE__ */ r(
                             "button",
                             {
                               type: "button",
                               role: "tab",
-                              "aria-selected": E === "layouts",
+                              "aria-selected": q === "layouts",
                               "data-editor-tab": "layouts",
-                              className: Ue(E === "layouts"),
-                              onClick: () => te("layouts"),
+                              className: Ge(q === "layouts"),
+                              onClick: () => re("layouts"),
                               children: "Forms"
                             }
                           ),
@@ -974,14 +1036,14 @@ function ks({
                             {
                               type: "button",
                               role: "tab",
-                              "aria-selected": E === "add",
+                              "aria-selected": q === "add",
                               "data-editor-tab": "add",
-                              className: Ue(E === "add"),
-                              onClick: () => te("add"),
+                              className: Ge(q === "add"),
+                              onClick: () => re("add"),
                               disabled: !t,
                               "data-tip": "Add a field, section, panel or widget after the selection",
                               children: [
-                                /* @__PURE__ */ o(ir, { className: "h-3.5 w-3.5" }),
+                                /* @__PURE__ */ r(Ro, { className: "h-3.5 w-3.5" }),
                                 "Add"
                               ]
                             }
@@ -991,14 +1053,14 @@ function ks({
                             {
                               type: "button",
                               role: "tab",
-                              "aria-selected": E === "usage",
+                              "aria-selected": q === "usage",
                               "data-editor-tab": "usage",
-                              className: Ue(E === "usage"),
-                              onClick: () => te("usage"),
+                              className: Ge(q === "usage"),
+                              onClick: () => re("usage"),
                               disabled: !t,
                               "data-tip": "How this form is used and where it slows people down",
                               children: [
-                                /* @__PURE__ */ o(lr, { className: "h-3.5 w-3.5" }),
+                                /* @__PURE__ */ r(Oo, { className: "h-3.5 w-3.5" }),
                                 "Usage"
                               ]
                             }
@@ -1006,210 +1068,215 @@ function ks({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ o("div", { className: "min-h-0 flex-1 overflow-y-auto", children: E === "add" && t ? /* @__PURE__ */ o(
-                      Tr,
+                    /* @__PURE__ */ r("div", { className: "min-h-0 flex-1 overflow-y-auto", children: q === "add" && t ? /* @__PURE__ */ r(
+                      Ho,
                       {
                         bundle: t,
-                        collection: r,
-                        selected: re,
+                        collection: o,
+                        selected: W,
                         apply: n.apply,
-                        onSelect: A
+                        onSelect: P,
+                        removed: le.entries
                       }
-                    ) : E === "usage" && t ? /* @__PURE__ */ o(
-                      kn,
+                    ) : q === "usage" && t ? /* @__PURE__ */ r(
+                      Xn,
                       {
                         bundle: t,
-                        collection: r,
-                        fields: _,
+                        collection: o,
+                        fields: E,
                         apply: n.apply,
-                        showFill: M,
-                        onShowFill: Y,
-                        onOpenLayout: ee
+                        showFill: H,
+                        onShowFill: me,
+                        onOpenLayout: oe
                       }
-                    ) : /* @__PURE__ */ o(
-                      Eo,
+                    ) : /* @__PURE__ */ r(
+                      Xr,
                       {
-                        collection: r,
-                        currentId: u,
-                        onOpen: ee,
-                        settingsOpen: V === "settings",
-                        onSettings: () => P("settings"),
+                        collection: o,
+                        currentId: c,
+                        onOpen: oe,
+                        settingsOpen: U === "settings",
+                        onSettings: () => N("settings"),
                         dropTargets: !0
                       }
                     ) })
                   ]
                 }
               ),
-              it && t && /* @__PURE__ */ o(
+              yt && t && /* @__PURE__ */ r(
                 "aside",
                 {
                   "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,
+                  children: /* @__PURE__ */ r(
+                    un,
                     {
                       bundle: t,
-                      nodes: S.nodes,
-                      selection: h,
-                      onPick: S.selectAndReveal,
-                      onMoved: Xe,
+                      nodes: x.nodes,
+                      selection: b,
+                      onPick: x.selectAndReveal,
+                      onMoved: lt,
                       apply: n.apply,
-                      onClose: () => S.setOutlineOpen(!1)
+                      onClose: () => x.setOutlineOpen(!1)
                     }
                   )
                 }
               ),
-              /* @__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__ */ y("main", { ref: vt, className: "flex min-w-0 flex-1 flex-col overflow-y-auto", children: [
+                R === "canvas" && /* @__PURE__ */ r(Nr, { editor: _ }),
+                X.compare && (R === "canvas" || !k) && /* @__PURE__ */ r(ir, { compare: X.compare, onClose: X.close }),
+                t && k && R === "states" ? /* @__PURE__ */ r(
+                  nn,
                   {
                     bundle: t,
-                    parent: T,
-                    collection: r,
+                    parent: C,
+                    collection: o,
                     apply: n.apply,
-                    onSelect: A
+                    onSelect: P
                   }
-                ) : t && x && I === "roles" ? /* @__PURE__ */ o(
-                  _o,
+                ) : t && k && R === "roles" ? /* @__PURE__ */ r(
+                  an,
                   {
                     bundle: t,
-                    parent: T,
+                    parent: C,
                     apply: n.apply,
-                    onSelect: A
+                    onSelect: P
                   }
-                ) : t && x && I === "table" ? /* @__PURE__ */ o(
-                  Jo,
+                ) : t && k && R === "table" ? /* @__PURE__ */ r(
+                  Sn,
                   {
                     bundle: t,
-                    collection: r,
+                    collection: o,
                     apply: n.apply,
                     flush: n.flush,
-                    selection: h,
-                    onSelect: A,
-                    onSelection: R
+                    selection: b,
+                    onSelect: P,
+                    onSelection: F
                   }
-                ) : t ? /* @__PURE__ */ o(
+                ) : t ? /* @__PURE__ */ r(
                   "div",
                   {
-                    "data-canvas-density": S.compact && x ? "compact" : "normal",
-                    style: S.compact && x ? { zoom: Vo } : void 0,
+                    "data-canvas-density": x.compact && k ? "compact" : "normal",
+                    "data-canvas-zoom": k ? Ue : void 0,
+                    style: k && Ue !== 1 ? { zoom: Ue } : void 0,
                     className: G(
-                      "min-h-full",
-                      mo(De, Fe),
-                      De && !Fe && "bg-background text-foreground"
+                      "flex min-h-0 flex-1 flex-col",
+                      Ir(Ke, Me),
+                      Ke && !Me && "bg-background text-foreground"
                     ),
-                    children: /* @__PURE__ */ o(
-                      on,
+                    children: /* @__PURE__ */ r(
+                      An,
                       {
-                        collection: r,
+                        collection: o,
                         bundle: t,
-                        parent: T,
-                        preview: K,
+                        parent: C,
+                        preview: L,
                         onPreview: J,
-                        record: k,
-                        fields: _,
-                        renderPane: (e) => /* @__PURE__ */ o(
-                          Kn,
+                        record: L.sample ?? Vt,
+                        fields: E,
+                        renderPane: (e) => /* @__PURE__ */ r(
+                          ya,
                           {
-                            collection: r,
+                            collection: o,
                             bundle: t,
-                            parent: T,
+                            parent: C,
                             roleId: e.roleId,
                             stateKey: e.stateKey,
-                            marks: Ft(e.marks),
-                            overlay: q.overlay(e.overlay),
-                            ruleMarks: Vt,
-                            ghost: Wt,
-                            deps: we.deps,
+                            marks: Zt(e.marks),
+                            overlay: _.overlay(de.wrap(e.overlay)),
+                            ruleMarks: ao,
+                            ghost: so,
+                            deps: ee.deps,
                             noDnd: e.noDnd,
                             record: e.record,
-                            selected: re,
-                            selection: h,
-                            onSelect: $t,
-                            showHidden: ve,
-                            fold: S.fold,
-                            reveal: S.reveal,
+                            selected: W,
+                            selection: b,
+                            onSelect: ro,
+                            showHidden: Y,
+                            fold: x.fold,
+                            reveal: x.reveal,
                             apply: n.apply,
                             whenIdle: n.whenIdle,
-                            fillRate: Oe,
-                            unsaved: Gt,
-                            peers: jt,
-                            compare: Z.compare,
-                            lastChanges: Z.compare ? void 0 : Et
+                            fillRate: Ne,
+                            unsaved: mo,
+                            peers: po,
+                            compare: X.compare,
+                            lastChanges: X.compare ? void 0 : jt
                           }
                         )
                       }
                     )
                   }
-                ) : 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: [
-                  /* @__PURE__ */ o(wt, { className: "h-10 w-full rounded-lg" }),
-                  /* @__PURE__ */ o(wt, { className: "h-48 w-full rounded-lg" })
-                ] })
+                ) : n.error ? /* @__PURE__ */ r("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: [
+                  /* @__PURE__ */ r(Dt, { className: "h-10 w-full rounded-lg" }),
+                  /* @__PURE__ */ r(Dt, { className: "h-48 w-full rounded-lg" })
+                ] }),
+                t && k && R === "canvas" && /* @__PURE__ */ r(hn, { zoom: wt })
               ] }),
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ r(
                 "aside",
                 {
                   "data-editor-inspector": "",
                   className: "flex w-[344px] shrink-0 flex-col overflow-hidden border-l border-slate-200 bg-white dark:border-border dark:bg-card",
-                  children: t && (V === "ask" ? /* @__PURE__ */ o(
-                    Rr,
+                  children: t && (U === "ask" ? /* @__PURE__ */ r(
+                    Jo,
                     {
-                      layoutId: u,
-                      layoutName: Se,
-                      kind: un(t.layout),
+                      layoutId: c,
+                      layoutName: ge,
+                      kind: Wn(t.layout),
                       bundle: t,
-                      thread: Te,
-                      setThread: ye,
-                      pending: he,
-                      onPendingTaken: () => de(null),
-                      jump: Xt,
-                      onCite: er,
-                      recordId: ((ht = K.record) == null ? void 0 : ht.id) ?? null
+                      thread: Q,
+                      setThread: ue,
+                      pending: Oe,
+                      onPendingTaken: () => pe(null),
+                      jump: go,
+                      onCite: ko,
+                      recordId: ((Nt = L.record) == null ? void 0 : Nt.id) ?? null
                     }
-                  ) : V === "checks" ? /* @__PURE__ */ o(
-                    Fo,
+                  ) : U === "checks" ? /* @__PURE__ */ r(
+                    on,
                     {
-                      findings: ke.findings,
-                      health: ke.health,
-                      ready: ke.ready,
-                      onSelect: (e) => R([e]),
+                      findings: Te.findings,
+                      health: Te.health,
+                      ready: Te.ready,
+                      onSelect: (e) => F([e]),
                       apply: n.apply,
-                      onOpenAiReview: p.aiReviewSlot ? () => P("settings") : void 0
+                      onOpenAiReview: p.aiReviewSlot ? () => N("settings") : void 0,
+                      onTurnOff: Qe.onTurnOff,
+                      styleSettings: Qe.settings
                     }
-                  ) : V === "settings" ? /* @__PURE__ */ o(
-                    An,
+                  ) : U === "settings" ? /* @__PURE__ */ r(
+                    ia,
                     {
                       bundle: t,
                       apply: n.apply,
                       flush: n.flush,
-                      collection: r,
-                      previewRoleId: K.roleId,
-                      onPreviewRoleChange: Jt,
+                      collection: o,
+                      previewRoleId: L.roleId,
+                      onPreviewRoleChange: yo,
                       onAskWhere: p.isAdmin ? (e) => {
-                        de(e), P("ask");
+                        pe(e), N("ask");
                       } : void 0
                     }
-                  ) : h.length > 1 ? /* @__PURE__ */ o(
-                    Po,
+                  ) : b.length > 1 ? /* @__PURE__ */ r(
+                    Zr,
                     {
                       bundle: t,
-                      selection: h,
+                      selection: b,
                       apply: n.apply,
-                      collection: r,
-                      onSelection: R
+                      collection: o,
+                      onSelection: F
                     }
-                  ) : /* @__PURE__ */ o(
-                    Pn,
+                  ) : /* @__PURE__ */ r(
+                    la,
                     {
                       bundle: t,
-                      target: re,
+                      target: W,
                       apply: n.apply,
                       flush: n.flush,
-                      collection: r,
-                      openLayout: ee,
-                      onSelect: S.selectAndReveal
+                      collection: o,
+                      openLayout: oe,
+                      onSelect: x.selectAndReveal
                     }
                   ))
                 }
@@ -1217,75 +1284,87 @@ function ks({
             ] })
           }
         ),
-        /* @__PURE__ */ o(
-          ln,
+        /* @__PURE__ */ r(
+          Un,
           {
             bundle: t,
-            selection: h,
+            selection: b,
             apply: n.apply,
-            onSelection: R,
-            rootRef: $
+            onSelection: F,
+            rootRef: M,
+            extraItems: $e.menuItems
           }
         ),
-        /* @__PURE__ */ o(
-          vn,
+        /* @__PURE__ */ r(
+          Bn,
           {
-            request: _t,
+            bundle: t,
+            fields: E,
+            apply: n.apply,
+            onSelect: P,
+            rootRef: M,
+            enabled: !(k && R !== "canvas")
+          }
+        ),
+        /* @__PURE__ */ r(
+          Qn,
+          {
+            request: Jt,
             count: n.unsavedCount,
-            onSave: Mt,
+            onSave: Xt,
             onDiscard: n.discard,
-            onKeep: () => Ge(null),
-            note: D ? /* @__PURE__ */ o(zr, { policy: D, value: pe, onChange: Pe }) : void 0,
-            canSave: $r(D, pe)
+            onKeep: () => rt(null),
+            note: I ? /* @__PURE__ */ r(cr, { policy: I, value: ve, onChange: Ae }) : void 0,
+            canSave: dr(I, ve)
           }
         ),
-        D && Ve && /* @__PURE__ */ o(
-          Vr,
+        I && Xe && /* @__PURE__ */ r(
+          ur,
           {
             open: !0,
-            anchor: Ve,
-            policy: D,
-            intro: X ? At(X) : void 0,
+            anchor: Xe,
+            policy: I,
+            intro: te ? Ut(te) : void 0,
             count: n.unsavedCount,
-            value: pe,
-            onChange: Pe,
-            onSave: He,
-            onClose: () => We(null)
+            value: ve,
+            onChange: Ae,
+            onSave: tt,
+            onClose: () => et(null)
           }
         ),
-        ot && /* @__PURE__ */ o(
-          Gr,
+        pt && /* @__PURE__ */ r(
+          hr,
           {
-            anchor: ot,
+            anchor: pt,
             steps: n.unsavedSteps,
-            exists: (e) => !!t && qe(e, t, T),
-            describe: (e) => Ot(e, t, _),
+            exists: (e) => !!t && je(e, t, C),
+            describe: (e) => qt(e, t, E),
             onJump: (e) => {
-              be(null), nt(e);
+              Ce(null), mt(e);
             },
             onSettings: () => {
-              be(null), P("settings");
+              Ce(null), N("settings");
             },
-            onClose: () => be(null)
+            onClose: () => Ce(null)
           }
         )
       ]
     }
-  );
-  if (!ne)
-    return /* @__PURE__ */ o(St.Provider, { value: Ie, children: dt });
-  const ct = c ?? (Re ? Cr(Re) ?? document.body : null);
-  return /* @__PURE__ */ y(ae, { children: [
-    /* @__PURE__ */ o("span", { ref: Bt, hidden: !0, "data-layout-editor-marker": "" }),
-    /* @__PURE__ */ o(St.Provider, { value: Ie, children: ct && mr(dt, ct) })
+  ), St = /* @__PURE__ */ r(Mn, { value: Se, children: wo });
+  if (!se)
+    return /* @__PURE__ */ r(Mt.Provider, { value: _e, children: /* @__PURE__ */ r(_t, { value: $e, children: St }) });
+  const Lt = u ?? (De ? Vo(De) ?? document.body : null);
+  return /* @__PURE__ */ y(ie, { children: [
+    /* @__PURE__ */ r("span", { ref: eo, hidden: !0, "data-layout-editor-marker": "" }),
+    /* @__PURE__ */ r(Mt.Provider, { value: _e, children: /* @__PURE__ */ r(_t, { value: $e, children: Lt && Do(St, Lt) }) })
   ] });
 }
-function At(r) {
-  const i = r.reason.trim() ? `: ${r.reason.trim()}` : "";
-  return `Frozen until ${gr(r.until)}${i}. Saving asks for an override note, kept in History.`;
+function Ut(o) {
+  const i = o.reason.trim() ? `: ${o.reason.trim()}` : "";
+  return `Frozen until ${Bo(o.until)}${i}. Saving asks for an override note, kept in History.`;
 }
 export {
-  ks as LayoutEditor,
-  $e as isTyping,
-  qe as targetExists
+  ci as LayoutEditor,
+  Ze as isTyping,
+  je as targetExists
 };