@nivaro/react 0.3.40 → 0.3.42

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

@@ -1,32 +1,32 @@
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
 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 $, 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 { 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 { SearchHighlight as Xe } from "../SearchHighlight.js";
-import { UserAvatar as Ge } from "../UserAvatar.js";
-import { userOptionFilter as Ve, cn as D } from "../../lib/utils.js";
+import { ChevronDown as $e, Loader2 as B, AlertTriangle as Je, Search as ze, X as He, Check as Ce } from "lucide-react";
+import { useState as $, useRef as I, useEffect as j, useLayoutEffect as Ye, useMemo as K } from "react";
+import { createPortal as Le } from "react-dom";
+import { useNivaroClient as ae, useItemEditAuth as We, useStaleFieldReporter as Xe } from "../../context.js";
+import { get as R, post as Ge } from "../../lib/commands.js";
+import { compareByMatch as Ve } from "../../lib/picker-rank.js";
+import { useRecordReader as je } from "../../lib/record-loader.js";
+import { useOnlineUsers as Ze } from "../../lib/use-online-users.js";
+import { SearchHighlight as Qe } from "../SearchHighlight.js";
+import { UserAvatar as Be } from "../UserAvatar.js";
+import { userOptionFilter as et, cn as J } from "../../lib/utils.js";
 import { applyDisplayTemplate as k } from "./helpers.js";
-import { collidingIds as Ze, disambiguators as Qe } from "./option-disambiguate.js";
-import { usePickerMissReport as Be } from "./picker-miss.js";
-import { useLatestSearch as et, narrowLocally as tt } from "./picker-search.js";
-function rt(s) {
+import { collidingIds as tt, disambiguators as rt } from "./option-disambiguate.js";
+import { usePickerMissReport as nt } from "./picker-miss.js";
+import { useLatestSearch as st, narrowLocally as ot } from "./picker-search.js";
+function it(s) {
   return s.replace(/\(.*$/, "").trim().split(/\s+/).map((r) => r[0]).filter(Boolean).slice(0, 2).join("").toUpperCase() || "?";
 }
-function nt(s) {
-  const [r, d] = $(null), x = {
-    onMouseEnter: (h) => {
+function at(s) {
+  const [r, d] = $(null), y = {
+    onMouseEnter: (g) => {
       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 });
+      const p = g.currentTarget.getBoundingClientRect(), m = window.innerHeight - p.bottom < 80;
+      d({ x: p.left, y: m ? p.top - 58 : p.bottom + 4 });
     },
     onMouseLeave: () => d(null)
-  }, q = s && r ? _e(
+  }, q = s && r ? Le(
     /* @__PURE__ */ n(
       "div",
       {
@@ -37,75 +37,84 @@ function nt(s) {
     ),
     document.body
   ) : null;
-  return { bind: x, tip: q };
+  return { bind: y, tip: q };
 }
-function st({
+function lt({
   collection: s,
   value: r,
   onChange: d,
-  disabled: x,
+  disabled: y,
   placeholder: q,
-  extraFilter: h,
-  autoSelectSingle: m,
-  optionSort: u,
-  requiredParent: R,
+  extraFilter: g,
+  autoSelectSingle: p,
+  optionSort: m,
+  requiredParent: F,
   facets: i,
   fieldKey: C,
   narrowedBy: l,
-  pinned: p,
-  missPlacement: _
+  pinned: f,
+  missPlacement: _,
+  defaultOpen: Re,
+  onClose: le
 }) {
-  const F = ie(), ae = $e(), [y, K] = $(!1), [v, le] = $(""), [Ce, Le] = $(!1), L = et(v, Ce), de = Z(null), J = Z(null);
-  O(() => {
-    y ? setTimeout(() => {
+  const T = ae(), de = je(), [c, P] = $(Re ?? !1), [v, ce] = $(""), z = I(le);
+  z.current = le;
+  const ue = I(c);
+  j(() => {
+    var e;
+    ue.current && !c && ((e = z.current) == null || e.call(z)), ue.current = c;
+  }, [c]);
+  const [Fe, Te] = $(!1), L = st(v, Fe), me = I(null), H = I(null);
+  j(() => {
+    c ? setTimeout(() => {
       var e;
-      return (e = de.current) == null ? void 0 : e.focus();
-    }, 30) : le("");
-  }, [y]), O(() => {
-    if (!y) return;
+      return (e = me.current) == null ? void 0 : e.focus();
+    }, 30) : ce("");
+  }, [c]), j(() => {
+    if (!c) return;
     const e = (o) => {
       var a;
       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);
+      (a = t == null ? void 0 : t.closest) != null && a.call(t, "[data-nvr-combobox-panel]") || H.current && !H.current.contains(o.target) && P(!1);
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [y]);
-  const [ce, B] = $(null), [ue, je] = $(null);
-  De(() => {
-    if (!y) {
-      B(null);
+  }, [c]);
+  const [pe, ee] = $(null), [fe, Ee] = $(null);
+  Ye(() => {
+    if (!c) {
+      ee(null);
       return;
     }
     const e = () => {
-      const o = J.current;
+      const o = H.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 = {
+      Ee(a);
+      const Ne = window.innerHeight - t.bottom < 340 && t.top > window.innerHeight - t.bottom, ke = t.left, Se = Ne ? t.top - 4 : t.bottom + 4, qe = {
         minWidth: t.width,
         zIndex: 120,
-        ...ye ? { transform: "translateY(-100%)" } : {}
+        ...Ne ? { transform: "translateY(-100%)" } : {}
       };
       if (a === document.body)
-        B({ position: "fixed", left: we, top: ve, ...Ne });
+        ee({ position: "fixed", left: ke, top: Se, ...qe });
       else {
-        const ke = a.getBoundingClientRect();
-        B({ position: "absolute", left: we - ke.left, top: ve - ke.top, ...Ne });
+        const _e = a.getBoundingClientRect();
+        ee({ position: "absolute", left: ke - _e.left, top: Se - _e.top, ...qe });
       }
     };
     return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
       window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
     };
-  }, [y]);
-  const { data: ee, isPending: Re } = S({
+  }, [c]);
+  const { data: te, isPending: Oe } = S({
     queryKey: ["col-meta", s],
-    queryFn: () => F.request(j(`/collections/${s}`)).then((e) => e.data),
+    queryFn: () => T.request(R(`/collections/${s}`)).then((e) => e.data),
     staleTime: 3e5,
     retry: !1
-  }), [te, Fe] = $({}), { data: me = [] } = S({
+  }), [re, Ie] = $({}), { data: he = [] } = S({
     queryKey: ["collection-meta", s],
-    queryFn: () => F.request(
-      j(`/collections/${s}`)
+    queryFn: () => T.request(
+      R(`/collections/${s}`)
     ).then(
       (e) => {
         var o;
@@ -114,53 +123,53 @@ function st({
     ),
     enabled: !!(i != null && i.length),
     staleTime: 10 * 6e4
-  }), Te = I(() => {
+  }), Ke = K(() => {
     const e = {};
     for (const o of i ?? []) {
-      const t = me.find(
+      const t = he.find(
         (a) => a.many_collection === s && a.many_field === o.field && !a.junction_field
       );
       t != null && t.one_collection && (e[o.field] = t.one_collection);
     }
     return e;
-  }, [i, me, s]), T = s === "nivaro_users", Ee = We(T), pe = Je().isAdmin, re = I(() => {
+  }, [i, he, s]), E = s === "nivaro_users", Pe = Ze(E), ge = We().isAdmin, ne = K(() => {
     const e = [];
-    T && e.push(Ve(pe)), h && e.push(h);
-    for (const [o, t] of Object.entries(te))
+    E && e.push(et(ge)), g && e.push(g);
+    for (const [o, t] of Object.entries(re))
       t != null && t !== "" && e.push({ [o]: { _eq: t } });
     if (e.length !== 0)
       return e.length === 1 ? e[0] : { _and: e };
-  }, [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((o) => o[1]);
+  }, [g, re, ge]), Y = (te == null ? void 0 : te.display_template) ?? (E ? "{{first_name}} {{last_name}} ({{email}})" : null), b = K(() => {
+    if (!Y) return;
+    const e = [...Y.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, {
-    data: f,
-    isFetching: E,
-    isPlaceholderData: fe
+  }, [Y]), N = ne ? JSON.stringify(ne) : void 0, U = m && !/^-?label$/.test(m) ? m : void 0, {
+    data: h,
+    isFetching: O,
+    isPlaceholderData: be
   } = S({
     queryKey: [
       "relation-opts",
       s,
       L,
       N,
-      g,
-      P ?? ""
+      b,
+      U ?? ""
     ],
-    queryFn: () => F.request(
-      j(`/items/${s}`, {
+    queryFn: () => T.request(
+      R(`/items/${s}`, {
         limit: 200,
         picker: "1",
         ...L ? { search: L } : {},
         ...N ? { filter: N } : {},
-        ...g ? { fields: g } : {},
-        ...P ? { sort: P } : {}
+        ...b ? { fields: b } : {},
+        ...U ? { sort: U } : {}
       })
     ).then((e) => e.data ?? []),
     // Wait for the display template: it decides `fields`, and starting before
     // it lands sent the whole first page twice.
-    enabled: y && !Re,
+    enabled: c && !Oe,
     staleTime: N ? 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
@@ -168,33 +177,33 @@ function st({
     placeholderData: (e, o) => {
       const t = o == null ? void 0 : o.queryKey;
       if (!(!e || !t))
-        return t[1] === s && t[3] === N && t[4] === g && t[5] === (P ?? "") ? e : void 0;
+        return t[1] === s && t[3] === N && t[4] === b && t[5] === (U ?? "") ? e : void 0;
     }
   });
-  O(() => Le(E), [E]), Be({
+  j(() => Te(O), [O]), nt({
     placement: _,
-    open: y,
+    open: c,
     search: L,
-    settled: !E && !fe && f !== void 0,
-    count: (f == null ? void 0 : f.length) ?? 0
+    settled: !O && !be && h !== void 0,
+    count: (h == null ? void 0 : h.length) ?? 0
   });
-  const { data: H, isLoading: Oe } = S({
-    queryKey: ["relation-single", s, String(r), g],
-    queryFn: () => ae(s, r, g),
+  const { data: W, isLoading: Ue } = S({
+    queryKey: ["relation-single", s, String(r), b],
+    queryFn: () => de(s, r, b),
     enabled: !!r,
     staleTime: 6e4
-  }), 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(
+  }), x = (f == null ? void 0 : f.id) != null && f.id !== "" ? String(f.id) : null, { data: A } = S({
+    queryKey: ["relation-single", s, x ?? "", b],
+    queryFn: () => de(s, x, b).catch(
       () => null
     ),
-    enabled: !!b && y,
+    enabled: !!x && c,
     staleTime: 6e4
-  }), Ie = JSON.stringify(h ? { _and: [{ id: { _eq: r } }, h] } : { id: { _eq: r } }), { data: Y } = S({
+  }), Ae = JSON.stringify(g ? { _and: [{ id: { _eq: r } }, g] } : { id: { _eq: r } }), { data: X } = S({
     queryKey: ["relation-avail", s, String(r), N],
-    queryFn: () => F.request(
-      j(`/items/${s}`, {
-        filter: Ie,
+    queryFn: () => T.request(
+      R(`/items/${s}`, {
+        filter: Ae,
         picker: "1",
         limit: 1,
         fields: "id"
@@ -203,18 +212,18 @@ function st({
     // 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) !== b,
+    enabled: !!r && !!W && String(r) !== x,
     staleTime: 3e4
-  }), A = !!r && String(r) !== b && Y !== void 0 && Y.length === 0, W = Z(null), ne = Z(!1), he = `${s}|${N ?? ""}`, Ke = () => {
-    ne.current = !0, W.current = he, d(null);
-  }, X = r == null || r === "";
-  O(() => {
-    X || (ne.current = !1);
-  }, [X]), O(() => {
-    if (!m || x || !X || ne.current) return;
-    const e = he;
-    W.current !== e && (W.current = e, F.request(
-      j(`/items/${s}`, {
+  }), M = !!r && String(r) !== x && X !== void 0 && X.length === 0, G = I(null), se = I(!1), xe = `${s}|${N ?? ""}`, Me = () => {
+    se.current = !0, G.current = xe, d(null);
+  }, V = r == null || r === "";
+  j(() => {
+    V || (se.current = !1);
+  }, [V]), j(() => {
+    if (!p || y || !V || se.current) return;
+    const e = xe;
+    G.current !== e && (G.current = e, T.request(
+      R(`/items/${s}`, {
         limit: 2,
         picker: "1",
         fields: "id",
@@ -225,120 +234,120 @@ function st({
       const t = o.data ?? [];
       t.length === 1 && ((a = t[0]) == null ? void 0 : a.id) != null && d(t[0].id);
     }).catch(() => {
-      W.current = null;
+      G.current = null;
     }));
-  }, [m, x, X, s, N]);
-  const w = z, ge = r && H ? k(w, H) : null, se = !fe && v === L, G = I(
-    () => tt(
-      f ?? [],
+  }, [p, y, V, s, N]);
+  const w = Y, ye = r && W ? k(w, W) : null, oe = !be && v === L, Z = K(
+    () => ot(
+      h ?? [],
       (e) => k(w, e) || `#${e.id}`,
       v,
-      se
+      oe
     ),
-    [f, w, v, se]
-  ), V = I(
-    () => Ze(f ?? [], (e) => k(w, e) || `#${e.id}`),
-    [f, w]
-  ), { data: M } = S({
-    queryKey: ["relation-opts-dups", s, V.join(",")],
-    queryFn: () => F.request(
-      j(`/items/${s}`, {
-        limit: V.length,
+    [h, w, v, oe]
+  ), Q = K(
+    () => tt(h ?? [], (e) => k(w, e) || `#${e.id}`),
+    [h, w]
+  ), { data: D } = S({
+    queryKey: ["relation-opts-dups", s, Q.join(",")],
+    queryFn: () => T.request(
+      R(`/items/${s}`, {
+        limit: Q.length,
         picker: "1",
-        filter: JSON.stringify({ id: { _in: V } }),
+        filter: JSON.stringify({ id: { _in: Q } }),
         fields: "*"
       })
     ).then((e) => e.data ?? []),
-    enabled: y && V.length > 0 && !T,
+    enabled: c && Q.length > 0 && !E,
     staleTime: 6e4
-  }), be = I(() => {
-    if (!(M != null && M.length)) return /* @__PURE__ */ new Map();
+  }), we = K(() => {
+    if (!(D != null && D.length)) return /* @__PURE__ */ new Map();
     const e = new Map(
-      (f ?? []).map((t) => [
+      (h ?? []).map((t) => [
         String(t.id),
         (k(w, t) || `#${t.id}`).trim().toLowerCase()
       ])
     ), o = /* @__PURE__ */ new Map();
-    for (const t of M) {
+    for (const t of D) {
       const a = e.get(String(t.id));
       a !== void 0 && o.set(a, [...o.get(a) ?? [], t]);
     }
-    return Qe(
+    return rt(
       [...o.values()],
-      ((g == null ? void 0 : g.split(",")) ?? []).map((t) => t.split(".")[0])
+      ((b == null ? void 0 : b.split(",")) ?? []).map((t) => t.split(".")[0])
     );
-  }, [M, f, w, g]), Pe = !!r && Oe && !H, xe = nt(A), oe = ze();
-  return O(() => {
-    !oe || !C || Y === void 0 || oe(C, A);
-  }, [oe, C, A, Y]), R ? /* @__PURE__ */ c(
+  }, [D, h, w, b]), De = !!r && Ue && !W, ve = at(M), ie = Xe();
+  return j(() => {
+    !ie || !C || X === void 0 || ie(C, M);
+  }, [ie, C, M, X]), F ? /* @__PURE__ */ u(
     "button",
     {
       type: "button",
       disabled: !0,
       className: "flex h-9 w-full items-center justify-between gap-2 rounded-md border border-input bg-background px-3 text-sm text-left opacity-50 cursor-not-allowed",
       children: [
-        /* @__PURE__ */ c("span", { className: "truncate text-muted-foreground", children: [
+        /* @__PURE__ */ u("span", { className: "truncate text-muted-foreground", children: [
           "Select ",
-          R,
+          F,
           " first"
         ] }),
-        /* @__PURE__ */ n(Se, { className: "h-4 w-4 shrink-0 opacity-50" })
+        /* @__PURE__ */ n($e, { className: "h-4 w-4 shrink-0 opacity-50" })
       ]
     }
   ) : (
     // Stale tooltip binds on the WRAPPER: a disabled trigger button swallows
     // mouse events, so a locked-but-stale field would never show the hint.
-    /* @__PURE__ */ c("div", { ref: J, className: "relative", ...xe.bind, children: [
-      /* @__PURE__ */ c(
+    /* @__PURE__ */ u("div", { ref: H, className: "relative", ...ve.bind, children: [
+      /* @__PURE__ */ u(
         "button",
         {
           type: "button",
-          disabled: x,
-          onClick: () => K((e) => !e),
-          className: D(
+          disabled: y,
+          onClick: () => P((e) => !e),
+          className: J(
             "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",
-            A ? "border-amber-300 dark:border-amber-600" : "border-input"
+            M ? "border-amber-300 dark:border-amber-600" : "border-input"
           ),
           children: [
-            Pe ? /* @__PURE__ */ n(Q, { className: "h-3.5 w-3.5 animate-spin text-muted-foreground" }) : /* @__PURE__ */ c(
+            De ? /* @__PURE__ */ n(B, { className: "h-3.5 w-3.5 animate-spin text-muted-foreground" }) : /* @__PURE__ */ u(
               "span",
               {
-                className: D(
+                className: J(
                   "flex items-center gap-1.5 truncate min-w-0",
-                  !ge && "text-muted-foreground"
+                  !ye && "text-muted-foreground"
                 ),
                 children: [
-                  A && /* @__PURE__ */ n(Ue, { className: "h-3.5 w-3.5 shrink-0 text-amber-500" }),
-                  /* @__PURE__ */ n("span", { className: "truncate", children: ge ?? q ?? "Select…" })
+                  M && /* @__PURE__ */ n(Je, { className: "h-3.5 w-3.5 shrink-0 text-amber-500" }),
+                  /* @__PURE__ */ n("span", { className: "truncate", children: ye ?? q ?? "Select…" })
                 ]
               }
             ),
-            /* @__PURE__ */ n(Se, { className: "h-4 w-4 shrink-0 opacity-50" })
+            /* @__PURE__ */ n($e, { className: "h-4 w-4 shrink-0 opacity-50" })
           ]
         }
       ),
-      xe.tip,
-      y && ce && ue && _e(
-        /* @__PURE__ */ c(
+      ve.tip,
+      c && pe && fe && Le(
+        /* @__PURE__ */ u(
           "div",
           {
             "data-nvr-combobox-panel": "",
-            style: ce,
-            className: D(
+            style: pe,
+            className: J(
               "nvr-pop-in rounded-md border border-border bg-popover shadow-md",
               i != null && i.length ? "w-[560px] max-w-[92vw]" : "min-w-[240px] w-max max-w-[360px]"
             ),
             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 o = Te[e.field];
-                return o ? /* @__PURE__ */ c("div", { children: [
+                const o = Ke[e.field];
+                return o ? /* @__PURE__ */ u("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(
-                    st,
+                    lt,
                     {
                       collection: o,
-                      value: te[e.field] ?? null,
-                      onChange: (t) => Fe((a) => ({ ...a, [e.field]: t })),
+                      value: re[e.field] ?? null,
+                      onChange: (t) => Ie((a) => ({ ...a, [e.field]: t })),
                       placeholder: "Any",
                       optionSort: e.sort,
                       extraFilter: e.filter
@@ -346,74 +355,74 @@ function st({
                   )
                 ] }, e.field) : null;
               }) }),
-              /* @__PURE__ */ c("div", { className: "flex items-center border-b px-3", children: [
-                /* @__PURE__ */ n(Ae, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+              /* @__PURE__ */ u("div", { className: "flex items-center border-b px-3", children: [
+                /* @__PURE__ */ n(ze, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
                 /* @__PURE__ */ n(
                   "input",
                   {
-                    ref: de,
+                    ref: me,
                     value: v,
-                    onChange: (e) => le(e.target.value),
+                    onChange: (e) => ce(e.target.value),
                     placeholder: "Search…",
                     className: "flex h-9 w-full bg-transparent py-3 text-[13px] outline-none placeholder:text-muted-foreground"
                   }
                 ),
-                E && f !== void 0 && /* @__PURE__ */ n(
-                  Q,
+                O && h !== void 0 && /* @__PURE__ */ n(
+                  B,
                   {
                     "data-picker-searching": !0,
                     className: "ml-2 h-3.5 w-3.5 shrink-0 animate-spin text-muted-foreground"
                   }
                 )
               ] }),
-              /* @__PURE__ */ c("div", { className: "max-h-52 overflow-y-auto py-1", children: [
-                !!r && !x && /* @__PURE__ */ c(
+              /* @__PURE__ */ u("div", { className: "max-h-52 overflow-y-auto py-1", children: [
+                !!r && !y && /* @__PURE__ */ u(
                   "button",
                   {
                     type: "button",
                     onClick: () => {
-                      Ke(), K(!1);
+                      Me(), P(!1);
                     },
                     className: "flex w-full items-center gap-2 px-3 py-1.5 text-[13px] text-slate-500 hover:bg-muted border-b border-slate-100 dark:text-slate-400 dark:border-border",
                     children: [
-                      /* @__PURE__ */ n(Me, { className: "h-3.5 w-3.5 text-slate-400" }),
+                      /* @__PURE__ */ n(He, { className: "h-3.5 w-3.5 text-slate-400" }),
                       "Clear selection"
                     ]
                   }
                 ),
-                b && /* @__PURE__ */ c(
+                x && /* @__PURE__ */ u(
                   "button",
                   {
                     type: "button",
                     "data-nvr-pinned-option": !0,
                     onClick: () => {
-                      d((U == null ? void 0 : U.id) ?? (p == null ? void 0 : p.id)), K(!1);
+                      d((A == null ? void 0 : A.id) ?? (f == null ? void 0 : f.id)), P(!1);
                     },
                     className: "flex w-full items-center gap-2 border-b border-slate-100 bg-nvr-cyan/5 px-3 py-1.5 text-left text-[13px] hover:bg-nvr-cyan/10 dark:border-border",
                     children: [
                       /* @__PURE__ */ n(
                         "div",
                         {
-                          className: D(
+                          className: J(
                             "flex h-4 w-4 shrink-0 items-center justify-center rounded-full border transition-colors",
-                            String(r) === b ? "border-nvr-cyan bg-nvr-cyan" : "border-slate-300"
+                            String(r) === x ? "border-nvr-cyan bg-nvr-cyan" : "border-slate-300"
                           ),
-                          children: String(r) === b && /* @__PURE__ */ n(qe, { className: "h-2.5 w-2.5 text-white" })
+                          children: String(r) === x && /* @__PURE__ */ n(Ce, { className: "h-2.5 w-2.5 text-white" })
                         }
                       ),
-                      /* @__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" })
+                      /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate", children: A ? k(w, A) || `#${x}` : `#${x}` }),
+                      /* @__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: (f == null ? void 0 : f.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 && !v.trim() ? /* @__PURE__ */ c("div", { className: "px-3 py-2 text-[12px] leading-5 text-muted-foreground", children: [
-                  /* @__PURE__ */ c("p", { children: [
+                h === void 0 && O ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ n(B, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }) : Z.length === 0 && !oe ? /* @__PURE__ */ n("p", { className: "px-3 py-2 text-[13px] text-muted-foreground", children: "Searching…" }) : Z.length === 0 ? l && l.labels.length > 0 && !v.trim() ? /* @__PURE__ */ u("div", { className: "px-3 py-2 text-[12px] leading-5 text-muted-foreground", children: [
+                  /* @__PURE__ */ u("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, o) => /* @__PURE__ */ c(
+                  l.onClear && /* @__PURE__ */ n("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: l.keys.map((e, o) => /* @__PURE__ */ u(
                     "button",
                     {
                       type: "button",
@@ -429,56 +438,56 @@ function st({
                     },
                     e
                   )) })
-                ] }) : /* @__PURE__ */ n("p", { className: "px-3 py-2 text-[13px] text-muted-foreground", children: v.trim() ? `No results for “${v.trim()}”` : "No results" }) : (P ? [...G] : [...G].sort(
-                  (e, o) => Ye(
+                ] }) : /* @__PURE__ */ n("p", { className: "px-3 py-2 text-[13px] text-muted-foreground", children: v.trim() ? `No results for “${v.trim()}”` : "No results" }) : (U ? [...Z] : [...Z].sort(
+                  (e, o) => Ve(
                     k(w, e),
                     k(w, o),
                     v,
-                    u === "-label"
+                    m === "-label"
                   )
-                )).filter((e) => !b || String(e.id) !== b).map((e) => {
+                )).filter((e) => !x || String(e.id) !== x).map((e) => {
                   const o = k(w, e) || `#${e.id}`, t = String(e.id) === String(r);
-                  return /* @__PURE__ */ c(
+                  return /* @__PURE__ */ u(
                     "button",
                     {
                       type: "button",
                       onClick: () => {
-                        d(e.id), K(!1);
+                        d(e.id), P(!1);
                       },
                       className: "flex w-full items-center gap-2 px-3 py-1.5 text-[13px] text-left hover:bg-muted",
                       children: [
                         /* @__PURE__ */ n(
                           "div",
                           {
-                            className: D(
+                            className: J(
                               "flex h-4 w-4 shrink-0 items-center justify-center rounded-full border transition-colors",
                               t ? "border-nvr-cyan bg-nvr-cyan" : "border-slate-300"
                             ),
-                            children: t && /* @__PURE__ */ n(qe, { className: "h-2.5 w-2.5 text-white" })
+                            children: t && /* @__PURE__ */ n(Ce, { className: "h-2.5 w-2.5 text-white" })
                           }
                         ),
-                        T && /* @__PURE__ */ n(
-                          Ge,
+                        E && /* @__PURE__ */ n(
+                          Be,
                           {
                             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: rt(o) })
+                            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: it(o) })
                           }
                         ),
-                        T && Ee.has(String(e.id).toUpperCase()) && /* @__PURE__ */ n(
+                        E && Pe.has(String(e.id).toUpperCase()) && /* @__PURE__ */ n(
                           "span",
                           {
                             className: "h-1.5 w-1.5 shrink-0 rounded-full bg-emerald-500",
                             "data-tip": "Online now"
                           }
                         ),
-                        /* @__PURE__ */ n(Xe, { text: o, query: v }),
-                        be.has(String(e.id)) && /* @__PURE__ */ n(
+                        /* @__PURE__ */ n(Qe, { text: o, query: v }),
+                        we.has(String(e.id)) && /* @__PURE__ */ n(
                           "span",
                           {
                             className: "ml-auto max-w-[45%] shrink-0 truncate pl-2 text-[11.5px] text-muted-foreground",
                             "data-option-detail": !0,
-                            children: be.get(String(e.id))
+                            children: we.get(String(e.id))
                           }
                         )
                       ]
@@ -487,47 +496,47 @@ function st({
                   );
                 })
               ] }),
-              !E && /* @__PURE__ */ n(
-                ot,
+              !O && /* @__PURE__ */ n(
+                dt,
                 {
                   collection: s,
                   search: L,
-                  filter: re,
+                  filter: ne,
                   narrowedLabels: (l == null ? void 0 : l.labels) ?? [],
-                  auto: (f ?? []).length === 0 && !!L
+                  auto: (h ?? []).length === 0 && !!L
                 }
               )
             ]
           }
         ),
-        ue
+        fe
       )
     ] })
   );
 }
-function ot({
+function dt({
   collection: s,
   search: r,
   filter: d,
-  narrowedLabels: x,
+  narrowedLabels: y,
   auto: q
 }) {
-  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 })
+  const g = ae(), [p, m] = $(!1), F = d ? JSON.stringify(d) : "", { data: i, isFetching: C } = S({
+    queryKey: ["picker-narrowing", s, r, F],
+    queryFn: () => g.request(
+      Ge("/picker-narrowing", { collection: s, search: r, filter: d ?? null })
     ).then((_) => _.data),
-    enabled: m || q,
+    enabled: p || q,
     staleTime: 3e4,
     retry: !1
   });
-  if (!m && !q)
+  if (!p && !q)
     return /* @__PURE__ */ n(
       "button",
       {
         type: "button",
         onClick: (_) => {
-          _.stopPropagation(), u(!0);
+          _.stopPropagation(), m(!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,
@@ -537,9 +546,9 @@ function ot({
   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";
+  const l = [], f = r ? `match “${r}”` : "exist";
   return i.by_field_filter > 0 && l.push(
-    `${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_field_filter.toLocaleString()} more ${f} but this field only offers ${y.length ? `records that fit ${y.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(
@@ -555,38 +564,38 @@ function ot({
     }
   );
 }
-function kt({
+function $t({
   collection: s,
   id: r,
   displayTemplate: d
 }) {
-  const x = ie(), q = $e(), h = s === "nivaro_files" || s === "directus_files", m = (() => {
+  const y = ae(), q = je(), g = s === "nivaro_files" || s === "directus_files", p = (() => {
     if (!d || !d.includes(".")) return null;
     const i = [...d.matchAll(/\{\{([^}]+)\}\}/g)].map((C) => C[1].trim());
     return i.length > 0 ? ["id", ...i].join(",") : null;
-  })(), { data: u, isLoading: R } = S({
-    queryKey: ["relation-single", s, String(r), m ?? ""],
-    queryFn: () => h ? (
+  })(), { data: m, isLoading: F } = S({
+    queryKey: ["relation-single", s, String(r), p ?? ""],
+    queryFn: () => g ? (
       // 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.
-      x.request(
-        j(`/files/${encodeURIComponent(String(r))}/meta`)
+      y.request(
+        R(`/files/${encodeURIComponent(String(r))}/meta`)
       ).then((i) => i.data)
-    ) : q(s, r, m),
+    ) : q(s, r, p),
     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 (h) {
-    const i = u.title || u.filename_download || u.filename_disk || String(r);
+  if (F) return /* @__PURE__ */ n(B, { className: "h-3 w-3 animate-spin text-slate-400" });
+  if (!m) return /* @__PURE__ */ n("span", { children: String(r ?? "") });
+  if (g) {
+    const i = m.title || m.filename_download || m.filename_disk || String(r);
     return /* @__PURE__ */ n("span", { children: i });
   }
-  return /* @__PURE__ */ n("span", { children: k(d, u) });
+  return /* @__PURE__ */ n("span", { children: k(d, m) });
 }
 export {
-  kt as RelatedItemLabel,
-  st as RelationCombobox,
-  nt as useStaleTip
+  $t as RelatedItemLabel,
+  lt as RelationCombobox,
+  at as useStaleTip
 };