@nivaro/react 0.3.41 → 0.3.43

package/dist/shared/components/layout-editor/inspector/GroupInspector.js

@@ -1,19 +1,19 @@
-import { jsxs as s, jsx as t, Fragment as I } from "react/jsx-runtime";
-import { useState as U, useEffect as ae } from "react";
-import { readGroupStructure as ne } from "../../../lib/form-structure.js";
-import { lazySectionsOf as oe, lazySectionPatch as ie } from "../../../lib/layout-resolve.js";
+import { jsxs as s, jsx as l, Fragment as I } from "react/jsx-runtime";
+import { useState as B, useEffect as ne } from "react";
+import { readGroupStructure as oe } from "../../../lib/form-structure.js";
+import { lazySectionsOf as ie, quietHiddenSectionsOf as se, lazySectionPatch as re, quietHiddenSectionPatch as de } from "../../../lib/layout-resolve.js";
 import { titleCase as W } from "../../../lib/utils.js";
-import { RuleWriter as se } from "../ai-rules/RuleWriter.js";
-import { RoleConditionRow as q } from "../editors/lock-conditions.js";
-import { O2MAggFieldCombobox as re } from "../editors/o2m-agg-field.js";
-import { SwapConfigEditor as de } from "../editors/swap-config.js";
-import { IconPicker as ce } from "../pickers/icon-picker.js";
-import { SectionReuseActions as he } from "../reuse/SectionReuseActions.js";
-import { emptyTextOp as pe, stickyPlan as fe, rowUpdatePlan as X } from "../section-structure.js";
-import { useCollectionMeta as me } from "./field-context.js";
-import { useInspectorEnv as ue, Setting as d, TextInput as S, Choice as F, Segmented as g, Toggle as k, TextArea as Y, Section as $, FieldMultiPicker as be, ConditionBuilder as ye } from "./kit.js";
-import { groupFields as ge, asArray as v, describeField as Z, relKindOf as ke, relatedCollectionOf as ve } from "./model.js";
-import { GroupTranslations as _e } from "./Translations.js";
+import { RuleWriter as ce } from "../ai-rules/RuleWriter.js";
+import { RoleConditionRow as U } from "../editors/lock-conditions.js";
+import { O2MAggFieldCombobox as he } from "../editors/o2m-agg-field.js";
+import { SwapConfigEditor as pe } from "../editors/swap-config.js";
+import { IconPicker as fe } from "../pickers/icon-picker.js";
+import { SectionReuseActions as ue } from "../reuse/SectionReuseActions.js";
+import { emptyTextOp as me, stickyPlan as be, rowUpdatePlan as X } from "../section-structure.js";
+import { useCollectionMeta as ye } from "./field-context.js";
+import { useInspectorEnv as ge, Setting as d, TextInput as N, Choice as P, Segmented as k, Toggle as y, TextArea as Y, Section as $, FieldMultiPicker as ke, ConditionBuilder as we } from "./kit.js";
+import { groupFields as _e, asArray as w, describeField as Z, relKindOf as ve, relatedCollectionOf as xe } from "./model.js";
+import { GroupTranslations as Ce } from "./Translations.js";
 const T = {
   section: "Section",
   tab: "Tab or step",
@@ -21,52 +21,52 @@ const T = {
   container: "Tabs or steps holder",
   content: "Text block"
 };
-function we(l) {
-  return typeof l == "string" ? { field: l } : l && typeof l == "object" && typeof l.field == "string" ? l : null;
+function Se(t) {
+  return typeof t == "string" ? { field: t } : t && typeof t == "object" && typeof t.field == "string" ? t : null;
 }
-function xe(l) {
-  const { field: m, label: o, agg: p, agg_field: u, field_options: f } = l;
-  return !o && !p ? m : {
-    field: m,
+function Ne(t) {
+  const { field: u, label: o, agg: p, agg_field: m, field_options: f } = t;
+  return !o && !p ? u : {
+    field: u,
     ...o ? { label: o } : {},
-    ...p ? { agg: p, agg_field: u, ...f ? { field_options: f } : {} } : {}
+    ...p ? { agg: p, agg_field: m, ...f ? { field_options: f } : {} } : {}
   };
 }
-const _ = (l) => l.length ? JSON.stringify(l) : null;
-function je({ group: l, readOnly: m }) {
-  var B, H;
-  const o = ue(), { data: p } = me(o.collection), u = (p == null ? void 0 : p.fields) ?? [], f = (p == null ? void 0 : p.relations) ?? [], n = l.label || W(l.key), i = l.type, r = (e, a, c) => o.apply([{ op: "group_update", key: l.key, patch: e }], { label: a, text: c }), L = o.bundle.groups.filter((e) => e.parent_key === l.key), Q = o.bundle.groups.filter((e) => e.type === "container" && e.key !== l.key), P = o.bundle.placements.some((e) => e.group_key === l.key), V = (l.parent_key ? ["tab"] : Object.keys(T)).filter((e) => e === i || !(P && (e === "container" || e === "content"))).map((e) => ({ value: e, label: T[e] })), w = i === "section" || i === "metadata" || i === "tab", R = oe(o.bundle.layout.conditions).includes(l.key), M = !!o.bundle.layout.accordion_mode, x = ne(l.swap_config), D = u.filter((e) => !e.field.startsWith("__") && e.type !== "alias").map((e) => ({ value: e.field, label: e.label || W(e.field) })).sort((e, a) => e.label.localeCompare(a.label)), j = ge(o.bundle, l.key), b = v(l.summary_fields).map(we).filter((e) => !!e), G = (e, a, c) => r({ summary_fields: _(e.map(xe)) }, a, c), J = v(l.visible_when), C = JSON.stringify(J), [ee, K] = U(J);
-  ae(() => {
-    K(
+const _ = (t) => t.length ? JSON.stringify(t) : null;
+function Je({ group: t, readOnly: u }) {
+  var K, z;
+  const o = ge(), { data: p } = ye(o.collection), m = (p == null ? void 0 : p.fields) ?? [], f = (p == null ? void 0 : p.relations) ?? [], n = t.label || W(t.key), i = t.type, r = (e, a, c) => o.apply([{ op: "group_update", key: t.key, patch: e }], { label: a, text: c }), L = o.bundle.groups.filter((e) => e.parent_key === t.key), Q = o.bundle.groups.filter((e) => e.type === "container" && e.key !== t.key), F = o.bundle.placements.some((e) => e.group_key === t.key), V = (t.parent_key ? ["tab"] : Object.keys(T)).filter((e) => e === i || !(F && (e === "container" || e === "content"))).map((e) => ({ value: e, label: T[e] })), v = i === "section" || i === "metadata" || i === "tab", R = ie(o.bundle.layout.conditions).includes(t.key), ee = !se(o.bundle.layout.conditions).includes(t.key), M = !!o.bundle.layout.accordion_mode, x = oe(t.swap_config), D = m.filter((e) => !e.field.startsWith("__") && e.type !== "alias").map((e) => ({ value: e.field, label: e.label || W(e.field) })).sort((e, a) => e.label.localeCompare(a.label)), j = _e(o.bundle, t.key), b = w(t.summary_fields).map(Se).filter((e) => !!e), H = (e, a, c) => r({ summary_fields: _(e.map(Ne)) }, a, c), G = w(t.visible_when), C = JSON.stringify(G), [te, J] = B(G);
+  ne(() => {
+    J(
       (e) => JSON.stringify(e.filter((a) => a.field)) === C ? e : JSON.parse(C)
     );
   }, [C]);
-  const [te, z] = U(!1);
-  return /* @__PURE__ */ s("fieldset", { disabled: m, className: "min-w-0 space-y-5", children: [
-    /* @__PURE__ */ t(d, { k: "group.label", label: "Name", effect: "The heading people see.", children: /* @__PURE__ */ t(
-      S,
+  const [le, q] = B(!1);
+  return /* @__PURE__ */ s("fieldset", { disabled: u, className: "min-w-0 space-y-5", children: [
+    /* @__PURE__ */ l(d, { k: "group.label", label: "Name", effect: "The heading people see.", children: /* @__PURE__ */ l(
+      N,
       {
         ariaLabel: "Name",
-        value: l.label,
+        value: t.label,
         onChange: (e) => r({ label: e }, `Rename ${n}`, !0)
       }
     ) }),
-    /* @__PURE__ */ t(d, { k: "group.icon", label: "Icon", effect: "Shown before the section title.", children: /* @__PURE__ */ t(
-      ce,
+    /* @__PURE__ */ l(d, { k: "group.icon", label: "Icon", effect: "Shown before the section title.", children: /* @__PURE__ */ l(
+      fe,
       {
         className: "h-8 rounded-md border-slate-200 bg-white px-2.5 text-[13px] hover:bg-white dark:border-border dark:bg-background dark:hover:bg-background",
-        value: l.icon ?? "",
+        value: t.icon ?? "",
         onChange: (e) => r({ icon: e || null }, `Change the icon of ${n}`)
       }
     ) }),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ l(
       d,
       {
         k: "group.type",
         label: "Kind",
-        effect: i === "container" && L.length ? "Move its tabs out before changing what this is." : P && !l.parent_key ? "What this part of the form is. To make it a tabs holder or a text block, move its fields out first." : "What this part of the form is.",
-        children: /* @__PURE__ */ t(
-          F,
+        effect: i === "container" && L.length ? "Move its tabs out before changing what this is." : F && !t.parent_key ? "What this part of the form is. To make it a tabs holder or a text block, move its fields out first." : "What this part of the form is.",
+        children: /* @__PURE__ */ l(
+          P,
           {
             ariaLabel: "Kind",
             disabled: i === "container" && L.length > 0,
@@ -75,7 +75,7 @@ function je({ group: l, readOnly: m }) {
             onChange: (e) => {
               var a;
               return r(
-                e === "container" ? { type: e, tab_mode: l.tab_mode ?? "tabs" } : { type: e },
+                e === "container" ? { type: e, tab_mode: t.tab_mode ?? "tabs" } : { type: e },
                 `Make ${n} a ${(a = T[e]) == null ? void 0 : a.toLowerCase()}`
               );
             }
@@ -83,16 +83,16 @@ function je({ group: l, readOnly: m }) {
         )
       }
     ),
-    i === "container" && /* @__PURE__ */ t(
+    i === "container" && /* @__PURE__ */ l(
       d,
       {
         k: "group.tab_mode",
         label: "Show its tabs as",
         effect: "Steps walk people through in order.",
-        children: /* @__PURE__ */ t(
-          g,
+        children: /* @__PURE__ */ l(
+          k,
           {
-            value: l.tab_mode === "steps" ? "steps" : "tabs",
+            value: t.tab_mode === "steps" ? "steps" : "tabs",
             options: [
               { value: "tabs", label: "Tabs" },
               { value: "steps", label: "Steps" }
@@ -102,17 +102,17 @@ function je({ group: l, readOnly: m }) {
         )
       }
     ),
-    i === "tab" && /* @__PURE__ */ t(
+    i === "tab" && /* @__PURE__ */ l(
       d,
       {
         k: "group.container_id",
         label: "Sits in",
         effect: "Tabs show inside a tabs or steps holder.",
-        children: /* @__PURE__ */ t(
-          F,
+        children: /* @__PURE__ */ l(
+          P,
           {
             ariaLabel: "Sits in",
-            value: l.parent_key ?? "",
+            value: t.parent_key ?? "",
             options: [
               { value: "", label: "The form itself" },
               ...Q.map((e) => ({ value: e.key, label: e.label || W(e.key) }))
@@ -121,7 +121,7 @@ function je({ group: l, readOnly: m }) {
               [
                 {
                   op: "group_move",
-                  key: l.key,
+                  key: t.key,
                   parent_key: e || null,
                   index: Number.MAX_SAFE_INTEGER
                 }
@@ -132,29 +132,29 @@ function je({ group: l, readOnly: m }) {
         )
       }
     ),
-    (i === "section" || i === "metadata") && /* @__PURE__ */ t(
-      k,
+    (i === "section" || i === "metadata") && /* @__PURE__ */ l(
+      y,
       {
         k: "group.is_collapsed",
         label: "Starts collapsed",
         effect: "The section opens folded; people unfold it.",
-        checked: l.is_collapsed,
+        checked: t.is_collapsed,
         onChange: (e) => r({ is_collapsed: e }, e ? `Collapse ${n}` : `Expand ${n}`)
       }
     ),
-    (i === "section" || i === "metadata") && /* @__PURE__ */ t(
-      k,
+    (i === "section" || i === "metadata") && /* @__PURE__ */ l(
+      y,
       {
         k: "group.load_on_open",
         label: "Load when opened",
-        effect: l.is_collapsed || M ? "Its pickers, grids and widgets load only once someone opens it; a lighter open for every record." : "Turn on Starts collapsed first: an open section loads straight away.",
+        effect: t.is_collapsed || M ? "Its pickers, grids and widgets load only once someone opens it; a lighter open for every record." : "Turn on Starts collapsed first: an open section loads straight away.",
         checked: R,
-        disabled: !R && !l.is_collapsed && !M,
+        disabled: !R && !t.is_collapsed && !M,
         onChange: (e) => o.apply(
           [
             {
               op: "layout_update",
-              patch: ie(o.bundle.layout.conditions, l.key, e)
+              patch: re(o.bundle.layout.conditions, t.key, e)
             }
           ],
           { label: e ? `Load ${n} when opened` : `Load ${n} with the form` }
@@ -162,16 +162,16 @@ function je({ group: l, readOnly: m }) {
       }
     ),
     i === "content" && /* @__PURE__ */ s(I, { children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ l(
         d,
         {
           k: "group.content_tone",
           label: "Style",
           effect: "Note and Warning are coloured boxes; Divider is a line with the text.",
-          children: /* @__PURE__ */ t(
-            g,
+          children: /* @__PURE__ */ l(
+            k,
             {
-              value: l.content_tone ?? "info",
+              value: t.content_tone ?? "info",
               options: [
                 { value: "info", label: "Note" },
                 { value: "warn", label: "Warning" },
@@ -182,42 +182,42 @@ function je({ group: l, readOnly: m }) {
           )
         }
       ),
-      /* @__PURE__ */ t(d, { k: "group.content", label: "Text", effect: "The words this block shows on the form.", children: /* @__PURE__ */ t(
+      /* @__PURE__ */ l(d, { k: "group.content", label: "Text", effect: "The words this block shows on the form.", children: /* @__PURE__ */ l(
         Y,
         {
           ariaLabel: "Text",
-          value: l.content ?? "",
+          value: t.content ?? "",
           onChange: (e) => r({ content: e || null }, `Edit the text of ${n}`, !0)
         }
       ) })
     ] }),
     (i === "section" || i === "tab") && /* @__PURE__ */ s(I, { children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ l(
         d,
         {
           k: "group.content",
           label: "Intro",
           effect: "A short note at the top: what to fill in here and why. Empty shows none.",
-          children: /* @__PURE__ */ t(
+          children: /* @__PURE__ */ l(
             Y,
             {
               ariaLabel: "Intro",
-              value: l.content ?? "",
+              value: t.content ?? "",
               onChange: (e) => r({ content: e || null }, `Edit the intro of ${n}`, !0)
             }
           )
         }
       ),
-      !!((B = l.content) != null && B.trim()) && /* @__PURE__ */ t(
+      !!((K = t.content) != null && K.trim()) && /* @__PURE__ */ l(
         d,
         {
           k: "group.content_tone",
           label: "Intro style",
           effect: "Note is a quiet box; Warning is amber.",
-          children: /* @__PURE__ */ t(
-            g,
+          children: /* @__PURE__ */ l(
+            k,
             {
-              value: l.content_tone === "warn" ? "warn" : "info",
+              value: t.content_tone === "warn" ? "warn" : "info",
               options: [
                 { value: "info", label: "Note" },
                 { value: "warn", label: "Warning" }
@@ -228,17 +228,17 @@ function je({ group: l, readOnly: m }) {
         }
       )
     ] }),
-    w && /* @__PURE__ */ s(I, { children: [
-      /* @__PURE__ */ t(
+    v && /* @__PURE__ */ s(I, { children: [
+      /* @__PURE__ */ l(
         d,
         {
           k: "group.visibility_mode",
           label: "Show",
           effect: "On new records, existing ones or both.",
-          children: /* @__PURE__ */ t(
-            g,
+          children: /* @__PURE__ */ l(
+            k,
             {
-              value: l.visibility_mode ?? "always",
+              value: t.visibility_mode ?? "always",
               options: [
                 { value: "always", label: "Always" },
                 { value: "new_only", label: "New records" },
@@ -249,26 +249,26 @@ function je({ group: l, readOnly: m }) {
           )
         }
       ),
-      /* @__PURE__ */ t(
-        k,
+      /* @__PURE__ */ l(
+        y,
         {
           k: "group.hide_when_empty",
           label: "Hide when all its fields are empty",
           effect: "The section disappears while none of its fields has a value.",
-          checked: l.hide_when_empty,
+          checked: t.hide_when_empty,
           onChange: (e) => r({ hide_when_empty: e }, `Change when ${n} hides`)
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ l(
         d,
         {
           k: "group.read_width",
           label: "Width when reading",
           effect: "On the read view, summary and detail panels. Automatic: half for a short list, full for grids.",
-          children: /* @__PURE__ */ t(
-            g,
+          children: /* @__PURE__ */ l(
+            k,
             {
-              value: l.read_width ?? "",
+              value: t.read_width ?? "",
               options: [
                 { value: "", label: "Automatic" },
                 { value: "full", label: "Full" },
@@ -280,19 +280,19 @@ function je({ group: l, readOnly: m }) {
           )
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ l(
         d,
         {
           k: "group.empty_text",
           label: "When nothing is filled",
           effect: "Shown in the read view and the PDF instead of empty values, such as “No shipping details yet”. Empty: the values show as dashes.",
-          children: /* @__PURE__ */ t(
-            S,
+          children: /* @__PURE__ */ l(
+            N,
             {
               ariaLabel: "When nothing is filled",
               value: x.emptyText ?? "",
               placeholder: "No details yet",
-              onChange: (e) => o.apply([pe(l, e)], {
+              onChange: (e) => o.apply([me(t, e)], {
                 label: `Change the empty text of ${n}`,
                 text: !0
               })
@@ -300,45 +300,45 @@ function je({ group: l, readOnly: m }) {
           )
         }
       ),
-      i === "section" && !l.parent_key && /* @__PURE__ */ t(
-        k,
+      i === "section" && !t.parent_key && /* @__PURE__ */ l(
+        y,
         {
           k: "group.sticky",
           label: "Stick to the top",
           effect: "Stays at the top of the form while people scroll the rest, for totals or status. One section per form; not on phones.",
           checked: x.sticky,
           onChange: (e) => {
-            const a = fe(o.bundle, l.key, e);
+            const a = be(o.bundle, t.key, e);
             a.ok && o.apply(a.ops, { label: a.label });
           }
         }
       )
     ] }),
-    (i === "section" || i === "tab") && /* @__PURE__ */ t($, { title: "Side by side", children: /* @__PURE__ */ t(
+    (i === "section" || i === "tab") && /* @__PURE__ */ l($, { title: "Side by side", children: /* @__PURE__ */ l(
       d,
       {
         k: "group.row_groups",
         label: "Rows of fields",
         effect: "Short fields that share one row under one label, like Street / City / Zip. To add one, select the fields on the form, right-click and pick Put side by side.",
-        children: x.rows.length === 0 ? /* @__PURE__ */ t("p", { className: "text-[12px] leading-snug text-slate-500 dark:text-muted-foreground", children: "No rows yet." }) : /* @__PURE__ */ t("div", { className: "space-y-2", children: x.rows.map((e) => /* @__PURE__ */ s("div", { className: "space-y-1", "data-row-group-setting": e.key, children: [
+        children: x.rows.length === 0 ? /* @__PURE__ */ l("p", { className: "text-[12px] leading-snug text-slate-500 dark:text-muted-foreground", children: "No rows yet." }) : /* @__PURE__ */ l("div", { className: "space-y-2", children: x.rows.map((e) => /* @__PURE__ */ s("div", { className: "space-y-1", "data-row-group-setting": e.key, children: [
           /* @__PURE__ */ s("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ t(
-              S,
+            /* @__PURE__ */ l("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ l(
+              N,
               {
                 ariaLabel: `Label of the row ${e.label}`,
                 value: e.label,
                 onChange: (a) => {
-                  const c = X(o.bundle, l.key, e.key, { label: a });
+                  const c = X(o.bundle, t.key, e.key, { label: a });
                   c.ok && o.apply(c.ops, { label: c.label, text: !0 });
                 }
               }
             ) }),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ l(
               "button",
               {
                 type: "button",
                 onClick: () => {
-                  const a = X(o.bundle, l.key, e.key, null);
+                  const a = X(o.bundle, t.key, e.key, null);
                   a.ok && o.apply(a.ops, { label: a.label });
                 },
                 className: "shrink-0 rounded-md px-2 py-1 text-[12px] text-slate-600 hover:bg-muted hover:text-slate-900 dark:text-muted-foreground dark:hover:text-foreground",
@@ -346,27 +346,27 @@ function je({ group: l, readOnly: m }) {
               }
             )
           ] }),
-          /* @__PURE__ */ t("p", { className: "truncate text-[12px] text-slate-500 dark:text-muted-foreground", children: e.fields.map((a) => {
+          /* @__PURE__ */ l("p", { className: "truncate text-[12px] text-slate-500 dark:text-muted-foreground", children: e.fields.map((a) => {
             const c = o.bundle.placements.find(
-              (N) => N.field === a && N.group_key === l.key
+              (S) => S.field === a && S.group_key === t.key
             ) ?? null;
-            return Z(a, u, f, c).label;
+            return Z(a, m, f, c).label;
           }).join(" · ") })
         ] }, e.key)) })
       }
     ) }),
     i === "tab" && /* @__PURE__ */ s($, { title: "As a step", children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ l(
         d,
         {
           k: "group.skip_if_filled",
           label: "Skip as the first step when filled",
           effect: "Opens on a later step when these fields already have values.",
-          children: /* @__PURE__ */ t(
-            be,
+          children: /* @__PURE__ */ l(
+            ke,
             {
               ariaLabel: "Skip as the first step when filled",
-              value: v(l.skip_if_filled),
+              value: w(t.skip_if_filled),
               options: D,
               onChange: (e) => r({ skip_if_filled: _(e) }, `Change when ${n} is skipped`)
             }
@@ -380,65 +380,83 @@ function je({ group: l, readOnly: m }) {
           label: "Only when",
           effect: "The step shows only while every condition holds. No conditions: always.",
           children: [
-            /* @__PURE__ */ t(
-              ye,
+            /* @__PURE__ */ l(
+              we,
               {
-                value: ee,
+                value: te,
                 fields: D,
                 onChange: (e) => {
-                  K(e);
+                  J(e);
                   const a = e.filter((c) => c.field);
                   JSON.stringify(a) !== C && r({ visible_when: _(a) }, `Change when ${n} shows`, !0);
                 }
               }
             ),
-            /* @__PURE__ */ t(
-              se,
+            /* @__PURE__ */ l(
+              ce,
               {
                 layoutId: Number(o.bundle.layout.id),
-                target: { kind: "step", group: l.key },
+                target: { kind: "step", group: t.key },
                 bundle: o.bundle,
                 apply: (e, a) => o.apply(e, a),
-                disabled: m
+                disabled: u
               }
             )
           ]
         }
+      ),
+      /* @__PURE__ */ l(
+        y,
+        {
+          k: "group.rule_hint",
+          label: "Say why it is hidden",
+          effect: `While its conditions hide it, the form shows one quiet line ("${n} shows when …") with a read-only Show anyway. Off: it vanishes without a word.`,
+          checked: ee,
+          onChange: (e) => o.apply(
+            [
+              {
+                op: "layout_update",
+                patch: de(o.bundle.layout.conditions, t.key, e)
+              }
+            ],
+            { label: e ? `Say why ${n} is hidden` : `Hide ${n} without a word` }
+          )
+        }
       )
     ] }),
-    w && /* @__PURE__ */ s($, { title: "Who", children: [
-      /* @__PURE__ */ t(
+    v && /* @__PURE__ */ s($, { title: "Who", children: [
+      /* @__PURE__ */ l(
         d,
         {
           k: "group.hidden_for_roles",
           label: "Hidden for",
           effect: "People in these roles do not see it. Admins always do.",
-          children: /* @__PURE__ */ t(
-            q,
+          children: /* @__PURE__ */ l(
+            U,
             {
-              roleIds: v(l.hidden_for_roles),
+              roleIds: w(t.hidden_for_roles),
               onRoleIdsChange: (e) => r({ hidden_for_roles: _(e) }, `Change who sees ${n}`)
             }
           )
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ l(
         d,
         {
           k: "group.locked_for_roles",
           label: "Read-only for",
           effect: "People in these roles cannot change it; the server drops their writes. Admins are exempt.",
-          children: /* @__PURE__ */ t(
-            q,
+          children: /* @__PURE__ */ l(
+            U,
             {
-              roleIds: v(l.locked_for_roles),
+              roleIds: w(t.locked_for_roles),
               onRoleIdsChange: (e) => r({ locked_for_roles: _(e) }, `Change who can edit ${n}`)
             }
           )
         }
       )
     ] }),
-    w && /* @__PURE__ */ s($, { title: "When collapsed", children: [
+    v && /* @__PURE__ */ s($, { title: "When collapsed", children: [
       /* @__PURE__ */ s(
         d,
         {
@@ -450,32 +468,32 @@ function je({ group: l, readOnly: m }) {
               "Place fields in ",
               n,
               " first."
-            ] }) : /* @__PURE__ */ t("div", { className: "space-y-1.5", children: j.map((e) => {
-              const a = b.find((h) => h.field === e), c = ke(e, f) === "O2M", N = o.bundle.placements.find((h) => h.field === e) ?? null, O = Z(e, u, f, N).label, E = (h, y, le) => G(
+            ] }) : /* @__PURE__ */ l("div", { className: "space-y-1.5", children: j.map((e) => {
+              const a = b.find((h) => h.field === e), c = ve(e, f) === "O2M", S = o.bundle.placements.find((h) => h.field === e) ?? null, O = Z(e, m, f, S).label, E = (h, g, ae) => H(
                 b.map((A) => A.field === e ? { ...A, ...h } : A),
-                y,
-                le
+                g,
+                ae
               );
               return /* @__PURE__ */ s("div", { className: "space-y-1", children: [
                 /* @__PURE__ */ s("label", { className: "flex items-center gap-2 text-[12px]", children: [
-                  /* @__PURE__ */ t(
+                  /* @__PURE__ */ l(
                     "input",
                     {
                       type: "checkbox",
                       checked: !!a,
-                      onChange: (h) => G(
-                        h.target.checked ? [...b, c ? { field: e, agg: "count" } : { field: e }] : b.filter((y) => y.field !== e),
+                      onChange: (h) => H(
+                        h.target.checked ? [...b, c ? { field: e, agg: "count" } : { field: e }] : b.filter((g) => g.field !== e),
                         `Change the summary of ${n}`
                       ),
                       className: "h-3.5 w-3.5 accent-nvr-cyan"
                     }
                   ),
-                  /* @__PURE__ */ t("span", { className: "flex-1 truncate", children: O }),
-                  c && /* @__PURE__ */ t("span", { className: "text-[12px] leading-snug text-slate-500 dark:text-muted-foreground", children: "list" })
+                  /* @__PURE__ */ l("span", { className: "flex-1 truncate", children: O }),
+                  c && /* @__PURE__ */ l("span", { className: "text-[12px] leading-snug text-slate-500 dark:text-muted-foreground", children: "list" })
                 ] }),
                 a && /* @__PURE__ */ s("div", { className: "space-y-1 pl-5", children: [
-                  /* @__PURE__ */ t("div", { "data-setting": "group.summary_fields.label", children: /* @__PURE__ */ t(
-                    S,
+                  /* @__PURE__ */ l("div", { "data-setting": "group.summary_fields.label", children: /* @__PURE__ */ l(
+                    N,
                     {
                       ariaLabel: `Label for ${O}`,
                       value: a.label ?? "",
@@ -488,8 +506,8 @@ function je({ group: l, readOnly: m }) {
                     }
                   ) }),
                   c && /* @__PURE__ */ s("div", { className: "flex gap-1", children: [
-                    /* @__PURE__ */ t("div", { className: "flex-1", "data-setting": "group.summary_fields.agg", children: /* @__PURE__ */ t(
-                      F,
+                    /* @__PURE__ */ l("div", { className: "flex-1", "data-setting": "group.summary_fields.agg", children: /* @__PURE__ */ l(
+                      P,
                       {
                         ariaLabel: "Show",
                         value: a.agg ?? "count",
@@ -506,18 +524,18 @@ function je({ group: l, readOnly: m }) {
                         )
                       }
                     ) }),
-                    (a.agg ?? "count") !== "count" && /* @__PURE__ */ t(
+                    (a.agg ?? "count") !== "count" && /* @__PURE__ */ l(
                       "div",
                       {
                         className: "flex-1",
                         "data-setting": "group.summary_fields.agg_field",
-                        children: /* @__PURE__ */ t(
-                          re,
+                        children: /* @__PURE__ */ l(
+                          he,
                           {
-                            relatedCollection: ve(e, f),
+                            relatedCollection: xe(e, f),
                             value: a.agg_field ?? "",
-                            onChange: (h, y) => E(
-                              { agg_field: h, field_options: y },
+                            onChange: (h, g) => E(
+                              { agg_field: h, field_options: g },
                               `Change the summary of ${n}`
                             )
                           }
@@ -542,33 +560,33 @@ function je({ group: l, readOnly: m }) {
           ]
         }
       ),
-      /* @__PURE__ */ t(
-        k,
+      /* @__PURE__ */ l(
+        y,
         {
           k: "group.summary_hide_empty",
           label: "Leave out empty values",
           effect: "Fields without a value are left out of the summary line.",
-          checked: l.summary_hide_empty,
+          checked: t.summary_hide_empty,
           onChange: (e) => r({ summary_hide_empty: e }, `Change the summary of ${n}`)
         }
       )
     ] }),
-    w && /* @__PURE__ */ t(
-      de,
+    v && /* @__PURE__ */ l(
+      pe,
       {
-        group: { id: l.id ?? 0, swap_config: l.swap_config },
-        allFields: u.map((e) => ({ field: e.field, type: e.type ?? void 0 })),
+        group: { id: t.id ?? 0, swap_config: t.swap_config },
+        allFields: m.map((e) => ({ field: e.field, type: e.type ?? void 0 })),
         onGroupSettings: (e, a) => r(a, `Change the field swap of ${n}`)
       }
     ),
-    !m && /* @__PURE__ */ t(he, { bundle: o.bundle, collection: o.collection, group: l }),
-    /* @__PURE__ */ t(_e, { group: l }),
-    /* @__PURE__ */ t(
+    !u && /* @__PURE__ */ l(ue, { bundle: o.bundle, collection: o.collection, group: t }),
+    /* @__PURE__ */ l(Ce, { group: t }),
+    /* @__PURE__ */ l(
       "div",
       {
         "data-setting": "group.delete",
         className: "border-t border-slate-200 pt-3 dark:border-border",
-        children: te ? /* @__PURE__ */ s("div", { className: "space-y-2 rounded-md border border-red-200 bg-red-50 p-2.5 text-[12px] text-red-900 dark:border-red-800/60 dark:bg-red-950/30 dark:text-red-100", children: [
+        children: le ? /* @__PURE__ */ s("div", { className: "space-y-2 rounded-md border border-red-200 bg-red-50 p-2.5 text-[12px] text-red-900 dark:border-red-800/60 dark:bg-red-950/30 dark:text-red-100", children: [
           /* @__PURE__ */ s("p", { children: [
             "Delete ",
             n,
@@ -577,22 +595,22 @@ function je({ group: l, readOnly: m }) {
             ". Undo brings it back."
           ] }),
           /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ l(
               "button",
               {
                 type: "button",
-                onClick: () => o.apply([{ op: "group_remove", key: l.key, placements: "ungroup" }], {
+                onClick: () => o.apply([{ op: "group_remove", key: t.key, placements: "ungroup" }], {
                   label: `Delete ${n}`
                 }),
                 className: "rounded-md bg-red-600 px-2.5 py-1 text-[12px] font-medium text-white hover:bg-red-700",
                 children: "Delete"
               }
             ),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ l(
               "button",
               {
                 type: "button",
-                onClick: () => z(!1),
+                onClick: () => q(!1),
                 className: "rounded-md px-2.5 py-1 text-[12px] hover:bg-red-100 dark:hover:bg-red-900/40",
                 children: "Keep"
               }
@@ -602,11 +620,11 @@ function je({ group: l, readOnly: m }) {
           "button",
           {
             type: "button",
-            onClick: () => z(!0),
+            onClick: () => q(!0),
             className: "text-[12px] text-red-600 hover:underline dark:text-red-400",
             children: [
               "Delete ",
-              ((H = T[i]) == null ? void 0 : H.toLowerCase()) ?? "section"
+              ((z = T[i]) == null ? void 0 : z.toLowerCase()) ?? "section"
             ]
           }
         )
@@ -615,5 +633,5 @@ function je({ group: l, readOnly: m }) {
   ] });
 }
 export {
-  je as GroupInspector
+  Je as GroupInspector
 };