@nivaro/react 0.3.40 → 0.3.42

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

@@ -1,84 +1,99 @@
-import { jsxs as d, jsx as t, Fragment as J } from "react/jsx-runtime";
-import { useQuery as R } from "@tanstack/react-query";
-import { Globe2 as $, Star as U, ChevronRight as _, ChevronDown as G, Check as K, X as M } from "lucide-react";
-import { useContext as b, useEffect as P, createContext as E, useState as v, useCallback as V, useMemo as Z, useRef as F } from "react";
-import { createPortal as Q } from "react-dom";
-import { useNivaroClient as W } from "../../../context.js";
-import { get as X } from "../../../lib/commands.js";
+import { jsxs as u, jsx as t, Fragment as _ } from "react/jsx-runtime";
+import { useQuery as F } from "@tanstack/react-query";
+import { Globe2 as R, Star as U, ChevronRight as G, ChevronDown as K, Check as M, X as V } from "lucide-react";
+import { useContext as b, useEffect as T, createContext as L, useState as v, useCallback as Z, useMemo as Q, useRef as $ } from "react";
+import { createPortal as W } from "react-dom";
+import { useNivaroClient as X } from "../../../context.js";
+import { get as j } from "../../../lib/commands.js";
+import { describeFieldReach as Y } from "../../../lib/config-sentences.js";
 import { cn as p } from "../../../lib/utils.js";
-import { Command as Y, CommandInput as H, CommandList as z, CommandEmpty as ee, CommandGroup as te, CommandItem as ne } from "../../ui/command.js";
-import { Popover as re, PopoverTrigger as ae, PopoverContent as se } from "../../ui/popover.js";
+import { Command as H, CommandInput as z, CommandList as ee, CommandEmpty as te, CommandGroup as ne, CommandItem as re } from "../../ui/command.js";
+import { Popover as ae, PopoverTrigger as se, PopoverContent as le } from "../../ui/popover.js";
 import { SimpleSelect as oe } from "../../ui/SimpleSelect.js";
-import { Switch as le } from "../../ui/switch.js";
+import { Switch as ie } from "../../ui/switch.js";
 import { useFocusBuffer as k } from "../focus-buffer.js";
-import { usePinnedSettings as ie, togglePinnedSetting as ce } from "../nav/view-prefs.js";
-import { labelText as de, effectText as q, segOption as ue, segTrack as me, inputBase as C, groupTitle as T } from "../panel-style.js";
-const w = E(null);
-function pe() {
-  const e = b(w);
+import { usePinnedSettings as ce, togglePinnedSetting as de } from "../nav/view-prefs.js";
+import { labelText as ue, effectText as A, segOption as me, segTrack as pe, inputBase as C, groupTitle as P } from "../panel-style.js";
+const S = L(null);
+function fe() {
+  const e = b(S);
   if (!e) throw new Error("Inspector parts render inside <Inspector>");
   return e;
 }
-const I = E(null);
-function qe(e, o) {
+const I = L(null);
+function Ae(e, s) {
   var n;
-  const l = b(I), r = (n = l == null ? void 0 : l.pending) == null ? void 0 : n.values;
-  return r && e in r ? r[e] : o;
+  const o = b(I), r = (n = o == null ? void 0 : o.pending) == null ? void 0 : n.values;
+  return r && e in r ? r[e] : s;
 }
-function fe() {
-  const e = b(I), o = W(), l = e == null ? void 0 : e.pending, { data: r, isLoading: n } = R({
+function he() {
+  const e = b(I), s = X(), o = e == null ? void 0 : e.pending, { data: r, isLoading: n } = F({
     queryKey: ["layout-editor", "field-impact", e == null ? void 0 : e.collection, e == null ? void 0 : e.field],
-    queryFn: () => o.request(
-      X(`/data-model/${e == null ? void 0 : e.collection}/fields/${encodeURIComponent((e == null ? void 0 : e.field) ?? "")}/impact`)
-    ).then((i) => i.data ?? []),
-    enabled: !!l && !!e,
+    queryFn: () => s.request(
+      j(`/data-model/${e == null ? void 0 : e.collection}/fields/${encodeURIComponent((e == null ? void 0 : e.field) ?? "")}/impact`)
+    ).then((c) => c.data ?? []),
+    enabled: !!o && !!e,
     staleTime: 6e4
+  }), { data: l } = F({
+    queryKey: ["layout-editor", "field-impact-counts", e == null ? void 0 : e.collection, e == null ? void 0 : e.field],
+    queryFn: () => s.request(
+      j(`/data-model/${e == null ? void 0 : e.collection}/fields/${encodeURIComponent((e == null ? void 0 : e.field) ?? "")}/impact`, {
+        counts: "1"
+      })
+    ).then((c) => c.records ?? null),
+    enabled: !!o && !!e,
+    staleTime: 6e4
+  });
+  if (!e || !o) return null;
+  const i = [
+    ...new Set((r ?? []).filter((c) => c.source === "layout").map((c) => c.label))
+  ], a = [
+    ...new Set((r ?? []).filter((c) => c.source !== "layout").map((c) => c.label))
+  ], d = i.slice(0, 8), m = Y({
+    fieldLabel: e.fieldLabel,
+    forms: i.map((c) => c.replace(/^Layout '(.*)'$/, "$1")),
+    records: l
   });
-  if (!e || !l) return null;
-  const a = [
-    ...new Set((r ?? []).filter((i) => i.source === "layout").map((i) => i.label))
-  ], c = [
-    ...new Set((r ?? []).filter((i) => i.source !== "layout").map((i) => i.label))
-  ], s = a.slice(0, 8);
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ u(
     "div",
     {
       "data-setting": "inspector.global_confirm",
       "data-global-confirm": "",
       className: "mt-1.5 space-y-2 rounded-md border border-amber-300 bg-amber-50 p-2.5 text-[12px] text-amber-900 dark:border-amber-700/60 dark:bg-amber-950/40 dark:text-amber-100",
       children: [
-        /* @__PURE__ */ d("p", { className: "font-medium", children: [
+        /* @__PURE__ */ u("p", { className: "font-medium", children: [
           "This changes ",
           e.fieldLabel,
           " on every form that shows it, not just this one."
         ] }),
-        l.labels.length > 1 && /* @__PURE__ */ t("ul", { "data-global-changes": "", className: "list-disc space-y-0.5 pl-4 text-[11px]", children: l.labels.map((i) => /* @__PURE__ */ t("li", { children: i }, i)) }),
-        n ? /* @__PURE__ */ d("p", { className: "text-[11px] opacity-80", children: [
+        o.labels.length > 1 && /* @__PURE__ */ t("ul", { "data-global-changes": "", className: "list-disc space-y-0.5 pl-4 text-[11px]", children: o.labels.map((c) => /* @__PURE__ */ t("li", { children: c }, c)) }),
+        !n && m && /* @__PURE__ */ t("p", { "data-global-reach": "", className: "text-[11px]", children: m }),
+        n ? /* @__PURE__ */ u("p", { className: "text-[11px] opacity-80", children: [
           "Finding where ",
           e.fieldLabel,
           " is used…"
-        ] }) : /* @__PURE__ */ d("div", { className: "space-y-1 text-[11px]", children: [
-          s.length > 0 && /* @__PURE__ */ d("p", { children: [
+        ] }) : /* @__PURE__ */ u("div", { className: "space-y-1 text-[11px]", children: [
+          d.length > 0 && /* @__PURE__ */ u("p", { children: [
             "Forms of ",
             e.collectionLabel,
             ": ",
-            s.join(", "),
-            a.length > s.length && ` and ${a.length - s.length} more`
+            d.join(", "),
+            i.length > d.length && ` and ${i.length - d.length} more`
           ] }),
-          /* @__PURE__ */ d("p", { children: [
+          /* @__PURE__ */ u("p", { children: [
             "Also the ",
             e.collectionLabel,
             " list and any API reader of this field."
           ] }),
-          c.length > 0 && /* @__PURE__ */ d("p", { className: "opacity-80", children: [
+          a.length > 0 && /* @__PURE__ */ u("p", { className: "opacity-80", children: [
             "Other references: ",
-            c.slice(0, 5).join(", "),
-            c.length > 5 && ` and ${c.length - 5} more`
+            a.slice(0, 5).join(", "),
+            a.length > 5 && ` and ${a.length - 5} more`
           ] })
         ] }),
         /* @__PURE__ */ t("p", { className: "text-[11px] opacity-80", children: "Undo does not reverse this." }),
         e.error && /* @__PURE__ */ t("p", { className: "text-[11px] text-red-700 dark:text-red-300", children: e.error }),
-        /* @__PURE__ */ d("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ u("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ t(
             "button",
             {
@@ -105,332 +120,332 @@ function fe() {
     }
   );
 }
-function he({ scope: e }) {
-  return e === "field" ? /* @__PURE__ */ d(
+function be({ scope: e }) {
+  return e === "field" ? /* @__PURE__ */ u(
     "span",
     {
       "data-scope": "field",
       "data-tip": "Saved on the field itself: every form that shows this field changes",
       className: "inline-flex shrink-0 items-center gap-1 text-[11px] font-medium text-amber-700 dark:text-amber-300",
       children: [
-        /* @__PURE__ */ t($, { className: "h-3 w-3" }),
+        /* @__PURE__ */ t(R, { className: "h-3 w-3" }),
         "Every form"
       ]
     }
   ) : /* @__PURE__ */ t("span", { "data-scope": "form", className: "sr-only", children: "This form only" });
 }
-function Ae({ field: e }) {
-  return /* @__PURE__ */ t("p", { "data-scope-legend": "", className: q, children: e ? /* @__PURE__ */ d(J, { children: [
+function Be({ field: e }) {
+  return /* @__PURE__ */ t("p", { "data-scope-legend": "", className: A, children: e ? /* @__PURE__ */ u(_, { children: [
     "Changes here apply to this form only, except settings marked",
     " ",
-    /* @__PURE__ */ d("span", { className: "inline-flex items-center gap-1 whitespace-nowrap font-medium text-amber-700 dark:text-amber-300", children: [
-      /* @__PURE__ */ t($, { className: "h-3 w-3" }),
+    /* @__PURE__ */ u("span", { className: "inline-flex items-center gap-1 whitespace-nowrap font-medium text-amber-700 dark:text-amber-300", children: [
+      /* @__PURE__ */ t(R, { className: "h-3 w-3" }),
       "Every form"
     ] }),
     "."
   ] }) : "Changes here apply to this form only." });
 }
-const be = "Enforced on the default form only";
-function ge({ className: e }) {
-  return pe().defaultForm ? null : /* @__PURE__ */ t(
+const ge = "Enforced on the default form only";
+function xe({ className: e }) {
+  return fe().defaultForm ? null : /* @__PURE__ */ t(
     "p",
     {
       "data-setting": "inspector.enforcement_note",
       "data-enforcement": "",
       className: p("text-[12px] leading-snug text-amber-700 dark:text-amber-300", e),
       "data-tip": "The server applies this from the active grouped layout. On this form it only works in the browser.",
-      children: be
+      children: ge
     }
   );
 }
-function xe({
+function ve({
   k: e,
-  label: o,
-  effect: l,
+  label: s,
+  effect: o,
   scope: r = "form",
   enforced: n,
-  inline: a,
-  confirmAt: c,
-  children: s,
-  className: i
+  inline: l,
+  confirmAt: i,
+  children: a,
+  className: d
 }) {
-  var y;
-  const u = b(I), m = b(A), g = ie(), N = m ? g.indexOf(e) : -1, h = N >= 0, x = m == null ? void 0 : m.register;
-  P(() => h && x ? x() : void 0, [h, x]);
-  const f = /* @__PURE__ */ d(
+  var N;
+  const m = b(I), c = b(B), g = ce(), y = c ? g.indexOf(e) : -1, h = y >= 0, x = c == null ? void 0 : c.register;
+  T(() => h && x ? x() : void 0, [h, x]);
+  const f = /* @__PURE__ */ u(
     "div",
     {
       "data-setting": e,
       "data-setting-row": "",
       "data-setting-pinned": h ? "" : void 0,
-      style: h ? { order: N } : void 0,
-      className: p("group/setting relative space-y-1.5", i),
+      style: h ? { order: y } : void 0,
+      className: p("group/setting relative space-y-1.5", d),
       children: [
-        /* @__PURE__ */ d("div", { className: "flex min-h-5 items-center justify-between gap-3", children: [
-          /* @__PURE__ */ d("span", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5", children: [
-            /* @__PURE__ */ t("span", { className: de, children: o }),
-            /* @__PURE__ */ t(he, { scope: r })
+        /* @__PURE__ */ u("div", { className: "flex min-h-5 items-center justify-between gap-3", children: [
+          /* @__PURE__ */ u("span", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5", children: [
+            /* @__PURE__ */ t("span", { className: ue, children: s }),
+            /* @__PURE__ */ t(be, { scope: r })
           ] }),
-          a && /* @__PURE__ */ t("span", { className: "flex shrink-0 items-center", children: s })
+          l && /* @__PURE__ */ t("span", { className: "flex shrink-0 items-center", children: a })
         ] }),
-        !a && s,
-        /* @__PURE__ */ t("p", { "data-effect": "", className: q, children: l }),
-        n && /* @__PURE__ */ t(ge, {}),
-        r === "field" && ((y = u == null ? void 0 : u.pending) == null ? void 0 : y.key) === (c ?? e) && /* @__PURE__ */ t(fe, {}),
-        m && /* @__PURE__ */ t(ve, { k: e, label: o, pinned: h })
+        !l && a,
+        /* @__PURE__ */ t("p", { "data-effect": "", className: A, children: o }),
+        n && /* @__PURE__ */ t(xe, {}),
+        r === "field" && ((N = m == null ? void 0 : m.pending) == null ? void 0 : N.key) === (i ?? e) && /* @__PURE__ */ t(he, {}),
+        c && /* @__PURE__ */ t(ye, { k: e, label: s, pinned: h })
       ]
     }
   );
-  return h && (m != null && m.el) ? Q(f, m.el) : f;
+  return h && (c != null && c.el) ? W(f, c.el) : f;
 }
-const A = E(null);
-function ve({ k: e, label: o, pinned: l }) {
-  const r = typeof o == "string" ? o : "this setting";
+const B = L(null);
+function ye({ k: e, label: s, pinned: o }) {
+  const r = typeof s == "string" ? s : "this setting";
   return /* @__PURE__ */ t(
     "button",
     {
       type: "button",
       "data-setting-pin": e,
-      "aria-pressed": l,
-      "aria-label": l ? `Unpin ${r}` : `Pin ${r} to the top of this tab`,
-      "data-tip": l ? "Unpin" : "Pin to the top of this tab",
-      onClick: () => ce(e),
+      "aria-pressed": o,
+      "aria-label": o ? `Unpin ${r}` : `Pin ${r} to the top of this tab`,
+      "data-tip": o ? "Unpin" : "Pin to the top of this tab",
+      onClick: () => de(e),
       className: p(
         "absolute -left-[15px] top-0 inline-flex h-5 w-3.5 items-center justify-center rounded-sm text-slate-400 transition-colors hover:text-amber-500 focus-visible:visible focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan/50 dark:text-muted-foreground dark:hover:text-amber-300",
-        l ? "visible text-amber-500 dark:text-amber-300" : "invisible group-hover/setting:visible"
+        o ? "visible text-amber-500 dark:text-amber-300" : "invisible group-hover/setting:visible"
       ),
-      children: /* @__PURE__ */ t(U, { className: p("h-3 w-3", l && "fill-current") })
+      children: /* @__PURE__ */ t(U, { className: p("h-3 w-3", o && "fill-current") })
     }
   );
 }
-function Be({ children: e }) {
-  const [o, l] = v(null), [r, n] = v(0), a = V(() => (n((s) => s + 1), () => n((s) => s - 1)), []), c = Z(() => ({ el: o, register: a }), [o, a]);
-  return /* @__PURE__ */ d(A.Provider, { value: c, children: [
-    /* @__PURE__ */ d(
+function De({ children: e }) {
+  const [s, o] = v(null), [r, n] = v(0), l = Z(() => (n((a) => a + 1), () => n((a) => a - 1)), []), i = Q(() => ({ el: s, register: l }), [s, l]);
+  return /* @__PURE__ */ u(B.Provider, { value: i, children: [
+    /* @__PURE__ */ u(
       "div",
       {
         "data-pinned-settings": r,
         hidden: r === 0,
         className: "space-y-3 border-b border-slate-100 pb-5 dark:border-border/60",
         children: [
-          /* @__PURE__ */ d("h3", { className: p(T, "flex items-center gap-1.5"), children: [
+          /* @__PURE__ */ u("h3", { className: p(P, "flex items-center gap-1.5"), children: [
             /* @__PURE__ */ t(U, { className: "h-3 w-3 fill-current text-amber-500 dark:text-amber-300" }),
             "Pinned"
           ] }),
-          /* @__PURE__ */ t("div", { ref: l, className: "flex flex-col gap-5" })
+          /* @__PURE__ */ t("div", { ref: o, className: "flex flex-col gap-5" })
         ]
       }
     ),
     e
   ] });
 }
-function De({
+function Je({
   k: e,
-  label: o,
-  effect: l,
+  label: s,
+  effect: o,
   scope: r,
   enforced: n,
-  checked: a,
-  onChange: c,
-  disabled: s,
-  confirmAt: i
+  checked: l,
+  onChange: i,
+  disabled: a,
+  confirmAt: d
 }) {
   return /* @__PURE__ */ t(
-    xe,
+    ve,
     {
       k: e,
-      label: o,
-      effect: l,
+      label: s,
+      effect: o,
       scope: r,
       enforced: n,
-      confirmAt: i,
+      confirmAt: d,
       inline: !0,
       children: /* @__PURE__ */ t(
-        le,
+        ie,
         {
-          checked: a,
-          disabled: s,
-          onCheckedChange: c,
-          "aria-label": typeof o == "string" ? o : void 0,
+          checked: l,
+          disabled: a,
+          onCheckedChange: i,
+          "aria-label": typeof s == "string" ? s : void 0,
           className: "h-[18px] w-8 border-0 data-[state=checked]:bg-nvr-cyan data-[state=unchecked]:bg-slate-300 dark:data-[state=unchecked]:bg-slate-600 [&>span]:mx-0.5 [&>span]:h-3.5 [&>span]:w-3.5 [&>span]:bg-white [&>span]:shadow-sm [&>span]:data-[state=checked]:translate-x-3.5"
         }
       )
     }
   );
 }
-const B = C;
+const D = C;
 function Ne({
   value: e,
-  onChange: o,
-  placeholder: l,
+  onChange: s,
+  placeholder: o,
   mono: r,
   disabled: n,
-  type: a = "text",
-  ariaLabel: c
+  type: l = "text",
+  ariaLabel: i
 }) {
-  const s = b(w), i = k(e, () => s == null ? void 0 : s.flush());
+  const a = b(S), d = k(e, () => a == null ? void 0 : a.flush());
   return /* @__PURE__ */ t(
     "input",
     {
-      type: a,
-      value: i.value,
+      type: l,
+      value: d.value,
       disabled: n,
-      "aria-label": c,
-      placeholder: l,
-      onChange: (u) => {
-        i.set(u.target.value), o(u.target.value);
+      "aria-label": i,
+      placeholder: o,
+      onChange: (m) => {
+        d.set(m.target.value), s(m.target.value);
       },
-      onKeyDown: (u) => {
-        u.key === "Enter" && (s == null || s.flush());
+      onKeyDown: (m) => {
+        m.key === "Enter" && (a == null || a.flush());
       },
-      ...i.props,
-      className: p(B, r && "font-mono")
+      ...d.props,
+      className: p(D, r && "font-mono")
     }
   );
 }
-function Je({
+function _e({
   value: e,
-  onChange: o,
-  ariaLabel: l,
+  onChange: s,
+  ariaLabel: o,
   rows: r = 4,
   mono: n
 }) {
-  const a = b(w), c = k(e, () => a == null ? void 0 : a.flush());
+  const l = b(S), i = k(e, () => l == null ? void 0 : l.flush());
   return /* @__PURE__ */ t(
     "textarea",
     {
-      "aria-label": l,
+      "aria-label": o,
       rows: r,
-      value: c.value,
-      onChange: (s) => {
-        c.set(s.target.value), o(s.target.value);
+      value: i.value,
+      onChange: (a) => {
+        i.set(a.target.value), s(a.target.value);
       },
-      ...c.props,
+      ...i.props,
       className: p(C, "h-auto py-1.5 leading-snug", n && "font-mono text-[12px]")
     }
   );
 }
-function Re({
+function Ge({
   value: e,
-  children: o,
-  className: l
+  children: s,
+  className: o
 }) {
-  const r = b(w), n = k(e, () => r == null ? void 0 : r.flush());
+  const r = b(S), n = k(e, () => r == null ? void 0 : r.flush());
   return /* @__PURE__ */ t(
     "div",
     {
-      className: l,
+      className: o,
       ...n.props,
-      onKeyDownCapture: (a) => {
-        a.key === "Enter" && a.target.tagName === "INPUT" && (r == null || r.flush());
+      onKeyDownCapture: (l) => {
+        l.key === "Enter" && l.target.tagName === "INPUT" && (r == null || r.flush());
       },
-      children: o(n.value, (a) => (n.set(a), a))
+      children: s(n.value, (l) => (n.set(l), l))
     }
   );
 }
-function _e({
+function Ke({
   value: e,
-  onCommit: o,
-  placeholder: l,
+  onCommit: s,
+  placeholder: o,
   mono: r,
   ariaLabel: n
 }) {
-  const a = k(e);
+  const l = k(e);
   return /* @__PURE__ */ t(
     "input",
     {
-      value: a.value,
+      value: l.value,
       "aria-label": n,
-      placeholder: l,
-      onChange: (c) => {
-        a.set(c.target.value), o(c.target.value);
+      placeholder: o,
+      onChange: (i) => {
+        l.set(i.target.value), s(i.target.value);
       },
-      ...a.props,
-      className: p(B, r && "font-mono")
+      ...l.props,
+      className: p(D, r && "font-mono")
     }
   );
 }
-function Ge({
+function Me({
   value: e,
-  options: o,
-  onChange: l,
+  options: s,
+  onChange: o,
   disabled: r
 }) {
-  return /* @__PURE__ */ t("div", { className: me(o.length), children: o.map((n) => /* @__PURE__ */ t(
+  return /* @__PURE__ */ t("div", { className: pe(s.length), children: s.map((n) => /* @__PURE__ */ t(
     "button",
     {
       type: "button",
       "aria-pressed": n.value === e,
       disabled: r,
       "data-tip": n.tip,
-      onClick: () => l(n.value),
-      className: ue(n.value === e),
+      onClick: () => o(n.value),
+      className: me(n.value === e),
       children: n.label
     },
     n.value
   )) });
 }
-function j({
+function q({
   value: e,
-  options: o,
-  onChange: l,
+  options: s,
+  onChange: o,
   ariaLabel: r,
   disabled: n,
-  unknownLabel: a = (c) => c
+  unknownLabel: l = (i) => i
 }) {
-  const c = e && !o.some((s) => s.value === e) ? [...o, { value: e, label: a(e) }] : o;
+  const i = e && !s.some((a) => a.value === e) ? [...s, { value: e, label: l(e) }] : s;
   return /* @__PURE__ */ t(
     oe,
     {
       value: e,
-      onChange: l,
-      options: c,
+      onChange: o,
+      options: i,
       ariaLabel: r,
       disabled: n,
       className: p(C, "focus:ring-0 focus:ring-offset-0")
     }
   );
 }
-function Ke({
+function Ve({
   value: e,
-  onCommit: o,
-  placeholder: l,
+  onCommit: s,
+  placeholder: o,
   rows: r = 4,
   validate: n,
-  ariaLabel: a
+  ariaLabel: l
 }) {
-  const c = e == null ? "" : JSON.stringify(e, null, 2), [s, i] = v(c), [u, m] = v(null), g = F(!1);
-  P(() => {
-    g.current || (i(c), m(null));
-  }, [c]);
-  const N = (f) => {
-    const y = f.trim();
-    if (!y) return e != null ? { send: void 0 } : { error: null };
+  const i = e == null ? "" : JSON.stringify(e, null, 2), [a, d] = v(i), [m, c] = v(null), g = $(!1);
+  T(() => {
+    g.current || (d(i), c(null));
+  }, [i]);
+  const y = (f) => {
+    const N = f.trim();
+    if (!N) return e != null ? { send: void 0 } : { error: null };
     try {
-      const S = JSON.parse(y), L = (n == null ? void 0 : n(S)) ?? null;
-      return L ? { error: L } : JSON.stringify(S) !== JSON.stringify(e) ? { send: S } : { error: null };
+      const w = JSON.parse(N), E = (n == null ? void 0 : n(w)) ?? null;
+      return E ? { error: E } : JSON.stringify(w) !== JSON.stringify(e) ? { send: w } : { error: null };
     } catch {
       return { error: "Not valid JSON — nothing saved" };
     }
   }, h = () => {
-    const f = N(s);
-    "send" in f ? (m(null), o(f.send)) : m(f.error);
-  }, x = F(() => {
+    const f = y(a);
+    "send" in f ? (c(null), s(f.send)) : c(f.error);
+  }, x = $(() => {
   });
   return x.current = () => {
     if (!g.current) return;
-    const f = N(s);
-    "send" in f && o(f.send);
-  }, P(() => () => x.current(), []), /* @__PURE__ */ d("div", { className: "space-y-1", children: [
+    const f = y(a);
+    "send" in f && s(f.send);
+  }, T(() => () => x.current(), []), /* @__PURE__ */ u("div", { className: "space-y-1", children: [
     /* @__PURE__ */ t(
       "textarea",
       {
-        value: s,
+        value: a,
         rows: r,
-        "aria-label": a,
+        "aria-label": l,
         spellCheck: !1,
-        placeholder: l,
-        onChange: (f) => i(f.target.value),
+        placeholder: o,
+        onChange: (f) => d(f.target.value),
         onFocus: () => {
           g.current = !0;
         },
@@ -439,73 +454,73 @@ function Ke({
         },
         className: p(
           "w-full rounded-md border bg-white px-2.5 py-1.5 font-mono text-[12px] leading-snug text-foreground placeholder:text-slate-400 focus:outline-none dark:bg-background",
-          u ? "border-red-400 dark:border-red-500" : "border-slate-200 focus:border-nvr-cyan dark:border-border"
+          m ? "border-red-400 dark:border-red-500" : "border-slate-200 focus:border-nvr-cyan dark:border-border"
         )
       }
     ),
-    u && /* @__PURE__ */ t("p", { className: "text-[12px] text-red-600 dark:text-red-400", children: u })
+    m && /* @__PURE__ */ t("p", { className: "text-[12px] text-red-600 dark:text-red-400", children: m })
   ] });
 }
-function Me({
+function Ze({
   title: e,
-  children: o,
-  className: l,
+  children: s,
+  className: o,
   collapsible: r,
   defaultOpen: n = !1
 }) {
-  const [a, c] = v(!r || n);
-  return /* @__PURE__ */ d(
+  const [l, i] = v(!r || n);
+  return /* @__PURE__ */ u(
     "section",
     {
       className: p(
         "space-y-4 border-t border-slate-100 pt-5 dark:border-border/60",
-        r && !a && "space-y-0",
-        l
+        r && !l && "space-y-0",
+        o
       ),
       children: [
-        r ? /* @__PURE__ */ d(
+        r ? /* @__PURE__ */ u(
           "button",
           {
             type: "button",
-            "aria-expanded": a,
+            "aria-expanded": l,
             "data-section-toggle": "",
-            onClick: () => c((s) => !s),
+            onClick: () => i((a) => !a),
             className: p(
-              T,
+              P,
               "-mx-1 flex w-[calc(100%+0.5rem)] items-center gap-1.5 rounded px-1 text-left hover:bg-slate-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan/50 dark:hover:bg-muted/60"
             ),
             children: [
               /* @__PURE__ */ t(
-                _,
+                G,
                 {
                   className: p(
                     "h-3.5 w-3.5 shrink-0 text-slate-400 transition-transform duration-150",
-                    a && "rotate-90"
+                    l && "rotate-90"
                   )
                 }
               ),
               e
             ]
           }
-        ) : /* @__PURE__ */ t("h3", { className: T, children: e }),
-        /* @__PURE__ */ t("div", { hidden: !a, className: "space-y-5", children: o })
+        ) : /* @__PURE__ */ t("h3", { className: P, children: e }),
+        /* @__PURE__ */ t("div", { hidden: !l, className: "space-y-5", children: s })
       ]
     }
   );
 }
-function Ve({
+function Qe({
   value: e,
-  options: o,
-  onChange: l,
+  options: s,
+  onChange: o,
   placeholder: r = "None selected",
   ariaLabel: n
 }) {
-  const [a, c] = v(!1), s = (i) => {
-    var u;
-    return ((u = o.find((m) => m.value === i)) == null ? void 0 : u.label) ?? i;
+  const [l, i] = v(!1), a = (d) => {
+    var m;
+    return ((m = s.find((c) => c.value === d)) == null ? void 0 : m.label) ?? d;
   };
-  return /* @__PURE__ */ d(re, { open: a, onOpenChange: c, children: [
-    /* @__PURE__ */ t(ae, { asChild: !0, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ u(ae, { open: l, onOpenChange: i, children: [
+    /* @__PURE__ */ t(se, { asChild: !0, children: /* @__PURE__ */ u(
       "button",
       {
         type: "button",
@@ -515,35 +530,35 @@ function Ve({
           "flex items-center justify-between text-left hover:border-slate-300"
         ),
         children: [
-          /* @__PURE__ */ t("span", { className: p("truncate", !e.length && "text-slate-400"), children: e.length ? e.map(s).join(", ") : r }),
-          /* @__PURE__ */ t(G, { className: "ml-1 h-3.5 w-3.5 shrink-0 text-slate-400" })
+          /* @__PURE__ */ t("span", { className: p("truncate", !e.length && "text-slate-400"), children: e.length ? e.map(a).join(", ") : r }),
+          /* @__PURE__ */ t(K, { className: "ml-1 h-3.5 w-3.5 shrink-0 text-slate-400" })
         ]
       }
     ) }),
-    /* @__PURE__ */ t(se, { className: "w-64 p-0", align: "start", children: /* @__PURE__ */ d(Y, { children: [
-      /* @__PURE__ */ t(H, { placeholder: "Search fields…", className: "h-8 text-[12px]" }),
-      /* @__PURE__ */ d(z, { className: "max-h-[240px]", children: [
-        /* @__PURE__ */ t(ee, { className: "py-3 text-center text-[12px] text-muted-foreground", children: "No fields" }),
-        /* @__PURE__ */ t(te, { children: o.map((i) => {
-          const u = e.includes(i.value);
-          return /* @__PURE__ */ d(
-            ne,
+    /* @__PURE__ */ t(le, { className: "w-64 p-0", align: "start", children: /* @__PURE__ */ u(H, { children: [
+      /* @__PURE__ */ t(z, { placeholder: "Search fields…", className: "h-8 text-[12px]" }),
+      /* @__PURE__ */ u(ee, { className: "max-h-[240px]", children: [
+        /* @__PURE__ */ t(te, { className: "py-3 text-center text-[12px] text-muted-foreground", children: "No fields" }),
+        /* @__PURE__ */ t(ne, { children: s.map((d) => {
+          const m = e.includes(d.value);
+          return /* @__PURE__ */ u(
+            re,
             {
-              value: `${i.label} ${i.value}`,
-              onSelect: () => l(u ? e.filter((m) => m !== i.value) : [...e, i.value]),
+              value: `${d.label} ${d.value}`,
+              onSelect: () => o(m ? e.filter((c) => c !== d.value) : [...e, d.value]),
               className: "flex items-center gap-2 text-[12px]",
               children: [
                 /* @__PURE__ */ t(
-                  K,
+                  M,
                   {
-                    className: p("h-3 w-3 shrink-0", u ? "opacity-100" : "opacity-0")
+                    className: p("h-3 w-3 shrink-0", m ? "opacity-100" : "opacity-0")
                   }
                 ),
-                /* @__PURE__ */ t("span", { className: "flex-1 truncate", children: i.label }),
-                /* @__PURE__ */ t("span", { className: "shrink-0 font-mono text-[11px] text-slate-400", children: i.hint ?? i.value })
+                /* @__PURE__ */ t("span", { className: "flex-1 truncate", children: d.label }),
+                /* @__PURE__ */ t("span", { className: "shrink-0 font-mono text-[11px] text-slate-400", children: d.hint ?? d.value })
               ]
             },
-            i.value
+            d.value
           );
         }) })
       ] })
@@ -555,34 +570,34 @@ const O = [
   { value: "neq", label: "is not" },
   { value: "nnull", label: "is set" }
 ];
-function Ze({
+function We({
   value: e,
-  fields: o,
-  onChange: l
+  fields: s,
+  onChange: o
 }) {
-  const r = (n, a) => l(e.map((c, s) => s === n ? { ...c, ...a } : c));
-  return /* @__PURE__ */ d("div", { className: "space-y-1.5", children: [
-    e.map((n, a) => {
-      const c = O.some((s) => s.value === n.op) ? O : [...O, { value: n.op, label: n.op }];
+  const r = (n, l) => o(e.map((i, a) => a === n ? { ...i, ...l } : i));
+  return /* @__PURE__ */ u("div", { className: "space-y-1.5", children: [
+    e.map((n, l) => {
+      const i = O.some((a) => a.value === n.op) ? O : [...O, { value: n.op, label: n.op }];
       return (
         // biome-ignore lint/suspicious/noArrayIndexKey: conditions are positional
-        /* @__PURE__ */ d("div", { className: "flex items-center gap-1", "data-condition-row": "", children: [
+        /* @__PURE__ */ u("div", { className: "flex items-center gap-1", "data-condition-row": "", children: [
           /* @__PURE__ */ t("div", { className: "min-w-0 flex-[3]", children: /* @__PURE__ */ t(
-            j,
+            q,
             {
               value: n.field,
               ariaLabel: "Field",
-              options: [{ value: "", label: "Field…" }, ...o],
-              onChange: (s) => r(a, { field: s })
+              options: [{ value: "", label: "Field…" }, ...s],
+              onChange: (a) => r(l, { field: a })
             }
           ) }),
           /* @__PURE__ */ t("div", { className: "min-w-0 flex-[2]", children: /* @__PURE__ */ t(
-            j,
+            q,
             {
               value: n.op,
               ariaLabel: "Condition",
-              options: c,
-              onChange: (s) => r(a, s === "nnull" ? { op: s, value: void 0 } : { op: s })
+              options: i,
+              onChange: (a) => r(l, a === "nnull" ? { op: a, value: void 0 } : { op: a })
             }
           ) }),
           n.op !== "nnull" && n.op !== "null" && /* @__PURE__ */ t("div", { className: "min-w-0 flex-[2]", children: /* @__PURE__ */ t(
@@ -591,7 +606,7 @@ function Ze({
               value: n.value == null ? "" : String(n.value),
               ariaLabel: "Value",
               placeholder: "value",
-              onChange: (s) => r(a, { value: s })
+              onChange: (a) => r(l, { value: a })
             }
           ) }),
           /* @__PURE__ */ t(
@@ -600,54 +615,54 @@ function Ze({
               type: "button",
               "aria-label": "Remove condition",
               "data-tip": "Remove condition",
-              onClick: () => l(e.filter((s, i) => i !== a)),
+              onClick: () => o(e.filter((a, d) => d !== l)),
               className: "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded text-slate-500 transition-colors hover:bg-slate-100 hover:text-red-600 dark:hover:bg-muted dark:hover:text-red-400",
-              children: /* @__PURE__ */ t(M, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ t(V, { className: "h-3.5 w-3.5" })
             }
           )
-        ] }, a)
+        ] }, l)
       );
     }),
     /* @__PURE__ */ t(
       "button",
       {
         type: "button",
-        onClick: () => l([...e, { field: "", op: "eq", value: "" }]),
-        className: D,
+        onClick: () => o([...e, { field: "", op: "eq", value: "" }]),
+        className: J,
         children: "+ Add condition"
       }
     )
   ] });
 }
-const D = "text-[12px] font-medium text-sky-700 hover:underline dark:text-nvr-cyan";
-function Qe({ onClick: e, children: o }) {
-  return /* @__PURE__ */ t("button", { type: "button", onClick: e, className: D, children: o });
+const J = "text-[12px] font-medium text-sky-700 hover:underline dark:text-nvr-cyan";
+function Xe({ onClick: e, children: s }) {
+  return /* @__PURE__ */ t("button", { type: "button", onClick: e, className: J, children: s });
 }
 export {
-  Qe as AddButton,
-  Re as Buffered,
+  Xe as AddButton,
+  Ge as Buffered,
   O as CONDITION_OPS,
-  j as Choice,
-  Ze as ConditionBuilder,
-  be as DEFAULT_FORM_ONLY,
-  _e as DraftInput,
-  ge as EnforcementNote,
-  Ve as FieldMultiPicker,
-  fe as GlobalConfirm,
+  q as Choice,
+  We as ConditionBuilder,
+  ge as DEFAULT_FORM_ONLY,
+  Ke as DraftInput,
+  xe as EnforcementNote,
+  Qe as FieldMultiPicker,
+  he as GlobalConfirm,
   I as GlobalWriterContext,
-  w as InspectorEnvContext,
-  Ke as JsonInput,
-  Be as PinZone,
-  Ae as ScopeLegend,
-  he as ScopeTag,
-  Me as Section,
-  Ge as Segmented,
-  xe as Setting,
-  Je as TextArea,
+  S as InspectorEnvContext,
+  Ve as JsonInput,
+  De as PinZone,
+  Be as ScopeLegend,
+  be as ScopeTag,
+  Ze as Section,
+  Me as Segmented,
+  ve as Setting,
+  _e as TextArea,
   Ne as TextInput,
-  De as Toggle,
-  D as addLinkCls,
-  B as inputCls,
-  qe as useGlobalValue,
-  pe as useInspectorEnv
+  Je as Toggle,
+  J as addLinkCls,
+  D as inputCls,
+  Ae as useGlobalValue,
+  fe as useInspectorEnv
 };