@open-mercato/ui 0.6.1-develop.3276.1.1fcd145078 → 0.6.1-develop.3278.1.a4d26475e4

package/dist/backend/filters/FilterEmptyState.js

@@ -0,0 +1,41 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Filter, Plus } from "lucide-react";
+import { Button } from "../../primitives/button.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function FilterEmptyState({ onAddCondition, addConditionRef, aiSlot, quickFilters }) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-stretch gap-4 p-2", "data-testid": "filter-empty-state", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center py-6 gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex size-14 items-center justify-center rounded-full bg-brand-violet/10", children: /* @__PURE__ */ jsx(Filter, { className: "size-6 text-brand-violet" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-base font-semibold", children: t("ui.advancedFilter.empty.title", "No filters applied") }),
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground max-w-md", children: t("ui.advancedFilter.empty.subtitle", "Add a condition to narrow down the list, or describe what you want in natural language.") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            ref: addConditionRef,
+            onClick: onAddCondition,
+            className: "bg-brand-violet text-brand-violet-foreground hover:bg-brand-violet/90",
+            children: [
+              /* @__PURE__ */ jsx(Plus, { className: "size-4" }),
+              t("ui.advancedFilter.empty.addCondition", "Add condition")
+            ]
+          }
+        ),
+        aiSlot
+      ] })
+    ] }),
+    quickFilters ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "border-t border-border" }),
+      quickFilters
+    ] }) : null
+  ] });
+}
+export {
+  FilterEmptyState
+};
+//# sourceMappingURL=FilterEmptyState.js.map

package/dist/backend/filters/FilterEmptyState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/filters/FilterEmptyState.tsx"],
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { Filter, Plus } from 'lucide-react'\nimport { Button } from '../../primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type FilterEmptyStateProps = {\n  onAddCondition: () => void\n  addConditionRef: React.RefObject<HTMLButtonElement | null>\n  aiSlot?: React.ReactNode\n  quickFilters?: React.ReactNode\n}\n\nexport function FilterEmptyState({ onAddCondition, addConditionRef, aiSlot, quickFilters }: FilterEmptyStateProps) {\n  const t = useT()\n  return (\n    <div className=\"flex flex-col items-stretch gap-4 p-2\" data-testid=\"filter-empty-state\">\n      <div className=\"flex flex-col items-center text-center py-6 gap-3\">\n        <div className=\"flex size-14 items-center justify-center rounded-full bg-brand-violet/10\">\n          <Filter className=\"size-6 text-brand-violet\" />\n        </div>\n        <div className=\"flex flex-col gap-1\">\n          <div className=\"text-base font-semibold\">\n            {t('ui.advancedFilter.empty.title', 'No filters applied')}\n          </div>\n          <div className=\"text-sm text-muted-foreground max-w-md\">\n            {t('ui.advancedFilter.empty.subtitle', 'Add a condition to narrow down the list, or describe what you want in natural language.')}\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Button\n            type=\"button\"\n            ref={addConditionRef}\n            onClick={onAddCondition}\n            className=\"bg-brand-violet text-brand-violet-foreground hover:bg-brand-violet/90\"\n          >\n            <Plus className=\"size-4\" />\n            {t('ui.advancedFilter.empty.addCondition', 'Add condition')}\n          </Button>\n          {aiSlot}\n        </div>\n      </div>\n      {quickFilters ? (\n        <>\n          <div className=\"border-t border-border\" />\n          {quickFilters}\n        </>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAmBU,SAwBF,UAxBE,KAEF,YAFE;AAjBV,SAAS,QAAQ,YAAY;AAC7B,SAAS,cAAc;AACvB,SAAS,YAAY;AASd,SAAS,iBAAiB,EAAE,gBAAgB,iBAAiB,QAAQ,aAAa,GAA0B;AACjH,QAAM,IAAI,KAAK;AACf,SACE,qBAAC,SAAI,WAAU,yCAAwC,eAAY,sBACjE;AAAA,yBAAC,SAAI,WAAU,qDACb;AAAA,0BAAC,SAAI,WAAU,4EACb,8BAAC,UAAO,WAAU,4BAA2B,GAC/C;AAAA,MACA,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,SAAI,WAAU,2BACZ,YAAE,iCAAiC,oBAAoB,GAC1D;AAAA,QACA,oBAAC,SAAI,WAAU,0CACZ,YAAE,oCAAoC,yFAAyF,GAClI;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,2BACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,KAAK;AAAA,YACL,SAAS;AAAA,YACT,WAAU;AAAA,YAEV;AAAA,kCAAC,QAAK,WAAU,UAAS;AAAA,cACxB,EAAE,wCAAwC,eAAe;AAAA;AAAA;AAAA,QAC5D;AAAA,QACC;AAAA,SACH;AAAA,OACF;AAAA,IACC,eACC,iCACE;AAAA,0BAAC,SAAI,WAAU,0BAAyB;AAAA,MACvC;AAAA,OACH,IACE;AAAA,KACN;AAEJ;",
+  "names": []
+}

package/dist/backend/filters/FilterFieldPicker.js

@@ -0,0 +1,148 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Search, Activity, Calendar, Hash, Tag, ArrowRight, ALargeSmall, UserRound, Mail, Phone, Filter } from "lucide-react";
+import { Popover, PopoverContent, PopoverAnchor } from "../../primitives/popover.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const TYPE_ICON = {
+  text: ALargeSmall,
+  select: Activity,
+  tags: Tag,
+  date: Calendar,
+  number: Hash,
+  boolean: ArrowRight
+};
+const NAMED_ICONS = {
+  "user-round": UserRound,
+  mail: Mail,
+  phone: Phone,
+  tag: Tag,
+  filter: Filter
+};
+function resolveIcon(field) {
+  if (field.iconName && NAMED_ICONS[field.iconName]) return NAMED_ICONS[field.iconName];
+  return TYPE_ICON[field.type] ?? ALargeSmall;
+}
+function FilterFieldPicker({ fields, open, onOpenChange, onSelect, triggerRef }) {
+  const t = useT();
+  const [query, setQuery] = React.useState("");
+  const [activeIdx, setActiveIdx] = React.useState(0);
+  const searchRef = React.useRef(null);
+  React.useEffect(() => {
+    if (open) {
+      setQuery("");
+      setActiveIdx(0);
+      searchRef.current?.focus();
+    }
+  }, [open]);
+  const filtered = React.useMemo(() => {
+    if (!query.trim()) return fields;
+    const q = query.trim().toLowerCase();
+    return fields.filter((f) => f.label.toLowerCase().includes(q) || f.key.toLowerCase().includes(q));
+  }, [fields, query]);
+  const grouped = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    const order = [];
+    for (const f of filtered) {
+      const g = f.group ?? "More";
+      if (!map.has(g)) {
+        map.set(g, []);
+        order.push(g);
+      }
+      map.get(g).push(f);
+    }
+    return order.map((g) => ({ group: g, items: map.get(g) }));
+  }, [filtered]);
+  const flatVisible = React.useMemo(() => grouped.flatMap((g) => g.items), [grouped]);
+  React.useEffect(() => {
+    if (!open) return;
+    function onKey(e) {
+      if (e.key === "Escape") {
+        onOpenChange(false);
+        return;
+      }
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        setActiveIdx((i) => Math.min(i + 1, flatVisible.length - 1));
+      }
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        setActiveIdx((i) => Math.max(i - 1, 0));
+      }
+      if (e.key === "Enter") {
+        e.preventDefault();
+        const f = flatVisible[activeIdx];
+        if (f) {
+          onSelect(f);
+          onOpenChange(false);
+        }
+      }
+      if (e.key === "/" && document.activeElement !== searchRef.current) {
+        e.preventDefault();
+        searchRef.current?.focus();
+      }
+    }
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [open, flatVisible, activeIdx, onSelect, onOpenChange]);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx(PopoverAnchor, { virtualRef: triggerRef }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-80 p-0", align: "start", "data-advanced-filter-portal": "", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative p-2 border-b border-border", children: [
+        /* @__PURE__ */ jsx(Search, { className: "absolute left-4 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: searchRef,
+            type: "text",
+            value: query,
+            onChange: (e) => {
+              setQuery(e.target.value);
+              setActiveIdx(0);
+            },
+            placeholder: t("ui.advancedFilter.fieldPicker.search", "Search field\u2026"),
+            className: "h-8 w-full rounded-md border border-input bg-background pl-8 pr-2 text-sm outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50",
+            "aria-label": t("ui.advancedFilter.fieldPicker.search", "Search field\u2026")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "max-h-[400px] overflow-y-auto py-1", role: "listbox", children: grouped.map(({ group, items }) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "px-3 pt-2 pb-1 text-overline font-semibold uppercase tracking-widest text-muted-foreground", children: group }),
+        items.map((f) => {
+          const flatIdx = flatVisible.indexOf(f);
+          const Icon = resolveIcon(f);
+          const active = flatIdx === activeIdx;
+          return (
+            // Raw <button> required: needs role="option" inside the listbox, which <Button>
+            // would override (Button forces role="button"). a11y semantics take precedence
+            // over the primitive contract for listbox items.
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                role: "option",
+                "aria-selected": active,
+                onClick: () => {
+                  onSelect(f);
+                  onOpenChange(false);
+                },
+                onMouseEnter: () => setActiveIdx(flatIdx),
+                className: `flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm hover:bg-accent ${active ? "bg-secondary" : ""}`,
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { className: "size-4 text-muted-foreground" }),
+                  /* @__PURE__ */ jsx("span", { children: f.label })
+                ]
+              },
+              f.key
+            )
+          );
+        })
+      ] }, group)) }),
+      /* @__PURE__ */ jsx("div", { className: "px-3 py-2 border-t border-border text-xs text-muted-foreground", children: t("ui.advancedFilter.fieldPicker.hint", "Tip: Type to search, \u2191\u2193 to navigate, Enter to select") })
+    ] }) })
+  ] });
+}
+export {
+  FilterFieldPicker
+};
+//# sourceMappingURL=FilterFieldPicker.js.map

package/dist/backend/filters/FilterFieldPicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/filters/FilterFieldPicker.tsx"],
+  "sourcesContent": ["// packages/ui/src/backend/filters/FilterFieldPicker.tsx\n'use client'\nimport * as React from 'react'\nimport { Search, Activity, Calendar, Hash, Tag, ArrowRight, ALargeSmall, UserRound, Mail, Phone, Filter, type LucideIcon } from 'lucide-react'\nimport { Popover, PopoverContent, PopoverAnchor } from '../../primitives/popover'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterFieldDef, FilterFieldType } from '@open-mercato/shared/lib/query/advanced-filter'\n\nconst TYPE_ICON: Record<FilterFieldType, LucideIcon> = {\n  text: ALargeSmall,\n  select: Activity,\n  tags: Tag,\n  date: Calendar,\n  number: Hash,\n  boolean: ArrowRight,\n}\n\nconst NAMED_ICONS: Record<string, LucideIcon> = {\n  'user-round': UserRound,\n  mail: Mail,\n  phone: Phone,\n  tag: Tag,\n  filter: Filter,\n}\n\nfunction resolveIcon(field: FilterFieldDef): LucideIcon {\n  if (field.iconName && NAMED_ICONS[field.iconName]) return NAMED_ICONS[field.iconName]\n  return TYPE_ICON[field.type] ?? ALargeSmall\n}\n\nexport type FilterFieldPickerProps = {\n  fields: FilterFieldDef[]\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  onSelect: (field: FilterFieldDef) => void\n  triggerRef: React.RefObject<HTMLElement | null>\n}\n\nexport function FilterFieldPicker({ fields, open, onOpenChange, onSelect, triggerRef }: FilterFieldPickerProps) {\n  const t = useT()\n  const [query, setQuery] = React.useState('')\n  const [activeIdx, setActiveIdx] = React.useState(0)\n  const searchRef = React.useRef<HTMLInputElement>(null)\n\n  React.useEffect(() => { if (open) { setQuery(''); setActiveIdx(0); searchRef.current?.focus() } }, [open])\n\n  const filtered = React.useMemo(() => {\n    if (!query.trim()) return fields\n    const q = query.trim().toLowerCase()\n    return fields.filter(f => f.label.toLowerCase().includes(q) || f.key.toLowerCase().includes(q))\n  }, [fields, query])\n\n  const grouped = React.useMemo(() => {\n    const map = new Map<string, FilterFieldDef[]>()\n    const order: string[] = []\n    for (const f of filtered) {\n      const g = f.group ?? 'More'\n      if (!map.has(g)) { map.set(g, []); order.push(g) }\n      map.get(g)!.push(f)\n    }\n    return order.map(g => ({ group: g, items: map.get(g)! }))\n  }, [filtered])\n\n  const flatVisible = React.useMemo(() => grouped.flatMap(g => g.items), [grouped])\n\n  React.useEffect(() => {\n    if (!open) return\n    function onKey(e: KeyboardEvent) {\n      if (e.key === 'Escape') { onOpenChange(false); return }\n      if (e.key === 'ArrowDown') { e.preventDefault(); setActiveIdx(i => Math.min(i + 1, flatVisible.length - 1)) }\n      if (e.key === 'ArrowUp')   { e.preventDefault(); setActiveIdx(i => Math.max(i - 1, 0)) }\n      if (e.key === 'Enter') {\n        e.preventDefault()\n        const f = flatVisible[activeIdx]\n        if (f) { onSelect(f); onOpenChange(false) }\n      }\n      if (e.key === '/' && document.activeElement !== searchRef.current) {\n        e.preventDefault(); searchRef.current?.focus()\n      }\n    }\n    window.addEventListener('keydown', onKey)\n    return () => window.removeEventListener('keydown', onKey)\n  }, [open, flatVisible, activeIdx, onSelect, onOpenChange])\n\n  return (\n    <Popover open={open} onOpenChange={onOpenChange}>\n      {/* Radix expects RefObject<Measurable>; our prop accepts null. Narrow cast covers the React 19 \u2194 Radix variance. */}\n      <PopoverAnchor virtualRef={triggerRef as React.RefObject<{ getBoundingClientRect(): DOMRect }>} />\n      <PopoverContent className=\"w-80 p-0\" align=\"start\" data-advanced-filter-portal=\"\">\n        <div className=\"flex flex-col\">\n          <div className=\"relative p-2 border-b border-border\">\n            <Search className=\"absolute left-4 top-1/2 size-4 -translate-y-1/2 text-muted-foreground\" />\n            <input\n              ref={searchRef}\n              type=\"text\"\n              value={query}\n              onChange={(e) => { setQuery(e.target.value); setActiveIdx(0) }}\n              placeholder={t('ui.advancedFilter.fieldPicker.search', 'Search field\u2026')}\n              className=\"h-8 w-full rounded-md border border-input bg-background pl-8 pr-2 text-sm outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50\"\n              aria-label={t('ui.advancedFilter.fieldPicker.search', 'Search field\u2026')}\n            />\n          </div>\n          <div className=\"max-h-[400px] overflow-y-auto py-1\" role=\"listbox\">\n            {grouped.map(({ group, items }) => (\n              <div key={group}>\n                <div className=\"px-3 pt-2 pb-1 text-overline font-semibold uppercase tracking-widest text-muted-foreground\">{group}</div>\n                {items.map((f) => {\n                  const flatIdx = flatVisible.indexOf(f)\n                  const Icon = resolveIcon(f)\n                  const active = flatIdx === activeIdx\n                  return (\n                    // Raw <button> required: needs role=\"option\" inside the listbox, which <Button>\n                    // would override (Button forces role=\"button\"). a11y semantics take precedence\n                    // over the primitive contract for listbox items.\n                    <button\n                      key={f.key}\n                      type=\"button\"\n                      role=\"option\"\n                      aria-selected={active}\n                      onClick={() => { onSelect(f); onOpenChange(false) }}\n                      onMouseEnter={() => setActiveIdx(flatIdx)}\n                      className={`flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm hover:bg-accent ${active ? 'bg-secondary' : ''}`}\n                    >\n                      <Icon className=\"size-4 text-muted-foreground\" />\n                      <span>{f.label}</span>\n                    </button>\n                  )\n                })}\n              </div>\n            ))}\n          </div>\n          <div className=\"px-3 py-2 border-t border-border text-xs text-muted-foreground\">\n            {t('ui.advancedFilter.fieldPicker.hint', 'Tip: Type to search, \u2191\u2193 to navigate, Enter to select')}\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/filters/FilteredEmptyResults.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SearchX, Undo2 } from "lucide-react";
+import { Button } from "../../primitives/button.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function FilteredEmptyResults({ entityNamePlural, canRemoveLast, onClearAll, onRemoveLast }) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-12", "data-testid": "filtered-empty-results", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex size-14 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsx(SearchX, { className: "size-6 text-muted-foreground" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-base font-semibold", children: t("ui.advancedFilter.empty.noMatches", "No {entity} match these filters", { entity: entityNamePlural }) }),
+      /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground max-w-md text-center", children: t("ui.advancedFilter.empty.tryRemoving", "Try removing the most restrictive filter, or clear all filters to see everyone.") })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", onClick: onClearAll, children: t("ui.advancedFilter.empty.clearAll", "Clear all filters") }),
+      /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", disabled: !canRemoveLast, onClick: onRemoveLast, children: [
+        /* @__PURE__ */ jsx(Undo2, { className: "size-4" }),
+        t("ui.advancedFilter.empty.removeLast", "Remove last filter")
+      ] })
+    ] })
+  ] });
+}
+export {
+  FilteredEmptyResults
+};
+//# sourceMappingURL=FilteredEmptyResults.js.map

package/dist/backend/filters/FilteredEmptyResults.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/filters/FilteredEmptyResults.tsx"],
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { SearchX, Undo2 } from 'lucide-react'\nimport { Button } from '../../primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type FilteredEmptyResultsProps = {\n  entityNamePlural: string\n  canRemoveLast: boolean\n  onClearAll: () => void\n  onRemoveLast: () => void\n}\n\nexport function FilteredEmptyResults({ entityNamePlural, canRemoveLast, onClearAll, onRemoveLast }: FilteredEmptyResultsProps) {\n  const t = useT()\n  return (\n    <div className=\"flex flex-col items-center justify-center gap-4 py-12\" data-testid=\"filtered-empty-results\">\n      <div className=\"flex size-14 items-center justify-center rounded-full bg-muted\">\n        <SearchX className=\"size-6 text-muted-foreground\" />\n      </div>\n      <div className=\"flex flex-col items-center gap-1\">\n        <div className=\"text-base font-semibold\">\n          {t('ui.advancedFilter.empty.noMatches', 'No {entity} match these filters', { entity: entityNamePlural })}\n        </div>\n        <div className=\"text-sm text-muted-foreground max-w-md text-center\">\n          {t('ui.advancedFilter.empty.tryRemoving', 'Try removing the most restrictive filter, or clear all filters to see everyone.')}\n        </div>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <Button type=\"button\" onClick={onClearAll}>\n          {t('ui.advancedFilter.empty.clearAll', 'Clear all filters')}\n        </Button>\n        <Button type=\"button\" variant=\"outline\" disabled={!canRemoveLast} onClick={onRemoveLast}>\n          <Undo2 className=\"size-4\" />\n          {t('ui.advancedFilter.empty.removeLast', 'Remove last filter')}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAkBQ,cAEF,YAFE;AAhBR,SAAS,SAAS,aAAa;AAC/B,SAAS,cAAc;AACvB,SAAS,YAAY;AASd,SAAS,qBAAqB,EAAE,kBAAkB,eAAe,YAAY,aAAa,GAA8B;AAC7H,QAAM,IAAI,KAAK;AACf,SACE,qBAAC,SAAI,WAAU,yDAAwD,eAAY,0BACjF;AAAA,wBAAC,SAAI,WAAU,kEACb,8BAAC,WAAQ,WAAU,gCAA+B,GACpD;AAAA,IACA,qBAAC,SAAI,WAAU,oCACb;AAAA,0BAAC,SAAI,WAAU,2BACZ,YAAE,qCAAqC,mCAAmC,EAAE,QAAQ,iBAAiB,CAAC,GACzG;AAAA,MACA,oBAAC,SAAI,WAAU,sDACZ,YAAE,uCAAuC,iFAAiF,GAC7H;AAAA,OACF;AAAA,IACA,qBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,UAAO,MAAK,UAAS,SAAS,YAC5B,YAAE,oCAAoC,mBAAmB,GAC5D;AAAA,MACA,qBAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,UAAU,CAAC,eAAe,SAAS,cACzE;AAAA,4BAAC,SAAM,WAAU,UAAS;AAAA,QACzB,EAAE,sCAAsC,oBAAoB;AAAA,SAC/D;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/backend/filters/QuickFilters.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Clock, Filter } from "lucide-react";
+import { Button } from "../../primitives/button.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const ICONS = { clock: Clock, filter: Filter };
+function QuickFilters({ presets, userId, onApply }) {
+  const t = useT();
+  const availablePresets = React.useMemo(
+    () => presets.filter((preset) => !preset.requiresUser || userId.trim().length > 0),
+    [presets, userId]
+  );
+  if (!availablePresets.length) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-overline font-medium uppercase tracking-widest text-muted-foreground", children: t("ui.advancedFilter.quickFilters.heading", "Quick filters") }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: availablePresets.map((p) => {
+      const Icon = p.iconName ? ICONS[p.iconName] ?? Filter : Filter;
+      return /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          className: "rounded-full h-8 px-3 gap-1.5",
+          onClick: () => onApply(p.build({ userId, now: /* @__PURE__ */ new Date() }), p),
+          children: [
+            /* @__PURE__ */ jsx(Icon, { className: "size-3.5 text-muted-foreground" }),
+            t(p.labelKey, p.labelKey)
+          ]
+        },
+        p.id
+      );
+    }) }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("ui.advancedFilter.quickFilters.hint", "Click a quick filter to apply it instantly. Editable after applying.") })
+  ] });
+}
+export {
+  QuickFilters
+};
+//# sourceMappingURL=QuickFilters.js.map

package/dist/backend/filters/QuickFilters.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/filters/QuickFilters.tsx"],
+  "sourcesContent": ["// packages/ui/src/backend/filters/QuickFilters.tsx\n'use client'\nimport * as React from 'react'\nimport { Clock, Filter, type LucideIcon } from 'lucide-react'\nimport { Button } from '../../primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { AdvancedFilterTree } from '@open-mercato/shared/lib/query/advanced-filter-tree'\n\nexport type FilterPreset = {\n  id: string\n  labelKey: string\n  iconName?: string\n  requiresUser?: boolean\n  build: (ctx: { userId: string; now: Date }) => AdvancedFilterTree\n}\n\nconst ICONS: Record<string, LucideIcon> = { clock: Clock, filter: Filter }\n\nexport type QuickFiltersProps = {\n  presets: FilterPreset[]\n  userId: string\n  onApply: (tree: AdvancedFilterTree, preset: FilterPreset) => void\n}\n\nexport function QuickFilters({ presets, userId, onApply }: QuickFiltersProps) {\n  const t = useT()\n  const availablePresets = React.useMemo(\n    () => presets.filter((preset) => !preset.requiresUser || userId.trim().length > 0),\n    [presets, userId],\n  )\n  if (!availablePresets.length) return null\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div className=\"text-overline font-medium uppercase tracking-widest text-muted-foreground\">\n        {t('ui.advancedFilter.quickFilters.heading', 'Quick filters')}\n      </div>\n      <div className=\"flex flex-wrap gap-2\">\n        {availablePresets.map((p) => {\n          const Icon = p.iconName ? ICONS[p.iconName] ?? Filter : Filter\n          return (\n            <Button\n              key={p.id}\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"rounded-full h-8 px-3 gap-1.5\"\n              onClick={() => onApply(p.build({ userId, now: new Date() }), p)}\n            >\n              <Icon className=\"size-3.5 text-muted-foreground\" />\n              {t(p.labelKey, p.labelKey)}\n            </Button>\n          )\n        })}\n      </div>\n      {/* Footer hint mirrors the Figma SPEC-048 empty state \u2014 explains that\n          presets apply immediately and remain editable. */}\n      <p className=\"text-xs text-muted-foreground\">\n        {t('ui.advancedFilter.quickFilters.hint', 'Click a quick filter to apply it instantly. Editable after applying.')}\n      </p>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAiCM,cAOM,YAPN;AA/BN,YAAY,WAAW;AACvB,SAAS,OAAO,cAA+B;AAC/C,SAAS,cAAc;AACvB,SAAS,YAAY;AAWrB,MAAM,QAAoC,EAAE,OAAO,OAAO,QAAQ,OAAO;AAQlE,SAAS,aAAa,EAAE,SAAS,QAAQ,QAAQ,GAAsB;AAC5E,QAAM,IAAI,KAAK;AACf,QAAM,mBAAmB,MAAM;AAAA,IAC7B,MAAM,QAAQ,OAAO,CAAC,WAAW,CAAC,OAAO,gBAAgB,OAAO,KAAK,EAAE,SAAS,CAAC;AAAA,IACjF,CAAC,SAAS,MAAM;AAAA,EAClB;AACA,MAAI,CAAC,iBAAiB,OAAQ,QAAO;AACrC,SACE,qBAAC,SAAI,WAAU,uBACb;AAAA,wBAAC,SAAI,WAAU,6EACZ,YAAE,0CAA0C,eAAe,GAC9D;AAAA,IACA,oBAAC,SAAI,WAAU,wBACZ,2BAAiB,IAAI,CAAC,MAAM;AAC3B,YAAM,OAAO,EAAE,WAAW,MAAM,EAAE,QAAQ,KAAK,SAAS;AACxD,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAM,QAAQ,EAAE,MAAM,EAAE,QAAQ,KAAK,oBAAI,KAAK,EAAE,CAAC,GAAG,CAAC;AAAA,UAE9D;AAAA,gCAAC,QAAK,WAAU,kCAAiC;AAAA,YAChD,EAAE,EAAE,UAAU,EAAE,QAAQ;AAAA;AAAA;AAAA,QARpB,EAAE;AAAA,MAST;AAAA,IAEJ,CAAC,GACH;AAAA,IAGA,oBAAC,OAAE,WAAU,iCACV,YAAE,uCAAuC,sEAAsE,GAClH;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/backend/filters/filterValidation.js

@@ -0,0 +1,47 @@
+import { isValuelessOperator } from "@open-mercato/shared/lib/query/advanced-filter";
+const MULTI_VALUE_OPS = /* @__PURE__ */ new Set(["is_any_of", "is_none_of", "has_any_of", "has_all_of", "has_none_of"]);
+function isBlank(value) {
+  if (value == null) return true;
+  if (typeof value === "string") return value.trim().length === 0;
+  return false;
+}
+function validateRule(rule) {
+  if (isValuelessOperator(rule.operator)) return null;
+  const op = rule.operator;
+  if (op === "between") {
+    if (!Array.isArray(rule.value) || rule.value.length !== 2 || isBlank(rule.value[0]) || isBlank(rule.value[1])) {
+      return { ruleId: rule.id, messageKey: "ui.advancedFilter.error.betweenIncomplete", message: "Pick both endpoints" };
+    }
+    return null;
+  }
+  if (MULTI_VALUE_OPS.has(op)) {
+    if (!Array.isArray(rule.value) || rule.value.length === 0) {
+      return { ruleId: rule.id, messageKey: "ui.advancedFilter.error.missingValue", message: "Pick at least one value" };
+    }
+    return null;
+  }
+  if (isBlank(rule.value)) {
+    return { ruleId: rule.id, messageKey: "ui.advancedFilter.error.missingValue", message: "Pick a value to apply this filter" };
+  }
+  return null;
+}
+function walkGroup(group, acc) {
+  for (const child of group.children) {
+    if (child.type === "rule") {
+      const err = validateRule(child);
+      if (err) acc.push(err);
+    } else {
+      walkGroup(child, acc);
+    }
+  }
+}
+function validateTreeForApply(tree, fields) {
+  void fields;
+  const errors = [];
+  walkGroup(tree.root, errors);
+  return errors.length === 0 ? { ok: true } : { ok: false, errors };
+}
+export {
+  validateTreeForApply
+};
+//# sourceMappingURL=filterValidation.js.map

package/dist/backend/filters/filterValidation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/filters/filterValidation.ts"],
+  "sourcesContent": ["// packages/ui/src/backend/filters/filterValidation.ts\nimport type { AdvancedFilterTree, FilterRule, FilterGroup } from '@open-mercato/shared/lib/query/advanced-filter-tree'\nimport type { FilterFieldDef } from '@open-mercato/shared/lib/query/advanced-filter'\nimport { isValuelessOperator } from '@open-mercato/shared/lib/query/advanced-filter'\n\nexport type ValidationError = {\n  ruleId: string\n  messageKey: string\n  message: string\n}\n\nexport type ValidationResult =\n  | { ok: true }\n  | { ok: false; errors: ValidationError[] }\n\nconst MULTI_VALUE_OPS = new Set(['is_any_of', 'is_none_of', 'has_any_of', 'has_all_of', 'has_none_of'])\n\nfunction isBlank(value: unknown): boolean {\n  if (value == null) return true\n  if (typeof value === 'string') return value.trim().length === 0\n  return false\n}\n\nfunction validateRule(rule: FilterRule): ValidationError | null {\n  if (isValuelessOperator(rule.operator)) return null\n  const op = rule.operator\n  if (op === 'between') {\n    if (!Array.isArray(rule.value) || rule.value.length !== 2 || isBlank(rule.value[0]) || isBlank(rule.value[1])) {\n      return { ruleId: rule.id, messageKey: 'ui.advancedFilter.error.betweenIncomplete', message: 'Pick both endpoints' }\n    }\n    return null\n  }\n  if (MULTI_VALUE_OPS.has(op)) {\n    if (!Array.isArray(rule.value) || rule.value.length === 0) {\n      return { ruleId: rule.id, messageKey: 'ui.advancedFilter.error.missingValue', message: 'Pick at least one value' }\n    }\n    return null\n  }\n  if (isBlank(rule.value)) {\n    return { ruleId: rule.id, messageKey: 'ui.advancedFilter.error.missingValue', message: 'Pick a value to apply this filter' }\n  }\n  return null\n}\n\nfunction walkGroup(group: FilterGroup, acc: ValidationError[]): void {\n  for (const child of group.children) {\n    if (child.type === 'rule') {\n      const err = validateRule(child)\n      if (err) acc.push(err)\n    } else {\n      walkGroup(child, acc)\n    }\n  }\n}\n\nexport function validateTreeForApply(tree: AdvancedFilterTree, fields: FilterFieldDef[]): ValidationResult {\n  void fields\n  const errors: ValidationError[] = []\n  walkGroup(tree.root, errors)\n  return errors.length === 0 ? { ok: true } : { ok: false, errors }\n}\n"],
+  "mappings": "AAGA,SAAS,2BAA2B;AAYpC,MAAM,kBAAkB,oBAAI,IAAI,CAAC,aAAa,cAAc,cAAc,cAAc,aAAa,CAAC;AAEtG,SAAS,QAAQ,OAAyB;AACxC,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,OAAO,UAAU,SAAU,QAAO,MAAM,KAAK,EAAE,WAAW;AAC9D,SAAO;AACT;AAEA,SAAS,aAAa,MAA0C;AAC9D,MAAI,oBAAoB,KAAK,QAAQ,EAAG,QAAO;AAC/C,QAAM,KAAK,KAAK;AAChB,MAAI,OAAO,WAAW;AACpB,QAAI,CAAC,MAAM,QAAQ,KAAK,KAAK,KAAK,KAAK,MAAM,WAAW,KAAK,QAAQ,KAAK,MAAM,CAAC,CAAC,KAAK,QAAQ,KAAK,MAAM,CAAC,CAAC,GAAG;AAC7G,aAAO,EAAE,QAAQ,KAAK,IAAI,YAAY,6CAA6C,SAAS,sBAAsB;AAAA,IACpH;AACA,WAAO;AAAA,EACT;AACA,MAAI,gBAAgB,IAAI,EAAE,GAAG;AAC3B,QAAI,CAAC,MAAM,QAAQ,KAAK,KAAK,KAAK,KAAK,MAAM,WAAW,GAAG;AACzD,aAAO,EAAE,QAAQ,KAAK,IAAI,YAAY,wCAAwC,SAAS,0BAA0B;AAAA,IACnH;AACA,WAAO;AAAA,EACT;AACA,MAAI,QAAQ,KAAK,KAAK,GAAG;AACvB,WAAO,EAAE,QAAQ,KAAK,IAAI,YAAY,wCAAwC,SAAS,oCAAoC;AAAA,EAC7H;AACA,SAAO;AACT;AAEA,SAAS,UAAU,OAAoB,KAA8B;AACnE,aAAW,SAAS,MAAM,UAAU;AAClC,QAAI,MAAM,SAAS,QAAQ;AACzB,YAAM,MAAM,aAAa,KAAK;AAC9B,UAAI,IAAK,KAAI,KAAK,GAAG;AAAA,IACvB,OAAO;AACL,gBAAU,OAAO,GAAG;AAAA,IACtB;AAAA,EACF;AACF;AAEO,SAAS,qBAAqB,MAA0B,QAA4C;AACzG,OAAK;AACL,QAAM,SAA4B,CAAC;AACnC,YAAU,KAAK,MAAM,MAAM;AAC3B,SAAO,OAAO,WAAW,IAAI,EAAE,IAAI,KAAK,IAAI,EAAE,IAAI,OAAO,OAAO;AAClE;",
+  "names": []
+}

package/dist/backend/filters/treeReducer.js

@@ -0,0 +1,159 @@
+import {
+  validateTreeLimits,
+  TREE_LIMITS
+} from "@open-mercato/shared/lib/query/advanced-filter-tree";
+let addedAtCounter = 0;
+function nextAddedAt() {
+  addedAtCounter += 1;
+  return addedAtCounter;
+}
+function emptyRule(defaultField, defaultOperator) {
+  return {
+    id: crypto.randomUUID(),
+    type: "rule",
+    field: defaultField ?? "",
+    operator: defaultOperator ?? "contains",
+    value: "",
+    addedAt: nextAddedAt()
+  };
+}
+function emptyGroup(defaultField, defaultOperator) {
+  return {
+    id: crypto.randomUUID(),
+    type: "group",
+    combinator: "and",
+    children: [emptyRule(defaultField, defaultOperator)],
+    addedAt: nextAddedAt()
+  };
+}
+function findMaxAddedAtNode(group) {
+  let best = null;
+  function walk(g) {
+    g.children.forEach((c, idx) => {
+      const a = c.addedAt;
+      if (typeof a === "number") {
+        if (!best || a > best.addedAt) best = { parent: g, idx, addedAt: a };
+      }
+      if (c.type === "group") walk(c);
+    });
+  }
+  walk(group);
+  return best;
+}
+function findGroupAndDepth(root, id, depth = 1) {
+  if (root.id === id) return { group: root, depth };
+  for (const child of root.children) {
+    if (child.type === "group") {
+      const r = findGroupAndDepth(child, id, depth + 1);
+      if (r) return r;
+    }
+  }
+  return null;
+}
+function countRules(group) {
+  let n = 0;
+  for (const c of group.children) {
+    if (c.type === "rule") n += 1;
+    else n += countRules(c);
+  }
+  return n;
+}
+function treeReducer(state, action) {
+  if (action.type === "replaceRoot") {
+    const next2 = { root: action.root };
+    const v2 = validateTreeLimits(next2);
+    return v2.ok ? next2 : state;
+  }
+  const next = JSON.parse(JSON.stringify(state));
+  if (action.type === "removeLast") {
+    const found = findMaxAddedAtNode(next.root);
+    if (!found) return state;
+    found.parent.children.splice(found.idx, 1);
+    const v2 = validateTreeLimits(next);
+    return v2.ok ? next : state;
+  }
+  let mutated = false;
+  function apply(group) {
+    switch (action.type) {
+      case "addRule":
+        if (group.id === action.groupId) {
+          group.children.push(emptyRule(action.defaultField, action.defaultOperator));
+          return true;
+        }
+        break;
+      case "addGroup":
+        if (group.id === action.groupId) {
+          group.children.push(emptyGroup(action.defaultField, action.defaultOperator));
+          return true;
+        }
+        break;
+      case "updateGroupCombinator":
+        if (group.id === action.groupId) {
+          group.combinator = action.combinator;
+          return true;
+        }
+        break;
+      case "removeNode": {
+        const idx = group.children.findIndex((c) => c.id === action.nodeId);
+        if (idx >= 0) {
+          group.children.splice(idx, 1);
+          return true;
+        }
+        break;
+      }
+      case "updateRule":
+        for (const c of group.children) {
+          if (c.type === "rule" && c.id === action.ruleId) {
+            Object.assign(c, action.updates);
+            return true;
+          }
+        }
+        break;
+      case "reorderChildren":
+        if (group.id === action.groupId) {
+          const arr = group.children;
+          if (action.fromIdx >= 0 && action.fromIdx < arr.length && action.toIdx >= 0 && action.toIdx < arr.length && action.fromIdx !== action.toIdx) {
+            const [moved] = arr.splice(action.fromIdx, 1);
+            arr.splice(action.toIdx, 0, moved);
+            return true;
+          }
+        }
+        break;
+    }
+    for (const c of group.children) {
+      if (c.type === "group" && apply(c)) return true;
+    }
+    return false;
+  }
+  mutated = apply(next.root);
+  if (!mutated) return state;
+  const v = validateTreeLimits(next);
+  if (!v.ok) return state;
+  return next;
+}
+function canAddRule(tree, groupId) {
+  const found = findGroupAndDepth(tree.root, groupId);
+  if (!found) return false;
+  if (found.group.children.length >= TREE_LIMITS.maxChildrenPerGroup) return false;
+  if (countRules(tree.root) >= TREE_LIMITS.maxTotalRules) return false;
+  return true;
+}
+function canAddGroup(tree, groupId) {
+  const found = findGroupAndDepth(tree.root, groupId);
+  if (!found) return false;
+  if (found.group.children.length >= TREE_LIMITS.maxChildrenPerGroup) return false;
+  if (found.depth >= TREE_LIMITS.maxGroupLevel) return false;
+  if (countRules(tree.root) >= TREE_LIMITS.maxTotalRules) return false;
+  return true;
+}
+function getGroupDepth(tree, groupId) {
+  const found = findGroupAndDepth(tree.root, groupId);
+  return found?.depth ?? null;
+}
+export {
+  canAddGroup,
+  canAddRule,
+  getGroupDepth,
+  treeReducer
+};
+//# sourceMappingURL=treeReducer.js.map

package/dist/backend/filters/treeReducer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/filters/treeReducer.ts"],
+  "sourcesContent": ["import {\n  type AdvancedFilterTree,\n  type FilterRule,\n  type FilterGroup,\n  type FilterCombinator,\n  validateTreeLimits,\n  TREE_LIMITS,\n} from '@open-mercato/shared/lib/query/advanced-filter-tree'\nimport type { FilterOperator } from '@open-mercato/shared/lib/query/advanced-filter'\n\nexport type TreeAction =\n  | { type: 'addRule'; groupId: string; defaultField?: string; defaultOperator?: FilterOperator }\n  | { type: 'addGroup'; groupId: string; defaultField?: string; defaultOperator?: FilterOperator }\n  | { type: 'removeNode'; nodeId: string }\n  | { type: 'updateRule'; ruleId: string; updates: Partial<Pick<FilterRule, 'field' | 'operator' | 'value'>> }\n  | { type: 'updateGroupCombinator'; groupId: string; combinator: FilterCombinator }\n  | { type: 'reorderChildren'; groupId: string; fromIdx: number; toIdx: number }\n  | { type: 'removeLast' }\n  | { type: 'replaceRoot'; root: FilterGroup }\n\n// Pure monotonic counter for tracking insert order within a session.\n// MUST NOT be mixed with wall-clock time \u2014 that leaks load timing into tests\n// (fixture ordering depended on `Date.now()` resolution across runs).\n// Runtime-only \u2014 never serialized.\nlet addedAtCounter = 0\nfunction nextAddedAt(): number {\n  addedAtCounter += 1\n  return addedAtCounter\n}\n\nfunction emptyRule(defaultField?: string, defaultOperator?: FilterOperator): FilterRule {\n  return {\n    id: crypto.randomUUID(),\n    type: 'rule',\n    field: defaultField ?? '',\n    operator: defaultOperator ?? 'contains',\n    value: '',\n    addedAt: nextAddedAt(),\n  }\n}\n\nfunction emptyGroup(defaultField?: string, defaultOperator?: FilterOperator): FilterGroup {\n  return {\n    id: crypto.randomUUID(),\n    type: 'group',\n    combinator: 'and',\n    children: [emptyRule(defaultField, defaultOperator)],\n    addedAt: nextAddedAt(),\n  }\n}\n\ntype WithAddedAt = { addedAt?: number }\n\nfunction findMaxAddedAtNode(\n  group: FilterGroup,\n): { parent: FilterGroup; idx: number; addedAt: number } | null {\n  let best: { parent: FilterGroup; idx: number; addedAt: number } | null = null\n  function walk(g: FilterGroup) {\n    g.children.forEach((c, idx) => {\n      const a = (c as unknown as WithAddedAt).addedAt\n      if (typeof a === 'number') {\n        if (!best || a > best.addedAt) best = { parent: g, idx, addedAt: a }\n      }\n      if (c.type === 'group') walk(c)\n    })\n  }\n  walk(group)\n  return best\n}\n\nfunction findGroupAndDepth(root: FilterGroup, id: string, depth = 1): { group: FilterGroup; depth: number } | null {\n  if (root.id === id) return { group: root, depth }\n  for (const child of root.children) {\n    if (child.type === 'group') {\n      const r = findGroupAndDepth(child, id, depth + 1)\n      if (r) return r\n    }\n  }\n  return null\n}\n\nfunction countRules(group: FilterGroup): number {\n  let n = 0\n  for (const c of group.children) {\n    if (c.type === 'rule') n += 1\n    else n += countRules(c)\n  }\n  return n\n}\n\nexport function treeReducer(state: AdvancedFilterTree, action: TreeAction): AdvancedFilterTree {\n  // replaceRoot bypasses cloning/walking \u2014 it overwrites the entire root.\n  if (action.type === 'replaceRoot') {\n    const next: AdvancedFilterTree = { root: action.root }\n    const v = validateTreeLimits(next)\n    return v.ok ? next : state\n  }\n\n  // Deep clone so React detects state change. The tree is JSON-safe so JSON\n  // round-tripping is sufficient; the Jest jsdom env doesn't expose\n  // `structuredClone`, so avoid relying on it.\n  const next: AdvancedFilterTree = JSON.parse(JSON.stringify(state))\n\n  if (action.type === 'removeLast') {\n    const found = findMaxAddedAtNode(next.root)\n    if (!found) return state\n    found.parent.children.splice(found.idx, 1)\n    const v = validateTreeLimits(next)\n    return v.ok ? next : state\n  }\n\n  let mutated = false\n\n  function apply(group: FilterGroup): boolean {\n    switch (action.type) {\n      case 'addRule':\n        if (group.id === action.groupId) {\n          group.children.push(emptyRule(action.defaultField, action.defaultOperator))\n          return true\n        }\n        break\n      case 'addGroup':\n        if (group.id === action.groupId) {\n          group.children.push(emptyGroup(action.defaultField, action.defaultOperator))\n          return true\n        }\n        break\n      case 'updateGroupCombinator':\n        if (group.id === action.groupId) {\n          group.combinator = action.combinator\n          return true\n        }\n        break\n      case 'removeNode': {\n        const idx = group.children.findIndex((c) => c.id === action.nodeId)\n        if (idx >= 0) {\n          group.children.splice(idx, 1)\n          return true\n        }\n        break\n      }\n      case 'updateRule':\n        for (const c of group.children) {\n          if (c.type === 'rule' && c.id === action.ruleId) {\n            Object.assign(c, action.updates)\n            return true\n          }\n        }\n        break\n      case 'reorderChildren':\n        if (group.id === action.groupId) {\n          const arr = group.children\n          if (\n            action.fromIdx >= 0 &&\n            action.fromIdx < arr.length &&\n            action.toIdx >= 0 &&\n            action.toIdx < arr.length &&\n            action.fromIdx !== action.toIdx\n          ) {\n            const [moved] = arr.splice(action.fromIdx, 1)\n            arr.splice(action.toIdx, 0, moved)\n            return true\n          }\n        }\n        break\n    }\n    for (const c of group.children) {\n      if (c.type === 'group' && apply(c)) return true\n    }\n    return false\n  }\n\n  mutated = apply(next.root)\n  if (!mutated) return state\n\n  const v = validateTreeLimits(next)\n  if (!v.ok) return state // reject by returning original (caller can show a tooltip)\n  return next\n}\n\nexport function canAddRule(tree: AdvancedFilterTree, groupId: string): boolean {\n  const found = findGroupAndDepth(tree.root, groupId)\n  if (!found) return false\n  if (found.group.children.length >= TREE_LIMITS.maxChildrenPerGroup) return false\n  if (countRules(tree.root) >= TREE_LIMITS.maxTotalRules) return false\n  return true\n}\n\nexport function canAddGroup(tree: AdvancedFilterTree, groupId: string): boolean {\n  const found = findGroupAndDepth(tree.root, groupId)\n  if (!found) return false\n  if (found.group.children.length >= TREE_LIMITS.maxChildrenPerGroup) return false\n  if (found.depth >= TREE_LIMITS.maxGroupLevel) return false\n  if (countRules(tree.root) >= TREE_LIMITS.maxTotalRules) return false\n  return true\n}\n\nexport function getGroupDepth(tree: AdvancedFilterTree, groupId: string): number | null {\n  const found = findGroupAndDepth(tree.root, groupId)\n  return found?.depth ?? null\n}\n"],
+  "mappings": "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",
+  "names": ["next", "v"]
+}