@nivaro/react 0.3.31 → 0.3.32

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

@@ -1,78 +1,79 @@
-import { jsxs as m, jsx as n, Fragment as ct } from "react/jsx-runtime";
-import { useQueryClient as Qr, useQuery as D, useQueries as Ft } from "@tanstack/react-query";
-import { Search as mt, Loader2 as ne, ChevronRight as Tt, Star as De, AlertTriangle as Be, AlertCircle as jt, X as ut, Plus as zr, ChevronDown as Br } from "lucide-react";
-import { useState as I, useRef as Ve, useMemo as O, useEffect as Fe, Fragment as Qe } from "react";
-import { createPortal as Dr } from "react-dom";
-import { useNivaroClient as Ot, useParentDraft as Vr, useReimportHandler as Ur } from "../../context.js";
-import { canOpenCatalogItem as mr, openCatalogItem as ur } from "../../lib/catalog-item-open.js";
-import { get as R, del as Hr, patch as ar, post as ir } from "../../lib/commands.js";
-import { evaluateBoolean as Wr } from "../../lib/expression.js";
-import { useLiveRefetchInterval as Ir } from "../../lib/live-queries.js";
-import { submissionLineErrors as Mr, normalizeIdent as Yr } from "../../lib/submission-errors.js";
-import { titleCase as Z, cn as z, matchesAllTokens as Zr } from "../../lib/utils.js";
-import { ImportFromFileButton as Gr } from "../import/ImportFromFileButton.js";
-import { useOverflowTip as Xr } from "../TipLayer.js";
-import { Popover as en, PopoverAnchor as tn, PopoverContent as rn } from "../ui/popover.js";
-import { applyDisplayTemplate as Te } from "./helpers.js";
-import { evalClientFormula as ze } from "./InlineTableField.js";
-import { isIntegerFieldType as lr, checkNumberEntry as or, mergePendingQtyRow as nn, lineRuleErrors as sn } from "./line-qty.js";
-import { resolveM2MRelatedCollection as an } from "./M2MCombobox.js";
-import { useO2MStaging as ln } from "./O2MStagingContext.js";
-import { RelationCombobox as on } from "./RelationCombobox.js";
-const fr = (f, y) => {
-  let S = f;
-  for (const j of y.split(".")) {
-    if (S == null || typeof S != "object") return;
-    S = S[j];
+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 j of k.split(".")) {
+    if (_ == null || typeof _ != "object") return;
+    _ = _[j];
   }
-  return S;
+  return _;
 };
-async function ft(f, y, S) {
+async function ht(f, k, _) {
   const j = [];
-  for (let l = 1; l <= 50; l++) {
-    const x = await f.request(R(y, { ...S, limit: 1e3, page: l })).then((p) => p.data ?? []);
+  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 j;
 }
-function Ue(f, y) {
-  const S = {};
+function Ue(f, k) {
+  const _ = {};
   let j = !1;
-  const l = (x) => {
+  const i = (x) => {
     if (typeof x == "string" && x.startsWith("$parent.")) {
-      const p = y == null ? void 0 : y[x.slice(8)];
-      return p == null || p === "" ? (j = !0, x) : p;
+      const g = k == null ? void 0 : k[x.slice(8)];
+      return g == null || g === "" ? (j = !0, x) : g;
     }
-    return Array.isArray(x) ? x.map(l) : x && typeof x == "object" ? Object.fromEntries(Object.entries(x).map(([p, F]) => [p, l(F)])) : x;
+    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 [x, p] of Object.entries(f ?? {}))
-    if (typeof p == "string" && p.startsWith("$parent.")) {
-      const F = y == null ? void 0 : y[p.slice(8)];
+  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;
       }
-      S[x] = { _eq: F };
-    } else p && typeof p == "object" ? S[x] = l(p) : S[x] = { _eq: p };
-  return j ? null : S;
+      _[x] = { _eq: F };
+    } else g && typeof g == "object" ? _[x] = i(g) : _[x] = { _eq: g };
+  return j ? null : _;
 }
-function dr(f, y) {
+function xr(f, k) {
   if (!f) return !0;
-  for (const [S, j] of Object.entries(f)) {
-    const l = y == null ? void 0 : y[S], x = l == null ? null : String(l), p = j && typeof j == "object" ? j : { _eq: j };
-    for (const [F, g] of Object.entries(p))
+  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 (x !== String(g)) return !1;
+          if (x !== String(y)) return !1;
           break;
         case "_neq":
-          if (x === String(g)) return !1;
+          if (x === String(y)) return !1;
           break;
         case "_in":
-          if (!Array.isArray(g) || !g.map(String).includes(x ?? "")) return !1;
+          if (!Array.isArray(y) || !y.map(String).includes(x ?? "")) return !1;
           break;
         case "_nin":
-          if (Array.isArray(g) && g.map(String).includes(x ?? "")) return !1;
+          if (Array.isArray(y) && y.map(String).includes(x ?? "")) return !1;
           break;
         case "_null":
           if (x !== null) return !1;
@@ -86,145 +87,145 @@ function dr(f, y) {
   }
   return !0;
 }
-const dn = 2e3;
-function En({
+const kn = 2e3;
+function Hn({
   relatedCollection: f,
-  manyField: y,
-  parentId: S,
+  manyField: k,
+  parentId: _,
   parentCollection: j,
-  config: l,
+  config: i,
   readOnly: x = !1
 }) {
-  var er, tr, rr, nr;
-  const p = Ot(), F = Qr(), g = ln(), B = Vr(), M = Ur(), se = l.editable_fields ?? [], K = S === "new", P = l.qty_field ?? "quantity", [oe, G] = I(/* @__PURE__ */ new Set()), _e = Ve(!1), [J, ye] = I(""), [qe, pe] = I({}), [de, ee] = I(/* @__PURE__ */ new Set()), [ce, X] = I({}), [ae, V] = I({}), { data: te = [], isPending: he } = D({
+  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(R(`/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
-  }), h = O(
+  }), 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 = [] } = D({
+    [ne, f, i.item_field]
+  ), { data: Ne = [] } = W({
     queryKey: ["field-config", f, null],
-    queryFn: () => p.request(R(`/field-config/${f}`)).then((e) => e.data ?? []),
+    queryFn: () => g.request(O(`/field-config/${f}`)).then((e) => e.data ?? []),
     staleTime: 6e4
-  }), v = ((er = ke.find((e) => e.field === P)) == null ? void 0 : er.type) ?? null, Q = (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 = sn(
-      ke.filter((d) => d.field === e).map((d) => ({
+    return ((s = hn(
+      Ne.filter((d) => d.field === e).map((d) => ({
         field: d.field,
-        label: d.label || Z(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: _ } = D({
+  }, { data: q } = W({
     queryKey: ["col-meta", h],
-    queryFn: () => p.request(R(`/collections/${h}`)).then((e) => e.data),
+    queryFn: () => g.request(O(`/collections/${h}`)).then((e) => e.data),
     enabled: !!h,
     staleTime: 3e5
-  }), E = _ == null ? void 0 : _.display_template, q = O(() => {
-    const e = l.section_by.split(".")[0];
-    return ((_ == null ? void 0 : _.relations) ?? []).find(
+  }), 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;
-  }, [_, h, l.section_by]), C = (q == null ? void 0 : q.many_collection) ?? null, { data: me = [] } = D({
-    queryKey: ["collection-relations", C],
-    queryFn: () => p.request(R(`/collections/${C}`)).then((e) => {
+  }, [q, h, i.section_by]), P = ($ == null ? void 0 : $.many_collection) ?? null, { data: ue = [] } = W({
+    queryKey: ["collection-relations", P],
+    queryFn: () => g.request(O(`/collections/${P}`)).then((e) => {
       var t;
       return ((t = e.data) == null ? void 0 : t.relations) ?? [];
     }),
-    enabled: !!C,
+    enabled: !!P,
     staleTime: 10 * 6e4
-  }), L = O(() => {
-    if (!(q != null && q.many_field) || !C) return null;
-    const e = String(q.junction_field), t = me.find(
-      (s) => s.many_collection === C && s.many_field === e
-    ), r = an(t);
+  }), 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 = xn(t);
     return r ? {
-      junction: C,
-      fkToItem: q.many_field,
+      junction: P,
+      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;
-  }, [q, C, me, l.section_by]), H = B == null ? void 0 : B.draft, { resolvedFilter: Oe, resolvedSectionFilter: xe, resolvedLinkFilter: a, missingParents: k } = O(() => {
+  }, [$, 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, d = 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: d,
       missingParents: [...new Set(e)]
     };
-  }, [l.filter, l.section_filter, l.link_filter, H]), U = O(() => {
-    if (!q || !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 = { [q.one_field]: { _some: e } };
-    return Oe ? { _and: [Oe, t] } : t;
-  }, [q, xe, a, Oe]), A = O(() => {
+    }, t = { [$.one_field]: { _some: e } };
+    return Ce ? { _and: [Ce, t] } : t;
+  }, [$, ye, a, Ce]), L = T(() => {
     const e = /* @__PURE__ */ new Set(["id"]);
-    _ && !q && e.add(l.section_by);
-    for (const t of [...(E ?? "").matchAll(/\{\{([\w.]+)\}\}/g)]) e.add(t[1]);
-    for (const t of Object.values(l.copy_fields ?? {})) e.add(t);
-    for (const t of l.columns ?? []) e.add(t.field);
+    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(",");
-  }, [E, _, q, l.section_by, l.copy_fields, l.columns]), re = JSON.stringify(U ?? null), { data: Y = [], isLoading: W } = D(
+  }, [C, q, $, i.section_by, i.copy_fields, i.columns]), se = JSON.stringify(H ?? null), { data: Z = [], isLoading: I } = W(
     {
-      queryKey: ["catalog-picker", h, A, re],
-      queryFn: () => p.request(
-        R(`/items/${h}`, {
-          limit: dn,
-          fields: A,
-          ...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: !!h && !!_ && k.length === 0 && (!q || !!L),
+      enabled: !!h && !!q && w.length === 0 && (!$ || !!E),
       staleTime: 6e4
     }
-  ), ie = JSON.stringify(xe ?? null), { data: ue = [], isLoading: we } = D({
-    queryKey: ["catalog-sections", L == null ? void 0 : L.target, L == null ? void 0 : L.labelPath, ie],
+  ), 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 = L;
-      return (await ft(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(fr(r, e.labelPath) ?? "").trim()
+        name: String(wr(r, e.labelPath) ?? "").trim()
       }));
     },
-    enabled: !!L && k.length === 0,
+    enabled: !!E && w.length === 0,
     staleTime: 6e4
-  }), Ee = O(() => ue.map((e) => e.id), [ue]), { data: Pt = [], isLoading: br } = D({
+  }), Le = T(() => fe.map((e) => e.id), [fe]), { data: At = [], isLoading: Nr } = W({
     queryKey: [
       "catalog-section-links",
-      L == null ? void 0 : L.junction,
-      Ee.join(","),
+      E == null ? void 0 : E.junction,
+      Le.join(","),
       JSON.stringify(a ?? null)
     ],
     queryFn: async () => {
-      const e = L, t = [];
-      for (let r = 0; r < Ee.length; r += 200) {
-        const s = Ee.slice(r, r + 200), d = await ft(p, `/items/${e.junction}`, {
+      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 } }
@@ -235,345 +236,345 @@ function En({
       }
       return t;
     },
-    enabled: !!L && Ee.length > 0,
+    enabled: !!E && Le.length > 0,
     staleTime: 6e4
-  }), Rt = O(() => {
-    const e = new Map(ue.map((r) => [r.id, r.name])), t = /* @__PURE__ */ new Map();
-    for (const r of Pt) {
+  }), 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 d = t.get(r.item) ?? [];
       d.includes(s) || d.push(s), t.set(r.item, d);
     }
     return t;
-  }, [ue, Pt]), He = !!q && (!L || we || Ee.length > 0 && br), We = O(() => {
+  }, [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 = [] } = D({
-    queryKey: ["o2m-rows", f, y, S],
-    queryFn: () => p.request(
-      R(`/items/${f}`, {
-        filter: JSON.stringify({ [y]: { _eq: S } }),
+  }, [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: !K,
+    enabled: !J,
     staleTime: 15e3
-  }), Ce = !K && !!g, ve = g ? g.getPendingRows(f, y) : [], Ie = Ce ? g.getPendingEdits(f, y) : /* @__PURE__ */ new Map(), pr = JSON.stringify([...Ie.entries()]), Me = O(
-    () => Ie.size === 0 ? Ne : Ne.map((e) => {
-      const t = Ie.get(String(e.id));
+  }), 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, pr]
-  ), Ye = !K && g ? g.getPendingDeletes(f, y) : /* @__PURE__ */ new Set(), Le = O(() => {
+    [Se, vr]
+  ), Ge = !J && y ? y.getPendingDeletes(f, k) : /* @__PURE__ */ new Set(), Je = T(() => {
     const e = /* @__PURE__ */ new Map();
-    for (const t of Me) {
-      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;
-  }, [Me, l.item_field]), Ze = O(() => {
+  }, [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 = O(() => {
-    const e = ve.filter((s) => s[l.item_field] != null).map((s) => ({ key: String(s[l.item_field]), row: s }));
-    if (K) return e;
-    const t = Me.filter((s) => s[l.item_field] != null).map((s) => ({ key: String(s[l.item_field]), row: s })), r = new Set(t.map((s) => s.key));
+  }, [_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))];
-  }, [K, ve, Me, l.item_field]), Ge = O(
-    () => le.filter((e) => !We.has(e.key)).map((e) => e.key),
-    [le, We]
-  ), { data: Et = [] } = D({
-    queryKey: ["catalog-picker-labels", h, A, Ge.join(",")],
-    queryFn: () => p.request(
-      R(`/items/${h}`, {
-        filter: JSON.stringify({ id: { _in: Ge } }),
-        fields: A,
-        limit: Ge.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: !!h && Ge.length > 0,
+    enabled: !!h && et.length > 0,
     staleTime: 6e4
-  }), { data: ge = [] } = D({
+  }), { data: ke = [] } = W({
     queryKey: ["pinned-items", h],
-    queryFn: () => p.request(R(`/pinned/${h}`)).then((e) => e.data ?? []),
-    enabled: !!h && !!l.favorites,
+    queryFn: () => g.request(O(`/pinned/${h}`)).then((e) => e.data ?? []),
+    enabled: !!h && !!i.favorites,
     staleTime: 6e4
-  }), bt = O(() => new Set(ge), [ge]), { data: Ae = [] } = D({
-    queryKey: ["pinned-item-rows", h, A, ge.join(",")],
-    queryFn: () => p.request(
-      R(`/items/${h}`, {
-        filter: JSON.stringify({ id: { _in: ge } }),
-        fields: A,
-        limit: ge.length
+  }), 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: !!h && !!l.favorites && ge.length > 0,
+    enabled: !!h && !!i.favorites && ke.length > 0,
     staleTime: 6e4
-  }), [Xe, Ct] = I(/* @__PURE__ */ new Set());
-  async function Lt(e) {
-    if (!(!h || Xe.has(e))) {
-      Ct((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(ir(`/pinned/${h}/${e}/toggle`)).catch(() => {
+        await g.request(fr(`/pinned/${h}/${e}/toggle`)).catch(() => {
         }), await F.invalidateQueries({ queryKey: ["pinned-items", h] });
       } finally {
-        Ct((t) => {
+        Jt((t) => {
           const r = new Set(t);
           return r.delete(e), r;
         });
       }
     }
   }
-  const [hr, At] = I(!1), Kt = Ve(null), pt = (e) => l.favorites ? /* @__PURE__ */ n(
+  const [Sr, Bt] = M(!1), Qt = Ae(null), gt = (e) => i.favorites ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      title: bt.has(e) ? "Remove from favorites" : "Add to favorites",
-      disabled: Xe.has(e),
+      title: xt.has(e) ? "Remove from favorites" : "Add to favorites",
+      disabled: tt.has(e),
       onClick: (t) => {
-        t.stopPropagation(), Lt(e);
+        t.stopPropagation(), zt(e);
       },
       className: "shrink-0 rounded p-0.5 transition-colors",
-      children: Xe.has(e) ? /* @__PURE__ */ n(ne, { className: "h-3.5 w-3.5 animate-spin text-amber-400" }) : /* @__PURE__ */ n(
-        De,
+      children: tt.has(e) ? /* @__PURE__ */ n(ae, { className: "h-3.5 w-3.5 animate-spin text-amber-400" }) : /* @__PURE__ */ n(
+        He,
         {
-          className: z(
+          className: K(
             "h-3.5 w-3.5",
-            bt.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, [Pe, xr] = I("");
-  Fe(() => {
-    const e = setTimeout(() => xr(J), 300);
+  ) : null, [Pe, _r] = M("");
+  Re(() => {
+    const e = setTimeout(() => _r(z), 300);
     return () => clearTimeout(e);
-  }, [J]);
-  const Jt = O(() => {
+  }, [z]);
+  const Dt = T(() => {
     var t;
-    const e = (t = [...(E ?? "").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";
-  }, [E]), { shownSearchFields: et, otherSearchFields: Qt } = O(() => {
+  }, [C]), { shownSearchFields: rt, otherSearchFields: Wt } = T(() => {
     const e = new Set(
-      ((_ == null ? void 0 : _.relations) ?? []).filter((s) => s.one_collection === h && s.one_field).map((s) => s.one_field)
+      ((q == null ? void 0 : q.relations) ?? []).filter((s) => s.one_collection === h && s.one_field).map((s) => s.one_field)
     ), t = new Set(
-      ((_ == null ? void 0 : _.fields) ?? []).filter((s) => (s.type === "string" || s.type === "text") && !e.has(s.field)).map((s) => s.field)
+      ((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 (E ?? "").matchAll(/\{\{([\w.]+)\}\}/g)) t.has(s[1]) && r.add(s[1]);
-    for (const s of l.columns ?? []) t.has(s.field) && r.add(s.field);
+    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))
     };
-  }, [_, h, E, l.columns]), zt = !!h && Pe.trim().length > 0, { data: tt = [], isFetching: gr } = D({
-    queryKey: ["catalog-shown-search", h, A, Pe, et],
-    queryFn: () => p.request(
-      R(`/items/${h}`, {
+  }, [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: et.join(","),
-        fields: A,
+        search_fields: rt.join(","),
+        fields: L,
         limit: 25,
-        sort: Jt
+        sort: Dt
       })
     ).then((e) => e.data ?? []),
-    enabled: zt && et.length > 0,
+    enabled: Vt && rt.length > 0,
     staleTime: 3e4,
     placeholderData: (e) => e
-  }), Bt = Qt.join(","), { data: Dt = [], isFetching: yr } = D({
-    queryKey: ["catalog-full-search", h, A, Pe, Bt],
-    queryFn: () => p.request(
-      R(`/items/${h}`, {
+  }), 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: [A, Bt].filter(Boolean).join(","),
+        fields: [L, Ht].filter(Boolean).join(","),
         limit: 25,
-        sort: Jt
+        sort: Dt
       })
     ).then((e) => e.data ?? []),
-    enabled: zt,
+    enabled: Vt,
     staleTime: 3e4,
     placeholderData: (e) => e
-  }), ht = gr || yr, $e = O(() => {
-    const e = new Set(tt.map((t) => String(t.id)));
-    return [...tt, ...Dt.filter((t) => !e.has(String(t.id)))];
-  }, [tt, Dt]), kr = (e) => {
-    if (et.length === 0 || tt.some((r) => String(r.id) === String(e.id))) return null;
+  }), 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 Qt) {
+    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 `${Z(r)}: ${d.length > 40 ? `${d.slice(0, 40)}…` : d}`;
+        return `${G(r)}: ${d.length > 40 ? `${d.slice(0, 40)}…` : d}`;
     }
     return null;
-  }, rt = O(() => {
+  }, 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]), Vt = Ft({
-    queries: (l.related_columns ?? []).map((e) => {
-      const t = Ue(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),
-          rt.join(",")
+          st.join(",")
         ],
         queryFn: async () => {
           const r = {}, s = e.aggregate === "sum", d = s ? 150 : 400;
-          for (let o = 0; o < rt.length; o += d) {
-            const i = rt.slice(o, o + d);
-            let b = 1;
+          for (let o = 0; o < st.length; o += d) {
+            const p = st.slice(o, o + d);
+            let l = 1;
             for (; ; ) {
-              const c = await p.request(
-                R(`/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 c) {
-                const w = u[e.item_field];
-                if (w != null)
+                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 || c.length < 1e3) break;
-              b += 1;
+              l += 1;
             }
           }
           return r;
         },
-        enabled: !!h && t !== null && rt.length > 0,
+        enabled: !!h && t !== null && st.length > 0,
         staleTime: 3e4
       };
     })
-  }), xt = (e, t) => {
+  }), kt = (e, t) => {
     var s, d;
-    const r = (l.related_columns ?? []).findIndex((o) => o.key === e);
+    const r = (i.related_columns ?? []).findIndex((o) => o.key === e);
     if (r !== -1)
-      return (d = (s = Vt[r]) == null ? void 0 : s.data) == null ? void 0 : d[t];
-  }, gt = (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((c) => c.key === t.column);
+    const s = (i.related_columns ?? []).findIndex((c) => c.key === t.column);
     if (s === -1) return null;
-    const d = (b = Vt[s]) == null ? void 0 : b.data;
+    const d = (l = It[s]) == null ? void 0 : l.data;
     if (d === void 0) return null;
-    const o = d[e], i = o == null || o === "" ? 0 : Number(o);
-    return Number.isNaN(i) ? null : r > i ? { available: i, qty: r } : null;
-  }, wr = (e) => {
-    const t = l.row_flags ?? [];
+    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 d = s.when.replace(/\{\{\s*([A-Za-z_][A-Za-z0-9_.]*)\s*\}\}/g, "$1");
-          Wr(d, e) && r.push(s.label);
+          rn(d, e) && r.push(s.label);
         } catch {
         }
     return r;
-  }, yt = l.qty_warning ? l.qty_warning.label ?? ((tr = (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 : tr.label) ?? Z(l.qty_warning.column) : "", Nr = !!l.submission_errors, nt = O(
+    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]
-  ), vr = Ir(6e4), { data: Ut } = D({
-    queryKey: ["erp-submissions", j ?? "", String(S)],
-    queryFn: () => p.request(R(`/erp-submissions/${j}/${encodeURIComponent(S)}`)).then((e) => e.data ?? []),
-    enabled: Nr && !K && !!j,
+    [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: vr
-  }), kt = O(() => {
-    const e = (Ut ?? [])[0];
-    return !e || e.status !== "failed" ? null : Mr(e.payload, e.last_error);
-  }, [Ut]), Sr = le.map((e) => e.key).join(","), { data: wt } = D({
-    queryKey: ["catalog-suberr-idents", h, nt.join(","), Sr],
+    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(
-        R(`/items/${h}`, {
+      const t = await g.request(
+        O(`/items/${h}`, {
           limit: e.length,
-          fields: ["id", ...nt].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: !!h && !!kt && nt.length > 0 && le.length > 0,
+    enabled: !!h && !!vt && at.length > 0 && oe.length > 0,
     staleTime: 6e4
-  }), _r = (e) => {
-    if (!kt) return null;
-    const t = wt == null ? void 0 : wt[e], r = [
-      Xt(e),
-      ...nt.map((s) => {
-        const d = (t == null ? void 0 : t[s]) ?? Re(e)[s];
+  }), 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(Yr);
-    return kt.reasonFor(r);
-  }, st = l.summary_fields ?? [], qr = Ne.map((e) => String(e.id)).join(","), $r = Ft({
-    queries: st.filter((e) => e.m2m).map((e) => ({
-      queryKey: ["catalog-summary-m2m", e.field, e.m2m.junction, qr],
+    ].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(
-          R(`/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(() => []), d = [...new Set(s.map((u) => String(u[r.related_field])))], o = r.label_field ?? "name", i = d.length ? await p.request(
-          R(`/items/${r.related_collection}`, {
+        ).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: d } })
           })
-        ).then((u) => u.data ?? []).catch(() => []) : [], b = new Map(i.map((u) => [String(u.id), String(u[o] ?? u.id)])), c = {};
+        ).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 && (c[w] = c[w] ? `${c[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 c;
       },
-      enabled: !K && Ne.length > 0,
+      enabled: !J && Se.length > 0,
       staleTime: 15e3
     }))
-  }), jr = (e, t) => {
+  }), Ar = (e, t) => {
     var d, o;
     if (!e.m2m) return t.row[e.field];
-    const r = st.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 = (d = $r[r]) == null ? void 0 : d.data) == null ? void 0 : o[String(s)];
-  }, Fr = !!((rr = l.fulfilment) != null && rr.shipped_field) && (l.fulfilment.show_when ? dr(l.fulfilment.show_when, H) : !0), Tr = (e) => {
-    if (!Fr || !l.fulfilment) return null;
-    const t = Number(e[l.fulfilment.qty_field ?? P] ?? 0) || 0, r = Number(e[l.fulfilment.shipped_field] ?? 0) || 0, s = t > 0 && r >= t ? {
+      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"
@@ -591,14 +592,14 @@ function En({
       {
         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 })
         ]
       }
     );
-  }, Ht = l.columns ?? [], Wt = l.related_columns ?? [], at = Ht.filter((e) => !e.summary_only), Nt = Wt.filter((e) => !e.summary_only), It = Ht.filter((e) => !e.sections_only), Mt = Wt.filter((e) => !e.sections_only), Yt = at.length > 0 || Nt.length > 0, vt = Ve(null), Zt = (e) => {
+  }, 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);
@@ -608,85 +609,116 @@ function En({
       }
       t = t.parentElement;
     }
-  }, Or = (e) => {
-    vt.current = e, e && Zt(e);
+  }, Jr = (e) => {
+    qt.current = e, e && tr(e);
   };
-  Fe(() => {
+  Re(() => {
     let e = 0;
     const t = () => {
       e || (e = requestAnimationFrame(() => {
-        e = 0, vt.current && Zt(vt.current);
+        e = 0, qt.current && tr(qt.current);
       }));
     };
     return window.addEventListener("scroll", t, !0), () => {
       e && cancelAnimationFrame(e), window.removeEventListener("scroll", t, !0);
     };
   }, []);
-  const it = (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);
-  }, Pr = (nr = at.find((e) => !e.format)) == null ? void 0 : nr.field, Gt = (e) => e.format ? "w-20 shrink-0 text-right" : e.field === Pr ? "min-w-0 flex-[3]" : "w-36 shrink-0", St = (e, t) => /* @__PURE__ */ m(ct, { children: [
-    at.map((r) => /* @__PURE__ */ n(
-      cr,
-      {
-        text: fe(it(t, r.field), r.format),
-        className: z("text-slate-500 dark:text-slate-400", Gt(r))
-      },
-      r.field
-    )),
-    Nt.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(xt(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
-    ))
-  ] }), _t = Yt ? "w-36 shrink-0 truncate text-slate-700 dark:text-slate-200" : "min-w-0 flex-1 truncate text-slate-700 dark:text-slate-200", Rr = mr(h), lt = (e, t, r) => Rr ? /* @__PURE__ */ n(
+    )),
+    /* @__PURE__ */ n("span", { "aria-hidden": !0, className: "ml-auto" })
+  ] }), Qr = yr(h), sr = (e, t, r, s) => Qr ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      onClick: () => h && ur(h, e, H),
+      "data-cpf-fit": s || void 0,
+      onClick: () => h && kr(h, e, U),
       title: "View stock & planning detail",
-      className: z(
+      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 }), Xt = (e) => {
-    const t = We.get(e) ?? Et.find((r) => String(r.id) === e) ?? Ae.find((r) => String(r.id) === e);
-    return t ? Te(E, t) : `#${e}`;
-  }, Re = (e) => We.get(e) ?? Et.find((t) => String(t.id) === e) ?? Ae.find((t) => String(t.id) === e) ?? { id: e }, be = (e) => {
+  ) : /* @__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 = K ? void 0 : Le.get(e);
-    if (t) return Ye.has(String(t.id)) ? null : Number(t[P] ?? 0);
-    const r = Ze.get(e);
-    return r === void 0 ? null : Number(((s = ve[r]) == null ? void 0 : s[P]) ?? 0);
-  }, Er = (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();
-  }, ot = O(() => {
-    if (He) return [];
-    J.trim().toLowerCase();
+  }, mt = T(() => {
+    if (Ie) return [];
+    z.trim().toLowerCase();
     const e = /* @__PURE__ */ new Map();
-    for (const t of Y) {
-      const r = Te(E, t), s = q ? Rt.get(String(t.id)) ?? [] : [Er(t)];
-      if (!(q && a && s.length === 0))
+    for (const 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 });
@@ -699,39 +731,39 @@ function En({
       items: r.sort((s, d) => s.label.localeCompare(d.label))
     }));
   }, [
-    Y,
-    E,
-    J,
-    l.section_by,
-    q,
-    Rt,
-    He,
+    Z,
+    C,
+    z,
+    i.section_by,
+    $,
+    Lt,
+    Ie,
     a
   ]);
-  if (!_e.current && ot.length > 0) {
-    _e.current = !0;
+  if (!$e.current && mt.length > 0) {
+    $e.current = !0;
     const e = /* @__PURE__ */ new Set();
-    for (const t of ot)
-      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 Cr(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 = xt(r.key, e);
+      let s = kt(r.key, e);
       if (s === void 0) {
-        const d = Ue(r.match, H);
+        const d = Ue(r.match, U);
         if (d === null) continue;
-        s = await p.request(
-          R(`/items/${r.collection}`, {
+        s = await g.request(
+          O(`/items/${r.collection}`, {
             limit: 1,
             fields: `${r.item_field},${r.value_field}`,
             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(() => {
         });
       }
@@ -739,207 +771,207 @@ function En({
     }
     return t;
   }
-  function Ke(e, t, r, s = {}) {
+  function Be(e, t, r, s = {}) {
     const d = {
-      [l.item_field]: r.id ?? e,
-      [P]: t
+      [i.item_field]: r.id ?? e,
+      [R]: t
     };
-    for (const [o, i] of Object.entries(l.copy_fields ?? {}))
-      r[i] !== void 0 && (d[o] = r[i]);
+    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, i] of Object.entries(l.compute_fields ?? {})) {
-      const b = ze(i, d);
-      b !== null && (d[o] = b);
+    for (const [o, p] of Object.entries(i.compute_fields ?? {})) {
+      const l = We(p, d);
+      l !== null && (d[o] = l);
     }
     return d;
   }
-  async function Je(e, t, r, s = {}) {
-    const d = or(t, { type: v, min: 0, label: "Quantity" });
+  async function Qe(e, t, r, s = {}) {
+    const d = hr(t, { type: v, min: 0, label: "Quantity" });
     if (!d.ok) {
-      X((c) => ({ ...c, [e]: { kind: "error", message: d.message } }));
+      ee((c) => ({ ...c, [e]: { kind: "error", message: d.message } }));
       return;
     }
     const o = d.value ?? 0;
-    if ((be(e) ?? 0) === o) return;
+    if ((he(e) ?? 0) === o) return;
     if (o === 0 && !s.confirmedRemove) {
-      X((c) => ({ ...c, [e]: { kind: "remove", row: r } }));
+      ee((c) => ({ ...c, [e]: { kind: "remove", row: r } }));
       return;
     }
     if (o > 0) {
-      const c = Ze.get(e), u = (K ? void 0 : Le.get(e)) ?? (c !== void 0 ? ve[c] : void 0) ?? {}, w = Q(P, o, u);
-      if (w) {
-        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 Cr(e) : {};
-    if (Ce && g) {
-      const c = Le.get(e);
+    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) {
-          g.cancelPendingEdit(f, y, u), g.queueDelete(f, y, u);
+          y.cancelPendingEdit(f, k, u), y.queueDelete(f, k, u);
           return;
         }
-        Ye.has(u) && g.cancelPendingDelete(f, y, u);
-        const w = Ke(e, o, r, b);
-        for (const $ of se)
-          c[$] != null && c[$] !== "" && (w[$] = c[$]);
-        for (const [$, je] of Object.entries(l.compute_fields ?? {})) {
-          const Se = ze(je, { ...c, ...w });
-          Se !== null && (w[$] = Se);
+        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(($) => String($.id) === u) ?? {}, N = Object.fromEntries(
-          Object.entries(w).filter(([$, je]) => String(je ?? "") !== String(T[$] ?? ""))
+        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 ? g.cancelPendingEdit(f, y, u) : (g.cancelPendingEdit(f, y, u), g.queueEdit(f, y, 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 (K || Ce) {
-      const c = Ze.get(e);
-      o === 0 ? c !== void 0 && (g == null || g.removeRow(f, y, c)) : c !== void 0 ? g == null || g.updateRow(
+    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,
-        y,
+        k,
         c,
-        nn(
-          ve[c],
-          Ke(e, o, r, b),
-          se,
-          l.compute_fields
+        bn(
+          _e[c],
+          Be(e, o, r, l),
+          te,
+          i.compute_fields
         )
-      ) : g == null || g.queueRow(
+      ) : y == null || y.queueRow(
         f,
-        y,
-        Ke(e, o, r, b)
+        k,
+        Be(e, o, r, l)
       );
       return;
     }
-    ee((c) => new Set(c).add(e));
+    re((c) => new Set(c).add(e));
     try {
-      const c = Le.get(e);
+      const c = Je.get(e);
       if (o === 0)
-        (c == null ? void 0 : c.id) != null && await p.request(Hr(`/items/${f}/${c.id}`));
+        (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 = Ke(e, o, r, b);
-        for (const $ of se)
-          c[$] != null && c[$] !== "" && (u[$] = c[$]);
-        for (const [$, je] of Object.entries(l.compute_fields ?? {})) {
-          const Se = ze(je, { ...c, ...u });
-          Se !== null && (u[$] = Se);
+        const 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 = { ...c, ...u }, { id: T, ...N } = w;
-        await p.request(ar(`/items/${f}/${c.id}`, N));
+        const N = { ...c, ...u }, { id: S, ...A } = N;
+        await g.request(ur(`/items/${f}/${c.id}`, A));
       } else
-        await p.request(
-          ir(`/items/${f}`, {
-            [y]: S,
-            ...Ke(e, o, r, b)
+        await g.request(
+          fr(`/items/${f}`, {
+            [k]: _,
+            ...Be(e, o, r, l)
           })
         );
-      F.invalidateQueries({ queryKey: ["o2m-rows", f, y, S] });
+      F.invalidateQueries({ queryKey: ["o2m-rows", f, k, _] });
     } catch {
     } finally {
-      ee((c) => {
+      re((c) => {
         const u = new Set(c);
         return u.delete(e), u;
       });
     }
   }
-  async function Lr(e, t, r) {
+  async function Vr(e, t, r) {
     const s = r.trim() === "" ? null : Number(r);
     if (r.trim() !== "" && Number.isNaN(s)) return;
-    const d = (i) => {
-      const b = { ...i, [t]: s };
-      for (const [c, u] of Object.entries(l.compute_fields ?? {})) {
-        const w = ze(u, b);
-        w !== null && (b[c] = 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 = K ? void 0 : Le.get(e);
+      return l;
+    }, o = J ? void 0 : Je.get(e);
     if ((o == null ? void 0 : o.id) == null) {
-      const i = Ze.get(e);
-      if (i === void 0) return;
-      g == null || g.updateRow(f, y, i, d(ve[i]));
+      const p = Xe.get(e);
+      if (p === void 0) return;
+      y == null || y.updateRow(f, k, p, d(_e[p]));
       return;
     }
-    if (Ce && g) {
-      const i = d(o), b = Ne.find((u) => String(u.id) === String(o.id)) ?? {}, c = Object.fromEntries(
-        Object.entries(i).filter(
-          ([u, w]) => u !== "id" && String(w ?? "") !== String(b[u] ?? "")
+    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] ?? "")
         )
       );
-      g.cancelPendingEdit(f, y, String(o.id)), Object.keys(c).length > 0 && g.queueEdit(f, y, String(o.id), c);
+      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 } = d(o);
-      await p.request(ar(`/items/${f}/${o.id}`, b)), F.invalidateQueries({ queryKey: ["o2m-rows", f, y, S] });
+      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 Ar(e) {
+  async function Hr(e) {
     if (e == null || e === "" || !h) return;
-    const t = String(e), r = Re(t);
+    const t = String(e), r = Ee(t);
     let s = r;
-    Object.keys(r).length <= 1 && (s = await p.request(
-      R(`/items/${h}`, {
+    Object.keys(r).length <= 1 && (s = await g.request(
+      O(`/items/${h}`, {
         filter: JSON.stringify({ id: { _eq: e } }),
-        fields: A,
+        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 d = (be(t) ?? 0) + 1;
-    await Je(t, String(d), s);
+    const d = (he(t) ?? 0) + 1;
+    await Qe(t, String(d), s);
   }
-  const Kr = le.length, qt = Object.keys(l.copy_fields ?? {}), $t = Object.keys(l.compute_fields ?? {}), dt = (e, t) => {
-    const r = be(e);
+  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], d = s !== void 0 ? s : r && r > 0 ? String(r) : "", o = ce[e], i = () => X((c) => {
+    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: lr(v) ? 1 : "any",
+        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: (c) => pe((u) => ({ ...u, [e]: c.target.value })),
+        onFocus: p,
+        onChange: (c) => xe((u) => ({ ...u, [e]: c.target.value })),
         onBlur: (c) => {
           const u = c.target.value;
-          pe((w) => {
-            const T = { ...w };
-            return delete T[e], T;
-          }), Je(e, u, t);
+          xe((N) => {
+            const S = { ...N };
+            return delete S[e], S;
+          }), Qe(e, u, t);
         },
         onKeyDown: (c) => {
           c.key === "Enter" && c.currentTarget.blur();
         },
-        className: z(
+        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(en, { open: (o == null ? void 0 : o.kind) === "remove", onOpenChange: (c) => !c && i(), children: [
-      /* @__PURE__ */ n(tn, { asChild: !0, children: /* @__PURE__ */ m("span", { className: "inline-flex shrink-0 flex-col items-end", children: [
-        b,
+    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",
           {
@@ -947,7 +979,7 @@ function En({
             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(jt, { 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}` : ""
             ]
@@ -955,7 +987,7 @@ function En({
         )
       ] }) }),
       /* @__PURE__ */ n(
-        rn,
+        un,
         {
           align: "end",
           side: "bottom",
@@ -967,7 +999,7 @@ function En({
                 "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"
                 }
@@ -978,7 +1010,7 @@ function En({
                   type: "button",
                   onClick: () => {
                     const c = o.row;
-                    i(), Je(e, "0", c, { confirmedRemove: !0 });
+                    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"
@@ -989,12 +1021,12 @@ function En({
         }
       )
     ] });
-  }, Jr = (e, t, r) => {
-    const s = `${e}:${t}`, d = ae[s], o = () => V((b) => {
-      if (!(s in b)) return b;
-      const c = { ...b };
+  }, 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;
-    }), i = r[t] == null ? "" : String(r[t]);
+    }), p = r[t] == null ? "" : String(r[t]);
     return /* @__PURE__ */ m("span", { className: "inline-flex shrink-0 flex-col items-end", children: [
       /* @__PURE__ */ n(
         "input",
@@ -1002,32 +1034,32 @@ function En({
           type: "number",
           min: 0,
           step: "any",
-          defaultValue: i,
+          defaultValue: p,
           "aria-invalid": !!d || void 0,
           onFocus: o,
-          onBlur: (b) => {
-            const c = b.target.value;
-            if (c !== i) {
-              const u = ke.find((N) => N.field === t), w = or(c, {
+          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 ? Q(t, w.value, r) : w.message;
-              if (T) {
-                b.target.value = i, V((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;
               }
             }
-            Lr(e, t, c);
+            Vr(e, t, c);
           },
-          onKeyDown: (b) => {
-            b.key === "Enter" && b.currentTarget.blur();
+          onKeyDown: (l) => {
+            l.key === "Enter" && l.currentTarget.blur();
           },
-          className: z(
+          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",
             d && "border-red-400 dark:border-red-600"
           )
         },
-        `${s}:${i}`
+        `${s}:${p}`
       ),
       d && /* @__PURE__ */ m(
         "span",
@@ -1036,209 +1068,232 @@ function En({
           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(jt, { className: "mt-px h-3 w-3 shrink-0" }),
+            /* @__PURE__ */ n(Rt, { className: "mt-px h-3 w-3 shrink-0" }),
             d,
-            i !== "" ? ` — still ${i}` : ""
+            p !== "" ? ` — still ${p}` : ""
           ]
         }
       )
     ] }, s);
   };
-  return !h && 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))]" })
-  ] }) : h ? /* @__PURE__ */ m("div", { className: "space-y-3", children: [
-    !x && /* @__PURE__ */ m(ct, { 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(mt, { 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: J,
-              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: [
-            Kr,
+            Ur,
             " picked"
-          ] })
+          ] }),
+          /* @__PURE__ */ n(Ot, { show: qe.customized, onReset: qe.reset })
         ] }),
-        Yt && // 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: Or,
-            className: "sticky top-0 z-[5] flex items-center gap-2 border-b border-slate-200 bg-slate-50 px-3 py-1 text-[10px] font-medium uppercase tracking-wide text-slate-400 dark:border-border dark:bg-muted",
+            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" }),
-              at.map((e) => /* @__PURE__ */ n("span", { className: z("truncate", Gt(e)), children: e.label ?? Z(e.field.split(".")[0]) }, e.field)),
-              Nt.map((e) => /* @__PURE__ */ n("span", { className: "w-20 shrink-0 text-right", children: e.label ?? Z(e.key) }, e.key)),
+              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" })
             ]
           }
         ),
-        J.trim().length > 0 && $e.length === 0 && ht && /* @__PURE__ */ m("div", { className: "flex items-center justify-center gap-2 border-b border-slate-100 px-3 py-3 text-slate-400 dark:border-border/50", children: [
-          /* @__PURE__ */ n(ne, { className: "h-3.5 w-3.5 animate-spin" }),
+        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…"
         ] }),
-        J.trim().length > 0 && $e.length === 0 && !ht && /* @__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 "',
-          J.trim(),
+          z.trim(),
           '"'
         ] }),
-        J.trim().length > 0 && $e.length > 0 && /* @__PURE__ */ m(Qe, { 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(mt, { 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" }),
-            ht && /* @__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: z(
-                  "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: [
-                  pt(r),
-                  lt(r, Te(E, e), _t),
-                  (() => {
-                    const d = kr(e);
-                    return d ? /* @__PURE__ */ n(
-                      "span",
-                      {
-                        "data-catalog-match-why": !0,
-                        "data-tip": `Matched on ${d}`,
-                        className: "max-w-[160px] shrink-0 truncate rounded border border-slate-200 bg-slate-50 px-1.5 py-0.5 text-[10px] text-slate-500 dark:border-border dark:bg-muted dark:text-slate-400",
-                        children: d
-                      }
-                    ) : null;
-                  })(),
-                  St(r, e),
-                  de.has(r) && /* @__PURE__ */ n(ne, { className: "h-3 w-3 shrink-0 animate-spin text-slate-400" }),
-                  dt(r, e)
+                  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 && !J.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 = B == null ? void 0 : B.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 && (W || He) && /* @__PURE__ */ m("div", { className: "flex items-center justify-center gap-2 py-6 text-slate-400", children: [
-          /* @__PURE__ */ n(ne, { className: "h-4 w-4 animate-spin" }),
+        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 && !W && !He && ot.length === 0 && /* @__PURE__ */ n("p", { className: "px-3 py-6 text-center text-slate-400", children: "No catalog items" }),
-        l.favorites && /* @__PURE__ */ m(Qe, { children: [
+        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(
-                    Tt,
+                    Pt,
                     {
-                      className: z(
+                      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(De, { 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: Ae.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: Kt,
+                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__") && Ae.length === 0 && /* @__PURE__ */ n("p", { className: "border-b border-slate-100 px-3 py-2 text-center text-[11px] text-slate-400 dark:border-border/50", children: "No favorites yet — Manage lets you search the full catalog and star items." }),
-          !oe.has("__favorites__") && Ae.map((e, t) => {
-            const r = String(e.id), s = be(r), d = gt(r);
+          !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: z(
-                  "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",
                   d && "bg-amber-50 dark:bg-amber-900/15"
                 ),
                 children: [
-                  pt(r),
-                  lt(r, Te(E, e), _t),
-                  St(r, e),
-                  d && /* @__PURE__ */ n(
-                    Be,
+                  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": `${yt} ${d.available} — ${d.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" }),
-                  dt(r, e)
+                  ) }),
+                  ut(r, e)
                 ]
               },
               r
             );
           })
         ] }),
-        k.length === 0 && ot.map((e) => {
-          const t = oe.has(e.name), r = e.items.reduce(
-            (s, d) => s + ((be(d.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(Qe, { children: [
+          return /* @__PURE__ */ m(De, { children: [
             /* @__PURE__ */ m(
               "button",
               {
                 type: "button",
-                onClick: () => G((s) => {
+                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(
-                    Tt,
+                    Pt,
                     {
-                      className: z(
+                      className: K(
                         "h-3 w-3 shrink-0 text-slate-400 transition-transform",
                         !t && "rotate-90"
                       )
@@ -1246,7 +1301,7 @@ function En({
                   ),
                   /* @__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"
                   ] })
@@ -1254,29 +1309,28 @@ function En({
               }
             ),
             !t && e.items.map((s, d) => {
-              const o = be(s.id), i = gt(s.id);
+              const o = he(s.id), p = wt(s.id);
               return /* @__PURE__ */ m(
                 "div",
                 {
-                  className: z(
-                    "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",
                     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: [
-                    pt(s.id),
-                    lt(s.id, s.label, _t),
-                    St(s.id, s.row),
-                    i && /* @__PURE__ */ n(
-                      Be,
+                    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": `${yt} ${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" }),
-                    dt(s.id, s.row)
+                    ) }),
+                    ut(s.id, s.row)
                   ]
                 },
                 s.id
@@ -1285,17 +1339,17 @@ function En({
           ] }, e.name);
         })
       ] }),
-      (l.builders ?? []).filter((e) => dr(e.show_when, H)).map((e) => /* @__PURE__ */ n(
-        cn,
+      (i.builders ?? []).filter((e) => xr(e.show_when, U)).map((e) => /* @__PURE__ */ n(
+        wn,
         {
           builder: e,
-          defaultItemField: l.item_field,
+          defaultItemField: i.item_field,
           catalogCol: h,
-          catalogFields: A,
-          tmpl: E,
-          currentQty: be,
-          addQty: (t, r, s) => Je(t, String(r), s),
-          qtyStep: lr(v) ? 1 : "any",
+          catalogFields: L,
+          tmpl: C,
+          currentQty: he,
+          addQty: (t, r, s) => Qe(t, String(r), s),
+          qtyStep: br(v) ? 1 : "any",
           readOnly: x
         },
         e.label
@@ -1305,353 +1359,388 @@ function En({
       /* @__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" }),
         !x && /* @__PURE__ */ m("div", { className: "flex items-center gap-2", onClick: (e) => e.stopPropagation(), children: [
-          l.upload_template && !K && M && j && /* @__PURE__ */ n(
-            Gr,
+          i.upload_template && !J && Y && j && /* @__PURE__ */ n(
+            on,
             {
               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) => M(e, t),
+              onParsed: (e, t) => Y(e, t),
               compact: !0
             }
           ),
           /* @__PURE__ */ n("div", { className: "w-64", children: /* @__PURE__ */ n(
-            on,
+            yn,
             {
               collection: h,
               value: null,
-              onChange: (e) => void Ar(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 = It.filter((i) => !i.format), t = e[0], r = e.slice(1), s = It.filter((i) => !!i.format), d = (i, b) => b === "presence" ? i == null || i === "" || Number(i) === 0 ? "No" : "Yes" : i === !0 || i === "true" ? "✓" : i === !1 || i === "false" || i == null || i === "" ? "—" : fe(i, b), o = (i) => /* @__PURE__ */ n("span", { className: "w-20 shrink-0 text-right text-[11px] font-medium text-slate-500", children: i });
+      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" }),
-            qt.map((i) => /* @__PURE__ */ n(Qe, { children: o(Z(i)) }, i)),
-            o(Z(P)),
-            $t.map((i) => /* @__PURE__ */ n(Qe, { children: o(Z(i)) }, i)),
-            !x && /* @__PURE__ */ n("span", { className: "w-6 shrink-0" })
+          /* @__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 c = i.row.id != null ? String(i.row.id) : null, u = c != null && Ye.has(c), w = u ? null : gt(i.key), T = u ? null : _r(i.key);
+          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: z(
+                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: z(
-                        "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: [
-                        lt(
-                          i.key,
-                          Xt(i.key),
+                        sr(
+                          l.key,
+                          ar(l.key),
                           "shrink-0 font-semibold text-slate-800 dark:text-slate-100"
                         ),
-                        Ce && !u && (c == null || Ie.has(c)) && /* @__PURE__ */ n(
+                        Ke && !N && (u == null || Ye.has(u)) && /* @__PURE__ */ n(
                           "span",
                           {
-                            "data-catalog-staged": c == 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: c == 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(jt, { 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(
-                          cr,
+                          gr,
                           {
-                            text: fe(it(Re(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 $ = it(Re(i.key), N.field);
-                          return $ == null || $ === "" ? 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($)
+                              children: String(Q)
                             },
-                            N.field
+                            b.field
                           );
                         }),
-                        qt.map(
-                          (N) => {
-                            var $;
-                            return se.includes(N) && !x ? Jr(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], ($ = l.field_formats) == null ? void 0 : $[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" }),
-                          dt(i.key, Re(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))
                         ] }),
-                        $t.map((N) => {
-                          var Se, sr;
-                          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 $ = i.row[N], je = $ != null && $ !== "" ? $ : ze(((Se = l.compute_fields) == null ? void 0 : Se[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, (sr = l.field_formats) == null ? void 0 : sr[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
                           );
                         }),
-                        !x && u && /* @__PURE__ */ n(
+                        !x && N && /* @__PURE__ */ n(
                           "button",
                           {
                             type: "button",
-                            onClick: () => g == null ? void 0 : g.cancelPendingDelete(f, y, c),
+                            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"
                           }
                         ),
-                        !x && !u && /* @__PURE__ */ n(
+                        !x && !N && /* @__PURE__ */ n(
                           "button",
                           {
                             type: "button",
                             title: "Remove (applies on Save)",
                             onClick: () => {
-                              if (!K && g && c != null) {
-                                g.queueDelete(f, y, c);
+                              if (!J && y && u != null) {
+                                y.queueDelete(f, k, u);
                                 return;
                               }
-                              Je(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(ut, { 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 || Mt.length > 0 || st.length > 0) && /* @__PURE__ */ m("div", { className: "mt-1 flex flex-wrap items-baseline gap-x-4 gap-y-0.5 pl-0.5 text-[11px]", children: [
-                    s.map((N) => /* @__PURE__ */ m("span", { className: "whitespace-nowrap", children: [
-                      /* @__PURE__ */ n("span", { className: "text-slate-500 dark:text-muted-foreground", children: N.label ?? 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: d(it(Re(i.key), N.field), N.format) })
-                    ] }, N.field)),
-                    Mt.map((N) => /* @__PURE__ */ m("span", { className: "whitespace-nowrap", children: [
-                      /* @__PURE__ */ n("span", { className: "text-slate-500 dark:text-muted-foreground", children: N.label ?? Z(N.key) }),
+                      /* @__PURE__ */ n("span", { className: "font-medium tabular-nums text-slate-700 dark:text-slate-200", children: 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: d(xt(N.key, i.key), N.format) })
-                    ] }, N.key)),
-                    Tr(i.row),
-                    wr(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(Be, { className: "h-3 w-3" }),
-                          N
+                          /* @__PURE__ */ n(Ve, { className: "h-3 w-3" }),
+                          b
                         ]
                       },
-                      N
+                      b
                     )),
-                    st.map((N) => {
-                      const $ = jr(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: d($, 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(Be, { className: "h-3 w-3 shrink-0" }),
-                    yt,
+                  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 && Ye.has(T));
-            }), b = (w) => i.reduce((T, N) => {
-              const $ = Number(N.row[w]);
-              return T + (Number.isFinite($) ? $ : 0);
-            }, 0), c = (w) => {
-              var T;
-              return ((T = l.field_formats) == null ? void 0 : T[w]) ?? "number";
-            }, u = (w) => /* @__PURE__ */ n(
+            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), c(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" }),
-              qt.map((w) => /* @__PURE__ */ n("span", { className: "w-20 shrink-0" }, w)),
-              /* @__PURE__ */ n("span", { className: "w-20 shrink-0 text-right text-[12px] font-semibold tabular-nums text-slate-800 dark:text-slate-100", children: fe(b(P), "number") }),
-              $t.map(u),
+            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" })
             ] });
           })()
         ] });
       })()
     ] }),
-    hr && h && /* @__PURE__ */ n(
-      un,
+    Sr && h && /* @__PURE__ */ n(
+      vn,
       {
         catalogCol: h,
-        tmpl: E,
-        sectionBy: l.section_by,
-        sectionM2M: L,
-        pinnedSet: bt,
-        pinnedIds: ge,
-        savingIds: Xe,
-        relatedCols: (l.favorites_manager_columns ?? []).map((e) => (l.related_columns ?? []).find((t) => t.key === e)).filter((e) => !!e),
-        parentDraft: H,
-        onToggle: (e) => void Lt(e),
-        onClose: () => At(!1),
-        anchor: Kt.current
+        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 cn({
+function wn({
   builder: f,
-  defaultItemField: y,
-  catalogCol: S,
+  defaultItemField: k,
+  catalogCol: _,
   catalogFields: j,
-  tmpl: l,
+  tmpl: i,
   currentQty: x,
-  addQty: p,
+  addQty: g,
   qtyStep: F,
-  readOnly: g
+  readOnly: y
 }) {
-  const B = Ot(), M = f.item_field ?? y, [se, K] = I(!1), [P, oe] = I({}), [G, _e] = I("1"), [J, ye] = I(!1), qe = O(
+  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",
-      M,
+      Y,
       ...f.attributes.flatMap((v) => [`${v.field}.id`, `${v.field}.${v.label_field}`])
     ].join(","),
-    [M, f.attributes]
-  ), { data: pe = [], isLoading: de } = D({
+    [Y, f.attributes]
+  ), { data: xe = [], isLoading: ce } = W({
     queryKey: [
       "catalog-builder",
       f.collection,
-      qe,
+      je,
       JSON.stringify(f.filter ?? null)
     ],
-    queryFn: () => B.request(
-      R(`/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, Q) => {
-    var E;
-    const _ = v[Q];
-    if (_ == null) return null;
-    if (typeof _ == "object") {
-      const q = _, C = ((E = f.attributes.find((me) => me.field === Q)) == null ? void 0 : E.label_field) ?? "id";
-      return { id: String(q.id ?? ""), label: String(q[C] ?? q.id ?? "") };
+  }), 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(_), label: String(_) };
-  }, ce = (v) => pe.filter(
-    (Q) => f.attributes.slice(0, v).every((_) => {
-      var q;
-      const E = P[_.field];
-      return E ? ((q = ee(Q, _.field)) == null ? void 0 : q.id) === E : !0;
+    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) => P[v.field]), ae = X ? pe.find(
-    (v) => f.attributes.every((Q) => {
-      var _;
-      return ((_ = ee(v, Q.field)) == null ? void 0 : _.id) === P[Q.field];
+  ), 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, V = (ae == null ? void 0 : ae[M]) != null ? String(ae[M]) : null, { data: te } = D({
-    queryKey: ["catalog-builder-item", S, j, V],
-    queryFn: () => B.request(
-      R(`/items/${S}`, {
+  ) : 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 Q;
-      return ((Q = v.data) == null ? void 0 : Q[0]) ?? null;
+      var B;
+      return ((B = v.data) == null ? void 0 : B[0]) ?? null;
     }),
     enabled: !!V,
     staleTime: 6e4
-  }), he = Number(G), h = !!V && !!te && !J && G.trim() !== "" && Number.isFinite(he) && he > 0 && (F === "any" || Number.isInteger(he));
-  async function ke() {
-    if (!(!h || !V || !te)) {
-      ye(!0);
+  }), 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(V, (x(V) ?? 0) + he, te), oe({}), _e("1");
+        await g(V, (x(V) ?? 0) + ge, ne), de({}), $e("1");
       } finally {
-        ye(!1);
+        we(!1);
       }
     }
   }
@@ -1660,15 +1749,15 @@ function cn({
       "button",
       {
         type: "button",
-        onClick: () => K((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(
-            Tt,
+            Pt,
             {
-              className: z(
+              className: K(
                 "h-3 w-3 shrink-0 text-slate-400 transition-transform",
-                se && "rotate-90"
+                te && "rotate-90"
               )
             }
           ),
@@ -1676,57 +1765,57 @@ function cn({
         ]
       }
     ),
-    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, Q) => {
-        const _ = /* @__PURE__ */ new Map();
-        for (const q of ce(Q)) {
-          const C = ee(q, v.field);
-          C != null && C.id && _.set(C.id, C.label);
+      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 E = [..._.entries()].sort(
-          ([, q], [, C]) => q.localeCompare(C, void 0, { numeric: !0 })
+        const C = [...q.entries()].sort(
+          ([, $], [, P]) => $.localeCompare(P, void 0, { numeric: !0 })
         );
         return /* @__PURE__ */ n(
-          mn,
+          Nn,
           {
-            label: Z(v.field),
-            value: P[v.field] ?? null,
-            valueLabel: P[v.field] ? _.get(P[v.field]) ?? P[v.field] : null,
-            options: E,
-            disabled: Q > 0 && !P[f.attributes[Q - 1].field],
-            onChange: (q) => oe((C) => {
-              const me = {};
-              for (let L = 0; L < Q; L++) {
-                const H = f.attributes[L].field;
-                C[H] && (me[H] = C[H]);
+            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 q && (me[v.field] = q), me;
+              return $ && (ue[v.field] = $), ue;
             })
           },
           v.field
         );
       }),
-      /* @__PURE__ */ n("div", { className: "flex min-h-[28px] flex-1 items-center gap-2", children: V && te ? /* @__PURE__ */ m(ct, { children: [
-        /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate text-slate-700 dark:text-slate-200", children: Te(l, te) }),
-        (x(V) ?? 0) > 0 && /* @__PURE__ */ m("span", { className: "rounded bg-nvr-cyan/10 px-1.5 py-0.5 text-[10px] font-semibold text-[#009abe]", children: [
+      /* @__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"
         ] }),
-        !g && /* @__PURE__ */ m(ct, { children: [
+        !y && /* @__PURE__ */ m(ft, { children: [
           /* @__PURE__ */ n(
             "input",
             {
               type: "number",
               min: 0,
               step: F,
-              value: G,
+              value: X,
               "aria-label": "Quantity to add",
-              onChange: (v) => _e(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"
             }
@@ -1735,56 +1824,60 @@ function cn({
             "button",
             {
               type: "button",
-              onClick: () => void ke(),
+              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: [
-                J ? /* @__PURE__ */ n(ne, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ n(zr, { 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 cr({ text: f, className: y }) {
-  const S = Xr(f);
-  return /* @__PURE__ */ n("span", { ref: S, className: z("truncate", y), 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 mn({
+function Nn({
   label: f,
-  value: y,
-  valueLabel: S,
+  value: k,
+  valueLabel: _,
   options: j,
-  disabled: l,
+  disabled: i,
   onChange: x
 }) {
-  const [p, F] = I(!1), g = Ve(null);
-  return Fe(() => {
-    if (!p) return;
-    const B = (M) => {
-      g.current && !g.current.contains(M.target) && F(!1);
+  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", B), () => document.removeEventListener("mousedown", B);
-  }, [p]), /* @__PURE__ */ m("div", { ref: g, 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: () => F((B) => !B),
+        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: z("truncate", !S && "text-slate-400"), children: S ?? "Select…" }),
-          /* @__PURE__ */ n(Br, { 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: [
-      y && /* @__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",
@@ -1793,225 +1886,225 @@ function mn({
           },
           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(ut, { className: "h-3 w-3 text-slate-400" }),
+            /* @__PURE__ */ n(bt, { className: "h-3 w-3 text-slate-400" }),
             " Clear"
           ]
         }
       ),
-      j.map(([B, M]) => /* @__PURE__ */ n(
+      j.map(([D, Y]) => /* @__PURE__ */ n(
         "button",
         {
           type: "button",
           onClick: () => {
-            x(B), F(!1);
+            x(D), F(!1);
           },
-          className: z(
+          className: K(
             "block w-full truncate px-2 py-1 text-left text-[12px] hover:bg-muted",
-            B === y ? "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: M
+          children: Y
         },
-        B
+        D
       ))
     ] })
   ] });
 }
-function un({
+function vn({
   catalogCol: f,
-  tmpl: y,
-  sectionBy: S,
+  tmpl: k,
+  sectionBy: _,
   sectionM2M: j,
-  pinnedSet: l,
+  pinnedSet: i,
   pinnedIds: x,
-  savingIds: p,
+  savingIds: g,
   relatedCols: F,
-  parentDraft: g,
-  onToggle: B,
-  onClose: M,
-  anchor: se
+  parentDraft: y,
+  onToggle: D,
+  onClose: Y,
+  anchor: te
 }) {
-  const K = Ot(), [P, oe] = I(""), [G, _e] = I(""), [J, ye] = I(1), qe = Ve(null);
-  Fe(() => {
-    const a = setTimeout(() => _e(P), 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);
-  }, [P]), 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(), M());
+    (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);
-  }, [M]);
-  const pe = O(() => {
-    var k;
-    const a = (k = [...(y ?? "").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";
-  }, [y]), de = !j && S.includes(".") ? `*,${S}` : "*", ee = 50, { data: ce, isFetching: X } = D({
-    queryKey: ["favorites-manager-list", f, G, pe, J],
-    queryFn: () => K.request(
-      R(`/items/${f}`, {
-        fields: de,
-        limit: ee,
-        page: J,
-        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))), V = (ce == null ? void 0 : ce.total) ?? ae.length, te = Math.max(1, Math.ceil(V / ee)), { data: he = [] } = D({
-    queryKey: ["favorites-manager-pinned", f, de, x.join(",")],
-    queryFn: () => K.request(
-      R(`/items/${f}`, {
+  }), 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: de,
+        fields: ce,
         limit: x.length,
-        sort: pe
+        sort: xe
       })
     ).then((a) => a.data ?? []),
     enabled: x.length > 0,
     staleTime: 3e4
-  }), h = O(() => {
+  }), h = T(() => {
     const a = /* @__PURE__ */ new Set();
-    for (const k of ae) a.add(String(k.id));
-    for (const k of x) a.add(k);
+    for (const w of ie) a.add(String(w.id));
+    for (const w of x) a.add(w);
     return [...a];
-  }, [ae, x]), { data: ke = /* @__PURE__ */ new Map() } = D({
+  }, [ie, x]), { data: Ne = /* @__PURE__ */ new Map() } = W({
     queryKey: ["favorites-manager-sections", j == null ? void 0 : j.junction, h.join(",")],
     queryFn: async () => {
-      const a = j, k = await ft(K, `/items/${a.junction}`, {
+      const a = j, w = await ht(J, `/items/${a.junction}`, {
         fields: `${a.fkToItem},${a.fkToSection}`,
         filter: JSON.stringify({ [a.fkToItem]: { _in: h } })
-      }), U = [...new Set(k.map((W) => String(W[a.fkToSection])))], A = U.length ? await ft(K, `/items/${a.target}`, {
+      }), 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(
-        A.map((W) => [String(W.id), String(fr(W, a.labelPath) ?? "")])
-      ), Y = /* @__PURE__ */ new Map();
-      for (const W of k) {
-        const ie = re.get(String(W[a.fkToSection]));
-        if (!ie) continue;
-        const ue = String(W[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: !!j && h.length > 0,
     staleTime: 6e4
-  }), v = (a) => y ? Te(y, a) : String(a.cifa_number ?? a.name ?? `#${a.id}`), Q = (a) => {
-    const k = a.description ?? a.long_description ?? a.name;
-    return typeof k == "string" && k.trim() && k.trim() !== v(a) ? k : "";
-  }, _ = (a) => {
-    if (j) return (ke.get(String(a.id)) ?? []).join(", ");
-    if (!S) return "";
-    const k = Te(`{{${S}}}`, a);
-    return k === `{{${S}}}` ? "" : k;
-  }, E = (a, k) => {
-    if (k === "presence")
+  }), 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 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);
-  }, q = Ft({
+    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 k = Ue(a.match, g);
+      const w = Ue(a.match, y);
       return {
         queryKey: [
           "favorites-manager-related",
           a.key,
           a.collection,
-          JSON.stringify(k),
+          JSON.stringify(w),
           h.join(",")
         ],
         queryFn: async () => {
-          const U = await K.request(
-            R(`/items/${a.collection}`, {
-              filter: JSON.stringify({ [a.item_field]: { _in: h }, ...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 ?? []), A = /* @__PURE__ */ new Map();
-          for (const re of U) {
-            const Y = String(re[a.item_field]), W = re[a.value_field], ie = A.get(Y);
-            ie === void 0 ? A.set(Y, W) : Number.isFinite(Number(ie)) && Number.isFinite(Number(W)) && A.set(Y, Number(ie) + Number(W));
+          ).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 A;
+          return L;
         },
-        enabled: h.length > 0 && (a.match === void 0 || k !== null),
+        enabled: h.length > 0 && (a.match === void 0 || w !== null),
         staleTime: 3e4
       };
     })
-  }), C = F.filter(
-    (a) => a.match !== void 0 && Ue(a.match, g) === 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: () => B(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(
-          De,
+        children: g.has(a) ? /* @__PURE__ */ n(ae, { className: "h-4 w-4 animate-spin text-amber-400" }) : /* @__PURE__ */ n(
+          He,
           {
-            className: z(
+            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"
             )
           }
         )
       }
     );
-  }, L = (a, k) => /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", { colSpan: 4 + F.length, className: z("border-b px-3 py-1.5", k), children: a }) }), H = (a, k) => {
-    const U = String(a.id), A = Q(a);
+  }, 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: z(
+        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: mr(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: () => ur(f, U, g),
+              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": A || void 0, children: A || "—" }) }),
-          /* @__PURE__ */ n("td", { className: "px-2 py-1", children: /* @__PURE__ */ n("p", { className: "truncate text-slate-500 dark:text-slate-400", children: _(a) || "—" }) }),
-          F.map((re, Y) => {
-            var ue, we;
-            const W = re.match !== void 0 && Ue(re.match, g) === null, ie = W || (we = (ue = q[Y]) == null ? void 0 : ue.data) == null ? void 0 : we.get(U);
+          /* @__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: W ? "—" : E(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 = P.trim() ? he.filter((a) => Zr(`${v(a)} ${Q(a)} ${_(a)}`, P)) : he;
-  return Dr(
+  }, 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: M
+          onClick: Y
         }
       ),
       /* @__PURE__ */ m(
@@ -2023,7 +2116,7 @@ function un({
           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(De, { 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." })
@@ -2032,40 +2125,40 @@ function un({
                 "button",
                 {
                   type: "button",
-                  onClick: M,
+                  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(ut, { 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(mt, { 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: P,
-                    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"
                   }
                 ),
-                P && /* @__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(ut, { className: "h-3.5 w-3.5" })
+                    children: /* @__PURE__ */ n(bt, { className: "h-3.5 w-3.5" })
                   }
                 )
               ] }),
-              C.length > 0 && /* @__PURE__ */ m("p", { className: "mt-1.5 flex items-center gap-1 text-[10px] text-amber-600 dark:text-amber-400", children: [
-                /* @__PURE__ */ n(Be, { className: "h-3 w-3 shrink-0" }),
-                C.map((a) => a.label ?? Z(a.key)).join(", "),
+              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(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."
               ] })
             ] }),
@@ -2082,18 +2175,18 @@ function un({
                 /* @__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" }),
-                F.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: z(X && "opacity-50 transition-opacity"), children: [
-                L(
+              /* @__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(De, { 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: 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 + F.length,
@@ -2101,37 +2194,37 @@ function un({
                     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)),
-                L(
+                ye.map((a, w) => U(a, w)),
+                E(
                   /* @__PURE__ */ m("span", { className: "flex items-center gap-1.5", children: [
-                    /* @__PURE__ */ n(mt, { 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: V.toLocaleString() }),
-                    X && /* @__PURE__ */ n(ne, { className: "h-3 w-3 animate-spin text-slate-400" })
+                    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 + 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: [
-                (J - 1) * ee + 1,
+                (z - 1) * re + 1,
                 "–",
-                Math.min(J * ee, V),
+                Math.min(z * re, V),
                 " of",
                 " ",
                 V.toLocaleString(),
-                X && /* @__PURE__ */ m("span", { className: "flex items-center gap-1 text-slate-500", children: [
-                  /* @__PURE__ */ n(ne, { className: "h-3 w-3 animate-spin" }),
+                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…"
                 ] })
               ] }),
@@ -2140,23 +2233,23 @@ function un({
                   "button",
                   {
                     type: "button",
-                    disabled: J <= 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: [
-                  J,
+                  z,
                   " / ",
-                  te.toLocaleString()
+                  ne.toLocaleString()
                 ] }),
                 /* @__PURE__ */ n(
                   "button",
                   {
                     type: "button",
-                    disabled: J >= 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 ›"
                   }
@@ -2167,10 +2260,10 @@ function un({
         }
       )
     ] }),
-    Oe
+    Ce
   );
 }
 export {
-  En as CatalogPickerField,
-  dr as matchesShowWhen
+  Hn as CatalogPickerField,
+  xr as matchesShowWhen
 };