@nivaro/react 0.3.24 → 0.3.26

package/dist/shared/components/item-edit/RelationCombobox.js

@@ -1,30 +1,31 @@
 import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import { useQuery as k } from "@tanstack/react-query";
+import { useQuery as S } from "@tanstack/react-query";
 import { ChevronDown as Se, Loader2 as Q, AlertTriangle as Ue, Search as Ae, X as Me, Check as qe } from "lucide-react";
-import { useState as C, useRef as Z, useEffect as O, useLayoutEffect as De, useMemo as I } from "react";
+import { useState as $, useRef as Z, useEffect as O, useLayoutEffect as De, useMemo as I } from "react";
 import { createPortal as _e } from "react-dom";
 import { useNivaroClient as ie, useItemEditAuth as Je, useStaleFieldReporter as ze } from "../../context.js";
 import { get as j, post as He } from "../../lib/commands.js";
-import { useRecordReader as Ce } from "../../lib/record-loader.js";
-import { useOnlineUsers as Ye } from "../../lib/use-online-users.js";
-import { UserAvatar as We } from "../UserAvatar.js";
-import { userOptionFilter as Xe, cn as D } from "../../lib/utils.js";
-import { applyDisplayTemplate as v } from "./helpers.js";
-import { collidingIds as Ge, disambiguators as Ve } from "./option-disambiguate.js";
-import { usePickerMissReport as Ze } from "./picker-miss.js";
-import { useLatestSearch as Qe, narrowLocally as Be } from "./picker-search.js";
-function et(o) {
-  return o.replace(/\(.*$/, "").trim().split(/\s+/).map((r) => r[0]).filter(Boolean).slice(0, 2).join("").toUpperCase() || "?";
+import { compareByMatch as Ye } from "../../lib/picker-rank.js";
+import { useRecordReader as $e } from "../../lib/record-loader.js";
+import { useOnlineUsers as We } from "../../lib/use-online-users.js";
+import { UserAvatar as Xe } from "../UserAvatar.js";
+import { userOptionFilter as Ge, cn as D } from "../../lib/utils.js";
+import { applyDisplayTemplate as k } from "./helpers.js";
+import { collidingIds as Ve, disambiguators as Ze } from "./option-disambiguate.js";
+import { usePickerMissReport as Qe } from "./picker-miss.js";
+import { useLatestSearch as Be, narrowLocally as et } from "./picker-search.js";
+function tt(s) {
+  return s.replace(/\(.*$/, "").trim().split(/\s+/).map((r) => r[0]).filter(Boolean).slice(0, 2).join("").toUpperCase() || "?";
 }
-function tt(o) {
-  const [r, d] = C(null), y = {
-    onMouseEnter: (g) => {
-      if (!o) return;
-      const m = g.currentTarget.getBoundingClientRect(), u = window.innerHeight - m.bottom < 80;
+function rt(s) {
+  const [r, d] = $(null), x = {
+    onMouseEnter: (h) => {
+      if (!s) return;
+      const m = h.currentTarget.getBoundingClientRect(), u = window.innerHeight - m.bottom < 80;
       d({ x: m.left, y: u ? m.top - 58 : m.bottom + 4 });
     },
     onMouseLeave: () => d(null)
-  }, S = o && r ? _e(
+  }, q = s && r ? _e(
     /* @__PURE__ */ n(
       "div",
       {
@@ -35,49 +36,49 @@ function tt(o) {
     ),
     document.body
   ) : null;
-  return { bind: y, tip: S };
+  return { bind: x, tip: q };
 }
-function rt({
-  collection: o,
+function nt({
+  collection: s,
   value: r,
   onChange: d,
-  disabled: y,
-  placeholder: S,
-  extraFilter: g,
+  disabled: x,
+  placeholder: q,
+  extraFilter: h,
   autoSelectSingle: m,
   optionSort: u,
   requiredParent: R,
   facets: i,
-  fieldKey: $,
+  fieldKey: C,
   narrowedBy: l,
   pinned: p,
-  missPlacement: q
+  missPlacement: _
 }) {
-  const F = ie(), ae = Ce(), [w, K] = C(!1), [_, le] = C(""), [$e, Le] = C(!1), L = Qe(_, $e), de = Z(null), J = Z(null);
+  const F = ie(), ae = $e(), [y, K] = $(!1), [N, le] = $(""), [Ce, Le] = $(!1), L = Be(N, Ce), de = Z(null), J = Z(null);
   O(() => {
-    w ? setTimeout(() => {
+    y ? setTimeout(() => {
       var e;
       return (e = de.current) == null ? void 0 : e.focus();
     }, 30) : le("");
-  }, [w]), O(() => {
-    if (!w) return;
-    const e = (s) => {
+  }, [y]), O(() => {
+    if (!y) return;
+    const e = (o) => {
       var a;
-      const t = s.target;
-      (a = t == null ? void 0 : t.closest) != null && a.call(t, "[data-nvr-combobox-panel]") || J.current && !J.current.contains(s.target) && K(!1);
+      const t = o.target;
+      (a = t == null ? void 0 : t.closest) != null && a.call(t, "[data-nvr-combobox-panel]") || J.current && !J.current.contains(o.target) && K(!1);
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [w]);
-  const [ce, B] = C(null), [ue, je] = C(null);
+  }, [y]);
+  const [ce, B] = $(null), [ue, je] = $(null);
   De(() => {
-    if (!w) {
+    if (!y) {
       B(null);
       return;
     }
     const e = () => {
-      const s = J.current;
-      if (!s) return;
-      const t = s.getBoundingClientRect(), a = s.closest('[role="dialog"]') ?? document.body;
+      const o = J.current;
+      if (!o) return;
+      const t = o.getBoundingClientRect(), a = o.closest('[role="dialog"]') ?? document.body;
       je(a);
       const ye = window.innerHeight - t.bottom < 340 && t.top > window.innerHeight - t.bottom, we = t.left, ve = ye ? t.top - 4 : t.bottom + 4, Ne = {
         minWidth: t.width,
@@ -94,104 +95,104 @@ function rt({
     return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
       window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
     };
-  }, [w]);
-  const { data: ee, isPending: Re } = k({
-    queryKey: ["col-meta", o],
-    queryFn: () => F.request(j(`/collections/${o}`)).then((e) => e.data),
+  }, [y]);
+  const { data: ee, isPending: Re } = S({
+    queryKey: ["col-meta", s],
+    queryFn: () => F.request(j(`/collections/${s}`)).then((e) => e.data),
     staleTime: 3e5,
     retry: !1
-  }), [te, Fe] = C({}), { data: me = [] } = k({
-    queryKey: ["collection-meta", o],
+  }), [te, Fe] = $({}), { data: me = [] } = S({
+    queryKey: ["collection-meta", s],
     queryFn: () => F.request(
-      j(`/collections/${o}`)
+      j(`/collections/${s}`)
     ).then(
       (e) => {
-        var s;
-        return ((s = e.data) == null ? void 0 : s.relations) ?? [];
+        var o;
+        return ((o = e.data) == null ? void 0 : o.relations) ?? [];
       }
     ),
     enabled: !!(i != null && i.length),
     staleTime: 10 * 6e4
   }), Te = I(() => {
     const e = {};
-    for (const s of i ?? []) {
+    for (const o of i ?? []) {
       const t = me.find(
-        (a) => a.many_collection === o && a.many_field === s.field && !a.junction_field
+        (a) => a.many_collection === s && a.many_field === o.field && !a.junction_field
       );
-      t != null && t.one_collection && (e[s.field] = t.one_collection);
+      t != null && t.one_collection && (e[o.field] = t.one_collection);
     }
     return e;
-  }, [i, me, o]), T = o === "nivaro_users", Ee = Ye(T), pe = Je().isAdmin, re = I(() => {
+  }, [i, me, s]), T = s === "nivaro_users", Ee = We(T), pe = Je().isAdmin, re = I(() => {
     const e = [];
-    T && e.push(Xe(pe)), g && e.push(g);
-    for (const [s, t] of Object.entries(te))
-      t != null && t !== "" && e.push({ [s]: { _eq: t } });
+    T && e.push(Ge(pe)), h && e.push(h);
+    for (const [o, t] of Object.entries(te))
+      t != null && t !== "" && e.push({ [o]: { _eq: t } });
     if (e.length !== 0)
       return e.length === 1 ? e[0] : { _and: e };
-  }, [g, te, pe]), z = (ee == null ? void 0 : ee.display_template) ?? (T ? "{{first_name}} {{last_name}} ({{email}})" : null), b = I(() => {
+  }, [h, te, pe]), z = (ee == null ? void 0 : ee.display_template) ?? (T ? "{{first_name}} {{last_name}} ({{email}})" : null), g = I(() => {
     if (!z) return;
-    const e = [...z.matchAll(/\{\{([\w.]+)\}\}/g)].map((s) => s[1]);
+    const e = [...z.matchAll(/\{\{([\w.]+)\}\}/g)].map((o) => o[1]);
     if (e.length)
       return ["id", ...e].join(",");
-  }, [z]), N = re ? JSON.stringify(re) : void 0, P = u && !/^-?label$/.test(u) ? u : void 0, {
+  }, [z]), v = re ? JSON.stringify(re) : void 0, P = u && !/^-?label$/.test(u) ? u : void 0, {
     data: f,
     isFetching: E,
     isPlaceholderData: fe
-  } = k({
+  } = S({
     queryKey: [
       "relation-opts",
-      o,
+      s,
       L,
-      N,
-      b,
+      v,
+      g,
       P ?? ""
     ],
     queryFn: () => F.request(
-      j(`/items/${o}`, {
+      j(`/items/${s}`, {
         limit: 200,
         picker: "1",
         ...L ? { search: L } : {},
-        ...N ? { filter: N } : {},
-        ...b ? { fields: b } : {},
+        ...v ? { filter: v } : {},
+        ...g ? { fields: g } : {},
         ...P ? { sort: P } : {}
       })
     ).then((e) => e.data ?? []),
     // Wait for the display template: it decides `fields`, and starting before
     // it lands sent the whole first page twice.
-    enabled: w && !Re,
-    staleTime: N ? 0 : 3e4,
+    enabled: y && !Re,
+    staleTime: v ? 0 : 3e4,
     // A new SEARCH keeps the previous answer on screen (narrowed locally below)
     // instead of blanking the list behind a spinner. A changed filter, sort or
     // template never does — those rows may no longer be allowed.
-    placeholderData: (e, s) => {
-      const t = s == null ? void 0 : s.queryKey;
+    placeholderData: (e, o) => {
+      const t = o == null ? void 0 : o.queryKey;
       if (!(!e || !t))
-        return t[1] === o && t[3] === N && t[4] === b && t[5] === (P ?? "") ? e : void 0;
+        return t[1] === s && t[3] === v && t[4] === g && t[5] === (P ?? "") ? e : void 0;
     }
   });
-  O(() => Le(E), [E]), Ze({
-    placement: q,
-    open: w,
+  O(() => Le(E), [E]), Qe({
+    placement: _,
+    open: y,
     search: L,
     settled: !E && !fe && f !== void 0,
     count: (f == null ? void 0 : f.length) ?? 0
   });
-  const { data: H, isLoading: Oe } = k({
-    queryKey: ["relation-single", o, String(r), b],
-    queryFn: () => ae(o, r, b),
+  const { data: H, isLoading: Oe } = S({
+    queryKey: ["relation-single", s, String(r), g],
+    queryFn: () => ae(s, r, g),
     enabled: !!r,
     staleTime: 6e4
-  }), x = (p == null ? void 0 : p.id) != null && p.id !== "" ? String(p.id) : null, { data: U } = k({
-    queryKey: ["relation-single", o, x ?? "", b],
-    queryFn: () => ae(o, x, b).catch(
+  }), b = (p == null ? void 0 : p.id) != null && p.id !== "" ? String(p.id) : null, { data: U } = S({
+    queryKey: ["relation-single", s, b ?? "", g],
+    queryFn: () => ae(s, b, g).catch(
       () => null
     ),
-    enabled: !!x && w,
+    enabled: !!b && y,
     staleTime: 6e4
-  }), Ie = JSON.stringify(g ? { _and: [{ id: { _eq: r } }, g] } : { id: { _eq: r } }), { data: Y } = k({
-    queryKey: ["relation-avail", o, String(r), N],
+  }), Ie = JSON.stringify(h ? { _and: [{ id: { _eq: r } }, h] } : { id: { _eq: r } }), { data: Y } = S({
+    queryKey: ["relation-avail", s, String(r), v],
     queryFn: () => F.request(
-      j(`/items/${o}`, {
+      j(`/items/${s}`, {
         filter: Ie,
         picker: "1",
         limit: 1,
@@ -201,74 +202,74 @@ function rt({
     // The pinned option is offered OUTSIDE the option filter (a type's generic
     // item is excluded from the general list on purpose), so a value that IS
     // the pin is available by construction — never probe it, never flag it.
-    enabled: !!r && !!H && String(r) !== x,
+    enabled: !!r && !!H && String(r) !== b,
     staleTime: 3e4
-  }), A = !!r && String(r) !== x && Y !== void 0 && Y.length === 0, W = Z(null), ne = Z(!1), he = `${o}|${N ?? ""}`, Ke = () => {
+  }), A = !!r && String(r) !== b && Y !== void 0 && Y.length === 0, W = Z(null), ne = Z(!1), he = `${s}|${v ?? ""}`, Ke = () => {
     ne.current = !0, W.current = he, d(null);
   }, X = r == null || r === "";
   O(() => {
     X || (ne.current = !1);
   }, [X]), O(() => {
-    if (!m || y || !X || ne.current) return;
+    if (!m || x || !X || ne.current) return;
     const e = he;
     W.current !== e && (W.current = e, F.request(
-      j(`/items/${o}`, {
+      j(`/items/${s}`, {
         limit: 2,
         picker: "1",
         fields: "id",
-        ...N ? { filter: N } : {}
+        ...v ? { filter: v } : {}
       })
-    ).then((s) => {
+    ).then((o) => {
       var a;
-      const t = s.data ?? [];
+      const t = o.data ?? [];
       t.length === 1 && ((a = t[0]) == null ? void 0 : a.id) != null && d(t[0].id);
     }).catch(() => {
       W.current = null;
     }));
-  }, [m, y, X, o, N]);
-  const h = z, ge = r && H ? v(h, H) : null, se = !fe && _ === L, G = I(
-    () => Be(
+  }, [m, x, X, s, v]);
+  const w = z, ge = r && H ? k(w, H) : null, se = !fe && N === L, G = I(
+    () => et(
       f ?? [],
-      (e) => v(h, e) || `#${e.id}`,
-      _,
+      (e) => k(w, e) || `#${e.id}`,
+      N,
       se
     ),
-    [f, h, _, se]
+    [f, w, N, se]
   ), V = I(
-    () => Ge(f ?? [], (e) => v(h, e) || `#${e.id}`),
-    [f, h]
-  ), { data: M } = k({
-    queryKey: ["relation-opts-dups", o, V.join(",")],
+    () => Ve(f ?? [], (e) => k(w, e) || `#${e.id}`),
+    [f, w]
+  ), { data: M } = S({
+    queryKey: ["relation-opts-dups", s, V.join(",")],
     queryFn: () => F.request(
-      j(`/items/${o}`, {
+      j(`/items/${s}`, {
         limit: V.length,
         picker: "1",
         filter: JSON.stringify({ id: { _in: V } }),
         fields: "*"
       })
     ).then((e) => e.data ?? []),
-    enabled: w && V.length > 0 && !T,
+    enabled: y && V.length > 0 && !T,
     staleTime: 6e4
   }), be = I(() => {
     if (!(M != null && M.length)) return /* @__PURE__ */ new Map();
     const e = new Map(
       (f ?? []).map((t) => [
         String(t.id),
-        (v(h, t) || `#${t.id}`).trim().toLowerCase()
+        (k(w, t) || `#${t.id}`).trim().toLowerCase()
       ])
-    ), s = /* @__PURE__ */ new Map();
+    ), o = /* @__PURE__ */ new Map();
     for (const t of M) {
       const a = e.get(String(t.id));
-      a !== void 0 && s.set(a, [...s.get(a) ?? [], t]);
+      a !== void 0 && o.set(a, [...o.get(a) ?? [], t]);
     }
-    return Ve(
-      [...s.values()],
-      ((b == null ? void 0 : b.split(",")) ?? []).map((t) => t.split(".")[0])
+    return Ze(
+      [...o.values()],
+      ((g == null ? void 0 : g.split(",")) ?? []).map((t) => t.split(".")[0])
     );
-  }, [M, f, h, b]), Pe = !!r && Oe && !H, xe = tt(A), oe = ze();
+  }, [M, f, w, g]), Pe = !!r && Oe && !H, xe = rt(A), oe = ze();
   return O(() => {
-    !oe || !$ || Y === void 0 || oe($, A);
-  }, [oe, $, A, Y]), R ? /* @__PURE__ */ c(
+    !oe || !C || Y === void 0 || oe(C, A);
+  }, [oe, C, A, Y]), R ? /* @__PURE__ */ c(
     "button",
     {
       type: "button",
@@ -291,7 +292,7 @@ function rt({
         "button",
         {
           type: "button",
-          disabled: y,
+          disabled: x,
           onClick: () => K((e) => !e),
           className: D(
             "flex h-9 w-full items-center justify-between gap-2 rounded-md border bg-background px-3 text-sm text-left hover:bg-muted disabled:pointer-events-none disabled:opacity-50",
@@ -307,7 +308,7 @@ function rt({
                 ),
                 children: [
                   A && /* @__PURE__ */ n(Ue, { className: "h-3.5 w-3.5 shrink-0 text-amber-500" }),
-                  /* @__PURE__ */ n("span", { className: "truncate", children: ge ?? S ?? "Select…" })
+                  /* @__PURE__ */ n("span", { className: "truncate", children: ge ?? q ?? "Select…" })
                 ]
               }
             ),
@@ -316,7 +317,7 @@ function rt({
         }
       ),
       xe.tip,
-      w && ce && ue && _e(
+      y && ce && ue && _e(
         /* @__PURE__ */ c(
           "div",
           {
@@ -328,13 +329,13 @@ function rt({
             ),
             children: [
               !!(i != null && i.length) && /* @__PURE__ */ n("div", { className: "grid grid-cols-2 gap-2 border-b border-border bg-slate-50/60 p-2 dark:bg-muted/40", children: i.map((e) => {
-                const s = Te[e.field];
-                return s ? /* @__PURE__ */ c("div", { children: [
+                const o = Te[e.field];
+                return o ? /* @__PURE__ */ c("div", { children: [
                   /* @__PURE__ */ n("p", { className: "mb-0.5 text-[10px] font-medium uppercase tracking-wide text-slate-400", children: e.label ?? e.field }),
                   /* @__PURE__ */ n(
-                    rt,
+                    nt,
                     {
-                      collection: s,
+                      collection: o,
                       value: te[e.field] ?? null,
                       onChange: (t) => Fe((a) => ({ ...a, [e.field]: t })),
                       placeholder: "Any",
@@ -350,7 +351,7 @@ function rt({
                   "input",
                   {
                     ref: de,
-                    value: _,
+                    value: N,
                     onChange: (e) => le(e.target.value),
                     placeholder: "Search…",
                     className: "flex h-9 w-full bg-transparent py-3 text-[13px] outline-none placeholder:text-muted-foreground"
@@ -365,7 +366,7 @@ function rt({
                 )
               ] }),
               /* @__PURE__ */ c("div", { className: "max-h-52 overflow-y-auto py-1", children: [
-                !!r && !y && /* @__PURE__ */ c(
+                !!r && !x && /* @__PURE__ */ c(
                   "button",
                   {
                     type: "button",
@@ -379,7 +380,7 @@ function rt({
                     ]
                   }
                 ),
-                x && /* @__PURE__ */ c(
+                b && /* @__PURE__ */ c(
                   "button",
                   {
                     type: "button",
@@ -394,24 +395,24 @@ function rt({
                         {
                           className: D(
                             "flex h-4 w-4 shrink-0 items-center justify-center rounded-full border transition-colors",
-                            String(r) === x ? "border-nvr-cyan bg-nvr-cyan" : "border-slate-300"
+                            String(r) === b ? "border-nvr-cyan bg-nvr-cyan" : "border-slate-300"
                           ),
-                          children: String(r) === x && /* @__PURE__ */ n(qe, { className: "h-2.5 w-2.5 text-white" })
+                          children: String(r) === b && /* @__PURE__ */ n(qe, { className: "h-2.5 w-2.5 text-white" })
                         }
                       ),
-                      /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate", children: U ? v(h, U) || `#${x}` : `#${x}` }),
+                      /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate", children: U ? k(w, U) || `#${b}` : `#${b}` }),
                       /* @__PURE__ */ n("span", { className: "shrink-0 rounded bg-nvr-cyan/15 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-slate-700 dark:text-foreground", children: (p == null ? void 0 : p.tag) ?? "Default" })
                     ]
                   }
                 ),
-                f === void 0 && E ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ n(Q, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }) : G.length === 0 && !se ? /* @__PURE__ */ n("p", { className: "px-3 py-2 text-[13px] text-muted-foreground", children: "Searching…" }) : G.length === 0 ? l && l.labels.length > 0 && !_.trim() ? /* @__PURE__ */ c("div", { className: "px-3 py-2 text-[12px] leading-5 text-muted-foreground", children: [
+                f === void 0 && E ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ n(Q, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }) : G.length === 0 && !se ? /* @__PURE__ */ n("p", { className: "px-3 py-2 text-[13px] text-muted-foreground", children: "Searching…" }) : G.length === 0 ? l && l.labels.length > 0 && !N.trim() ? /* @__PURE__ */ c("div", { className: "px-3 py-2 text-[12px] leading-5 text-muted-foreground", children: [
                   /* @__PURE__ */ c("p", { children: [
                     "No options for",
                     " ",
                     /* @__PURE__ */ n("span", { className: "font-medium text-foreground", children: l.labels.join(" · ") }),
                     l.onClear ? " — clear one to widen the list:" : "."
                   ] }),
-                  l.onClear && /* @__PURE__ */ n("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: l.keys.map((e, s) => /* @__PURE__ */ c(
+                  l.onClear && /* @__PURE__ */ n("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: l.keys.map((e, o) => /* @__PURE__ */ c(
                     "button",
                     {
                       type: "button",
@@ -422,15 +423,20 @@ function rt({
                       className: "rounded-md border border-border bg-background px-2 py-0.5 text-[11.5px] font-medium text-foreground transition-colors duration-150 hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan",
                       children: [
                         "Clear ",
-                        l.labels[s] ?? e
+                        l.labels[o] ?? e
                       ]
                     },
                     e
                   )) })
-                ] }) : /* @__PURE__ */ n("p", { className: "px-3 py-2 text-[13px] text-muted-foreground", children: _.trim() ? `No results for “${_.trim()}”` : "No results" }) : (P ? [...G] : [...G].sort(
-                  (e, s) => u === "-label" ? v(h, s).localeCompare(v(h, e)) : v(h, e).localeCompare(v(h, s))
-                )).filter((e) => !x || String(e.id) !== x).map((e) => {
-                  const s = v(h, e) || `#${e.id}`, t = String(e.id) === String(r);
+                ] }) : /* @__PURE__ */ n("p", { className: "px-3 py-2 text-[13px] text-muted-foreground", children: N.trim() ? `No results for “${N.trim()}”` : "No results" }) : (P ? [...G] : [...G].sort(
+                  (e, o) => Ye(
+                    k(w, e),
+                    k(w, o),
+                    N,
+                    u === "-label"
+                  )
+                )).filter((e) => !b || String(e.id) !== b).map((e) => {
+                  const o = k(w, e) || `#${e.id}`, t = String(e.id) === String(r);
                   return /* @__PURE__ */ c(
                     "button",
                     {
@@ -451,11 +457,11 @@ function rt({
                           }
                         ),
                         T && /* @__PURE__ */ n(
-                          We,
+                          Xe,
                           {
                             userId: e.id,
                             className: "h-4 w-4",
-                            fallback: /* @__PURE__ */ n("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-nvr-cyan/20 text-[8px] font-bold text-nvr-navy dark:text-nvr-cyan", children: et(s) })
+                            fallback: /* @__PURE__ */ n("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-nvr-cyan/20 text-[8px] font-bold text-nvr-navy dark:text-nvr-cyan", children: tt(o) })
                           }
                         ),
                         T && Ee.has(String(e.id).toUpperCase()) && /* @__PURE__ */ n(
@@ -465,7 +471,7 @@ function rt({
                             "data-tip": "Online now"
                           }
                         ),
-                        s,
+                        o,
                         be.has(String(e.id)) && /* @__PURE__ */ n(
                           "span",
                           {
@@ -481,9 +487,9 @@ function rt({
                 })
               ] }),
               !E && /* @__PURE__ */ n(
-                nt,
+                st,
                 {
-                  collection: o,
+                  collection: s,
                   search: L,
                   filter: re,
                   narrowedLabels: (l == null ? void 0 : l.labels) ?? [],
@@ -498,41 +504,41 @@ function rt({
     ] })
   );
 }
-function nt({
-  collection: o,
+function st({
+  collection: s,
   search: r,
   filter: d,
-  narrowedLabels: y,
-  auto: S
+  narrowedLabels: x,
+  auto: q
 }) {
-  const g = ie(), [m, u] = C(!1), R = d ? JSON.stringify(d) : "", { data: i, isFetching: $ } = k({
-    queryKey: ["picker-narrowing", o, r, R],
-    queryFn: () => g.request(
-      He("/picker-narrowing", { collection: o, search: r, filter: d ?? null })
-    ).then((q) => q.data),
-    enabled: m || S,
+  const h = ie(), [m, u] = $(!1), R = d ? JSON.stringify(d) : "", { data: i, isFetching: C } = S({
+    queryKey: ["picker-narrowing", s, r, R],
+    queryFn: () => h.request(
+      He("/picker-narrowing", { collection: s, search: r, filter: d ?? null })
+    ).then((_) => _.data),
+    enabled: m || q,
     staleTime: 3e4,
     retry: !1
   });
-  if (!m && !S)
+  if (!m && !q)
     return /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        onClick: (q) => {
-          q.stopPropagation(), u(!0);
+        onClick: (_) => {
+          _.stopPropagation(), u(!0);
         },
         className: "w-full border-t border-border px-3 py-1.5 text-left text-[11px] text-muted-foreground hover:text-foreground",
         "data-picker-narrowing-ask": !0,
         children: "Missing something?"
       }
     );
-  if ($ && !i)
+  if (C && !i)
     return /* @__PURE__ */ n("p", { className: "border-t border-border px-3 py-1.5 text-[11px] text-muted-foreground", children: "Checking what narrows this list…" });
   if (!i) return null;
   const l = [], p = r ? `match “${r}”` : "exist";
   return i.by_field_filter > 0 && l.push(
-    `${i.by_field_filter.toLocaleString()} more ${p} but this field only offers ${y.length ? `records that fit ${y.join(" · ")}` : "records its filter allows"}.`
+    `${i.by_field_filter.toLocaleString()} more ${p} but this field only offers ${x.length ? `records that fit ${x.join(" · ")}` : "records its filter allows"}.`
   ), i.by_exclusions > 0 && l.push(
     `${i.by_exclusions.toLocaleString()} ${i.by_exclusions === 1 ? "is" : "are"} hidden from pickers by an admin.`
   ), i.scopes.length > 0 && l.push(`Your ${i.scopes.join(", ")} access narrows what you can pick here.`), i.row_filter && l.push("Your role only sees some of these records."), l.length === 0 && l.push(
@@ -544,42 +550,42 @@ function nt({
       "data-picker-narrowing": !0,
       "data-picker-narrowing-field": i.by_field_filter,
       "data-picker-narrowing-excluded": i.by_exclusions,
-      children: l.map((q) => /* @__PURE__ */ n("p", { children: q }, q))
+      children: l.map((_) => /* @__PURE__ */ n("p", { children: _ }, _))
     }
   );
 }
-function yt({
-  collection: o,
+function vt({
+  collection: s,
   id: r,
   displayTemplate: d
 }) {
-  const y = ie(), S = Ce(), g = o === "nivaro_files" || o === "directus_files", m = (() => {
+  const x = ie(), q = $e(), h = s === "nivaro_files" || s === "directus_files", m = (() => {
     if (!d || !d.includes(".")) return null;
-    const i = [...d.matchAll(/\{\{([^}]+)\}\}/g)].map(($) => $[1].trim());
+    const i = [...d.matchAll(/\{\{([^}]+)\}\}/g)].map((C) => C[1].trim());
     return i.length > 0 ? ["id", ...i].join(",") : null;
-  })(), { data: u, isLoading: R } = k({
-    queryKey: ["relation-single", o, String(r), m ?? ""],
-    queryFn: () => g ? (
+  })(), { data: u, isLoading: R } = S({
+    queryKey: ["relation-single", s, String(r), m ?? ""],
+    queryFn: () => h ? (
       // The file's row, not its bytes: GET /files/:id downloads the whole
       // file (twice with the retry, 404 when storage lost it) only to read
       // its name, and a missing object left the raw id as the label.
-      y.request(
+      x.request(
         j(`/files/${encodeURIComponent(String(r))}/meta`)
       ).then((i) => i.data)
-    ) : S(o, r, m),
-    enabled: !!r && !!o,
+    ) : q(s, r, m),
+    enabled: !!r && !!s,
     staleTime: 6e4
   });
   if (R) return /* @__PURE__ */ n(Q, { className: "h-3 w-3 animate-spin text-slate-400" });
   if (!u) return /* @__PURE__ */ n("span", { children: String(r ?? "") });
-  if (g) {
+  if (h) {
     const i = u.title || u.filename_download || u.filename_disk || String(r);
     return /* @__PURE__ */ n("span", { children: i });
   }
-  return /* @__PURE__ */ n("span", { children: v(d, u) });
+  return /* @__PURE__ */ n("span", { children: k(d, u) });
 }
 export {
-  yt as RelatedItemLabel,
-  rt as RelationCombobox,
-  tt as useStaleTip
+  vt as RelatedItemLabel,
+  nt as RelationCombobox,
+  rt as useStaleTip
 };