@nivaro/react 0.3.36 → 0.3.38

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

@@ -1,39 +1,41 @@
-import { jsx as t, jsxs as a, Fragment as k } from "react/jsx-runtime";
-import { MousePointerClick as Q } from "lucide-react";
-import { useMemo as Y, useState as Z, useId as ee } from "react";
-import { HEADER_GROUP_KEY as O, CANVAS_SLOT_KEYS as te, UNGROUPED_KEY as le } from "../../../lib/layout-ops.js";
-import { isDisplayFormulaField as ne } from "../../../lib/placement-behaviour.js";
-import { cn as ie, titleCase as h } from "../../../lib/utils.js";
-import { TipLayer as re } from "../../TipLayer.js";
-import { ArrangeButton as oe } from "../ArrangeButton.js";
-import { AutoArrangeButton as ae } from "../AutoArrange.js";
-import { useLayoutDesign as de, targetKey as se } from "../design-context.js";
-import { PlacementPresets as ce } from "../entry/PlacementPresets.js";
-import { FIELD_HOLDERS as ue } from "../field-zones.js";
-import { PanelHeader as E, PanelBody as F, PanelTabs as me, tabId as fe, tabPanelId as pe } from "../panel-frame.js";
-import { tintCard as be } from "../panel-style.js";
-import { slotName as z } from "../slot-names.js";
-import { useLayoutBundle as he } from "../useLayoutDraft.js";
-import { AdvancedTab as ye } from "./AdvancedTab.js";
-import { DisplayFormulaSettings as ke } from "./BehaviourSettings.js";
-import { Breadcrumb as I } from "./Breadcrumb.js";
-import { useCollectionMeta as R, useGlobalWriter as xe, useFieldCtxValue as _e, FieldCtxContext as ve } from "./field-context.js";
-import { GridTab as ge } from "./GridTab.js";
-import { GroupInspector as Ne } from "./GroupInspector.js";
-import { HeaderItemInspector as Te } from "./HeaderItemInspector.js";
-import { HelpVideoSetting as $, NoteSetting as V } from "./HelpTab.js";
-import { InspectorEnvContext as W, useInspectorEnv as L, ScopeLegend as H, GlobalWriterContext as Pe } from "./kit.js";
-import { LookTab as Se } from "./LookTab.js";
-import { isDefaultForm as Ie, layoutTypeOf as Ee, findPlacement as w, SUBTITLE_FIELD as A, overrideGroupOps as Fe, overridePlacementOps as Le, describeField as q, asObject as G, NUMERIC_TYPES as Ce } from "./model.js";
-import { OverrideNotice as Ke } from "./OverrideNotice.js";
-import { PickerTab as Me } from "./PickerTab.js";
-import { RulesTab as De } from "./RulesTab.js";
-import { SlotInspector as Ge } from "./SlotInspector.js";
-import { SubtitleInspector as Oe } from "./SubtitleInspector.js";
-import { useInspectorTabRequest as Re } from "./tab-request.js";
-import { WidgetInspector as He } from "./WidgetInspector.js";
-const Ae = /^__widget_\d+__$/, Be = /^__ext_[a-z][a-z0-9-]{1,60}__$/, J = (e) => te.includes(e) || e === "__owners__" || e === "__pdf__" || Be.test(e);
-function X(e) {
+import { jsx as t, jsxs as d, Fragment as x } from "react/jsx-runtime";
+import { MousePointerClick as ne } from "lucide-react";
+import { useMemo as q, useState as ie, useId as re } from "react";
+import { HEADER_GROUP_KEY as B, CANVAS_SLOT_KEYS as oe, UNGROUPED_KEY as de } from "../../../lib/layout-ops.js";
+import { isDisplayFormulaField as ae } from "../../../lib/placement-behaviour.js";
+import { cn as se, titleCase as k } from "../../../lib/utils.js";
+import { TipLayer as ce } from "../../TipLayer.js";
+import { ArrangeButton as ue } from "../ArrangeButton.js";
+import { AutoArrangeButton as me } from "../AutoArrange.js";
+import { useLayoutDesign as fe, targetKey as z } from "../design-context.js";
+import { PlacementPresets as pe } from "../entry/PlacementPresets.js";
+import { FIELD_HOLDERS as be } from "../field-zones.js";
+import { RevertInline as J } from "../PlaceTools.js";
+import { PanelHeader as F, PanelBody as C, PanelTabs as he, tabId as ye, tabPanelId as ke } from "../panel-frame.js";
+import { tintCard as ve } from "../panel-style.js";
+import { useLinkedTarget as xe, LinkedSectionNotice as $ } from "../reuse/linked-sections.js";
+import { slotName as X } from "../slot-names.js";
+import { useLayoutBundle as _e } from "../useLayoutDraft.js";
+import { AdvancedTab as ge } from "./AdvancedTab.js";
+import { DisplayFormulaSettings as Ne } from "./BehaviourSettings.js";
+import { Breadcrumb as L } from "./Breadcrumb.js";
+import { useCollectionMeta as W, useGlobalWriter as Pe, useFieldCtxValue as Te, FieldCtxContext as Se } from "./field-context.js";
+import { GridTab as Ie } from "./GridTab.js";
+import { GroupInspector as Ee } from "./GroupInspector.js";
+import { HeaderItemInspector as Le } from "./HeaderItemInspector.js";
+import { HelpVideoSetting as Z, NoteSetting as Q } from "./HelpTab.js";
+import { InspectorEnvContext as D, useInspectorEnv as K, PinZone as w, ScopeLegend as j, GlobalWriterContext as Fe } from "./kit.js";
+import { LookTab as Ce } from "./LookTab.js";
+import { isDefaultForm as Ke, layoutTypeOf as Me, findPlacement as V, SUBTITLE_FIELD as U, overrideGroupOps as Oe, overridePlacementOps as Re, describeField as ee, asObject as A, NUMERIC_TYPES as De } from "./model.js";
+import { OverrideNotice as Ge } from "./OverrideNotice.js";
+import { PickerTab as He } from "./PickerTab.js";
+import { RulesTab as Ae } from "./RulesTab.js";
+import { SlotInspector as Be } from "./SlotInspector.js";
+import { SubtitleInspector as We } from "./SubtitleInspector.js";
+import { useInspectorTabRequest as we } from "./tab-request.js";
+import { WidgetInspector as je } from "./WidgetInspector.js";
+const Ue = /^__widget_\d+__$/, Ye = /^__ext_[a-z][a-z0-9-]{1,60}__$/, te = (e) => oe.includes(e) || e === "__owners__" || e === "__pdf__" || Ye.test(e);
+function le(e) {
   switch (e.kind) {
     case "field":
     case "slot":
@@ -41,120 +43,147 @@ function X(e) {
     case "header":
       return {
         field: e.field,
-        group_key: e.field === A ? null : O
+        group_key: e.field === U ? null : B
       };
     default:
       return null;
   }
 }
-function Ft(e) {
-  const { bundle: l, target: n, apply: i, collection: d } = e, o = de(), m = Y(
+function Dt(e) {
+  const { bundle: l, target: n, apply: i, collection: a } = e, o = fe(), f = q(
     () => ({
       bundle: l,
       apply: i,
       flush: e.flush ?? (() => {
       }),
-      collection: d,
-      layoutType: Ee(l.layout),
-      defaultForm: Ie(l.layout),
+      collection: a,
+      layoutType: Me(l.layout),
+      defaultForm: Ke(l.layout),
       select: e.onSelect
     }),
-    [l, i, e.flush, d, e.onSelect]
-  ), s = n ? X(n) : null, r = s ? w(l, s.field, s.group_key) : null, x = (n == null ? void 0 : n.kind) === "group" ? l.groups.find((b) => b.key === n.key) ?? null : null, _ = !!n && (n.kind === "group" ? !x : !r && !J((s == null ? void 0 : s.field) ?? "") && (s == null ? void 0 : s.field) !== A), g = l.layout.parent_layout_id != null ? Number(l.layout.parent_layout_id) : null, C = e.inheritedFrom ?? (n ? (o == null ? void 0 : o.inheritedFrom(n)) ?? null : null), { data: c } = he(g), f = _ && c && s ? w(c, s.field, s.group_key) : null, p = _ && c && (n == null ? void 0 : n.kind) === "group" ? c.groups.find((b) => b.key === n.key) ?? null : null, N = _ && (!!f || !!p || !!C);
+    [l, i, e.flush, a, e.onSelect]
+  ), s = n ? le(n) : null, r = s ? V(l, s.field, s.group_key) : null, p = (n == null ? void 0 : n.kind) === "group" ? l.groups.find((m) => m.key === n.key) ?? null : null, v = !!n && (n.kind === "group" ? !p : !r && !te((s == null ? void 0 : s.field) ?? "") && (s == null ? void 0 : s.field) !== U), g = l.layout.parent_layout_id != null ? Number(l.layout.parent_layout_id) : null, M = e.inheritedFrom ?? (n ? (o == null ? void 0 : o.inheritedFrom(n)) ?? null : null), { data: c } = _e(g), b = v && c && s ? V(c, s.field, s.group_key) : null, h = v && c && (n == null ? void 0 : n.kind) === "group" ? c.groups.find((m) => m.key === n.key) ?? null : null, N = v && (!!b || !!h || !!M), u = xe(v ? null : n);
   if (!n)
-    return /* @__PURE__ */ t(D, { children: /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 px-8 pb-16 text-center", children: [
-      /* @__PURE__ */ t(Q, { className: "h-5 w-5 text-slate-400" }),
+    return /* @__PURE__ */ t(R, { children: /* @__PURE__ */ d("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 px-8 pb-16 text-center", children: [
+      /* @__PURE__ */ t(ne, { className: "h-5 w-5 text-slate-400" }),
       /* @__PURE__ */ t("p", { className: "text-[13px] text-slate-500 dark:text-muted-foreground", children: "Select a field, section or panel on the form to change it." })
     ] }) });
   if (N) {
-    const b = c != null && c.layout.name ? String(c.layout.name) : C ?? "the parent form", K = { ...m, bundle: c ?? l, apply: () => {
-    } }, M = () => {
+    const m = c != null && c.layout.name ? String(c.layout.name) : M ?? "the parent form", _ = { ...f, bundle: c ?? l, apply: () => {
+    } }, O = () => {
       if (!c) return;
-      const y = p ? Fe(l, c, p) : f ? Le(l, c, f) : [];
-      y.length && i(y, { label: `Override ${P(n)} on this form` });
-    }, v = /* @__PURE__ */ a("div", { "data-setting": "inspector.inherited_override", className: ie(be, "space-y-2.5 p-3"), children: [
-      /* @__PURE__ */ a("p", { className: "text-[12px] leading-snug text-slate-700 dark:text-foreground", children: [
+      const S = h ? Oe(l, c, h) : b ? Re(l, c, b) : [];
+      S.length && i(S, { label: `Override ${I(n)} on this form` });
+    }, y = /* @__PURE__ */ d("div", { "data-setting": "inspector.inherited_override", className: se(ve, "space-y-2.5 p-3"), children: [
+      /* @__PURE__ */ d("p", { className: "text-[12px] leading-snug text-slate-700 dark:text-foreground", children: [
         "This comes from ",
-        /* @__PURE__ */ t("span", { className: "font-medium", children: b }),
+        /* @__PURE__ */ t("span", { className: "font-medium", children: m }),
         ". Change it there for every form built on it, or override it on this form only."
       ] }),
-      /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ d("div", { className: "flex flex-wrap gap-2", children: [
         /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             "data-override-here": "",
-            disabled: !c || !f && !p,
-            onClick: M,
+            disabled: !c || !b && !h,
+            onClick: O,
             className: "h-7 rounded-md bg-nvr-cyan px-2.5 text-[12px] font-medium text-white transition-colors hover:bg-[#00b8e0] disabled:opacity-40",
             children: "Override here"
           }
         ),
-        g != null && e.openLayout && /* @__PURE__ */ a(
+        g != null && e.openLayout && /* @__PURE__ */ d(
           "button",
           {
             type: "button",
             "data-edit-in-parent": "",
             onClick: () => {
-              var y;
-              return (y = e.openLayout) == null ? void 0 : y.call(e, g);
+              var S;
+              return (S = e.openLayout) == null ? void 0 : S.call(e, g);
             },
             className: "h-7 rounded-md border border-slate-200 bg-white px-2.5 text-[12px] font-medium text-slate-700 transition-colors hover:bg-slate-50 dark:border-border dark:bg-background dark:text-foreground dark:hover:bg-muted",
             children: [
               "Edit in ",
-              b
+              m
             ]
           }
         )
       ] })
     ] });
-    return /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(W.Provider, { value: K, children: p ? /* @__PURE__ */ t(j, { group: p, notice: v, readOnly: !0 }) : f ? /* @__PURE__ */ t(U, { target: n, row: f, notice: v, readOnly: !0 }) : /* @__PURE__ */ a(k, { children: [
-      /* @__PURE__ */ t(E, { title: P(n) }),
-      /* @__PURE__ */ t(F, { children: v })
+    return /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(D.Provider, { value: _, children: h ? /* @__PURE__ */ t(G, { group: h, notice: y, readOnly: !0 }) : b ? /* @__PURE__ */ t(H, { target: n, row: b, notice: y, readOnly: !0 }) : /* @__PURE__ */ d(x, { children: [
+      /* @__PURE__ */ t(F, { title: I(n) }),
+      /* @__PURE__ */ t(C, { children: y })
     ] }) }) });
   }
-  const u = _ ? null : /* @__PURE__ */ t(
-    Ke,
+  if (u && !u.editing) {
+    const m = /* @__PURE__ */ t($, { link: u.link }), _ = { ...f, apply: () => {
+    } };
+    return /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(D.Provider, { value: _, children: p ? /* @__PURE__ */ t(G, { group: p, notice: m, readOnly: !0 }, p.key) : /* @__PURE__ */ t(
+      H,
+      {
+        target: n,
+        row: r,
+        notice: m,
+        readOnly: !0
+      },
+      z(n)
+    ) }) });
+  }
+  const P = u ? /* @__PURE__ */ t($, { link: u.link }) : null, T = v ? null : /* @__PURE__ */ t(
+    Ge,
     {
       bundle: l,
       parent: c,
       target: n,
-      title: P(n),
+      title: I(n),
       apply: i
     }
   );
-  return /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(W.Provider, { value: m, children: n.kind === "group" ? x && /* @__PURE__ */ t(j, { group: x, notice: u }, x.key) : _ ? /* @__PURE__ */ a(k, { children: [
-    /* @__PURE__ */ t(E, { title: P(n) }),
-    /* @__PURE__ */ t(F, { children: /* @__PURE__ */ a("p", { className: "text-[13px] text-slate-500 dark:text-muted-foreground", children: [
-      P(n),
+  return /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(D.Provider, { value: f, children: n.kind === "group" ? p && /* @__PURE__ */ t(
+    G,
+    {
+      group: p,
+      notice: /* @__PURE__ */ d(x, { children: [
+        P,
+        T
+      ] })
+    },
+    p.key
+  ) : v ? /* @__PURE__ */ d(x, { children: [
+    /* @__PURE__ */ t(F, { title: I(n) }),
+    /* @__PURE__ */ t(C, { children: /* @__PURE__ */ d("p", { className: "text-[13px] text-slate-500 dark:text-muted-foreground", children: [
+      I(n),
       " is not on this form any more."
     ] }) })
   ] }) : /* @__PURE__ */ t(
-    U,
+    H,
     {
       target: n,
       row: r,
-      notice: u
+      notice: /* @__PURE__ */ d(x, { children: [
+        P,
+        T
+      ] })
     },
-    se(n)
+    z(n)
   ) }) });
 }
-function P(e) {
-  return e.kind === "group" ? h(e.key) : e.field.startsWith("__") ? z(e.field) : h(e.field.split(".").pop() ?? e.field);
+function I(e) {
+  return e.kind === "group" ? k(e.key) : e.field.startsWith("__") ? X(e.field) : k(e.field.split(".").pop() ?? e.field);
 }
-function D({ children: e }) {
-  return /* @__PURE__ */ a("div", { "data-inspector": "", className: "flex h-full min-h-0 min-w-0 flex-col text-[12px]", children: [
-    /* @__PURE__ */ t(re, {}),
+function R({ children: e }) {
+  return /* @__PURE__ */ d("div", { "data-inspector": "", className: "flex h-full min-h-0 min-w-0 flex-col text-[12px]", children: [
+    /* @__PURE__ */ t(ce, {}),
     e
   ] });
 }
-function We(e, l) {
-  if (!l || l === le) return null;
-  if (l === O) return "Header strip";
+function ze(e, l) {
+  if (!l || l === de) return null;
+  if (l === B) return "Header strip";
   const n = e.groups.find((i) => i.key === l);
-  return n ? n.label || h(n.key) : h(l);
+  return n ? n.label || k(n.key) : k(l);
 }
-function we(e) {
+function $e(e) {
   if (e.isPath) return "shows a linked value";
   if (e.computedType) return "calculated";
   if (e.relKind === "M2O") return "picks one record";
@@ -162,7 +191,7 @@ function we(e) {
   if (e.relKind === "O2M")
     return e.iface === "inline-table" ? "table of related rows" : "related rows";
   if (e.relKind) return "related records";
-  if (Ce.has(e.type)) return "number";
+  if (De.has(e.type)) return "number";
   switch (e.type) {
     case "boolean":
       return "yes or no";
@@ -185,79 +214,80 @@ function we(e) {
       return e.type;
   }
 }
-function B({ words: e, k: l, setting: n }) {
-  return /* @__PURE__ */ a("span", { "data-setting": n, children: [
-    e && /* @__PURE__ */ a(k, { children: [
+function Y({ words: e, k: l, setting: n }) {
+  return /* @__PURE__ */ d("span", { "data-setting": n, children: [
+    e && /* @__PURE__ */ d(x, { children: [
       e,
       " · "
     ] }),
     /* @__PURE__ */ t("span", { className: "font-mono text-[11px]", children: l })
   ] });
 }
-function je(e, l) {
+function Ve(e, l) {
   const n = l.parent_key ? e.groups.find((i) => i.key === l.parent_key) ?? null : null;
   return l.type === "tab" ? (n == null ? void 0 : n.tab_mode) === "steps" ? "Step" : "Tab" : l.type === "container" ? l.tab_mode === "steps" ? "Steps holder" : "Tabs holder" : l.type === "content" ? "Text block" : l.type === "metadata" ? "Record info" : "Section";
 }
-function j({
+function G({
   group: e,
   notice: l,
   readOnly: n = !1
 }) {
-  const i = L(), d = /* @__PURE__ */ t(Ne, { group: e, readOnly: n });
-  return /* @__PURE__ */ a(k, { children: [
+  const i = K(), a = /* @__PURE__ */ t(Ee, { group: e, readOnly: n });
+  return /* @__PURE__ */ d(x, { children: [
     /* @__PURE__ */ t(
-      E,
+      F,
       {
         eyebrow: /* @__PURE__ */ t(
-          I,
+          L,
           {
-            kind: je(i.bundle, e),
+            kind: Ve(i.bundle, e),
             target: { kind: "group", key: e.key }
           }
         ),
-        title: e.label || h(e.key),
-        sub: /* @__PURE__ */ t(B, { k: e.key, setting: "group.key" })
+        title: e.label || k(e.key),
+        sub: /* @__PURE__ */ t(Y, { k: e.key, setting: "group.key" })
       }
     ),
-    /* @__PURE__ */ a(F, { children: [
+    /* @__PURE__ */ d(C, { children: [
       l,
       n ? (
         // Inputs sit in a disabled fieldset and writes go nowhere.
-        /* @__PURE__ */ t("div", { "data-inherited-view": "", className: "opacity-70", children: d })
-      ) : /* @__PURE__ */ a(k, { children: [
-        /* @__PURE__ */ t(H, {}),
-        /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-2", children: [
-          /* @__PURE__ */ t(oe, { targets: [{ kind: "group", key: e.key }] }),
-          ue.has(e.type) && i.layoutType !== "table" && i.layoutType !== "file" && /* @__PURE__ */ t(
-            ae,
+        /* @__PURE__ */ t("div", { "data-inherited-view": "", className: "opacity-70", children: a })
+      ) : /* @__PURE__ */ d(w, { children: [
+        /* @__PURE__ */ t(j, {}),
+        /* @__PURE__ */ d("div", { className: "flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ t(ue, { targets: [{ kind: "group", key: e.key }] }),
+          /* @__PURE__ */ t(J, { target: { kind: "group", key: e.key }, bundle: i.bundle }),
+          be.has(e.type) && i.layoutType !== "table" && i.layoutType !== "file" && /* @__PURE__ */ t(
+            me,
             {
               bundle: i.bundle,
               apply: i.apply,
               zone: e.key,
-              zoneLabel: e.label || h(e.key)
+              zoneLabel: e.label || k(e.key)
             }
           )
         ] }),
-        d,
-        /* @__PURE__ */ a(
+        a,
+        /* @__PURE__ */ d(
           "div",
           {
             "data-group-help": "",
             className: "mt-5 space-y-5 border-t border-slate-100 pt-5 dark:border-border/60",
             children: [
               /* @__PURE__ */ t(
-                $,
+                Z,
                 {
                   kind: "section",
                   name: e.key,
-                  label: e.label || h(e.key)
+                  label: e.label || k(e.key)
                 }
               ),
               /* @__PURE__ */ t(
-                V,
+                Q,
                 {
                   target: { kind: "group", key: e.key },
-                  name: e.label || h(e.key)
+                  name: e.label || k(e.key)
                 }
               )
             ]
@@ -267,161 +297,162 @@ function j({
     ] })
   ] });
 }
-function S({
+function E({
   eyebrow: e,
   title: l,
   sub: n,
   notice: i,
-  readOnly: d,
+  readOnly: a,
   children: o
 }) {
-  return /* @__PURE__ */ a(k, { children: [
-    /* @__PURE__ */ t(E, { eyebrow: e, title: l, sub: n }),
-    /* @__PURE__ */ a(F, { children: [
+  return /* @__PURE__ */ d(x, { children: [
+    /* @__PURE__ */ t(F, { eyebrow: e, title: l, sub: n }),
+    /* @__PURE__ */ d(C, { children: [
       i,
-      d ? /* @__PURE__ */ t("div", { "data-inherited-view": "", className: "opacity-70", children: /* @__PURE__ */ t("fieldset", { disabled: !0, className: "min-w-0", children: o }) }) : /* @__PURE__ */ a(k, { children: [
-        /* @__PURE__ */ t(H, {}),
+      a ? /* @__PURE__ */ t("div", { "data-inherited-view": "", className: "opacity-70", children: /* @__PURE__ */ t("fieldset", { disabled: !0, className: "min-w-0", children: o }) }) : /* @__PURE__ */ d(w, { children: [
+        /* @__PURE__ */ t(j, {}),
         o
       ] })
     ] })
   ] });
 }
-function U({
+function H({
   target: e,
   row: l,
   notice: n,
   readOnly: i = !1
 }) {
   var r;
-  const d = L(), o = e.kind === "group" ? "" : e.field, m = (l == null ? void 0 : l.group_key) ?? (e.kind === "group" ? null : ((r = X(e)) == null ? void 0 : r.group_key) ?? null), s = We(d.bundle, m);
-  return o === A ? /* @__PURE__ */ t(S, { eyebrow: "Header", title: "Subtitle", notice: n, readOnly: i, children: /* @__PURE__ */ t(Oe, {}) }) : l && (Ae.test(o) || l.widget_id != null) ? /* @__PURE__ */ t(
-    S,
+  const a = K(), o = e.kind === "group" ? "" : e.field, f = (l == null ? void 0 : l.group_key) ?? (e.kind === "group" ? null : ((r = le(e)) == null ? void 0 : r.group_key) ?? null), s = ze(a.bundle, f);
+  return o === U ? /* @__PURE__ */ t(E, { eyebrow: "Header", title: "Subtitle", notice: n, readOnly: i, children: /* @__PURE__ */ t(We, {}) }) : l && (Ue.test(o) || l.widget_id != null) ? /* @__PURE__ */ t(
+    E,
     {
-      eyebrow: /* @__PURE__ */ t(I, { kind: "Widget", target: e, where: s }),
+      eyebrow: /* @__PURE__ */ t(L, { kind: "Widget", target: e, where: s }),
       title: l.label_override || "Widget",
       notice: n,
       readOnly: i,
-      children: /* @__PURE__ */ t(He, { row: l })
+      children: /* @__PURE__ */ t(je, { row: l })
     }
-  ) : J(o) ? /* @__PURE__ */ t(
-    S,
+  ) : te(o) ? /* @__PURE__ */ t(
+    E,
     {
-      eyebrow: /* @__PURE__ */ t(I, { kind: "Panel", target: e, where: s }),
-      title: z(o),
+      eyebrow: /* @__PURE__ */ t(L, { kind: "Panel", target: e, where: s }),
+      title: X(o),
       notice: n,
       readOnly: i,
-      children: /* @__PURE__ */ t(Ge, { field: o, groupKey: m, row: l })
+      children: /* @__PURE__ */ t(Be, { field: o, groupKey: f, row: l })
     }
-  ) : l ? e.kind === "header" || l.group_key === O ? /* @__PURE__ */ t(ze, { row: l, notice: n, readOnly: i }) : ne(o) ? /* @__PURE__ */ t(
-    S,
+  ) : l ? e.kind === "header" || l.group_key === B ? /* @__PURE__ */ t(Xe, { row: l, notice: n, readOnly: i }) : ae(o) ? /* @__PURE__ */ t(
+    E,
     {
-      eyebrow: /* @__PURE__ */ t(I, { kind: "Formula", target: e, where: s }),
-      title: Ue(l),
+      eyebrow: /* @__PURE__ */ t(L, { kind: "Formula", target: e, where: s }),
+      title: qe(l),
       notice: n,
       readOnly: i,
-      children: /* @__PURE__ */ t(Ye, { row: l })
+      children: /* @__PURE__ */ t(Je, { row: l })
     }
-  ) : /* @__PURE__ */ t(Ve, { target: e, row: l, where: s, notice: n, readOnly: i }) : null;
+  ) : /* @__PURE__ */ t(Qe, { target: e, row: l, where: s, notice: n, readOnly: i }) : null;
 }
-function Ue(e) {
-  const l = G(e.overrides);
+function qe(e) {
+  const l = A(e.overrides);
   return typeof l.label == "string" && l.label.trim() ? l.label : "Formula";
 }
-function Ye({ row: e }) {
-  const l = L(), { data: n } = R(l.collection), i = Y(() => ((n == null ? void 0 : n.fields) ?? []).map((d) => d.field), [n == null ? void 0 : n.fields]);
-  return /* @__PURE__ */ t(ke, { row: e, fields: i });
+function Je({ row: e }) {
+  const l = K(), { data: n } = W(l.collection), i = q(() => ((n == null ? void 0 : n.fields) ?? []).map((a) => a.field), [n == null ? void 0 : n.fields]);
+  return /* @__PURE__ */ t(Ne, { row: e, fields: i });
 }
-function ze({
+function Xe({
   row: e,
   notice: l,
   readOnly: n
 }) {
-  const i = L(), { data: d } = R(i.collection), o = q(e.field, (d == null ? void 0 : d.fields) ?? [], (d == null ? void 0 : d.relations) ?? [], null).label;
+  const i = K(), { data: a } = W(i.collection), o = ee(e.field, (a == null ? void 0 : a.fields) ?? [], (a == null ? void 0 : a.relations) ?? [], null).label;
   return /* @__PURE__ */ t(
-    S,
+    E,
     {
       eyebrow: "Header strip",
       title: e.label_override || o,
-      sub: /* @__PURE__ */ t(B, { k: e.field }),
+      sub: /* @__PURE__ */ t(Y, { k: e.field }),
       notice: l,
       readOnly: n,
-      children: /* @__PURE__ */ t(Te, { row: e, label: o })
+      children: /* @__PURE__ */ t(Le, { row: e, label: o })
     }
   );
 }
-const $e = { fields: [], relations: [], label: "" };
-function Ve({
+const Ze = { fields: [], relations: [], label: "" };
+function Qe({
   target: e,
   row: l,
   where: n,
   notice: i,
-  readOnly: d
+  readOnly: a
 }) {
-  var K, M, v, y;
-  const o = L(), { data: m } = R(o.collection), s = m ?? $e, r = q(l.field, s.fields, s.relations, l), x = xe({
+  var T, m, _, O;
+  const o = K(), { data: f } = W(o.collection), s = f ?? Ze, r = ee(l.field, s.fields, s.relations, l), p = Pe({
     collection: o.collection,
-    collectionLabel: s.label || h(o.collection),
+    collectionLabel: s.label || k(o.collection),
     field: l.field,
     fieldLabel: r.label,
     stored: {
-      options: G((K = r.global) == null ? void 0 : K.options),
-      dependency_config: G((M = r.global) == null ? void 0 : M.dependency_config),
+      options: A((T = r.global) == null ? void 0 : T.options),
+      dependency_config: A((m = r.global) == null ? void 0 : m.dependency_config),
       columns: {
-        deprecated: !!((v = r.global) != null && v.deprecated_at),
-        deprecation_note: ((y = r.global) == null ? void 0 : y.deprecation_note) || null
+        deprecated: !!((_ = r.global) != null && _.deprecated_at),
+        deprecation_note: ((O = r.global) == null ? void 0 : O.deprecation_note) || null
       }
     }
-  }), _ = _e({ env: o, row: l, meta: s, writer: x, readOnly: d }), g = r.relKind === "M2O" || r.relKind === "M2M" || r.isPath || r.iface === "relation-path" || r.iface === "file-image" || r.iface === "files-m2m", C = r.relKind === "O2M" && (r.iface === "inline-grid" || r.iface === "inline-table"), c = [
+  }), v = Te({ env: o, row: l, meta: s, writer: p, readOnly: a }), g = r.relKind === "M2O" || r.relKind === "M2M" || r.isPath || r.iface === "relation-path" || r.iface === "file-image" || r.iface === "files-m2m", M = r.relKind === "O2M" && (r.iface === "inline-grid" || r.iface === "inline-table"), c = [
     { key: "look", label: "Look" },
     { key: "rules", label: "Rules" },
     ...g ? [{ key: "picker", label: "Picker" }] : [],
-    ...C ? [{ key: "grid", label: r.iface === "inline-table" ? "Table" : "Grid" }] : [],
+    ...M ? [{ key: "grid", label: r.iface === "inline-table" ? "Table" : "Grid" }] : [],
     { key: "help", label: "Help" },
     { key: "advanced", label: "Advanced" }
-  ], [f, p] = Z("look");
-  Re(l.field, (T) => p(T));
-  const N = ee(), u = c.some((T) => T.key === f) ? f : "look", b = /* @__PURE__ */ t("fieldset", { disabled: d, className: "min-w-0", children: m ? u === "look" ? /* @__PURE__ */ t(Se, {}) : u === "rules" ? /* @__PURE__ */ t(De, {}) : u === "picker" ? /* @__PURE__ */ t(Me, {}) : u === "grid" ? /* @__PURE__ */ t(ge, {}) : u === "help" ? /* @__PURE__ */ a("div", { "data-help-tab": "", className: "space-y-5", children: [
+  ], [b, h] = ie("look");
+  we(l.field, (y) => h(y));
+  const N = re(), u = c.some((y) => y.key === b) ? b : "look", P = /* @__PURE__ */ t("fieldset", { disabled: a, className: "min-w-0", children: f ? u === "look" ? /* @__PURE__ */ t(Ce, {}) : u === "rules" ? /* @__PURE__ */ t(Ae, {}) : u === "picker" ? /* @__PURE__ */ t(He, {}) : u === "grid" ? /* @__PURE__ */ t(Ie, {}) : u === "help" ? /* @__PURE__ */ d("div", { "data-help-tab": "", className: "space-y-5", children: [
     /* @__PURE__ */ t("p", { className: "text-[12px] text-slate-500 dark:text-muted-foreground", children: "Help text and the placeholder are on the Look tab." }),
-    /* @__PURE__ */ t($, { kind: "field", name: l.field, label: r.label }),
+    /* @__PURE__ */ t(Z, { kind: "field", name: l.field, label: r.label }),
     /* @__PURE__ */ t(
-      V,
+      Q,
       {
         target: { kind: "field", field: l.field, group_key: l.group_key },
         name: r.label
       }
     )
-  ] }) : /* @__PURE__ */ t(ye, {}) : /* @__PURE__ */ t("p", { className: "text-[13px] text-slate-500 dark:text-muted-foreground", children: "Loading the field…" }) });
-  return /* @__PURE__ */ t(ve.Provider, { value: _, children: /* @__PURE__ */ a(Pe.Provider, { value: x, children: [
+  ] }) : /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ t("p", { className: "text-[13px] text-slate-500 dark:text-muted-foreground", children: "Loading the field…" }) });
+  return /* @__PURE__ */ t(Se.Provider, { value: v, children: /* @__PURE__ */ d(Fe.Provider, { value: p, children: [
     /* @__PURE__ */ t(
-      E,
+      F,
       {
-        eyebrow: /* @__PURE__ */ t(I, { kind: "Field", target: e, where: n }),
+        eyebrow: /* @__PURE__ */ t(L, { kind: "Field", target: e, where: n }),
         title: r.label,
-        sub: /* @__PURE__ */ t(B, { words: m ? we(r) : void 0, k: l.field }),
+        sub: /* @__PURE__ */ t(Y, { words: f ? $e(r) : void 0, k: l.field }),
         children: /* @__PURE__ */ t(
-          me,
+          he,
           {
             idBase: N,
             label: `Settings of ${r.label}`,
             tabs: c,
             active: u,
-            onChange: (T) => {
-              o.flush(), p(T);
+            onChange: (y) => {
+              o.flush(), h(y);
             }
           }
         )
       }
     ),
-    /* @__PURE__ */ a(
-      F,
+    /* @__PURE__ */ d(
+      C,
       {
-        tabpanel: { id: pe(N), labelledBy: fe(N, u) },
+        tabpanel: { id: ke(N), labelledBy: ye(N, u) },
         children: [
           i,
-          d ? /* @__PURE__ */ t("div", { "data-inherited-view": "", className: "opacity-70", children: b }) : /* @__PURE__ */ a(k, { children: [
-            /* @__PURE__ */ t(ce, { bundle: o.bundle, rows: [l], apply: o.apply }),
-            /* @__PURE__ */ t(H, { field: !0 }),
-            b
+          a ? /* @__PURE__ */ t("div", { "data-inherited-view": "", className: "opacity-70", children: P }) : /* @__PURE__ */ d(w, { children: [
+            /* @__PURE__ */ t("div", { className: "mb-3 empty:hidden", children: /* @__PURE__ */ t(J, { target: e, bundle: o.bundle }) }),
+            /* @__PURE__ */ t(pe, { bundle: o.bundle, rows: [l], apply: o.apply }),
+            /* @__PURE__ */ t(j, { field: !0 }),
+            P
           ] })
         ]
       },
@@ -430,5 +461,5 @@ function Ve({
   ] }) });
 }
 export {
-  Ft as Inspector
+  Dt as Inspector
 };