@freighttech/ui 0.13.18

package/dist/backend/dynamic-table/components/CompactLabelCell.js

@@ -0,0 +1,64 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  formatLabelCompact,
+  toDisplayString
+} from "../utils/formatLabelCompact.js";
+import { ABBREV_FACILITY } from "../utils/abbreviations.js";
+const CompactLabelCell = React.memo(function CompactLabelCell2({
+  text,
+  title,
+  typography,
+  className
+}) {
+  const showTitle = title && title !== text ? title : void 0;
+  const cls = typography ? className ? `${typography} ${className}` : typography : className;
+  return /* @__PURE__ */ jsx("span", { className: cls, title: showTitle, children: text });
+});
+function renderCompactLabel(label, typography, className) {
+  if (!label.text) return "";
+  if (!label.shortened && !typography && !className) return label.text;
+  return /* @__PURE__ */ jsx(
+    CompactLabelCell,
+    {
+      text: label.text,
+      title: label.title,
+      typography,
+      className
+    }
+  );
+}
+function createCompactLabelRenderer(spec, options) {
+  return (value) => renderCompactLabel(formatLabelCompact(value, spec), options?.typography, options?.className);
+}
+function createInitialsRenderer(index, options) {
+  const spec = { kind: "assignee", index, maxChars: options?.maxChars };
+  return createCompactLabelRenderer(spec, options);
+}
+function createFacilityRenderer(options) {
+  return createCompactLabelRenderer({ kind: "facility", maxChars: options?.maxChars }, options);
+}
+function createContractorRenderer(options) {
+  return createCompactLabelRenderer({ kind: "contractor", maxChars: options?.maxChars }, options);
+}
+function createDictionaryRenderer(namespace = ABBREV_FACILITY, options) {
+  return createCompactLabelRenderer(
+    { kind: "dictionary", namespace, maxChars: options?.maxChars },
+    options
+  );
+}
+function createFittedTextRenderer(maxChars, mode, options) {
+  return createCompactLabelRenderer({ kind: "text", maxChars, mode }, options);
+}
+export {
+  CompactLabelCell,
+  createCompactLabelRenderer,
+  createContractorRenderer,
+  createDictionaryRenderer,
+  createFacilityRenderer,
+  createFittedTextRenderer,
+  createInitialsRenderer,
+  renderCompactLabel,
+  toDisplayString
+};
+//# sourceMappingURL=CompactLabelCell.js.map

package/dist/backend/dynamic-table/components/CompactLabelCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/CompactLabelCell.tsx"],
+  "sourcesContent": ["/**\n * `CompactLabelCell` \u2014 renders a folded label with the full value on hover.\n *\n * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n * TYPOGRAPHY: WHY THIS COMPONENT SETS NO FONT SIZE BY DEFAULT\n *\n * `.ai/typography-rules.md` forbids raw utilities (`text-sm font-medium`,\n * `text-[13px]`) because the named tokens carry bespoke line-height and\n * letter-spacing. This component obeys that rule in the strongest available\n * form: it emits NO type utility at all on the hot path, and the one escape\n * hatch it offers is typed to a closed union of token names, so passing a raw\n * utility is a COMPILE ERROR rather than a review finding.\n *\n * Inheriting is not a dodge \u2014 it is the only correct behaviour here. The\n * density scale (`styles/density.css`) sets `font-size` / `line-height` /\n * `letter-spacing` on the cell element itself from `--dt-cell-*`, which resolve\n * to named tokens per level:\n *\n *     comfortable \u2192 text-body-regular-xs   (12/16)\n *     compact     \u2192 text-body-regular-xs   (12/16)\n *     dense       \u2192 text-body-regular-2xs  (11/14)\n *\n * A token class on this inner span would be MORE specific than the cell rule\n * and would therefore pin one size across all three levels \u2014 silently opting\n * these cells out of the very density preference this wave exists to serve. So\n * the default renders at whatever the user's density says, which is what\n * \"respects the density scale\" has to mean.\n *\n * Monospace is likewise inherited: it comes from `.cell-mono`, driven by\n * `ColumnDef.mono`, and density scales it through `--dt-mono-*`. Do not add\n * `font-mono` here \u2014 set `mono: true` on the column instead.\n *\n * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n * PERFORMANCE\n *\n * `VirtualRow` does a plain `columns.map`, so this renders once per column per\n * mounted row per pass. Two consequences shaped the design:\n *\n *   - The renderers below return a PLAIN STRING whenever the value was not\n *     shortened. No element, no props object, no React node \u2014 the common case\n *     costs nothing beyond the format call. `Cell.tsx` already wraps rendered\n *     output in `<span class=\"cell-content\" title={cellValue}>` for string\n *     values, so an unshortened value even keeps its tooltip for free.\n *   - The component is `React.memo`'d on three primitive props, so a re-render\n *     of the row that does not change the label does not re-render the label.\n */\n\nimport * as React from 'react'\n\nimport {\n  formatLabelCompact,\n  toDisplayString,\n  type CompactLabel,\n  type CompactLabelSpec,\n  type FitMode,\n} from '../utils/formatLabelCompact'\nimport { ABBREV_FACILITY, type AbbreviationNamespace } from '../utils/abbreviations'\n\n/**\n * The ONLY type utilities this component will accept \u2014 every one a named token\n * from `.ai/typography-rules.md`.\n *\n * Closed on purpose. `className: string` would let `text-[11px]` in through the\n * front door; this union makes the rule mechanical instead of aspirational.\n *\n * Use it only when a compact label plays a role the surrounding cell does not\n * already describe. If you find yourself reaching for it to make grid text\n * bigger or smaller, the answer is the density preference, not this prop.\n */\nexport type CompactLabelTypography =\n  | 'text-body-regular-sm'\n  | 'text-body-regular-xs'\n  | 'text-body-medium-sm'\n  | 'text-label-semibold-xs'\n  | 'text-label-medium-md'\n  | 'text-caption-medium-md'\n  | 'text-code-regular-sm'\n  | 'text-code-regular-md'\n  // The restricted `2xs` micro ramp. Permitted here \u2014 and only here \u2014 because\n  // this file lives under `packages/ui/src/backend/dynamic-table/`, which is\n  // the fence the typography rules draw around those three tokens.\n  | 'text-body-regular-2xs'\n  | 'text-label-semibold-2xs'\n  | 'text-code-regular-2xs'\n\nexport type CompactLabelCellProps = {\n  /** The folded text to display. */\n  text: string\n  /** The complete value, shown on hover. Omit when identical to `text`. */\n  title?: string\n  /**\n   * Opt into an explicit named token. Omit \u2014 the default \u2014 to inherit the\n   * density-driven type ramp from the cell, which is almost always right.\n   */\n  typography?: CompactLabelTypography\n  /** Extra non-typographic classes (colour, alignment). No type utilities. */\n  className?: string\n}\n\n/**\n * The rendered label.\n *\n * `title` is set only when it differs from `text`; an identical tooltip is a\n * pointless attribute on every cell of a large grid, and browsers still pay to\n * hit-test it.\n */\nexport const CompactLabelCell = React.memo(function CompactLabelCell({\n  text,\n  title,\n  typography,\n  className,\n}: CompactLabelCellProps) {\n  const showTitle = title && title !== text ? title : undefined\n  const cls = typography\n    ? className\n      ? `${typography} ${className}`\n      : typography\n    : className\n  return (\n    <span className={cls} title={showTitle}>\n      {text}\n    </span>\n  )\n})\n\n/**\n * Turn a `CompactLabel` into the cheapest renderable form.\n *\n * The string fast path is the point of this helper: an unshortened value needs\n * no element and no tooltip of its own, because `Cell.tsx` already supplies\n * one from the raw cell value.\n */\nexport function renderCompactLabel(\n  label: CompactLabel,\n  typography?: CompactLabelTypography,\n  className?: string,\n): React.ReactNode {\n  if (!label.text) return ''\n  if (!label.shortened && !typography && !className) return label.text\n  return (\n    <CompactLabelCell\n      text={label.text}\n      title={label.title}\n      typography={typography}\n      className={className}\n    />\n  )\n}\n\n/** Shared shape of the options every factory below accepts. */\ntype RendererOptions = {\n  typography?: CompactLabelTypography\n  className?: string\n}\n\n/**\n * A `ColumnDef.renderer`-compatible function.\n *\n * Matches the existing `CellRendererFunction` signature in `renderers.tsx`, so\n * the output of every factory here drops straight into a column definition with\n * NO change to `Cell.tsx`, `VirtualRow.tsx` or `types/index.ts`. That was a\n * design goal, not a coincidence \u2014 see the wiring notes at the bottom.\n */\nexport type CompactCellRenderer = (\n  value: any,\n  rowData: any,\n  columnConfig: any,\n  rowIndex?: number,\n  colIndex?: number,\n) => React.ReactNode\n\n/**\n * Build a renderer for any compact strategy.\n *\n * The returned closure is created ONCE per column (memoize it alongside your\n * column definitions) and is pure thereafter.\n */\nexport function createCompactLabelRenderer(\n  spec: CompactLabelSpec,\n  options?: RendererOptions,\n): CompactCellRenderer {\n  return (value) =>\n    renderCompactLabel(formatLabelCompact(value, spec), options?.typography, options?.className)\n}\n\n/**\n * ASSIGNEE \u2192 INITIALS. Workshop A9.\n *\n * `index` MUST come from `buildInitialsIndex(roster)`, memoized on the roster.\n * Without it initials are computed per name in isolation and two colleagues can\n * collide on the same letters \u2014 and a wrong initial is worse than a long name.\n *\n * Pass the same roster you already fetch for the column's filter suggestions or\n * its dropdown `source`; no extra request is needed.\n */\nexport function createInitialsRenderer(\n  index?: ReadonlyMap<string, string> | null,\n  options?: RendererOptions & { maxChars?: number },\n): CompactCellRenderer {\n  const spec: CompactLabelSpec = { kind: 'assignee', index, maxChars: options?.maxChars }\n  return createCompactLabelRenderer(spec, options)\n}\n\n/**\n * PORT / TERMINAL \u2192 CODE. Workshop A9: \"Port Gdansk\" \u2192 \"GDN\", \"Baltic Hub\" \u2192\n * \"BHCT\".\n *\n * Takes no mapping argument BY DESIGN. The dictionary is central \u2014 registered\n * once at app boot from the `facilities` table (see `abbreviations.ts`) \u2014 so a\n * column never declares, and never can drift from, the mapping. This is\n * Agnieszka's *\"nie zebysmy co fajl zmieniali\"* expressed in the API shape:\n * there is no per-file knob to get wrong.\n */\nexport function createFacilityRenderer(\n  options?: RendererOptions & { maxChars?: number },\n): CompactCellRenderer {\n  return createCompactLabelRenderer({ kind: 'facility', maxChars: options?.maxChars }, options)\n}\n\n/**\n * CONTRACTOR \u2192 SHORT NAME.\n *\n * Reads the EXISTING `contractors.short_name` through the registry. Nothing is\n * derived here: that column is already curated, already live, and already has\n * `deriveContractorShortName` behind it for the gaps.\n */\nexport function createContractorRenderer(\n  options?: RendererOptions & { maxChars?: number },\n): CompactCellRenderer {\n  return createCompactLabelRenderer({ kind: 'contractor', maxChars: options?.maxChars }, options)\n}\n\n/**\n * Any other centrally-registered dictionary (vessel names, service codes, \u2026).\n */\nexport function createDictionaryRenderer(\n  namespace: AbbreviationNamespace = ABBREV_FACILITY,\n  options?: RendererOptions & { maxChars?: number },\n): CompactCellRenderer {\n  return createCompactLabelRenderer(\n    { kind: 'dictionary', namespace, maxChars: options?.maxChars },\n    options,\n  )\n}\n\n/**\n * GENERAL TEXT FITTING.\n *\n * `mode: 'identifier'` middle-clips \u2014 use it for container, booking, invoice\n * and B/L numbers, where the TAIL is what distinguishes one value from the\n * next and tail-clipping would leave a column of identical-looking prefixes.\n *\n * `mode: 'prose'` tail-clips \u2014 descriptions, notes, addresses.\n *\n * Omitting `mode` auto-detects, conservatively defaulting to prose. Declare it\n * explicitly when you know the column.\n */\nexport function createFittedTextRenderer(\n  maxChars: number,\n  mode?: FitMode,\n  options?: RendererOptions,\n): CompactCellRenderer {\n  return createCompactLabelRenderer({ kind: 'text', maxChars, mode }, options)\n}\n\n/**\n * Escape hatch for columns whose value needs unwrapping before formatting\n * (a relation object, a JSON blob). Exposed so callers do not reimplement the\n * coercion rules that `formatLabelCompact` applies internally.\n */\nexport { toDisplayString }\n\n/*\n * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n * INTEGRATION \u2014 and why no forbidden file has to change for the common case\n *\n * `ColumnDef` ALREADY has a `renderer` hook, and `getCellRenderer` in\n * `renderers.tsx` gives it precedence over every built-in. So a column opts in\n * today with no core edit at all:\n *\n *     {\n *       data: 'portOfLoading',\n *       title: 'POL',\n *       mono: true,                        // monospace + density-scaled\n *       renderer: createFacilityRenderer(),\n *     }\n *\n * A first-class DECLARATIVE flag (`compact: 'facility'` on `ColumnDef`, routed\n * through `getCellRenderer`) is nicer for consumers and is written up as a\n * wiring contract, because it needs `types/index.ts` \u2014 which is forbidden this\n * wave. Nothing here waits on it.\n * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n */\n"],
+  "mappings": "AAuHI;AAxEJ,YAAY,WAAW;AAEvB;AAAA,EACE;AAAA,EACA;AAAA,OAIK;AACP,SAAS,uBAAmD;AAkDrD,MAAM,mBAAmB,MAAM,KAAK,SAASA,kBAAiB;AAAA,EACnE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,YAAY,SAAS,UAAU,OAAO,QAAQ;AACpD,QAAM,MAAM,aACR,YACE,GAAG,UAAU,IAAI,SAAS,KAC1B,aACF;AACJ,SACE,oBAAC,UAAK,WAAW,KAAK,OAAO,WAC1B,gBACH;AAEJ,CAAC;AASM,SAAS,mBACd,OACA,YACA,WACiB;AACjB,MAAI,CAAC,MAAM,KAAM,QAAO;AACxB,MAAI,CAAC,MAAM,aAAa,CAAC,cAAc,CAAC,UAAW,QAAO,MAAM;AAChE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,MAAM;AAAA,MACZ,OAAO,MAAM;AAAA,MACb;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AA8BO,SAAS,2BACd,MACA,SACqB;AACrB,SAAO,CAAC,UACN,mBAAmB,mBAAmB,OAAO,IAAI,GAAG,SAAS,YAAY,SAAS,SAAS;AAC/F;AAYO,SAAS,uBACd,OACA,SACqB;AACrB,QAAM,OAAyB,EAAE,MAAM,YAAY,OAAO,UAAU,SAAS,SAAS;AACtF,SAAO,2BAA2B,MAAM,OAAO;AACjD;AAYO,SAAS,uBACd,SACqB;AACrB,SAAO,2BAA2B,EAAE,MAAM,YAAY,UAAU,SAAS,SAAS,GAAG,OAAO;AAC9F;AASO,SAAS,yBACd,SACqB;AACrB,SAAO,2BAA2B,EAAE,MAAM,cAAc,UAAU,SAAS,SAAS,GAAG,OAAO;AAChG;AAKO,SAAS,yBACd,YAAmC,iBACnC,SACqB;AACrB,SAAO;AAAA,IACL,EAAE,MAAM,cAAc,WAAW,UAAU,SAAS,SAAS;AAAA,IAC7D;AAAA,EACF;AACF;AAcO,SAAS,yBACd,UACA,MACA,SACqB;AACrB,SAAO,2BAA2B,EAAE,MAAM,QAAQ,UAAU,KAAK,GAAG,OAAO;AAC7E;",
+  "names": ["CompactLabelCell"]
+}

package/dist/backend/dynamic-table/components/ConfigureViewFields.js

@@ -0,0 +1,139 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { GripVertical } from "lucide-react";
+import { Checkbox } from "../../../primitives-v2/index.js";
+const ConfigureViewFields = ({
+  columns,
+  visibleColumns,
+  hiddenColumns,
+  onColumnVisibilityChange
+}) => {
+  const [searchQuery, setSearchQuery] = useState("");
+  const [draggedItem, setDraggedItem] = useState(null);
+  const [dragOverItem, setDragOverItem] = useState(null);
+  const allColumnKeys = [...visibleColumns, ...hiddenColumns];
+  const filteredKeys = allColumnKeys.filter((key) => {
+    const col = columns.find((c) => c.data === key);
+    const title = (col?.title || key).toLowerCase();
+    return title.includes(searchQuery.toLowerCase());
+  });
+  const toggleColumn = useCallback((key) => {
+    const isVisible = visibleColumns.includes(key);
+    if (isVisible) {
+      const newVisible = visibleColumns.filter((k) => k !== key);
+      const newHidden = [...hiddenColumns, key];
+      onColumnVisibilityChange(newVisible, newHidden);
+    } else {
+      const newHidden = hiddenColumns.filter((k) => k !== key);
+      const newVisible = [...visibleColumns, key];
+      onColumnVisibilityChange(newVisible, newHidden);
+    }
+  }, [visibleColumns, hiddenColumns, onColumnVisibilityChange]);
+  const showAll = useCallback(() => {
+    onColumnVisibilityChange([...visibleColumns, ...hiddenColumns], []);
+  }, [visibleColumns, hiddenColumns, onColumnVisibilityChange]);
+  const hideAll = useCallback(() => {
+    onColumnVisibilityChange([], [...visibleColumns, ...hiddenColumns]);
+  }, [visibleColumns, hiddenColumns, onColumnVisibilityChange]);
+  const getColumnTitle = (key) => {
+    const col = columns.find((c) => c.data === key);
+    return col?.title || key;
+  };
+  const handleDragStart = (e, key) => {
+    setDraggedItem(key);
+    e.dataTransfer.effectAllowed = "move";
+    e.dataTransfer.setData("text/plain", key);
+  };
+  const handleDragOver = (e, key) => {
+    e.preventDefault();
+    const draggedIsVisible = draggedItem ? visibleColumns.includes(draggedItem) : false;
+    const targetIsVisible = visibleColumns.includes(key);
+    if (!draggedItem || draggedIsVisible !== targetIsVisible) {
+      e.dataTransfer.dropEffect = "none";
+      setDragOverItem(null);
+      return;
+    }
+    e.dataTransfer.dropEffect = "move";
+    if (key !== draggedItem) setDragOverItem(key);
+  };
+  const handleDragLeave = () => {
+    setDragOverItem(null);
+  };
+  const reorderWithinGroup = (group, dragged, target) => {
+    const next = [...group];
+    const from = next.indexOf(dragged);
+    const to = next.indexOf(target);
+    if (from === -1 || to === -1) return group;
+    next.splice(from, 1);
+    next.splice(to, 0, dragged);
+    return next;
+  };
+  const handleDrop = (e, targetKey) => {
+    e.preventDefault();
+    if (!draggedItem || draggedItem === targetKey) {
+      setDraggedItem(null);
+      setDragOverItem(null);
+      return;
+    }
+    const draggedIsVisible = visibleColumns.includes(draggedItem);
+    const targetIsVisible = visibleColumns.includes(targetKey);
+    if (draggedIsVisible === targetIsVisible) {
+      if (draggedIsVisible) {
+        onColumnVisibilityChange(
+          reorderWithinGroup(visibleColumns, draggedItem, targetKey),
+          hiddenColumns
+        );
+      } else {
+        onColumnVisibilityChange(
+          visibleColumns,
+          reorderWithinGroup(hiddenColumns, draggedItem, targetKey)
+        );
+      }
+    }
+    setDraggedItem(null);
+    setDragOverItem(null);
+  };
+  const handleDragEnd = () => {
+    setDraggedItem(null);
+    setDragOverItem(null);
+  };
+  const getItemClassName = (key) => {
+    const classes = ["hot-config-fields-item"];
+    if (draggedItem === key) classes.push("is-dragging");
+    if (dragOverItem === key) classes.push("is-drag-over");
+    return classes.join(" ");
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "hot-config-fields", children: [
+    /* @__PURE__ */ jsxs("div", { className: "hot-config-fields-toolbar", children: [
+      /* @__PURE__ */ jsx("span", { className: "hot-config-fields-toolbar-spacer" }),
+      /* @__PURE__ */ jsx("button", { onClick: showAll, className: "hot-config-fields-bulk-btn", children: "Poka\u017C wszystkie" }),
+      /* @__PURE__ */ jsx("button", { onClick: hideAll, className: "hot-config-fields-bulk-btn", children: "Ukryj wszystkie" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "hot-config-fields-list", children: filteredKeys.map((key) => {
+      const isVisible = visibleColumns.includes(key);
+      return /* @__PURE__ */ jsxs(
+        "label",
+        {
+          className: getItemClassName(key),
+          draggable: true,
+          onDragStart: (e) => handleDragStart(e, key),
+          onDragOver: (e) => handleDragOver(e, key),
+          onDragLeave: handleDragLeave,
+          onDrop: (e) => handleDrop(e, key),
+          onDragEnd: handleDragEnd,
+          children: [
+            /* @__PURE__ */ jsx(GripVertical, { className: "w-3.5 h-3.5 hot-config-fields-grip" }),
+            /* @__PURE__ */ jsx(Checkbox, { checked: isVisible, onChange: () => toggleColumn(key) }),
+            /* @__PURE__ */ jsx("span", { className: `hot-config-fields-label ${!isVisible ? "is-hidden" : ""}`, children: getColumnTitle(key) })
+          ]
+        },
+        key
+      );
+    }) })
+  ] });
+};
+var ConfigureViewFields_default = ConfigureViewFields;
+export {
+  ConfigureViewFields_default as default
+};
+//# sourceMappingURL=ConfigureViewFields.js.map

package/dist/backend/dynamic-table/components/ConfigureViewFields.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/ConfigureViewFields.tsx"],
+  "sourcesContent": ["import React, { useCallback, useState } from 'react';\nimport { GripVertical } from 'lucide-react';\nimport { ColumnDef } from '../types/index';\nimport { Checkbox } from '../../../primitives-v2';\n\ninterface ConfigureViewFieldsProps {\n  columns: ColumnDef[];\n  visibleColumns: string[];\n  hiddenColumns: string[];\n  onColumnVisibilityChange: (visible: string[], hidden: string[]) => void;\n}\n\nconst ConfigureViewFields: React.FC<ConfigureViewFieldsProps> = ({\n  columns,\n  visibleColumns,\n  hiddenColumns,\n  onColumnVisibilityChange,\n}) => {\n  const [searchQuery, setSearchQuery] = useState('');\n  // Drag-to-reorder state. Reordering is constrained to within the same\n  // visibility group (visible\u2194visible or hidden\u2194hidden) so dropping a field\n  // never silently changes its shown/hidden state.\n  const [draggedItem, setDraggedItem] = useState<string | null>(null);\n  const [dragOverItem, setDragOverItem] = useState<string | null>(null);\n\n  const allColumnKeys = [...visibleColumns, ...hiddenColumns];\n\n  const filteredKeys = allColumnKeys.filter(key => {\n    const col = columns.find(c => c.data === key);\n    const title = (col?.title || key).toLowerCase();\n    return title.includes(searchQuery.toLowerCase());\n  });\n\n  const toggleColumn = useCallback((key: string) => {\n    const isVisible = visibleColumns.includes(key);\n    if (isVisible) {\n      const newVisible = visibleColumns.filter(k => k !== key);\n      const newHidden = [...hiddenColumns, key];\n      onColumnVisibilityChange(newVisible, newHidden);\n    } else {\n      const newHidden = hiddenColumns.filter(k => k !== key);\n      const newVisible = [...visibleColumns, key];\n      onColumnVisibilityChange(newVisible, newHidden);\n    }\n  }, [visibleColumns, hiddenColumns, onColumnVisibilityChange]);\n\n  const showAll = useCallback(() => {\n    onColumnVisibilityChange([...visibleColumns, ...hiddenColumns], []);\n  }, [visibleColumns, hiddenColumns, onColumnVisibilityChange]);\n\n  const hideAll = useCallback(() => {\n    onColumnVisibilityChange([], [...visibleColumns, ...hiddenColumns]);\n  }, [visibleColumns, hiddenColumns, onColumnVisibilityChange]);\n\n  const getColumnTitle = (key: string) => {\n    const col = columns.find(c => c.data === key);\n    return col?.title || key;\n  };\n\n  // --- Drag-to-reorder handlers ---------------------------------------------\n\n  const handleDragStart = (e: React.DragEvent, key: string) => {\n    setDraggedItem(key);\n    e.dataTransfer.effectAllowed = 'move';\n    e.dataTransfer.setData('text/plain', key);\n  };\n\n  const handleDragOver = (e: React.DragEvent, key: string) => {\n    e.preventDefault();\n    const draggedIsVisible = draggedItem ? visibleColumns.includes(draggedItem) : false;\n    const targetIsVisible = visibleColumns.includes(key);\n    // Cross-group drops are not allowed \u2014 signal \"no drop\" and clear the marker.\n    if (!draggedItem || draggedIsVisible !== targetIsVisible) {\n      e.dataTransfer.dropEffect = 'none';\n      setDragOverItem(null);\n      return;\n    }\n    e.dataTransfer.dropEffect = 'move';\n    if (key !== draggedItem) setDragOverItem(key);\n  };\n\n  const handleDragLeave = () => {\n    setDragOverItem(null);\n  };\n\n  const reorderWithinGroup = (group: string[], dragged: string, target: string) => {\n    const next = [...group];\n    const from = next.indexOf(dragged);\n    const to = next.indexOf(target);\n    if (from === -1 || to === -1) return group;\n    next.splice(from, 1);\n    next.splice(to, 0, dragged);\n    return next;\n  };\n\n  const handleDrop = (e: React.DragEvent, targetKey: string) => {\n    e.preventDefault();\n    if (!draggedItem || draggedItem === targetKey) {\n      setDraggedItem(null);\n      setDragOverItem(null);\n      return;\n    }\n    const draggedIsVisible = visibleColumns.includes(draggedItem);\n    const targetIsVisible = visibleColumns.includes(targetKey);\n    // Only reorder within the same visibility group.\n    if (draggedIsVisible === targetIsVisible) {\n      if (draggedIsVisible) {\n        onColumnVisibilityChange(\n          reorderWithinGroup(visibleColumns, draggedItem, targetKey),\n          hiddenColumns,\n        );\n      } else {\n        onColumnVisibilityChange(\n          visibleColumns,\n          reorderWithinGroup(hiddenColumns, draggedItem, targetKey),\n        );\n      }\n    }\n    setDraggedItem(null);\n    setDragOverItem(null);\n  };\n\n  const handleDragEnd = () => {\n    setDraggedItem(null);\n    setDragOverItem(null);\n  };\n\n  const getItemClassName = (key: string) => {\n    const classes = ['hot-config-fields-item'];\n    if (draggedItem === key) classes.push('is-dragging');\n    if (dragOverItem === key) classes.push('is-drag-over');\n    return classes.join(' ');\n  };\n\n  return (\n    <div className=\"hot-config-fields\">\n      <div className=\"hot-config-fields-toolbar\">\n        <span className=\"hot-config-fields-toolbar-spacer\" />\n        <button onClick={showAll} className=\"hot-config-fields-bulk-btn\">\n          Poka\u017C wszystkie\n        </button>\n        <button onClick={hideAll} className=\"hot-config-fields-bulk-btn\">\n          Ukryj wszystkie\n        </button>\n      </div>\n      <div className=\"hot-config-fields-list\">\n        {filteredKeys.map(key => {\n          const isVisible = visibleColumns.includes(key);\n          return (\n            <label\n              key={key}\n              className={getItemClassName(key)}\n              draggable\n              onDragStart={(e) => handleDragStart(e, key)}\n              onDragOver={(e) => handleDragOver(e, key)}\n              onDragLeave={handleDragLeave}\n              onDrop={(e) => handleDrop(e, key)}\n              onDragEnd={handleDragEnd}\n            >\n              <GripVertical className=\"w-3.5 h-3.5 hot-config-fields-grip\" />\n              <Checkbox checked={isVisible} onChange={() => toggleColumn(key)} />\n              <span className={`hot-config-fields-label ${!isVisible ? 'is-hidden' : ''}`}>\n                {getColumnTitle(key)}\n              </span>\n            </label>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default ConfigureViewFields;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/dynamic-table/components/ConfigureViewFilters.js

@@ -0,0 +1,305 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { Plus, X } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  getOperatorsForType,
+  needsValueInput,
+  needsMultipleValues,
+  needsRangeValues,
+  needsRelativeInput,
+  isDateOperator,
+  RELATIVE_DATE_UNITS
+} from "../types/filters.js";
+import { FilterDatePicker } from "./FilterDatePicker.js";
+import FilterValueInput from "./FilterValueInput.js";
+import SelectMenu from "./SelectMenu.js";
+import { useFieldSuggestionLoader } from "../hooks/useSuggestionFetch.js";
+const getColumnOptions = (col) => {
+  const src = col?.source;
+  if (!Array.isArray(src) || src.length === 0) return null;
+  return src.map(
+    (o) => o && typeof o === "object" ? {
+      value: String(o.value ?? o.id ?? ""),
+      label: String(
+        o.label ?? o.name ?? o.value ?? ""
+      )
+    } : { value: String(o), label: String(o) }
+  );
+};
+const defaultOperatorForColumn = (col) => {
+  if (col?.type === "date") return "is_between";
+  if (col?.type === "boolean") return "is_true";
+  if (col?.type === "numeric") return "equals";
+  if (col?.type === "dropdown" || col?.type === "multiselect" || getColumnOptions(col)) return "is_any_of";
+  return "contains";
+};
+const ConfigureViewFilters = ({
+  columns,
+  filters,
+  onFiltersChange,
+  loadFilterSuggestions
+}) => {
+  const t = useT();
+  const getLoader = useFieldSuggestionLoader(loadFilterSuggestions);
+  const addFilterRow = useCallback(() => {
+    const firstCol = columns[0];
+    const defaultOperator = defaultOperatorForColumn(firstCol);
+    const newRow = {
+      id: `filter-${Date.now()}`,
+      field: firstCol?.data || "",
+      operator: defaultOperator,
+      values: []
+    };
+    onFiltersChange([...filters, newRow]);
+  }, [columns, filters, onFiltersChange]);
+  const removeFilterRow = useCallback((id) => {
+    onFiltersChange(filters.filter((row) => row.id !== id));
+  }, [filters, onFiltersChange]);
+  const updateFilterRow = useCallback((id, updates) => {
+    onFiltersChange(filters.map(
+      (row) => row.id === id ? { ...row, ...updates } : row
+    ));
+  }, [filters, onFiltersChange]);
+  const handleOperatorChange = useCallback((id, operator) => {
+    updateFilterRow(id, { operator, values: [] });
+  }, [updateFilterRow]);
+  const handleFieldChange = useCallback((id, field) => {
+    const col = columns.find((c) => c.data === field);
+    const row = filters.find((r) => r.id === id);
+    const currentOps = getOperatorsForType(col?.type).map((o) => o.value);
+    const keepOperator = row && currentOps.includes(row.operator);
+    const fallback = defaultOperatorForColumn(col);
+    updateFilterRow(id, {
+      field,
+      operator: keepOperator ? row.operator : fallback,
+      values: keepOperator ? row.values : []
+    });
+  }, [columns, filters, updateFilterRow]);
+  const handleValueChange = useCallback((id, value) => {
+    updateFilterRow(id, { values: value ? [value] : [] });
+  }, [updateFilterRow]);
+  const handleRangeValueChange = useCallback((id, index, value) => {
+    const row = filters.find((r) => r.id === id);
+    if (!row) return;
+    const next = [row.values[0] ?? "", row.values[1] ?? ""];
+    next[index] = value;
+    const allEmpty = next.every((v) => !v || String(v).trim() === "");
+    updateFilterRow(id, { values: allEmpty ? [] : next });
+  }, [filters, updateFilterRow]);
+  const handleRelativeChange = useCallback((id, index, value) => {
+    const row = filters.find((r) => r.id === id);
+    if (!row) return;
+    const count = index === 0 ? value : row.values[0] ?? "";
+    const unit = index === 1 ? value : row.values[1] ?? "days";
+    updateFilterRow(id, { values: [count, unit || "days"] });
+  }, [filters, updateFilterRow]);
+  const handleValueAdd = useCallback((id, value) => {
+    const row = filters.find((r) => r.id === id);
+    if (row && value.trim()) {
+      updateFilterRow(id, { values: [...row.values, value.trim()] });
+    }
+  }, [filters, updateFilterRow]);
+  const handleValueRemove = useCallback((id, valueIndex) => {
+    const row = filters.find((r) => r.id === id);
+    if (row) {
+      updateFilterRow(id, { values: row.values.filter((_, i) => i !== valueIndex) });
+    }
+  }, [filters, updateFilterRow]);
+  return /* @__PURE__ */ jsxs("div", { className: "hot-config-filters", children: [
+    filters.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "hot-config-filters-label", children: t("dynamicTable.filter.where", "Where") }),
+      filters.map((row) => {
+        const column = columns.find((c) => c.data === row.field);
+        const operators = getOperatorsForType(column?.type);
+        const showValueInput = needsValueInput(row.operator);
+        const isMultiValue = needsMultipleValues(row.operator);
+        const isRange = needsRangeValues(row.operator);
+        const isDate = column?.type === "date" && isDateOperator(row.operator);
+        const isRelative = needsRelativeInput(row.operator);
+        const columnOptions = !isRange && !isDate && !isRelative ? getColumnOptions(column) : null;
+        return /* @__PURE__ */ jsxs("div", { className: "hot-config-filter-row", children: [
+          /* @__PURE__ */ jsx(
+            SelectMenu,
+            {
+              value: row.field,
+              onChange: (next) => handleFieldChange(row.id, next),
+              options: columns.map((col) => ({ value: col.data, label: col.title || col.data })),
+              className: "hot-config-filter-select",
+              ariaLabel: t("dynamicTable.filter.field", "Field"),
+              dataAttributes: { "data-filter-field": row.id }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SelectMenu,
+            {
+              value: row.operator,
+              onChange: (next) => handleOperatorChange(row.id, next),
+              options: operators.map((op) => ({
+                value: op.value,
+                label: t(`dynamicTable.filter.operator.${op.value}`, op.label)
+              })),
+              className: "hot-config-filter-select hot-config-filter-operator",
+              ariaLabel: t("dynamicTable.filter.operator", "Condition"),
+              dataAttributes: { "data-filter-operator": row.id }
+            }
+          ),
+          showValueInput && /* @__PURE__ */ jsx(Fragment, { children: columnOptions ? isMultiValue ? (
+            // Option-backed multi-select (is_any_of / is_not_any_of):
+            // pills render the option label, the dropdown adds the value.
+            /* @__PURE__ */ jsxs(Fragment, { children: [
+              row.values.map((value, idx) => /* @__PURE__ */ jsxs("span", { className: "hot-config-filter-pill", children: [
+                columnOptions.find((o) => o.value === String(value))?.label ?? String(value),
+                /* @__PURE__ */ jsx("button", { onClick: () => handleValueRemove(row.id, idx), className: "hot-config-filter-pill-remove", children: "\xD7" })
+              ] }, idx)),
+              /* @__PURE__ */ jsx(
+                SelectMenu,
+                {
+                  className: "hot-config-filter-select",
+                  value: "",
+                  placeholder: t("dynamicTable.filter.addValue", "Add\u2026"),
+                  onChange: (next) => {
+                    if (next) handleValueAdd(row.id, next);
+                  },
+                  options: columnOptions.filter(
+                    (o) => !row.values.map(String).includes(o.value)
+                  ),
+                  ariaLabel: t("dynamicTable.filter.addValue", "Add\u2026"),
+                  dataAttributes: { "data-filter-value": row.id }
+                }
+              )
+            ] })
+          ) : (
+            // Single-value option select (contains/equals/…): shows the
+            // label, stores the raw value the DB filters on.
+            /* @__PURE__ */ jsx(
+              SelectMenu,
+              {
+                className: "hot-config-filter-select",
+                value: row.values[0] || "",
+                onChange: (next) => handleValueChange(row.id, next),
+                options: columnOptions,
+                emptyOptionLabel: t("dynamicTable.filter.selectValue", "Select\u2026"),
+                placeholder: t("dynamicTable.filter.selectValue", "Select\u2026"),
+                ariaLabel: t("dynamicTable.filter.selectValue", "Select\u2026"),
+                dataAttributes: { "data-filter-value": row.id }
+              }
+            )
+          ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            isMultiValue && row.values.map((value, idx) => /* @__PURE__ */ jsxs("span", { className: "hot-config-filter-pill", children: [
+              String(value),
+              /* @__PURE__ */ jsx("button", { onClick: () => handleValueRemove(row.id, idx), className: "hot-config-filter-pill-remove", children: "\xD7" })
+            ] }, idx)),
+            isRelative ? (
+              // Relative date window: number of units + unit select.
+              // Stored as values = [count, unit]; resolved to a today-anchored
+              // range server-side. Reads as "Ważna do | następne | 7 | dni".
+              /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "number",
+                    min: 1,
+                    step: 1,
+                    placeholder: t("dynamicTable.filter.count", "count"),
+                    className: "hot-config-filter-input hot-config-filter-relative-count",
+                    value: row.values[0] ?? "",
+                    onChange: (e) => handleRelativeChange(row.id, 0, e.target.value),
+                    "aria-label": t("dynamicTable.filter.count", "count")
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  SelectMenu,
+                  {
+                    className: "hot-config-filter-select",
+                    value: row.values[1] || "days",
+                    onChange: (next) => handleRelativeChange(row.id, 1, next),
+                    options: RELATIVE_DATE_UNITS.map((u) => ({
+                      value: u,
+                      label: t(`dynamicTable.filter.unit.${u}`, u)
+                    })),
+                    ariaLabel: t("dynamicTable.filter.unit", "Unit")
+                  }
+                )
+              ] })
+            ) : isRange ? (
+              // Two side-by-side date pickers for `is_between` — styled
+              // calendar popover (matches the inline cell editor look)
+              // instead of the native `<input type="date">` widget.
+              /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  FilterDatePicker,
+                  {
+                    value: row.values[0] || "",
+                    onChange: (v) => handleRangeValueChange(row.id, 0, v),
+                    ariaLabel: t("dynamicTable.filter.from", "From"),
+                    placeholder: t("dynamicTable.filter.from", "From")
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "hot-config-filter-range-sep", children: "\u2192" }),
+                /* @__PURE__ */ jsx(
+                  FilterDatePicker,
+                  {
+                    value: row.values[1] || "",
+                    onChange: (v) => handleRangeValueChange(row.id, 1, v),
+                    ariaLabel: t("dynamicTable.filter.to", "To"),
+                    placeholder: t("dynamicTable.filter.to", "To")
+                  }
+                )
+              ] })
+            ) : isDate ? (
+              // Single date picker for the before/after/equals/on-or-before/on-or-after operators.
+              /* @__PURE__ */ jsx(
+                FilterDatePicker,
+                {
+                  value: row.values[0] || "",
+                  onChange: (v) => handleValueChange(row.id, v),
+                  ariaLabel: t("dynamicTable.filter.date", "Date"),
+                  placeholder: t("dynamicTable.filter.pickDate", "Pick date")
+                }
+              )
+            ) : (
+              // THE fix for "the Assignee filter is a text box that
+              // never matches". Free text still works — a partial
+              // `contains` is a legitimate filter — but when the host
+              // supplies a loader the same box becomes a real picker,
+              // for the multi-value operators too ("show only mine" is
+              // `is_any_of [me]`).
+              /* @__PURE__ */ jsx(
+                FilterValueInput,
+                {
+                  filterId: row.id,
+                  initialValue: !isMultiValue ? row.values[0] || "" : "",
+                  isMultiValue,
+                  onValueChange: handleValueChange,
+                  onValueAdd: handleValueAdd,
+                  loadSuggestions: getLoader(row.field),
+                  placeholder: isMultiValue ? t("dynamicTable.filter.addValue", "Add\u2026") : t("dynamicTable.filter.enterValue", "Enter value"),
+                  ariaLabel: t("dynamicTable.filter.enterValue", "Enter value")
+                },
+                `${row.id}:${row.field}`
+              )
+            )
+          ] }) }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => removeFilterRow(row.id),
+              className: "hot-config-filter-remove",
+              children: /* @__PURE__ */ jsx(X, { className: "w-3.5 h-3.5" })
+            }
+          )
+        ] }, row.id);
+      })
+    ] }),
+    /* @__PURE__ */ jsxs("button", { onClick: addFilterRow, className: "hot-config-add-btn", children: [
+      /* @__PURE__ */ jsx(Plus, { className: "w-3.5 h-3.5", "aria-hidden": true }),
+      t("dynamicTable.filter.addCondition", "Add condition")
+    ] })
+  ] });
+};
+var ConfigureViewFilters_default = ConfigureViewFilters;
+export {
+  ConfigureViewFilters_default as default
+};
+//# sourceMappingURL=ConfigureViewFilters.js.map

package/dist/backend/dynamic-table/components/ConfigureViewFilters.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/ConfigureViewFilters.tsx"],
+  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { Plus, X } from 'lucide-react';\nimport { useT } from '@open-mercato/shared/lib/i18n/context';\nimport { ColumnDef, FilterRow, LoadFilterSuggestions } from '../types/index';\nimport {\n  FilterOperator,\n  getOperatorsForType,\n  needsValueInput,\n  needsMultipleValues,\n  needsRangeValues,\n  needsRelativeInput,\n  isDateOperator,\n  RELATIVE_DATE_UNITS,\n} from '../types/filters';\nimport { FilterDatePicker } from './FilterDatePicker';\nimport FilterValueInput from './FilterValueInput';\nimport SelectMenu from './SelectMenu';\nimport { useFieldSuggestionLoader } from '../hooks/useSuggestionFetch';\n\ninterface ConfigureViewFiltersProps {\n  columns: ColumnDef[];\n  filters: FilterRow[];\n  onFiltersChange: (filters: FilterRow[]) => void;\n  loadFilterSuggestions?: LoadFilterSuggestions;\n}\n\n// Normalize a column's `source` (dropdown options) to a {value,label} list.\n// Options may be plain strings or {value,label}/{id,name} objects. Returns null\n// when the column has no option set (free-text/numeric/date columns).\nconst getColumnOptions = (col?: ColumnDef): { value: string; label: string }[] | null => {\n  const src = (col as { source?: unknown })?.source;\n  if (!Array.isArray(src) || src.length === 0) return null;\n  return src.map((o) =>\n    o && typeof o === 'object'\n      ? {\n          value: String((o as Record<string, unknown>).value ?? (o as Record<string, unknown>).id ?? ''),\n          label: String(\n            (o as Record<string, unknown>).label ??\n              (o as Record<string, unknown>).name ??\n              (o as Record<string, unknown>).value ??\n              '',\n          ),\n        }\n      : { value: String(o), label: String(o) },\n  );\n};\n\n// Default operator for a column type. Option-backed columns (dropdown/multiselect)\n// default to `is_any_of` so the value picker shows their options.\nconst defaultOperatorForColumn = (col?: ColumnDef): FilterOperator => {\n  if (col?.type === 'date') return 'is_between';\n  if (col?.type === 'boolean') return 'is_true';\n  if (col?.type === 'numeric') return 'equals';\n  if (col?.type === 'dropdown' || col?.type === 'multiselect' || getColumnOptions(col)) return 'is_any_of';\n  return 'contains';\n};\n\nconst ConfigureViewFilters: React.FC<ConfigureViewFiltersProps> = ({\n  columns,\n  filters,\n  onFiltersChange,\n  loadFilterSuggestions,\n}) => {\n  const t = useT();\n\n  // One STABLE per-field loader, cached for as long as the host's\n  // `loadFilterSuggestions` identity holds. `useSuggestionFetch` keys its fetch\n  // effect on this function, so an inline arrow here would re-fire the request\n  // on every render \u2014 a fetch loop, not a picker. Shared with the header quick\n  // filter so both pickers hit the same cached function per field.\n  const getLoader = useFieldSuggestionLoader(loadFilterSuggestions);\n\n  const addFilterRow = useCallback(() => {\n    // Pick a default operator matching the first column's type so the new\n    // rule lands on a sensible operator (is_any_of for option columns, contains\n    // for text, is_between for dates, equals for numbers, is_true for booleans).\n    const firstCol = columns[0];\n    const defaultOperator: FilterOperator = defaultOperatorForColumn(firstCol);\n    const newRow: FilterRow = {\n      id: `filter-${Date.now()}`,\n      field: firstCol?.data || '',\n      operator: defaultOperator,\n      values: [],\n    };\n    onFiltersChange([...filters, newRow]);\n  }, [columns, filters, onFiltersChange]);\n\n  const removeFilterRow = useCallback((id: string) => {\n    onFiltersChange(filters.filter(row => row.id !== id));\n  }, [filters, onFiltersChange]);\n\n  const updateFilterRow = useCallback((id: string, updates: Partial<FilterRow>) => {\n    onFiltersChange(filters.map(row =>\n      row.id === id ? { ...row, ...updates } : row\n    ));\n  }, [filters, onFiltersChange]);\n\n  // When the operator changes, also reset values so the input shape matches\n  // (single \u2192 range, range \u2192 single, presence \u2192 none).\n  const handleOperatorChange = useCallback((id: string, operator: FilterOperator) => {\n    updateFilterRow(id, { operator, values: [] });\n  }, [updateFilterRow]);\n\n  // When the user switches to a column with a different type, snap the\n  // operator to a type-appropriate default so the input doesn't get stuck.\n  const handleFieldChange = useCallback((id: string, field: string) => {\n    const col = columns.find(c => c.data === field);\n    const row = filters.find(r => r.id === id);\n    const currentOps = getOperatorsForType(col?.type).map(o => o.value);\n    const keepOperator = row && currentOps.includes(row.operator as FilterOperator);\n    const fallback: FilterOperator = defaultOperatorForColumn(col);\n    updateFilterRow(id, {\n      field,\n      operator: keepOperator ? row!.operator : fallback,\n      values: keepOperator ? row!.values : [],\n    });\n  }, [columns, filters, updateFilterRow]);\n\n  const handleValueChange = useCallback((id: string, value: string) => {\n    updateFilterRow(id, { values: value ? [value] : [] });\n  }, [updateFilterRow]);\n\n  // For a 2-input range filter (is_between): set the [from, to] pair.\n  const handleRangeValueChange = useCallback((id: string, index: 0 | 1, value: string) => {\n    const row = filters.find(r => r.id === id);\n    if (!row) return;\n    const next = [row.values[0] ?? '', row.values[1] ?? ''] as string[];\n    next[index] = value;\n    // Drop the rule if both ends are empty so a half-typed filter doesn't\n    // wipe the table.\n    const allEmpty = next.every(v => !v || String(v).trim() === '');\n    updateFilterRow(id, { values: allEmpty ? [] : next });\n  }, [filters, updateFilterRow]);\n\n  // For a relative date filter (is_in_next / is_in_last): store the\n  // [count, unit] pair. index 0 = count, index 1 = unit. Unit defaults to\n  // 'days' so picking a unit before typing a count (or vice versa) is preserved.\n  const handleRelativeChange = useCallback((id: string, index: 0 | 1, value: string) => {\n    const row = filters.find(r => r.id === id);\n    if (!row) return;\n    const count = index === 0 ? value : ((row.values[0] as string) ?? '');\n    const unit = index === 1 ? value : ((row.values[1] as string) ?? 'days');\n    updateFilterRow(id, { values: [count, unit || 'days'] });\n  }, [filters, updateFilterRow]);\n\n  const handleValueAdd = useCallback((id: string, value: string) => {\n    const row = filters.find(r => r.id === id);\n    if (row && value.trim()) {\n      updateFilterRow(id, { values: [...row.values, value.trim()] });\n    }\n  }, [filters, updateFilterRow]);\n\n  const handleValueRemove = useCallback((id: string, valueIndex: number) => {\n    const row = filters.find(r => r.id === id);\n    if (row) {\n      updateFilterRow(id, { values: row.values.filter((_, i) => i !== valueIndex) });\n    }\n  }, [filters, updateFilterRow]);\n\n  return (\n    <div className=\"hot-config-filters\">\n      {filters.length > 0 && (\n        <>\n          <span className=\"hot-config-filters-label\">{t('dynamicTable.filter.where', 'Where')}</span>\n          {filters.map((row) => {\n            const column = columns.find(c => c.data === row.field);\n            const operators = getOperatorsForType(column?.type);\n            const showValueInput = needsValueInput(row.operator as FilterOperator);\n            const isMultiValue = needsMultipleValues(row.operator as FilterOperator);\n            const isRange = needsRangeValues(row.operator as FilterOperator);\n            const isDate = column?.type === 'date' && isDateOperator(row.operator as FilterOperator);\n            const isRelative = needsRelativeInput(row.operator as FilterOperator);\n            // Dropdown/enum columns carry their option set in `source`. When present,\n            // render an option picker (labels shown, raw values stored) instead of a\n            // free-text box \u2014 otherwise users type the badge label and it never\n            // matches the raw value stored in the DB.\n            const columnOptions = (!isRange && !isDate && !isRelative) ? getColumnOptions(column) : null;\n\n            return (\n              <div key={row.id} className=\"hot-config-filter-row\">\n                <SelectMenu\n                  value={row.field}\n                  onChange={(next) => handleFieldChange(row.id, next)}\n                  options={columns.map((col) => ({ value: col.data, label: col.title || col.data }))}\n                  className=\"hot-config-filter-select\"\n                  ariaLabel={t('dynamicTable.filter.field', 'Field')}\n                  dataAttributes={{ 'data-filter-field': row.id }}\n                />\n                <SelectMenu\n                  value={row.operator}\n                  onChange={(next) => handleOperatorChange(row.id, next as FilterOperator)}\n                  options={operators.map((op) => ({\n                    value: op.value,\n                    label: t(`dynamicTable.filter.operator.${op.value}`, op.label),\n                  }))}\n                  className=\"hot-config-filter-select hot-config-filter-operator\"\n                  ariaLabel={t('dynamicTable.filter.operator', 'Condition')}\n                  dataAttributes={{ 'data-filter-operator': row.id }}\n                />\n                {showValueInput && (\n                  <>\n                    {columnOptions ? (\n                      isMultiValue ? (\n                        // Option-backed multi-select (is_any_of / is_not_any_of):\n                        // pills render the option label, the dropdown adds the value.\n                        <>\n                          {row.values.map((value, idx) => (\n                            <span key={idx} className=\"hot-config-filter-pill\">\n                              {columnOptions.find(o => o.value === String(value))?.label ?? String(value)}\n                              <button onClick={() => handleValueRemove(row.id, idx)} className=\"hot-config-filter-pill-remove\">\u00D7</button>\n                            </span>\n                          ))}\n                          <SelectMenu\n                            className=\"hot-config-filter-select\"\n                            value=\"\"\n                            placeholder={t('dynamicTable.filter.addValue', 'Add\u2026')}\n                            onChange={(next) => { if (next) handleValueAdd(row.id, next); }}\n                            options={columnOptions.filter(\n                              (o) => !row.values.map(String).includes(o.value),\n                            )}\n                            ariaLabel={t('dynamicTable.filter.addValue', 'Add\u2026')}\n                            dataAttributes={{ 'data-filter-value': row.id }}\n                          />\n                        </>\n                      ) : (\n                        // Single-value option select (contains/equals/\u2026): shows the\n                        // label, stores the raw value the DB filters on.\n                        <SelectMenu\n                          className=\"hot-config-filter-select\"\n                          value={(row.values[0] as string) || ''}\n                          onChange={(next) => handleValueChange(row.id, next)}\n                          options={columnOptions}\n                          emptyOptionLabel={t('dynamicTable.filter.selectValue', 'Select\u2026')}\n                          placeholder={t('dynamicTable.filter.selectValue', 'Select\u2026')}\n                          ariaLabel={t('dynamicTable.filter.selectValue', 'Select\u2026')}\n                          dataAttributes={{ 'data-filter-value': row.id }}\n                        />\n                      )\n                    ) : (\n                    <>\n                    {isMultiValue && row.values.map((value, idx) => (\n                      <span key={idx} className=\"hot-config-filter-pill\">\n                        {String(value)}\n                        <button onClick={() => handleValueRemove(row.id, idx)} className=\"hot-config-filter-pill-remove\">\u00D7</button>\n                      </span>\n                    ))}\n                    {isRelative ? (\n                      // Relative date window: number of units + unit select.\n                      // Stored as values = [count, unit]; resolved to a today-anchored\n                      // range server-side. Reads as \"Wa\u017Cna do | nast\u0119pne | 7 | dni\".\n                      <>\n                        <input\n                          type=\"number\"\n                          min={1}\n                          step={1}\n                          placeholder={t('dynamicTable.filter.count', 'count')}\n                          className=\"hot-config-filter-input hot-config-filter-relative-count\"\n                          value={(row.values[0] as string) ?? ''}\n                          onChange={(e) => handleRelativeChange(row.id, 0, e.target.value)}\n                          aria-label={t('dynamicTable.filter.count', 'count')}\n                        />\n                        <SelectMenu\n                          className=\"hot-config-filter-select\"\n                          value={(row.values[1] as string) || 'days'}\n                          onChange={(next) => handleRelativeChange(row.id, 1, next)}\n                          options={RELATIVE_DATE_UNITS.map((u) => ({\n                            value: u,\n                            label: t(`dynamicTable.filter.unit.${u}`, u),\n                          }))}\n                          ariaLabel={t('dynamicTable.filter.unit', 'Unit')}\n                        />\n                      </>\n                    ) : isRange ? (\n                      // Two side-by-side date pickers for `is_between` \u2014 styled\n                      // calendar popover (matches the inline cell editor look)\n                      // instead of the native `<input type=\"date\">` widget.\n                      <>\n                        <FilterDatePicker\n                          value={(row.values[0] as string) || ''}\n                          onChange={(v) => handleRangeValueChange(row.id, 0, v)}\n                          ariaLabel={t('dynamicTable.filter.from', 'From')}\n                          placeholder={t('dynamicTable.filter.from', 'From')}\n                        />\n                        <span className=\"hot-config-filter-range-sep\">\u2192</span>\n                        <FilterDatePicker\n                          value={(row.values[1] as string) || ''}\n                          onChange={(v) => handleRangeValueChange(row.id, 1, v)}\n                          ariaLabel={t('dynamicTable.filter.to', 'To')}\n                          placeholder={t('dynamicTable.filter.to', 'To')}\n                        />\n                      </>\n                    ) : isDate ? (\n                      // Single date picker for the before/after/equals/on-or-before/on-or-after operators.\n                      <FilterDatePicker\n                        value={(row.values[0] as string) || ''}\n                        onChange={(v) => handleValueChange(row.id, v)}\n                        ariaLabel={t('dynamicTable.filter.date', 'Date')}\n                        placeholder={t('dynamicTable.filter.pickDate', 'Pick date')}\n                      />\n                    ) : (\n                      // THE fix for \"the Assignee filter is a text box that\n                      // never matches\". Free text still works \u2014 a partial\n                      // `contains` is a legitimate filter \u2014 but when the host\n                      // supplies a loader the same box becomes a real picker,\n                      // for the multi-value operators too (\"show only mine\" is\n                      // `is_any_of [me]`).\n                      <FilterValueInput\n                        key={`${row.id}:${row.field}`}\n                        filterId={row.id}\n                        initialValue={!isMultiValue ? ((row.values[0] as string) || '') : ''}\n                        isMultiValue={isMultiValue}\n                        onValueChange={handleValueChange}\n                        onValueAdd={handleValueAdd}\n                        loadSuggestions={getLoader(row.field)}\n                        placeholder={\n                          isMultiValue\n                            ? t('dynamicTable.filter.addValue', 'Add\u2026')\n                            : t('dynamicTable.filter.enterValue', 'Enter value')\n                        }\n                        ariaLabel={t('dynamicTable.filter.enterValue', 'Enter value')}\n                      />\n                    )}\n                    </>\n                    )}\n                  </>\n                )}\n                <button\n                  onClick={() => removeFilterRow(row.id)}\n                  className=\"hot-config-filter-remove\"\n                >\n                  <X className=\"w-3.5 h-3.5\" />\n                </button>\n              </div>\n            );\n          })}\n        </>\n      )}\n      <button onClick={addFilterRow} className=\"hot-config-add-btn\">\n        <Plus className=\"w-3.5 h-3.5\" aria-hidden />\n        {t('dynamicTable.filter.addCondition', 'Add condition')}\n      </button>\n    </div>\n  );\n};\n\nexport default ConfigureViewFilters;\n"],
+  "mappings": "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",
+  "names": []
+}