@nivaro/react 0.3.36 → 0.3.37

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

@@ -1,358 +1,370 @@
-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 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";
-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 { 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 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 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 { 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 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(() => {
+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 Rn(r, i, s, l, m) {
-  q(() => {
-    const d = (c) => {
-      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 = No(r, i[0], g);
+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;
-        const k = document.querySelector(
-          `[data-layout-editor] [data-design-target="${CSS.escape(u)}"]`
+        var Z;
+        const g = document.querySelector(
+          `[data-layout-editor] [data-design-target="${CSS.escape(c)}"]`
         );
-        k == null || k.focus({ preventScroll: !0 }), (Q = k == null ? void 0 : k.scrollIntoView) == null || Q.call(k, { 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 En(r) {
-  const i = r.status === "saving" || r.dirty;
-  wr(i, "Layout changes"), q(() => {
+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]), q(() => {
-    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 Dn(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: On.versions(d) }), s({ lazy: !An(m) });
+      Number.isFinite(d) && i.invalidateQueries({ queryKey: aa.versions(d) }), s({ lazy: !sa(m) });
     },
     [i, s]
   );
 }
-function Fn(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 In(r, i) {
-  const s = j(i);
-  s.current = i, q(() => {
-    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;
-      let g;
+      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 {
-        g = new URL(c.href, window.location.href);
+        v = new URL(u.href, window.location.href);
       } catch {
         return;
       }
-      g.origin === window.location.origin && g.pathname + g.search !== window.location.pathname + window.location.search && (d.preventDefault(), d.stopPropagation(), s.current(() => {
+      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 Kn(r, i, s) {
-  const l = j(null), m = j(i);
-  return m.current = i, q(() => {
-    var g;
-    if (!r) return;
+function ha(o, i, s) {
+  const l = z(null), m = z(i);
+  return m.current = i, B(() => {
+    var v;
+    if (!o) return;
     const d = document.activeElement;
-    (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());
+    (v = l.current) == null || v.focus();
+    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 _n({
-  collection: r,
+function ya({
+  collection: o,
   bundle: i,
   parent: s,
   roleId: l,
   stateKey: m = null,
   marks: d,
-  overlay: c,
-  ruleMarks: g,
+  overlay: u,
+  ruleMarks: v,
   ghost: p,
-  deps: u,
-  noDnd: k = !1,
-  record: Q,
-  selected: n,
-  selection: ye,
-  onSelect: t,
-  showHidden: R,
-  fold: te = null,
-  reveal: V = null,
-  apply: A,
-  whenIdle: Te,
-  fillRate: he,
-  unsaved: ve,
-  peers: ce,
-  compare: v,
-  lastChanges: N
+  deps: c,
+  noDnd: g = !1,
+  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 = 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,
+  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 ? (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, 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(
+  ), 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: ye,
-      onSelect: t,
-      showHidden: R,
-      inheritedFrom: (y) => M.inherited.get(z(y)) ?? null,
-      dnd: F,
-      roleMark: J,
-      marks: ke,
-      overlay: c,
-      fillRate: he,
-      note: (y) => {
-        const _ = so(y);
-        return _ ? P.get(_) ?? 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: 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,
+      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: k ? void 0 : (y, _) => {
-        y.kind !== "field" && y.kind !== "slot" || A(
+      locked: L.locked,
+      resizeWidth: g ? void 0 : (f, K) => {
+        f.kind !== "field" && f.kind !== "slot" || t(
           [
             {
               op: "update_placement",
-              at: { field: y.field, group_key: y.group_key },
-              patch: { col_span: _ === 12 ? null : _ }
+              at: { field: f.field, group_key: f.group_key },
+              patch: { col_span: K === 12 ? null : K }
             }
           ],
-          { label: `Set the width to ${xo[_] ?? _}` }
+          { label: `Set the width to ${Wr[K] ?? K}` }
         );
       }
     }),
     [
-      n,
-      ye,
-      t,
-      R,
-      M.inherited,
-      F,
+      be,
+      we,
+      xe,
+      le,
+      R.inherited,
+      pe,
+      me,
       J,
-      ke,
-      c,
-      he,
-      P,
-      te,
-      V,
-      ve,
-      ce,
-      v,
+      u,
+      re,
+      ne,
+      n,
+      Se,
+      U,
       N,
+      Q,
+      ue,
       p,
-      A,
-      k
+      L.locked,
+      t,
+      g
     ]
-  ), Ae = vo(u);
-  return /* @__PURE__ */ o("div", { ref: Ae, className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ o(
-    oo,
+  ), 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: le,
-      layout: Oe,
-      record: Q,
+      collection: o,
+      bundle: W,
+      layout: Le,
+      record: Z,
       stateKey: m,
       roleId: l,
-      design: T,
-      apply: A,
-      whenIdle: Te
+      design: A,
+      apply: t,
+      whenIdle: q
     }
   ) });
 }
-function Mn({
-  collection: r,
+function va({
+  collection: o,
   name: i,
   row: s,
   layoutId: l,
   rows: m,
   fields: d,
-  onDone: c
+  onDone: u
 }) {
-  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(
+  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": "",
       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__ */ h("p", { className: "m-0 min-w-0 flex-1 truncate", 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 }),
-          k.length > 0 && /* @__PURE__ */ h(se, { 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: k, 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"
           }
@@ -361,525 +373,571 @@ function Mn({
     }
   );
 }
-function Bn({ view: r, onView: i }) {
-  const s = (l, m, d, c) => /* @__PURE__ */ h(
+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 })
       ]
     }
   );
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ y(
     "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 bs({
-  collection: r,
+function ci({
+  collection: o,
   layoutId: i,
   onBack: s,
   mode: l,
   onLayoutChange: m,
   previewRecordId: d = null,
-  portalContainer: c,
-  onDirtyChange: g
+  portalContainer: u,
+  onDirtyChange: v
 }) {
-  var ut, pt, mt, ft, yt, ht;
-  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]
-  ), [I, J] = L({
+  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: 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]
+  }), { 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 _ = 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 D = bt(f, e);
-      return a.set(f, D), D;
+  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]), [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 = E ? {
-      ...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, E, X]), je = C(() => {
+    return a && e && Ae((h) => ({ ...h, reason: "" })), a;
+  }, [n.save, n.unsavedOps, I, te]), ot = T(() => {
     var e, a;
-    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
+    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();
-  }, [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 ne = C((e, a, f) => {
-    var D, fe;
-    if (!Qe.current) return a();
-    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;
-  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, q(
+  }, [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 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) => ne(l === "overlay" ? "go back to the record" : "leave this form", Ze, e),
-    [ne, 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]
   );
-  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 = 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(
+  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: B.active,
+      tabOrderActive: _.active,
       startTabOrder: () => {
-        ie("canvas"), B.start();
+        V("canvas"), _.start();
       }
     }),
-    [B.active, B.start]
-  ), et = C(
+    [_.active, _.start]
+  ), dt = T(
     (e, a) => {
-      if (e.kind === "group") return O({ kind: "group", key: e.key });
+      if (e.kind === "group") return P({ kind: "group", key: e.key });
       if (e.kind === "tab") {
-        O(a), (a.kind === "field" || a.kind === "header") && Po(a.field, e.tab);
+        P(a), (a.kind === "field" || a.kind === "header") && Qr(a.field, e.tab);
         return;
       }
       if (e.kind === "pipeline")
-        return ne(
+        return ae(
           "open the pipeline",
           () => p.navigate(`/pipelines/${encodeURIComponent(e.id)}`)
         );
-      ne(
+      ae(
         "open the field rules",
-        () => p.navigate(`/data-model/${encodeURIComponent(r)}?tab=rules`)
+        () => p.navigate(`/data-model/${encodeURIComponent(o)}?tab=rules`)
       );
     },
-    [O, ne, p, r]
-  ), Vt = b(() => {
+    [P, ae, p, o]
+  ), ao = w(() => {
     const e = /* @__PURE__ */ new Map();
-    for (const [a, f] of pe)
-      (f.type === "boolean" || f.text.endsWith(" linked")) && e.set(a, f.text);
-    return fo(we, { chips: ue, ghostTags: e, open: et });
-  }, [we, ue, pe, et]), Wt = b(
-    () => pe.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 = pe.get(e)) == null ? void 0 : a.text) ?? null;
+      return ((a = ye.get(e)) == null ? void 0 : a.text) ?? null;
     } : void 0,
-    [pe]
-  ), 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 };
-      O(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, 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" });
+          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, O]
+    [t, P]
   );
-  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) => ({
+  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(() => 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;
+    [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 = mn(u), at = fn(), 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 = eo(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 (A("inspector"), e === u) return;
-    const a = document.activeElement, f = a instanceof HTMLElement && ((w = $.current) != null && w.contains(a)) ? a : null;
-    ne(
+  ), 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(), N([]), k(e), m == null || m(e);
+        n.flush(), F([]), g(e), m == null || m(e);
       },
-      f
+      h
     );
-  }, Zt = sn(r, t, (P == null ? void 0 : P.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: v,
+      selection: b,
       select: (a) => {
-        N([a]), A("inspector");
+        F([a]), N("inspector");
       },
-      openSettings: () => A("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, v]
-  ), 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 };
-        O(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, 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" });
+            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, 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: $,
+    [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: 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 ? {
+    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__ */ h(
+  } : {}, wo = /* @__PURE__ */ y(
     "div",
     {
       ref: (e) => {
-        $.current = e, ae && (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",
-        ae ? "fixed inset-0 z-[90]" : "flex-1"
+        se ? "fixed inset-0 z-[90]" : "flex-1"
       ),
       children: [
-        /* @__PURE__ */ o(
-          no,
+        /* @__PURE__ */ r(
+          Cr,
           {
-            collection: r,
-            layoutId: u,
-            layoutName: Se,
-            layoutType: _e,
-            row: U,
-            fields: K,
-            draft: Kt,
-            preview: I,
+            collection: o,
+            layoutId: c,
+            layoutName: ge,
+            layoutType: qe,
+            row: f,
+            fields: E,
+            draft: Yt,
+            preview: L,
             onPreview: J,
-            showHidden: ge,
-            onShowHidden: le,
-            onBack: Ne,
-            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: to(xe.sync),
-            presence: /* @__PURE__ */ h(se, { 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, K) : 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(ln, { 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 O({
+              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__ */ h(se, { children: [
-              /* @__PURE__ */ o(Bn, { view: F, onView: ie }),
-              /* @__PURE__ */ o(yo, { on: ue, 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__ */ h(se, { children: [
-              t && x && /* @__PURE__ */ o(Or, { bundle: t, apply: n.apply }),
-              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(
-                Mo,
+            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(
-                Bo,
+              t && /* @__PURE__ */ r(
+                dn,
                 {
-                  view: x && F === "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: B.active,
-                  onClick: () => B.active ? B.cancel() : Ie.startTabOrder(),
+                  checked: _.active,
+                  onClick: () => _.active ? _.cancel() : _e.startTabOrder(),
                   data: { "data-editor-tab-order-toggle": "" }
                 }
               ),
-              t && x && /* @__PURE__ */ o(
-                uo,
+              t && k && /* @__PURE__ */ r(
+                Er,
                 {
-                  on: De,
-                  onChange: zt,
-                  appDark: Fe,
-                  disabled: F !== "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: ye
+                  recorder: we
                 }
               ),
-              /* @__PURE__ */ o(bo, { bundle: t, collection: r }),
-              /* @__PURE__ */ o(Ce, {}),
-              t && /* @__PURE__ */ o(qo, { shortcuts: S.shortcuts })
+              /* @__PURE__ */ r($r, { bundle: t, collection: o }),
+              /* @__PURE__ */ r(Re, {}),
+              t && /* @__PURE__ */ r(cn, { shortcuts: x.shortcuts })
             ] }),
-            ai: /* @__PURE__ */ h(se, { 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: I.record != null,
-                  onPins: Dt,
-                  onSelect: O
+                  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: () => A((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(
-              hn,
+            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: K
+                fields: E
               }
             ) : null,
-            beforeSave: t ? /* @__PURE__ */ o(
-              yn,
+            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: K
+                fields: E
               }
             ) : null,
-            previewExtra: /* @__PURE__ */ h(se, { children: [
-              /* @__PURE__ */ o(
-                on,
+            previewExtra: /* @__PURE__ */ y(ie, { children: [
+              /* @__PURE__ */ r(
+                Nn,
                 {
-                  collection: r,
-                  value: I,
+                  collection: o,
+                  value: L,
                   onChange: J,
-                  layout: y,
-                  fields: K
+                  layout: fe,
+                  fields: E
                 }
               ),
-              /* @__PURE__ */ o(Sr, { scope: kt, options: _ })
+              /* @__PURE__ */ r(Wo, { scope: It, options: Ht })
             ] }),
-            problems: t && /* @__PURE__ */ o(
-              Eo,
+            problems: t && /* @__PURE__ */ r(
+              tn,
               {
-                findings: oe.findings,
-                active: V === "checks",
-                onClick: () => A((e) => e === "checks" ? "inspector" : "checks")
+                findings: Te.findings,
+                active: U === "checks",
+                onClick: () => N((e) => e === "checks" ? "inspector" : "checks")
               }
             ),
-            more: /* @__PURE__ */ o(
-              an,
+            more: /* @__PURE__ */ r(
+              Dn,
               {
-                collection: r,
+                collection: o,
                 bundle: t,
-                previewRecord: I.record,
-                onOpenLayout: ee
+                previewRecord: L.record,
+                onOpenLayout: oe
               }
             )
           }
         ),
-        ae && /* @__PURE__ */ o(
-          Mn,
+        se && /* @__PURE__ */ r(
+          va,
           {
-            collection: r,
-            layoutId: u,
-            name: Se,
-            row: U,
-            rows: (P == null ? void 0 : P.rows) ?? [],
-            fields: K,
-            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__ */ h(
+        n.status === "conflict" && n.dirty && /* @__PURE__ */ y(
           "div",
           {
             role: "alert",
             "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__ */ h("p", { className: "m-0 min-w-0 flex-1", children: [
+              /* @__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."
               ] }),
-              /* @__PURE__ */ h(
+              /* @__PURE__ */ y(
                 "button",
                 {
                   type: "button",
@@ -888,7 +946,7 @@ function bs({
                   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 ",
-                    vn(n.unsavedCount),
+                    Zn(n.unsavedCount),
                     ")"
                   ]
                 }
@@ -896,110 +954,113 @@ function bs({
             ]
           }
         ),
-        /* @__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__ */ h(
+        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__ */ h(
+        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(ho, { explain: we, onShow: Ht }),
-        /* @__PURE__ */ o(
-          Jr,
+        /* @__PURE__ */ r(Mr, { explain: ee, onShow: io }),
+        /* @__PURE__ */ r(
+          gr,
           {
             bundle: t,
             apply: n.apply,
-            onDragActive: qt,
-            onDropOnLayout: Zt,
-            children: /* @__PURE__ */ h("div", { className: "flex min-h-0 flex-1 overflow-hidden", children: [
-              /* @__PURE__ */ h(
+            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__ */ h(
+                    /* @__PURE__ */ y(
                       "div",
                       {
                         role: "tablist",
                         "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": R === "layouts",
+                              "aria-selected": q === "layouts",
                               "data-editor-tab": "layouts",
-                              className: Ue(R === "layouts"),
-                              onClick: () => te("layouts"),
+                              className: Ge(q === "layouts"),
+                              onClick: () => re("layouts"),
                               children: "Forms"
                             }
                           ),
-                          /* @__PURE__ */ h(
+                          /* @__PURE__ */ y(
                             "button",
                             {
                               type: "button",
                               role: "tab",
-                              "aria-selected": R === "add",
+                              "aria-selected": q === "add",
                               "data-editor-tab": "add",
-                              className: Ue(R === "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"
                               ]
                             }
                           ),
-                          /* @__PURE__ */ h(
+                          /* @__PURE__ */ y(
                             "button",
                             {
                               type: "button",
                               role: "tab",
-                              "aria-selected": R === "usage",
+                              "aria-selected": q === "usage",
                               "data-editor-tab": "usage",
-                              className: Ue(R === "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"
                               ]
                             }
@@ -1007,210 +1068,215 @@ function bs({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ o("div", { className: "min-h-0 flex-1 overflow-y-auto", children: R === "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: O
+                        onSelect: P,
+                        removed: le.entries
                       }
-                    ) : R === "usage" && t ? /* @__PURE__ */ o(
-                      wn,
+                    ) : q === "usage" && t ? /* @__PURE__ */ r(
+                      Xn,
                       {
                         bundle: t,
-                        collection: r,
-                        fields: K,
+                        collection: o,
+                        fields: E,
                         apply: n.apply,
-                        showFill: M,
-                        onShowFill: Y,
-                        onOpenLayout: ee
+                        showFill: H,
+                        onShowFill: me,
+                        onOpenLayout: oe
                       }
-                    ) : /* @__PURE__ */ o(
-                      Ro,
+                    ) : /* @__PURE__ */ r(
+                      Xr,
                       {
-                        collection: r,
-                        currentId: u,
-                        onOpen: ee,
-                        settingsOpen: V === "settings",
-                        onSettings: () => A("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(
-                    Uo,
+                  children: /* @__PURE__ */ r(
+                    un,
                     {
                       bundle: t,
-                      nodes: S.nodes,
-                      selection: v,
-                      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__ */ 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,
+              /* @__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: O
+                    onSelect: P
                   }
-                ) : t && x && F === "roles" ? /* @__PURE__ */ o(
-                  Ko,
+                ) : t && k && R === "roles" ? /* @__PURE__ */ r(
+                  an,
                   {
                     bundle: t,
-                    parent: T,
+                    parent: C,
                     apply: n.apply,
-                    onSelect: O
+                    onSelect: P
                   }
-                ) : t && x && F === "table" ? /* @__PURE__ */ o(
-                  Jo,
+                ) : t && k && R === "table" ? /* @__PURE__ */ r(
+                  Sn,
                   {
                     bundle: t,
-                    collection: r,
+                    collection: o,
                     apply: n.apply,
                     flush: n.flush,
-                    selection: v,
-                    onSelect: O,
-                    onSelection: N
+                    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: zo } : 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(
                       "flex min-h-0 flex-1 flex-col",
-                      po(De, Fe),
-                      De && !Fe && "bg-background text-foreground"
+                      Ir(Ke, Me),
+                      Ke && !Me && "bg-background text-foreground"
                     ),
-                    children: /* @__PURE__ */ o(
-                      nn,
+                    children: /* @__PURE__ */ r(
+                      An,
                       {
-                        collection: r,
+                        collection: o,
                         bundle: t,
-                        parent: T,
-                        preview: I,
+                        parent: C,
+                        preview: L,
                         onPreview: J,
-                        record: Ae,
-                        fields: K,
-                        renderPane: (e) => /* @__PURE__ */ o(
-                          _n,
+                        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: B.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: v,
-                            onSelect: $t,
-                            showHidden: ge,
-                            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__ */ 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" })
-                ] })
+                ) : 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: pn(t.layout),
+                      layoutId: c,
+                      layoutName: ge,
+                      kind: Wn(t.layout),
                       bundle: t,
-                      thread: Te,
-                      setThread: he,
-                      pending: ve,
-                      onPendingTaken: () => ce(null),
-                      jump: Xt,
-                      onCite: er,
-                      recordId: ((ht = I.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(
-                    Do,
+                  ) : U === "checks" ? /* @__PURE__ */ r(
+                    on,
                     {
-                      findings: oe.findings,
-                      health: oe.health,
-                      ready: oe.ready,
-                      onSelect: (e) => N([e]),
+                      findings: Te.findings,
+                      health: Te.health,
+                      ready: Te.ready,
+                      onSelect: (e) => F([e]),
                       apply: n.apply,
-                      onOpenAiReview: p.aiReviewSlot ? () => A("settings") : void 0
+                      onOpenAiReview: p.aiReviewSlot ? () => N("settings") : void 0,
+                      onTurnOff: Qe.onTurnOff,
+                      styleSettings: Qe.settings
                     }
-                  ) : V === "settings" ? /* @__PURE__ */ o(
-                    Pn,
+                  ) : U === "settings" ? /* @__PURE__ */ r(
+                    ia,
                     {
                       bundle: t,
                       apply: n.apply,
                       flush: n.flush,
-                      collection: r,
-                      previewRoleId: I.roleId,
-                      onPreviewRoleChange: Jt,
+                      collection: o,
+                      previewRoleId: L.roleId,
+                      onPreviewRoleChange: yo,
                       onAskWhere: p.isAdmin ? (e) => {
-                        ce(e), A("ask");
+                        pe(e), N("ask");
                       } : void 0
                     }
-                  ) : v.length > 1 ? /* @__PURE__ */ o(
-                    Ao,
+                  ) : b.length > 1 ? /* @__PURE__ */ r(
+                    Zr,
                     {
                       bundle: t,
-                      selection: v,
+                      selection: b,
                       apply: n.apply,
-                      collection: r,
-                      onSelection: N
+                      collection: o,
+                      onSelection: F
                     }
-                  ) : /* @__PURE__ */ o(
-                    Ln,
+                  ) : /* @__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
                     }
                   ))
                 }
@@ -1218,75 +1284,87 @@ function bs({
             ] })
           }
         ),
-        /* @__PURE__ */ o(
-          dn,
+        /* @__PURE__ */ r(
+          Un,
           {
             bundle: t,
-            selection: v,
+            selection: b,
             apply: n.apply,
-            onSelection: N,
-            rootRef: $
+            onSelection: F,
+            rootRef: M,
+            extraItems: $e.menuItems
           }
         ),
-        /* @__PURE__ */ o(
-          gn,
+        /* @__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: E ? /* @__PURE__ */ o(zr, { policy: E, value: me, onChange: Pe }) : void 0,
-            canSave: $r(E, me)
+            onKeep: () => rt(null),
+            note: I ? /* @__PURE__ */ r(cr, { policy: I, value: ve, onChange: Ae }) : void 0,
+            canSave: dr(I, ve)
           }
         ),
-        E && Ve && /* @__PURE__ */ o(
-          Vr,
+        I && Xe && /* @__PURE__ */ r(
+          ur,
           {
             open: !0,
-            anchor: Ve,
-            policy: E,
-            intro: X ? At(X) : void 0,
+            anchor: Xe,
+            policy: I,
+            intro: te ? Ut(te) : void 0,
             count: n.unsavedCount,
-            value: me,
-            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, K),
+            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), A("settings");
+              Ce(null), N("settings");
             },
-            onClose: () => be(null)
+            onClose: () => Ce(null)
           }
         )
       ]
     }
-  );
-  if (!ae)
-    return /* @__PURE__ */ o(St.Provider, { value: Ie, children: dt });
-  const ct = c ?? (Re ? Cr(Re) ?? document.body : null);
-  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) })
+  ), 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 {
-  bs as LayoutEditor,
-  $e as isTyping,
-  qe as targetExists
+  ci as LayoutEditor,
+  Ze as isTyping,
+  je as targetExists
 };