@nivaro/react 0.3.29 → 0.3.31

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

@@ -1,83 +1,84 @@
-import { jsxs as m, jsx as n, Fragment as qt } from "react/jsx-runtime";
-import { useQueryClient as $r, useQuery as z, useQueries as $t } from "@tanstack/react-query";
-import { Search as it, Loader2 as ae, ChevronRight as jt, Star as Be, AlertTriangle as ze, AlertCircle as St, X as lt, ChevronDown as jr } from "lucide-react";
-import { useState as Y, useRef as Ve, useMemo as O, useEffect as je, Fragment as Je } from "react";
-import { createPortal as Fr } from "react-dom";
-import { useNivaroClient as Ft, useParentDraft as Tr, useReimportHandler as Or } from "../../context.js";
-import { canOpenCatalogItem as er, openCatalogItem as tr } from "../../lib/catalog-item-open.js";
-import { get as R, del as Rr, patch as Yt, post as Zt } from "../../lib/commands.js";
-import { evaluateBoolean as Pr } from "../../lib/expression.js";
-import { useLiveRefetchInterval as Er } from "../../lib/live-queries.js";
-import { submissionLineErrors as Lr, normalizeIdent as Ar } from "../../lib/submission-errors.js";
-import { titleCase as I, cn as B, matchesAllTokens as Cr } from "../../lib/utils.js";
-import { ImportFromFileButton as Kr } from "../import/ImportFromFileButton.js";
-import { Popover as Jr, PopoverAnchor as Qr, PopoverContent as zr } from "../ui/popover.js";
-import { applyDisplayTemplate as Fe } from "./helpers.js";
-import { evalClientFormula as Qe } from "./InlineTableField.js";
-import { isIntegerFieldType as Br, checkNumberEntry as Gt, mergePendingQtyRow as Vr, lineRuleErrors as Ur } from "./line-qty.js";
-import { resolveM2MRelatedCollection as Dr } from "./M2MCombobox.js";
-import { useO2MStaging as Hr } from "./O2MStagingContext.js";
-import { RelationCombobox as Mr } from "./RelationCombobox.js";
-const rr = (f, y) => {
-  let _ = f;
-  for (const q of y.split(".")) {
-    if (_ == null || typeof _ != "object") return;
-    _ = _[q];
+import { jsxs as m, jsx as n, Fragment as ct } from "react/jsx-runtime";
+import { useQueryClient as Qr, useQuery as D, useQueries as Ft } from "@tanstack/react-query";
+import { Search as mt, Loader2 as ne, ChevronRight as Tt, Star as De, AlertTriangle as Be, AlertCircle as jt, X as ut, Plus as zr, ChevronDown as Br } from "lucide-react";
+import { useState as I, useRef as Ve, useMemo as O, useEffect as Fe, Fragment as Qe } from "react";
+import { createPortal as Dr } from "react-dom";
+import { useNivaroClient as Ot, useParentDraft as Vr, useReimportHandler as Ur } from "../../context.js";
+import { canOpenCatalogItem as mr, openCatalogItem as ur } from "../../lib/catalog-item-open.js";
+import { get as R, del as Hr, patch as ar, post as ir } from "../../lib/commands.js";
+import { evaluateBoolean as Wr } from "../../lib/expression.js";
+import { useLiveRefetchInterval as Ir } from "../../lib/live-queries.js";
+import { submissionLineErrors as Mr, normalizeIdent as Yr } from "../../lib/submission-errors.js";
+import { titleCase as Z, cn as z, matchesAllTokens as Zr } from "../../lib/utils.js";
+import { ImportFromFileButton as Gr } from "../import/ImportFromFileButton.js";
+import { useOverflowTip as Xr } from "../TipLayer.js";
+import { Popover as en, PopoverAnchor as tn, PopoverContent as rn } from "../ui/popover.js";
+import { applyDisplayTemplate as Te } from "./helpers.js";
+import { evalClientFormula as ze } from "./InlineTableField.js";
+import { isIntegerFieldType as lr, checkNumberEntry as or, mergePendingQtyRow as nn, lineRuleErrors as sn } from "./line-qty.js";
+import { resolveM2MRelatedCollection as an } from "./M2MCombobox.js";
+import { useO2MStaging as ln } from "./O2MStagingContext.js";
+import { RelationCombobox as on } from "./RelationCombobox.js";
+const fr = (f, y) => {
+  let S = f;
+  for (const j of y.split(".")) {
+    if (S == null || typeof S != "object") return;
+    S = S[j];
   }
-  return _;
+  return S;
 };
-async function ot(f, y, _) {
-  const q = [];
+async function ft(f, y, S) {
+  const j = [];
   for (let l = 1; l <= 50; l++) {
-    const g = await f.request(R(y, { ..._, limit: 1e3, page: l })).then((h) => h.data ?? []);
-    if (q.push(...g), g.length < 1e3) break;
+    const x = await f.request(R(y, { ...S, limit: 1e3, page: l })).then((p) => p.data ?? []);
+    if (j.push(...x), x.length < 1e3) break;
   }
-  return q;
+  return j;
 }
 function Ue(f, y) {
-  const _ = {};
-  let q = !1;
-  const l = (g) => {
-    if (typeof g == "string" && g.startsWith("$parent.")) {
-      const h = y == null ? void 0 : y[g.slice(8)];
-      return h == null || h === "" ? (q = !0, g) : h;
+  const S = {};
+  let j = !1;
+  const l = (x) => {
+    if (typeof x == "string" && x.startsWith("$parent.")) {
+      const p = y == null ? void 0 : y[x.slice(8)];
+      return p == null || p === "" ? (j = !0, x) : p;
     }
-    return Array.isArray(g) ? g.map(l) : g && typeof g == "object" ? Object.fromEntries(Object.entries(g).map(([h, $]) => [h, l($)])) : g;
+    return Array.isArray(x) ? x.map(l) : x && typeof x == "object" ? Object.fromEntries(Object.entries(x).map(([p, F]) => [p, l(F)])) : x;
   };
-  for (const [g, h] of Object.entries(f ?? {}))
-    if (typeof h == "string" && h.startsWith("$parent.")) {
-      const $ = y == null ? void 0 : y[h.slice(8)];
-      if ($ == null || $ === "") {
-        q = !0;
+  for (const [x, p] of Object.entries(f ?? {}))
+    if (typeof p == "string" && p.startsWith("$parent.")) {
+      const F = y == null ? void 0 : y[p.slice(8)];
+      if (F == null || F === "") {
+        j = !0;
         continue;
       }
-      _[g] = { _eq: $ };
-    } else h && typeof h == "object" ? _[g] = l(h) : _[g] = { _eq: h };
-  return q ? null : _;
+      S[x] = { _eq: F };
+    } else p && typeof p == "object" ? S[x] = l(p) : S[x] = { _eq: p };
+  return j ? null : S;
 }
-function Xt(f, y) {
+function dr(f, y) {
   if (!f) return !0;
-  for (const [_, q] of Object.entries(f)) {
-    const l = y == null ? void 0 : y[_], g = l == null ? null : String(l), h = q && typeof q == "object" ? q : { _eq: q };
-    for (const [$, p] of Object.entries(h))
-      switch ($) {
+  for (const [S, j] of Object.entries(f)) {
+    const l = y == null ? void 0 : y[S], x = l == null ? null : String(l), p = j && typeof j == "object" ? j : { _eq: j };
+    for (const [F, g] of Object.entries(p))
+      switch (F) {
         case "_eq":
-          if (g !== String(p)) return !1;
+          if (x !== String(g)) return !1;
           break;
         case "_neq":
-          if (g === String(p)) return !1;
+          if (x === String(g)) return !1;
           break;
         case "_in":
-          if (!Array.isArray(p) || !p.map(String).includes(g ?? "")) return !1;
+          if (!Array.isArray(g) || !g.map(String).includes(x ?? "")) return !1;
           break;
         case "_nin":
-          if (Array.isArray(p) && p.map(String).includes(g ?? "")) return !1;
+          if (Array.isArray(g) && g.map(String).includes(x ?? "")) return !1;
           break;
         case "_null":
-          if (g !== null) return !1;
+          if (x !== null) return !1;
           break;
         case "_nnull":
-          if (g === null) return !1;
+          if (x === null) return !1;
           break;
         default:
           return !1;
@@ -85,318 +86,356 @@ function Xt(f, y) {
   }
   return !0;
 }
-const Wr = 2e3;
-function yn({
+const dn = 2e3;
+function En({
   relatedCollection: f,
   manyField: y,
-  parentId: _,
-  parentCollection: q,
+  parentId: S,
+  parentCollection: j,
   config: l,
-  readOnly: g = !1
+  readOnly: x = !1
 }) {
-  var Ht, Mt, Wt;
-  const h = Ft(), $ = $r(), p = Hr(), P = Tr(), Z = Or(), D = l.editable_fields ?? [], E = _ === "new", V = l.qty_field ?? "quantity", [oe, ne] = Y(/* @__PURE__ */ new Set()), ge = Ve(!1), [C, ye] = Y(""), [be, G] = Y({}), [se, v] = Y(/* @__PURE__ */ new Set()), [T, F] = Y({}), [W, L] = Y({}), { data: K = [], isPending: de } = z({
+  var er, tr, rr, nr;
+  const p = Ot(), F = Qr(), g = ln(), B = Vr(), M = Ur(), se = l.editable_fields ?? [], K = S === "new", P = l.qty_field ?? "quantity", [oe, G] = I(/* @__PURE__ */ new Set()), _e = Ve(!1), [J, ye] = I(""), [qe, pe] = I({}), [de, ee] = I(/* @__PURE__ */ new Set()), [ce, X] = I({}), [ae, V] = I({}), { data: te = [], isPending: he } = D({
     queryKey: ["collection-relations", f],
-    queryFn: () => h.request(R(`/collections/${f}`)).then((e) => {
+    queryFn: () => p.request(R(`/collections/${f}`)).then((e) => {
       var t;
       return ((t = e.data) == null ? void 0 : t.relations) ?? [];
     }),
     staleTime: 10 * 6e4
-  }), x = O(
+  }), h = O(
     () => {
       var e;
-      return ((e = K.find(
+      return ((e = te.find(
         (t) => t.many_collection === f && t.many_field === l.item_field && !t.junction_field
       )) == null ? void 0 : e.one_collection) ?? null;
     },
-    [K, f, l.item_field]
-  ), { data: pe = [] } = z({
+    [te, f, l.item_field]
+  ), { data: ke = [] } = D({
     queryKey: ["field-config", f, null],
-    queryFn: () => h.request(R(`/field-config/${f}`)).then((e) => e.data ?? []),
+    queryFn: () => p.request(R(`/field-config/${f}`)).then((e) => e.data ?? []),
     staleTime: 6e4
-  }), _e = ((Ht = pe.find((e) => e.field === V)) == null ? void 0 : Ht.type) ?? null, Oe = (e, t, r) => {
+  }), v = ((er = ke.find((e) => e.field === P)) == null ? void 0 : er.type) ?? null, Q = (e, t, r) => {
     var s;
-    return ((s = Ur(
-      pe.filter((c) => c.field === e).map((c) => ({
-        field: c.field,
-        label: c.label || I(c.field),
-        type: c.type,
-        validation_rules: c.validation_rules
+    return ((s = sn(
+      ke.filter((d) => d.field === e).map((d) => ({
+        field: d.field,
+        label: d.label || Z(d.field),
+        type: d.type,
+        validation_rules: d.validation_rules
       })),
       { [e]: t },
       { ...r, [e]: t }
     )[0]) == null ? void 0 : s.message) ?? null;
-  }, { data: X } = z({
-    queryKey: ["col-meta", x],
-    queryFn: () => h.request(
-      R(`/collections/${x}`)
-    ).then((e) => e.data),
-    enabled: !!x,
+  }, { data: _ } = D({
+    queryKey: ["col-meta", h],
+    queryFn: () => p.request(R(`/collections/${h}`)).then((e) => e.data),
+    enabled: !!h,
     staleTime: 3e5
-  }), ee = X == null ? void 0 : X.display_template, A = O(() => {
+  }), E = _ == null ? void 0 : _.display_template, q = O(() => {
     const e = l.section_by.split(".")[0];
-    return ((X == null ? void 0 : X.relations) ?? []).find(
-      (t) => t.one_collection === x && t.one_field === e && !!t.junction_field
+    return ((_ == null ? void 0 : _.relations) ?? []).find(
+      (t) => t.one_collection === h && t.one_field === e && !!t.junction_field
     ) ?? null;
-  }, [X, x, l.section_by]), ce = (A == null ? void 0 : A.many_collection) ?? null, { data: De = [] } = z({
-    queryKey: ["collection-relations", ce],
-    queryFn: () => h.request(R(`/collections/${ce}`)).then((e) => {
+  }, [_, h, l.section_by]), C = (q == null ? void 0 : q.many_collection) ?? null, { data: me = [] } = D({
+    queryKey: ["collection-relations", C],
+    queryFn: () => p.request(R(`/collections/${C}`)).then((e) => {
       var t;
       return ((t = e.data) == null ? void 0 : t.relations) ?? [];
     }),
-    enabled: !!ce,
+    enabled: !!C,
     staleTime: 10 * 6e4
-  }), Q = O(() => {
-    if (!(A != null && A.many_field) || !ce) return null;
-    const e = String(A.junction_field), t = De.find(
-      (s) => s.many_collection === ce && s.many_field === e
-    ), r = Dr(t);
+  }), L = O(() => {
+    if (!(q != null && q.many_field) || !C) return null;
+    const e = String(q.junction_field), t = me.find(
+      (s) => s.many_collection === C && s.many_field === e
+    ), r = an(t);
     return r ? {
-      junction: ce,
-      fkToItem: A.many_field,
+      junction: C,
+      fkToItem: q.many_field,
       fkToSection: e,
       target: r,
       labelPath: l.section_by.split(".").slice(1).join(".") || "id"
     } : null;
-  }, [A, ce, De, l.section_by]), te = P == null ? void 0 : P.draft, { resolvedFilter: Te, resolvedSectionFilter: he, resolvedLinkFilter: a, missingParents: k } = O(() => {
+  }, [q, C, me, l.section_by]), H = B == null ? void 0 : B.draft, { resolvedFilter: Oe, resolvedSectionFilter: xe, resolvedLinkFilter: a, missingParents: k } = O(() => {
     const e = [], t = (o) => {
       if (typeof o == "string" && o.startsWith("$parent.")) {
-        const i = o.slice(8), b = te == null ? void 0 : te[i];
+        const i = o.slice(8), b = H == null ? void 0 : H[i];
         return b == null || b === "" ? (e.push(i), o) : b;
       }
       return Array.isArray(o) ? o.map(t) : o && typeof o == "object" ? Object.fromEntries(Object.entries(o).map(([i, b]) => [i, t(b)])) : o;
-    }, r = l.filter ? t(l.filter) : void 0, s = l.section_filter ? t(l.section_filter) : void 0, c = l.link_filter ? t(l.link_filter) : void 0;
+    }, r = l.filter ? t(l.filter) : void 0, s = l.section_filter ? t(l.section_filter) : void 0, d = l.link_filter ? t(l.link_filter) : void 0;
     return {
       resolvedFilter: r,
       resolvedSectionFilter: s,
-      resolvedLinkFilter: c,
+      resolvedLinkFilter: d,
       missingParents: [...new Set(e)]
     };
-  }, [l.filter, l.section_filter, l.link_filter, te]), U = O(() => {
-    if (!A || !he && !a) return Te;
+  }, [l.filter, l.section_filter, l.link_filter, H]), U = O(() => {
+    if (!q || !xe && !a) return Oe;
     const e = {
-      ...he ?? {},
+      ...xe ?? {},
       ...a ? { _link: a } : {}
-    }, t = { [A.one_field]: { _some: e } };
-    return Te ? { _and: [Te, t] } : t;
-  }, [A, he, a, Te]), J = O(() => {
+    }, t = { [q.one_field]: { _some: e } };
+    return Oe ? { _and: [Oe, t] } : t;
+  }, [q, xe, a, Oe]), A = O(() => {
     const e = /* @__PURE__ */ new Set(["id"]);
-    X && !A && e.add(l.section_by);
-    for (const t of [...(ee ?? "").matchAll(/\{\{([\w.]+)\}\}/g)]) e.add(t[1]);
+    _ && !q && e.add(l.section_by);
+    for (const t of [...(E ?? "").matchAll(/\{\{([\w.]+)\}\}/g)]) e.add(t[1]);
     for (const t of Object.values(l.copy_fields ?? {})) e.add(t);
     for (const t of l.columns ?? []) e.add(t.field);
     return [...e].join(",");
-  }, [ee, X, A, l.section_by, l.copy_fields, l.columns]), re = JSON.stringify(U ?? null), { data: M = [], isLoading: H } = z(
+  }, [E, _, q, l.section_by, l.copy_fields, l.columns]), re = JSON.stringify(U ?? null), { data: Y = [], isLoading: W } = D(
     {
-      queryKey: ["catalog-picker", x, J, re],
-      queryFn: () => h.request(
-        R(`/items/${x}`, {
-          limit: Wr,
-          fields: J,
+      queryKey: ["catalog-picker", h, A, re],
+      queryFn: () => p.request(
+        R(`/items/${h}`, {
+          limit: dn,
+          fields: A,
           ...U ? { filter: JSON.stringify(U) } : {}
         })
       ).then((e) => e.data ?? []),
       // Wait for the catalog meta: a to-many section path both narrows this
       // read and must stay out of its `fields=`.
-      enabled: !!x && !!X && k.length === 0 && (!A || !!Q),
+      enabled: !!h && !!_ && k.length === 0 && (!q || !!L),
       staleTime: 6e4
     }
-  ), ie = JSON.stringify(he ?? null), { data: me = [], isLoading: ke } = z({
-    queryKey: ["catalog-sections", Q == null ? void 0 : Q.target, Q == null ? void 0 : Q.labelPath, ie],
+  ), ie = JSON.stringify(xe ?? null), { data: ue = [], isLoading: we } = D({
+    queryKey: ["catalog-sections", L == null ? void 0 : L.target, L == null ? void 0 : L.labelPath, ie],
     queryFn: async () => {
-      const e = Q;
-      return (await ot(h, `/items/${e.target}`, {
+      const e = L;
+      return (await ft(p, `/items/${e.target}`, {
         fields: `id,${e.labelPath}`,
-        ...he ? { filter: JSON.stringify(he) } : {}
+        ...xe ? { filter: JSON.stringify(xe) } : {}
       })).map((r) => ({
         id: String(r.id),
-        name: String(rr(r, e.labelPath) ?? "").trim()
+        name: String(fr(r, e.labelPath) ?? "").trim()
       }));
     },
-    enabled: !!Q && k.length === 0,
+    enabled: !!L && k.length === 0,
     staleTime: 6e4
-  }), Re = O(() => me.map((e) => e.id), [me]), { data: Tt = [], isLoading: nr } = z({
+  }), Ee = O(() => ue.map((e) => e.id), [ue]), { data: Pt = [], isLoading: br } = D({
     queryKey: [
       "catalog-section-links",
-      Q == null ? void 0 : Q.junction,
-      Re.join(","),
+      L == null ? void 0 : L.junction,
+      Ee.join(","),
       JSON.stringify(a ?? null)
     ],
     queryFn: async () => {
-      const e = Q, t = [];
-      for (let r = 0; r < Re.length; r += 200) {
-        const s = Re.slice(r, r + 200), c = await ot(h, `/items/${e.junction}`, {
+      const e = L, t = [];
+      for (let r = 0; r < Ee.length; r += 200) {
+        const s = Ee.slice(r, r + 200), d = await ft(p, `/items/${e.junction}`, {
           fields: `${e.fkToItem},${e.fkToSection}`,
           filter: JSON.stringify(
             a ? { _and: [{ [e.fkToSection]: { _in: s } }, a] } : { [e.fkToSection]: { _in: s } }
           )
         });
-        for (const o of c)
+        for (const o of d)
           o[e.fkToItem] == null || o[e.fkToSection] == null || t.push({ item: String(o[e.fkToItem]), section: String(o[e.fkToSection]) });
       }
       return t;
     },
-    enabled: !!Q && Re.length > 0,
+    enabled: !!L && Ee.length > 0,
     staleTime: 6e4
-  }), Ot = O(() => {
-    const e = new Map(me.map((r) => [r.id, r.name])), t = /* @__PURE__ */ new Map();
-    for (const r of Tt) {
+  }), Rt = O(() => {
+    const e = new Map(ue.map((r) => [r.id, r.name])), t = /* @__PURE__ */ new Map();
+    for (const r of Pt) {
       const s = e.get(r.section);
       if (!s) continue;
-      const c = t.get(r.item) ?? [];
-      c.includes(s) || c.push(s), t.set(r.item, c);
+      const d = t.get(r.item) ?? [];
+      d.includes(s) || d.push(s), t.set(r.item, d);
     }
     return t;
-  }, [me, Tt]), He = !!A && (!Q || ke || Re.length > 0 && nr), Me = O(() => {
+  }, [ue, Pt]), He = !!q && (!L || we || Ee.length > 0 && br), We = O(() => {
     const e = /* @__PURE__ */ new Map();
-    for (const t of M) e.set(String(t.id), t);
+    for (const t of Y) e.set(String(t.id), t);
     return e;
-  }, [M]), { data: we = [] } = z({
-    queryKey: ["o2m-rows", f, y, _],
-    queryFn: () => h.request(
+  }, [Y]), { data: Ne = [] } = D({
+    queryKey: ["o2m-rows", f, y, S],
+    queryFn: () => p.request(
       R(`/items/${f}`, {
-        filter: JSON.stringify({ [y]: { _eq: _ } }),
+        filter: JSON.stringify({ [y]: { _eq: S } }),
         limit: 1e3
       })
     ).then((e) => e.data ?? []),
-    enabled: !E,
+    enabled: !K,
     staleTime: 15e3
-  }), Pe = !E && !!p, Ne = p ? p.getPendingRows(f, y) : [], We = Pe ? p.getPendingEdits(f, y) : /* @__PURE__ */ new Map(), sr = JSON.stringify([...We.entries()]), Ie = O(
-    () => We.size === 0 ? we : we.map((e) => {
-      const t = We.get(String(e.id));
+  }), Ce = !K && !!g, ve = g ? g.getPendingRows(f, y) : [], Ie = Ce ? g.getPendingEdits(f, y) : /* @__PURE__ */ new Map(), pr = JSON.stringify([...Ie.entries()]), Me = O(
+    () => Ie.size === 0 ? Ne : Ne.map((e) => {
+      const t = Ie.get(String(e.id));
       return t ? { ...e, ...t } : e;
     }),
-    [we, sr]
-  ), Ye = !E && p ? p.getPendingDeletes(f, y) : /* @__PURE__ */ new Set(), Ee = O(() => {
+    [Ne, pr]
+  ), Ye = !K && g ? g.getPendingDeletes(f, y) : /* @__PURE__ */ new Set(), Le = O(() => {
     const e = /* @__PURE__ */ new Map();
-    for (const t of Ie) {
+    for (const t of Me) {
       const r = t[l.item_field];
       r != null && e.set(String(r), t);
     }
     return e;
-  }, [Ie, l.item_field]), Ze = O(() => {
+  }, [Me, l.item_field]), Ze = O(() => {
     const e = /* @__PURE__ */ new Map();
-    return Ne.forEach((t, r) => {
+    return ve.forEach((t, r) => {
       const s = t[l.item_field];
       s != null && e.set(String(s), r);
     }), e;
-  }, [Ne, l.item_field]), le = O(() => {
-    const e = Ne.filter((s) => s[l.item_field] != null).map((s) => ({ key: String(s[l.item_field]), row: s }));
-    if (E) return e;
-    const t = Ie.filter((s) => s[l.item_field] != null).map((s) => ({ key: String(s[l.item_field]), row: s })), r = new Set(t.map((s) => s.key));
+  }, [ve, l.item_field]), le = O(() => {
+    const e = ve.filter((s) => s[l.item_field] != null).map((s) => ({ key: String(s[l.item_field]), row: s }));
+    if (K) return e;
+    const t = Me.filter((s) => s[l.item_field] != null).map((s) => ({ key: String(s[l.item_field]), row: s })), r = new Set(t.map((s) => s.key));
     return [...t, ...e.filter((s) => !r.has(s.key))];
-  }, [E, Ne, Ie, l.item_field]), Ge = O(
-    () => le.filter((e) => !Me.has(e.key)).map((e) => e.key),
-    [le, Me]
-  ), { data: Rt = [] } = z({
-    queryKey: ["catalog-picker-labels", x, J, Ge.join(",")],
-    queryFn: () => h.request(
-      R(`/items/${x}`, {
+  }, [K, ve, Me, l.item_field]), Ge = O(
+    () => le.filter((e) => !We.has(e.key)).map((e) => e.key),
+    [le, We]
+  ), { data: Et = [] } = D({
+    queryKey: ["catalog-picker-labels", h, A, Ge.join(",")],
+    queryFn: () => p.request(
+      R(`/items/${h}`, {
         filter: JSON.stringify({ id: { _in: Ge } }),
-        fields: J,
+        fields: A,
         limit: Ge.length
       })
     ).then((e) => e.data ?? []),
-    enabled: !!x && Ge.length > 0,
+    enabled: !!h && Ge.length > 0,
     staleTime: 6e4
-  }), { data: xe = [] } = z({
-    queryKey: ["pinned-items", x],
-    queryFn: () => h.request(R(`/pinned/${x}`)).then((e) => e.data ?? []),
-    enabled: !!x && !!l.favorites,
+  }), { data: ge = [] } = D({
+    queryKey: ["pinned-items", h],
+    queryFn: () => p.request(R(`/pinned/${h}`)).then((e) => e.data ?? []),
+    enabled: !!h && !!l.favorites,
     staleTime: 6e4
-  }), dt = O(() => new Set(xe), [xe]), { data: Le = [] } = z({
-    queryKey: ["pinned-item-rows", x, J, xe.join(",")],
-    queryFn: () => h.request(
-      R(`/items/${x}`, {
-        filter: JSON.stringify({ id: { _in: xe } }),
-        fields: J,
-        limit: xe.length
+  }), bt = O(() => new Set(ge), [ge]), { data: Ae = [] } = D({
+    queryKey: ["pinned-item-rows", h, A, ge.join(",")],
+    queryFn: () => p.request(
+      R(`/items/${h}`, {
+        filter: JSON.stringify({ id: { _in: ge } }),
+        fields: A,
+        limit: ge.length
       })
     ).then((e) => e.data ?? []),
-    enabled: !!x && !!l.favorites && xe.length > 0,
+    enabled: !!h && !!l.favorites && ge.length > 0,
     staleTime: 6e4
-  }), [Xe, Pt] = Y(/* @__PURE__ */ new Set());
-  async function Et(e) {
-    if (!(!x || Xe.has(e))) {
-      Pt((t) => new Set(t).add(e));
+  }), [Xe, Ct] = I(/* @__PURE__ */ new Set());
+  async function Lt(e) {
+    if (!(!h || Xe.has(e))) {
+      Ct((t) => new Set(t).add(e));
       try {
-        await h.request(Zt(`/pinned/${x}/${e}/toggle`)).catch(() => {
-        }), await $.invalidateQueries({ queryKey: ["pinned-items", x] });
+        await p.request(ir(`/pinned/${h}/${e}/toggle`)).catch(() => {
+        }), await F.invalidateQueries({ queryKey: ["pinned-items", h] });
       } finally {
-        Pt((t) => {
+        Ct((t) => {
           const r = new Set(t);
           return r.delete(e), r;
         });
       }
     }
   }
-  const [ar, Lt] = Y(!1), At = Ve(null), ct = (e) => l.favorites ? /* @__PURE__ */ n(
+  const [hr, At] = I(!1), Kt = Ve(null), pt = (e) => l.favorites ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      title: dt.has(e) ? "Remove from favorites" : "Add to favorites",
+      title: bt.has(e) ? "Remove from favorites" : "Add to favorites",
       disabled: Xe.has(e),
       onClick: (t) => {
-        t.stopPropagation(), Et(e);
+        t.stopPropagation(), Lt(e);
       },
       className: "shrink-0 rounded p-0.5 transition-colors",
-      children: Xe.has(e) ? /* @__PURE__ */ n(ae, { className: "h-3.5 w-3.5 animate-spin text-amber-400" }) : /* @__PURE__ */ n(
-        Be,
+      children: Xe.has(e) ? /* @__PURE__ */ n(ne, { className: "h-3.5 w-3.5 animate-spin text-amber-400" }) : /* @__PURE__ */ n(
+        De,
         {
-          className: B(
+          className: z(
             "h-3.5 w-3.5",
-            dt.has(e) ? "fill-amber-400 text-amber-400" : "text-slate-300 hover:text-amber-400"
+            bt.has(e) ? "fill-amber-400 text-amber-400" : "text-slate-300 hover:text-amber-400"
           )
         }
       )
     }
-  ) : null, [mt, ir] = Y("");
-  je(() => {
-    const e = setTimeout(() => ir(C), 300);
+  ) : null, [Pe, xr] = I("");
+  Fe(() => {
+    const e = setTimeout(() => xr(J), 300);
     return () => clearTimeout(e);
-  }, [C]);
-  const lr = O(() => {
+  }, [J]);
+  const Jt = O(() => {
     var t;
-    const e = (t = [...(ee ?? "").matchAll(/\{\{([\w.]+)\}\}/g)][0]) == null ? void 0 : t[1];
+    const e = (t = [...(E ?? "").matchAll(/\{\{([\w.]+)\}\}/g)][0]) == null ? void 0 : t[1];
     return e && !e.includes(".") ? e : "id";
-  }, [ee]), { data: or = [], isFetching: ut } = z({
-    queryKey: ["catalog-full-search", x, J, mt],
-    queryFn: () => h.request(
-      R(`/items/${x}`, {
-        search: mt,
-        fields: J,
+  }, [E]), { shownSearchFields: et, otherSearchFields: Qt } = O(() => {
+    const e = new Set(
+      ((_ == null ? void 0 : _.relations) ?? []).filter((s) => s.one_collection === h && s.one_field).map((s) => s.one_field)
+    ), t = new Set(
+      ((_ == null ? void 0 : _.fields) ?? []).filter((s) => (s.type === "string" || s.type === "text") && !e.has(s.field)).map((s) => s.field)
+    ), r = /* @__PURE__ */ new Set();
+    for (const s of (E ?? "").matchAll(/\{\{([\w.]+)\}\}/g)) t.has(s[1]) && r.add(s[1]);
+    for (const s of l.columns ?? []) t.has(s.field) && r.add(s.field);
+    return {
+      shownSearchFields: [...r],
+      otherSearchFields: [...t].filter((s) => !r.has(s))
+    };
+  }, [_, h, E, l.columns]), zt = !!h && Pe.trim().length > 0, { data: tt = [], isFetching: gr } = D({
+    queryKey: ["catalog-shown-search", h, A, Pe, et],
+    queryFn: () => p.request(
+      R(`/items/${h}`, {
+        search: Pe,
+        search_fields: et.join(","),
+        fields: A,
+        limit: 25,
+        sort: Jt
+      })
+    ).then((e) => e.data ?? []),
+    enabled: zt && et.length > 0,
+    staleTime: 3e4,
+    placeholderData: (e) => e
+  }), Bt = Qt.join(","), { data: Dt = [], isFetching: yr } = D({
+    queryKey: ["catalog-full-search", h, A, Pe, Bt],
+    queryFn: () => p.request(
+      R(`/items/${h}`, {
+        search: Pe,
+        fields: [A, Bt].filter(Boolean).join(","),
         limit: 25,
-        sort: lr
+        sort: Jt
       })
     ).then((e) => e.data ?? []),
-    enabled: !!x && mt.trim().length > 0,
+    enabled: zt,
     staleTime: 3e4,
     placeholderData: (e) => e
-  }), Se = or, et = O(() => {
+  }), ht = gr || yr, $e = O(() => {
+    const e = new Set(tt.map((t) => String(t.id)));
+    return [...tt, ...Dt.filter((t) => !e.has(String(t.id)))];
+  }, [tt, Dt]), kr = (e) => {
+    if (et.length === 0 || tt.some((r) => String(r.id) === String(e.id))) return null;
+    const t = Pe.trim().toLowerCase().split(/\s+/).filter(Boolean);
+    for (const r of Qt) {
+      const s = e[r];
+      if (s == null || typeof s == "object") continue;
+      const d = String(s);
+      if (t.some((o) => d.toLowerCase().includes(o)))
+        return `${Z(r)}: ${d.length > 40 ? `${d.slice(0, 40)}…` : d}`;
+    }
+    return null;
+  }, rt = O(() => {
     const e = /* @__PURE__ */ new Set();
-    for (const t of M) e.add(String(t.id));
+    for (const t of Y) e.add(String(t.id));
     for (const t of le) e.add(t.key);
-    for (const t of xe) e.add(t);
-    for (const t of Se) e.add(String(t.id));
+    for (const t of ge) e.add(t);
+    for (const t of $e) e.add(String(t.id));
     return [...e];
-  }, [M, le, xe, Se]), Ct = $t({
+  }, [Y, le, ge, $e]), Vt = Ft({
     queries: (l.related_columns ?? []).map((e) => {
-      const t = Ue(e.match, te);
+      const t = Ue(e.match, H);
       return {
         queryKey: [
           "catalog-related",
           e.key,
           e.collection,
           JSON.stringify(t),
-          et.join(",")
+          rt.join(",")
         ],
         queryFn: async () => {
-          const r = {}, s = e.aggregate === "sum", c = s ? 150 : 400;
-          for (let o = 0; o < et.length; o += c) {
-            const i = et.slice(o, o + c);
+          const r = {}, s = e.aggregate === "sum", d = s ? 150 : 400;
+          for (let o = 0; o < rt.length; o += d) {
+            const i = rt.slice(o, o + d);
             let b = 1;
             for (; ; ) {
-              const d = await h.request(
+              const c = await p.request(
                 R(`/items/${e.collection}`, {
                   limit: s ? 1e3 : i.length,
                   ...s ? { page: b } : {},
@@ -404,137 +443,137 @@ function yn({
                   filter: JSON.stringify({ ...t, [e.item_field]: { _in: i } })
                 })
               ).then((u) => u.data ?? []);
-              for (const u of d) {
+              for (const u of c) {
                 const w = u[e.item_field];
                 if (w != null)
                   if (s) {
-                    const j = Number(u[e.value_field]);
-                    r[String(w)] = (Number(r[String(w)]) || 0) + (Number.isNaN(j) ? 0 : j);
+                    const T = Number(u[e.value_field]);
+                    r[String(w)] = (Number(r[String(w)]) || 0) + (Number.isNaN(T) ? 0 : T);
                   } else
                     r[String(w)] = u[e.value_field];
               }
-              if (!s || d.length < 1e3) break;
+              if (!s || c.length < 1e3) break;
               b += 1;
             }
           }
           return r;
         },
-        enabled: !!x && t !== null && et.length > 0,
+        enabled: !!h && t !== null && rt.length > 0,
         staleTime: 3e4
       };
     })
-  }), ft = (e, t) => {
-    var s, c;
+  }), xt = (e, t) => {
+    var s, d;
     const r = (l.related_columns ?? []).findIndex((o) => o.key === e);
     if (r !== -1)
-      return (c = (s = Ct[r]) == null ? void 0 : s.data) == null ? void 0 : c[t];
-  }, bt = (e) => {
+      return (d = (s = Vt[r]) == null ? void 0 : s.data) == null ? void 0 : d[t];
+  }, gt = (e) => {
     var b;
     const t = l.qty_warning;
     if (!t) return null;
-    const r = fe(e) ?? 0;
+    const r = be(e) ?? 0;
     if (r <= 0) return null;
-    const s = (l.related_columns ?? []).findIndex((d) => d.key === t.column);
+    const s = (l.related_columns ?? []).findIndex((c) => c.key === t.column);
     if (s === -1) return null;
-    const c = (b = Ct[s]) == null ? void 0 : b.data;
-    if (c === void 0) return null;
-    const o = c[e], i = o == null || o === "" ? 0 : Number(o);
+    const d = (b = Vt[s]) == null ? void 0 : b.data;
+    if (d === void 0) return null;
+    const o = d[e], i = o == null || o === "" ? 0 : Number(o);
     return Number.isNaN(i) ? null : r > i ? { available: i, qty: r } : null;
-  }, dr = (e) => {
+  }, wr = (e) => {
     const t = l.row_flags ?? [];
     if (t.length === 0) return [];
     const r = [];
     for (const s of t)
       if (!(!(s != null && s.when) || !s.label))
         try {
-          const c = s.when.replace(/\{\{\s*([A-Za-z_][A-Za-z0-9_.]*)\s*\}\}/g, "$1");
-          Pr(c, e) && r.push(s.label);
+          const d = s.when.replace(/\{\{\s*([A-Za-z_][A-Za-z0-9_.]*)\s*\}\}/g, "$1");
+          Wr(d, e) && r.push(s.label);
         } catch {
         }
     return r;
-  }, pt = l.qty_warning ? l.qty_warning.label ?? ((Mt = (l.related_columns ?? []).find((e) => {
+  }, yt = l.qty_warning ? l.qty_warning.label ?? ((tr = (l.related_columns ?? []).find((e) => {
     var t;
     return e.key === ((t = l.qty_warning) == null ? void 0 : t.column);
-  })) == null ? void 0 : Mt.label) ?? I(l.qty_warning.column) : "", cr = !!l.submission_errors, tt = O(
+  })) == null ? void 0 : tr.label) ?? Z(l.qty_warning.column) : "", Nr = !!l.submission_errors, nt = O(
     () => {
       var e;
       return typeof l.submission_errors == "object" && Array.isArray((e = l.submission_errors) == null ? void 0 : e.match_fields) ? l.submission_errors.match_fields.filter((t) => /^[A-Za-z_][A-Za-z0-9_]*$/.test(t)) : [];
     },
     [l.submission_errors]
-  ), mr = Er(6e4), { data: Kt } = z({
-    queryKey: ["erp-submissions", q ?? "", String(_)],
-    queryFn: () => h.request(R(`/erp-submissions/${q}/${encodeURIComponent(_)}`)).then((e) => e.data ?? []),
-    enabled: cr && !E && !!q,
+  ), vr = Ir(6e4), { data: Ut } = D({
+    queryKey: ["erp-submissions", j ?? "", String(S)],
+    queryFn: () => p.request(R(`/erp-submissions/${j}/${encodeURIComponent(S)}`)).then((e) => e.data ?? []),
+    enabled: Nr && !K && !!j,
     staleTime: 15e3,
-    refetchInterval: mr
-  }), ht = O(() => {
-    const e = (Kt ?? [])[0];
-    return !e || e.status !== "failed" ? null : Lr(e.payload, e.last_error);
-  }, [Kt]), ur = le.map((e) => e.key).join(","), { data: xt } = z({
-    queryKey: ["catalog-suberr-idents", x, tt.join(","), ur],
+    refetchInterval: vr
+  }), kt = O(() => {
+    const e = (Ut ?? [])[0];
+    return !e || e.status !== "failed" ? null : Mr(e.payload, e.last_error);
+  }, [Ut]), Sr = le.map((e) => e.key).join(","), { data: wt } = D({
+    queryKey: ["catalog-suberr-idents", h, nt.join(","), Sr],
     queryFn: async () => {
       const e = le.map((r) => r.key);
       if (e.length === 0) return {};
-      const t = await h.request(
-        R(`/items/${x}`, {
+      const t = await p.request(
+        R(`/items/${h}`, {
           limit: e.length,
-          fields: ["id", ...tt].join(","),
+          fields: ["id", ...nt].join(","),
           filter: JSON.stringify({ id: { _in: e } })
         })
       ).then((r) => r.data ?? []);
       return Object.fromEntries(t.map((r) => [String(r.id), r]));
     },
-    enabled: !!x && !!ht && tt.length > 0 && le.length > 0,
+    enabled: !!h && !!kt && nt.length > 0 && le.length > 0,
     staleTime: 6e4
-  }), fr = (e) => {
-    if (!ht) return null;
-    const t = xt == null ? void 0 : xt[e], r = [
-      Dt(e),
-      ...tt.map((s) => {
-        const c = (t == null ? void 0 : t[s]) ?? qe(e)[s];
-        return c != null && c !== "" ? String(c) : null;
+  }), _r = (e) => {
+    if (!kt) return null;
+    const t = wt == null ? void 0 : wt[e], r = [
+      Xt(e),
+      ...nt.map((s) => {
+        const d = (t == null ? void 0 : t[s]) ?? Re(e)[s];
+        return d != null && d !== "" ? String(d) : null;
       })
-    ].filter((s) => !!s).map(Ar);
-    return ht.reasonFor(r);
-  }, rt = l.summary_fields ?? [], br = we.map((e) => String(e.id)).join(","), pr = $t({
-    queries: rt.filter((e) => e.m2m).map((e) => ({
-      queryKey: ["catalog-summary-m2m", e.field, e.m2m.junction, br],
+    ].filter((s) => !!s).map(Yr);
+    return kt.reasonFor(r);
+  }, st = l.summary_fields ?? [], qr = Ne.map((e) => String(e.id)).join(","), $r = Ft({
+    queries: st.filter((e) => e.m2m).map((e) => ({
+      queryKey: ["catalog-summary-m2m", e.field, e.m2m.junction, qr],
       queryFn: async () => {
-        const t = we.map((u) => String(u.id));
+        const t = Ne.map((u) => String(u.id));
         if (t.length === 0) return {};
-        const r = e.m2m, s = await h.request(
+        const r = e.m2m, s = await p.request(
           R(`/items/${r.junction}`, {
             limit: 1e3,
             fields: `${r.fk_to_child},${r.related_field}`,
             filter: JSON.stringify({ [r.fk_to_child]: { _in: t } })
           })
-        ).then((u) => u.data ?? []).catch(() => []), c = [...new Set(s.map((u) => String(u[r.related_field])))], o = r.label_field ?? "name", i = c.length ? await h.request(
+        ).then((u) => u.data ?? []).catch(() => []), d = [...new Set(s.map((u) => String(u[r.related_field])))], o = r.label_field ?? "name", i = d.length ? await p.request(
           R(`/items/${r.related_collection}`, {
             limit: 500,
             fields: `id,${o}`,
-            filter: JSON.stringify({ id: { _in: c } })
+            filter: JSON.stringify({ id: { _in: d } })
           })
-        ).then((u) => u.data ?? []).catch(() => []) : [], b = new Map(i.map((u) => [String(u.id), String(u[o] ?? u.id)])), d = {};
+        ).then((u) => u.data ?? []).catch(() => []) : [], b = new Map(i.map((u) => [String(u.id), String(u[o] ?? u.id)])), c = {};
         for (const u of s) {
-          const w = String(u[r.fk_to_child]), j = b.get(String(u[r.related_field]));
-          j && (d[w] = d[w] ? `${d[w]}, ${j}` : j);
+          const w = String(u[r.fk_to_child]), T = b.get(String(u[r.related_field]));
+          T && (c[w] = c[w] ? `${c[w]}, ${T}` : T);
         }
-        return d;
+        return c;
       },
-      enabled: !E && we.length > 0,
+      enabled: !K && Ne.length > 0,
       staleTime: 15e3
     }))
-  }), hr = (e, t) => {
-    var c, o;
+  }), jr = (e, t) => {
+    var d, o;
     if (!e.m2m) return t.row[e.field];
-    const r = rt.filter((i) => i.m2m).findIndex((i) => i.field === e.field);
+    const r = st.filter((i) => i.m2m).findIndex((i) => i.field === e.field);
     if (r === -1) return;
     const s = t.row.id;
     if (s != null)
-      return (o = (c = pr[r]) == null ? void 0 : c.data) == null ? void 0 : o[String(s)];
-  }, xr = !!((Wt = l.fulfilment) != null && Wt.shipped_field) && (l.fulfilment.show_when ? Xt(l.fulfilment.show_when, te) : !0), gr = (e) => {
-    if (!xr || !l.fulfilment) return null;
-    const t = Number(e[l.fulfilment.qty_field ?? V] ?? 0) || 0, r = Number(e[l.fulfilment.shipped_field] ?? 0) || 0, s = t > 0 && r >= t ? {
+      return (o = (d = $r[r]) == null ? void 0 : d.data) == null ? void 0 : o[String(s)];
+  }, Fr = !!((rr = l.fulfilment) != null && rr.shipped_field) && (l.fulfilment.show_when ? dr(l.fulfilment.show_when, H) : !0), Tr = (e) => {
+    if (!Fr || !l.fulfilment) return null;
+    const t = Number(e[l.fulfilment.qty_field ?? P] ?? 0) || 0, r = Number(e[l.fulfilment.shipped_field] ?? 0) || 0, s = t > 0 && r >= t ? {
       dot: "bg-emerald-500",
       text: "text-emerald-700 dark:text-emerald-400",
       label: "Shipped"
@@ -559,7 +598,7 @@ function yn({
         ]
       }
     );
-  }, Jt = l.columns ?? [], Qt = l.related_columns ?? [], gt = Jt.filter((e) => !e.summary_only), yt = Qt.filter((e) => !e.summary_only), zt = Jt.filter((e) => !e.sections_only), Bt = Qt.filter((e) => !e.sections_only), Vt = gt.length > 0 || yt.length > 0, kt = Ve(null), Ut = (e) => {
+  }, Ht = l.columns ?? [], Wt = l.related_columns ?? [], at = Ht.filter((e) => !e.summary_only), Nt = Wt.filter((e) => !e.summary_only), It = Ht.filter((e) => !e.sections_only), Mt = Wt.filter((e) => !e.sections_only), Yt = at.length > 0 || Nt.length > 0, vt = Ve(null), Zt = (e) => {
     let t = e.parentElement;
     for (; t; ) {
       const r = getComputedStyle(t);
@@ -569,90 +608,87 @@ function yn({
       }
       t = t.parentElement;
     }
-  }, yr = (e) => {
-    kt.current = e, e && Ut(e);
+  }, Or = (e) => {
+    vt.current = e, e && Zt(e);
   };
-  je(() => {
+  Fe(() => {
     let e = 0;
     const t = () => {
       e || (e = requestAnimationFrame(() => {
-        e = 0, kt.current && Ut(kt.current);
+        e = 0, vt.current && Zt(vt.current);
       }));
     };
     return window.addEventListener("scroll", t, !0), () => {
       e && cancelAnimationFrame(e), window.removeEventListener("scroll", t, !0);
     };
   }, []);
-  const Ae = (e, t) => {
+  const it = (e, t) => {
     let r = e;
     for (const s of t.split(".")) {
       if (r == null || typeof r != "object") return;
       r = r[s];
     }
     return r;
-  }, ue = (e, t) => {
+  }, fe = (e, t) => {
     if (t === "presence")
       return e == null || e === "" || Number(e) === 0 ? "No" : "Yes";
     if (e == null || e === "") return "—";
     const r = Number(e);
     return t === "currency" ? Number.isNaN(r) ? String(e) : r.toLocaleString(void 0, { style: "currency", currency: "USD" }) : t === "number" ? Number.isNaN(r) ? String(e) : r.toLocaleString(void 0, { maximumFractionDigits: 2 }) : String(e);
-  }, wt = (e, t) => /* @__PURE__ */ m(qt, { children: [
-    gt.map((r) => /* @__PURE__ */ n(
-      "span",
+  }, Pr = (nr = at.find((e) => !e.format)) == null ? void 0 : nr.field, Gt = (e) => e.format ? "w-20 shrink-0 text-right" : e.field === Pr ? "min-w-0 flex-[3]" : "w-36 shrink-0", St = (e, t) => /* @__PURE__ */ m(ct, { children: [
+    at.map((r) => /* @__PURE__ */ n(
+      cr,
       {
-        className: B(
-          "truncate text-slate-500 dark:text-slate-400",
-          r.format ? "w-20 shrink-0 text-right" : "min-w-0 flex-1"
-        ),
-        children: ue(Ae(t, r.field), r.format)
+        text: fe(it(t, r.field), r.format),
+        className: z("text-slate-500 dark:text-slate-400", Gt(r))
       },
       r.field
     )),
-    yt.map((r) => /* @__PURE__ */ n(
+    Nt.map((r) => /* @__PURE__ */ n(
       "span",
       {
         className: "w-20 shrink-0 truncate text-right text-slate-500 dark:text-slate-400",
-        children: ue(ft(r.key, e), r.format)
+        children: fe(xt(r.key, e), r.format)
       },
       r.key
     ))
-  ] }), Nt = Vt ? "w-36 shrink-0 truncate text-slate-700 dark:text-slate-200" : "min-w-0 flex-1 truncate text-slate-700 dark:text-slate-200", kr = er(x), nt = (e, t, r) => kr ? /* @__PURE__ */ n(
+  ] }), _t = Yt ? "w-36 shrink-0 truncate text-slate-700 dark:text-slate-200" : "min-w-0 flex-1 truncate text-slate-700 dark:text-slate-200", Rr = mr(h), lt = (e, t, r) => Rr ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      onClick: () => x && tr(x, e, te),
+      onClick: () => h && ur(h, e, H),
       title: "View stock & planning detail",
-      className: B(
+      className: z(
         r,
         "text-left underline decoration-slate-300 decoration-1 underline-offset-2 hover:text-[#009abe] hover:decoration-[#009abe] dark:decoration-slate-600"
       ),
       children: t
     }
-  ) : /* @__PURE__ */ n("span", { className: r, children: t }), Dt = (e) => {
-    const t = Me.get(e) ?? Rt.find((r) => String(r.id) === e) ?? Le.find((r) => String(r.id) === e);
-    return t ? Fe(ee, t) : `#${e}`;
-  }, qe = (e) => Me.get(e) ?? Rt.find((t) => String(t.id) === e) ?? Le.find((t) => String(t.id) === e) ?? { id: e }, fe = (e) => {
+  ) : /* @__PURE__ */ n("span", { className: r, children: t }), Xt = (e) => {
+    const t = We.get(e) ?? Et.find((r) => String(r.id) === e) ?? Ae.find((r) => String(r.id) === e);
+    return t ? Te(E, t) : `#${e}`;
+  }, Re = (e) => We.get(e) ?? Et.find((t) => String(t.id) === e) ?? Ae.find((t) => String(t.id) === e) ?? { id: e }, be = (e) => {
     var s;
-    const t = E ? void 0 : Ee.get(e);
-    if (t) return Ye.has(String(t.id)) ? null : Number(t[V] ?? 0);
+    const t = K ? void 0 : Le.get(e);
+    if (t) return Ye.has(String(t.id)) ? null : Number(t[P] ?? 0);
     const r = Ze.get(e);
-    return r === void 0 ? null : Number(((s = Ne[r]) == null ? void 0 : s[V]) ?? 0);
-  }, wr = (e) => {
+    return r === void 0 ? null : Number(((s = ve[r]) == null ? void 0 : s[P]) ?? 0);
+  }, Er = (e) => {
     let t = e;
     for (const r of l.section_by.split(".")) {
       if (t == null || typeof t != "object") return "";
       t = t[r];
     }
     return String(t ?? "").trim();
-  }, st = O(() => {
+  }, ot = O(() => {
     if (He) return [];
-    C.trim().toLowerCase();
+    J.trim().toLowerCase();
     const e = /* @__PURE__ */ new Map();
-    for (const t of M) {
-      const r = Fe(ee, t), s = A ? Ot.get(String(t.id)) ?? [] : [wr(t)];
-      if (!(A && a && s.length === 0))
-        for (const c of s.length ? s : [""]) {
-          const o = c || "Uncategorized";
+    for (const t of Y) {
+      const r = Te(E, t), s = q ? Rt.get(String(t.id)) ?? [] : [Er(t)];
+      if (!(q && a && s.length === 0))
+        for (const d of s.length ? s : [""]) {
+          const o = d || "Uncategorized";
           e.has(o) || e.set(o, []), e.get(o).push({ id: String(t.id), label: r, row: t });
         }
     }
@@ -660,38 +696,38 @@ function yn({
       ([t], [r]) => t === "Uncategorized" ? 1 : r === "Uncategorized" ? -1 : t.localeCompare(r)
     ).map(([t, r]) => ({
       name: t,
-      items: r.sort((s, c) => s.label.localeCompare(c.label))
+      items: r.sort((s, d) => s.label.localeCompare(d.label))
     }));
   }, [
-    M,
-    ee,
-    C,
+    Y,
+    E,
+    J,
     l.section_by,
-    A,
-    Ot,
+    q,
+    Rt,
     He,
     a
   ]);
-  if (!ge.current && st.length > 0) {
-    ge.current = !0;
+  if (!_e.current && ot.length > 0) {
+    _e.current = !0;
     const e = /* @__PURE__ */ new Set();
-    for (const t of st)
-      t.items.some((s) => (fe(s.id) ?? 0) > 0) || e.add(t.name);
-    ne(e);
+    for (const t of ot)
+      t.items.some((s) => (be(s.id) ?? 0) > 0) || e.add(t.name);
+    G(e);
   }
-  async function Nr(e) {
+  async function Cr(e) {
     const t = {};
     for (const r of l.related_columns ?? []) {
       if (!r.copy_to) continue;
-      let s = ft(r.key, e);
+      let s = xt(r.key, e);
       if (s === void 0) {
-        const c = Ue(r.match, te);
-        if (c === null) continue;
-        s = await h.request(
+        const d = Ue(r.match, H);
+        if (d === null) continue;
+        s = await p.request(
           R(`/items/${r.collection}`, {
             limit: 1,
             fields: `${r.item_field},${r.value_field}`,
-            filter: JSON.stringify({ ...c, [r.item_field]: { _eq: e } })
+            filter: JSON.stringify({ ...d, [r.item_field]: { _eq: e } })
           })
         ).then((o) => {
           var i, b;
@@ -703,206 +739,206 @@ function yn({
     }
     return t;
   }
-  function Ce(e, t, r, s = {}) {
-    const c = {
+  function Ke(e, t, r, s = {}) {
+    const d = {
       [l.item_field]: r.id ?? e,
-      [V]: t
+      [P]: t
     };
     for (const [o, i] of Object.entries(l.copy_fields ?? {}))
-      r[i] !== void 0 && (c[o] = r[i]);
-    Object.assign(c, s);
+      r[i] !== void 0 && (d[o] = r[i]);
+    Object.assign(d, s);
     for (const [o, i] of Object.entries(l.compute_fields ?? {})) {
-      const b = Qe(i, c);
-      b !== null && (c[o] = b);
+      const b = ze(i, d);
+      b !== null && (d[o] = b);
     }
-    return c;
+    return d;
   }
-  async function at(e, t, r, s = {}) {
-    const c = Gt(t, { type: _e, min: 0, label: "Quantity" });
-    if (!c.ok) {
-      F((d) => ({ ...d, [e]: { kind: "error", message: c.message } }));
+  async function Je(e, t, r, s = {}) {
+    const d = or(t, { type: v, min: 0, label: "Quantity" });
+    if (!d.ok) {
+      X((c) => ({ ...c, [e]: { kind: "error", message: d.message } }));
       return;
     }
-    const o = c.value ?? 0;
-    if ((fe(e) ?? 0) === o) return;
+    const o = d.value ?? 0;
+    if ((be(e) ?? 0) === o) return;
     if (o === 0 && !s.confirmedRemove) {
-      F((d) => ({ ...d, [e]: { kind: "remove", row: r } }));
+      X((c) => ({ ...c, [e]: { kind: "remove", row: r } }));
       return;
     }
     if (o > 0) {
-      const d = Ze.get(e), u = (E ? void 0 : Ee.get(e)) ?? (d !== void 0 ? Ne[d] : void 0) ?? {}, w = Oe(V, o, u);
+      const c = Ze.get(e), u = (K ? void 0 : Le.get(e)) ?? (c !== void 0 ? ve[c] : void 0) ?? {}, w = Q(P, o, u);
       if (w) {
-        F((j) => ({ ...j, [e]: { kind: "error", message: w } }));
+        X((T) => ({ ...T, [e]: { kind: "error", message: w } }));
         return;
       }
     }
-    const b = o > 0 ? await Nr(e) : {};
-    if (Pe && p) {
-      const d = Ee.get(e);
-      if ((d == null ? void 0 : d.id) != null) {
-        const u = String(d.id);
+    const b = o > 0 ? await Cr(e) : {};
+    if (Ce && g) {
+      const c = Le.get(e);
+      if ((c == null ? void 0 : c.id) != null) {
+        const u = String(c.id);
         if (o === 0) {
-          p.cancelPendingEdit(f, y, u), p.queueDelete(f, y, u);
+          g.cancelPendingEdit(f, y, u), g.queueDelete(f, y, u);
           return;
         }
-        Ye.has(u) && p.cancelPendingDelete(f, y, u);
-        const w = Ce(e, o, r, b);
-        for (const S of D)
-          d[S] != null && d[S] !== "" && (w[S] = d[S]);
-        for (const [S, $e] of Object.entries(l.compute_fields ?? {})) {
-          const ve = Qe($e, { ...d, ...w });
-          ve !== null && (w[S] = ve);
+        Ye.has(u) && g.cancelPendingDelete(f, y, u);
+        const w = Ke(e, o, r, b);
+        for (const $ of se)
+          c[$] != null && c[$] !== "" && (w[$] = c[$]);
+        for (const [$, je] of Object.entries(l.compute_fields ?? {})) {
+          const Se = ze(je, { ...c, ...w });
+          Se !== null && (w[$] = Se);
         }
-        const j = we.find((S) => String(S.id) === u) ?? {}, N = Object.fromEntries(
-          Object.entries(w).filter(([S, $e]) => String($e ?? "") !== String(j[S] ?? ""))
+        const T = Ne.find(($) => String($.id) === u) ?? {}, N = Object.fromEntries(
+          Object.entries(w).filter(([$, je]) => String(je ?? "") !== String(T[$] ?? ""))
         );
-        Object.keys(N).length === 0 ? p.cancelPendingEdit(f, y, u) : (p.cancelPendingEdit(f, y, u), p.queueEdit(f, y, u, N));
+        Object.keys(N).length === 0 ? g.cancelPendingEdit(f, y, u) : (g.cancelPendingEdit(f, y, u), g.queueEdit(f, y, u, N));
         return;
       }
     }
-    if (E || Pe) {
-      const d = Ze.get(e);
-      o === 0 ? d !== void 0 && (p == null || p.removeRow(f, y, d)) : d !== void 0 ? p == null || p.updateRow(
+    if (K || Ce) {
+      const c = Ze.get(e);
+      o === 0 ? c !== void 0 && (g == null || g.removeRow(f, y, c)) : c !== void 0 ? g == null || g.updateRow(
         f,
         y,
-        d,
-        Vr(
-          Ne[d],
-          Ce(e, o, r, b),
-          D,
+        c,
+        nn(
+          ve[c],
+          Ke(e, o, r, b),
+          se,
           l.compute_fields
         )
-      ) : p == null || p.queueRow(
+      ) : g == null || g.queueRow(
         f,
         y,
-        Ce(e, o, r, b)
+        Ke(e, o, r, b)
       );
       return;
     }
-    v((d) => new Set(d).add(e));
+    ee((c) => new Set(c).add(e));
     try {
-      const d = Ee.get(e);
+      const c = Le.get(e);
       if (o === 0)
-        (d == null ? void 0 : d.id) != null && await h.request(Rr(`/items/${f}/${d.id}`));
-      else if ((d == null ? void 0 : d.id) != null) {
-        const u = Ce(e, o, r, b);
-        for (const S of D)
-          d[S] != null && d[S] !== "" && (u[S] = d[S]);
-        for (const [S, $e] of Object.entries(l.compute_fields ?? {})) {
-          const ve = Qe($e, { ...d, ...u });
-          ve !== null && (u[S] = ve);
+        (c == null ? void 0 : c.id) != null && await p.request(Hr(`/items/${f}/${c.id}`));
+      else if ((c == null ? void 0 : c.id) != null) {
+        const u = Ke(e, o, r, b);
+        for (const $ of se)
+          c[$] != null && c[$] !== "" && (u[$] = c[$]);
+        for (const [$, je] of Object.entries(l.compute_fields ?? {})) {
+          const Se = ze(je, { ...c, ...u });
+          Se !== null && (u[$] = Se);
         }
-        const w = { ...d, ...u }, { id: j, ...N } = w;
-        await h.request(Yt(`/items/${f}/${d.id}`, N));
+        const w = { ...c, ...u }, { id: T, ...N } = w;
+        await p.request(ar(`/items/${f}/${c.id}`, N));
       } else
-        await h.request(
-          Zt(`/items/${f}`, {
-            [y]: _,
-            ...Ce(e, o, r, b)
+        await p.request(
+          ir(`/items/${f}`, {
+            [y]: S,
+            ...Ke(e, o, r, b)
           })
         );
-      $.invalidateQueries({ queryKey: ["o2m-rows", f, y, _] });
+      F.invalidateQueries({ queryKey: ["o2m-rows", f, y, S] });
     } catch {
     } finally {
-      v((d) => {
-        const u = new Set(d);
+      ee((c) => {
+        const u = new Set(c);
         return u.delete(e), u;
       });
     }
   }
-  async function vr(e, t, r) {
+  async function Lr(e, t, r) {
     const s = r.trim() === "" ? null : Number(r);
     if (r.trim() !== "" && Number.isNaN(s)) return;
-    const c = (i) => {
+    const d = (i) => {
       const b = { ...i, [t]: s };
-      for (const [d, u] of Object.entries(l.compute_fields ?? {})) {
-        const w = Qe(u, b);
-        w !== null && (b[d] = w);
+      for (const [c, u] of Object.entries(l.compute_fields ?? {})) {
+        const w = ze(u, b);
+        w !== null && (b[c] = w);
       }
       return b;
-    }, o = E ? void 0 : Ee.get(e);
+    }, o = K ? void 0 : Le.get(e);
     if ((o == null ? void 0 : o.id) == null) {
       const i = Ze.get(e);
       if (i === void 0) return;
-      p == null || p.updateRow(f, y, i, c(Ne[i]));
+      g == null || g.updateRow(f, y, i, d(ve[i]));
       return;
     }
-    if (Pe && p) {
-      const i = c(o), b = we.find((u) => String(u.id) === String(o.id)) ?? {}, d = Object.fromEntries(
+    if (Ce && g) {
+      const i = d(o), b = Ne.find((u) => String(u.id) === String(o.id)) ?? {}, c = Object.fromEntries(
         Object.entries(i).filter(
           ([u, w]) => u !== "id" && String(w ?? "") !== String(b[u] ?? "")
         )
       );
-      p.cancelPendingEdit(f, y, String(o.id)), Object.keys(d).length > 0 && p.queueEdit(f, y, String(o.id), d);
+      g.cancelPendingEdit(f, y, String(o.id)), Object.keys(c).length > 0 && g.queueEdit(f, y, String(o.id), c);
       return;
     }
-    v((i) => new Set(i).add(e));
+    ee((i) => new Set(i).add(e));
     try {
-      const { id: i, ...b } = c(o);
-      await h.request(Yt(`/items/${f}/${o.id}`, b)), $.invalidateQueries({ queryKey: ["o2m-rows", f, y, _] });
+      const { id: i, ...b } = d(o);
+      await p.request(ar(`/items/${f}/${o.id}`, b)), F.invalidateQueries({ queryKey: ["o2m-rows", f, y, S] });
     } catch {
     } finally {
-      v((i) => {
+      ee((i) => {
         const b = new Set(i);
         return b.delete(e), b;
       });
     }
   }
-  async function _r(e) {
-    if (e == null || e === "" || !x) return;
-    const t = String(e), r = qe(t);
+  async function Ar(e) {
+    if (e == null || e === "" || !h) return;
+    const t = String(e), r = Re(t);
     let s = r;
-    Object.keys(r).length <= 1 && (s = await h.request(
-      R(`/items/${x}`, {
+    Object.keys(r).length <= 1 && (s = await p.request(
+      R(`/items/${h}`, {
         filter: JSON.stringify({ id: { _eq: e } }),
-        fields: J,
+        fields: A,
         limit: 1
       })
     ).then((o) => {
       var i;
       return ((i = o.data) == null ? void 0 : i[0]) ?? { id: e };
     }).catch(() => ({ id: e })));
-    const c = (fe(t) ?? 0) + 1;
-    await at(t, String(c), s);
+    const d = (be(t) ?? 0) + 1;
+    await Je(t, String(d), s);
   }
-  const Sr = le.length, vt = Object.keys(l.copy_fields ?? {}), _t = Object.keys(l.compute_fields ?? {}), Ke = (e, t) => {
-    const r = fe(e);
-    if (g)
+  const Kr = le.length, qt = Object.keys(l.copy_fields ?? {}), $t = Object.keys(l.compute_fields ?? {}), dt = (e, t) => {
+    const r = be(e);
+    if (x)
       return /* @__PURE__ */ n("span", { className: "inline-block w-20 shrink-0 text-right tabular-nums text-slate-700 dark:text-slate-200", children: r && r > 0 ? r : "—" });
-    const s = be[e], c = s !== void 0 ? s : r && r > 0 ? String(r) : "", o = T[e], i = () => F((d) => {
-      if (!(e in d)) return d;
-      const u = { ...d };
+    const s = qe[e], d = s !== void 0 ? s : r && r > 0 ? String(r) : "", o = ce[e], i = () => X((c) => {
+      if (!(e in c)) return c;
+      const u = { ...c };
       return delete u[e], u;
     }), b = /* @__PURE__ */ n(
       "input",
       {
         type: "number",
         min: 0,
-        step: Br(_e) ? 1 : "any",
-        disabled: g,
-        value: c,
+        step: lr(v) ? 1 : "any",
+        disabled: x,
+        value: d,
         placeholder: "0",
         "aria-invalid": (o == null ? void 0 : o.kind) === "error" || void 0,
         onFocus: i,
-        onChange: (d) => G((u) => ({ ...u, [e]: d.target.value })),
-        onBlur: (d) => {
-          const u = d.target.value;
-          G((w) => {
-            const j = { ...w };
-            return delete j[e], j;
-          }), at(e, u, t);
+        onChange: (c) => pe((u) => ({ ...u, [e]: c.target.value })),
+        onBlur: (c) => {
+          const u = c.target.value;
+          pe((w) => {
+            const T = { ...w };
+            return delete T[e], T;
+          }), Je(e, u, t);
         },
-        onKeyDown: (d) => {
-          d.key === "Enter" && d.currentTarget.blur();
+        onKeyDown: (c) => {
+          c.key === "Enter" && c.currentTarget.blur();
         },
-        className: B(
+        className: z(
           "h-7 w-20 shrink-0 rounded border border-slate-200 bg-white px-2 text-right text-[12px] outline-none focus:border-nvr-cyan disabled:opacity-50 dark:border-border dark:bg-background",
           (o == null ? void 0 : o.kind) === "error" && "border-red-400 dark:border-red-600"
         )
       }
     );
-    return /* @__PURE__ */ m(Jr, { open: (o == null ? void 0 : o.kind) === "remove", onOpenChange: (d) => !d && i(), children: [
-      /* @__PURE__ */ n(Qr, { asChild: !0, children: /* @__PURE__ */ m("span", { className: "inline-flex shrink-0 flex-col items-end", children: [
+    return /* @__PURE__ */ m(en, { open: (o == null ? void 0 : o.kind) === "remove", onOpenChange: (c) => !c && i(), children: [
+      /* @__PURE__ */ n(tn, { asChild: !0, children: /* @__PURE__ */ m("span", { className: "inline-flex shrink-0 flex-col items-end", children: [
         b,
         (o == null ? void 0 : o.kind) === "error" && /* @__PURE__ */ m(
           "span",
@@ -911,7 +947,7 @@ function yn({
             className: "mt-0.5 flex max-w-[220px] items-start gap-1 text-right text-[11px] leading-snug text-red-600 dark:text-red-400",
             "data-catalog-qty-error": !0,
             children: [
-              /* @__PURE__ */ n(St, { className: "mt-px h-3 w-3 shrink-0" }),
+              /* @__PURE__ */ n(jt, { className: "mt-px h-3 w-3 shrink-0" }),
               o.message,
               r && r > 0 ? ` — still ${r}` : ""
             ]
@@ -919,7 +955,7 @@ function yn({
         )
       ] }) }),
       /* @__PURE__ */ n(
-        zr,
+        rn,
         {
           align: "end",
           side: "bottom",
@@ -941,8 +977,8 @@ function yn({
                 {
                   type: "button",
                   onClick: () => {
-                    const d = o.row;
-                    i(), at(e, "0", d, { confirmedRemove: !0 });
+                    const c = o.row;
+                    i(), Je(e, "0", c, { confirmedRemove: !0 });
                   },
                   className: "h-6 rounded bg-red-600 px-2 text-[11px] font-medium text-white hover:bg-red-700",
                   children: "Remove"
@@ -953,11 +989,11 @@ function yn({
         }
       )
     ] });
-  }, qr = (e, t, r) => {
-    const s = `${e}:${t}`, c = W[s], o = () => L((b) => {
+  }, Jr = (e, t, r) => {
+    const s = `${e}:${t}`, d = ae[s], o = () => V((b) => {
       if (!(s in b)) return b;
-      const d = { ...b };
-      return delete d[s], d;
+      const c = { ...b };
+      return delete c[s], c;
     }), i = r[t] == null ? "" : String(r[t]);
     return /* @__PURE__ */ m("span", { className: "inline-flex shrink-0 flex-col items-end", children: [
       /* @__PURE__ */ n(
@@ -967,237 +1003,242 @@ function yn({
           min: 0,
           step: "any",
           defaultValue: i,
-          "aria-invalid": !!c || void 0,
+          "aria-invalid": !!d || void 0,
           onFocus: o,
           onBlur: (b) => {
-            const d = b.target.value;
-            if (d !== i) {
-              const u = pe.find((N) => N.field === t), w = Gt(d, {
+            const c = b.target.value;
+            if (c !== i) {
+              const u = ke.find((N) => N.field === t), w = or(c, {
                 type: u == null ? void 0 : u.type,
-                label: (u == null ? void 0 : u.label) || I(t)
-              }), j = w.ok ? Oe(t, w.value, r) : w.message;
-              if (j) {
-                b.target.value = i, L((N) => ({ ...N, [s]: j }));
+                label: (u == null ? void 0 : u.label) || Z(t)
+              }), T = w.ok ? Q(t, w.value, r) : w.message;
+              if (T) {
+                b.target.value = i, V((N) => ({ ...N, [s]: T }));
                 return;
               }
             }
-            vr(e, t, d);
+            Lr(e, t, c);
           },
           onKeyDown: (b) => {
             b.key === "Enter" && b.currentTarget.blur();
           },
-          className: B(
+          className: z(
             "h-7 w-20 shrink-0 rounded border border-slate-200 bg-white px-2 text-right text-[12px] outline-none focus:border-nvr-cyan dark:border-border dark:bg-background",
-            c && "border-red-400 dark:border-red-600"
+            d && "border-red-400 dark:border-red-600"
           )
         },
         `${s}:${i}`
       ),
-      c && /* @__PURE__ */ m(
+      d && /* @__PURE__ */ m(
         "span",
         {
           role: "alert",
           className: "mt-0.5 flex max-w-[220px] items-start gap-1 text-right text-[11px] leading-snug text-red-600 dark:text-red-400",
           "data-catalog-cell-error": !0,
           children: [
-            /* @__PURE__ */ n(St, { className: "mt-px h-3 w-3 shrink-0" }),
-            c,
+            /* @__PURE__ */ n(jt, { className: "mt-px h-3 w-3 shrink-0" }),
+            d,
             i !== "" ? ` — still ${i}` : ""
           ]
         }
       )
     ] }, s);
   };
-  return !x && de ? /* @__PURE__ */ m("div", { className: "space-y-2 py-1", "aria-busy": "true", children: [
+  return !h && he ? /* @__PURE__ */ m("div", { className: "space-y-2 py-1", "aria-busy": "true", children: [
     /* @__PURE__ */ n("div", { className: "h-8 w-full animate-pulse rounded bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" }),
     /* @__PURE__ */ n("div", { className: "h-8 w-2/3 animate-pulse rounded bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" })
-  ] }) : x ? /* @__PURE__ */ m("div", { className: "space-y-3", children: [
-    !g && /* @__PURE__ */ m(qt, { children: [
+  ] }) : h ? /* @__PURE__ */ m("div", { className: "space-y-3", children: [
+    !x && /* @__PURE__ */ m(ct, { children: [
       /* @__PURE__ */ m("div", { className: "rounded-lg border border-slate-200 text-[12px] dark:border-border", children: [
         /* @__PURE__ */ m("div", { className: "flex items-center gap-2 border-b border-slate-200 px-3 py-2 dark:border-border", children: [
-          /* @__PURE__ */ n(it, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" }),
+          /* @__PURE__ */ n(mt, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" }),
           /* @__PURE__ */ n(
             "input",
             {
-              value: C,
+              value: J,
               onChange: (e) => ye(e.target.value),
               placeholder: "Search catalog…",
               className: "w-full bg-transparent text-[12px] outline-none placeholder:text-slate-400"
             }
           ),
           /* @__PURE__ */ m("span", { className: "shrink-0 rounded border border-slate-200 bg-slate-50 px-1.5 py-0.5 text-[10px] font-medium text-slate-500 dark:border-border dark:bg-muted dark:text-slate-400", children: [
-            Sr,
+            Kr,
             " picked"
           ] })
         ] }),
-        Vt && // Sticky: the catalog list is tall and the page scroller carries it —
+        Yt && // Sticky: the catalog list is tall and the page scroller carries it —
         // without this the labels scroll away and favorites/section rows
         // read as headerless columns. Opaque bg (not the /60 tint) so rows
         // never bleed through while pinned.
         /* @__PURE__ */ m(
           "div",
           {
-            ref: yr,
+            ref: Or,
             className: "sticky top-0 z-[5] flex items-center gap-2 border-b border-slate-200 bg-slate-50 px-3 py-1 text-[10px] font-medium uppercase tracking-wide text-slate-400 dark:border-border dark:bg-muted",
             children: [
               l.favorites && /* @__PURE__ */ n("span", { className: "w-[18px] shrink-0" }),
               /* @__PURE__ */ n("span", { className: "w-36 shrink-0", children: "Item" }),
-              gt.map((e) => /* @__PURE__ */ n(
-                "span",
-                {
-                  className: e.format ? "w-20 shrink-0 text-right" : "min-w-0 flex-1",
-                  children: e.label ?? I(e.field.split(".")[0])
-                },
-                e.field
-              )),
-              yt.map((e) => /* @__PURE__ */ n("span", { className: "w-20 shrink-0 text-right", children: e.label ?? I(e.key) }, e.key)),
+              at.map((e) => /* @__PURE__ */ n("span", { className: z("truncate", Gt(e)), children: e.label ?? Z(e.field.split(".")[0]) }, e.field)),
+              Nt.map((e) => /* @__PURE__ */ n("span", { className: "w-20 shrink-0 text-right", children: e.label ?? Z(e.key) }, e.key)),
               /* @__PURE__ */ n("span", { className: "w-20 shrink-0 text-right", children: "Qty" })
             ]
           }
         ),
-        C.trim().length > 0 && Se.length === 0 && ut && /* @__PURE__ */ m("div", { className: "flex items-center justify-center gap-2 border-b border-slate-100 px-3 py-3 text-slate-400 dark:border-border/50", children: [
-          /* @__PURE__ */ n(ae, { className: "h-3.5 w-3.5 animate-spin" }),
+        J.trim().length > 0 && $e.length === 0 && ht && /* @__PURE__ */ m("div", { className: "flex items-center justify-center gap-2 border-b border-slate-100 px-3 py-3 text-slate-400 dark:border-border/50", children: [
+          /* @__PURE__ */ n(ne, { className: "h-3.5 w-3.5 animate-spin" }),
           " Searching the catalog…"
         ] }),
-        C.trim().length > 0 && Se.length === 0 && !ut && /* @__PURE__ */ m("p", { className: "px-3 py-4 text-center text-slate-400", children: [
+        J.trim().length > 0 && $e.length === 0 && !ht && /* @__PURE__ */ m("p", { className: "px-3 py-4 text-center text-slate-400", children: [
           'No CIFAs match "',
-          C.trim(),
+          J.trim(),
           '"'
         ] }),
-        C.trim().length > 0 && Se.length > 0 && /* @__PURE__ */ m(Je, { children: [
+        J.trim().length > 0 && $e.length > 0 && /* @__PURE__ */ m(Qe, { children: [
           /* @__PURE__ */ m("div", { className: "flex w-full items-center gap-1.5 border-b border-t border-slate-200 bg-sky-50/70 px-2 py-1.5 dark:border-border dark:bg-sky-900/10", children: [
-            /* @__PURE__ */ n(it, { className: "h-3 w-3 shrink-0 text-sky-500" }),
+            /* @__PURE__ */ n(mt, { className: "h-3 w-3 shrink-0 text-sky-500" }),
             /* @__PURE__ */ n("span", { className: "text-[11px] font-semibold text-slate-600 dark:text-slate-300", children: "Search results" }),
-            /* @__PURE__ */ n("span", { className: "rounded border border-slate-200 bg-white px-1.5 py-0.5 text-[10px] font-medium text-slate-500 dark:border-border dark:bg-background dark:text-slate-400", children: Se.length }),
+            /* @__PURE__ */ n("span", { className: "rounded border border-slate-200 bg-white px-1.5 py-0.5 text-[10px] font-medium text-slate-500 dark:border-border dark:bg-background dark:text-slate-400", children: $e.length }),
             /* @__PURE__ */ n("span", { className: "text-[10px] text-slate-400", children: "across the entire catalog — enter a quantity to add" }),
-            ut && /* @__PURE__ */ n(ae, { className: "h-3 w-3 shrink-0 animate-spin text-slate-400" })
+            ht && /* @__PURE__ */ n(ne, { className: "h-3 w-3 shrink-0 animate-spin text-slate-400" })
           ] }),
-          Se.map((e, t) => {
-            const r = String(e.id), s = fe(r);
+          $e.map((e, t) => {
+            const r = String(e.id), s = be(r);
             return /* @__PURE__ */ m(
               "div",
               {
-                className: B(
+                className: z(
                   "flex items-center gap-2 border-b border-slate-100 px-3 py-1 dark:border-border/50",
                   t % 2 === 0 ? "bg-white dark:bg-background" : "bg-slate-50/50 dark:bg-muted/30",
                   (s ?? 0) > 0 && "bg-nvr-cyan/5"
                 ),
                 children: [
-                  ct(r),
-                  nt(r, Fe(ee, e), Nt),
-                  wt(r, e),
-                  se.has(r) && /* @__PURE__ */ n(ae, { className: "h-3 w-3 shrink-0 animate-spin text-slate-400" }),
-                  Ke(r, e)
+                  pt(r),
+                  lt(r, Te(E, e), _t),
+                  (() => {
+                    const d = kr(e);
+                    return d ? /* @__PURE__ */ n(
+                      "span",
+                      {
+                        "data-catalog-match-why": !0,
+                        "data-tip": `Matched on ${d}`,
+                        className: "max-w-[160px] shrink-0 truncate rounded border border-slate-200 bg-slate-50 px-1.5 py-0.5 text-[10px] text-slate-500 dark:border-border dark:bg-muted dark:text-slate-400",
+                        children: d
+                      }
+                    ) : null;
+                  })(),
+                  St(r, e),
+                  de.has(r) && /* @__PURE__ */ n(ne, { className: "h-3 w-3 shrink-0 animate-spin text-slate-400" }),
+                  dt(r, e)
                 ]
               },
               r
             );
           })
         ] }),
-        k.length > 0 && !C.trim() && /* @__PURE__ */ m("p", { className: "px-3 py-6 text-center text-slate-400", children: [
+        k.length > 0 && !J.trim() && /* @__PURE__ */ m("p", { className: "px-3 py-6 text-center text-slate-400", children: [
           "Search the full catalog above, or select",
           " ",
           k.map((e) => {
             var t;
-            return ((t = P == null ? void 0 : P.fieldLabels) == null ? void 0 : t[e]) ?? I(e);
+            return ((t = B == null ? void 0 : B.fieldLabels) == null ? void 0 : t[e]) ?? Z(e);
           }).join(", "),
           " ",
           "to browse by category"
         ] }),
-        k.length === 0 && (H || He) && /* @__PURE__ */ m("div", { className: "flex items-center justify-center gap-2 py-6 text-slate-400", children: [
-          /* @__PURE__ */ n(ae, { className: "h-4 w-4 animate-spin" }),
+        k.length === 0 && (W || He) && /* @__PURE__ */ m("div", { className: "flex items-center justify-center gap-2 py-6 text-slate-400", children: [
+          /* @__PURE__ */ n(ne, { className: "h-4 w-4 animate-spin" }),
           " Loading catalog…"
         ] }),
-        k.length === 0 && !H && !He && st.length === 0 && /* @__PURE__ */ n("p", { className: "px-3 py-6 text-center text-slate-400", children: "No catalog items" }),
-        l.favorites && /* @__PURE__ */ m(Je, { children: [
+        k.length === 0 && !W && !He && ot.length === 0 && /* @__PURE__ */ n("p", { className: "px-3 py-6 text-center text-slate-400", children: "No catalog items" }),
+        l.favorites && /* @__PURE__ */ m(Qe, { children: [
           /* @__PURE__ */ m("div", { className: "flex w-full items-center gap-1.5 border-b border-slate-200 bg-amber-50/70 px-2 py-1 dark:border-border dark:bg-amber-900/10", children: [
             /* @__PURE__ */ m(
               "button",
               {
                 type: "button",
-                onClick: () => ne((e) => {
+                onClick: () => G((e) => {
                   const t = new Set(e);
                   return t.has("__favorites__") ? t.delete("__favorites__") : t.add("__favorites__"), t;
                 }),
                 className: "flex min-w-0 flex-1 items-center gap-1.5 py-0.5 text-left",
                 children: [
                   /* @__PURE__ */ n(
-                    jt,
+                    Tt,
                     {
-                      className: B(
+                      className: z(
                         "h-3 w-3 shrink-0 text-slate-400 transition-transform",
                         !oe.has("__favorites__") && "rotate-90"
                       )
                     }
                   ),
-                  /* @__PURE__ */ n(Be, { className: "h-3 w-3 shrink-0 fill-amber-400 text-amber-400" }),
+                  /* @__PURE__ */ n(De, { className: "h-3 w-3 shrink-0 fill-amber-400 text-amber-400" }),
                   /* @__PURE__ */ n("span", { className: "text-[11px] font-semibold text-slate-600 dark:text-slate-300", children: "Favorites" }),
-                  /* @__PURE__ */ n("span", { className: "rounded border border-slate-200 bg-white px-1.5 py-0.5 text-[10px] font-medium text-slate-500 dark:border-border dark:bg-background dark:text-slate-400", children: Le.length })
+                  /* @__PURE__ */ n("span", { className: "rounded border border-slate-200 bg-white px-1.5 py-0.5 text-[10px] font-medium text-slate-500 dark:border-border dark:bg-background dark:text-slate-400", children: Ae.length })
                 ]
               }
             ),
             /* @__PURE__ */ n(
               "button",
               {
-                ref: At,
+                ref: Kt,
                 type: "button",
-                onClick: () => Lt(!0),
+                onClick: () => At(!0),
                 className: "shrink-0 rounded border border-amber-200 bg-white px-2 py-0.5 text-[10px] font-semibold text-amber-700 transition-colors hover:border-amber-300 hover:bg-amber-50 dark:border-amber-400/30 dark:bg-transparent dark:text-amber-300 dark:hover:bg-amber-400/10",
                 children: "Manage"
               }
             )
           ] }),
-          !oe.has("__favorites__") && Le.length === 0 && /* @__PURE__ */ n("p", { className: "border-b border-slate-100 px-3 py-2 text-center text-[11px] text-slate-400 dark:border-border/50", children: "No favorites yet — Manage lets you search the full catalog and star items." }),
-          !oe.has("__favorites__") && Le.map((e, t) => {
-            const r = String(e.id), s = fe(r), c = bt(r);
+          !oe.has("__favorites__") && Ae.length === 0 && /* @__PURE__ */ n("p", { className: "border-b border-slate-100 px-3 py-2 text-center text-[11px] text-slate-400 dark:border-border/50", children: "No favorites yet — Manage lets you search the full catalog and star items." }),
+          !oe.has("__favorites__") && Ae.map((e, t) => {
+            const r = String(e.id), s = be(r), d = gt(r);
             return /* @__PURE__ */ m(
               "div",
               {
-                className: B(
+                className: z(
                   "flex items-center gap-2 border-b border-slate-100 px-3 py-1 dark:border-border/50",
                   t % 2 === 0 ? "bg-white dark:bg-background" : "bg-slate-50/50 dark:bg-muted/30",
                   (s ?? 0) > 0 && "bg-nvr-cyan/5",
-                  c && "bg-amber-50 dark:bg-amber-900/15"
+                  d && "bg-amber-50 dark:bg-amber-900/15"
                 ),
                 children: [
-                  ct(r),
-                  nt(r, Fe(ee, e), Nt),
-                  wt(r, e),
-                  c && /* @__PURE__ */ n(
-                    ze,
+                  pt(r),
+                  lt(r, Te(E, e), _t),
+                  St(r, e),
+                  d && /* @__PURE__ */ n(
+                    Be,
                     {
                       className: "h-3.5 w-3.5 shrink-0 text-amber-500",
-                      "aria-label": `${pt} ${c.available} — ${c.qty} requested`
+                      "aria-label": `${yt} ${d.available} — ${d.qty} requested`
                     }
                   ),
-                  se.has(r) && /* @__PURE__ */ n(ae, { className: "h-3 w-3 shrink-0 animate-spin text-slate-400" }),
-                  Ke(r, e)
+                  de.has(r) && /* @__PURE__ */ n(ne, { className: "h-3 w-3 shrink-0 animate-spin text-slate-400" }),
+                  dt(r, e)
                 ]
               },
               r
             );
           })
         ] }),
-        k.length === 0 && st.map((e) => {
+        k.length === 0 && ot.map((e) => {
           const t = oe.has(e.name), r = e.items.reduce(
-            (s, c) => s + ((fe(c.id) ?? 0) > 0 ? 1 : 0),
+            (s, d) => s + ((be(d.id) ?? 0) > 0 ? 1 : 0),
             0
           );
-          return /* @__PURE__ */ m(Je, { children: [
+          return /* @__PURE__ */ m(Qe, { children: [
             /* @__PURE__ */ m(
               "button",
               {
                 type: "button",
-                onClick: () => ne((s) => {
-                  const c = new Set(s);
-                  return c.has(e.name) ? c.delete(e.name) : c.add(e.name), c;
+                onClick: () => G((s) => {
+                  const d = new Set(s);
+                  return d.has(e.name) ? d.delete(e.name) : d.add(e.name), d;
                 }),
                 className: "flex w-full items-center gap-1.5 border-b border-slate-200 bg-slate-100/80 px-2 py-1.5 text-left dark:border-border dark:bg-muted",
                 children: [
                   /* @__PURE__ */ n(
-                    jt,
+                    Tt,
                     {
-                      className: B(
+                      className: z(
                         "h-3 w-3 shrink-0 text-slate-400 transition-transform",
                         !t && "rotate-90"
                       )
@@ -1212,30 +1253,30 @@ function yn({
                 ]
               }
             ),
-            !t && e.items.map((s, c) => {
-              const o = fe(s.id), i = bt(s.id);
+            !t && e.items.map((s, d) => {
+              const o = be(s.id), i = gt(s.id);
               return /* @__PURE__ */ m(
                 "div",
                 {
-                  className: B(
+                  className: z(
                     "flex items-center gap-2 border-b border-slate-100 px-3 py-1 dark:border-border/50",
-                    c % 2 === 0 ? "bg-white dark:bg-background" : "bg-slate-50/50 dark:bg-muted/30",
+                    d % 2 === 0 ? "bg-white dark:bg-background" : "bg-slate-50/50 dark:bg-muted/30",
                     (o ?? 0) > 0 && "bg-nvr-cyan/5",
                     i && "bg-amber-50 dark:bg-amber-900/15"
                   ),
                   children: [
-                    ct(s.id),
-                    nt(s.id, s.label, Nt),
-                    wt(s.id, s.row),
+                    pt(s.id),
+                    lt(s.id, s.label, _t),
+                    St(s.id, s.row),
                     i && /* @__PURE__ */ n(
-                      ze,
+                      Be,
                       {
                         className: "h-3.5 w-3.5 shrink-0 text-amber-500",
-                        "aria-label": `${pt} ${i.available} — ${i.qty} requested`
+                        "aria-label": `${yt} ${i.available} — ${i.qty} requested`
                       }
                     ),
-                    se.has(s.id) && /* @__PURE__ */ n(ae, { className: "h-3 w-3 shrink-0 animate-spin text-slate-400" }),
-                    Ke(s.id, s.row)
+                    de.has(s.id) && /* @__PURE__ */ n(ne, { className: "h-3 w-3 shrink-0 animate-spin text-slate-400" }),
+                    dt(s.id, s.row)
                   ]
                 },
                 s.id
@@ -1244,16 +1285,18 @@ function yn({
           ] }, e.name);
         })
       ] }),
-      (l.builders ?? []).filter((e) => Xt(e.show_when, te)).map((e) => /* @__PURE__ */ n(
-        Ir,
+      (l.builders ?? []).filter((e) => dr(e.show_when, H)).map((e) => /* @__PURE__ */ n(
+        cn,
         {
           builder: e,
           defaultItemField: l.item_field,
-          catalogCol: x,
-          catalogFields: J,
-          tmpl: ee,
-          qtyInput: Ke,
-          currentQty: fe
+          catalogCol: h,
+          catalogFields: A,
+          tmpl: E,
+          currentQty: be,
+          addQty: (t, r, s) => Je(t, String(r), s),
+          qtyStep: lr(v) ? 1 : "any",
+          readOnly: x
         },
         e.label
       ))
@@ -1261,11 +1304,11 @@ function yn({
     /* @__PURE__ */ m("div", { className: "rounded-lg border border-slate-200 text-[12px] dark:border-border", children: [
       /* @__PURE__ */ m("div", { className: "flex items-center justify-between gap-2 border-b border-slate-200 bg-slate-50 px-3 py-2 dark:border-border dark:bg-muted", children: [
         /* @__PURE__ */ n("span", { className: "text-[11px] font-semibold text-slate-600 dark:text-slate-300", children: "Summary" }),
-        !g && /* @__PURE__ */ m("div", { className: "flex items-center gap-2", onClick: (e) => e.stopPropagation(), children: [
-          l.upload_template && !E && Z && q && /* @__PURE__ */ n(
-            Kr,
+        !x && /* @__PURE__ */ m("div", { className: "flex items-center gap-2", onClick: (e) => e.stopPropagation(), children: [
+          l.upload_template && !K && M && j && /* @__PURE__ */ n(
+            Gr,
             {
-              collection: q,
+              collection: j,
               templateFilter: (e) => {
                 var t;
                 return e.name === l.upload_template && ((t = e.reimport) == null ? void 0 : t.enabled) === !0;
@@ -1274,115 +1317,114 @@ function yn({
                 var t;
                 return ((t = e.reimport) == null ? void 0 : t.button_label) ?? e.button_label;
               },
-              onParsed: (e, t) => Z(e, t),
+              onParsed: (e, t) => M(e, t),
               compact: !0
             }
           ),
           /* @__PURE__ */ n("div", { className: "w-64", children: /* @__PURE__ */ n(
-            Mr,
+            on,
             {
-              collection: x,
+              collection: h,
               value: null,
-              onChange: (e) => void _r(e),
+              onChange: (e) => void Ar(e),
               placeholder: "＋ Add any item…"
             }
           ) })
         ] })
       ] }),
       le.length === 0 ? /* @__PURE__ */ n("p", { className: "px-3 py-4 text-center text-slate-400", children: "Nothing picked yet" }) : (() => {
-        const e = zt.filter((i) => !i.format), t = e[0], r = e.slice(1), s = zt.filter((i) => !!i.format), c = (i, b) => b === "presence" ? i == null || i === "" || Number(i) === 0 ? "No" : "Yes" : i === !0 || i === "true" ? "✓" : i === !1 || i === "false" || i == null || i === "" ? "—" : ue(i, b), o = (i) => /* @__PURE__ */ n("span", { className: "w-20 shrink-0 text-right text-[11px] font-medium text-slate-500", children: i });
+        const e = It.filter((i) => !i.format), t = e[0], r = e.slice(1), s = It.filter((i) => !!i.format), d = (i, b) => b === "presence" ? i == null || i === "" || Number(i) === 0 ? "No" : "Yes" : i === !0 || i === "true" ? "✓" : i === !1 || i === "false" || i == null || i === "" ? "—" : fe(i, b), o = (i) => /* @__PURE__ */ n("span", { className: "w-20 shrink-0 text-right text-[11px] font-medium text-slate-500", children: i });
         return /* @__PURE__ */ m("div", { children: [
           /* @__PURE__ */ m("div", { className: "flex items-center gap-2 border-b border-slate-200 px-3 py-1.5 dark:border-border", children: [
             /* @__PURE__ */ n("span", { className: "flex-1 text-[11px] font-medium text-slate-500", children: "Item" }),
-            vt.map((i) => /* @__PURE__ */ n(Je, { children: o(I(i)) }, i)),
-            o(I(V)),
-            _t.map((i) => /* @__PURE__ */ n(Je, { children: o(I(i)) }, i)),
-            !g && /* @__PURE__ */ n("span", { className: "w-6 shrink-0" })
+            qt.map((i) => /* @__PURE__ */ n(Qe, { children: o(Z(i)) }, i)),
+            o(Z(P)),
+            $t.map((i) => /* @__PURE__ */ n(Qe, { children: o(Z(i)) }, i)),
+            !x && /* @__PURE__ */ n("span", { className: "w-6 shrink-0" })
           ] }),
           le.map((i, b) => {
-            const d = i.row.id != null ? String(i.row.id) : null, u = d != null && Ye.has(d), w = u ? null : bt(i.key), j = u ? null : fr(i.key);
+            const c = i.row.id != null ? String(i.row.id) : null, u = c != null && Ye.has(c), w = u ? null : gt(i.key), T = u ? null : _r(i.key);
             return /* @__PURE__ */ m(
               "div",
               {
-                className: B(
+                className: z(
                   "border-b border-slate-100 px-3 py-2 last:border-b-0 dark:border-border/50",
                   b % 2 === 0 ? "bg-white dark:bg-background" : "bg-slate-50/50 dark:bg-muted/30",
                   w && "bg-amber-50 dark:bg-amber-900/15",
-                  j && "bg-red-50/70 dark:bg-red-900/15",
+                  T && "bg-red-50/70 dark:bg-red-900/15",
                   u && "opacity-60"
                 ),
                 children: [
                   /* @__PURE__ */ m(
                     "div",
                     {
-                      className: B(
+                      className: z(
                         "flex items-center gap-2",
                         u && "line-through decoration-slate-400"
                       ),
                       children: [
-                        nt(
+                        lt(
                           i.key,
-                          Dt(i.key),
+                          Xt(i.key),
                           "shrink-0 font-semibold text-slate-800 dark:text-slate-100"
                         ),
-                        Pe && !u && (d == null || We.has(d)) && /* @__PURE__ */ n(
+                        Ce && !u && (c == null || Ie.has(c)) && /* @__PURE__ */ n(
                           "span",
                           {
-                            "data-catalog-staged": d == null ? "new" : "edited",
+                            "data-catalog-staged": c == null ? "new" : "edited",
                             "data-tip": "Applies when you save the record",
                             className: "shrink-0 rounded bg-amber-100 px-1.5 py-px text-[10px] font-semibold text-amber-800 dark:bg-amber-400/15 dark:text-amber-300",
-                            children: d == null ? "New" : "Edited"
+                            children: c == null ? "New" : "Edited"
                           }
                         ),
-                        j && /* @__PURE__ */ n(
+                        T && /* @__PURE__ */ n(
                           "span",
                           {
                             className: "shrink-0",
                             "data-tip": `This line was in the failed submission
-${j}`,
+${T}`,
                             "data-submission-error": !0,
-                            children: /* @__PURE__ */ n(St, { className: "h-3.5 w-3.5 text-red-500", strokeWidth: 2 })
+                            children: /* @__PURE__ */ n(jt, { className: "h-3.5 w-3.5 text-red-500", strokeWidth: 2 })
                           }
                         ),
                         t && /* @__PURE__ */ n(
-                          "span",
+                          cr,
                           {
-                            className: "min-w-0 flex-1 truncate text-slate-600 dark:text-slate-300",
-                            title: String(Ae(qe(i.key), t.field) ?? ""),
-                            children: ue(Ae(qe(i.key), t.field), void 0)
+                            text: fe(it(Re(i.key), t.field), void 0),
+                            className: "min-w-0 flex-1 text-slate-600 dark:text-slate-300"
                           }
                         ),
                         !t && /* @__PURE__ */ n("span", { className: "flex-1" }),
                         r.map((N) => {
-                          const S = Ae(qe(i.key), N.field);
-                          return S == null || S === "" ? null : /* @__PURE__ */ n(
+                          const $ = it(Re(i.key), N.field);
+                          return $ == null || $ === "" ? null : /* @__PURE__ */ n(
                             "span",
                             {
                               className: "shrink-0 rounded bg-slate-100 px-1.5 py-0.5 text-[10.5px] font-medium text-slate-600 dark:bg-muted dark:text-slate-300",
-                              children: String(S)
+                              children: String($)
                             },
                             N.field
                           );
                         }),
-                        vt.map(
+                        qt.map(
                           (N) => {
-                            var S;
-                            return D.includes(N) && !g ? qr(i.key, N, i.row) : /* @__PURE__ */ n(
+                            var $;
+                            return se.includes(N) && !x ? Jr(i.key, N, i.row) : /* @__PURE__ */ n(
                               "span",
                               {
                                 className: "w-20 shrink-0 text-right tabular-nums text-slate-600 dark:text-slate-300",
-                                children: ue(i.row[N], (S = l.field_formats) == null ? void 0 : S[N])
+                                children: fe(i.row[N], ($ = l.field_formats) == null ? void 0 : $[N])
                               },
                               N
                             );
                           }
                         ),
                         /* @__PURE__ */ m("span", { className: "inline-flex w-20 shrink-0 items-center justify-end gap-1", children: [
-                          se.has(i.key) && /* @__PURE__ */ n(ae, { className: "h-3 w-3 animate-spin text-slate-400" }),
-                          Ke(i.key, qe(i.key))
+                          de.has(i.key) && /* @__PURE__ */ n(ne, { className: "h-3 w-3 animate-spin text-slate-400" }),
+                          dt(i.key, Re(i.key))
                         ] }),
-                        _t.map((N) => {
-                          var ve, It;
+                        $t.map((N) => {
+                          var Se, sr;
                           if (u)
                             return /* @__PURE__ */ n(
                               "span",
@@ -1393,85 +1435,85 @@ ${j}`,
                               },
                               N
                             );
-                          const S = i.row[N], $e = S != null && S !== "" ? S : Qe(((ve = l.compute_fields) == null ? void 0 : ve[N]) ?? "", i.row);
+                          const $ = i.row[N], je = $ != null && $ !== "" ? $ : ze(((Se = l.compute_fields) == null ? void 0 : Se[N]) ?? "", i.row);
                           return /* @__PURE__ */ n(
                             "span",
                             {
                               className: "w-20 shrink-0 text-right tabular-nums text-slate-600 dark:text-slate-300",
-                              children: ue($e, (It = l.field_formats) == null ? void 0 : It[N])
+                              children: fe(je, (sr = l.field_formats) == null ? void 0 : sr[N])
                             },
                             N
                           );
                         }),
-                        !g && u && /* @__PURE__ */ n(
+                        !x && u && /* @__PURE__ */ n(
                           "button",
                           {
                             type: "button",
-                            onClick: () => p == null ? void 0 : p.cancelPendingDelete(f, y, d),
+                            onClick: () => g == null ? void 0 : g.cancelPendingDelete(f, y, c),
                             className: "shrink-0 rounded px-1.5 py-0.5 text-[11px] font-medium text-nvr-navy underline dark:text-nvr-cyan",
                             children: "Undo"
                           }
                         ),
-                        !g && !u && /* @__PURE__ */ n(
+                        !x && !u && /* @__PURE__ */ n(
                           "button",
                           {
                             type: "button",
                             title: "Remove (applies on Save)",
                             onClick: () => {
-                              if (!E && p && d != null) {
-                                p.queueDelete(f, y, d);
+                              if (!K && g && c != null) {
+                                g.queueDelete(f, y, c);
                                 return;
                               }
-                              at(i.key, "0", {}, { confirmedRemove: !0 });
+                              Je(i.key, "0", {}, { confirmedRemove: !0 });
                             },
                             className: "w-6 shrink-0 rounded p-0.5 text-slate-300 transition-colors hover:text-red-500",
-                            children: /* @__PURE__ */ n(lt, { className: "mx-auto h-3.5 w-3.5" })
+                            children: /* @__PURE__ */ n(ut, { className: "mx-auto h-3.5 w-3.5" })
                           }
                         )
                       ]
                     }
                   ),
-                  (s.length > 0 || Bt.length > 0 || rt.length > 0) && /* @__PURE__ */ m("div", { className: "mt-1 flex flex-wrap items-baseline gap-x-4 gap-y-0.5 pl-0.5 text-[11px]", children: [
+                  (s.length > 0 || Mt.length > 0 || st.length > 0) && /* @__PURE__ */ m("div", { className: "mt-1 flex flex-wrap items-baseline gap-x-4 gap-y-0.5 pl-0.5 text-[11px]", children: [
                     s.map((N) => /* @__PURE__ */ m("span", { className: "whitespace-nowrap", children: [
-                      /* @__PURE__ */ n("span", { className: "text-slate-500 dark:text-muted-foreground", children: N.label ?? I(N.field.split(".")[0]) }),
+                      /* @__PURE__ */ n("span", { className: "text-slate-500 dark:text-muted-foreground", children: N.label ?? Z(N.field.split(".")[0]) }),
                       " ",
-                      /* @__PURE__ */ n("span", { className: "font-medium tabular-nums text-slate-700 dark:text-slate-200", children: c(Ae(qe(i.key), N.field), N.format) })
+                      /* @__PURE__ */ n("span", { className: "font-medium tabular-nums text-slate-700 dark:text-slate-200", children: d(it(Re(i.key), N.field), N.format) })
                     ] }, N.field)),
-                    Bt.map((N) => /* @__PURE__ */ m("span", { className: "whitespace-nowrap", children: [
-                      /* @__PURE__ */ n("span", { className: "text-slate-500 dark:text-muted-foreground", children: N.label ?? I(N.key) }),
+                    Mt.map((N) => /* @__PURE__ */ m("span", { className: "whitespace-nowrap", children: [
+                      /* @__PURE__ */ n("span", { className: "text-slate-500 dark:text-muted-foreground", children: N.label ?? Z(N.key) }),
                       " ",
-                      /* @__PURE__ */ n("span", { className: "font-medium tabular-nums text-slate-700 dark:text-slate-200", children: c(ft(N.key, i.key), N.format) })
+                      /* @__PURE__ */ n("span", { className: "font-medium tabular-nums text-slate-700 dark:text-slate-200", children: d(xt(N.key, i.key), N.format) })
                     ] }, N.key)),
-                    gr(i.row),
-                    dr(i.row).map((N) => /* @__PURE__ */ m(
+                    Tr(i.row),
+                    wr(i.row).map((N) => /* @__PURE__ */ m(
                       "span",
                       {
                         className: "inline-flex items-center gap-1 whitespace-nowrap rounded bg-amber-50 px-1.5 py-px text-[10.5px] font-medium text-amber-700 dark:bg-amber-500/10 dark:text-amber-300",
                         "data-catalog-row-flag": N,
                         children: [
-                          /* @__PURE__ */ n(ze, { className: "h-3 w-3" }),
+                          /* @__PURE__ */ n(Be, { className: "h-3 w-3" }),
                           N
                         ]
                       },
                       N
                     )),
-                    rt.map((N) => {
-                      const S = hr(N, i);
+                    st.map((N) => {
+                      const $ = jr(N, i);
                       return /* @__PURE__ */ m("span", { className: "whitespace-nowrap", children: [
-                        /* @__PURE__ */ n("span", { className: "text-slate-500 dark:text-muted-foreground", children: N.label ?? I(N.field) }),
+                        /* @__PURE__ */ n("span", { className: "text-slate-500 dark:text-muted-foreground", children: N.label ?? Z(N.field) }),
                         " ",
-                        /* @__PURE__ */ n("span", { className: "font-medium text-slate-700 dark:text-slate-200", children: c(S, N.format) })
+                        /* @__PURE__ */ n("span", { className: "font-medium text-slate-700 dark:text-slate-200", children: d($, N.format) })
                       ] }, N.field);
                     })
                   ] }),
                   w && /* @__PURE__ */ m("p", { className: "mt-1 flex items-center gap-1 pl-0.5 text-[11px] font-medium text-amber-600 dark:text-amber-400", children: [
-                    /* @__PURE__ */ n(ze, { className: "h-3 w-3 shrink-0" }),
-                    pt,
+                    /* @__PURE__ */ n(Be, { className: "h-3 w-3 shrink-0" }),
+                    yt,
                     " is ",
-                    ue(w.available, "number"),
+                    fe(w.available, "number"),
                     " —",
                     " ",
-                    ue(w.qty, "number"),
+                    fe(w.qty, "number"),
                     " requested"
                   ] }),
                   u && /* @__PURE__ */ n("p", { className: "mt-1 pl-0.5 text-[11px] text-red-500", children: "Removed — applies when you save" })
@@ -1482,48 +1524,48 @@ ${j}`,
           }),
           (() => {
             const i = le.filter((w) => {
-              const j = w.row.id != null ? String(w.row.id) : null;
-              return !(j != null && Ye.has(j));
-            }), b = (w) => i.reduce((j, N) => {
-              const S = Number(N.row[w]);
-              return j + (Number.isFinite(S) ? S : 0);
-            }, 0), d = (w) => {
-              var j;
-              return ((j = l.field_formats) == null ? void 0 : j[w]) ?? "number";
+              const T = w.row.id != null ? String(w.row.id) : null;
+              return !(T != null && Ye.has(T));
+            }), b = (w) => i.reduce((T, N) => {
+              const $ = Number(N.row[w]);
+              return T + (Number.isFinite($) ? $ : 0);
+            }, 0), c = (w) => {
+              var T;
+              return ((T = l.field_formats) == null ? void 0 : T[w]) ?? "number";
             }, u = (w) => /* @__PURE__ */ n(
               "span",
               {
                 className: "w-20 shrink-0 text-right text-[12px] font-semibold tabular-nums text-slate-800 dark:text-slate-100",
-                children: ue(b(w), d(w))
+                children: fe(b(w), c(w))
               },
               w
             );
             return /* @__PURE__ */ m("div", { className: "flex items-center gap-2 border-t border-slate-200 bg-slate-50 px-3 py-1.5 dark:border-border dark:bg-muted/40", children: [
               /* @__PURE__ */ n("span", { className: "flex-1 text-[11px] font-semibold uppercase tracking-wide text-slate-500", children: "Total" }),
-              vt.map((w) => /* @__PURE__ */ n("span", { className: "w-20 shrink-0" }, w)),
-              /* @__PURE__ */ n("span", { className: "w-20 shrink-0 text-right text-[12px] font-semibold tabular-nums text-slate-800 dark:text-slate-100", children: ue(b(V), "number") }),
-              _t.map(u),
-              !g && /* @__PURE__ */ n("span", { className: "w-6 shrink-0" })
+              qt.map((w) => /* @__PURE__ */ n("span", { className: "w-20 shrink-0" }, w)),
+              /* @__PURE__ */ n("span", { className: "w-20 shrink-0 text-right text-[12px] font-semibold tabular-nums text-slate-800 dark:text-slate-100", children: fe(b(P), "number") }),
+              $t.map(u),
+              !x && /* @__PURE__ */ n("span", { className: "w-6 shrink-0" })
             ] });
           })()
         ] });
       })()
     ] }),
-    ar && x && /* @__PURE__ */ n(
-      Zr,
+    hr && h && /* @__PURE__ */ n(
+      un,
       {
-        catalogCol: x,
-        tmpl: ee,
+        catalogCol: h,
+        tmpl: E,
         sectionBy: l.section_by,
-        sectionM2M: Q,
-        pinnedSet: dt,
-        pinnedIds: xe,
+        sectionM2M: L,
+        pinnedSet: bt,
+        pinnedIds: ge,
         savingIds: Xe,
         relatedCols: (l.favorites_manager_columns ?? []).map((e) => (l.related_columns ?? []).find((t) => t.key === e)).filter((e) => !!e),
-        parentDraft: te,
-        onToggle: (e) => void Et(e),
-        onClose: () => Lt(!1),
-        anchor: At.current
+        parentDraft: H,
+        onToggle: (e) => void Lt(e),
+        onClose: () => At(!1),
+        anchor: Kt.current
       }
     )
   ] }) : /* @__PURE__ */ m("p", { className: "py-1 text-[12px] text-slate-400", children: [
@@ -1534,87 +1576,99 @@ ${j}`,
     f
   ] });
 }
-function Ir({
+function cn({
   builder: f,
   defaultItemField: y,
-  catalogCol: _,
-  catalogFields: q,
+  catalogCol: S,
+  catalogFields: j,
   tmpl: l,
-  qtyInput: g,
-  currentQty: h
+  currentQty: x,
+  addQty: p,
+  qtyStep: F,
+  readOnly: g
 }) {
-  const $ = Ft(), p = f.item_field ?? y, [P, Z] = Y(!1), [D, E] = Y({}), V = O(
+  const B = Ot(), M = f.item_field ?? y, [se, K] = I(!1), [P, oe] = I({}), [G, _e] = I("1"), [J, ye] = I(!1), qe = O(
     () => [
       "id",
-      p,
+      M,
       ...f.attributes.flatMap((v) => [`${v.field}.id`, `${v.field}.${v.label_field}`])
     ].join(","),
-    [p, f.attributes]
-  ), { data: oe = [], isLoading: ne } = z({
+    [M, f.attributes]
+  ), { data: pe = [], isLoading: de } = D({
     queryKey: [
       "catalog-builder",
       f.collection,
-      V,
+      qe,
       JSON.stringify(f.filter ?? null)
     ],
-    queryFn: () => $.request(
+    queryFn: () => B.request(
       R(`/items/${f.collection}`, {
         limit: 2e3,
-        fields: V,
+        fields: qe,
         ...f.filter ? { filter: JSON.stringify(f.filter) } : {}
       })
     ).then((v) => v.data ?? []),
-    enabled: P,
+    enabled: se,
     staleTime: 6e4
-  }), ge = (v, T) => {
-    var W;
-    const F = v[T];
-    if (F == null) return null;
-    if (typeof F == "object") {
-      const L = F, K = ((W = f.attributes.find((de) => de.field === T)) == null ? void 0 : W.label_field) ?? "id";
-      return { id: String(L.id ?? ""), label: String(L[K] ?? L.id ?? "") };
+  }), ee = (v, Q) => {
+    var E;
+    const _ = v[Q];
+    if (_ == null) return null;
+    if (typeof _ == "object") {
+      const q = _, C = ((E = f.attributes.find((me) => me.field === Q)) == null ? void 0 : E.label_field) ?? "id";
+      return { id: String(q.id ?? ""), label: String(q[C] ?? q.id ?? "") };
     }
-    return { id: String(F), label: String(F) };
-  }, C = (v) => oe.filter(
-    (T) => f.attributes.slice(0, v).every((F) => {
-      var L;
-      const W = D[F.field];
-      return W ? ((L = ge(T, F.field)) == null ? void 0 : L.id) === W : !0;
+    return { id: String(_), label: String(_) };
+  }, ce = (v) => pe.filter(
+    (Q) => f.attributes.slice(0, v).every((_) => {
+      var q;
+      const E = P[_.field];
+      return E ? ((q = ee(Q, _.field)) == null ? void 0 : q.id) === E : !0;
     })
-  ), ye = f.attributes.every((v) => D[v.field]), be = ye ? oe.find(
-    (v) => f.attributes.every((T) => {
-      var F;
-      return ((F = ge(v, T.field)) == null ? void 0 : F.id) === D[T.field];
+  ), X = f.attributes.every((v) => P[v.field]), ae = X ? pe.find(
+    (v) => f.attributes.every((Q) => {
+      var _;
+      return ((_ = ee(v, Q.field)) == null ? void 0 : _.id) === P[Q.field];
     })
-  ) : void 0, G = (be == null ? void 0 : be[p]) != null ? String(be[p]) : null, { data: se } = z({
-    queryKey: ["catalog-builder-item", _, q, G],
-    queryFn: () => $.request(
-      R(`/items/${_}`, {
-        filter: JSON.stringify({ id: { _eq: G } }),
-        fields: q,
+  ) : void 0, V = (ae == null ? void 0 : ae[M]) != null ? String(ae[M]) : null, { data: te } = D({
+    queryKey: ["catalog-builder-item", S, j, V],
+    queryFn: () => B.request(
+      R(`/items/${S}`, {
+        filter: JSON.stringify({ id: { _eq: V } }),
+        fields: j,
         limit: 1
       })
     ).then((v) => {
-      var T;
-      return ((T = v.data) == null ? void 0 : T[0]) ?? null;
+      var Q;
+      return ((Q = v.data) == null ? void 0 : Q[0]) ?? null;
     }),
-    enabled: !!G,
+    enabled: !!V,
     staleTime: 6e4
-  });
+  }), he = Number(G), h = !!V && !!te && !J && G.trim() !== "" && Number.isFinite(he) && he > 0 && (F === "any" || Number.isInteger(he));
+  async function ke() {
+    if (!(!h || !V || !te)) {
+      ye(!0);
+      try {
+        await p(V, (x(V) ?? 0) + he, te), oe({}), _e("1");
+      } finally {
+        ye(!1);
+      }
+    }
+  }
   return /* @__PURE__ */ m("div", { className: "rounded-lg border border-slate-200 text-[12px] dark:border-border", children: [
     /* @__PURE__ */ m(
       "button",
       {
         type: "button",
-        onClick: () => Z((v) => !v),
+        onClick: () => K((v) => !v),
         className: "flex w-full items-center gap-1.5 rounded-t-lg bg-slate-100/80 px-2 py-1.5 text-left dark:bg-muted",
         children: [
           /* @__PURE__ */ n(
-            jt,
+            Tt,
             {
-              className: B(
+              className: z(
                 "h-3 w-3 shrink-0 text-slate-400 transition-transform",
-                P && "rotate-90"
+                se && "rotate-90"
               )
             }
           ),
@@ -1622,252 +1676,288 @@ function Ir({
         ]
       }
     ),
-    P && /* @__PURE__ */ n("div", { className: "space-y-2 border-t border-slate-200 p-3 dark:border-border", children: ne ? /* @__PURE__ */ m("div", { className: "flex items-center gap-2 py-2 text-slate-400", children: [
-      /* @__PURE__ */ n(ae, { className: "h-4 w-4 animate-spin" }),
+    se && /* @__PURE__ */ n("div", { className: "space-y-2 border-t border-slate-200 p-3 dark:border-border", children: de ? /* @__PURE__ */ m("div", { className: "flex items-center gap-2 py-2 text-slate-400", children: [
+      /* @__PURE__ */ n(ne, { className: "h-4 w-4 animate-spin" }),
       " Loading options…"
     ] }) : /* @__PURE__ */ m("div", { className: "flex flex-wrap items-end gap-3", children: [
-      f.attributes.map((v, T) => {
-        const F = /* @__PURE__ */ new Map();
-        for (const L of C(T)) {
-          const K = ge(L, v.field);
-          K != null && K.id && F.set(K.id, K.label);
+      f.attributes.map((v, Q) => {
+        const _ = /* @__PURE__ */ new Map();
+        for (const q of ce(Q)) {
+          const C = ee(q, v.field);
+          C != null && C.id && _.set(C.id, C.label);
         }
-        const W = [...F.entries()].sort(
-          ([, L], [, K]) => L.localeCompare(K, void 0, { numeric: !0 })
+        const E = [..._.entries()].sort(
+          ([, q], [, C]) => q.localeCompare(C, void 0, { numeric: !0 })
         );
         return /* @__PURE__ */ n(
-          Yr,
+          mn,
           {
-            label: I(v.field),
-            value: D[v.field] ?? null,
-            valueLabel: D[v.field] ? F.get(D[v.field]) ?? D[v.field] : null,
-            options: W,
-            disabled: T > 0 && !D[f.attributes[T - 1].field],
-            onChange: (L) => E((K) => {
-              const de = {};
-              for (let x = 0; x < T; x++) {
-                const pe = f.attributes[x].field;
-                K[pe] && (de[pe] = K[pe]);
+            label: Z(v.field),
+            value: P[v.field] ?? null,
+            valueLabel: P[v.field] ? _.get(P[v.field]) ?? P[v.field] : null,
+            options: E,
+            disabled: Q > 0 && !P[f.attributes[Q - 1].field],
+            onChange: (q) => oe((C) => {
+              const me = {};
+              for (let L = 0; L < Q; L++) {
+                const H = f.attributes[L].field;
+                C[H] && (me[H] = C[H]);
               }
-              return L && (de[v.field] = L), de;
+              return q && (me[v.field] = q), me;
             })
           },
           v.field
         );
       }),
-      /* @__PURE__ */ n("div", { className: "flex min-h-[28px] flex-1 items-center gap-2", children: G && se ? /* @__PURE__ */ m(qt, { children: [
-        /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate text-slate-700 dark:text-slate-200", children: Fe(l, se) }),
-        (h(G) ?? 0) > 0 && /* @__PURE__ */ n("span", { className: "rounded bg-nvr-cyan/10 px-1.5 py-0.5 text-[10px] font-semibold text-[#009abe]", children: "picked" }),
-        g(G, se)
-      ] }) : ye ? /* @__PURE__ */ n("span", { className: "text-slate-400", children: "No matching item for this combination" }) : /* @__PURE__ */ n("span", { className: "text-slate-400", children: "Pick each attribute to resolve an item" }) })
+      /* @__PURE__ */ n("div", { className: "flex min-h-[28px] flex-1 items-center gap-2", children: V && te ? /* @__PURE__ */ m(ct, { children: [
+        /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate text-slate-700 dark:text-slate-200", children: Te(l, te) }),
+        (x(V) ?? 0) > 0 && /* @__PURE__ */ m("span", { className: "rounded bg-nvr-cyan/10 px-1.5 py-0.5 text-[10px] font-semibold text-[#009abe]", children: [
+          x(V),
+          " in summary"
+        ] }),
+        !g && /* @__PURE__ */ m(ct, { children: [
+          /* @__PURE__ */ n(
+            "input",
+            {
+              type: "number",
+              min: 0,
+              step: F,
+              value: G,
+              "aria-label": "Quantity to add",
+              onChange: (v) => _e(v.target.value),
+              onKeyDown: (v) => {
+                v.key === "Enter" && (v.preventDefault(), ke());
+              },
+              className: "h-7 w-20 shrink-0 rounded border border-slate-200 bg-white px-2 text-right text-[12px] outline-none focus:border-nvr-cyan dark:border-border dark:bg-background"
+            }
+          ),
+          /* @__PURE__ */ m(
+            "button",
+            {
+              type: "button",
+              onClick: () => void ke(),
+              disabled: !h,
+              className: "flex h-7 shrink-0 items-center gap-1 rounded bg-nvr-cyan px-2.5 text-[12px] font-medium text-white hover:bg-nvr-cyan/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan focus-visible:ring-offset-1 disabled:opacity-50",
+              children: [
+                J ? /* @__PURE__ */ n(ne, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ n(zr, { className: "h-3.5 w-3.5" }),
+                "Add"
+              ]
+            }
+          )
+        ] })
+      ] }) : X ? /* @__PURE__ */ n("span", { className: "text-slate-400", children: "No matching item for this combination" }) : /* @__PURE__ */ n("span", { className: "text-slate-400", children: "Pick each attribute to resolve an item" }) })
     ] }) })
   ] });
 }
-function Yr({
+function cr({ text: f, className: y }) {
+  const S = Xr(f);
+  return /* @__PURE__ */ n("span", { ref: S, className: z("truncate", y), children: f });
+}
+function mn({
   label: f,
   value: y,
-  valueLabel: _,
-  options: q,
+  valueLabel: S,
+  options: j,
   disabled: l,
-  onChange: g
+  onChange: x
 }) {
-  const [h, $] = Y(!1), p = Ve(null);
-  return je(() => {
-    if (!h) return;
-    const P = (Z) => {
-      p.current && !p.current.contains(Z.target) && $(!1);
+  const [p, F] = I(!1), g = Ve(null);
+  return Fe(() => {
+    if (!p) return;
+    const B = (M) => {
+      g.current && !g.current.contains(M.target) && F(!1);
     };
-    return document.addEventListener("mousedown", P), () => document.removeEventListener("mousedown", P);
-  }, [h]), /* @__PURE__ */ m("div", { ref: p, className: "relative", children: [
+    return document.addEventListener("mousedown", B), () => document.removeEventListener("mousedown", B);
+  }, [p]), /* @__PURE__ */ m("div", { ref: g, className: "relative", children: [
     /* @__PURE__ */ n("p", { className: "mb-1 text-[10px] font-medium text-slate-500 dark:text-slate-400", children: f }),
     /* @__PURE__ */ m(
       "button",
       {
         type: "button",
         disabled: l,
-        onClick: () => $((P) => !P),
+        onClick: () => F((B) => !B),
         className: "flex w-44 items-center justify-between rounded border border-slate-200 bg-white px-2 py-1.5 text-left text-[12px] text-slate-700 hover:border-slate-300 disabled:opacity-50 dark:border-border dark:bg-background dark:text-slate-200",
         children: [
-          /* @__PURE__ */ n("span", { className: B("truncate", !_ && "text-slate-400"), children: _ ?? "Select…" }),
-          /* @__PURE__ */ n(jr, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" })
+          /* @__PURE__ */ n("span", { className: z("truncate", !S && "text-slate-400"), children: S ?? "Select…" }),
+          /* @__PURE__ */ n(Br, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" })
         ]
       }
     ),
-    h && /* @__PURE__ */ m("div", { className: "absolute z-50 mt-1 max-h-52 w-44 overflow-y-auto rounded-md border border-border bg-popover py-1 shadow-md", children: [
+    p && /* @__PURE__ */ m("div", { className: "absolute z-50 mt-1 max-h-52 w-44 overflow-y-auto rounded-md border border-border bg-popover py-1 shadow-md", children: [
       y && /* @__PURE__ */ m(
         "button",
         {
           type: "button",
           onClick: () => {
-            g(null), $(!1);
+            x(null), F(!1);
           },
           className: "flex w-full items-center gap-1.5 border-b border-slate-100 px-2 py-1 text-left text-[12px] text-slate-500 hover:bg-muted dark:border-border dark:text-slate-400",
           children: [
-            /* @__PURE__ */ n(lt, { className: "h-3 w-3 text-slate-400" }),
+            /* @__PURE__ */ n(ut, { className: "h-3 w-3 text-slate-400" }),
             " Clear"
           ]
         }
       ),
-      q.map(([P, Z]) => /* @__PURE__ */ n(
+      j.map(([B, M]) => /* @__PURE__ */ n(
         "button",
         {
           type: "button",
           onClick: () => {
-            g(P), $(!1);
+            x(B), F(!1);
           },
-          className: B(
+          className: z(
             "block w-full truncate px-2 py-1 text-left text-[12px] hover:bg-muted",
-            P === y ? "font-medium text-nvr-cyan" : "text-slate-700 dark:text-slate-200"
+            B === y ? "font-medium text-nvr-cyan" : "text-slate-700 dark:text-slate-200"
           ),
-          children: Z
+          children: M
         },
-        P
+        B
       ))
     ] })
   ] });
 }
-function Zr({
+function un({
   catalogCol: f,
   tmpl: y,
-  sectionBy: _,
-  sectionM2M: q,
+  sectionBy: S,
+  sectionM2M: j,
   pinnedSet: l,
-  pinnedIds: g,
-  savingIds: h,
-  relatedCols: $,
-  parentDraft: p,
-  onToggle: P,
-  onClose: Z,
-  anchor: D
+  pinnedIds: x,
+  savingIds: p,
+  relatedCols: F,
+  parentDraft: g,
+  onToggle: B,
+  onClose: M,
+  anchor: se
 }) {
-  const E = Ft(), [V, oe] = Y(""), [ne, ge] = Y(""), [C, ye] = Y(1), be = Ve(null);
-  je(() => {
-    const a = setTimeout(() => ge(V), 300);
+  const K = Ot(), [P, oe] = I(""), [G, _e] = I(""), [J, ye] = I(1), qe = Ve(null);
+  Fe(() => {
+    const a = setTimeout(() => _e(P), 300);
     return () => clearTimeout(a);
-  }, [V]), je(() => ye(1), [ne]), je(() => {
+  }, [P]), Fe(() => ye(1), [G]), Fe(() => {
     var a;
-    (a = be.current) == null || a.focus();
-  }, []), je(() => {
+    (a = qe.current) == null || a.focus();
+  }, []), Fe(() => {
     const a = (k) => {
-      k.key === "Escape" && (k.stopPropagation(), Z());
+      k.key === "Escape" && (k.stopPropagation(), M());
     };
     return window.addEventListener("keydown", a, !0), () => window.removeEventListener("keydown", a, !0);
-  }, [Z]);
-  const G = O(() => {
+  }, [M]);
+  const pe = O(() => {
     var k;
     const a = (k = [...(y ?? "").matchAll(/\{\{([\w.]+)\}\}/g)][0]) == null ? void 0 : k[1];
     return a && !a.includes(".") ? a : "id";
-  }, [y]), se = !q && _.includes(".") ? `*,${_}` : "*", v = 50, { data: T, isFetching: F } = z({
-    queryKey: ["favorites-manager-list", f, ne, G, C],
-    queryFn: () => E.request(
+  }, [y]), de = !j && S.includes(".") ? `*,${S}` : "*", ee = 50, { data: ce, isFetching: X } = D({
+    queryKey: ["favorites-manager-list", f, G, pe, J],
+    queryFn: () => K.request(
       R(`/items/${f}`, {
-        fields: se,
-        limit: v,
-        page: C,
-        sort: G,
-        ...ne.trim() ? { search: ne } : {}
+        fields: de,
+        limit: ee,
+        page: J,
+        sort: pe,
+        ...G.trim() ? { search: G } : {}
       })
     ),
     staleTime: 3e4,
     placeholderData: (a) => a
-  }), W = ((T == null ? void 0 : T.data) ?? []).filter((a) => !l.has(String(a.id))), L = (T == null ? void 0 : T.total) ?? W.length, K = Math.max(1, Math.ceil(L / v)), { data: de = [] } = z({
-    queryKey: ["favorites-manager-pinned", f, se, g.join(",")],
-    queryFn: () => E.request(
+  }), ae = ((ce == null ? void 0 : ce.data) ?? []).filter((a) => !l.has(String(a.id))), V = (ce == null ? void 0 : ce.total) ?? ae.length, te = Math.max(1, Math.ceil(V / ee)), { data: he = [] } = D({
+    queryKey: ["favorites-manager-pinned", f, de, x.join(",")],
+    queryFn: () => K.request(
       R(`/items/${f}`, {
-        filter: JSON.stringify({ id: { _in: g } }),
-        fields: se,
-        limit: g.length,
-        sort: G
+        filter: JSON.stringify({ id: { _in: x } }),
+        fields: de,
+        limit: x.length,
+        sort: pe
       })
     ).then((a) => a.data ?? []),
-    enabled: g.length > 0,
+    enabled: x.length > 0,
     staleTime: 3e4
-  }), x = O(() => {
+  }), h = O(() => {
     const a = /* @__PURE__ */ new Set();
-    for (const k of W) a.add(String(k.id));
-    for (const k of g) a.add(k);
+    for (const k of ae) a.add(String(k.id));
+    for (const k of x) a.add(k);
     return [...a];
-  }, [W, g]), { data: pe = /* @__PURE__ */ new Map() } = z({
-    queryKey: ["favorites-manager-sections", q == null ? void 0 : q.junction, x.join(",")],
+  }, [ae, x]), { data: ke = /* @__PURE__ */ new Map() } = D({
+    queryKey: ["favorites-manager-sections", j == null ? void 0 : j.junction, h.join(",")],
     queryFn: async () => {
-      const a = q, k = await ot(E, `/items/${a.junction}`, {
+      const a = j, k = await ft(K, `/items/${a.junction}`, {
         fields: `${a.fkToItem},${a.fkToSection}`,
-        filter: JSON.stringify({ [a.fkToItem]: { _in: x } })
-      }), U = [...new Set(k.map((H) => String(H[a.fkToSection])))], J = U.length ? await ot(E, `/items/${a.target}`, {
+        filter: JSON.stringify({ [a.fkToItem]: { _in: h } })
+      }), U = [...new Set(k.map((W) => String(W[a.fkToSection])))], A = U.length ? await ft(K, `/items/${a.target}`, {
         fields: `id,${a.labelPath}`,
         filter: JSON.stringify({ id: { _in: U } })
       }) : [], re = new Map(
-        J.map((H) => [String(H.id), String(rr(H, a.labelPath) ?? "")])
-      ), M = /* @__PURE__ */ new Map();
-      for (const H of k) {
-        const ie = re.get(String(H[a.fkToSection]));
+        A.map((W) => [String(W.id), String(fr(W, a.labelPath) ?? "")])
+      ), Y = /* @__PURE__ */ new Map();
+      for (const W of k) {
+        const ie = re.get(String(W[a.fkToSection]));
         if (!ie) continue;
-        const me = String(H[a.fkToItem]), ke = M.get(me) ?? [];
-        ke.includes(ie) || ke.push(ie), M.set(me, ke);
+        const ue = String(W[a.fkToItem]), we = Y.get(ue) ?? [];
+        we.includes(ie) || we.push(ie), Y.set(ue, we);
       }
-      return M;
+      return Y;
     },
-    enabled: !!q && x.length > 0,
+    enabled: !!j && h.length > 0,
     staleTime: 6e4
-  }), _e = (a) => y ? Fe(y, a) : String(a.cifa_number ?? a.name ?? `#${a.id}`), Oe = (a) => {
+  }), v = (a) => y ? Te(y, a) : String(a.cifa_number ?? a.name ?? `#${a.id}`), Q = (a) => {
     const k = a.description ?? a.long_description ?? a.name;
-    return typeof k == "string" && k.trim() && k.trim() !== _e(a) ? k : "";
-  }, X = (a) => {
-    if (q) return (pe.get(String(a.id)) ?? []).join(", ");
-    if (!_) return "";
-    const k = Fe(`{{${_}}}`, a);
-    return k === `{{${_}}}` ? "" : k;
-  }, ee = (a, k) => {
+    return typeof k == "string" && k.trim() && k.trim() !== v(a) ? k : "";
+  }, _ = (a) => {
+    if (j) return (ke.get(String(a.id)) ?? []).join(", ");
+    if (!S) return "";
+    const k = Te(`{{${S}}}`, a);
+    return k === `{{${S}}}` ? "" : k;
+  }, E = (a, k) => {
     if (k === "presence")
       return a == null || a === "" || Number(a) === 0 ? "No" : "Yes";
     if (a == null || a === "") return "—";
     const U = Number(a);
     return k === "currency" && Number.isFinite(U) ? U.toLocaleString("en-US", { style: "currency", currency: "USD" }) : k === "number" && Number.isFinite(U) ? U.toLocaleString() : String(a);
-  }, A = $t({
-    queries: $.map((a) => {
-      const k = Ue(a.match, p);
+  }, q = Ft({
+    queries: F.map((a) => {
+      const k = Ue(a.match, g);
       return {
         queryKey: [
           "favorites-manager-related",
           a.key,
           a.collection,
           JSON.stringify(k),
-          x.join(",")
+          h.join(",")
         ],
         queryFn: async () => {
-          const U = await E.request(
+          const U = await K.request(
             R(`/items/${a.collection}`, {
-              filter: JSON.stringify({ [a.item_field]: { _in: x }, ...k ?? {} }),
+              filter: JSON.stringify({ [a.item_field]: { _in: h }, ...k ?? {} }),
               fields: `${a.item_field},${a.value_field}`,
               limit: 1e3
             })
-          ).then((re) => re.data ?? []), J = /* @__PURE__ */ new Map();
+          ).then((re) => re.data ?? []), A = /* @__PURE__ */ new Map();
           for (const re of U) {
-            const M = String(re[a.item_field]), H = re[a.value_field], ie = J.get(M);
-            ie === void 0 ? J.set(M, H) : Number.isFinite(Number(ie)) && Number.isFinite(Number(H)) && J.set(M, Number(ie) + Number(H));
+            const Y = String(re[a.item_field]), W = re[a.value_field], ie = A.get(Y);
+            ie === void 0 ? A.set(Y, W) : Number.isFinite(Number(ie)) && Number.isFinite(Number(W)) && A.set(Y, Number(ie) + Number(W));
           }
-          return J;
+          return A;
         },
-        enabled: x.length > 0 && (a.match === void 0 || k !== null),
+        enabled: h.length > 0 && (a.match === void 0 || k !== null),
         staleTime: 3e4
       };
     })
-  }), ce = $.filter(
-    (a) => a.match !== void 0 && Ue(a.match, p) === null
-  ), De = (a) => {
+  }), C = F.filter(
+    (a) => a.match !== void 0 && Ue(a.match, g) === null
+  ), me = (a) => {
     const k = l.has(a);
     return /* @__PURE__ */ n(
       "button",
       {
         type: "button",
         title: k ? "Remove from favorites" : "Add to favorites",
-        disabled: h.has(a),
-        onClick: () => P(a),
+        disabled: p.has(a),
+        onClick: () => B(a),
         className: "shrink-0 rounded p-1 transition-colors hover:bg-amber-100/60 dark:hover:bg-amber-400/10",
-        children: h.has(a) ? /* @__PURE__ */ n(ae, { className: "h-4 w-4 animate-spin text-amber-400" }) : /* @__PURE__ */ n(
-          Be,
+        children: p.has(a) ? /* @__PURE__ */ n(ne, { className: "h-4 w-4 animate-spin text-amber-400" }) : /* @__PURE__ */ n(
+          De,
           {
-            className: B(
+            className: z(
               "h-4 w-4",
               k ? "fill-amber-400 text-amber-400" : "text-slate-300 hover:text-amber-400"
             )
@@ -1875,37 +1965,37 @@ function Zr({
         )
       }
     );
-  }, Q = (a, k) => /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", { colSpan: 4 + $.length, className: B("border-b px-3 py-1.5", k), children: a }) }), te = (a, k) => {
-    const U = String(a.id), J = Oe(a);
+  }, L = (a, k) => /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", { colSpan: 4 + F.length, className: z("border-b px-3 py-1.5", k), children: a }) }), H = (a, k) => {
+    const U = String(a.id), A = Q(a);
     return /* @__PURE__ */ m(
       "tr",
       {
-        className: B(
+        className: z(
           "border-b border-slate-100 dark:border-border/50",
           k % 2 === 0 ? "bg-white dark:bg-background" : "bg-slate-50/50 dark:bg-muted/30"
         ),
         children: [
-          /* @__PURE__ */ n("td", { className: "px-2 py-1", children: De(U) }),
-          /* @__PURE__ */ n("td", { className: "px-2 py-1 font-medium tabular-nums text-slate-700 dark:text-slate-200", children: er(f) ? /* @__PURE__ */ n(
+          /* @__PURE__ */ n("td", { className: "px-2 py-1", children: me(U) }),
+          /* @__PURE__ */ n("td", { className: "px-2 py-1 font-medium tabular-nums text-slate-700 dark:text-slate-200", children: mr(f) ? /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: () => tr(f, U, p),
+              onClick: () => ur(f, U, g),
               title: "View stock & planning detail",
               className: "text-left underline decoration-slate-300 decoration-1 underline-offset-2 hover:text-[#009abe] hover:decoration-[#009abe] dark:decoration-slate-600",
-              children: _e(a)
+              children: v(a)
             }
-          ) : _e(a) }),
-          /* @__PURE__ */ n("td", { className: "max-w-0 px-2 py-1", children: /* @__PURE__ */ n("p", { className: "truncate text-slate-600 dark:text-slate-300", "data-tip": J || void 0, children: J || "—" }) }),
-          /* @__PURE__ */ n("td", { className: "px-2 py-1", children: /* @__PURE__ */ n("p", { className: "truncate text-slate-500 dark:text-slate-400", children: X(a) || "—" }) }),
-          $.map((re, M) => {
-            var me, ke;
-            const H = re.match !== void 0 && Ue(re.match, p) === null, ie = H || (ke = (me = A[M]) == null ? void 0 : me.data) == null ? void 0 : ke.get(U);
+          ) : v(a) }),
+          /* @__PURE__ */ n("td", { className: "max-w-0 px-2 py-1", children: /* @__PURE__ */ n("p", { className: "truncate text-slate-600 dark:text-slate-300", "data-tip": A || void 0, children: A || "—" }) }),
+          /* @__PURE__ */ n("td", { className: "px-2 py-1", children: /* @__PURE__ */ n("p", { className: "truncate text-slate-500 dark:text-slate-400", children: _(a) || "—" }) }),
+          F.map((re, Y) => {
+            var ue, we;
+            const W = re.match !== void 0 && Ue(re.match, g) === null, ie = W || (we = (ue = q[Y]) == null ? void 0 : ue.data) == null ? void 0 : we.get(U);
             return /* @__PURE__ */ n(
               "td",
               {
                 className: "whitespace-nowrap px-2 py-1 text-right tabular-nums text-slate-600 dark:text-slate-300",
-                children: H ? "—" : ee(ie, re.format)
+                children: W ? "—" : E(ie, re.format)
               },
               re.key
             );
@@ -1914,14 +2004,14 @@ function Zr({
       },
       U
     );
-  }, Te = (D == null ? void 0 : D.closest('[role="dialog"]')) ?? document.body, he = V.trim() ? de.filter((a) => Cr(`${_e(a)} ${Oe(a)} ${X(a)}`, V)) : de;
-  return Fr(
+  }, Oe = (se == null ? void 0 : se.closest('[role="dialog"]')) ?? document.body, xe = P.trim() ? he.filter((a) => Zr(`${v(a)} ${Q(a)} ${_(a)}`, P)) : he;
+  return Dr(
     /* @__PURE__ */ m("div", { className: "fixed inset-0 z-[125]", role: "presentation", children: [
       /* @__PURE__ */ n(
         "div",
         {
           className: "absolute inset-0 bg-slate-900/30 motion-safe:animate-in motion-safe:fade-in",
-          onClick: Z
+          onClick: M
         }
       ),
       /* @__PURE__ */ m(
@@ -1933,7 +2023,7 @@ function Zr({
           className: "absolute inset-y-0 right-0 flex flex-col border-l border-slate-200 bg-white shadow-2xl motion-safe:animate-in motion-safe:slide-in-from-right dark:border-border dark:bg-background",
           children: [
             /* @__PURE__ */ m("div", { className: "flex items-start gap-2.5 border-b border-slate-200 px-4 py-3 dark:border-border", children: [
-              /* @__PURE__ */ n(Be, { className: "mt-0.5 h-4 w-4 shrink-0 fill-amber-400 text-amber-400" }),
+              /* @__PURE__ */ n(De, { className: "mt-0.5 h-4 w-4 shrink-0 fill-amber-400 text-amber-400" }),
               /* @__PURE__ */ m("div", { className: "min-w-0 flex-1", children: [
                 /* @__PURE__ */ n("p", { className: "text-[13px] font-semibold text-slate-800 dark:text-slate-100", children: "CIFA favorites" }),
                 /* @__PURE__ */ n("p", { className: "text-[11px] leading-snug text-slate-500 dark:text-slate-400", children: "Browse the full catalog and star items — favorites appear at the top of every request's item list." })
@@ -1942,40 +2032,40 @@ function Zr({
                 "button",
                 {
                   type: "button",
-                  onClick: Z,
+                  onClick: M,
                   className: "shrink-0 rounded p-1 text-slate-400 transition-colors hover:bg-slate-100 hover:text-slate-600 dark:hover:bg-white/[0.06]",
                   "aria-label": "Close",
-                  children: /* @__PURE__ */ n(lt, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ n(ut, { className: "h-4 w-4" })
                 }
               )
             ] }),
             /* @__PURE__ */ m("div", { className: "border-b border-slate-200 px-3 py-2 dark:border-border", children: [
               /* @__PURE__ */ m("div", { className: "flex items-center gap-2 rounded-md border border-slate-200 bg-slate-50 px-2.5 py-1.5 focus-within:border-nvr-cyan focus-within:bg-white dark:border-border dark:bg-muted/40 dark:focus-within:bg-background", children: [
-                /* @__PURE__ */ n(it, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" }),
+                /* @__PURE__ */ n(mt, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" }),
                 /* @__PURE__ */ n(
                   "input",
                   {
-                    ref: be,
-                    value: V,
+                    ref: qe,
+                    value: P,
                     onChange: (a) => oe(a.target.value),
                     placeholder: "Search by number or description…",
                     className: "min-w-0 flex-1 bg-transparent text-[12px] text-slate-700 outline-none placeholder:text-slate-400 dark:text-slate-200"
                   }
                 ),
-                V && /* @__PURE__ */ n(
+                P && /* @__PURE__ */ n(
                   "button",
                   {
                     type: "button",
                     onClick: () => oe(""),
                     className: "shrink-0 text-slate-400 hover:text-slate-600",
                     "aria-label": "Clear search",
-                    children: /* @__PURE__ */ n(lt, { className: "h-3.5 w-3.5" })
+                    children: /* @__PURE__ */ n(ut, { className: "h-3.5 w-3.5" })
                   }
                 )
               ] }),
-              ce.length > 0 && /* @__PURE__ */ m("p", { className: "mt-1.5 flex items-center gap-1 text-[10px] text-amber-600 dark:text-amber-400", children: [
-                /* @__PURE__ */ n(ze, { className: "h-3 w-3 shrink-0" }),
-                ce.map((a) => a.label ?? I(a.key)).join(", "),
+              C.length > 0 && /* @__PURE__ */ m("p", { className: "mt-1.5 flex items-center gap-1 text-[10px] text-amber-600 dark:text-amber-400", children: [
+                /* @__PURE__ */ n(Be, { className: "h-3 w-3 shrink-0" }),
+                C.map((a) => a.label ?? Z(a.key)).join(", "),
                 " fill in once the form's warehouse selection is made."
               ] })
             ] }),
@@ -1985,63 +2075,63 @@ function Zr({
                 /* @__PURE__ */ n("col", { className: "w-[88px]" }),
                 /* @__PURE__ */ n("col", {}),
                 /* @__PURE__ */ n("col", { className: "w-[130px]" }),
-                $.map((a) => /* @__PURE__ */ n("col", { className: "w-[86px]" }, a.key))
+                F.map((a) => /* @__PURE__ */ n("col", { className: "w-[86px]" }, a.key))
               ] }),
               /* @__PURE__ */ n("thead", { className: "sticky top-0 z-[1]", children: /* @__PURE__ */ m("tr", { className: "bg-slate-100 text-left text-[10px] font-semibold uppercase tracking-wide text-slate-500 dark:bg-muted dark:text-slate-400", children: [
                 /* @__PURE__ */ n("th", { className: "px-2 py-1.5", "aria-label": "Favorite" }),
                 /* @__PURE__ */ n("th", { className: "px-2 py-1.5", children: "CIFA #" }),
                 /* @__PURE__ */ n("th", { className: "px-2 py-1.5", children: "Description" }),
                 /* @__PURE__ */ n("th", { className: "px-2 py-1.5", children: "Category" }),
-                $.map((a) => /* @__PURE__ */ n("th", { className: "px-2 py-1.5 text-right", children: a.label ?? I(a.key) }, a.key))
+                F.map((a) => /* @__PURE__ */ n("th", { className: "px-2 py-1.5 text-right", children: a.label ?? Z(a.key) }, a.key))
               ] }) }),
-              /* @__PURE__ */ m("tbody", { className: B(F && "opacity-50 transition-opacity"), children: [
-                Q(
+              /* @__PURE__ */ m("tbody", { className: z(X && "opacity-50 transition-opacity"), children: [
+                L(
                   /* @__PURE__ */ m("span", { className: "flex items-center gap-1.5", children: [
-                    /* @__PURE__ */ n(Be, { className: "h-3 w-3 shrink-0 fill-amber-400 text-amber-400" }),
+                    /* @__PURE__ */ n(De, { className: "h-3 w-3 shrink-0 fill-amber-400 text-amber-400" }),
                     /* @__PURE__ */ n("span", { className: "text-[11px] font-semibold text-slate-600 dark:text-slate-300", children: "Your favorites" }),
-                    /* @__PURE__ */ n("span", { className: "rounded border border-slate-200 bg-white px-1.5 py-0.5 text-[10px] font-medium tabular-nums text-slate-500 dark:border-border dark:bg-background dark:text-slate-400", children: g.length })
+                    /* @__PURE__ */ n("span", { className: "rounded border border-slate-200 bg-white px-1.5 py-0.5 text-[10px] font-medium tabular-nums text-slate-500 dark:border-border dark:bg-background dark:text-slate-400", children: x.length })
                   ] }),
                   "border-slate-200 bg-amber-50/70 dark:border-border dark:bg-amber-900/10"
                 ),
-                he.length === 0 && /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n(
+                xe.length === 0 && /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n(
                   "td",
                   {
-                    colSpan: 4 + $.length,
+                    colSpan: 4 + F.length,
                     className: "border-b border-slate-100 px-4 py-3 text-center text-[11px] text-slate-400 dark:border-border/50",
-                    children: g.length === 0 ? "No favorites yet — star the items you order most." : "No favorites match your search."
+                    children: x.length === 0 ? "No favorites yet — star the items you order most." : "No favorites match your search."
                   }
                 ) }),
-                he.map((a, k) => te(a, k)),
-                Q(
+                xe.map((a, k) => H(a, k)),
+                L(
                   /* @__PURE__ */ m("span", { className: "flex items-center gap-1.5", children: [
-                    /* @__PURE__ */ n(it, { className: "h-3 w-3 shrink-0 text-slate-400" }),
+                    /* @__PURE__ */ n(mt, { className: "h-3 w-3 shrink-0 text-slate-400" }),
                     /* @__PURE__ */ n("span", { className: "text-[11px] font-semibold text-slate-600 dark:text-slate-300", children: "All CIFAs" }),
-                    /* @__PURE__ */ n("span", { className: "rounded border border-slate-200 bg-white px-1.5 py-0.5 text-[10px] font-medium tabular-nums text-slate-500 dark:border-border dark:bg-background dark:text-slate-400", children: L.toLocaleString() }),
-                    F && /* @__PURE__ */ n(ae, { className: "h-3 w-3 animate-spin text-slate-400" })
+                    /* @__PURE__ */ n("span", { className: "rounded border border-slate-200 bg-white px-1.5 py-0.5 text-[10px] font-medium tabular-nums text-slate-500 dark:border-border dark:bg-background dark:text-slate-400", children: V.toLocaleString() }),
+                    X && /* @__PURE__ */ n(ne, { className: "h-3 w-3 animate-spin text-slate-400" })
                   ] }),
                   "border-t border-slate-200 bg-slate-50 dark:border-border dark:bg-muted/40"
                 ),
-                !F && W.length === 0 && /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n(
+                !X && ae.length === 0 && /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n(
                   "td",
                   {
-                    colSpan: 4 + $.length,
+                    colSpan: 4 + F.length,
                     className: "px-4 py-4 text-center text-[11px] text-slate-400",
-                    children: ne.trim() ? `No CIFAs match "${ne}".` : "No catalog items."
+                    children: G.trim() ? `No CIFAs match "${G}".` : "No catalog items."
                   }
                 ) }),
-                W.map((a, k) => te(a, k))
+                ae.map((a, k) => H(a, k))
               ] })
             ] }) }),
-            K > 1 && /* @__PURE__ */ m("div", { className: "flex shrink-0 items-center justify-between border-t border-slate-200 px-3 py-2 dark:border-border", children: [
+            te > 1 && /* @__PURE__ */ m("div", { className: "flex shrink-0 items-center justify-between border-t border-slate-200 px-3 py-2 dark:border-border", children: [
               /* @__PURE__ */ m("span", { className: "flex items-center gap-2 text-[10px] tabular-nums text-slate-400", children: [
-                (C - 1) * v + 1,
+                (J - 1) * ee + 1,
                 "–",
-                Math.min(C * v, L),
+                Math.min(J * ee, V),
                 " of",
                 " ",
-                L.toLocaleString(),
-                F && /* @__PURE__ */ m("span", { className: "flex items-center gap-1 text-slate-500", children: [
-                  /* @__PURE__ */ n(ae, { className: "h-3 w-3 animate-spin" }),
+                V.toLocaleString(),
+                X && /* @__PURE__ */ m("span", { className: "flex items-center gap-1 text-slate-500", children: [
+                  /* @__PURE__ */ n(ne, { className: "h-3 w-3 animate-spin" }),
                   " Loading…"
                 ] })
               ] }),
@@ -2050,23 +2140,23 @@ function Zr({
                   "button",
                   {
                     type: "button",
-                    disabled: C <= 1 || F,
+                    disabled: J <= 1 || X,
                     onClick: () => ye((a) => Math.max(1, a - 1)),
                     className: "rounded border border-slate-200 px-2 py-0.5 text-[11px] text-slate-600 transition-colors hover:bg-slate-50 disabled:opacity-40 dark:border-border dark:text-slate-300 dark:hover:bg-white/[0.04]",
                     children: "‹ Prev"
                   }
                 ),
                 /* @__PURE__ */ m("span", { className: "px-1 text-[10px] tabular-nums text-slate-400", children: [
-                  C,
+                  J,
                   " / ",
-                  K.toLocaleString()
+                  te.toLocaleString()
                 ] }),
                 /* @__PURE__ */ n(
                   "button",
                   {
                     type: "button",
-                    disabled: C >= K || F,
-                    onClick: () => ye((a) => Math.min(K, a + 1)),
+                    disabled: J >= te || X,
+                    onClick: () => ye((a) => Math.min(te, a + 1)),
                     className: "rounded border border-slate-200 px-2 py-0.5 text-[11px] text-slate-600 transition-colors hover:bg-slate-50 disabled:opacity-40 dark:border-border dark:text-slate-300 dark:hover:bg-white/[0.04]",
                     children: "Next ›"
                   }
@@ -2077,10 +2167,10 @@ function Zr({
         }
       )
     ] }),
-    Te
+    Oe
   );
 }
 export {
-  yn as CatalogPickerField,
-  Xt as matchesShowWhen
+  En as CatalogPickerField,
+  dr as matchesShowWhen
 };