@nivaro/react 0.3.35 → 0.3.37

package/dist/shared/components/profile/MyDefaultsCard.js

@@ -1,667 +1,673 @@
-import { jsxs as p, jsx as n, Fragment as ge } from "react/jsx-runtime";
-import { useQueryClient as xe, useQuery as U, useMutation as ae, useQueries as Q } from "@tanstack/react-query";
-import { Plus as be, BookmarkCheck as ve, Pencil as ye, UserRoundX as ke, ChevronsUpDown as Ne, Check as ne, X as Ce } from "lucide-react";
-import { useState as w, useMemo as S, useRef as V, useEffect as le } from "react";
-import { toast as B } from "sonner";
-import { useNivaroClient as X, useItemEditAuth as Se, ParentDraftContext as we } from "../../context.js";
-import { get as T, del as qe, put as Pe } from "../../lib/commands.js";
-import { isEmptyValue as M, cascadeParents as Te } from "../../lib/personal-defaults.js";
-import { userErrorMessage as Ee } from "../../lib/safe-error.js";
-import { titleCase as _, cn as R, formatDate as Fe } from "../../lib/utils.js";
-import { FieldRenderer as $e } from "../item-edit/FieldRenderer.js";
-import { getCascadeFilters as re, buildCascadeFilter as Me } from "../item-edit/helpers.js";
-import { M2MStagingContext as _e } from "../item-edit/M2MStagingContext.js";
-import { PERSONAL_DEFAULT_GHOST_BUTTON as De } from "../item-edit/PersonalDefaultPill.js";
-import { pickedCollection as Ae } from "../item-edit/personal-default-checks.js";
-import { personalDefaultsKey as Ke } from "../item-edit/usePersonalDefaults.js";
-import { Command as Le, CommandInput as Ue, CommandList as Re, CommandEmpty as je, CommandGroup as Ie, CommandItem as Oe } from "../ui/command.js";
-import { Popover as Qe, PopoverTrigger as Ve, PopoverContent as Be } from "../ui/popover.js";
-import { Skeleton as D } from "../ui/skeleton.js";
-import { describeValue as J, loadDefaultLabels as Xe, labelKey as ze } from "./my-defaults-labels.js";
-import { SectionCard as Ge, EmptyLine as He, Pill as Ye, ConfirmButton as Je } from "./primitives.js";
-const W = { fields: [], relations: [], label: "", ready: !1 };
-function We(a) {
-  const e = X(), t = Q({
-    queries: a.map((s) => ({
-      queryKey: ["field-config", s, null],
-      queryFn: () => e.request(T(`/field-config/${s}`)).then((d) => d.data ?? []),
+import { jsxs as o, jsx as s, Fragment as fe } from "react/jsx-runtime";
+import { useQueryClient as me, useQuery as I, useMutation as te, useQueries as O } from "@tanstack/react-query";
+import { BookmarkCheck as pe, Pencil as xe, UserRoundX as he, Plus as ge, X as ye, Check as be } from "lucide-react";
+import { useMemo as E, useState as _, useRef as D, useEffect as X } from "react";
+import { toast as V } from "sonner";
+import { useNivaroClient as z, useItemEditAuth as ve, ParentDraftContext as Ne } from "../../context.js";
+import { get as M, del as ke, put as we } from "../../lib/commands.js";
+import { isEmptyValue as K, cascadeParents as Se } from "../../lib/personal-defaults.js";
+import { userErrorMessage as Ce } from "../../lib/safe-error.js";
+import { titleCase as H, cn as $, formatDate as qe } from "../../lib/utils.js";
+import { FieldRenderer as Pe } from "../item-edit/FieldRenderer.js";
+import { getCascadeFilters as ae, buildCascadeFilter as Te } from "../item-edit/helpers.js";
+import { M2MStagingContext as Ee } from "../item-edit/M2MStagingContext.js";
+import { PERSONAL_DEFAULT_GHOST_BUTTON as Y } from "../item-edit/PersonalDefaultPill.js";
+import { pickedCollection as Fe } from "../item-edit/personal-default-checks.js";
+import { personalDefaultsKey as Me } from "../item-edit/usePersonalDefaults.js";
+import { Skeleton as U } from "../ui/skeleton.js";
+import { describeValue as W, loadDefaultLabels as $e, labelKey as _e } from "./my-defaults-labels.js";
+import { SectionCard as De, EmptyLine as Ke, Pill as Re, ConfirmButton as Le } from "./primitives.js";
+const B = { fields: [], relations: [], label: "", ready: !1 };
+function Ue(a) {
+  const e = z(), n = O({
+    queries: a.map((l) => ({
+      queryKey: ["field-config", l, null],
+      queryFn: () => e.request(M(`/field-config/${l}`)).then((c) => c.data ?? []),
       staleTime: 6e4
     }))
-  }), o = Q({
-    queries: a.map((s) => ({
-      queryKey: ["relations", s],
-      queryFn: () => e.request(T(`/data-model/relations/for/${s}`)).then((d) => d.data ?? []),
+  }), i = O({
+    queries: a.map((l) => ({
+      queryKey: ["relations", l],
+      queryFn: () => e.request(M(`/data-model/relations/for/${l}`)).then((c) => c.data ?? []),
       staleTime: 6e4
     }))
-  }), u = Q({
-    queries: a.map((s) => ({
-      queryKey: ["col-meta", s],
-      queryFn: () => e.request(T(`/collections/${s}`)).then((d) => d.data ?? null),
+  }), f = O({
+    queries: a.map((l) => ({
+      queryKey: ["col-meta", l],
+      queryFn: () => e.request(M(`/collections/${l}`)).then((c) => c.data ?? null),
       staleTime: 6e4
     }))
-  }), i = /* @__PURE__ */ new Map();
-  return a.forEach((s, d) => {
-    var x, c, b, y, f, v;
-    const m = (c = (x = u[d]) == null ? void 0 : x.data) == null ? void 0 : c.display_name;
-    i.set(s, {
-      fields: ((b = t[d]) == null ? void 0 : b.data) ?? [],
-      relations: ((y = o[d]) == null ? void 0 : y.data) ?? [],
-      label: m != null && m.trim() ? m : _(s),
-      ready: !((f = t[d]) != null && f.isPending) && !((v = o[d]) != null && v.isPending)
+  }), d = /* @__PURE__ */ new Map();
+  return a.forEach((l, c) => {
+    var k, x, g, y, b, v;
+    const u = (x = (k = f[c]) == null ? void 0 : k.data) == null ? void 0 : x.display_name;
+    d.set(l, {
+      fields: ((g = n[c]) == null ? void 0 : g.data) ?? [],
+      relations: ((y = i[c]) == null ? void 0 : y.data) ?? [],
+      label: u != null && u.trim() ? u : H(l),
+      ready: !((b = n[c]) != null && b.isPending) && !((v = i[c]) != null && v.isPending)
     });
-  }), i;
+  }), d;
 }
-function P(a, e) {
-  var o;
-  const t = a.fields.find((u) => u.field === e);
-  return (o = t == null ? void 0 : t.label) != null && o.trim() ? t.label : _(e);
+function T(a, e) {
+  var i;
+  const n = a.fields.find((f) => f.field === e);
+  return (i = n == null ? void 0 : n.label) != null && i.trim() ? n.label : H(e);
 }
-function Ze(a, e) {
-  const t = Object.keys(e.context ?? {}).filter((s) => !M(e.context[s])), o = new Map(a.fields.map((s) => [s.field, s])), i = Te(
+function Ae(a, e) {
+  const n = Object.keys(e.context ?? {}).filter((l) => !K(e.context[l])), i = new Map(a.fields.map((l) => [l.field, l])), d = Se(
     e.field,
-    (s) => {
-      var d;
-      return re(((d = o.get(s)) == null ? void 0 : d.dependency_config) ?? null);
+    (l) => {
+      var c;
+      return ae(((c = i.get(l)) == null ? void 0 : c.dependency_config) ?? null);
     }
-  ).reverse().filter((s) => t.includes(s));
-  return [...i, ...t.filter((s) => !i.includes(s))];
+  ).reverse().filter((l) => n.includes(l));
+  return [...d, ...n.filter((l) => !d.includes(l))];
 }
 function Z(a, e) {
   if (a.kind === "text") return { text: a.text, state: "ok" };
   if (a.kind === "unknown") return { text: "Saved value", state: "ok" };
   if (e.loading) return { text: "", state: "loading" };
   if (e.failed) return { text: "Could not load this value", state: "failed" };
-  const t = [];
-  let o = 0;
-  for (const u of a.ids) {
-    const i = ze(a.target, u);
-    e.map.has(i) ? t.push(e.map.get(i) ?? "Untitled record") : o++;
+  const n = [];
+  let i = 0;
+  for (const f of a.ids) {
+    const d = _e(a.target, f);
+    e.map.has(d) ? n.push(e.map.get(d) ?? "Untitled record") : i++;
   }
-  return t.length === 0 ? { text: "No longer available", state: "gone" } : (o && t.push(`${o} no longer available`), { text: t.join(", "), state: "ok" });
+  return n.length === 0 ? { text: "No longer available", state: "gone" } : (i && n.push(`${i} no longer available`), { text: n.join(", "), state: "ok" });
 }
-function se(a) {
-  var o, u;
-  const e = a, t = ((u = (o = e == null ? void 0 : e.response) == null ? void 0 : o.data) == null ? void 0 : u.error) ?? (e == null ? void 0 : e.error);
-  return typeof t == "string" && t.trim() ? t : Ee(a, "Could not save");
+function ne(a) {
+  var i, f;
+  const e = a, n = ((f = (i = e == null ? void 0 : e.response) == null ? void 0 : i.data) == null ? void 0 : f.error) ?? (e == null ? void 0 : e.error);
+  return typeof n == "string" && n.trim() ? n : Ce(a, "Could not save");
 }
-function wt({ userId: a, name: e }) {
-  const t = X(), o = xe(), u = Se(), i = !!a && String(a).toUpperCase() !== String(u.userId).toUpperCase(), s = !i || u.isAdmin, d = i ? `/field-defaults/users/${encodeURIComponent(String(a))}` : "/field-defaults/mine", m = i ? String(a) : "me", x = ["field-defaults-card", m], {
-    data: c,
-    isPending: b,
+function ot({ userId: a, name: e }) {
+  const n = z(), i = me(), f = ve(), d = !!a && String(a).toUpperCase() !== String(f.userId).toUpperCase(), l = !d || f.isAdmin, c = d ? `/field-defaults/users/${encodeURIComponent(String(a))}` : "/field-defaults/mine", u = d ? String(a) : "me", k = ["field-defaults-card", u], {
+    data: x,
+    isPending: g,
     isError: y,
-    refetch: f,
+    refetch: b,
     isRefetching: v
-  } = U({
-    queryKey: x,
-    queryFn: () => t.request(T(d, { on_layout: 1 })).then((l) => l.data ?? []),
-    enabled: s,
+  } = I({
+    queryKey: k,
+    queryFn: () => n.request(M(c, { on_layout: 1 })).then((t) => t.data ?? []),
+    enabled: l,
     staleTime: 3e4
-  }), { data: h } = U({
-    queryKey: ["field-defaults-allowed", m],
-    queryFn: () => t.request(T(`${d}/allowed`)).then((l) => l.data ?? []),
-    enabled: s && i,
+  }), { data: p, isPending: S } = I({
+    queryKey: ["field-defaults-allowed", u],
+    queryFn: () => n.request(M(`${c}/allowed`)).then((t) => t.data ?? []),
+    enabled: l,
     staleTime: 6e4
-  }), { data: g, isPending: q } = U({
-    queryKey: ["field-defaults-allowed-any", m],
-    queryFn: () => t.request(T(`${d}/allowed`, { any: 1 })).then((l) => {
-      var r;
-      return ((r = l.data) == null ? void 0 : r.any) === !0;
-    }),
-    enabled: s && !i,
-    staleTime: 6e4
-  }), [k, F] = w(!1), [C, z] = w(""), G = S(() => {
-    const l = new Set((c ?? []).map((r) => r.collection));
-    return C && l.add(C), [...l];
-  }, [c, C]), E = We(G), A = G.every((l) => {
+  }), w = E(() => {
+    const t = new Set((x ?? []).map((r) => r.collection));
+    for (const r of p ?? []) t.add(r.collection);
+    return [...t];
+  }, [x, p]), h = Ue(w), P = w.every((t) => {
     var r;
-    return (r = E.get(l)) == null ? void 0 : r.ready;
-  }), j = S(() => {
-    const l = /* @__PURE__ */ new Map();
-    if (!A) return l;
-    for (const r of c ?? []) {
-      const N = E.get(r.collection) ?? W, L = ($) => N.fields.find((he) => he.field === $);
-      l.set(String(r.id), {
-        value: J(L(r.field), N.relations, r.collection, r.value),
-        context: Ze(N, r).map(($) => [
-          $,
-          J(L($), N.relations, r.collection, r.context[$])
+    return (r = h.get(t)) == null ? void 0 : r.ready;
+  }), C = E(() => {
+    const t = /* @__PURE__ */ new Map();
+    if (!P) return t;
+    for (const r of x ?? []) {
+      const N = h.get(r.collection) ?? B, q = (m) => N.fields.find((F) => F.field === m);
+      t.set(String(r.id), {
+        value: W(q(r.field), N.relations, r.collection, r.value),
+        context: Ae(N, r).map((m) => [
+          m,
+          W(q(m), N.relations, r.collection, r.context[m])
         ])
       });
     }
-    return l;
-  }, [c, E, A]), K = S(() => {
-    const l = /* @__PURE__ */ new Map();
-    for (const r of j.values())
-      for (const N of [r.value, ...r.context.map(([, L]) => L)])
-        N.kind === "records" && l.set(N.target, [.../* @__PURE__ */ new Set([...l.get(N.target) ?? [], ...N.ids])].sort());
-    return l;
-  }, [j]), ce = [...K].map(([l, r]) => `${l}:${r.join(",")}`).sort().join("|"), {
-    data: ue,
-    isPending: fe,
-    isError: H
-  } = U({
-    queryKey: ["field-defaults-card-labels", ce],
-    queryFn: () => Xe(
-      t,
-      K,
-      (l) => o.fetchQuery({
-        queryKey: ["col-meta", l],
-        queryFn: () => t.request(
-          T(`/collections/${l}`)
+    return t;
+  }, [x, h, P]), R = E(() => {
+    const t = /* @__PURE__ */ new Map();
+    for (const r of C.values())
+      for (const N of [r.value, ...r.context.map(([, q]) => q)])
+        N.kind === "records" && t.set(N.target, [.../* @__PURE__ */ new Set([...t.get(N.target) ?? [], ...N.ids])].sort());
+    return t;
+  }, [C]), oe = [...R].map(([t, r]) => `${t}:${r.join(",")}`).sort().join("|"), {
+    data: de,
+    isPending: ce,
+    isError: G
+  } = I({
+    queryKey: ["field-defaults-card-labels", oe],
+    queryFn: () => $e(
+      n,
+      R,
+      (t) => i.fetchQuery({
+        queryKey: ["col-meta", t],
+        queryFn: () => n.request(
+          M(`/collections/${t}`)
         ).then((r) => r.data ?? null),
         staleTime: 6e4
       }).then((r) => (r == null ? void 0 : r.display_template) ?? null)
     ),
-    enabled: A && K.size > 0,
+    enabled: P && R.size > 0,
     staleTime: 6e4
-  }), me = {
-    map: ue ?? /* @__PURE__ */ new Map(),
-    loading: K.size > 0 && !H && (!A || fe),
-    failed: H
-  }, I = (l) => {
-    o.invalidateQueries({ queryKey: x }), !i && l && o.invalidateQueries({ queryKey: Ke(l) });
-  }, O = ae({
-    mutationFn: (l) => t.request(qe(`${d}/${l.id}`)),
-    onSuccess: (l, r) => {
-      I(r.collection), B.success("Default cleared");
+  }), ue = {
+    map: de ?? /* @__PURE__ */ new Map(),
+    loading: R.size > 0 && !G && (!P || ce),
+    failed: G
+  }, A = (t) => {
+    i.invalidateQueries({ queryKey: k }), !d && t && i.invalidateQueries({ queryKey: Me(t) });
+  }, Q = te({
+    mutationFn: (t) => n.request(ke(`${c}/${t.id}`)),
+    onSuccess: (t, r) => {
+      A(r.collection), V.success("Default cleared");
     },
-    onError: (l) => B.error(se(l))
+    onError: (t) => V.error(ne(t))
   });
-  if (!s || !i && (b || q && !y || !y && (c ?? []).length === 0 && g !== !0))
+  if (!l || !d && (g || S && !y || !y && (x ?? []).length === 0 && ((p == null ? void 0 : p.length) ?? 0) === 0))
     return null;
-  const pe = [...new Set((c ?? []).map((l) => l.collection))].map((l) => {
-    var r;
-    return { collection: l, label: ((r = E.get(l)) == null ? void 0 : r.label) || _(l) };
-  }).sort((l, r) => l.label.localeCompare(r.label)), Y = (e == null ? void 0 : e.trim()) || "This person";
-  return /* @__PURE__ */ p(
-    Ge,
+  const j = /* @__PURE__ */ new Map();
+  for (const t of p ?? []) {
+    const r = new Set(
+      (x ?? []).filter((m) => m.collection === t.collection).map((m) => m.field)
+    ), N = h.get(t.collection), q = t.fields.filter((m) => !r.has(m)).sort(
+      (m, F) => N ? T(N, m).localeCompare(T(N, F)) : m.localeCompare(F)
+    );
+    q.length && j.set(t.collection, q);
+  }
+  const J = w.filter((t) => (x ?? []).some((r) => r.collection === t) || j.has(t)).map((t) => {
+    var r, N;
+    return {
+      collection: t,
+      label: ((r = h.get(t)) == null ? void 0 : r.label) || ((N = (p ?? []).find((q) => q.collection === t)) == null ? void 0 : N.label) || H(t)
+    };
+  }).sort((t, r) => t.label.localeCompare(r.label)), L = (e == null ? void 0 : e.trim()) || "This person";
+  return /* @__PURE__ */ o(
+    De,
     {
-      icon: /* @__PURE__ */ n(ve, { className: "h-4 w-4" }),
-      title: i ? "Personal defaults" : "My defaults",
-      hint: i ? "Starting values their new records are filled in with" : "Starting values your new records are filled in with",
+      icon: /* @__PURE__ */ s(pe, { className: "h-4 w-4" }),
+      title: d ? "Personal defaults" : "My defaults",
+      hint: d ? `New records ${e != null && e.trim() ? L : "they"} start are filled in with these` : "New records you start are filled in with these",
       testId: "my-defaults",
-      actions: i && !k && ((h == null ? void 0 : h.length) ?? 0) > 0 ? /* @__PURE__ */ p(
-        "button",
-        {
-          type: "button",
-          "data-default-add": !0,
-          onClick: () => F(!0),
-          className: "inline-flex h-7 items-center gap-1 rounded-md px-2 text-[11.5px] font-medium text-slate-600 transition-colors hover:bg-muted hover:text-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan/40 dark:text-slate-300 dark:hover:text-white",
-          children: [
-            /* @__PURE__ */ n(be, { className: "h-3.5 w-3.5" }),
-            " Add default"
-          ]
-        }
-      ) : null,
       children: [
-        b ? /* @__PURE__ */ n("div", { className: "space-y-3", "aria-busy": "true", children: [0, 1, 2].map((l) => /* @__PURE__ */ p("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ n(D, { className: "h-3.5 w-24" }),
-          /* @__PURE__ */ n(D, { className: "h-3.5 w-40" })
-        ] }, l)) }) : y ? /* @__PURE__ */ p("div", { className: "flex flex-wrap items-center gap-2", children: [
-          /* @__PURE__ */ n(He, { children: "Could not load the saved defaults." }),
-          /* @__PURE__ */ n(
+        g ? /* @__PURE__ */ s("div", { className: "space-y-3", "aria-busy": "true", children: [0, 1, 2].map((t) => /* @__PURE__ */ o("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ s(U, { className: "h-3.5 w-24" }),
+          /* @__PURE__ */ s(U, { className: "h-3.5 w-40" })
+        ] }, t)) }) : y ? /* @__PURE__ */ o("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ s(Ke, { children: "Could not load the saved defaults." }),
+          /* @__PURE__ */ s(
             "button",
             {
               type: "button",
               "data-default-retry": !0,
               disabled: v,
-              onClick: () => void f(),
+              onClick: () => void b(),
               className: "inline-flex h-7 items-center rounded-md border border-slate-200 px-2.5 text-[11.5px] font-medium text-slate-700 transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan/40 disabled:opacity-50 dark:border-border dark:text-slate-200",
               children: v ? "Trying…" : "Retry"
             }
           )
-        ] }) : (c ?? []).length === 0 ? /* @__PURE__ */ p("p", { "data-default-empty": !0, className: "text-[12px] text-slate-500 dark:text-slate-400", children: [
-          i ? `${Y} hasn’t saved any defaults yet.` : "No defaults yet.",
-          " On a record form, open a field’s ⋯ menu and choose",
-          " ",
-          /* @__PURE__ */ n("span", { className: "font-medium text-slate-700 dark:text-slate-200", children: "Save as my default" }),
-          i ? ((h == null ? void 0 : h.length) ?? 0) > 0 ? " — or add one here." : "." : " — new records then start with that value."
-        ] }) : /* @__PURE__ */ n("div", { className: "space-y-4", children: pe.map((l) => /* @__PURE__ */ p("section", { "data-default-group": l.collection, children: [
-          /* @__PURE__ */ n("h4", { className: "mb-1 text-[12px] font-semibold text-slate-700 dark:text-slate-200", children: l.label }),
-          /* @__PURE__ */ n("ul", { className: "divide-y divide-slate-100 dark:divide-border/60", children: (c ?? []).filter((r) => r.collection === l.collection).map((r) => {
-            var N;
-            return /* @__PURE__ */ n(
-              tt,
-              {
-                row: r,
-                meta: E.get(r.collection) ?? W,
-                parts: j.get(String(r.id)),
-                labels: me,
-                base: d,
-                onSaved: () => I(r.collection),
-                onClear: () => O.mutate(r),
-                clearing: O.isPending && ((N = O.variables) == null ? void 0 : N.id) === r.id
-              },
-              r.id
-            );
-          }) })
-        ] }, l.collection)) }),
-        i && (h == null ? void 0 : h.length) === 0 && /* @__PURE__ */ p("p", { className: "mt-3 text-[11.5px] text-slate-500 dark:text-slate-400", children: [
-          "No form gives ",
-          e != null && e.trim() ? Y : "this person",
-          " a personal default yet. Turn on Personal default for a field in the layout editor."
-        ] }),
-        i && k && /* @__PURE__ */ n(
-          nt,
+        ] }) : J.length === 0 ? /* @__PURE__ */ s(
+          "p",
           {
-            allowed: h ?? [],
-            metas: E,
-            collection: C,
-            onCollection: z,
-            base: d,
-            onDone: () => {
-              F(!1), z("");
-            },
-            onSaved: (l) => I(l)
+            "data-default-empty": !0,
+            className: "max-w-[65ch] text-[12.5px] leading-relaxed text-slate-600 dark:text-slate-300",
+            children: d ? `${L} hasn’t saved any defaults yet.` : "You have no defaults yet."
           }
-        )
+        ) : /* @__PURE__ */ o("div", { className: "space-y-5", children: [
+          (x ?? []).length === 0 && /* @__PURE__ */ o(
+            "p",
+            {
+              "data-default-empty": !0,
+              className: "max-w-[65ch] text-[12.5px] leading-relaxed text-slate-600 dark:text-slate-300",
+              children: [
+                d ? `${L} hasn’t saved any defaults yet. Set one below, or they can choose ` : "Nothing set yet. Set a field below, or choose ",
+                /* @__PURE__ */ s("span", { className: "font-medium text-slate-800 dark:text-slate-100", children: "Make default" }),
+                " ",
+                "beside its label on a new record."
+              ]
+            }
+          ),
+          J.map((t) => {
+            const r = (x ?? []).filter((m) => m.collection === t.collection).length, N = j.get(t.collection) ?? [], q = h.get(t.collection) ?? B;
+            return /* @__PURE__ */ o("section", { "data-default-group": t.collection, children: [
+              /* @__PURE__ */ o("h4", { className: "flex items-baseline gap-1.5 border-b border-slate-200 pb-1.5 text-[12.5px] font-semibold text-slate-800 dark:border-border dark:text-slate-100", children: [
+                /* @__PURE__ */ s("span", { "data-default-group-label": !0, children: t.label }),
+                /* @__PURE__ */ o("span", { className: "text-[11.5px] font-normal tabular-nums text-slate-500 dark:text-slate-400", children: [
+                  r,
+                  " of ",
+                  r + N.length,
+                  " set"
+                ] })
+              ] }),
+              /* @__PURE__ */ o("ul", { className: "divide-y divide-slate-100 dark:divide-border/60", children: [
+                (x ?? []).filter((m) => m.collection === t.collection).map((m) => {
+                  var F;
+                  return /* @__PURE__ */ s(
+                    Qe,
+                    {
+                      row: m,
+                      meta: h.get(m.collection) ?? B,
+                      parts: C.get(String(m.id)),
+                      labels: ue,
+                      base: c,
+                      onSaved: () => A(m.collection),
+                      onClear: () => Q.mutate(m),
+                      clearing: Q.isPending && ((F = Q.variables) == null ? void 0 : F.id) === m.id
+                    },
+                    m.id
+                  );
+                }),
+                N.map((m) => /* @__PURE__ */ s(
+                  Ie,
+                  {
+                    collection: t.collection,
+                    field: m,
+                    meta: q,
+                    base: c,
+                    forOther: d,
+                    onSaved: () => A(t.collection)
+                  },
+                  `unset:${m}`
+                ))
+              ] })
+            ] }, t.collection);
+          })
+        ] }),
+        d && (p == null ? void 0 : p.length) === 0 && /* @__PURE__ */ o("p", { className: "mt-3 text-[11.5px] text-slate-500 dark:text-slate-400", children: [
+          "No form gives ",
+          e != null && e.trim() ? L : "this person",
+          " a personal default yet. Turn on Personal default for a field in the layout editor."
+        ] })
       ]
     }
   );
 }
-const et = 'input:not([type=hidden]), textarea, [role=combobox], button, [tabindex]:not([tabindex="-1"])', ee = "No form you can be given offers a personal default for this field now, so it is not used. Clear it, or ask an admin to turn it back on.";
-function tt({
+const le = 'input:not([type=hidden]), textarea, [role=combobox], button, [tabindex]:not([tabindex="-1"])', ee = "No form you can be given offers a personal default for this field now, so it is not used. Clear it, or ask an admin to turn it back on.";
+function Qe({
   row: a,
   meta: e,
-  parts: t,
-  labels: o,
-  base: u,
-  onSaved: i,
-  onClear: s,
-  clearing: d
+  parts: n,
+  labels: i,
+  base: f,
+  onSaved: d,
+  onClear: l,
+  clearing: c
 }) {
-  const [m, x] = w(!1), c = V(null), b = V(!1);
-  le(() => {
-    var k;
-    m || !b.current || (b.current = !1, (k = c.current) == null || k.focus());
-  }, [m]);
+  const [u, k] = _(!1), x = D(null), g = D(!1);
+  X(() => {
+    var h;
+    u || !g.current || (g.current = !1, (h = x.current) == null || h.focus());
+  }, [u]);
   const y = () => {
-    b.current = !0, x(!1);
-  }, f = a.on_layout === !1, v = e.fields.find((k) => k.field === a.field), h = t ? Z(t.value, o) : { text: "", state: "loading" }, g = ((t == null ? void 0 : t.context) ?? []).map(([k, F]) => {
-    if (F.kind === "unknown") return P(e, k);
-    const C = Z(F, o);
-    return C.state === "loading" ? null : C.state === "gone" || C.state === "failed" ? `${P(e, k)} (unavailable)` : C.text;
-  }), q = ((t == null ? void 0 : t.context) ?? []).length > 0 && g.some((k) => k === null);
-  return /* @__PURE__ */ p("li", { "data-default-row": a.id, className: "group flex items-start gap-3 py-2", children: [
-    /* @__PURE__ */ p("div", { className: "min-w-0 flex-1 gap-3 sm:grid sm:grid-cols-[minmax(0,9rem)_minmax(0,1fr)]", children: [
-      /* @__PURE__ */ n(
-        "p",
-        {
-          "data-default-field": !0,
-          className: "truncate pt-px text-[12px] text-slate-500 dark:text-slate-400",
-          children: P(e, a.field)
-        }
+    g.current = !0, k(!1);
+  }, b = a.on_layout === !1, v = e.fields.find((h) => h.field === a.field), p = n ? Z(n.value, i) : { text: "", state: "loading" }, S = ((n == null ? void 0 : n.context) ?? []).map(([h, P]) => {
+    if (P.kind === "unknown") return T(e, h);
+    const C = Z(P, i);
+    return C.state === "loading" ? null : C.state === "gone" || C.state === "failed" ? `${T(e, h)} (unavailable)` : C.text;
+  }), w = ((n == null ? void 0 : n.context) ?? []).length > 0 && S.some((h) => h === null);
+  return /* @__PURE__ */ o(
+    "li",
+    {
+      "data-default-row": a.id,
+      "data-editing": u ? "" : void 0,
+      className: $(
+        "-mx-2 flex flex-col gap-2 rounded-md px-2 py-2.5 sm:flex-row sm:items-start sm:gap-3",
+        u && "bg-slate-50 dark:bg-muted/40"
       ),
-      /* @__PURE__ */ p("div", { className: "min-w-0", children: [
-        m && v ? /* @__PURE__ */ n(
-          at,
-          {
-            row: a,
-            field: v,
-            relations: e.relations,
-            base: u,
-            onCancel: y,
-            onSaved: () => {
-              y(), i();
+      children: [
+        /* @__PURE__ */ o("div", { className: "min-w-0 flex-1 gap-x-4 gap-y-1 sm:grid sm:grid-cols-[minmax(0,11rem)_minmax(0,1fr)]", children: [
+          /* @__PURE__ */ s(
+            "p",
+            {
+              "data-default-field": !0,
+              className: $(
+                "truncate text-[12.5px] text-slate-600 dark:text-slate-300",
+                u ? "sm:pt-2" : "sm:pt-px"
+              ),
+              children: T(e, a.field)
             }
-          }
-        ) : h.state === "loading" ? /* @__PURE__ */ n(D, { className: "mt-0.5 h-3.5 w-32" }) : /* @__PURE__ */ n(
-          "p",
-          {
-            "data-default-value": !0,
-            "data-tip": h.state === "gone" ? "The saved record was removed, or is no longer visible to you" : void 0,
-            className: R(
-              "truncate text-[12.5px]",
-              h.state === "gone" || h.state === "failed" ? "italic text-slate-500 dark:text-slate-400" : f ? "text-slate-500 dark:text-slate-400" : "font-medium text-slate-800 dark:text-slate-100"
+          ),
+          /* @__PURE__ */ o("div", { className: "min-w-0", children: [
+            u && v ? /* @__PURE__ */ s(
+              je,
+              {
+                row: a,
+                field: v,
+                relations: e.relations,
+                base: f,
+                onCancel: y,
+                onSaved: () => {
+                  y(), d();
+                }
+              }
+            ) : p.state === "loading" ? /* @__PURE__ */ s(U, { className: "mt-0.5 h-3.5 w-32" }) : /* @__PURE__ */ s(
+              "p",
+              {
+                "data-default-value": !0,
+                "data-tip": p.state === "gone" ? "The saved record was removed, or is no longer visible to you" : void 0,
+                className: $(
+                  "truncate text-[13px]",
+                  p.state === "gone" || p.state === "failed" ? "italic text-slate-500 dark:text-slate-400" : b ? "text-slate-500 dark:text-slate-400" : "font-medium text-slate-800 dark:text-slate-100"
+                ),
+                children: p.text
+              }
             ),
-            children: h.text
-          }
-        ),
-        /* @__PURE__ */ p("p", { className: "mt-0.5 flex flex-wrap items-center gap-x-1.5 gap-y-1 text-[11.5px] text-slate-500 dark:text-slate-400", children: [
-          q ? /* @__PURE__ */ n(D, { className: "h-3 w-28" }) : g.length > 0 ? /* @__PURE__ */ p("span", { "data-default-context": !0, children: [
-            "for ",
-            g.join(" · ")
-          ] }) : null,
-          (q || g.length > 0) && /* @__PURE__ */ n("span", { "aria-hidden": !0, children: "·" }),
-          /* @__PURE__ */ p("span", { children: [
-            "Saved ",
-            Fe(a.updated_at),
-            a.updated_by ? " by an admin" : ""
-          ] }),
-          f && /* @__PURE__ */ p("span", { "data-tip": ee, children: [
-            /* @__PURE__ */ n(Ye, { tone: "amber", testId: "stale", children: /* @__PURE__ */ n("span", { "data-default-stale": !0, children: "No longer on any form" }) }),
-            /* @__PURE__ */ p("span", { className: "sr-only", children: [
-              ". ",
-              ee
+            /* @__PURE__ */ o("p", { className: "mt-1 flex flex-wrap items-center gap-x-1.5 gap-y-1 text-[11.5px] text-slate-500 dark:text-slate-400", children: [
+              w ? /* @__PURE__ */ s(U, { className: "h-3 w-28" }) : S.length > 0 ? /* @__PURE__ */ o("span", { "data-default-context": !0, children: [
+                "For ",
+                S.join(" · ")
+              ] }) : null,
+              !u && (w || S.length > 0) && /* @__PURE__ */ s("span", { "aria-hidden": !0, children: "·" }),
+              !u && /* @__PURE__ */ o("span", { children: [
+                a.updated_by ? "Set by an admin" : "Saved",
+                " ",
+                qe(a.updated_at)
+              ] }),
+              b && /* @__PURE__ */ o("span", { "data-tip": ee, children: [
+                /* @__PURE__ */ s(Re, { tone: "amber", testId: "stale", children: /* @__PURE__ */ s("span", { "data-default-stale": !0, children: "No longer on any form" }) }),
+                /* @__PURE__ */ o("span", { className: "sr-only", children: [
+                  ". ",
+                  ee
+                ] })
+              ] })
             ] })
           ] })
-        ] })
-      ] })
-    ] }),
-    !m && /* @__PURE__ */ p(
-      "div",
-      {
-        className: R(
-          "flex shrink-0 items-center gap-0.5 transition-opacity duration-150",
-          // Reserve the slot; show on hover / keyboard focus, always on touch and when stale.
-          // …and while Clear is armed (the pointer may have left before the second press).
-          !f && "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 [@media(hover:none)]:opacity-100 [&:has([data-armed])]:opacity-100"
-        ),
-        children: [
-          !f && v && /* @__PURE__ */ n(
+        ] }),
+        !u && // Always visible: hover-only actions hid the only way to change or clear a default.
+        /* @__PURE__ */ o("div", { className: "flex shrink-0 items-center gap-1 sm:pt-px", children: [
+          !b && v && /* @__PURE__ */ o(
             "button",
             {
-              ref: c,
+              ref: x,
               type: "button",
               "data-default-change": !0,
-              "aria-label": `Change the default for ${P(e, a.field)}`,
-              "data-tip": "Change",
-              onClick: () => x(!0),
-              className: "rounded p-1.5 text-slate-500 transition-colors hover:bg-muted hover:text-slate-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan/40 dark:text-slate-400 dark:hover:text-slate-100",
-              children: /* @__PURE__ */ n(ye, { className: "h-3.5 w-3.5" })
+              "aria-label": `Change the default for ${T(e, a.field)}`,
+              onClick: () => k(!0),
+              className: Y,
+              children: [
+                /* @__PURE__ */ s(xe, { className: "h-3 w-3" }),
+                " Change"
+              ]
             }
           ),
-          /* @__PURE__ */ n(
-            Je,
+          /* @__PURE__ */ s(
+            Le,
             {
-              onConfirm: s,
-              disabled: d,
-              title: `Clear the default for ${P(e, a.field)}`,
-              confirmTitle: `Clear the default for ${P(e, a.field)}?`,
-              confirmLabel: /* @__PURE__ */ n("span", { "data-default-clear": !0, className: "px-1 text-[11.5px] font-semibold", children: "Clear?" }),
-              className: "inline-flex h-7 items-center rounded px-1.5 text-slate-500 transition-colors hover:bg-muted hover:text-red-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan/40 disabled:opacity-50 dark:text-slate-400 dark:hover:text-red-400",
+              onConfirm: l,
+              disabled: c,
+              title: `Clear the default for ${T(e, a.field)}`,
+              confirmTitle: `Clear the default for ${T(e, a.field)}?`,
+              confirmLabel: /* @__PURE__ */ s("span", { "data-default-clear": !0, className: "px-0.5 text-[11.5px] font-semibold", children: "Clear it?" }),
+              className: "inline-flex h-7 items-center gap-1 rounded-md px-2 text-[11.5px] font-medium text-slate-500 transition-colors hover:bg-muted hover:text-red-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan/40 disabled:opacity-50 dark:text-slate-400 dark:hover:text-red-400",
               armedClassName: "bg-red-50 text-red-700 hover:bg-red-100 dark:bg-red-500/10 dark:text-red-400 dark:hover:bg-red-500/15",
-              children: /* @__PURE__ */ n("span", { "data-default-clear": !0, className: "inline-flex items-center", children: /* @__PURE__ */ n(ke, { className: "h-3.5 w-3.5" }) })
+              children: /* @__PURE__ */ o("span", { "data-default-clear": !0, className: "inline-flex items-center gap-1", children: [
+                /* @__PURE__ */ s(he, { className: "h-3 w-3" }),
+                " Clear"
+              ] })
             }
           )
-        ]
-      }
-    )
-  ] });
+        ] })
+      ]
+    }
+  );
 }
-function ie({
+function se({
   collection: a,
   field: e,
-  relations: t,
-  context: o,
-  value: u,
-  onChange: i
+  relations: n,
+  context: i,
+  value: f,
+  onChange: d
 }) {
-  var f;
-  const s = S(() => ({ ...e, readonly: !1, hidden: !1 }), [e]), d = ((f = Ae(t, a, e.field)) == null ? void 0 : f.kind) === "m2m", m = S(
-    () => Array.isArray(u) ? u : M(u) ? [] : [u],
-    [u]
-  ), x = S(
-    () => d ? {
-      getStagedLinks: () => m,
+  var b;
+  const l = E(() => ({ ...e, readonly: !1, hidden: !1 }), [e]), c = ((b = Fe(n, a, e.field)) == null ? void 0 : b.kind) === "m2m", u = E(
+    () => Array.isArray(f) ? f : K(f) ? [] : [f],
+    [f]
+  ), k = E(
+    () => c ? {
+      getStagedLinks: () => u,
       getStagedUnlinks: () => /* @__PURE__ */ new Set(),
-      stageLink: (v, h) => i(m.some((g) => String(g) === String(h)) ? m : [...m, h]),
-      unstageLink: (v, h) => i(m.filter((g) => String(g) !== String(h))),
+      stageLink: (v, p) => d(u.some((S) => String(S) === String(p)) ? u : [...u, p]),
+      unstageLink: (v, p) => d(u.filter((S) => String(S) !== String(p))),
       stageUnlink: () => {
       },
       unstageUnlink: () => {
       }
     } : null,
-    [d, m, i]
-  ), c = S(
-    () => Me({
-      rules: re(e.dependency_config),
-      parentValue: (v) => M(o[v]) ? null : o[v]
+    [c, u, d]
+  ), x = E(
+    () => Te({
+      rules: ae(e.dependency_config),
+      parentValue: (v) => K(i[v]) ? null : i[v]
     }).filter,
-    [e.dependency_config, o]
-  ), b = S(() => ({ collection: a, draft: { ...o } }), [a, o]), y = /* @__PURE__ */ n(
-    $e,
+    [e.dependency_config, i]
+  ), g = E(() => ({ collection: a, draft: { ...i } }), [a, i]), y = /* @__PURE__ */ s(
+    Pe,
     {
-      field: s,
-      value: d ? void 0 : u,
-      onChange: i,
-      relations: t,
+      field: l,
+      value: c ? void 0 : f,
+      onChange: d,
+      relations: n,
       collection: a,
       itemId: "new",
-      cascadeFilter: c
+      cascadeFilter: x
     }
   );
-  return /* @__PURE__ */ n(we.Provider, { value: b, children: x ? /* @__PURE__ */ n(_e.Provider, { value: x, children: y }) : y });
+  return /* @__PURE__ */ s(Ne.Provider, { value: g, children: k ? /* @__PURE__ */ s(Ee.Provider, { value: k, children: y }) : y });
 }
-function oe({
+function re({
   canSave: a,
   pending: e,
-  onSave: t,
-  onCancel: o
+  onSave: n,
+  onCancel: i
 }) {
-  return /* @__PURE__ */ p("span", { className: "flex items-center gap-1.5", children: [
-    /* @__PURE__ */ p("button", { type: "button", onClick: o, className: De, children: [
-      /* @__PURE__ */ n(Ce, { className: "h-3 w-3" }),
+  return /* @__PURE__ */ o("span", { className: "flex h-9 shrink-0 items-center gap-1.5", children: [
+    /* @__PURE__ */ o("button", { type: "button", onClick: i, className: Y, children: [
+      /* @__PURE__ */ s(ye, { className: "h-3 w-3" }),
       " Cancel"
     ] }),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ s(
       "button",
       {
         type: "button",
         "data-default-save": !0,
         disabled: !a || e,
-        onClick: t,
+        onClick: n,
         className: "inline-flex h-7 items-center gap-1 rounded-md bg-nvr-cyan px-2.5 text-[11.5px] font-semibold text-white transition-opacity focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan/40 focus-visible:ring-offset-1 disabled:opacity-50",
-        children: e ? "Saving…" : /* @__PURE__ */ p(ge, { children: [
-          /* @__PURE__ */ n(ne, { className: "h-3 w-3" }),
+        children: e ? "Saving…" : /* @__PURE__ */ o(fe, { children: [
+          /* @__PURE__ */ s(be, { className: "h-3 w-3" }),
           " Save"
         ] })
       }
     )
   ] });
 }
-function de(a, e) {
-  const t = X(), [o, u] = w(null);
-  return { save: ae({
-    mutationFn: (s) => t.request(Pe(a, s)),
+function ie(a, e) {
+  const n = z(), [i, f] = _(null);
+  return { save: te({
+    mutationFn: (l) => n.request(we(a, l)),
     onSuccess: () => {
-      u(null), B.success("Default saved"), e();
+      f(null), V.success("Default saved"), e();
     },
-    onError: (s) => u(se(s))
-  }), error: o };
+    onError: (l) => f(ne(l))
+  }), error: i };
 }
-function at({
+function je({
   row: a,
   field: e,
-  relations: t,
-  base: o,
-  onCancel: u,
-  onSaved: i
+  relations: n,
+  base: i,
+  onCancel: f,
+  onSaved: d
 }) {
-  const [s, d] = w(a.value), { save: m, error: x } = de(o, i), c = V(null);
-  return le(() => {
-    const b = () => {
-      var v, h;
-      const f = (h = (v = c.current) == null ? void 0 : v.querySelector("[data-default-control]")) == null ? void 0 : h.querySelector(et);
-      return f == null || f.focus(), !!f;
+  const [l, c] = _(a.value), { save: u, error: k } = ie(i, d), x = D(null);
+  return X(() => {
+    const g = () => {
+      var v, p;
+      const b = (p = (v = x.current) == null ? void 0 : v.querySelector("[data-default-control]")) == null ? void 0 : p.querySelector(le);
+      return b == null || b.focus(), !!b;
     };
-    if (b()) return;
-    const y = window.setTimeout(b, 50);
+    if (g()) return;
+    const y = window.setTimeout(g, 50);
     return () => window.clearTimeout(y);
-  }, []), /* @__PURE__ */ p(
+  }, []), /* @__PURE__ */ o(
     "fieldset",
     {
-      ref: c,
+      ref: x,
       className: "m-0 min-w-0 space-y-1.5 border-0 p-0",
       "data-default-editor": !0,
-      onKeyDown: (b) => {
+      onKeyDown: (g) => {
         var y;
-        b.key !== "Escape" || b.defaultPrevented || (y = c.current) != null && y.contains(b.target) && (b.stopPropagation(), u());
+        g.key !== "Escape" || g.defaultPrevented || (y = x.current) != null && y.contains(g.target) && (g.stopPropagation(), f());
       },
       children: [
-        /* @__PURE__ */ p("legend", { className: "sr-only", children: [
+        /* @__PURE__ */ o("legend", { className: "sr-only", children: [
           "Change the default for ",
           e.label || e.field
         ] }),
-        /* @__PURE__ */ n("div", { "data-default-control": !0, children: /* @__PURE__ */ n(
-          ie,
-          {
-            collection: a.collection,
-            field: e,
-            relations: t,
-            context: a.context ?? {},
-            value: s,
-            onChange: d
-          }
-        ) }),
-        x && /* @__PURE__ */ n("p", { role: "alert", className: "text-[11.5px] text-red-600 dark:text-red-400", children: x }),
-        /* @__PURE__ */ n(
-          oe,
-          {
-            canSave: !M(s),
-            pending: m.isPending,
-            onCancel: u,
-            onSave: () => m.mutate({
+        /* @__PURE__ */ o("div", { className: "flex flex-wrap items-start gap-2", children: [
+          /* @__PURE__ */ s("div", { "data-default-control": !0, className: "min-w-[12rem] max-w-[28rem] flex-1", children: /* @__PURE__ */ s(
+            se,
+            {
               collection: a.collection,
-              field: a.field,
-              value: s,
-              context: a.context ?? {}
-            })
-          }
-        )
+              field: e,
+              relations: n,
+              context: a.context ?? {},
+              value: l,
+              onChange: c
+            }
+          ) }),
+          /* @__PURE__ */ s(
+            re,
+            {
+              canSave: !K(l),
+              pending: u.isPending,
+              onCancel: f,
+              onSave: () => u.mutate({
+                collection: a.collection,
+                field: a.field,
+                value: l,
+                context: a.context ?? {}
+              })
+            }
+          )
+        ] }),
+        k && /* @__PURE__ */ s("p", { role: "alert", className: "text-[11.5px] text-red-600 dark:text-red-400", children: k })
       ]
     }
   );
 }
-function te({
-  value: a,
-  options: e,
-  placeholder: t,
-  label: o,
-  onChange: u,
-  testId: i,
-  disabled: s
-}) {
-  const [d, m] = w(!1), x = e.find((c) => c.value === a);
-  return /* @__PURE__ */ p(Qe, { open: d, onOpenChange: m, children: [
-    /* @__PURE__ */ n(Ve, { asChild: !0, children: /* @__PURE__ */ p(
-      "button",
-      {
-        type: "button",
-        role: "combobox",
-        "aria-expanded": d,
-        "aria-label": o,
-        "data-default-pick": i,
-        disabled: s,
-        className: "flex h-8 w-full items-center justify-between gap-2 rounded-md border border-slate-200 bg-white px-2.5 text-left text-[12.5px] text-slate-700 transition-colors hover:border-slate-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan/40 disabled:cursor-not-allowed disabled:bg-slate-50 disabled:hover:border-slate-200 dark:border-border dark:bg-background dark:text-slate-200 dark:hover:border-slate-600 dark:disabled:bg-muted/40 dark:disabled:hover:border-border",
-        children: [
-          /* @__PURE__ */ n("span", { className: R("truncate", !x && "text-slate-500 dark:text-slate-400"), children: (x == null ? void 0 : x.label) ?? t }),
-          /* @__PURE__ */ n(Ne, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ n(Be, { className: "w-[260px] p-0", align: "start", children: /* @__PURE__ */ p(Le, { children: [
-      /* @__PURE__ */ n(Ue, { placeholder: "Search…", className: "h-8 text-[12px]" }),
-      /* @__PURE__ */ p(Re, { children: [
-        /* @__PURE__ */ n(je, { className: "py-3 text-center text-[12px] text-slate-500 dark:text-slate-400", children: "No matches" }),
-        /* @__PURE__ */ n(Ie, { children: e.map((c) => /* @__PURE__ */ p(
-          Oe,
-          {
-            value: `${c.label} ${c.value}`,
-            onSelect: () => {
-              u(c.value), m(!1);
-            },
-            className: "text-[12px]",
-            children: [
-              /* @__PURE__ */ n(
-                ne,
-                {
-                  className: R("mr-2 h-3 w-3", c.value === a ? "opacity-100" : "opacity-0")
-                }
-              ),
-              c.label
-            ]
-          },
-          c.value
-        )) })
-      ] })
-    ] }) })
-  ] });
-}
-function nt({
-  allowed: a,
-  metas: e,
-  collection: t,
-  onCollection: o,
-  base: u,
-  onDone: i,
-  onSaved: s
+function Ie({
+  collection: a,
+  field: e,
+  meta: n,
+  base: i,
+  forOther: f,
+  onSaved: d
 }) {
-  const [d, m] = w(""), [x, c] = w(null), { save: b, error: y } = de(u, () => {
-    s(t), i();
-  }), f = t ? e.get(t) : void 0, v = a.find((g) => g.collection === t), h = f == null ? void 0 : f.fields.find((g) => g.field === d);
-  return /* @__PURE__ */ p(
-    "div",
+  const [l, c] = _(!1), [u, k] = _(null), { save: x, error: g } = ie(i, () => {
+    c(!1), k(null), d();
+  }), y = n.fields.find((w) => w.field === e), b = T(n, e), v = D(null), p = D(null);
+  X(() => {
+    if (!l) return;
+    const w = window.setTimeout(() => {
+      var h, P, C;
+      (C = (P = (h = p.current) == null ? void 0 : h.querySelector("[data-default-control]")) == null ? void 0 : P.querySelector(le)) == null || C.focus();
+    }, 30);
+    return () => window.clearTimeout(w);
+  }, [l]);
+  const S = () => {
+    c(!1), k(null), requestAnimationFrame(() => {
+      var w;
+      return (w = v.current) == null ? void 0 : w.focus();
+    });
+  };
+  return /* @__PURE__ */ o(
+    "li",
     {
-      "data-default-add-form": !0,
-      className: "mt-3 space-y-2 border-t border-slate-100 pt-3 dark:border-border/60",
+      "data-default-unset": e,
+      "data-editing": l ? "" : void 0,
+      className: $(
+        "-mx-2 flex flex-col gap-2 rounded-md px-2 py-2.5 sm:flex-row sm:items-start sm:gap-3",
+        l && "bg-slate-50 dark:bg-muted/40"
+      ),
       children: [
-        /* @__PURE__ */ p("div", { className: "grid gap-2 sm:grid-cols-2", children: [
-          /* @__PURE__ */ n(
-            te,
+        /* @__PURE__ */ o("div", { className: "min-w-0 flex-1 gap-x-4 gap-y-1 sm:grid sm:grid-cols-[minmax(0,11rem)_minmax(0,1fr)]", children: [
+          /* @__PURE__ */ s(
+            "p",
             {
-              testId: "collection",
-              label: "Collection",
-              placeholder: "Choose a collection",
-              value: t,
-              options: a.map((g) => {
-                var q;
-                return {
-                  value: g.collection,
-                  label: g.label ?? ((q = e.get(g.collection)) == null ? void 0 : q.label) ?? _(g.collection)
-                };
-              }),
-              onChange: (g) => {
-                o(g), m(""), c(null);
-              }
+              "data-default-field": !0,
+              className: $(
+                "truncate text-[12.5px] text-slate-600 dark:text-slate-300",
+                l ? "sm:pt-2" : "sm:pt-px"
+              ),
+              children: b
             }
           ),
-          /* @__PURE__ */ n(
-            te,
+          /* @__PURE__ */ s("div", { className: "min-w-0", children: l && y ? /* @__PURE__ */ o(
+            "fieldset",
             {
-              testId: "field",
-              label: "Field",
-              disabled: !t,
-              placeholder: t ? "Choose a field" : "Choose a collection first",
-              value: d,
-              options: ((v == null ? void 0 : v.fields) ?? []).map((g) => ({
-                value: g,
-                label: f ? P(f, g) : _(g)
-              })),
-              onChange: (g) => {
-                m(g), c(null);
-              }
+              ref: p,
+              className: "m-0 min-w-0 space-y-1.5 border-0 p-0",
+              "data-default-editor": !0,
+              onKeyDown: (w) => {
+                var h;
+                w.key !== "Escape" || w.defaultPrevented || (h = p.current) != null && h.contains(w.target) && (w.stopPropagation(), S());
+              },
+              children: [
+                /* @__PURE__ */ o("legend", { className: "sr-only", children: [
+                  "Set the default for ",
+                  b
+                ] }),
+                /* @__PURE__ */ o("div", { className: "flex flex-wrap items-start gap-2", children: [
+                  /* @__PURE__ */ s("div", { "data-default-control": !0, className: "min-w-[12rem] max-w-[28rem] flex-1", children: /* @__PURE__ */ s(
+                    se,
+                    {
+                      collection: a,
+                      field: y,
+                      relations: n.relations,
+                      context: {},
+                      value: u,
+                      onChange: k
+                    }
+                  ) }),
+                  /* @__PURE__ */ s(
+                    re,
+                    {
+                      canSave: !K(u),
+                      pending: x.isPending,
+                      onCancel: S,
+                      onSave: () => x.mutate({ collection: a, field: e, value: u, context: {} })
+                    }
+                  )
+                ] }),
+                g && /* @__PURE__ */ s("p", { role: "alert", className: "text-[11.5px] text-red-600 dark:text-red-400", children: g }),
+                f && /* @__PURE__ */ s("p", { className: "text-[11px] text-slate-500 dark:text-slate-400", children: "Checked as them: they must be able to set the field and pick the value." })
+              ]
             }
-          )
+          ) : /* @__PURE__ */ s(
+            "p",
+            {
+              "data-default-value": !0,
+              className: "pt-px text-[12.5px] italic text-slate-500 dark:text-slate-400",
+              children: "Not set"
+            }
+          ) })
         ] }),
-        h && (f != null && f.ready) ? /* @__PURE__ */ n(
-          ie,
+        !l && /* @__PURE__ */ s("div", { className: "flex shrink-0 items-center gap-1 sm:pt-px", children: /* @__PURE__ */ o(
+          "button",
           {
-            collection: t,
-            field: h,
-            relations: f.relations,
-            context: {},
-            value: x,
-            onChange: c
+            ref: v,
+            type: "button",
+            "data-default-set": e,
+            "aria-label": `Set a default for ${b}`,
+            disabled: !y,
+            onClick: () => c(!0),
+            className: $(Y, "disabled:opacity-50"),
+            children: [
+              /* @__PURE__ */ s(ge, { className: "h-3 w-3" }),
+              " Set"
+            ]
           }
-        ) : d && !(f != null && f.ready) ? /* @__PURE__ */ n(D, { className: "h-8 w-full" }) : null,
-        y && /* @__PURE__ */ n("p", { role: "alert", className: "text-[11.5px] text-red-600 dark:text-red-400", children: y }),
-        /* @__PURE__ */ p("div", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ n("p", { className: "text-[11px] text-slate-500 dark:text-slate-400", children: "Checked as them: they must be able to set the field and pick the value." }),
-          /* @__PURE__ */ n(
-            oe,
-            {
-              canSave: !!h && !M(x),
-              pending: b.isPending,
-              onCancel: i,
-              onSave: () => b.mutate({ collection: t, field: d, value: x, context: {} })
-            }
-          )
-        ] })
+        ) })
       ]
     }
   );
 }
 export {
-  wt as MyDefaultsCard
+  ot as MyDefaultsCard
 };