@nivaro/react 0.3.30 → 0.3.32

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

@@ -1,84 +1,85 @@
-import { jsxs as m, jsx as n, Fragment as lt } from "react/jsx-runtime";
-import { useQueryClient as Pr, useQuery as V, useQueries as $t } from "@tanstack/react-query";
-import { Search as ot, Loader2 as ne, ChevronRight as jt, Star as Be, AlertTriangle as ze, AlertCircle as qt, X as dt, Plus as Rr, ChevronDown as Er } from "lucide-react";
-import { useState as W, useRef as Ve, useMemo as E, useEffect as Fe, Fragment as Je } from "react";
-import { createPortal as Ar } from "react-dom";
-import { useNivaroClient as Ft, useParentDraft as Cr, useReimportHandler as Lr } from "../../context.js";
-import { canOpenCatalogItem as sr, openCatalogItem as ar } from "../../lib/catalog-item-open.js";
-import { get as A, del as Kr, patch as Gt, post as Xt } from "../../lib/commands.js";
-import { evaluateBoolean as Jr } from "../../lib/expression.js";
-import { useLiveRefetchInterval as Qr } from "../../lib/live-queries.js";
-import { submissionLineErrors as zr, normalizeIdent as Br } from "../../lib/submission-errors.js";
-import { titleCase as Z, cn as Q, matchesAllTokens as Vr } from "../../lib/utils.js";
-import { ImportFromFileButton as Dr } from "../import/ImportFromFileButton.js";
-import { useOverflowTip as Ur } from "../TipLayer.js";
-import { Popover as Hr, PopoverAnchor as Mr, PopoverContent as Wr } from "../ui/popover.js";
-import { applyDisplayTemplate as Te } from "./helpers.js";
-import { evalClientFormula as Qe } from "./InlineTableField.js";
-import { isIntegerFieldType as er, checkNumberEntry as tr, mergePendingQtyRow as Ir, lineRuleErrors as Yr } from "./line-qty.js";
-import { resolveM2MRelatedCollection as Zr } from "./M2MCombobox.js";
-import { useO2MStaging as Gr } from "./O2MStagingContext.js";
-import { RelationCombobox as Xr } from "./RelationCombobox.js";
-const ir = (f, g) => {
+import { jsxs as m, jsx as n, Fragment as ft } from "react/jsx-runtime";
+import { useQueryClient as Mr, useQuery as W, useQueries as Ct } from "@tanstack/react-query";
+import { Search as pt, Loader2 as ae, ChevronRight as Pt, Star as He, AlertTriangle as Ve, AlertCircle as Rt, X as bt, Plus as Yr, ChevronDown as Zr } from "lucide-react";
+import { useState as M, useRef as Ae, useMemo as T, useEffect as Re, Fragment as De } from "react";
+import { createPortal as Gr } from "react-dom";
+import { useNivaroClient as Et, useParentDraft as Xr, useReimportHandler as en } from "../../context.js";
+import { canOpenCatalogItem as yr, openCatalogItem as kr } from "../../lib/catalog-item-open.js";
+import { get as O, del as tn, patch as ur, post as fr } from "../../lib/commands.js";
+import { evaluateBoolean as rn } from "../../lib/expression.js";
+import { useLiveRefetchInterval as nn } from "../../lib/live-queries.js";
+import { submissionLineErrors as sn, normalizeIdent as an } from "../../lib/submission-errors.js";
+import { titleCase as G, cn as K, matchesAllTokens as ln } from "../../lib/utils.js";
+import { ImportFromFileButton as on } from "../import/ImportFromFileButton.js";
+import { useOverflowTip as dn } from "../TipLayer.js";
+import { Popover as cn, PopoverAnchor as mn, PopoverContent as un } from "../ui/popover.js";
+import { useColumnWidths as pr, ResetColumnsButton as Ot, ColResizeHandle as fn, fitWidth as pn } from "./catalog-columns.js";
+import { applyDisplayTemplate as Oe } from "./helpers.js";
+import { evalClientFormula as We } from "./InlineTableField.js";
+import { isIntegerFieldType as br, checkNumberEntry as hr, mergePendingQtyRow as bn, lineRuleErrors as hn } from "./line-qty.js";
+import { resolveM2MRelatedCollection as xn } from "./M2MCombobox.js";
+import { useO2MStaging as gn } from "./O2MStagingContext.js";
+import { RelationCombobox as yn } from "./RelationCombobox.js";
+const wr = (f, k) => {
   let _ = f;
-  for (const $ of g.split(".")) {
+  for (const j of k.split(".")) {
     if (_ == null || typeof _ != "object") return;
-    _ = _[$];
+    _ = _[j];
   }
   return _;
 };
-async function ct(f, g, _) {
-  const $ = [];
-  for (let l = 1; l <= 50; l++) {
-    const h = await f.request(A(g, { ..._, limit: 1e3, page: l })).then((p) => p.data ?? []);
-    if ($.push(...h), h.length < 1e3) break;
+async function ht(f, k, _) {
+  const j = [];
+  for (let i = 1; i <= 50; i++) {
+    const x = await f.request(O(k, { ..._, limit: 1e3, page: i })).then((g) => g.data ?? []);
+    if (j.push(...x), x.length < 1e3) break;
   }
-  return $;
+  return j;
 }
-function De(f, g) {
+function Ue(f, k) {
   const _ = {};
-  let $ = !1;
-  const l = (h) => {
-    if (typeof h == "string" && h.startsWith("$parent.")) {
-      const p = g == null ? void 0 : g[h.slice(8)];
-      return p == null || p === "" ? ($ = !0, h) : p;
+  let j = !1;
+  const i = (x) => {
+    if (typeof x == "string" && x.startsWith("$parent.")) {
+      const g = k == null ? void 0 : k[x.slice(8)];
+      return g == null || g === "" ? (j = !0, x) : g;
     }
-    return Array.isArray(h) ? h.map(l) : h && typeof h == "object" ? Object.fromEntries(Object.entries(h).map(([p, j]) => [p, l(j)])) : h;
+    return Array.isArray(x) ? x.map(i) : x && typeof x == "object" ? Object.fromEntries(Object.entries(x).map(([g, F]) => [g, i(F)])) : x;
   };
-  for (const [h, p] of Object.entries(f ?? {}))
-    if (typeof p == "string" && p.startsWith("$parent.")) {
-      const j = g == null ? void 0 : g[p.slice(8)];
-      if (j == null || j === "") {
-        $ = !0;
+  for (const [x, g] of Object.entries(f ?? {}))
+    if (typeof g == "string" && g.startsWith("$parent.")) {
+      const F = k == null ? void 0 : k[g.slice(8)];
+      if (F == null || F === "") {
+        j = !0;
         continue;
       }
-      _[h] = { _eq: j };
-    } else p && typeof p == "object" ? _[h] = l(p) : _[h] = { _eq: p };
-  return $ ? null : _;
+      _[x] = { _eq: F };
+    } else g && typeof g == "object" ? _[x] = i(g) : _[x] = { _eq: g };
+  return j ? null : _;
 }
-function rr(f, g) {
+function xr(f, k) {
   if (!f) return !0;
-  for (const [_, $] of Object.entries(f)) {
-    const l = g == null ? void 0 : g[_], h = l == null ? null : String(l), p = $ && typeof $ == "object" ? $ : { _eq: $ };
-    for (const [j, x] of Object.entries(p))
-      switch (j) {
+  for (const [_, j] of Object.entries(f)) {
+    const i = k == null ? void 0 : k[_], x = i == null ? null : String(i), g = j && typeof j == "object" ? j : { _eq: j };
+    for (const [F, y] of Object.entries(g))
+      switch (F) {
         case "_eq":
-          if (h !== String(x)) return !1;
+          if (x !== String(y)) return !1;
           break;
         case "_neq":
-          if (h === String(x)) return !1;
+          if (x === String(y)) return !1;
           break;
         case "_in":
-          if (!Array.isArray(x) || !x.map(String).includes(h ?? "")) return !1;
+          if (!Array.isArray(y) || !y.map(String).includes(x ?? "")) return !1;
           break;
         case "_nin":
-          if (Array.isArray(x) && x.map(String).includes(h ?? "")) return !1;
+          if (Array.isArray(y) && y.map(String).includes(x ?? "")) return !1;
           break;
         case "_null":
-          if (h !== null) return !1;
+          if (x !== null) return !1;
           break;
         case "_nnull":
-          if (h === null) return !1;
+          if (x === null) return !1;
           break;
         default:
           return !1;
@@ -86,456 +87,494 @@ function rr(f, g) {
   }
   return !0;
 }
-const en = 2e3;
-function qn({
+const kn = 2e3;
+function Hn({
   relatedCollection: f,
-  manyField: g,
+  manyField: k,
   parentId: _,
-  parentCollection: $,
-  config: l,
-  readOnly: h = !1
+  parentCollection: j,
+  config: i,
+  readOnly: x = !1
 }) {
-  var Mt, Wt, It, Yt;
-  const p = Ft(), j = Pr(), x = Gr(), z = Cr(), I = Lr(), se = l.editable_fields ?? [], C = _ === "new", O = l.qty_field ?? "quantity", [oe, G] = W(/* @__PURE__ */ new Set()), Se = Ve(!1), [L, ye] = W(""), [qe, pe] = W({}), [de, ee] = W(/* @__PURE__ */ new Set()), [ce, X] = W({}), [ae, D] = W({}), { data: te = [], isPending: he } = V({
+  var ir, lr, or, dr;
+  const g = Et(), F = Mr(), y = gn(), D = Xr(), Y = en(), te = i.editable_fields ?? [], J = _ === "new", R = i.qty_field ?? "quantity", [de, X] = M(/* @__PURE__ */ new Set()), $e = Ae(!1), [z, we] = M(""), [je, xe] = M({}), [ce, re] = M(/* @__PURE__ */ new Set()), [me, ee] = M({}), [ie, V] = M({}), { data: ne = [], isPending: ge } = W({
     queryKey: ["collection-relations", f],
-    queryFn: () => p.request(A(`/collections/${f}`)).then((e) => {
+    queryFn: () => g.request(O(`/collections/${f}`)).then((e) => {
       var t;
       return ((t = e.data) == null ? void 0 : t.relations) ?? [];
     }),
     staleTime: 10 * 6e4
-  }), y = E(
+  }), h = T(
     () => {
       var e;
-      return ((e = te.find(
-        (t) => t.many_collection === f && t.many_field === l.item_field && !t.junction_field
+      return ((e = ne.find(
+        (t) => t.many_collection === f && t.many_field === i.item_field && !t.junction_field
       )) == null ? void 0 : e.one_collection) ?? null;
     },
-    [te, f, l.item_field]
-  ), { data: ke = [] } = V({
+    [ne, f, i.item_field]
+  ), { data: Ne = [] } = W({
     queryKey: ["field-config", f, null],
-    queryFn: () => p.request(A(`/field-config/${f}`)).then((e) => e.data ?? []),
+    queryFn: () => g.request(O(`/field-config/${f}`)).then((e) => e.data ?? []),
     staleTime: 6e4
-  }), v = ((Mt = ke.find((e) => e.field === O)) == null ? void 0 : Mt.type) ?? null, K = (e, t, r) => {
+  }), v = ((ir = Ne.find((e) => e.field === R)) == null ? void 0 : ir.type) ?? null, B = (e, t, r) => {
     var s;
-    return ((s = Yr(
-      ke.filter((c) => c.field === e).map((c) => ({
-        field: c.field,
-        label: c.label || Z(c.field),
-        type: c.type,
-        validation_rules: c.validation_rules
+    return ((s = hn(
+      Ne.filter((d) => d.field === e).map((d) => ({
+        field: d.field,
+        label: d.label || G(d.field),
+        type: d.type,
+        validation_rules: d.validation_rules
       })),
       { [e]: t },
       { ...r, [e]: t }
     )[0]) == null ? void 0 : s.message) ?? null;
-  }, { data: F } = V({
-    queryKey: ["col-meta", y],
-    queryFn: () => p.request(
-      A(`/collections/${y}`)
-    ).then((e) => e.data),
-    enabled: !!y,
+  }, { data: q } = W({
+    queryKey: ["col-meta", h],
+    queryFn: () => g.request(O(`/collections/${h}`)).then((e) => e.data),
+    enabled: !!h,
     staleTime: 3e5
-  }), J = F == null ? void 0 : F.display_template, S = E(() => {
-    const e = l.section_by.split(".")[0];
-    return ((F == null ? void 0 : F.relations) ?? []).find(
-      (t) => t.one_collection === y && t.one_field === e && !!t.junction_field
+  }), C = q == null ? void 0 : q.display_template, $ = T(() => {
+    const e = i.section_by.split(".")[0];
+    return ((q == null ? void 0 : q.relations) ?? []).find(
+      (t) => t.one_collection === h && t.one_field === e && !!t.junction_field
     ) ?? null;
-  }, [F, y, l.section_by]), P = (S == null ? void 0 : S.many_collection) ?? null, { data: me = [] } = V({
+  }, [q, h, i.section_by]), P = ($ == null ? void 0 : $.many_collection) ?? null, { data: ue = [] } = W({
     queryKey: ["collection-relations", P],
-    queryFn: () => p.request(A(`/collections/${P}`)).then((e) => {
+    queryFn: () => g.request(O(`/collections/${P}`)).then((e) => {
       var t;
       return ((t = e.data) == null ? void 0 : t.relations) ?? [];
     }),
     enabled: !!P,
     staleTime: 10 * 6e4
-  }), R = E(() => {
-    if (!(S != null && S.many_field) || !P) return null;
-    const e = String(S.junction_field), t = me.find(
+  }), E = T(() => {
+    if (!($ != null && $.many_field) || !P) return null;
+    const e = String($.junction_field), t = ue.find(
       (s) => s.many_collection === P && s.many_field === e
-    ), r = Zr(t);
+    ), r = xn(t);
     return r ? {
       junction: P,
-      fkToItem: S.many_field,
+      fkToItem: $.many_field,
       fkToSection: e,
       target: r,
-      labelPath: l.section_by.split(".").slice(1).join(".") || "id"
+      labelPath: i.section_by.split(".").slice(1).join(".") || "id"
     } : null;
-  }, [S, P, me, l.section_by]), H = z == null ? void 0 : z.draft, { resolvedFilter: Oe, resolvedSectionFilter: xe, resolvedLinkFilter: a, missingParents: k } = E(() => {
+  }, [$, P, ue, i.section_by]), U = D == null ? void 0 : D.draft, { resolvedFilter: Ce, resolvedSectionFilter: ye, resolvedLinkFilter: a, missingParents: w } = T(() => {
     const e = [], t = (o) => {
       if (typeof o == "string" && o.startsWith("$parent.")) {
-        const i = o.slice(8), b = H == null ? void 0 : H[i];
-        return b == null || b === "" ? (e.push(i), o) : b;
+        const p = o.slice(8), l = U == null ? void 0 : U[p];
+        return l == null || l === "" ? (e.push(p), o) : l;
       }
-      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;
+      return Array.isArray(o) ? o.map(t) : o && typeof o == "object" ? Object.fromEntries(Object.entries(o).map(([p, l]) => [p, t(l)])) : o;
+    }, r = i.filter ? t(i.filter) : void 0, s = i.section_filter ? t(i.section_filter) : void 0, d = i.link_filter ? t(i.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, H]), U = E(() => {
-    if (!S || !xe && !a) return Oe;
+  }, [i.filter, i.section_filter, i.link_filter, U]), H = T(() => {
+    if (!$ || !ye && !a) return Ce;
     const e = {
-      ...xe ?? {},
+      ...ye ?? {},
       ...a ? { _link: a } : {}
-    }, t = { [S.one_field]: { _some: e } };
-    return Oe ? { _and: [Oe, t] } : t;
-  }, [S, xe, a, Oe]), B = E(() => {
+    }, t = { [$.one_field]: { _some: e } };
+    return Ce ? { _and: [Ce, t] } : t;
+  }, [$, ye, a, Ce]), L = T(() => {
     const e = /* @__PURE__ */ new Set(["id"]);
-    F && !S && e.add(l.section_by);
-    for (const t of [...(J ?? "").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);
+    q && !$ && e.add(i.section_by);
+    for (const t of [...(C ?? "").matchAll(/\{\{([\w.]+)\}\}/g)]) e.add(t[1]);
+    for (const t of Object.values(i.copy_fields ?? {})) e.add(t);
+    for (const t of i.columns ?? []) e.add(t.field);
     return [...e].join(",");
-  }, [J, F, S, l.section_by, l.copy_fields, l.columns]), re = JSON.stringify(U ?? null), { data: Y = [], isLoading: M } = V(
+  }, [C, q, $, i.section_by, i.copy_fields, i.columns]), se = JSON.stringify(H ?? null), { data: Z = [], isLoading: I } = W(
     {
-      queryKey: ["catalog-picker", y, B, re],
-      queryFn: () => p.request(
-        A(`/items/${y}`, {
-          limit: en,
-          fields: B,
-          ...U ? { filter: JSON.stringify(U) } : {}
+      queryKey: ["catalog-picker", h, L, se],
+      queryFn: () => g.request(
+        O(`/items/${h}`, {
+          limit: kn,
+          fields: L,
+          ...H ? { filter: JSON.stringify(H) } : {}
         })
       ).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: !!y && !!F && k.length === 0 && (!S || !!R),
+      enabled: !!h && !!q && w.length === 0 && (!$ || !!E),
       staleTime: 6e4
     }
-  ), ie = JSON.stringify(xe ?? null), { data: ue = [], isLoading: we } = V({
-    queryKey: ["catalog-sections", R == null ? void 0 : R.target, R == null ? void 0 : R.labelPath, ie],
+  ), le = JSON.stringify(ye ?? null), { data: fe = [], isLoading: ve } = W({
+    queryKey: ["catalog-sections", E == null ? void 0 : E.target, E == null ? void 0 : E.labelPath, le],
     queryFn: async () => {
-      const e = R;
-      return (await ct(p, `/items/${e.target}`, {
+      const e = E;
+      return (await ht(g, `/items/${e.target}`, {
         fields: `id,${e.labelPath}`,
-        ...xe ? { filter: JSON.stringify(xe) } : {}
+        ...ye ? { filter: JSON.stringify(ye) } : {}
       })).map((r) => ({
         id: String(r.id),
-        name: String(ir(r, e.labelPath) ?? "").trim()
+        name: String(wr(r, e.labelPath) ?? "").trim()
       }));
     },
-    enabled: !!R && k.length === 0,
+    enabled: !!E && w.length === 0,
     staleTime: 6e4
-  }), Re = E(() => ue.map((e) => e.id), [ue]), { data: Tt = [], isLoading: lr } = V({
+  }), Le = T(() => fe.map((e) => e.id), [fe]), { data: At = [], isLoading: Nr } = W({
     queryKey: [
       "catalog-section-links",
-      R == null ? void 0 : R.junction,
-      Re.join(","),
+      E == null ? void 0 : E.junction,
+      Le.join(","),
       JSON.stringify(a ?? null)
     ],
     queryFn: async () => {
-      const e = R, t = [];
-      for (let r = 0; r < Re.length; r += 200) {
-        const s = Re.slice(r, r + 200), c = await ct(p, `/items/${e.junction}`, {
+      const e = E, t = [];
+      for (let r = 0; r < Le.length; r += 200) {
+        const s = Le.slice(r, r + 200), d = await ht(g, `/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: !!R && Re.length > 0,
+    enabled: !!E && Le.length > 0,
     staleTime: 6e4
-  }), Ot = E(() => {
-    const e = new Map(ue.map((r) => [r.id, r.name])), t = /* @__PURE__ */ new Map();
-    for (const r of Tt) {
+  }), Lt = T(() => {
+    const e = new Map(fe.map((r) => [r.id, r.name])), t = /* @__PURE__ */ new Map();
+    for (const r of At) {
       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;
-  }, [ue, Tt]), Ue = !!S && (!R || we || Re.length > 0 && lr), He = E(() => {
+  }, [fe, At]), Ie = !!$ && (!E || ve || Le.length > 0 && Nr), Me = T(() => {
     const e = /* @__PURE__ */ new Map();
-    for (const t of Y) e.set(String(t.id), t);
+    for (const t of Z) e.set(String(t.id), t);
     return e;
-  }, [Y]), { data: Ne = [] } = V({
-    queryKey: ["o2m-rows", f, g, _],
-    queryFn: () => p.request(
-      A(`/items/${f}`, {
-        filter: JSON.stringify({ [g]: { _eq: _ } }),
+  }, [Z]), { data: Se = [] } = W({
+    queryKey: ["o2m-rows", f, k, _],
+    queryFn: () => g.request(
+      O(`/items/${f}`, {
+        filter: JSON.stringify({ [k]: { _eq: _ } }),
         limit: 1e3
       })
     ).then((e) => e.data ?? []),
-    enabled: !C,
+    enabled: !J,
     staleTime: 15e3
-  }), Ee = !C && !!x, ve = x ? x.getPendingRows(f, g) : [], Me = Ee ? x.getPendingEdits(f, g) : /* @__PURE__ */ new Map(), or = JSON.stringify([...Me.entries()]), We = E(
-    () => Me.size === 0 ? Ne : Ne.map((e) => {
-      const t = Me.get(String(e.id));
+  }), Ke = !J && !!y, _e = y ? y.getPendingRows(f, k) : [], Ye = Ke ? y.getPendingEdits(f, k) : /* @__PURE__ */ new Map(), vr = JSON.stringify([...Ye.entries()]), Ze = T(
+    () => Ye.size === 0 ? Se : Se.map((e) => {
+      const t = Ye.get(String(e.id));
       return t ? { ...e, ...t } : e;
     }),
-    [Ne, or]
-  ), Ie = !C && x ? x.getPendingDeletes(f, g) : /* @__PURE__ */ new Set(), Ae = E(() => {
+    [Se, vr]
+  ), Ge = !J && y ? y.getPendingDeletes(f, k) : /* @__PURE__ */ new Set(), Je = T(() => {
     const e = /* @__PURE__ */ new Map();
-    for (const t of We) {
-      const r = t[l.item_field];
+    for (const t of Ze) {
+      const r = t[i.item_field];
       r != null && e.set(String(r), t);
     }
     return e;
-  }, [We, l.item_field]), Ye = E(() => {
+  }, [Ze, i.item_field]), Xe = T(() => {
     const e = /* @__PURE__ */ new Map();
-    return ve.forEach((t, r) => {
-      const s = t[l.item_field];
+    return _e.forEach((t, r) => {
+      const s = t[i.item_field];
       s != null && e.set(String(s), r);
     }), e;
-  }, [ve, l.item_field]), le = E(() => {
-    const e = ve.filter((s) => s[l.item_field] != null).map((s) => ({ key: String(s[l.item_field]), row: s }));
-    if (C) return e;
-    const t = We.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));
+  }, [_e, i.item_field]), oe = T(() => {
+    const e = _e.filter((s) => s[i.item_field] != null).map((s) => ({ key: String(s[i.item_field]), row: s }));
+    if (J) return e;
+    const t = Ze.filter((s) => s[i.item_field] != null).map((s) => ({ key: String(s[i.item_field]), row: s })), r = new Set(t.map((s) => s.key));
     return [...t, ...e.filter((s) => !r.has(s.key))];
-  }, [C, ve, We, l.item_field]), Ze = E(
-    () => le.filter((e) => !He.has(e.key)).map((e) => e.key),
-    [le, He]
-  ), { data: Pt = [] } = V({
-    queryKey: ["catalog-picker-labels", y, B, Ze.join(",")],
-    queryFn: () => p.request(
-      A(`/items/${y}`, {
-        filter: JSON.stringify({ id: { _in: Ze } }),
-        fields: B,
-        limit: Ze.length
+  }, [J, _e, Ze, i.item_field]), et = T(
+    () => oe.filter((e) => !Me.has(e.key)).map((e) => e.key),
+    [oe, Me]
+  ), { data: Kt = [] } = W({
+    queryKey: ["catalog-picker-labels", h, L, et.join(",")],
+    queryFn: () => g.request(
+      O(`/items/${h}`, {
+        filter: JSON.stringify({ id: { _in: et } }),
+        fields: L,
+        limit: et.length
       })
     ).then((e) => e.data ?? []),
-    enabled: !!y && Ze.length > 0,
+    enabled: !!h && et.length > 0,
     staleTime: 6e4
-  }), { data: ge = [] } = V({
-    queryKey: ["pinned-items", y],
-    queryFn: () => p.request(A(`/pinned/${y}`)).then((e) => e.data ?? []),
-    enabled: !!y && !!l.favorites,
+  }), { data: ke = [] } = W({
+    queryKey: ["pinned-items", h],
+    queryFn: () => g.request(O(`/pinned/${h}`)).then((e) => e.data ?? []),
+    enabled: !!h && !!i.favorites,
     staleTime: 6e4
-  }), mt = E(() => new Set(ge), [ge]), { data: Ce = [] } = V({
-    queryKey: ["pinned-item-rows", y, B, ge.join(",")],
-    queryFn: () => p.request(
-      A(`/items/${y}`, {
-        filter: JSON.stringify({ id: { _in: ge } }),
-        fields: B,
-        limit: ge.length
+  }), xt = T(() => new Set(ke), [ke]), { data: ze = [] } = W({
+    queryKey: ["pinned-item-rows", h, L, ke.join(",")],
+    queryFn: () => g.request(
+      O(`/items/${h}`, {
+        filter: JSON.stringify({ id: { _in: ke } }),
+        fields: L,
+        limit: ke.length
       })
     ).then((e) => e.data ?? []),
-    enabled: !!y && !!l.favorites && ge.length > 0,
+    enabled: !!h && !!i.favorites && ke.length > 0,
     staleTime: 6e4
-  }), [Ge, Rt] = W(/* @__PURE__ */ new Set());
-  async function Et(e) {
-    if (!(!y || Ge.has(e))) {
-      Rt((t) => new Set(t).add(e));
+  }), [tt, Jt] = M(/* @__PURE__ */ new Set());
+  async function zt(e) {
+    if (!(!h || tt.has(e))) {
+      Jt((t) => new Set(t).add(e));
       try {
-        await p.request(Xt(`/pinned/${y}/${e}/toggle`)).catch(() => {
-        }), await j.invalidateQueries({ queryKey: ["pinned-items", y] });
+        await g.request(fr(`/pinned/${h}/${e}/toggle`)).catch(() => {
+        }), await F.invalidateQueries({ queryKey: ["pinned-items", h] });
       } finally {
-        Rt((t) => {
+        Jt((t) => {
           const r = new Set(t);
           return r.delete(e), r;
         });
       }
     }
   }
-  const [dr, At] = W(!1), Ct = Ve(null), ut = (e) => l.favorites ? /* @__PURE__ */ n(
+  const [Sr, Bt] = M(!1), Qt = Ae(null), gt = (e) => i.favorites ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      title: mt.has(e) ? "Remove from favorites" : "Add to favorites",
-      disabled: Ge.has(e),
+      title: xt.has(e) ? "Remove from favorites" : "Add to favorites",
+      disabled: tt.has(e),
       onClick: (t) => {
-        t.stopPropagation(), Et(e);
+        t.stopPropagation(), zt(e);
       },
       className: "shrink-0 rounded p-0.5 transition-colors",
-      children: Ge.has(e) ? /* @__PURE__ */ n(ne, { className: "h-3.5 w-3.5 animate-spin text-amber-400" }) : /* @__PURE__ */ n(
-        Be,
+      children: tt.has(e) ? /* @__PURE__ */ n(ae, { className: "h-3.5 w-3.5 animate-spin text-amber-400" }) : /* @__PURE__ */ n(
+        He,
         {
-          className: Q(
+          className: K(
             "h-3.5 w-3.5",
-            mt.has(e) ? "fill-amber-400 text-amber-400" : "text-slate-300 hover:text-amber-400"
+            xt.has(e) ? "fill-amber-400 text-amber-400" : "text-slate-300 hover:text-amber-400"
           )
         }
       )
     }
-  ) : null, [ft, cr] = W("");
-  Fe(() => {
-    const e = setTimeout(() => cr(L), 300);
+  ) : null, [Pe, _r] = M("");
+  Re(() => {
+    const e = setTimeout(() => _r(z), 300);
     return () => clearTimeout(e);
-  }, [L]);
-  const mr = E(() => {
+  }, [z]);
+  const Dt = T(() => {
     var t;
-    const e = (t = [...(J ?? "").matchAll(/\{\{([\w.]+)\}\}/g)][0]) == null ? void 0 : t[1];
+    const e = (t = [...(C ?? "").matchAll(/\{\{([\w.]+)\}\}/g)][0]) == null ? void 0 : t[1];
     return e && !e.includes(".") ? e : "id";
-  }, [J]), { data: ur = [], isFetching: bt } = V({
-    queryKey: ["catalog-full-search", y, B, ft],
-    queryFn: () => p.request(
-      A(`/items/${y}`, {
-        search: ft,
-        fields: B,
+  }, [C]), { shownSearchFields: rt, otherSearchFields: Wt } = T(() => {
+    const e = new Set(
+      ((q == null ? void 0 : q.relations) ?? []).filter((s) => s.one_collection === h && s.one_field).map((s) => s.one_field)
+    ), t = new Set(
+      ((q == null ? void 0 : q.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 (C ?? "").matchAll(/\{\{([\w.]+)\}\}/g)) t.has(s[1]) && r.add(s[1]);
+    for (const s of i.columns ?? []) t.has(s.field) && r.add(s.field);
+    return {
+      shownSearchFields: [...r],
+      otherSearchFields: [...t].filter((s) => !r.has(s))
+    };
+  }, [q, h, C, i.columns]), Vt = !!h && Pe.trim().length > 0, { data: nt = [], isFetching: qr } = W({
+    queryKey: ["catalog-shown-search", h, L, Pe, rt],
+    queryFn: () => g.request(
+      O(`/items/${h}`, {
+        search: Pe,
+        search_fields: rt.join(","),
+        fields: L,
         limit: 25,
-        sort: mr
+        sort: Dt
       })
     ).then((e) => e.data ?? []),
-    enabled: !!y && ft.trim().length > 0,
+    enabled: Vt && rt.length > 0,
     staleTime: 3e4,
     placeholderData: (e) => e
-  }), $e = ur, Xe = E(() => {
+  }), Ht = Wt.join(","), { data: Ut = [], isFetching: $r } = W({
+    queryKey: ["catalog-full-search", h, L, Pe, Ht],
+    queryFn: () => g.request(
+      O(`/items/${h}`, {
+        search: Pe,
+        fields: [L, Ht].filter(Boolean).join(","),
+        limit: 25,
+        sort: Dt
+      })
+    ).then((e) => e.data ?? []),
+    enabled: Vt,
+    staleTime: 3e4,
+    placeholderData: (e) => e
+  }), yt = qr || $r, Fe = T(() => {
+    const e = new Set(nt.map((t) => String(t.id)));
+    return [...nt, ...Ut.filter((t) => !e.has(String(t.id)))];
+  }, [nt, Ut]), jr = (e) => {
+    if (rt.length === 0 || nt.some((r) => String(r.id) === String(e.id))) return null;
+    const t = Pe.trim().toLowerCase().split(/\s+/).filter(Boolean);
+    for (const r of Wt) {
+      const s = e[r];
+      if (s == null || typeof s == "object") continue;
+      const d = String(s);
+      if (t.some((o) => d.toLowerCase().includes(o)))
+        return `${G(r)}: ${d.length > 40 ? `${d.slice(0, 40)}…` : d}`;
+    }
+    return null;
+  }, st = T(() => {
     const e = /* @__PURE__ */ new Set();
-    for (const t of Y) e.add(String(t.id));
-    for (const t of le) e.add(t.key);
-    for (const t of ge) e.add(t);
-    for (const t of $e) e.add(String(t.id));
+    for (const t of Z) e.add(String(t.id));
+    for (const t of oe) e.add(t.key);
+    for (const t of ke) e.add(t);
+    for (const t of Fe) e.add(String(t.id));
     return [...e];
-  }, [Y, le, ge, $e]), Lt = $t({
-    queries: (l.related_columns ?? []).map((e) => {
-      const t = De(e.match, H);
+  }, [Z, oe, ke, Fe]), It = Ct({
+    queries: (i.related_columns ?? []).map((e) => {
+      const t = Ue(e.match, U);
       return {
         queryKey: [
           "catalog-related",
           e.key,
           e.collection,
           JSON.stringify(t),
-          Xe.join(",")
+          st.join(",")
         ],
         queryFn: async () => {
-          const r = {}, s = e.aggregate === "sum", c = s ? 150 : 400;
-          for (let o = 0; o < Xe.length; o += c) {
-            const i = Xe.slice(o, o + c);
-            let b = 1;
+          const r = {}, s = e.aggregate === "sum", d = s ? 150 : 400;
+          for (let o = 0; o < st.length; o += d) {
+            const p = st.slice(o, o + d);
+            let l = 1;
             for (; ; ) {
-              const d = await p.request(
-                A(`/items/${e.collection}`, {
-                  limit: s ? 1e3 : i.length,
-                  ...s ? { page: b } : {},
+              const c = await g.request(
+                O(`/items/${e.collection}`, {
+                  limit: s ? 1e3 : p.length,
+                  ...s ? { page: l } : {},
                   fields: `${e.item_field},${e.value_field}`,
-                  filter: JSON.stringify({ ...t, [e.item_field]: { _in: i } })
+                  filter: JSON.stringify({ ...t, [e.item_field]: { _in: p } })
                 })
               ).then((u) => u.data ?? []);
-              for (const u of d) {
-                const w = u[e.item_field];
-                if (w != null)
+              for (const u of c) {
+                const N = u[e.item_field];
+                if (N != null)
                   if (s) {
-                    const T = Number(u[e.value_field]);
-                    r[String(w)] = (Number(r[String(w)]) || 0) + (Number.isNaN(T) ? 0 : T);
+                    const S = Number(u[e.value_field]);
+                    r[String(N)] = (Number(r[String(N)]) || 0) + (Number.isNaN(S) ? 0 : S);
                   } else
-                    r[String(w)] = u[e.value_field];
+                    r[String(N)] = u[e.value_field];
               }
-              if (!s || d.length < 1e3) break;
-              b += 1;
+              if (!s || c.length < 1e3) break;
+              l += 1;
             }
           }
           return r;
         },
-        enabled: !!y && t !== null && Xe.length > 0,
+        enabled: !!h && t !== null && st.length > 0,
         staleTime: 3e4
       };
     })
-  }), pt = (e, t) => {
-    var s, c;
-    const r = (l.related_columns ?? []).findIndex((o) => o.key === e);
+  }), kt = (e, t) => {
+    var s, d;
+    const r = (i.related_columns ?? []).findIndex((o) => o.key === e);
     if (r !== -1)
-      return (c = (s = Lt[r]) == null ? void 0 : s.data) == null ? void 0 : c[t];
-  }, ht = (e) => {
-    var b;
-    const t = l.qty_warning;
+      return (d = (s = It[r]) == null ? void 0 : s.data) == null ? void 0 : d[t];
+  }, wt = (e) => {
+    var l;
+    const t = i.qty_warning;
     if (!t) return null;
-    const r = be(e) ?? 0;
+    const r = he(e) ?? 0;
     if (r <= 0) return null;
-    const s = (l.related_columns ?? []).findIndex((d) => d.key === t.column);
+    const s = (i.related_columns ?? []).findIndex((c) => c.key === t.column);
     if (s === -1) return null;
-    const c = (b = Lt[s]) == null ? void 0 : b.data;
-    if (c === void 0) return null;
-    const o = c[e], i = o == null || o === "" ? 0 : Number(o);
-    return Number.isNaN(i) ? null : r > i ? { available: i, qty: r } : null;
-  }, fr = (e) => {
-    const t = l.row_flags ?? [];
+    const d = (l = It[s]) == null ? void 0 : l.data;
+    if (d === void 0) return null;
+    const o = d[e], p = o == null || o === "" ? 0 : Number(o);
+    return Number.isNaN(p) ? null : r > p ? { available: p, qty: r } : null;
+  }, Fr = (e) => {
+    const t = i.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");
-          Jr(c, e) && r.push(s.label);
+          const d = s.when.replace(/\{\{\s*([A-Za-z_][A-Za-z0-9_.]*)\s*\}\}/g, "$1");
+          rn(d, e) && r.push(s.label);
         } catch {
         }
     return r;
-  }, xt = l.qty_warning ? l.qty_warning.label ?? ((Wt = (l.related_columns ?? []).find((e) => {
+  }, Nt = i.qty_warning ? i.qty_warning.label ?? ((lr = (i.related_columns ?? []).find((e) => {
     var t;
-    return e.key === ((t = l.qty_warning) == null ? void 0 : t.column);
-  })) == null ? void 0 : Wt.label) ?? Z(l.qty_warning.column) : "", br = !!l.submission_errors, et = E(
+    return e.key === ((t = i.qty_warning) == null ? void 0 : t.column);
+  })) == null ? void 0 : lr.label) ?? G(i.qty_warning.column) : "", Tr = !!i.submission_errors, at = T(
     () => {
       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)) : [];
+      return typeof i.submission_errors == "object" && Array.isArray((e = i.submission_errors) == null ? void 0 : e.match_fields) ? i.submission_errors.match_fields.filter((t) => /^[A-Za-z_][A-Za-z0-9_]*$/.test(t)) : [];
     },
-    [l.submission_errors]
-  ), pr = Qr(6e4), { data: Kt } = V({
-    queryKey: ["erp-submissions", $ ?? "", String(_)],
-    queryFn: () => p.request(A(`/erp-submissions/${$}/${encodeURIComponent(_)}`)).then((e) => e.data ?? []),
-    enabled: br && !C && !!$,
+    [i.submission_errors]
+  ), Rr = nn(6e4), { data: Mt } = W({
+    queryKey: ["erp-submissions", j ?? "", String(_)],
+    queryFn: () => g.request(O(`/erp-submissions/${j}/${encodeURIComponent(_)}`)).then((e) => e.data ?? []),
+    enabled: Tr && !J && !!j,
     staleTime: 15e3,
-    refetchInterval: pr
-  }), gt = E(() => {
-    const e = (Kt ?? [])[0];
-    return !e || e.status !== "failed" ? null : zr(e.payload, e.last_error);
-  }, [Kt]), hr = le.map((e) => e.key).join(","), { data: yt } = V({
-    queryKey: ["catalog-suberr-idents", y, et.join(","), hr],
+    refetchInterval: Rr
+  }), vt = T(() => {
+    const e = (Mt ?? [])[0];
+    return !e || e.status !== "failed" ? null : sn(e.payload, e.last_error);
+  }, [Mt]), Or = oe.map((e) => e.key).join(","), { data: St } = W({
+    queryKey: ["catalog-suberr-idents", h, at.join(","), Or],
     queryFn: async () => {
-      const e = le.map((r) => r.key);
+      const e = oe.map((r) => r.key);
       if (e.length === 0) return {};
-      const t = await p.request(
-        A(`/items/${y}`, {
+      const t = await g.request(
+        O(`/items/${h}`, {
           limit: e.length,
-          fields: ["id", ...et].join(","),
+          fields: ["id", ...at].join(","),
           filter: JSON.stringify({ id: { _in: e } })
         })
       ).then((r) => r.data ?? []);
       return Object.fromEntries(t.map((r) => [String(r.id), r]));
     },
-    enabled: !!y && !!gt && et.length > 0 && le.length > 0,
+    enabled: !!h && !!vt && at.length > 0 && oe.length > 0,
     staleTime: 6e4
-  }), xr = (e) => {
-    if (!gt) return null;
-    const t = yt == null ? void 0 : yt[e], r = [
-      Ht(e),
-      ...et.map((s) => {
-        const c = (t == null ? void 0 : t[s]) ?? Pe(e)[s];
-        return c != null && c !== "" ? String(c) : null;
+  }), Cr = (e) => {
+    if (!vt) return null;
+    const t = St == null ? void 0 : St[e], r = [
+      ar(e),
+      ...at.map((s) => {
+        const d = (t == null ? void 0 : t[s]) ?? Ee(e)[s];
+        return d != null && d !== "" ? String(d) : null;
       })
-    ].filter((s) => !!s).map(Br);
-    return gt.reasonFor(r);
-  }, tt = l.summary_fields ?? [], gr = Ne.map((e) => String(e.id)).join(","), yr = $t({
-    queries: tt.filter((e) => e.m2m).map((e) => ({
-      queryKey: ["catalog-summary-m2m", e.field, e.m2m.junction, gr],
+    ].filter((s) => !!s).map(an);
+    return vt.reasonFor(r);
+  }, it = i.summary_fields ?? [], Pr = Se.map((e) => String(e.id)).join(","), Er = Ct({
+    queries: it.filter((e) => e.m2m).map((e) => ({
+      queryKey: ["catalog-summary-m2m", e.field, e.m2m.junction, Pr],
       queryFn: async () => {
-        const t = Ne.map((u) => String(u.id));
+        const t = Se.map((u) => String(u.id));
         if (t.length === 0) return {};
-        const r = e.m2m, s = await p.request(
-          A(`/items/${r.junction}`, {
+        const r = e.m2m, s = await g.request(
+          O(`/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 p.request(
-          A(`/items/${r.related_collection}`, {
+        ).then((u) => u.data ?? []).catch(() => []), d = [...new Set(s.map((u) => String(u[r.related_field])))], o = r.label_field ?? "name", p = d.length ? await g.request(
+          O(`/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(() => []) : [], l = new Map(p.map((u) => [String(u.id), String(u[o] ?? u.id)])), c = {};
         for (const u of s) {
-          const w = String(u[r.fk_to_child]), T = b.get(String(u[r.related_field]));
-          T && (d[w] = d[w] ? `${d[w]}, ${T}` : T);
+          const N = String(u[r.fk_to_child]), S = l.get(String(u[r.related_field]));
+          S && (c[N] = c[N] ? `${c[N]}, ${S}` : S);
         }
-        return d;
+        return c;
       },
-      enabled: !C && Ne.length > 0,
+      enabled: !J && Se.length > 0,
       staleTime: 15e3
     }))
-  }), kr = (e, t) => {
-    var c, o;
+  }), Ar = (e, t) => {
+    var d, o;
     if (!e.m2m) return t.row[e.field];
-    const r = tt.filter((i) => i.m2m).findIndex((i) => i.field === e.field);
+    const r = it.filter((p) => p.m2m).findIndex((p) => p.field === e.field);
     if (r === -1) return;
     const s = t.row.id;
     if (s != null)
-      return (o = (c = yr[r]) == null ? void 0 : c.data) == null ? void 0 : o[String(s)];
-  }, wr = !!((It = l.fulfilment) != null && It.shipped_field) && (l.fulfilment.show_when ? rr(l.fulfilment.show_when, H) : !0), Nr = (e) => {
-    if (!wr || !l.fulfilment) return null;
-    const t = Number(e[l.fulfilment.qty_field ?? O] ?? 0) || 0, r = Number(e[l.fulfilment.shipped_field] ?? 0) || 0, s = t > 0 && r >= t ? {
+      return (o = (d = Er[r]) == null ? void 0 : d.data) == null ? void 0 : o[String(s)];
+  }, Lr = !!((or = i.fulfilment) != null && or.shipped_field) && (i.fulfilment.show_when ? xr(i.fulfilment.show_when, U) : !0), Kr = (e) => {
+    if (!Lr || !i.fulfilment) return null;
+    const t = Number(e[i.fulfilment.qty_field ?? R] ?? 0) || 0, r = Number(e[i.fulfilment.shipped_field] ?? 0) || 0, s = t > 0 && r >= t ? {
       dot: "bg-emerald-500",
       text: "text-emerald-700 dark:text-emerald-400",
       label: "Shipped"
@@ -553,14 +592,14 @@ function qn({
       {
         className: "inline-flex items-center gap-1.5 whitespace-nowrap",
         "data-catalog-fulfilment": s.label.split(" ")[0].toLowerCase(),
-        title: `${l.fulfilment.label ?? "Warehouse"} · ${r} of ${t} shipped`,
+        title: `${i.fulfilment.label ?? "Warehouse"} · ${r} of ${t} shipped`,
         children: [
           /* @__PURE__ */ n("span", { "aria-hidden": !0, className: `h-1.5 w-1.5 rounded-full ${s.dot}` }),
           /* @__PURE__ */ n("span", { className: `text-[11px] font-medium ${s.text}`, children: s.label })
         ]
       }
     );
-  }, Jt = l.columns ?? [], Qt = l.related_columns ?? [], rt = Jt.filter((e) => !e.summary_only), kt = Qt.filter((e) => !e.summary_only), zt = Jt.filter((e) => !e.sections_only), Bt = Qt.filter((e) => !e.sections_only), Vt = rt.length > 0 || kt.length > 0, wt = Ve(null), Dt = (e) => {
+  }, Yt = i.columns ?? [], Zt = i.related_columns ?? [], lt = Yt.filter((e) => !e.summary_only), _t = Zt.filter((e) => !e.summary_only), Gt = Yt.filter((e) => !e.sections_only), Xt = Zt.filter((e) => !e.sections_only), er = lt.length > 0 || _t.length > 0, qt = Ae(null), tr = (e) => {
     let t = e.parentElement;
     for (; t; ) {
       const r = getComputedStyle(t);
@@ -570,87 +609,118 @@ function qn({
       }
       t = t.parentElement;
     }
-  }, vr = (e) => {
-    wt.current = e, e && Dt(e);
+  }, Jr = (e) => {
+    qt.current = e, e && tr(e);
   };
-  Fe(() => {
+  Re(() => {
     let e = 0;
     const t = () => {
       e || (e = requestAnimationFrame(() => {
-        e = 0, wt.current && Dt(wt.current);
+        e = 0, qt.current && tr(qt.current);
       }));
     };
     return window.addEventListener("scroll", t, !0), () => {
       e && cancelAnimationFrame(e), window.removeEventListener("scroll", t, !0);
     };
   }, []);
-  const nt = (e, t) => {
+  const ot = (e, t) => {
     let r = e;
     for (const s of t.split(".")) {
       if (r == null || typeof r != "object") return;
       r = r[s];
     }
     return r;
-  }, fe = (e, t) => {
+  }, pe = (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);
-  }, _r = (Yt = rt.find((e) => !e.format)) == null ? void 0 : Yt.field, Ut = (e) => e.format ? "w-20 shrink-0 text-right" : e.field === _r ? "min-w-0 flex-[3]" : "w-36 shrink-0", Nt = (e, t) => /* @__PURE__ */ m(lt, { children: [
-    rt.map((r) => /* @__PURE__ */ n(
-      nr,
-      {
-        text: fe(nt(t, r.field), r.format),
-        className: Q("text-slate-500 dark:text-slate-400", Ut(r))
-      },
-      r.field
-    )),
-    kt.map((r) => /* @__PURE__ */ n(
+  }, dt = h ? `${h}:${f}.${k}` : null, qe = pr(dt && `${dt}:catalog`), be = pr(dt && `${dt}:summary`), rr = Ae(null), zr = (e, t) => {
+    const r = pn(rr.current, t);
+    r != null && e.setWidth(t, r);
+  }, ct = (e, t, r, s, d) => {
+    const o = e.box(t, s, d);
+    return /* @__PURE__ */ m("span", { ...o, className: K("relative", o.className), children: [
+      /* @__PURE__ */ n("span", { "data-cpf-fit": !0, className: "block truncate", children: r }),
+      /* @__PURE__ */ n(
+        fn,
+        {
+          label: r,
+          onResize: (p) => e.setWidth(t, p),
+          onFit: () => zr(e, t)
+        }
+      )
+    ] }, t);
+  }, Br = (dr = lt.find((e) => !e.format)) == null ? void 0 : dr.field, nr = (e) => e.format ? ["w-20 shrink-0", "text-right"] : e.field === Br ? ["min-w-0 flex-[3]", ""] : ["w-36 shrink-0", ""], $t = (e, t) => /* @__PURE__ */ m(ft, { children: [
+    lt.map((r) => {
+      const [s, d] = nr(r);
+      return /* @__PURE__ */ n(
+        gr,
+        {
+          text: pe(ot(t, r.field), r.format),
+          ...qe.box(r.field, s, K("text-slate-500 dark:text-slate-400", d))
+        },
+        r.field
+      );
+    }),
+    _t.map((r) => /* @__PURE__ */ n(
       "span",
       {
-        className: "w-20 shrink-0 truncate text-right text-slate-500 dark:text-slate-400",
-        children: fe(pt(r.key, e), r.format)
+        ...qe.box(
+          `rel:${r.key}`,
+          "w-20 shrink-0",
+          "truncate text-right text-slate-500 dark:text-slate-400"
+        ),
+        children: pe(kt(r.key, e), r.format)
       },
       r.key
-    ))
-  ] }), vt = 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", Sr = sr(y), st = (e, t, r) => Sr ? /* @__PURE__ */ n(
+    )),
+    /* @__PURE__ */ n("span", { "aria-hidden": !0, className: "ml-auto" })
+  ] }), Qr = yr(h), sr = (e, t, r, s) => Qr ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      onClick: () => y && ar(y, e, H),
+      "data-cpf-fit": s || void 0,
+      onClick: () => h && kr(h, e, U),
       title: "View stock & planning detail",
-      className: Q(
+      className: K(
         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 }), Ht = (e) => {
-    const t = He.get(e) ?? Pt.find((r) => String(r.id) === e) ?? Ce.find((r) => String(r.id) === e);
-    return t ? Te(J, t) : `#${e}`;
-  }, Pe = (e) => He.get(e) ?? Pt.find((t) => String(t.id) === e) ?? Ce.find((t) => String(t.id) === e) ?? { id: e }, be = (e) => {
+  ) : /* @__PURE__ */ n("span", { className: r, "data-cpf-fit": s || void 0, children: t }), jt = (e, t, r) => {
+    const s = qe.box("item", er ? "w-36 shrink-0" : "min-w-0 flex-1");
+    return /* @__PURE__ */ m("span", { ...s, className: K("flex min-w-0 items-center gap-1.5", s.className), children: [
+      sr(e, t, "min-w-0 truncate text-slate-700 dark:text-slate-200", !0),
+      r
+    ] });
+  }, ar = (e) => {
+    const t = Me.get(e) ?? Kt.find((r) => String(r.id) === e) ?? ze.find((r) => String(r.id) === e);
+    return t ? Oe(C, t) : `#${e}`;
+  }, Ee = (e) => Me.get(e) ?? Kt.find((t) => String(t.id) === e) ?? ze.find((t) => String(t.id) === e) ?? { id: e }, he = (e) => {
     var s;
-    const t = C ? void 0 : Ae.get(e);
-    if (t) return Ie.has(String(t.id)) ? null : Number(t[O] ?? 0);
-    const r = Ye.get(e);
-    return r === void 0 ? null : Number(((s = ve[r]) == null ? void 0 : s[O]) ?? 0);
-  }, qr = (e) => {
+    const t = J ? void 0 : Je.get(e);
+    if (t) return Ge.has(String(t.id)) ? null : Number(t[R] ?? 0);
+    const r = Xe.get(e);
+    return r === void 0 ? null : Number(((s = _e[r]) == null ? void 0 : s[R]) ?? 0);
+  }, Dr = (e) => {
     let t = e;
-    for (const r of l.section_by.split(".")) {
+    for (const r of i.section_by.split(".")) {
       if (t == null || typeof t != "object") return "";
       t = t[r];
     }
     return String(t ?? "").trim();
-  }, at = E(() => {
-    if (Ue) return [];
-    L.trim().toLowerCase();
+  }, mt = T(() => {
+    if (Ie) return [];
+    z.trim().toLowerCase();
     const e = /* @__PURE__ */ new Map();
-    for (const t of Y) {
-      const r = Te(J, t), s = S ? Ot.get(String(t.id)) ?? [] : [qr(t)];
-      if (!(S && a && s.length === 0))
-        for (const c of s.length ? s : [""]) {
-          const o = c || "Uncategorized";
+    for (const t of Z) {
+      const r = Oe(C, t), s = $ ? Lt.get(String(t.id)) ?? [] : [Dr(t)];
+      if (!($ && 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 });
         }
     }
@@ -658,42 +728,42 @@ function qn({
       ([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))
     }));
   }, [
-    Y,
-    J,
-    L,
-    l.section_by,
-    S,
-    Ot,
-    Ue,
+    Z,
+    C,
+    z,
+    i.section_by,
+    $,
+    Lt,
+    Ie,
     a
   ]);
-  if (!Se.current && at.length > 0) {
-    Se.current = !0;
+  if (!$e.current && mt.length > 0) {
+    $e.current = !0;
     const e = /* @__PURE__ */ new Set();
-    for (const t of at)
-      t.items.some((s) => (be(s.id) ?? 0) > 0) || e.add(t.name);
-    G(e);
+    for (const t of mt)
+      t.items.some((s) => (he(s.id) ?? 0) > 0) || e.add(t.name);
+    X(e);
   }
-  async function $r(e) {
+  async function Wr(e) {
     const t = {};
-    for (const r of l.related_columns ?? []) {
+    for (const r of i.related_columns ?? []) {
       if (!r.copy_to) continue;
-      let s = pt(r.key, e);
+      let s = kt(r.key, e);
       if (s === void 0) {
-        const c = De(r.match, H);
-        if (c === null) continue;
-        s = await p.request(
-          A(`/items/${r.collection}`, {
+        const d = Ue(r.match, U);
+        if (d === null) continue;
+        s = await g.request(
+          O(`/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;
-          return (b = (i = o.data) == null ? void 0 : i[0]) == null ? void 0 : b[r.value_field];
+          var p, l;
+          return (l = (p = o.data) == null ? void 0 : p[0]) == null ? void 0 : l[r.value_field];
         }).catch(() => {
         });
       }
@@ -701,207 +771,207 @@ function qn({
     }
     return t;
   }
-  function Le(e, t, r, s = {}) {
-    const c = {
-      [l.item_field]: r.id ?? e,
-      [O]: t
+  function Be(e, t, r, s = {}) {
+    const d = {
+      [i.item_field]: r.id ?? e,
+      [R]: t
     };
-    for (const [o, i] of Object.entries(l.copy_fields ?? {}))
-      r[i] !== void 0 && (c[o] = r[i]);
-    Object.assign(c, s);
-    for (const [o, i] of Object.entries(l.compute_fields ?? {})) {
-      const b = Qe(i, c);
-      b !== null && (c[o] = b);
+    for (const [o, p] of Object.entries(i.copy_fields ?? {}))
+      r[p] !== void 0 && (d[o] = r[p]);
+    Object.assign(d, s);
+    for (const [o, p] of Object.entries(i.compute_fields ?? {})) {
+      const l = We(p, d);
+      l !== null && (d[o] = l);
     }
-    return c;
+    return d;
   }
-  async function Ke(e, t, r, s = {}) {
-    const c = tr(t, { type: v, min: 0, label: "Quantity" });
-    if (!c.ok) {
-      X((d) => ({ ...d, [e]: { kind: "error", message: c.message } }));
+  async function Qe(e, t, r, s = {}) {
+    const d = hr(t, { type: v, min: 0, label: "Quantity" });
+    if (!d.ok) {
+      ee((c) => ({ ...c, [e]: { kind: "error", message: d.message } }));
       return;
     }
-    const o = c.value ?? 0;
-    if ((be(e) ?? 0) === o) return;
+    const o = d.value ?? 0;
+    if ((he(e) ?? 0) === o) return;
     if (o === 0 && !s.confirmedRemove) {
-      X((d) => ({ ...d, [e]: { kind: "remove", row: r } }));
+      ee((c) => ({ ...c, [e]: { kind: "remove", row: r } }));
       return;
     }
     if (o > 0) {
-      const d = Ye.get(e), u = (C ? void 0 : Ae.get(e)) ?? (d !== void 0 ? ve[d] : void 0) ?? {}, w = K(O, o, u);
-      if (w) {
-        X((T) => ({ ...T, [e]: { kind: "error", message: w } }));
+      const c = Xe.get(e), u = (J ? void 0 : Je.get(e)) ?? (c !== void 0 ? _e[c] : void 0) ?? {}, N = B(R, o, u);
+      if (N) {
+        ee((S) => ({ ...S, [e]: { kind: "error", message: N } }));
         return;
       }
     }
-    const b = o > 0 ? await $r(e) : {};
-    if (Ee && x) {
-      const d = Ae.get(e);
-      if ((d == null ? void 0 : d.id) != null) {
-        const u = String(d.id);
+    const l = o > 0 ? await Wr(e) : {};
+    if (Ke && y) {
+      const c = Je.get(e);
+      if ((c == null ? void 0 : c.id) != null) {
+        const u = String(c.id);
         if (o === 0) {
-          x.cancelPendingEdit(f, g, u), x.queueDelete(f, g, u);
+          y.cancelPendingEdit(f, k, u), y.queueDelete(f, k, u);
           return;
         }
-        Ie.has(u) && x.cancelPendingDelete(f, g, u);
-        const w = Le(e, o, r, b);
-        for (const q of se)
-          d[q] != null && d[q] !== "" && (w[q] = d[q]);
-        for (const [q, je] of Object.entries(l.compute_fields ?? {})) {
-          const _e = Qe(je, { ...d, ...w });
-          _e !== null && (w[q] = _e);
+        Ge.has(u) && y.cancelPendingDelete(f, k, u);
+        const N = Be(e, o, r, l);
+        for (const b of te)
+          c[b] != null && c[b] !== "" && (N[b] = c[b]);
+        for (const [b, Q] of Object.entries(i.compute_fields ?? {})) {
+          const Te = We(Q, { ...c, ...N });
+          Te !== null && (N[b] = Te);
         }
-        const T = Ne.find((q) => String(q.id) === u) ?? {}, N = Object.fromEntries(
-          Object.entries(w).filter(([q, je]) => String(je ?? "") !== String(T[q] ?? ""))
+        const S = Se.find((b) => String(b.id) === u) ?? {}, A = Object.fromEntries(
+          Object.entries(N).filter(([b, Q]) => String(Q ?? "") !== String(S[b] ?? ""))
         );
-        Object.keys(N).length === 0 ? x.cancelPendingEdit(f, g, u) : (x.cancelPendingEdit(f, g, u), x.queueEdit(f, g, u, N));
+        Object.keys(A).length === 0 ? y.cancelPendingEdit(f, k, u) : (y.cancelPendingEdit(f, k, u), y.queueEdit(f, k, u, A));
         return;
       }
     }
-    if (C || Ee) {
-      const d = Ye.get(e);
-      o === 0 ? d !== void 0 && (x == null || x.removeRow(f, g, d)) : d !== void 0 ? x == null || x.updateRow(
+    if (J || Ke) {
+      const c = Xe.get(e);
+      o === 0 ? c !== void 0 && (y == null || y.removeRow(f, k, c)) : c !== void 0 ? y == null || y.updateRow(
         f,
-        g,
-        d,
-        Ir(
-          ve[d],
-          Le(e, o, r, b),
-          se,
-          l.compute_fields
+        k,
+        c,
+        bn(
+          _e[c],
+          Be(e, o, r, l),
+          te,
+          i.compute_fields
         )
-      ) : x == null || x.queueRow(
+      ) : y == null || y.queueRow(
         f,
-        g,
-        Le(e, o, r, b)
+        k,
+        Be(e, o, r, l)
       );
       return;
     }
-    ee((d) => new Set(d).add(e));
+    re((c) => new Set(c).add(e));
     try {
-      const d = Ae.get(e);
+      const c = Je.get(e);
       if (o === 0)
-        (d == null ? void 0 : d.id) != null && await p.request(Kr(`/items/${f}/${d.id}`));
-      else if ((d == null ? void 0 : d.id) != null) {
-        const u = Le(e, o, r, b);
-        for (const q of se)
-          d[q] != null && d[q] !== "" && (u[q] = d[q]);
-        for (const [q, je] of Object.entries(l.compute_fields ?? {})) {
-          const _e = Qe(je, { ...d, ...u });
-          _e !== null && (u[q] = _e);
+        (c == null ? void 0 : c.id) != null && await g.request(tn(`/items/${f}/${c.id}`));
+      else if ((c == null ? void 0 : c.id) != null) {
+        const u = Be(e, o, r, l);
+        for (const b of te)
+          c[b] != null && c[b] !== "" && (u[b] = c[b]);
+        for (const [b, Q] of Object.entries(i.compute_fields ?? {})) {
+          const Te = We(Q, { ...c, ...u });
+          Te !== null && (u[b] = Te);
         }
-        const w = { ...d, ...u }, { id: T, ...N } = w;
-        await p.request(Gt(`/items/${f}/${d.id}`, N));
+        const N = { ...c, ...u }, { id: S, ...A } = N;
+        await g.request(ur(`/items/${f}/${c.id}`, A));
       } else
-        await p.request(
-          Xt(`/items/${f}`, {
-            [g]: _,
-            ...Le(e, o, r, b)
+        await g.request(
+          fr(`/items/${f}`, {
+            [k]: _,
+            ...Be(e, o, r, l)
           })
         );
-      j.invalidateQueries({ queryKey: ["o2m-rows", f, g, _] });
+      F.invalidateQueries({ queryKey: ["o2m-rows", f, k, _] });
     } catch {
     } finally {
-      ee((d) => {
-        const u = new Set(d);
+      re((c) => {
+        const u = new Set(c);
         return u.delete(e), u;
       });
     }
   }
-  async function jr(e, t, r) {
+  async function Vr(e, t, r) {
     const s = r.trim() === "" ? null : Number(r);
     if (r.trim() !== "" && Number.isNaN(s)) return;
-    const c = (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);
+    const d = (p) => {
+      const l = { ...p, [t]: s };
+      for (const [c, u] of Object.entries(i.compute_fields ?? {})) {
+        const N = We(u, l);
+        N !== null && (l[c] = N);
       }
-      return b;
-    }, o = C ? void 0 : Ae.get(e);
+      return l;
+    }, o = J ? void 0 : Je.get(e);
     if ((o == null ? void 0 : o.id) == null) {
-      const i = Ye.get(e);
-      if (i === void 0) return;
-      x == null || x.updateRow(f, g, i, c(ve[i]));
+      const p = Xe.get(e);
+      if (p === void 0) return;
+      y == null || y.updateRow(f, k, p, d(_e[p]));
       return;
     }
-    if (Ee && x) {
-      const i = c(o), b = Ne.find((u) => String(u.id) === String(o.id)) ?? {}, d = Object.fromEntries(
-        Object.entries(i).filter(
-          ([u, w]) => u !== "id" && String(w ?? "") !== String(b[u] ?? "")
+    if (Ke && y) {
+      const p = d(o), l = Se.find((u) => String(u.id) === String(o.id)) ?? {}, c = Object.fromEntries(
+        Object.entries(p).filter(
+          ([u, N]) => u !== "id" && String(N ?? "") !== String(l[u] ?? "")
         )
       );
-      x.cancelPendingEdit(f, g, String(o.id)), Object.keys(d).length > 0 && x.queueEdit(f, g, String(o.id), d);
+      y.cancelPendingEdit(f, k, String(o.id)), Object.keys(c).length > 0 && y.queueEdit(f, k, String(o.id), c);
       return;
     }
-    ee((i) => new Set(i).add(e));
+    re((p) => new Set(p).add(e));
     try {
-      const { id: i, ...b } = c(o);
-      await p.request(Gt(`/items/${f}/${o.id}`, b)), j.invalidateQueries({ queryKey: ["o2m-rows", f, g, _] });
+      const { id: p, ...l } = d(o);
+      await g.request(ur(`/items/${f}/${o.id}`, l)), F.invalidateQueries({ queryKey: ["o2m-rows", f, k, _] });
     } catch {
     } finally {
-      ee((i) => {
-        const b = new Set(i);
-        return b.delete(e), b;
+      re((p) => {
+        const l = new Set(p);
+        return l.delete(e), l;
       });
     }
   }
-  async function Fr(e) {
-    if (e == null || e === "" || !y) return;
-    const t = String(e), r = Pe(t);
+  async function Hr(e) {
+    if (e == null || e === "" || !h) return;
+    const t = String(e), r = Ee(t);
     let s = r;
-    Object.keys(r).length <= 1 && (s = await p.request(
-      A(`/items/${y}`, {
+    Object.keys(r).length <= 1 && (s = await g.request(
+      O(`/items/${h}`, {
         filter: JSON.stringify({ id: { _eq: e } }),
-        fields: B,
+        fields: L,
         limit: 1
       })
     ).then((o) => {
-      var i;
-      return ((i = o.data) == null ? void 0 : i[0]) ?? { id: e };
+      var p;
+      return ((p = o.data) == null ? void 0 : p[0]) ?? { id: e };
     }).catch(() => ({ id: e })));
-    const c = (be(t) ?? 0) + 1;
-    await Ke(t, String(c), s);
+    const d = (he(t) ?? 0) + 1;
+    await Qe(t, String(d), s);
   }
-  const Tr = le.length, _t = Object.keys(l.copy_fields ?? {}), St = Object.keys(l.compute_fields ?? {}), it = (e, t) => {
-    const r = be(e);
-    if (h)
+  const Ur = oe.length, Ft = Object.keys(i.copy_fields ?? {}), Tt = Object.keys(i.compute_fields ?? {}), ut = (e, t) => {
+    const r = he(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 = qe[e], c = s !== void 0 ? s : r && r > 0 ? String(r) : "", o = ce[e], i = () => X((d) => {
-      if (!(e in d)) return d;
-      const u = { ...d };
+    const s = je[e], d = s !== void 0 ? s : r && r > 0 ? String(r) : "", o = me[e], p = () => ee((c) => {
+      if (!(e in c)) return c;
+      const u = { ...c };
       return delete u[e], u;
-    }), b = /* @__PURE__ */ n(
+    }), l = /* @__PURE__ */ n(
       "input",
       {
         type: "number",
         min: 0,
-        step: er(v) ? 1 : "any",
-        disabled: h,
-        value: c,
+        step: br(v) ? 1 : "any",
+        disabled: x,
+        value: d,
         placeholder: "0",
         "aria-invalid": (o == null ? void 0 : o.kind) === "error" || void 0,
-        onFocus: i,
-        onChange: (d) => pe((u) => ({ ...u, [e]: d.target.value })),
-        onBlur: (d) => {
-          const u = d.target.value;
-          pe((w) => {
-            const T = { ...w };
-            return delete T[e], T;
-          }), Ke(e, u, t);
+        onFocus: p,
+        onChange: (c) => xe((u) => ({ ...u, [e]: c.target.value })),
+        onBlur: (c) => {
+          const u = c.target.value;
+          xe((N) => {
+            const S = { ...N };
+            return delete S[e], S;
+          }), Qe(e, u, t);
         },
-        onKeyDown: (d) => {
-          d.key === "Enter" && d.currentTarget.blur();
+        onKeyDown: (c) => {
+          c.key === "Enter" && c.currentTarget.blur();
         },
-        className: Q(
+        className: K(
           "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(Hr, { open: (o == null ? void 0 : o.kind) === "remove", onOpenChange: (d) => !d && i(), children: [
-      /* @__PURE__ */ n(Mr, { asChild: !0, children: /* @__PURE__ */ m("span", { className: "inline-flex shrink-0 flex-col items-end", children: [
-        b,
+    return /* @__PURE__ */ m(cn, { open: (o == null ? void 0 : o.kind) === "remove", onOpenChange: (c) => !c && p(), children: [
+      /* @__PURE__ */ n(mn, { asChild: !0, children: /* @__PURE__ */ m("span", { className: "inline-flex shrink-0 flex-col items-end", children: [
+        l,
         (o == null ? void 0 : o.kind) === "error" && /* @__PURE__ */ m(
           "span",
           {
@@ -909,7 +979,7 @@ function qn({
             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(qt, { className: "mt-px h-3 w-3 shrink-0" }),
+              /* @__PURE__ */ n(Rt, { className: "mt-px h-3 w-3 shrink-0" }),
               o.message,
               r && r > 0 ? ` — still ${r}` : ""
             ]
@@ -917,7 +987,7 @@ function qn({
         )
       ] }) }),
       /* @__PURE__ */ n(
-        Wr,
+        un,
         {
           align: "end",
           side: "bottom",
@@ -929,7 +999,7 @@ function qn({
                 "button",
                 {
                   type: "button",
-                  onClick: i,
+                  onClick: p,
                   className: "h-6 rounded border border-slate-200 px-2 text-[11px] text-slate-600 hover:bg-muted dark:border-border dark:text-slate-300",
                   children: "Keep"
                 }
@@ -939,8 +1009,8 @@ function qn({
                 {
                   type: "button",
                   onClick: () => {
-                    const d = o.row;
-                    i(), Ke(e, "0", d, { confirmedRemove: !0 });
+                    const c = o.row;
+                    p(), Qe(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"
@@ -951,12 +1021,12 @@ function qn({
         }
       )
     ] });
-  }, Or = (e, t, r) => {
-    const s = `${e}:${t}`, c = ae[s], o = () => D((b) => {
-      if (!(s in b)) return b;
-      const d = { ...b };
-      return delete d[s], d;
-    }), i = r[t] == null ? "" : String(r[t]);
+  }, Ir = (e, t, r) => {
+    const s = `${e}:${t}`, d = ie[s], o = () => V((l) => {
+      if (!(s in l)) return l;
+      const c = { ...l };
+      return delete c[s], c;
+    }), p = r[t] == null ? "" : String(r[t]);
     return /* @__PURE__ */ m("span", { className: "inline-flex shrink-0 flex-col items-end", children: [
       /* @__PURE__ */ n(
         "input",
@@ -964,231 +1034,266 @@ function qn({
           type: "number",
           min: 0,
           step: "any",
-          defaultValue: i,
-          "aria-invalid": !!c || void 0,
+          defaultValue: p,
+          "aria-invalid": !!d || void 0,
           onFocus: o,
-          onBlur: (b) => {
-            const d = b.target.value;
-            if (d !== i) {
-              const u = ke.find((N) => N.field === t), w = tr(d, {
+          onBlur: (l) => {
+            const c = l.target.value;
+            if (c !== p) {
+              const u = Ne.find((A) => A.field === t), N = hr(c, {
                 type: u == null ? void 0 : u.type,
-                label: (u == null ? void 0 : u.label) || Z(t)
-              }), T = w.ok ? K(t, w.value, r) : w.message;
-              if (T) {
-                b.target.value = i, D((N) => ({ ...N, [s]: T }));
+                label: (u == null ? void 0 : u.label) || G(t)
+              }), S = N.ok ? B(t, N.value, r) : N.message;
+              if (S) {
+                l.target.value = p, V((A) => ({ ...A, [s]: S }));
                 return;
               }
             }
-            jr(e, t, d);
+            Vr(e, t, c);
           },
-          onKeyDown: (b) => {
-            b.key === "Enter" && b.currentTarget.blur();
+          onKeyDown: (l) => {
+            l.key === "Enter" && l.currentTarget.blur();
           },
-          className: Q(
+          className: K(
             "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}`
+        `${s}:${p}`
       ),
-      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(qt, { className: "mt-px h-3 w-3 shrink-0" }),
-            c,
-            i !== "" ? ` — still ${i}` : ""
+            /* @__PURE__ */ n(Rt, { className: "mt-px h-3 w-3 shrink-0" }),
+            d,
+            p !== "" ? ` — still ${p}` : ""
           ]
         }
       )
     ] }, s);
   };
-  return !y && he ? /* @__PURE__ */ m("div", { className: "space-y-2 py-1", "aria-busy": "true", children: [
+  return !h && ge ? /* @__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))]" })
-  ] }) : y ? /* @__PURE__ */ m("div", { className: "space-y-3", children: [
-    !h && /* @__PURE__ */ m(lt, { children: [
+  ] }) : h ? /* @__PURE__ */ m("div", { ref: rr, className: "space-y-3", children: [
+    !x && /* @__PURE__ */ m(ft, { 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(ot, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" }),
+          /* @__PURE__ */ n(pt, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" }),
           /* @__PURE__ */ n(
             "input",
             {
-              value: L,
-              onChange: (e) => ye(e.target.value),
+              value: z,
+              onChange: (e) => we(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: [
-            Tr,
+            Ur,
             " picked"
-          ] })
+          ] }),
+          /* @__PURE__ */ n(Ot, { show: qe.customized, onReset: qe.reset })
         ] }),
-        Vt && // Sticky: the catalog list is tall and the page scroller carries it —
+        er && // 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: vr,
-            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",
+            ref: Jr,
+            className: "sticky top-0 z-[5] flex items-center gap-4 border-b border-slate-200 bg-slate-50 px-3 py-1 text-[10px] font-medium uppercase tracking-wide text-slate-500 dark:border-border dark:bg-muted dark:text-slate-400",
             children: [
-              l.favorites && /* @__PURE__ */ n("span", { className: "w-[18px] shrink-0" }),
-              /* @__PURE__ */ n("span", { className: "w-36 shrink-0", children: "Item" }),
-              rt.map((e) => /* @__PURE__ */ n("span", { className: Q("truncate", Ut(e)), children: e.label ?? Z(e.field.split(".")[0]) }, e.field)),
-              kt.map((e) => /* @__PURE__ */ n("span", { className: "w-20 shrink-0 text-right", children: e.label ?? Z(e.key) }, e.key)),
+              i.favorites && /* @__PURE__ */ n("span", { className: "w-[18px] shrink-0" }),
+              ct(qe, "item", "Item", "w-36 shrink-0"),
+              lt.map((e) => {
+                const [t, r] = nr(e);
+                return ct(
+                  qe,
+                  e.field,
+                  e.label ?? G(e.field.split(".")[0]),
+                  t,
+                  r
+                );
+              }),
+              _t.map(
+                (e) => ct(
+                  qe,
+                  `rel:${e.key}`,
+                  e.label ?? G(e.key),
+                  "w-20 shrink-0",
+                  "text-right"
+                )
+              ),
+              /* @__PURE__ */ n("span", { "aria-hidden": !0, className: "ml-auto" }),
+              /* @__PURE__ */ n("span", { "aria-hidden": !0, className: "w-3.5 shrink-0" }),
               /* @__PURE__ */ n("span", { className: "w-20 shrink-0 text-right", children: "Qty" })
             ]
           }
         ),
-        L.trim().length > 0 && $e.length === 0 && bt && /* @__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" }),
+        z.trim().length > 0 && Fe.length === 0 && yt && /* @__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" }),
           " Searching the catalog…"
         ] }),
-        L.trim().length > 0 && $e.length === 0 && !bt && /* @__PURE__ */ m("p", { className: "px-3 py-4 text-center text-slate-400", children: [
+        z.trim().length > 0 && Fe.length === 0 && !yt && /* @__PURE__ */ m("p", { className: "px-3 py-4 text-center text-slate-400", children: [
           'No CIFAs match "',
-          L.trim(),
+          z.trim(),
           '"'
         ] }),
-        L.trim().length > 0 && $e.length > 0 && /* @__PURE__ */ m(Je, { children: [
+        z.trim().length > 0 && Fe.length > 0 && /* @__PURE__ */ m(De, { 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(ot, { className: "h-3 w-3 shrink-0 text-sky-500" }),
+            /* @__PURE__ */ n(pt, { 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: $e.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: Fe.length }),
             /* @__PURE__ */ n("span", { className: "text-[10px] text-slate-400", children: "across the entire catalog — enter a quantity to add" }),
-            bt && /* @__PURE__ */ n(ne, { className: "h-3 w-3 shrink-0 animate-spin text-slate-400" })
+            yt && /* @__PURE__ */ n(ae, { className: "h-3 w-3 shrink-0 animate-spin text-slate-400" })
           ] }),
-          $e.map((e, t) => {
-            const r = String(e.id), s = be(r);
+          Fe.map((e, t) => {
+            const r = String(e.id), s = he(r);
             return /* @__PURE__ */ m(
               "div",
               {
-                className: Q(
-                  "flex items-center gap-2 border-b border-slate-100 px-3 py-1 dark:border-border/50",
+                className: K(
+                  "flex items-center gap-4 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: [
-                  ut(r),
-                  st(r, Te(J, e), vt),
-                  Nt(r, e),
-                  de.has(r) && /* @__PURE__ */ n(ne, { className: "h-3 w-3 shrink-0 animate-spin text-slate-400" }),
-                  it(r, e)
+                  gt(r),
+                  jt(
+                    r,
+                    Oe(C, e),
+                    (() => {
+                      const d = jr(e);
+                      return d ? /* @__PURE__ */ n(
+                        "span",
+                        {
+                          "data-catalog-match-why": !0,
+                          "data-tip": `Matched on ${d}`,
+                          "data-cpf-fit": !0,
+                          className: "min-w-0 max-w-[160px] shrink-[4] 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;
+                    })()
+                  ),
+                  $t(r, e),
+                  /* @__PURE__ */ n("span", { className: "flex w-3.5 shrink-0 items-center justify-center", children: ce.has(r) && /* @__PURE__ */ n(ae, { className: "h-3 w-3 animate-spin text-slate-400" }) }),
+                  ut(r, e)
                 ]
               },
               r
             );
           })
         ] }),
-        k.length > 0 && !L.trim() && /* @__PURE__ */ m("p", { className: "px-3 py-6 text-center text-slate-400", children: [
+        w.length > 0 && !z.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) => {
+          w.map((e) => {
             var t;
-            return ((t = z == null ? void 0 : z.fieldLabels) == null ? void 0 : t[e]) ?? Z(e);
+            return ((t = D == null ? void 0 : D.fieldLabels) == null ? void 0 : t[e]) ?? G(e);
           }).join(", "),
           " ",
           "to browse by category"
         ] }),
-        k.length === 0 && (M || Ue) && /* @__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" }),
+        w.length === 0 && (I || Ie) && /* @__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" }),
           " Loading catalog…"
         ] }),
-        k.length === 0 && !M && !Ue && at.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: [
+        w.length === 0 && !I && !Ie && mt.length === 0 && /* @__PURE__ */ n("p", { className: "px-3 py-6 text-center text-slate-400", children: "No catalog items" }),
+        i.favorites && /* @__PURE__ */ m(De, { 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: () => G((e) => {
+                onClick: () => X((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,
+                    Pt,
                     {
-                      className: Q(
+                      className: K(
                         "h-3 w-3 shrink-0 text-slate-400 transition-transform",
-                        !oe.has("__favorites__") && "rotate-90"
+                        !de.has("__favorites__") && "rotate-90"
                       )
                     }
                   ),
-                  /* @__PURE__ */ n(Be, { className: "h-3 w-3 shrink-0 fill-amber-400 text-amber-400" }),
+                  /* @__PURE__ */ n(He, { 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: Ce.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: ze.length })
                 ]
               }
             ),
             /* @__PURE__ */ n(
               "button",
               {
-                ref: Ct,
+                ref: Qt,
                 type: "button",
-                onClick: () => At(!0),
+                onClick: () => Bt(!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__") && Ce.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__") && Ce.map((e, t) => {
-            const r = String(e.id), s = be(r), c = ht(r);
+          !de.has("__favorites__") && ze.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." }),
+          !de.has("__favorites__") && ze.map((e, t) => {
+            const r = String(e.id), s = he(r), d = wt(r);
             return /* @__PURE__ */ m(
               "div",
               {
-                className: Q(
-                  "flex items-center gap-2 border-b border-slate-100 px-3 py-1 dark:border-border/50",
+                className: K(
+                  "flex items-center gap-4 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: [
-                  ut(r),
-                  st(r, Te(J, e), vt),
-                  Nt(r, e),
-                  c && /* @__PURE__ */ n(
-                    ze,
+                  gt(r),
+                  jt(r, Oe(C, e)),
+                  $t(r, e),
+                  /* @__PURE__ */ n("span", { className: "flex w-3.5 shrink-0 items-center justify-center", children: ce.has(r) ? /* @__PURE__ */ n(ae, { className: "h-3 w-3 animate-spin text-slate-400" }) : d && /* @__PURE__ */ n(
+                    Ve,
                     {
-                      className: "h-3.5 w-3.5 shrink-0 text-amber-500",
-                      "aria-label": `${xt} ${c.available} — ${c.qty} requested`
+                      className: "h-3.5 w-3.5 text-amber-500",
+                      "aria-label": `${Nt} ${d.available} — ${d.qty} requested`
                     }
-                  ),
-                  de.has(r) && /* @__PURE__ */ n(ne, { className: "h-3 w-3 shrink-0 animate-spin text-slate-400" }),
-                  it(r, e)
+                  ) }),
+                  ut(r, e)
                 ]
               },
               r
             );
           })
         ] }),
-        k.length === 0 && at.map((e) => {
-          const t = oe.has(e.name), r = e.items.reduce(
-            (s, c) => s + ((be(c.id) ?? 0) > 0 ? 1 : 0),
+        w.length === 0 && mt.map((e) => {
+          const t = de.has(e.name), r = e.items.reduce(
+            (s, d) => s + ((he(d.id) ?? 0) > 0 ? 1 : 0),
             0
           );
-          return /* @__PURE__ */ m(Je, { children: [
+          return /* @__PURE__ */ m(De, { children: [
             /* @__PURE__ */ m(
               "button",
               {
                 type: "button",
-                onClick: () => G((s) => {
-                  const c = new Set(s);
-                  return c.has(e.name) ? c.delete(e.name) : c.add(e.name), c;
+                onClick: () => X((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,
+                    Pt,
                     {
-                      className: Q(
+                      className: K(
                         "h-3 w-3 shrink-0 text-slate-400 transition-transform",
                         !t && "rotate-90"
                       )
@@ -1196,37 +1301,36 @@ function qn({
                   ),
                   /* @__PURE__ */ n("span", { className: "text-[11px] font-semibold text-slate-600 dark:text-slate-300", children: e.name }),
                   /* @__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.items.length }),
-                  r > 0 && /* @__PURE__ */ m("span", { className: "rounded bg-nvr-cyan/10 px-1.5 py-0.5 text-[10px] font-semibold text-[#009abe]", children: [
+                  r > 0 && /* @__PURE__ */ m("span", { className: "rounded bg-nvr-cyan/10 px-1.5 py-0.5 text-[10px] font-semibold text-[#00728d] dark:bg-nvr-cyan/15 dark:text-nvr-cyan", children: [
                     r,
                     " picked"
                   ] })
                 ]
               }
             ),
-            !t && e.items.map((s, c) => {
-              const o = be(s.id), i = ht(s.id);
+            !t && e.items.map((s, d) => {
+              const o = he(s.id), p = wt(s.id);
               return /* @__PURE__ */ m(
                 "div",
                 {
-                  className: Q(
-                    "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",
+                  className: K(
+                    "flex items-center gap-4 border-b border-slate-100 px-3 py-1 dark:border-border/50",
+                    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"
+                    p && "bg-amber-50 dark:bg-amber-900/15"
                   ),
                   children: [
-                    ut(s.id),
-                    st(s.id, s.label, vt),
-                    Nt(s.id, s.row),
-                    i && /* @__PURE__ */ n(
-                      ze,
+                    gt(s.id),
+                    jt(s.id, s.label),
+                    $t(s.id, s.row),
+                    /* @__PURE__ */ n("span", { className: "flex w-3.5 shrink-0 items-center justify-center", children: ce.has(s.id) ? /* @__PURE__ */ n(ae, { className: "h-3 w-3 animate-spin text-slate-400" }) : p && /* @__PURE__ */ n(
+                      Ve,
                       {
-                        className: "h-3.5 w-3.5 shrink-0 text-amber-500",
-                        "aria-label": `${xt} ${i.available} — ${i.qty} requested`
+                        className: "h-3.5 w-3.5 text-amber-500",
+                        "aria-label": `${Nt} ${p.available} — ${p.qty} requested`
                       }
-                    ),
-                    de.has(s.id) && /* @__PURE__ */ n(ne, { className: "h-3 w-3 shrink-0 animate-spin text-slate-400" }),
-                    it(s.id, s.row)
+                    ) }),
+                    ut(s.id, s.row)
                   ]
                 },
                 s.id
@@ -1235,18 +1339,18 @@ function qn({
           ] }, e.name);
         })
       ] }),
-      (l.builders ?? []).filter((e) => rr(e.show_when, H)).map((e) => /* @__PURE__ */ n(
-        tn,
+      (i.builders ?? []).filter((e) => xr(e.show_when, U)).map((e) => /* @__PURE__ */ n(
+        wn,
         {
           builder: e,
-          defaultItemField: l.item_field,
-          catalogCol: y,
-          catalogFields: B,
-          tmpl: J,
-          currentQty: be,
-          addQty: (t, r, s) => Ke(t, String(r), s),
-          qtyStep: er(v) ? 1 : "any",
-          readOnly: h
+          defaultItemField: i.item_field,
+          catalogCol: h,
+          catalogFields: L,
+          tmpl: C,
+          currentQty: he,
+          addQty: (t, r, s) => Qe(t, String(r), s),
+          qtyStep: br(v) ? 1 : "any",
+          readOnly: x
         },
         e.label
       ))
@@ -1254,354 +1358,389 @@ function qn({
     /* @__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" }),
-        !h && /* @__PURE__ */ m("div", { className: "flex items-center gap-2", onClick: (e) => e.stopPropagation(), children: [
-          l.upload_template && !C && I && $ && /* @__PURE__ */ n(
-            Dr,
+        !x && /* @__PURE__ */ m("div", { className: "flex items-center gap-2", onClick: (e) => e.stopPropagation(), children: [
+          i.upload_template && !J && Y && j && /* @__PURE__ */ n(
+            on,
             {
-              collection: $,
+              collection: j,
               templateFilter: (e) => {
                 var t;
-                return e.name === l.upload_template && ((t = e.reimport) == null ? void 0 : t.enabled) === !0;
+                return e.name === i.upload_template && ((t = e.reimport) == null ? void 0 : t.enabled) === !0;
               },
               getLabel: (e) => {
                 var t;
                 return ((t = e.reimport) == null ? void 0 : t.button_label) ?? e.button_label;
               },
-              onParsed: (e, t) => I(e, t),
+              onParsed: (e, t) => Y(e, t),
               compact: !0
             }
           ),
           /* @__PURE__ */ n("div", { className: "w-64", children: /* @__PURE__ */ n(
-            Xr,
+            yn,
             {
-              collection: y,
+              collection: h,
               value: null,
-              onChange: (e) => void Fr(e),
+              onChange: (e) => void Hr(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 === "" ? "—" : fe(i, b), o = (i) => /* @__PURE__ */ n("span", { className: "w-20 shrink-0 text-right text-[11px] font-medium text-slate-500", children: i });
+      oe.length === 0 ? /* @__PURE__ */ n("p", { className: "px-3 py-4 text-center text-slate-400", children: "Nothing picked yet" }) : (() => {
+        const e = Gt.filter((l) => !l.format), t = e[0], r = e.slice(1), s = Gt.filter((l) => !!l.format), d = (l, c) => c === "presence" ? l == null || l === "" || Number(l) === 0 ? "No" : "Yes" : l === !0 || l === "true" ? "✓" : l === !1 || l === "false" || l == null || l === "" ? "—" : pe(l, c), o = (l, c) => c ? ct(
+          be,
+          c,
+          l,
+          "w-20 shrink-0",
+          "text-right text-[11px] font-medium text-slate-500 dark:text-slate-400"
+        ) : /* @__PURE__ */ n("span", { className: "w-20 shrink-0 text-right text-[11px] font-medium text-slate-500 dark:text-slate-400", children: l }), p = (l) => te.includes(l) && !x ? void 0 : `s:${l}`;
         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" }),
-            _t.map((i) => /* @__PURE__ */ n(Je, { children: o(Z(i)) }, i)),
-            o(Z(O)),
-            St.map((i) => /* @__PURE__ */ n(Je, { children: o(Z(i)) }, i)),
-            !h && /* @__PURE__ */ n("span", { className: "w-6 shrink-0" })
+          /* @__PURE__ */ m("div", { className: "flex items-center gap-4 border-b border-slate-200 px-3 py-1.5 dark:border-border", children: [
+            /* @__PURE__ */ m("span", { className: "flex flex-1 items-center gap-1 text-[11px] font-medium text-slate-500 dark:text-slate-400", children: [
+              "Item",
+              x && /* @__PURE__ */ n(
+                Ot,
+                {
+                  show: be.customized,
+                  onReset: be.reset,
+                  className: "-my-1"
+                }
+              )
+            ] }),
+            Ft.map((l) => /* @__PURE__ */ n(De, { children: o(G(l), p(l)) }, l)),
+            o(G(R)),
+            Tt.map((l) => /* @__PURE__ */ n(De, { children: o(G(l), `s:${l}`) }, l)),
+            !x && /* @__PURE__ */ n("span", { className: "-my-1 flex w-6 shrink-0 justify-end", children: /* @__PURE__ */ n(Ot, { show: be.customized, onReset: be.reset }) })
           ] }),
-          le.map((i, b) => {
-            const d = i.row.id != null ? String(i.row.id) : null, u = d != null && Ie.has(d), w = u ? null : ht(i.key), T = u ? null : xr(i.key);
+          oe.map((l, c) => {
+            const u = l.row.id != null ? String(l.row.id) : null, N = u != null && Ge.has(u), S = N ? null : wt(l.key), A = N ? null : Cr(l.key);
             return /* @__PURE__ */ m(
               "div",
               {
-                className: Q(
+                className: K(
                   "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",
-                  T && "bg-red-50/70 dark:bg-red-900/15",
-                  u && "opacity-60"
+                  c % 2 === 0 ? "bg-white dark:bg-background" : "bg-slate-50/50 dark:bg-muted/30",
+                  S && "bg-amber-50 dark:bg-amber-900/15",
+                  A && "bg-red-50/70 dark:bg-red-900/15",
+                  N && "opacity-60"
                 ),
                 children: [
                   /* @__PURE__ */ m(
                     "div",
                     {
-                      className: Q(
-                        "flex items-center gap-2",
-                        u && "line-through decoration-slate-400"
+                      className: K(
+                        "flex items-center gap-4",
+                        N && "line-through decoration-slate-400"
                       ),
                       children: [
-                        st(
-                          i.key,
-                          Ht(i.key),
+                        sr(
+                          l.key,
+                          ar(l.key),
                           "shrink-0 font-semibold text-slate-800 dark:text-slate-100"
                         ),
-                        Ee && !u && (d == null || Me.has(d)) && /* @__PURE__ */ n(
+                        Ke && !N && (u == null || Ye.has(u)) && /* @__PURE__ */ n(
                           "span",
                           {
-                            "data-catalog-staged": d == null ? "new" : "edited",
+                            "data-catalog-staged": u == 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: u == null ? "New" : "Edited"
                           }
                         ),
-                        T && /* @__PURE__ */ n(
+                        A && /* @__PURE__ */ n(
                           "span",
                           {
                             className: "shrink-0",
                             "data-tip": `This line was in the failed submission
-${T}`,
+${A}`,
                             "data-submission-error": !0,
-                            children: /* @__PURE__ */ n(qt, { className: "h-3.5 w-3.5 text-red-500", strokeWidth: 2 })
+                            children: /* @__PURE__ */ n(Rt, { className: "h-3.5 w-3.5 text-red-500", strokeWidth: 2 })
                           }
                         ),
                         t && /* @__PURE__ */ n(
-                          nr,
+                          gr,
                           {
-                            text: fe(nt(Pe(i.key), t.field), void 0),
+                            text: pe(ot(Ee(l.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 q = nt(Pe(i.key), N.field);
-                          return q == null || q === "" ? null : /* @__PURE__ */ n(
+                        r.map((b) => {
+                          const Q = ot(Ee(l.key), b.field);
+                          return Q == null || Q === "" ? 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(q)
+                              children: String(Q)
                             },
-                            N.field
+                            b.field
                           );
                         }),
-                        _t.map(
-                          (N) => {
-                            var q;
-                            return se.includes(N) && !h ? Or(i.key, N, i.row) : /* @__PURE__ */ n(
+                        Ft.map(
+                          (b) => {
+                            var Q;
+                            return te.includes(b) && !x ? Ir(l.key, b, l.row) : /* @__PURE__ */ n(
                               "span",
                               {
-                                className: "w-20 shrink-0 text-right tabular-nums text-slate-600 dark:text-slate-300",
-                                children: fe(i.row[N], (q = l.field_formats) == null ? void 0 : q[N])
+                                ...be.box(
+                                  `s:${b}`,
+                                  "w-20 shrink-0",
+                                  "truncate text-right tabular-nums text-slate-600 dark:text-slate-300"
+                                ),
+                                children: pe(l.row[b], (Q = i.field_formats) == null ? void 0 : Q[b])
                               },
-                              N
+                              b
                             );
                           }
                         ),
                         /* @__PURE__ */ m("span", { className: "inline-flex w-20 shrink-0 items-center justify-end gap-1", children: [
-                          de.has(i.key) && /* @__PURE__ */ n(ne, { className: "h-3 w-3 animate-spin text-slate-400" }),
-                          it(i.key, Pe(i.key))
+                          ce.has(l.key) && /* @__PURE__ */ n(ae, { className: "h-3 w-3 animate-spin text-slate-400" }),
+                          ut(l.key, Ee(l.key))
                         ] }),
-                        St.map((N) => {
-                          var _e, Zt;
-                          if (u)
+                        Tt.map((b) => {
+                          var cr, mr;
+                          if (N)
                             return /* @__PURE__ */ n(
                               "span",
                               {
                                 "data-tip": "Not counted — this line is removed when you save",
-                                className: "w-20 shrink-0 text-right tabular-nums text-slate-400 dark:text-slate-500",
+                                ...be.box(
+                                  `s:${b}`,
+                                  "w-20 shrink-0",
+                                  "text-right tabular-nums text-slate-400 dark:text-slate-500"
+                                ),
                                 children: "—"
                               },
-                              N
+                              b
                             );
-                          const q = i.row[N], je = q != null && q !== "" ? q : Qe(((_e = l.compute_fields) == null ? void 0 : _e[N]) ?? "", i.row);
+                          const Q = l.row[b], Te = Q != null && Q !== "" ? Q : We(((cr = i.compute_fields) == null ? void 0 : cr[b]) ?? "", l.row);
                           return /* @__PURE__ */ n(
                             "span",
                             {
-                              className: "w-20 shrink-0 text-right tabular-nums text-slate-600 dark:text-slate-300",
-                              children: fe(je, (Zt = l.field_formats) == null ? void 0 : Zt[N])
+                              ...be.box(
+                                `s:${b}`,
+                                "w-20 shrink-0",
+                                "truncate text-right tabular-nums text-slate-600 dark:text-slate-300"
+                              ),
+                              children: pe(Te, (mr = i.field_formats) == null ? void 0 : mr[b])
                             },
-                            N
+                            b
                           );
                         }),
-                        !h && u && /* @__PURE__ */ n(
+                        !x && N && /* @__PURE__ */ n(
                           "button",
                           {
                             type: "button",
-                            onClick: () => x == null ? void 0 : x.cancelPendingDelete(f, g, d),
+                            onClick: () => y == null ? void 0 : y.cancelPendingDelete(f, k, u),
                             className: "shrink-0 rounded px-1.5 py-0.5 text-[11px] font-medium text-nvr-navy underline dark:text-nvr-cyan",
                             children: "Undo"
                           }
                         ),
-                        !h && !u && /* @__PURE__ */ n(
+                        !x && !N && /* @__PURE__ */ n(
                           "button",
                           {
                             type: "button",
                             title: "Remove (applies on Save)",
                             onClick: () => {
-                              if (!C && x && d != null) {
-                                x.queueDelete(f, g, d);
+                              if (!J && y && u != null) {
+                                y.queueDelete(f, k, u);
                                 return;
                               }
-                              Ke(i.key, "0", {}, { confirmedRemove: !0 });
+                              Qe(l.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(dt, { className: "mx-auto h-3.5 w-3.5" })
+                            children: /* @__PURE__ */ n(bt, { className: "mx-auto h-3.5 w-3.5" })
                           }
                         )
                       ]
                     }
                   ),
-                  (s.length > 0 || Bt.length > 0 || tt.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 ?? Z(N.field.split(".")[0]) }),
+                  (s.length > 0 || Xt.length > 0 || it.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((b) => /* @__PURE__ */ m("span", { className: "whitespace-nowrap", children: [
+                      /* @__PURE__ */ n("span", { className: "text-slate-500 dark:text-muted-foreground", children: b.label ?? G(b.field.split(".")[0]) }),
                       " ",
-                      /* @__PURE__ */ n("span", { className: "font-medium tabular-nums text-slate-700 dark:text-slate-200", children: c(nt(Pe(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 ?? Z(N.key) }),
+                      /* @__PURE__ */ n("span", { className: "font-medium tabular-nums text-slate-700 dark:text-slate-200", children: d(ot(Ee(l.key), b.field), b.format) })
+                    ] }, b.field)),
+                    Xt.map((b) => /* @__PURE__ */ m("span", { className: "whitespace-nowrap", children: [
+                      /* @__PURE__ */ n("span", { className: "text-slate-500 dark:text-muted-foreground", children: b.label ?? G(b.key) }),
                       " ",
-                      /* @__PURE__ */ n("span", { className: "font-medium tabular-nums text-slate-700 dark:text-slate-200", children: c(pt(N.key, i.key), N.format) })
-                    ] }, N.key)),
-                    Nr(i.row),
-                    fr(i.row).map((N) => /* @__PURE__ */ m(
+                      /* @__PURE__ */ n("span", { className: "font-medium tabular-nums text-slate-700 dark:text-slate-200", children: d(kt(b.key, l.key), b.format) })
+                    ] }, b.key)),
+                    Kr(l.row),
+                    Fr(l.row).map((b) => /* @__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,
+                        "data-catalog-row-flag": b,
                         children: [
-                          /* @__PURE__ */ n(ze, { className: "h-3 w-3" }),
-                          N
+                          /* @__PURE__ */ n(Ve, { className: "h-3 w-3" }),
+                          b
                         ]
                       },
-                      N
+                      b
                     )),
-                    tt.map((N) => {
-                      const q = kr(N, i);
+                    it.map((b) => {
+                      const Q = Ar(b, l);
                       return /* @__PURE__ */ m("span", { className: "whitespace-nowrap", children: [
-                        /* @__PURE__ */ n("span", { className: "text-slate-500 dark:text-muted-foreground", children: N.label ?? Z(N.field) }),
+                        /* @__PURE__ */ n("span", { className: "text-slate-500 dark:text-muted-foreground", children: b.label ?? G(b.field) }),
                         " ",
-                        /* @__PURE__ */ n("span", { className: "font-medium text-slate-700 dark:text-slate-200", children: c(q, N.format) })
-                      ] }, N.field);
+                        /* @__PURE__ */ n("span", { className: "font-medium text-slate-700 dark:text-slate-200", children: d(Q, b.format) })
+                      ] }, b.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" }),
-                    xt,
+                  S && /* @__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(Ve, { className: "h-3 w-3 shrink-0" }),
+                    Nt,
                     " is ",
-                    fe(w.available, "number"),
+                    pe(S.available, "number"),
                     " —",
                     " ",
-                    fe(w.qty, "number"),
+                    pe(S.qty, "number"),
                     " requested"
                   ] }),
-                  u && /* @__PURE__ */ n("p", { className: "mt-1 pl-0.5 text-[11px] text-red-500", children: "Removed — applies when you save" })
+                  N && /* @__PURE__ */ n("p", { className: "mt-1 pl-0.5 text-[11px] text-red-500", children: "Removed — applies when you save" })
                 ]
               },
-              i.key
+              l.key
             );
           }),
           (() => {
-            const i = le.filter((w) => {
-              const T = w.row.id != null ? String(w.row.id) : null;
-              return !(T != null && Ie.has(T));
-            }), b = (w) => i.reduce((T, N) => {
-              const q = Number(N.row[w]);
-              return T + (Number.isFinite(q) ? q : 0);
-            }, 0), d = (w) => {
-              var T;
-              return ((T = l.field_formats) == null ? void 0 : T[w]) ?? "number";
-            }, u = (w) => /* @__PURE__ */ n(
+            const l = oe.filter((S) => {
+              const A = S.row.id != null ? String(S.row.id) : null;
+              return !(A != null && Ge.has(A));
+            }), c = (S) => l.reduce((A, b) => {
+              const Q = Number(b.row[S]);
+              return A + (Number.isFinite(Q) ? Q : 0);
+            }, 0), u = (S) => {
+              var A;
+              return ((A = i.field_formats) == null ? void 0 : A[S]) ?? "number";
+            }, N = (S) => /* @__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(w), d(w))
+                ...be.box(
+                  `s:${S}`,
+                  "w-20 shrink-0",
+                  "truncate text-right text-[12px] font-semibold tabular-nums text-slate-800 dark:text-slate-100"
+                ),
+                children: pe(c(S), u(S))
               },
-              w
+              S
             );
-            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" }),
-              _t.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(O), "number") }),
-              St.map(u),
-              !h && /* @__PURE__ */ n("span", { className: "w-6 shrink-0" })
+            return /* @__PURE__ */ m("div", { className: "flex items-center gap-4 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 dark:text-slate-400", children: "Total" }),
+              Ft.map((S) => {
+                const A = p(S);
+                return A ? /* @__PURE__ */ n("span", { ...be.box(A, "w-20 shrink-0") }, S) : /* @__PURE__ */ n("span", { className: "w-20 shrink-0" }, S);
+              }),
+              /* @__PURE__ */ n("span", { className: "w-20 shrink-0 text-right text-[12px] font-semibold tabular-nums text-slate-800 dark:text-slate-100", children: pe(c(R), "number") }),
+              Tt.map(N),
+              !x && /* @__PURE__ */ n("span", { className: "w-6 shrink-0" })
             ] });
           })()
         ] });
       })()
     ] }),
-    dr && y && /* @__PURE__ */ n(
-      nn,
+    Sr && h && /* @__PURE__ */ n(
+      vn,
       {
-        catalogCol: y,
-        tmpl: J,
-        sectionBy: l.section_by,
-        sectionM2M: R,
-        pinnedSet: mt,
-        pinnedIds: ge,
-        savingIds: Ge,
-        relatedCols: (l.favorites_manager_columns ?? []).map((e) => (l.related_columns ?? []).find((t) => t.key === e)).filter((e) => !!e),
-        parentDraft: H,
-        onToggle: (e) => void Et(e),
-        onClose: () => At(!1),
-        anchor: Ct.current
+        catalogCol: h,
+        tmpl: C,
+        sectionBy: i.section_by,
+        sectionM2M: E,
+        pinnedSet: xt,
+        pinnedIds: ke,
+        savingIds: tt,
+        relatedCols: (i.favorites_manager_columns ?? []).map((e) => (i.related_columns ?? []).find((t) => t.key === e)).filter((e) => !!e),
+        parentDraft: U,
+        onToggle: (e) => void zt(e),
+        onClose: () => Bt(!1),
+        anchor: Qt.current
       }
     )
   ] }) : /* @__PURE__ */ m("p", { className: "py-1 text-[12px] text-slate-400", children: [
     'Catalog picker: field "',
-    l.item_field,
+    i.item_field,
     '" does not resolve to an M2O relation on',
     " ",
     f
   ] });
 }
-function tn({
+function wn({
   builder: f,
-  defaultItemField: g,
+  defaultItemField: k,
   catalogCol: _,
-  catalogFields: $,
-  tmpl: l,
-  currentQty: h,
-  addQty: p,
-  qtyStep: j,
-  readOnly: x
+  catalogFields: j,
+  tmpl: i,
+  currentQty: x,
+  addQty: g,
+  qtyStep: F,
+  readOnly: y
 }) {
-  const z = Ft(), I = f.item_field ?? g, [se, C] = W(!1), [O, oe] = W({}), [G, Se] = W("1"), [L, ye] = W(!1), qe = E(
+  const D = Et(), Y = f.item_field ?? k, [te, J] = M(!1), [R, de] = M({}), [X, $e] = M("1"), [z, we] = M(!1), je = T(
     () => [
       "id",
-      I,
+      Y,
       ...f.attributes.flatMap((v) => [`${v.field}.id`, `${v.field}.${v.label_field}`])
     ].join(","),
-    [I, f.attributes]
-  ), { data: pe = [], isLoading: de } = V({
+    [Y, f.attributes]
+  ), { data: xe = [], isLoading: ce } = W({
     queryKey: [
       "catalog-builder",
       f.collection,
-      qe,
+      je,
       JSON.stringify(f.filter ?? null)
     ],
-    queryFn: () => z.request(
-      A(`/items/${f.collection}`, {
+    queryFn: () => D.request(
+      O(`/items/${f.collection}`, {
         limit: 2e3,
-        fields: qe,
+        fields: je,
         ...f.filter ? { filter: JSON.stringify(f.filter) } : {}
       })
     ).then((v) => v.data ?? []),
-    enabled: se,
+    enabled: te,
     staleTime: 6e4
-  }), ee = (v, K) => {
-    var J;
-    const F = v[K];
-    if (F == null) return null;
-    if (typeof F == "object") {
-      const S = F, P = ((J = f.attributes.find((me) => me.field === K)) == null ? void 0 : J.label_field) ?? "id";
-      return { id: String(S.id ?? ""), label: String(S[P] ?? S.id ?? "") };
+  }), re = (v, B) => {
+    var C;
+    const q = v[B];
+    if (q == null) return null;
+    if (typeof q == "object") {
+      const $ = q, P = ((C = f.attributes.find((ue) => ue.field === B)) == null ? void 0 : C.label_field) ?? "id";
+      return { id: String($.id ?? ""), label: String($[P] ?? $.id ?? "") };
     }
-    return { id: String(F), label: String(F) };
-  }, ce = (v) => pe.filter(
-    (K) => f.attributes.slice(0, v).every((F) => {
-      var S;
-      const J = O[F.field];
-      return J ? ((S = ee(K, F.field)) == null ? void 0 : S.id) === J : !0;
+    return { id: String(q), label: String(q) };
+  }, me = (v) => xe.filter(
+    (B) => f.attributes.slice(0, v).every((q) => {
+      var $;
+      const C = R[q.field];
+      return C ? (($ = re(B, q.field)) == null ? void 0 : $.id) === C : !0;
     })
-  ), X = f.attributes.every((v) => O[v.field]), ae = X ? pe.find(
-    (v) => f.attributes.every((K) => {
-      var F;
-      return ((F = ee(v, K.field)) == null ? void 0 : F.id) === O[K.field];
+  ), ee = f.attributes.every((v) => R[v.field]), ie = ee ? xe.find(
+    (v) => f.attributes.every((B) => {
+      var q;
+      return ((q = re(v, B.field)) == null ? void 0 : q.id) === R[B.field];
     })
-  ) : void 0, D = (ae == null ? void 0 : ae[I]) != null ? String(ae[I]) : null, { data: te } = V({
-    queryKey: ["catalog-builder-item", _, $, D],
-    queryFn: () => z.request(
-      A(`/items/${_}`, {
-        filter: JSON.stringify({ id: { _eq: D } }),
-        fields: $,
+  ) : void 0, V = (ie == null ? void 0 : ie[Y]) != null ? String(ie[Y]) : null, { data: ne } = W({
+    queryKey: ["catalog-builder-item", _, j, V],
+    queryFn: () => D.request(
+      O(`/items/${_}`, {
+        filter: JSON.stringify({ id: { _eq: V } }),
+        fields: j,
         limit: 1
       })
     ).then((v) => {
-      var K;
-      return ((K = v.data) == null ? void 0 : K[0]) ?? null;
+      var B;
+      return ((B = v.data) == null ? void 0 : B[0]) ?? null;
     }),
-    enabled: !!D,
+    enabled: !!V,
     staleTime: 6e4
-  }), he = Number(G), y = !!D && !!te && !L && G.trim() !== "" && Number.isFinite(he) && he > 0 && (j === "any" || Number.isInteger(he));
-  async function ke() {
-    if (!(!y || !D || !te)) {
-      ye(!0);
+  }), ge = Number(X), h = !!V && !!ne && !z && X.trim() !== "" && Number.isFinite(ge) && ge > 0 && (F === "any" || Number.isInteger(ge));
+  async function Ne() {
+    if (!(!h || !V || !ne)) {
+      we(!0);
       try {
-        await p(D, (h(D) ?? 0) + he, te), oe({}), Se("1");
+        await g(V, (x(V) ?? 0) + ge, ne), de({}), $e("1");
       } finally {
-        ye(!1);
+        we(!1);
       }
     }
   }
@@ -1610,15 +1749,15 @@ function tn({
       "button",
       {
         type: "button",
-        onClick: () => C((v) => !v),
+        onClick: () => J((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,
+            Pt,
             {
-              className: Q(
+              className: K(
                 "h-3 w-3 shrink-0 text-slate-400 transition-transform",
-                se && "rotate-90"
+                te && "rotate-90"
               )
             }
           ),
@@ -1626,57 +1765,57 @@ function tn({
         ]
       }
     ),
-    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" }),
+    te && /* @__PURE__ */ n("div", { className: "space-y-2 border-t border-slate-200 p-3 dark:border-border", children: ce ? /* @__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" }),
       " Loading options…"
     ] }) : /* @__PURE__ */ m("div", { className: "flex flex-wrap items-end gap-3", children: [
-      f.attributes.map((v, K) => {
-        const F = /* @__PURE__ */ new Map();
-        for (const S of ce(K)) {
-          const P = ee(S, v.field);
-          P != null && P.id && F.set(P.id, P.label);
+      f.attributes.map((v, B) => {
+        const q = /* @__PURE__ */ new Map();
+        for (const $ of me(B)) {
+          const P = re($, v.field);
+          P != null && P.id && q.set(P.id, P.label);
         }
-        const J = [...F.entries()].sort(
-          ([, S], [, P]) => S.localeCompare(P, void 0, { numeric: !0 })
+        const C = [...q.entries()].sort(
+          ([, $], [, P]) => $.localeCompare(P, void 0, { numeric: !0 })
         );
         return /* @__PURE__ */ n(
-          rn,
+          Nn,
           {
-            label: Z(v.field),
-            value: O[v.field] ?? null,
-            valueLabel: O[v.field] ? F.get(O[v.field]) ?? O[v.field] : null,
-            options: J,
-            disabled: K > 0 && !O[f.attributes[K - 1].field],
-            onChange: (S) => oe((P) => {
-              const me = {};
-              for (let R = 0; R < K; R++) {
-                const H = f.attributes[R].field;
-                P[H] && (me[H] = P[H]);
+            label: G(v.field),
+            value: R[v.field] ?? null,
+            valueLabel: R[v.field] ? q.get(R[v.field]) ?? R[v.field] : null,
+            options: C,
+            disabled: B > 0 && !R[f.attributes[B - 1].field],
+            onChange: ($) => de((P) => {
+              const ue = {};
+              for (let E = 0; E < B; E++) {
+                const U = f.attributes[E].field;
+                P[U] && (ue[U] = P[U]);
               }
-              return S && (me[v.field] = S), me;
+              return $ && (ue[v.field] = $), ue;
             })
           },
           v.field
         );
       }),
-      /* @__PURE__ */ n("div", { className: "flex min-h-[28px] flex-1 items-center gap-2", children: D && te ? /* @__PURE__ */ m(lt, { children: [
-        /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate text-slate-700 dark:text-slate-200", children: Te(l, te) }),
-        (h(D) ?? 0) > 0 && /* @__PURE__ */ m("span", { className: "rounded bg-nvr-cyan/10 px-1.5 py-0.5 text-[10px] font-semibold text-[#009abe]", children: [
-          h(D),
+      /* @__PURE__ */ n("div", { className: "flex min-h-[28px] flex-1 items-center gap-2", children: V && ne ? /* @__PURE__ */ m(ft, { children: [
+        /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate text-slate-700 dark:text-slate-200", children: Oe(i, ne) }),
+        (x(V) ?? 0) > 0 && /* @__PURE__ */ m("span", { className: "rounded bg-nvr-cyan/10 px-1.5 py-0.5 text-[10px] font-semibold text-[#00728d] dark:bg-nvr-cyan/15 dark:text-nvr-cyan", children: [
+          x(V),
           " in summary"
         ] }),
-        !x && /* @__PURE__ */ m(lt, { children: [
+        !y && /* @__PURE__ */ m(ft, { children: [
           /* @__PURE__ */ n(
             "input",
             {
               type: "number",
               min: 0,
-              step: j,
-              value: G,
+              step: F,
+              value: X,
               "aria-label": "Quantity to add",
-              onChange: (v) => Se(v.target.value),
+              onChange: (v) => $e(v.target.value),
               onKeyDown: (v) => {
-                v.key === "Enter" && (v.preventDefault(), ke());
+                v.key === "Enter" && (v.preventDefault(), Ne());
               },
               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"
             }
@@ -1685,283 +1824,287 @@ function tn({
             "button",
             {
               type: "button",
-              onClick: () => void ke(),
-              disabled: !y,
+              onClick: () => void Ne(),
+              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: [
-                L ? /* @__PURE__ */ n(ne, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ n(Rr, { className: "h-3.5 w-3.5" }),
+                z ? /* @__PURE__ */ n(ae, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ n(Yr, { 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" }) })
+      ] }) : ee ? /* @__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 nr({ text: f, className: g }) {
-  const _ = Ur(f);
-  return /* @__PURE__ */ n("span", { ref: _, className: Q("truncate", g), children: f });
+function gr({
+  text: f,
+  className: k,
+  ..._
+}) {
+  const j = dn(f);
+  return /* @__PURE__ */ n("span", { ref: j, className: K("truncate", k), ..._, children: f });
 }
-function rn({
+function Nn({
   label: f,
-  value: g,
+  value: k,
   valueLabel: _,
-  options: $,
-  disabled: l,
-  onChange: h
+  options: j,
+  disabled: i,
+  onChange: x
 }) {
-  const [p, j] = W(!1), x = Ve(null);
-  return Fe(() => {
-    if (!p) return;
-    const z = (I) => {
-      x.current && !x.current.contains(I.target) && j(!1);
+  const [g, F] = M(!1), y = Ae(null);
+  return Re(() => {
+    if (!g) return;
+    const D = (Y) => {
+      y.current && !y.current.contains(Y.target) && F(!1);
     };
-    return document.addEventListener("mousedown", z), () => document.removeEventListener("mousedown", z);
-  }, [p]), /* @__PURE__ */ m("div", { ref: x, className: "relative", children: [
+    return document.addEventListener("mousedown", D), () => document.removeEventListener("mousedown", D);
+  }, [g]), /* @__PURE__ */ m("div", { ref: y, 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: () => j((z) => !z),
+        disabled: i,
+        onClick: () => F((D) => !D),
         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: Q("truncate", !_ && "text-slate-400"), children: _ ?? "Select…" }),
-          /* @__PURE__ */ n(Er, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" })
+          /* @__PURE__ */ n("span", { className: K("truncate", !_ && "text-slate-400"), children: _ ?? "Select…" }),
+          /* @__PURE__ */ n(Zr, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" })
         ]
       }
     ),
-    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: [
-      g && /* @__PURE__ */ m(
+    g && /* @__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: [
+      k && /* @__PURE__ */ m(
         "button",
         {
           type: "button",
           onClick: () => {
-            h(null), j(!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(dt, { className: "h-3 w-3 text-slate-400" }),
+            /* @__PURE__ */ n(bt, { className: "h-3 w-3 text-slate-400" }),
             " Clear"
           ]
         }
       ),
-      $.map(([z, I]) => /* @__PURE__ */ n(
+      j.map(([D, Y]) => /* @__PURE__ */ n(
         "button",
         {
           type: "button",
           onClick: () => {
-            h(z), j(!1);
+            x(D), F(!1);
           },
-          className: Q(
+          className: K(
             "block w-full truncate px-2 py-1 text-left text-[12px] hover:bg-muted",
-            z === g ? "font-medium text-nvr-cyan" : "text-slate-700 dark:text-slate-200"
+            D === k ? "font-medium text-nvr-cyan" : "text-slate-700 dark:text-slate-200"
           ),
-          children: I
+          children: Y
         },
-        z
+        D
       ))
     ] })
   ] });
 }
-function nn({
+function vn({
   catalogCol: f,
-  tmpl: g,
+  tmpl: k,
   sectionBy: _,
-  sectionM2M: $,
-  pinnedSet: l,
-  pinnedIds: h,
-  savingIds: p,
-  relatedCols: j,
-  parentDraft: x,
-  onToggle: z,
-  onClose: I,
-  anchor: se
+  sectionM2M: j,
+  pinnedSet: i,
+  pinnedIds: x,
+  savingIds: g,
+  relatedCols: F,
+  parentDraft: y,
+  onToggle: D,
+  onClose: Y,
+  anchor: te
 }) {
-  const C = Ft(), [O, oe] = W(""), [G, Se] = W(""), [L, ye] = W(1), qe = Ve(null);
-  Fe(() => {
-    const a = setTimeout(() => Se(O), 300);
+  const J = Et(), [R, de] = M(""), [X, $e] = M(""), [z, we] = M(1), je = Ae(null);
+  Re(() => {
+    const a = setTimeout(() => $e(R), 300);
     return () => clearTimeout(a);
-  }, [O]), Fe(() => ye(1), [G]), Fe(() => {
+  }, [R]), Re(() => we(1), [X]), Re(() => {
     var a;
-    (a = qe.current) == null || a.focus();
-  }, []), Fe(() => {
-    const a = (k) => {
-      k.key === "Escape" && (k.stopPropagation(), I());
+    (a = je.current) == null || a.focus();
+  }, []), Re(() => {
+    const a = (w) => {
+      w.key === "Escape" && (w.stopPropagation(), Y());
     };
     return window.addEventListener("keydown", a, !0), () => window.removeEventListener("keydown", a, !0);
-  }, [I]);
-  const pe = E(() => {
-    var k;
-    const a = (k = [...(g ?? "").matchAll(/\{\{([\w.]+)\}\}/g)][0]) == null ? void 0 : k[1];
+  }, [Y]);
+  const xe = T(() => {
+    var w;
+    const a = (w = [...(k ?? "").matchAll(/\{\{([\w.]+)\}\}/g)][0]) == null ? void 0 : w[1];
     return a && !a.includes(".") ? a : "id";
-  }, [g]), de = !$ && _.includes(".") ? `*,${_}` : "*", ee = 50, { data: ce, isFetching: X } = V({
-    queryKey: ["favorites-manager-list", f, G, pe, L],
-    queryFn: () => C.request(
-      A(`/items/${f}`, {
-        fields: de,
-        limit: ee,
-        page: L,
-        sort: pe,
-        ...G.trim() ? { search: G } : {}
+  }, [k]), ce = !j && _.includes(".") ? `*,${_}` : "*", re = 50, { data: me, isFetching: ee } = W({
+    queryKey: ["favorites-manager-list", f, X, xe, z],
+    queryFn: () => J.request(
+      O(`/items/${f}`, {
+        fields: ce,
+        limit: re,
+        page: z,
+        sort: xe,
+        ...X.trim() ? { search: X } : {}
       })
     ),
     staleTime: 3e4,
     placeholderData: (a) => a
-  }), ae = ((ce == null ? void 0 : ce.data) ?? []).filter((a) => !l.has(String(a.id))), D = (ce == null ? void 0 : ce.total) ?? ae.length, te = Math.max(1, Math.ceil(D / ee)), { data: he = [] } = V({
-    queryKey: ["favorites-manager-pinned", f, de, h.join(",")],
-    queryFn: () => C.request(
-      A(`/items/${f}`, {
-        filter: JSON.stringify({ id: { _in: h } }),
-        fields: de,
-        limit: h.length,
-        sort: pe
+  }), ie = ((me == null ? void 0 : me.data) ?? []).filter((a) => !i.has(String(a.id))), V = (me == null ? void 0 : me.total) ?? ie.length, ne = Math.max(1, Math.ceil(V / re)), { data: ge = [] } = W({
+    queryKey: ["favorites-manager-pinned", f, ce, x.join(",")],
+    queryFn: () => J.request(
+      O(`/items/${f}`, {
+        filter: JSON.stringify({ id: { _in: x } }),
+        fields: ce,
+        limit: x.length,
+        sort: xe
       })
     ).then((a) => a.data ?? []),
-    enabled: h.length > 0,
+    enabled: x.length > 0,
     staleTime: 3e4
-  }), y = E(() => {
+  }), h = T(() => {
     const a = /* @__PURE__ */ new Set();
-    for (const k of ae) a.add(String(k.id));
-    for (const k of h) a.add(k);
+    for (const w of ie) a.add(String(w.id));
+    for (const w of x) a.add(w);
     return [...a];
-  }, [ae, h]), { data: ke = /* @__PURE__ */ new Map() } = V({
-    queryKey: ["favorites-manager-sections", $ == null ? void 0 : $.junction, y.join(",")],
+  }, [ie, x]), { data: Ne = /* @__PURE__ */ new Map() } = W({
+    queryKey: ["favorites-manager-sections", j == null ? void 0 : j.junction, h.join(",")],
     queryFn: async () => {
-      const a = $, k = await ct(C, `/items/${a.junction}`, {
+      const a = j, w = await ht(J, `/items/${a.junction}`, {
         fields: `${a.fkToItem},${a.fkToSection}`,
-        filter: JSON.stringify({ [a.fkToItem]: { _in: y } })
-      }), U = [...new Set(k.map((M) => String(M[a.fkToSection])))], B = U.length ? await ct(C, `/items/${a.target}`, {
+        filter: JSON.stringify({ [a.fkToItem]: { _in: h } })
+      }), H = [...new Set(w.map((I) => String(I[a.fkToSection])))], L = H.length ? await ht(J, `/items/${a.target}`, {
         fields: `id,${a.labelPath}`,
-        filter: JSON.stringify({ id: { _in: U } })
-      }) : [], re = new Map(
-        B.map((M) => [String(M.id), String(ir(M, a.labelPath) ?? "")])
-      ), Y = /* @__PURE__ */ new Map();
-      for (const M of k) {
-        const ie = re.get(String(M[a.fkToSection]));
-        if (!ie) continue;
-        const ue = String(M[a.fkToItem]), we = Y.get(ue) ?? [];
-        we.includes(ie) || we.push(ie), Y.set(ue, we);
+        filter: JSON.stringify({ id: { _in: H } })
+      }) : [], se = new Map(
+        L.map((I) => [String(I.id), String(wr(I, a.labelPath) ?? "")])
+      ), Z = /* @__PURE__ */ new Map();
+      for (const I of w) {
+        const le = se.get(String(I[a.fkToSection]));
+        if (!le) continue;
+        const fe = String(I[a.fkToItem]), ve = Z.get(fe) ?? [];
+        ve.includes(le) || ve.push(le), Z.set(fe, ve);
       }
-      return Y;
+      return Z;
     },
-    enabled: !!$ && y.length > 0,
+    enabled: !!j && h.length > 0,
     staleTime: 6e4
-  }), v = (a) => g ? Te(g, a) : String(a.cifa_number ?? a.name ?? `#${a.id}`), K = (a) => {
-    const k = a.description ?? a.long_description ?? a.name;
-    return typeof k == "string" && k.trim() && k.trim() !== v(a) ? k : "";
-  }, F = (a) => {
-    if ($) return (ke.get(String(a.id)) ?? []).join(", ");
+  }), v = (a) => k ? Oe(k, a) : String(a.cifa_number ?? a.name ?? `#${a.id}`), B = (a) => {
+    const w = a.description ?? a.long_description ?? a.name;
+    return typeof w == "string" && w.trim() && w.trim() !== v(a) ? w : "";
+  }, q = (a) => {
+    if (j) return (Ne.get(String(a.id)) ?? []).join(", ");
     if (!_) return "";
-    const k = Te(`{{${_}}}`, a);
-    return k === `{{${_}}}` ? "" : k;
-  }, J = (a, k) => {
-    if (k === "presence")
+    const w = Oe(`{{${_}}}`, a);
+    return w === `{{${_}}}` ? "" : w;
+  }, C = (a, w) => {
+    if (w === "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);
-  }, S = $t({
-    queries: j.map((a) => {
-      const k = De(a.match, x);
+    const H = Number(a);
+    return w === "currency" && Number.isFinite(H) ? H.toLocaleString("en-US", { style: "currency", currency: "USD" }) : w === "number" && Number.isFinite(H) ? H.toLocaleString() : String(a);
+  }, $ = Ct({
+    queries: F.map((a) => {
+      const w = Ue(a.match, y);
       return {
         queryKey: [
           "favorites-manager-related",
           a.key,
           a.collection,
-          JSON.stringify(k),
-          y.join(",")
+          JSON.stringify(w),
+          h.join(",")
         ],
         queryFn: async () => {
-          const U = await C.request(
-            A(`/items/${a.collection}`, {
-              filter: JSON.stringify({ [a.item_field]: { _in: y }, ...k ?? {} }),
+          const H = await J.request(
+            O(`/items/${a.collection}`, {
+              filter: JSON.stringify({ [a.item_field]: { _in: h }, ...w ?? {} }),
               fields: `${a.item_field},${a.value_field}`,
               limit: 1e3
             })
-          ).then((re) => re.data ?? []), B = /* @__PURE__ */ new Map();
-          for (const re of U) {
-            const Y = String(re[a.item_field]), M = re[a.value_field], ie = B.get(Y);
-            ie === void 0 ? B.set(Y, M) : Number.isFinite(Number(ie)) && Number.isFinite(Number(M)) && B.set(Y, Number(ie) + Number(M));
+          ).then((se) => se.data ?? []), L = /* @__PURE__ */ new Map();
+          for (const se of H) {
+            const Z = String(se[a.item_field]), I = se[a.value_field], le = L.get(Z);
+            le === void 0 ? L.set(Z, I) : Number.isFinite(Number(le)) && Number.isFinite(Number(I)) && L.set(Z, Number(le) + Number(I));
           }
-          return B;
+          return L;
         },
-        enabled: y.length > 0 && (a.match === void 0 || k !== null),
+        enabled: h.length > 0 && (a.match === void 0 || w !== null),
         staleTime: 3e4
       };
     })
-  }), P = j.filter(
-    (a) => a.match !== void 0 && De(a.match, x) === null
-  ), me = (a) => {
-    const k = l.has(a);
+  }), P = F.filter(
+    (a) => a.match !== void 0 && Ue(a.match, y) === null
+  ), ue = (a) => {
+    const w = i.has(a);
     return /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        title: k ? "Remove from favorites" : "Add to favorites",
-        disabled: p.has(a),
-        onClick: () => z(a),
+        title: w ? "Remove from favorites" : "Add to favorites",
+        disabled: g.has(a),
+        onClick: () => D(a),
         className: "shrink-0 rounded p-1 transition-colors hover:bg-amber-100/60 dark:hover:bg-amber-400/10",
-        children: p.has(a) ? /* @__PURE__ */ n(ne, { className: "h-4 w-4 animate-spin text-amber-400" }) : /* @__PURE__ */ n(
-          Be,
+        children: g.has(a) ? /* @__PURE__ */ n(ae, { className: "h-4 w-4 animate-spin text-amber-400" }) : /* @__PURE__ */ n(
+          He,
           {
-            className: Q(
+            className: K(
               "h-4 w-4",
-              k ? "fill-amber-400 text-amber-400" : "text-slate-300 hover:text-amber-400"
+              w ? "fill-amber-400 text-amber-400" : "text-slate-300 hover:text-amber-400"
             )
           }
         )
       }
     );
-  }, R = (a, k) => /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", { colSpan: 4 + j.length, className: Q("border-b px-3 py-1.5", k), children: a }) }), H = (a, k) => {
-    const U = String(a.id), B = K(a);
+  }, E = (a, w) => /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", { colSpan: 4 + F.length, className: K("border-b px-3 py-1.5", w), children: a }) }), U = (a, w) => {
+    const H = String(a.id), L = B(a);
     return /* @__PURE__ */ m(
       "tr",
       {
-        className: Q(
+        className: K(
           "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"
+          w % 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: me(U) }),
-          /* @__PURE__ */ n("td", { className: "px-2 py-1 font-medium tabular-nums text-slate-700 dark:text-slate-200", children: sr(f) ? /* @__PURE__ */ n(
+          /* @__PURE__ */ n("td", { className: "px-2 py-1", children: ue(H) }),
+          /* @__PURE__ */ n("td", { className: "px-2 py-1 font-medium tabular-nums text-slate-700 dark:text-slate-200", children: yr(f) ? /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: () => ar(f, U, x),
+              onClick: () => kr(f, H, y),
               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: v(a)
             }
           ) : 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": B || void 0, children: B || "—" }) }),
-          /* @__PURE__ */ n("td", { className: "px-2 py-1", children: /* @__PURE__ */ n("p", { className: "truncate text-slate-500 dark:text-slate-400", children: F(a) || "—" }) }),
-          j.map((re, Y) => {
-            var ue, we;
-            const M = re.match !== void 0 && De(re.match, x) === null, ie = M || (we = (ue = S[Y]) == null ? void 0 : ue.data) == null ? void 0 : we.get(U);
+          /* @__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": L || void 0, children: L || "—" }) }),
+          /* @__PURE__ */ n("td", { className: "px-2 py-1", children: /* @__PURE__ */ n("p", { className: "truncate text-slate-500 dark:text-slate-400", children: q(a) || "—" }) }),
+          F.map((se, Z) => {
+            var fe, ve;
+            const I = se.match !== void 0 && Ue(se.match, y) === null, le = I || (ve = (fe = $[Z]) == null ? void 0 : fe.data) == null ? void 0 : ve.get(H);
             return /* @__PURE__ */ n(
               "td",
               {
                 className: "whitespace-nowrap px-2 py-1 text-right tabular-nums text-slate-600 dark:text-slate-300",
-                children: M ? "—" : J(ie, re.format)
+                children: I ? "—" : C(le, se.format)
               },
-              re.key
+              se.key
             );
           })
         ]
       },
-      U
+      H
     );
-  }, Oe = (se == null ? void 0 : se.closest('[role="dialog"]')) ?? document.body, xe = O.trim() ? he.filter((a) => Vr(`${v(a)} ${K(a)} ${F(a)}`, O)) : he;
-  return Ar(
+  }, Ce = (te == null ? void 0 : te.closest('[role="dialog"]')) ?? document.body, ye = R.trim() ? ge.filter((a) => ln(`${v(a)} ${B(a)} ${q(a)}`, R)) : ge;
+  return Gr(
     /* @__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: I
+          onClick: Y
         }
       ),
       /* @__PURE__ */ m(
@@ -1973,7 +2116,7 @@ function nn({
           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(He, { 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." })
@@ -1982,40 +2125,40 @@ function nn({
                 "button",
                 {
                   type: "button",
-                  onClick: I,
+                  onClick: Y,
                   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(dt, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ n(bt, { 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(ot, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" }),
+                /* @__PURE__ */ n(pt, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" }),
                 /* @__PURE__ */ n(
                   "input",
                   {
-                    ref: qe,
-                    value: O,
-                    onChange: (a) => oe(a.target.value),
+                    ref: je,
+                    value: R,
+                    onChange: (a) => de(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"
                   }
                 ),
-                O && /* @__PURE__ */ n(
+                R && /* @__PURE__ */ n(
                   "button",
                   {
                     type: "button",
-                    onClick: () => oe(""),
+                    onClick: () => de(""),
                     className: "shrink-0 text-slate-400 hover:text-slate-600",
                     "aria-label": "Clear search",
-                    children: /* @__PURE__ */ n(dt, { className: "h-3.5 w-3.5" })
+                    children: /* @__PURE__ */ n(bt, { className: "h-3.5 w-3.5" })
                   }
                 )
               ] }),
               P.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" }),
-                P.map((a) => a.label ?? Z(a.key)).join(", "),
+                /* @__PURE__ */ n(Ve, { className: "h-3 w-3 shrink-0" }),
+                P.map((a) => a.label ?? G(a.key)).join(", "),
                 " fill in once the form's warehouse selection is made."
               ] })
             ] }),
@@ -2025,63 +2168,63 @@ function nn({
                 /* @__PURE__ */ n("col", { className: "w-[88px]" }),
                 /* @__PURE__ */ n("col", {}),
                 /* @__PURE__ */ n("col", { className: "w-[130px]" }),
-                j.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" }),
-                j.map((a) => /* @__PURE__ */ n("th", { className: "px-2 py-1.5 text-right", children: a.label ?? Z(a.key) }, a.key))
+                F.map((a) => /* @__PURE__ */ n("th", { className: "px-2 py-1.5 text-right", children: a.label ?? G(a.key) }, a.key))
               ] }) }),
-              /* @__PURE__ */ m("tbody", { className: Q(X && "opacity-50 transition-opacity"), children: [
-                R(
+              /* @__PURE__ */ m("tbody", { className: K(ee && "opacity-50 transition-opacity"), children: [
+                E(
                   /* @__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(He, { 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: h.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"
                 ),
-                xe.length === 0 && /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n(
+                ye.length === 0 && /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n(
                   "td",
                   {
-                    colSpan: 4 + j.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: h.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."
                   }
                 ) }),
-                xe.map((a, k) => H(a, k)),
-                R(
+                ye.map((a, w) => U(a, w)),
+                E(
                   /* @__PURE__ */ m("span", { className: "flex items-center gap-1.5", children: [
-                    /* @__PURE__ */ n(ot, { className: "h-3 w-3 shrink-0 text-slate-400" }),
+                    /* @__PURE__ */ n(pt, { 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: D.toLocaleString() }),
-                    X && /* @__PURE__ */ n(ne, { 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() }),
+                    ee && /* @__PURE__ */ n(ae, { 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"
                 ),
-                !X && ae.length === 0 && /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n(
+                !ee && ie.length === 0 && /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n(
                   "td",
                   {
-                    colSpan: 4 + j.length,
+                    colSpan: 4 + F.length,
                     className: "px-4 py-4 text-center text-[11px] text-slate-400",
-                    children: G.trim() ? `No CIFAs match "${G}".` : "No catalog items."
+                    children: X.trim() ? `No CIFAs match "${X}".` : "No catalog items."
                   }
                 ) }),
-                ae.map((a, k) => H(a, k))
+                ie.map((a, w) => U(a, w))
               ] })
             ] }) }),
-            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: [
+            ne > 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: [
-                (L - 1) * ee + 1,
+                (z - 1) * re + 1,
                 "–",
-                Math.min(L * ee, D),
+                Math.min(z * re, V),
                 " of",
                 " ",
-                D.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" }),
+                V.toLocaleString(),
+                ee && /* @__PURE__ */ m("span", { className: "flex items-center gap-1 text-slate-500", children: [
+                  /* @__PURE__ */ n(ae, { className: "h-3 w-3 animate-spin" }),
                   " Loading…"
                 ] })
               ] }),
@@ -2090,23 +2233,23 @@ function nn({
                   "button",
                   {
                     type: "button",
-                    disabled: L <= 1 || X,
-                    onClick: () => ye((a) => Math.max(1, a - 1)),
+                    disabled: z <= 1 || ee,
+                    onClick: () => we((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: [
-                  L,
+                  z,
                   " / ",
-                  te.toLocaleString()
+                  ne.toLocaleString()
                 ] }),
                 /* @__PURE__ */ n(
                   "button",
                   {
                     type: "button",
-                    disabled: L >= te || X,
-                    onClick: () => ye((a) => Math.min(te, a + 1)),
+                    disabled: z >= ne || ee,
+                    onClick: () => we((a) => Math.min(ne, 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 ›"
                   }
@@ -2117,10 +2260,10 @@ function nn({
         }
       )
     ] }),
-    Oe
+    Ce
   );
 }
 export {
-  qn as CatalogPickerField,
-  rr as matchesShowWhen
+  Hn as CatalogPickerField,
+  xr as matchesShowWhen
 };