@freighttech/ui 0.13.18

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

@@ -0,0 +1,528 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useState, useCallback, useMemo, useRef, useEffect } from "react";
+import { Filter, MoreVertical } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useCellStore, useSelection } from "../hooks/index.js";
+import { useFieldSuggestionLoader } from "../hooks/useSuggestionFetch.js";
+import {
+  getOperatorsForType,
+  needsRangeValues,
+  needsRelativeInput,
+  needsValueInput
+} from "../types/filters.js";
+import ColumnHeaderMenu from "./ColumnHeaderMenu.js";
+import ColumnFilterPopover from "./ColumnFilterPopover.js";
+import { isFormulaColumnKey } from "../utils/formulaColumns.js";
+import { columnSpacerKey, columnSpacerStyle } from "../utils/columnSpacerStyle.js";
+const quickFilterId = (field) => `quick:${field}`;
+function isQuickFilterable(column) {
+  if (!column?.data) return false;
+  return !isFormulaColumnKey(column.data);
+}
+const REORDER_THRESHOLD_PX = 4;
+const REORDER_EDGE_PX = 56;
+const REORDER_EDGE_SPEED_PX = 18;
+const ColumnHeaders = memo(
+  ({
+    columns,
+    rowHeaders,
+    leftOffsets,
+    rightOffsets,
+    totalWidth,
+    sortState,
+    actionsColumnWidth,
+    showActionsColumn = true,
+    onSort,
+    onResizeStart,
+    onDoubleClick,
+    onMouseDown,
+    onMouseMove,
+    modernLayout = false,
+    onSortAsc,
+    onSortDesc,
+    onFilterByField,
+    filters,
+    onFiltersChange,
+    loadFilterSuggestions,
+    onFreezeToggle,
+    onHideField,
+    onColumnReorder,
+    onColumnMove,
+    frozenColumns,
+    lastFrozenColumnKey,
+    columnActions,
+    onColumnAction,
+    selectable,
+    allSelected,
+    someSelected,
+    onToggleSelectAll,
+    columnWindow
+  }) => {
+    const t = useT();
+    const store = useCellStore();
+    const selection = useSelection();
+    const [headerMenu, setHeaderMenu] = useState(null);
+    const [quickFilter, setQuickFilter] = useState(null);
+    const getSuggestionLoader = useFieldSuggestionLoader(loadFilterSuggestions);
+    const quickFilterEnabled = modernLayout && typeof onFiltersChange === "function";
+    const filteredFields = useMemo(() => {
+      const map = /* @__PURE__ */ new Map();
+      for (const rule of filters ?? []) map.set(rule.field, rule);
+      return map;
+    }, [filters]);
+    const openQuickFilter = useCallback((colIndex, th) => {
+      if (!th) return;
+      setHeaderMenu(null);
+      setQuickFilter({ colIndex, anchorEl: th });
+    }, []);
+    const applyQuickFilter = useCallback(
+      (field, values, options) => {
+        if (!onFiltersChange) return;
+        const operator = options?.operator;
+        const keep = operator ? values.length > 0 || !needsValueInput(operator) : values.length > 0;
+        const rest = (filters ?? []).filter((f) => f.field !== field);
+        onFiltersChange(
+          keep ? [...rest, { id: quickFilterId(field), field, operator: operator ?? "is_any_of", values }] : rest
+        );
+      },
+      [filters, onFiltersChange]
+    );
+    const sortLabel = useCallback(
+      (direction) => {
+        if (direction === "asc") return t("dynamicTable.sort.ascending", "Sorted ascending");
+        if (direction === "desc") return t("dynamicTable.sort.descending", "Sorted descending");
+        return t("dynamicTable.sort.none", "Click to sort");
+      },
+      [t]
+    );
+    const [reorder, setReorder] = useState(null);
+    const reorderRef = useRef(null);
+    const headersElRef = useRef(null);
+    const setReorderState = useCallback((next) => {
+      reorderRef.current = next;
+      setReorder(next);
+    }, []);
+    const pinKindOf = useCallback(
+      (index) => {
+        if (leftOffsets[index] !== void 0) return "left";
+        if (rightOffsets[index] !== void 0) return "right";
+        return null;
+      },
+      [leftOffsets, rightOffsets]
+    );
+    const pinRunOf = useCallback(
+      (index) => {
+        const kind = pinKindOf(index);
+        let start = index;
+        let end = index;
+        while (start > 0 && pinKindOf(start - 1) === kind) start -= 1;
+        while (end < columns.length - 1 && pinKindOf(end + 1) === kind) end += 1;
+        return { start, end };
+      },
+      [pinKindOf, columns.length]
+    );
+    const beginReorder = useCallback(
+      (e, colIndex) => {
+        if (!onColumnReorder || e.button !== 0) return;
+        const target = e.target;
+        if (target.closest(".hot-col-resize-handle, .hot-col-funnel, .hot-col-kebab, .hot-col-sort-btn")) return;
+        const startX = e.clientX;
+        const startY = e.clientY;
+        setReorderState({ from: colIndex, insertAt: colIndex, active: false, invalid: false });
+        const scroller = headersElRef.current?.closest(".hot-virtual-container") ?? null;
+        let rafId = 0;
+        let pointerX = startX;
+        const step = () => {
+          if (scroller) {
+            const box = scroller.getBoundingClientRect();
+            if (pointerX < box.left + REORDER_EDGE_PX) scroller.scrollLeft -= REORDER_EDGE_SPEED_PX;
+            else if (pointerX > box.right - REORDER_EDGE_PX) scroller.scrollLeft += REORDER_EDGE_SPEED_PX;
+          }
+          rafId = window.requestAnimationFrame(step);
+        };
+        rafId = window.requestAnimationFrame(step);
+        const onMove = (ev) => {
+          pointerX = ev.clientX;
+          const current = reorderRef.current;
+          if (!current) return;
+          const moved = Math.abs(ev.clientX - startX) > REORDER_THRESHOLD_PX || Math.abs(ev.clientY - startY) > REORDER_THRESHOLD_PX;
+          if (!moved && !current.active) return;
+          const el = document.elementFromPoint(ev.clientX, ev.clientY);
+          const th = el?.closest("th.hot-col-header");
+          let insertAt = current.insertAt;
+          if (th && th.getAttribute("data-actions-cell") !== "true") {
+            const overIndex = parseInt(th.getAttribute("data-col") || "", 10);
+            if (!Number.isNaN(overIndex)) {
+              const rect = th.getBoundingClientRect();
+              insertAt = ev.clientX < rect.left + rect.width / 2 ? overIndex : overIndex + 1;
+            }
+          }
+          const run = pinRunOf(current.from);
+          const invalid = insertAt < run.start || insertAt > run.end + 1;
+          if (current.active && current.insertAt === insertAt && current.invalid === invalid) {
+            return;
+          }
+          setReorderState({ from: current.from, insertAt, active: true, invalid });
+        };
+        const finish = (commit) => {
+          window.cancelAnimationFrame(rafId);
+          document.removeEventListener("mousemove", onMove, true);
+          document.removeEventListener("mouseup", onUp, true);
+          document.removeEventListener("keydown", onKey, true);
+          const current = reorderRef.current;
+          setReorderState(null);
+          if (!commit || !current || !current.active || current.invalid) return;
+          const target2 = current.insertAt > current.from ? current.insertAt - 1 : current.insertAt;
+          if (target2 === current.from) return;
+          onColumnReorder(current.from, target2);
+        };
+        const onUp = () => finish(true);
+        const onKey = (ev) => {
+          if (ev.key === "Escape") finish(false);
+        };
+        document.addEventListener("mousemove", onMove, true);
+        document.addEventListener("mouseup", onUp, true);
+        document.addEventListener("keydown", onKey, true);
+      },
+      [onColumnReorder, pinRunOf, setReorderState]
+    );
+    useEffect(() => () => {
+      reorderRef.current = null;
+    }, []);
+    const handleHeaderClick = useCallback((e, colIndex) => {
+      if (!modernLayout) return;
+      if (e.target.classList.contains("hot-col-resize-handle")) return;
+      e.preventDefault();
+      e.stopPropagation();
+      const th = e.currentTarget;
+      setHeaderMenu({ colIndex, anchorRect: th.getBoundingClientRect() });
+    }, [modernLayout]);
+    const renderHeader = (colIndex) => {
+      const col = columns[colIndex];
+      if (!col) return null;
+      const isInColRange = selection.type === "colRange" && selection.anchor && selection.focus && colIndex >= Math.min(selection.anchor.col, selection.focus.col) && colIndex <= Math.max(selection.anchor.col, selection.focus.col);
+      const colWidth = store.getColumnWidth(colIndex);
+      const sortDirection = sortState.columnIndex === colIndex ? sortState.direction : null;
+      const showFunnel = quickFilterEnabled && isQuickFilterable(col);
+      const filterRule = filteredFields.get(col.data);
+      const isFiltered = filterRule != null;
+      const rawFilterValues = (filterRule?.values ?? []).map(String);
+      const filteredValues = rawFilterValues.filter((v) => v !== "");
+      const operatorLabel = filterRule ? t(
+        `dynamicTable.filter.operator.${filterRule.operator}`,
+        // The English label from the operator table, never the raw id.
+        getOperatorsForType(col.type).find((o) => o.value === filterRule.operator)?.label ?? filterRule.operator
+      ) : "";
+      const filterSummary = !filterRule ? "" : needsRelativeInput(filterRule.operator) ? (
+        // [count, unit] → "last 2 months"
+        `${operatorLabel} ${rawFilterValues[0] ?? ""} ${t(
+          `dynamicTable.filter.unit.${rawFilterValues[1] || "days"}`,
+          rawFilterValues[1] || "days"
+        )}`.trim()
+      ) : needsRangeValues(filterRule.operator) ? (
+        // [from, to] → "is between 2026-04-01 – 2026-05-31", with "…" for
+        // the open end of a half-range so the gap is deliberate-looking.
+        `${operatorLabel} ${rawFilterValues[0] || "\u2026"} \u2013 ${rawFilterValues[1] || "\u2026"}`
+      ) : filteredValues.length ? filteredValues.join(", ") : operatorLabel;
+      const NARROW_HEADER_PX = 104;
+      const isNarrow = (showFunnel || modernLayout) && colWidth < NARROW_HEADER_PX;
+      const HEADER_CHAR_PX = 7;
+      const HEADER_CHROME_PX = 33;
+      const MIN_LEGIBLE_STEM_PX = 5 * HEADER_CHAR_PX;
+      const labelText = String(col.title || col.data);
+      const labelNaturalPx = labelText.length * HEADER_CHAR_PX;
+      const titleSpacePx = colWidth - HEADER_CHROME_PX;
+      const funnelTooTight = showFunnel && titleSpacePx < Math.min(labelNaturalPx, MIN_LEGIBLE_STEM_PX);
+      const headerStyle = {
+        width: colWidth,
+        flexBasis: colWidth,
+        minWidth: colWidth,
+        flexShrink: 0,
+        flexGrow: 0,
+        position: "relative"
+      };
+      if (leftOffsets[colIndex] !== void 0) {
+        headerStyle.position = "sticky";
+        headerStyle.left = leftOffsets[colIndex];
+        headerStyle.zIndex = 3;
+      } else if (rightOffsets[colIndex] !== void 0) {
+        headerStyle.position = "sticky";
+        headerStyle.right = rightOffsets[colIndex];
+        headerStyle.zIndex = 3;
+      }
+      const dropBefore = !!reorder?.active && !reorder.invalid && reorder.insertAt === colIndex;
+      const dropAfter = !!reorder?.active && !reorder.invalid && reorder.insertAt === colIndex + 1 && colIndex === columns.length - 1;
+      return /* @__PURE__ */ jsxs(
+        "th",
+        {
+          className: `hot-col-header ${modernLayout ? "hot-col-header-modern" : ""}`,
+          onDoubleClick: modernLayout ? (e) => handleHeaderClick(e, colIndex) : (e) => onDoubleClick(e, colIndex),
+          onMouseDown: onColumnReorder ? (e) => beginReorder(e, colIndex) : void 0,
+          style: headerStyle,
+          "data-col": colIndex,
+          "data-reorderable": onColumnReorder ? true : void 0,
+          "data-reorder-source": reorder?.active && reorder.from === colIndex ? true : void 0,
+          "data-drop-before": dropBefore || void 0,
+          "data-drop-after": dropAfter || void 0,
+          "aria-colindex": colIndex + 1 + (rowHeaders ? 1 : 0),
+          "aria-sort": sortDirection === "asc" ? "ascending" : sortDirection === "desc" ? "descending" : void 0,
+          "data-sort-direction": sortDirection ?? void 0,
+          "data-in-col-range": isInColRange,
+          "data-narrow": isNarrow || void 0,
+          "data-funnel-tight": funnelTooTight || void 0,
+          "data-sticky-left": leftOffsets[colIndex] !== void 0,
+          "data-sticky-right": rightOffsets[colIndex] !== void 0,
+          "data-frozen-edge": lastFrozenColumnKey != null && col.data === lastFrozenColumnKey || void 0,
+          "data-filtered": isFiltered || void 0,
+          children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between",
+                  width: "100%",
+                  minWidth: 0,
+                  overflow: "hidden"
+                },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      style: {
+                        whiteSpace: "nowrap",
+                        overflow: "hidden",
+                        textOverflow: "ellipsis",
+                        minWidth: 0,
+                        flex: 1
+                      },
+                      title: col.headerTooltip || col.title || col.data,
+                      children: col.title || col.data
+                    }
+                  ),
+                  !modernLayout ? /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      className: "hot-col-sort-btn",
+                      tabIndex: -1,
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        onSort(colIndex);
+                      },
+                      title: sortLabel(sortDirection),
+                      style: {
+                        border: "none",
+                        background: "transparent",
+                        cursor: "pointer",
+                        padding: "2px 4px",
+                        display: "flex",
+                        alignItems: "center",
+                        fontSize: "var(--text-body-regular-xs)",
+                        // Tokens, not hex. `#3b82f6`/`#9ca3af` were fixed light-mode
+                        // values, so the idle glyph sat at the same grey in dark mode
+                        // where it needs to be lighter than the surface, not darker.
+                        color: sortDirection ? "var(--m3-accent)" : "var(--m3-on-surface-variant)",
+                        transition: "var(--m3-transition-state)"
+                      },
+                      children: [
+                        sortDirection === "asc" && "\u2191",
+                        sortDirection === "desc" && "\u2193",
+                        !sortDirection && "\u21C5"
+                      ]
+                    }
+                  ) : sortDirection && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "hot-col-sort-indicator",
+                      title: sortLabel(sortDirection),
+                      "aria-hidden": "true",
+                      children: sortDirection === "asc" ? "\u2191" : "\u2193"
+                    }
+                  ),
+                  showFunnel && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "hot-col-funnel",
+                      tabIndex: -1,
+                      "data-filtered": isFiltered || void 0,
+                      "aria-label": isFiltered ? filteredValues.length ? t("dynamicTable.quickFilter.filteredBy", "Filtered \u2014 {count} values selected", {
+                        count: filteredValues.length
+                      }) : t("dynamicTable.quickFilter.filteredByCondition", "Filtered \u2014 {condition}", {
+                        condition: filterSummary
+                      }) : t("dynamicTable.quickFilter.open", "Filter this column"),
+                      title: isFiltered ? `${col.title || col.data}: ${filterSummary}` : t("dynamicTable.quickFilter.open", "Filter this column"),
+                      onMouseDown: (e) => {
+                        e.stopPropagation();
+                        e.preventDefault();
+                      },
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        e.preventDefault();
+                        openQuickFilter(colIndex, e.currentTarget.closest("th"));
+                      },
+                      children: /* @__PURE__ */ jsx(Filter, { size: 13 })
+                    }
+                  ),
+                  modernLayout && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "hot-col-kebab",
+                      tabIndex: -1,
+                      title: "Column options",
+                      "aria-label": t("dynamicTable.columnMenu.openFor", "Column options: {name}", {
+                        name: col.title || col.data
+                      }),
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        e.preventDefault();
+                        const th = e.currentTarget.closest("th");
+                        if (th) setHeaderMenu({ colIndex, anchorRect: th.getBoundingClientRect() });
+                      },
+                      children: /* @__PURE__ */ jsx(MoreVertical, { size: 14 })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "hot-col-resize-handle",
+                onMouseDown: (e) => onResizeStart(e, colIndex),
+                style: {
+                  position: "absolute",
+                  right: 0,
+                  top: 0,
+                  bottom: 0,
+                  width: "5px",
+                  cursor: "col-resize",
+                  zIndex: 10
+                }
+              }
+            )
+          ]
+        },
+        col.data
+      );
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: headersElRef,
+        className: "hot-headers-sticky",
+        "data-reordering": reorder?.active || void 0,
+        onMouseDown,
+        onMouseMove,
+        children: [
+          /* @__PURE__ */ jsx("table", { className: "hot-table", style: { width: `${totalWidth}px` }, children: /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { style: { display: "flex", width: `${totalWidth}px` }, children: [
+            rowHeaders && /* @__PURE__ */ jsx(
+              "th",
+              {
+                className: "hot-row-header",
+                style: {
+                  width: 50,
+                  flexBasis: 50,
+                  flexShrink: 0,
+                  flexGrow: 0,
+                  position: "sticky",
+                  left: 0,
+                  zIndex: 4
+                },
+                children: selectable && /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: "hot-row-select hot-row-select-all",
+                    checked: !!allSelected,
+                    ref: (el) => {
+                      if (el) el.indeterminate = !allSelected && !!someSelected;
+                    },
+                    onChange: () => onToggleSelectAll?.(),
+                    "aria-label": "Select all rows"
+                  }
+                )
+              }
+            ),
+            columnWindow?.virtualized ? columnWindow.segments.map((seg) => seg.type === "spacer" ? /* @__PURE__ */ jsx(
+              "th",
+              {
+                className: "hot-header-spacer",
+                "aria-hidden": "true",
+                style: columnSpacerStyle(seg.width)
+              },
+              columnSpacerKey(seg.fromIndex, seg.toIndex)
+            ) : renderHeader(seg.column.index)) : columns.map((_, colIndex) => renderHeader(colIndex)),
+            showActionsColumn && /* @__PURE__ */ jsx(
+              "th",
+              {
+                className: "hot-col-header",
+                "data-actions-cell": "true",
+                style: {
+                  width: actionsColumnWidth,
+                  flexBasis: actionsColumnWidth,
+                  flexShrink: 0,
+                  flexGrow: 0,
+                  position: "sticky",
+                  right: 0,
+                  zIndex: 3
+                },
+                children: "Actions"
+              }
+            )
+          ] }) }) }),
+          headerMenu && modernLayout && /* @__PURE__ */ jsx(
+            ColumnHeaderMenu,
+            {
+              column: columns[headerMenu.colIndex],
+              colIndex: headerMenu.colIndex,
+              anchorRect: headerMenu.anchorRect,
+              isFrozen: frozenColumns?.has(columns[headerMenu.colIndex].data) ?? false,
+              onSortAsc: () => onSortAsc?.(headerMenu.colIndex),
+              onSortDesc: () => onSortDesc?.(headerMenu.colIndex),
+              onQuickFilter: quickFilterEnabled && isQuickFilterable(columns[headerMenu.colIndex]) ? () => {
+                const colIndex = headerMenu.colIndex;
+                const th = document.querySelector(
+                  `th.hot-col-header[data-col="${colIndex}"]`
+                );
+                setHeaderMenu(null);
+                if (th) setQuickFilter({ colIndex, anchorEl: th });
+              } : void 0,
+              onFilterByField: () => onFilterByField?.(headerMenu.colIndex),
+              onFreezeToggle: () => onFreezeToggle?.(headerMenu.colIndex),
+              onHideField: () => onHideField?.(headerMenu.colIndex),
+              onMoveLeft: onColumnMove && headerMenu.colIndex > pinRunOf(headerMenu.colIndex).start ? () => onColumnMove(headerMenu.colIndex, -1) : void 0,
+              onMoveRight: onColumnMove && headerMenu.colIndex < pinRunOf(headerMenu.colIndex).end ? () => onColumnMove(headerMenu.colIndex, 1) : void 0,
+              onClose: () => setHeaderMenu(null),
+              extraActions: columnActions?.(columns[headerMenu.colIndex], headerMenu.colIndex),
+              onExtraAction: (actionId) => onColumnAction?.(actionId, headerMenu.colIndex)
+            }
+          ),
+          quickFilter && columns[quickFilter.colIndex] && /* @__PURE__ */ jsx(
+            ColumnFilterPopover,
+            {
+              column: columns[quickFilter.colIndex],
+              anchorEl: quickFilter.anchorEl,
+              selectedValues: (filteredFields.get(columns[quickFilter.colIndex].data)?.values ?? []).map(String),
+              selectedOperator: filteredFields.get(columns[quickFilter.colIndex].data)?.operator,
+              loadSuggestions: getSuggestionLoader(columns[quickFilter.colIndex].data),
+              onApply: (values, options) => applyQuickFilter(columns[quickFilter.colIndex].data, values, options),
+              onClose: () => setQuickFilter(null)
+            },
+            columns[quickFilter.colIndex].data
+          )
+        ]
+      }
+    );
+  }
+);
+ColumnHeaders.displayName = "ColumnHeaders";
+var ColumnHeaders_default = ColumnHeaders;
+export {
+  ColumnHeaders_default as default,
+  isQuickFilterable,
+  quickFilterId
+};
+//# sourceMappingURL=ColumnHeaders.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/ColumnHeaders.tsx"],
+  "sourcesContent": ["import React, { memo, useState, useCallback, useMemo, useRef, useEffect } from 'react';\nimport { Filter, MoreVertical } from 'lucide-react';\nimport { useT } from '@open-mercato/shared/lib/i18n/context';\nimport { useCellStore, useSelection } from '../hooks/index';\nimport { useFieldSuggestionLoader } from '../hooks/useSuggestionFetch';\nimport { ColumnDef, SortState, ContextMenuAction, FilterRow, LoadFilterSuggestions } from '../types/index';\nimport {\n  getOperatorsForType,\n  needsRangeValues,\n  needsRelativeInput,\n  needsValueInput,\n  type FilterOperator,\n} from '../types/filters';\nimport ColumnHeaderMenu from './ColumnHeaderMenu';\nimport ColumnFilterPopover from './ColumnFilterPopover';\nimport { isFormulaColumnKey } from '../utils/formulaColumns';\nimport type { ColumnWindow } from '../utils/columnWindow';\nimport { columnSpacerKey, columnSpacerStyle } from '../utils/columnSpacerStyle';\n\n/** Stable id for a header-authored rule, so it is recognisable as one. */\nexport const quickFilterId = (field: string): string => `quick:${field}`;\n\n/**\n * Columns the header funnel is offered on. Calculated columns are excluded: they\n * are evaluated in the browser after the page arrives, so a server-side\n * `is_any_of` on `formula__x` matches nothing and would silently empty the grid.\n */\nexport function isQuickFilterable(column: ColumnDef | undefined): boolean {\n  if (!column?.data) return false;\n  return !isFormulaColumnKey(column.data);\n}\n\nexport interface ColumnHeadersProps {\n  columns: ColumnDef[];\n  rowHeaders: boolean;\n  leftOffsets: (number | undefined)[];\n  rightOffsets: (number | undefined)[];\n  totalWidth: number;\n  sortState: SortState;\n  actionsColumnWidth: number;\n  showActionsColumn?: boolean;\n  onSort: (colIndex: number) => void;\n  onResizeStart: (e: React.MouseEvent, colIndex: number) => void;\n  onDoubleClick: (e: React.MouseEvent, colIndex: number) => void;\n  onMouseDown: (e: React.MouseEvent) => void;\n  onMouseMove: (e: React.MouseEvent) => void;\n  /** Modern layout: enable built-in column header click menu */\n  modernLayout?: boolean;\n  /** Modern layout: callback for sort ascending */\n  onSortAsc?: (colIndex: number) => void;\n  /** Modern layout: callback for sort descending */\n  onSortDesc?: (colIndex: number) => void;\n  /** Modern layout: callback for \"Advanced filter\u2026\" (opens the Configure View panel) */\n  onFilterByField?: (colIndex: number) => void;\n  /**\n   * Live filter rules. EPHEMERAL by contract (workshop A2/D6) \u2014 they live in\n   * `DynamicTable`'s `useState` and only reach the server on an explicit\n   * perspective save, which is exactly why the header funnel is allowed to\n   * write them freely.\n   */\n  filters?: FilterRow[];\n  /** Commit a changed rule set. Omit to disable the header quick filter. */\n  onFiltersChange?: (filters: FilterRow[]) => void;\n  /** Per-module distinct-value loader powering the quick filter's tick list. */\n  loadFilterSuggestions?: LoadFilterSuggestions;\n  /** Modern layout: callback for freeze/unfreeze column */\n  onFreezeToggle?: (colIndex: number) => void;\n  /** Modern layout: callback for hiding a column */\n  onHideField?: (colIndex: number) => void;\n  /**\n   * A16 \u2014 move a column by dragging its header.\n   *\n   * Both arguments are ABSOLUTE indices into the full `columns` array, never\n   * DOM positions: under column virtualization the columns between source and\n   * target may not be mounted at all, and the header row renders spacers where\n   * they would be. `toIndex` is the index the column must OCCUPY once moved\n   * (i.e. already accounts for the source being lifted out first).\n   *\n   * Omit to disable header reordering.\n   */\n  onColumnReorder?: (fromIndex: number, toIndex: number) => void;\n  /**\n   * A16, keyboard/menu route \u2014 move one column one step left (`-1`) or right\n   * (`+1`). Surfaced as \"Move left\" / \"Move right\" in the column menu so the\n   * reorder is reachable without a mouse drag.\n   */\n  onColumnMove?: (colIndex: number, direction: -1 | 1) => void;\n  /** Set of frozen column data keys */\n  frozenColumns?: Set<string>;\n  /** Data key of the rightmost pinned column \u2014 gets the float-edge shadow. */\n  lastFrozenColumnKey?: string | null;\n  /** Column actions provider for extra menu items */\n  columnActions?: (column: ColumnDef, colIndex: number) => ContextMenuAction[];\n  /** Callback when an extra column action is clicked */\n  onColumnAction?: (actionId: string, colIndex: number) => void;\n  /** v2: render a select-all checkbox in the row-header cell. */\n  selectable?: boolean;\n  allSelected?: boolean;\n  someSelected?: boolean;\n  onToggleSelectAll?: () => void;\n  /**\n   * Mounted column window \u2014 MUST be the same instance the body rows consume,\n   * or header spacers and body spacers drift apart during horizontal scroll and\n   * the columns visibly misalign. Omit for the unvirtualized render.\n   */\n  columnWindow?: ColumnWindow;\n}\n\ninterface HeaderMenuState {\n  colIndex: number;\n  anchorRect: DOMRect;\n}\n\n/**\n * A16 \u2014 live state of a header reorder drag. Everything here is an INDEX into\n * the full `columns` array; nothing is an element. `insertAt` is a slot in the\n * pre-move array (0 \u2026 columns.length), i.e. \"land before the column currently\n * at this index\".\n */\ninterface ReorderState {\n  from: number;\n  insertAt: number;\n  /** False until the pointer has moved past the threshold \u2014 a click is not a drag. */\n  active: boolean;\n  /** Set when the drop would interleave a pinned column with an unpinned one. */\n  invalid: boolean;\n}\n\n/** Pixels the pointer must travel before a header press becomes a reorder. */\nconst REORDER_THRESHOLD_PX = 4;\n/** Distance from the viewport edge of the scroller that starts auto-scrolling. */\nconst REORDER_EDGE_PX = 56;\nconst REORDER_EDGE_SPEED_PX = 18;\n\n/**\n * The quick filter anchors to the header ELEMENT, not to a frozen rect: the\n * grid scrolls horizontally underneath a `position: fixed` dropdown, so the\n * rect has to be re-read rather than captured once.\n */\ninterface QuickFilterState {\n  colIndex: number;\n  anchorEl: HTMLElement;\n}\n\nconst ColumnHeaders: React.FC<ColumnHeadersProps> = memo(\n  ({\n    columns,\n    rowHeaders,\n    leftOffsets,\n    rightOffsets,\n    totalWidth,\n    sortState,\n    actionsColumnWidth,\n    showActionsColumn = true,\n    onSort,\n    onResizeStart,\n    onDoubleClick,\n    onMouseDown,\n    onMouseMove,\n    modernLayout = false,\n    onSortAsc,\n    onSortDesc,\n    onFilterByField,\n    filters,\n    onFiltersChange,\n    loadFilterSuggestions,\n    onFreezeToggle,\n    onHideField,\n    onColumnReorder,\n    onColumnMove,\n    frozenColumns,\n    lastFrozenColumnKey,\n    columnActions,\n    onColumnAction,\n    selectable,\n    allSelected,\n    someSelected,\n    onToggleSelectAll,\n    columnWindow,\n  }) => {\n    const t = useT();\n    const store = useCellStore();\n    const selection = useSelection();\n    const [headerMenu, setHeaderMenu] = useState<HeaderMenuState | null>(null);\n    const [quickFilter, setQuickFilter] = useState<QuickFilterState | null>(null);\n    const getSuggestionLoader = useFieldSuggestionLoader(loadFilterSuggestions);\n\n    const quickFilterEnabled = modernLayout && typeof onFiltersChange === 'function';\n\n    /**\n     * field \u2192 its live rule. The WHOLE rule, not just the values: a date filter\n     * carries its meaning in the OPERATOR (\"tomorrow\" has no right-hand side at\n     * all), so a values-only map cannot describe what the column is filtered by.\n     * A presence rule (is_empty) is the same shape \u2014 value-less but IS a filter,\n     * or A13 (\"am I really seeing everything?\") is only half answered.\n     */\n    const filteredFields = useMemo(() => {\n      const map = new Map<string, FilterRow>();\n      for (const rule of filters ?? []) map.set(rule.field, rule);\n      return map;\n    }, [filters]);\n\n    const openQuickFilter = useCallback((colIndex: number, th: HTMLElement | null) => {\n      if (!th) return;\n      setHeaderMenu(null);\n      setQuickFilter({ colIndex, anchorEl: th });\n    }, []);\n\n    /**\n     * Replace this column's rule with what the popover committed.\n     *\n     * The tick list hands over values only, and gets `is_any_of` \u2014 unchanged.\n     * The date editor also hands over its OPERATOR, because a date filter is\n     * meaningless without one, and half of them (`is_today`, `is_overdue`, \u2026)\n     * carry no values at all. So \"is this rule worth keeping\" is a question\n     * about the operator, not about the value count: a value-taking operator\n     * with nothing filled is dropped, a value-less one is kept, and no operator\n     * at all (either Clear button) is always a drop.\n     */\n    const applyQuickFilter = useCallback(\n      (field: string, values: string[], options?: { operator?: FilterOperator }) => {\n        if (!onFiltersChange) return;\n        const operator = options?.operator;\n        const keep = operator ? values.length > 0 || !needsValueInput(operator) : values.length > 0;\n        const rest = (filters ?? []).filter((f) => f.field !== field);\n        onFiltersChange(\n          keep\n            ? [...rest, { id: quickFilterId(field), field, operator: operator ?? 'is_any_of', values }]\n            : rest,\n        );\n      },\n      [filters, onFiltersChange],\n    );\n\n    const sortLabel = useCallback(\n      (direction: 'asc' | 'desc' | null) => {\n        if (direction === 'asc') return t('dynamicTable.sort.ascending', 'Sorted ascending');\n        if (direction === 'desc') return t('dynamicTable.sort.descending', 'Sorted descending');\n        return t('dynamicTable.sort.none', 'Click to sort');\n      },\n      [t],\n    );\n\n    // \u2500\u2500 A16: drag a header to reorder \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    // Pointer-driven rather than HTML5 drag-and-drop: the grid's own header\n    // mousedown calls `preventDefault()` (it starts a column-range selection),\n    // which suppresses `dragstart` outright. Pointer events also let the drop\n    // indicator live on a column that is only PARTLY scrolled into view.\n    const [reorder, setReorder] = useState<ReorderState | null>(null);\n    const reorderRef = useRef<ReorderState | null>(null);\n    const headersElRef = useRef<HTMLDivElement>(null);\n    const setReorderState = useCallback((next: ReorderState | null) => {\n      reorderRef.current = next;\n      setReorder(next);\n    }, []);\n\n    /**\n     * Which pinned block a column belongs to. Reordering is only allowed WITHIN\n     * a block: `position: sticky` offsets are prefix sums over the pinned run,\n     * so slipping an unpinned column into the middle of it would paint the\n     * frozen block with a hole in it.\n     */\n    const pinKindOf = useCallback(\n      (index: number): 'left' | 'right' | null => {\n        if (leftOffsets[index] !== undefined) return 'left';\n        if (rightOffsets[index] !== undefined) return 'right';\n        return null;\n      },\n      [leftOffsets, rightOffsets],\n    );\n\n    /** The contiguous run of same-pin columns `index` may move inside. */\n    const pinRunOf = useCallback(\n      (index: number): { start: number; end: number } => {\n        const kind = pinKindOf(index);\n        let start = index;\n        let end = index;\n        while (start > 0 && pinKindOf(start - 1) === kind) start -= 1;\n        while (end < columns.length - 1 && pinKindOf(end + 1) === kind) end += 1;\n        return { start, end };\n      },\n      [pinKindOf, columns.length],\n    );\n\n    const beginReorder = useCallback(\n      (e: React.MouseEvent, colIndex: number) => {\n        if (!onColumnReorder || e.button !== 0) return;\n        // The resize grip, the funnel and the `\u22EF` all live inside the same\n        // `<th>`; grabbing one of those is not a reorder.\n        const target = e.target as HTMLElement;\n        if (target.closest('.hot-col-resize-handle, .hot-col-funnel, .hot-col-kebab, .hot-col-sort-btn')) return;\n        const startX = e.clientX;\n        const startY = e.clientY;\n        setReorderState({ from: colIndex, insertAt: colIndex, active: false, invalid: false });\n\n        const scroller = headersElRef.current?.closest<HTMLElement>('.hot-virtual-container') ?? null;\n        let rafId = 0;\n        let pointerX = startX;\n\n        /** Edge auto-scroll: without it a 57-column table can only be reordered\n         *  within one screenful, and column virtualization means the target may\n         *  not even be mounted yet. */\n        const step = () => {\n          if (scroller) {\n            const box = scroller.getBoundingClientRect();\n            if (pointerX < box.left + REORDER_EDGE_PX) scroller.scrollLeft -= REORDER_EDGE_SPEED_PX;\n            else if (pointerX > box.right - REORDER_EDGE_PX) scroller.scrollLeft += REORDER_EDGE_SPEED_PX;\n          }\n          rafId = window.requestAnimationFrame(step);\n        };\n        rafId = window.requestAnimationFrame(step);\n\n        const onMove = (ev: MouseEvent) => {\n          pointerX = ev.clientX;\n          const current = reorderRef.current;\n          if (!current) return;\n          const moved =\n            Math.abs(ev.clientX - startX) > REORDER_THRESHOLD_PX ||\n            Math.abs(ev.clientY - startY) > REORDER_THRESHOLD_PX;\n          if (!moved && !current.active) return;\n\n          // Pixels \u2192 indices, on an element the pointer is physically over. The\n          // only direction of DOM read the range contract permits.\n          const el = document.elementFromPoint(ev.clientX, ev.clientY) as HTMLElement | null;\n          const th = el?.closest<HTMLElement>('th.hot-col-header');\n          let insertAt = current.insertAt;\n          if (th && th.getAttribute('data-actions-cell') !== 'true') {\n            const overIndex = parseInt(th.getAttribute('data-col') || '', 10);\n            if (!Number.isNaN(overIndex)) {\n              const rect = th.getBoundingClientRect();\n              insertAt = ev.clientX < rect.left + rect.width / 2 ? overIndex : overIndex + 1;\n            }\n          }\n\n          const run = pinRunOf(current.from);\n          const invalid = insertAt < run.start || insertAt > run.end + 1;\n          if (\n            current.active &&\n            current.insertAt === insertAt &&\n            current.invalid === invalid\n          ) {\n            return;\n          }\n          setReorderState({ from: current.from, insertAt, active: true, invalid });\n        };\n\n        const finish = (commit: boolean) => {\n          window.cancelAnimationFrame(rafId);\n          document.removeEventListener('mousemove', onMove, true);\n          document.removeEventListener('mouseup', onUp, true);\n          document.removeEventListener('keydown', onKey, true);\n          const current = reorderRef.current;\n          setReorderState(null);\n          if (!commit || !current || !current.active || current.invalid) return;\n          // `insertAt` is a slot in the PRE-move array; lifting the source out\n          // shifts every later slot down by one.\n          const target = current.insertAt > current.from ? current.insertAt - 1 : current.insertAt;\n          if (target === current.from) return;\n          onColumnReorder(current.from, target);\n        };\n\n        const onUp = () => finish(true);\n        const onKey = (ev: KeyboardEvent) => {\n          if (ev.key === 'Escape') finish(false);\n        };\n\n        document.addEventListener('mousemove', onMove, true);\n        document.addEventListener('mouseup', onUp, true);\n        document.addEventListener('keydown', onKey, true);\n      },\n      [onColumnReorder, pinRunOf, setReorderState],\n    );\n\n    // A drag that outlives its component (perspective switch mid-drag) must not\n    // leave the document listeners behind.\n    useEffect(() => () => { reorderRef.current = null; }, []);\n\n    const handleHeaderClick = useCallback((e: React.MouseEvent, colIndex: number) => {\n      if (!modernLayout) return;\n      // Don't open menu if clicking on resize handle\n      if ((e.target as HTMLElement).classList.contains('hot-col-resize-handle')) return;\n      e.preventDefault();\n      e.stopPropagation();\n      const th = (e.currentTarget as HTMLElement);\n      setHeaderMenu({ colIndex, anchorRect: th.getBoundingClientRect() });\n    }, [modernLayout]);\n\n    // One header renderer, two callers. `colIndex` is ALWAYS the absolute\n    // index into `columns`, so `data-col` keeps carrying the full-array index\n    // that every pointer hit-test in handlers/index.ts depends on.\n    const renderHeader = (colIndex: number) => {\n      const col = columns[colIndex];\n      if (!col) return null;\n\n      const isInColRange =\n        selection.type === 'colRange' &&\n        selection.anchor &&\n        selection.focus &&\n        colIndex >= Math.min(selection.anchor.col, selection.focus.col) &&\n        colIndex <= Math.max(selection.anchor.col, selection.focus.col);\n\n      const colWidth = store.getColumnWidth(colIndex);\n\n      // Sorted column: emit the ARIA state alongside the \u2191/\u2193 glyph so the\n      // sort is perceivable by screen readers, not just sighted users.\n      // Only the sorted column carries the attribute \u2014 a table where every\n      // header announces `aria-sort=\"none\"` is noise, not information.\n      const sortDirection =\n        sortState.columnIndex === colIndex ? sortState.direction : null;\n\n      const showFunnel = quickFilterEnabled && isQuickFilterable(col);\n      const filterRule = filteredFields.get(col.data);\n      const isFiltered = filterRule != null;\n      const rawFilterValues = (filterRule?.values ?? []).map(String);\n      const filteredValues = rawFilterValues.filter((v) => v !== '');\n      /**\n       * What the funnel says the column is filtered BY \u2014 A13's question (\"wol\u0119\n       * mie\u0107 pewno\u015B\u0107, czy faktycznie ja wszystko widz\u0119\") answered from the\n       * header alone.\n       *\n       * A list of values answers it for a tick-list column. It does NOT for a\n       * date: \"Created: \" (a preset, which has no values) reads as a bug, and\n       * \"Created: 2, months\" is the stored pair leaking rather than a sentence.\n       * So the operator label leads whenever the operator is what carries the\n       * meaning, and the plain value join stays exactly as it was otherwise.\n       */\n      const operatorLabel = filterRule\n        ? t(\n            `dynamicTable.filter.operator.${filterRule.operator}`,\n            // The English label from the operator table, never the raw id.\n            getOperatorsForType(col.type).find((o) => o.value === filterRule.operator)?.label ??\n              filterRule.operator,\n          )\n        : '';\n      const filterSummary = !filterRule\n        ? ''\n        : needsRelativeInput(filterRule.operator as FilterOperator)\n          ? // [count, unit] \u2192 \"last 2 months\"\n            `${operatorLabel} ${rawFilterValues[0] ?? ''} ${t(\n              `dynamicTable.filter.unit.${rawFilterValues[1] || 'days'}`,\n              rawFilterValues[1] || 'days',\n            )}`.trim()\n          : needsRangeValues(filterRule.operator as FilterOperator)\n            ? // [from, to] \u2192 \"is between 2026-04-01 \u2013 2026-05-31\", with \"\u2026\" for\n              // the open end of a half-range so the gap is deliberate-looking.\n              `${operatorLabel} ${rawFilterValues[0] || '\u2026'} \u2013 ${rawFilterValues[1] || '\u2026'}`\n            : filteredValues.length\n              ? filteredValues.join(', ')\n              : operatorLabel;\n\n      // \u2500\u2500 Too narrow to hold a label AND its chrome (ledger 6.11) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n      //\n      // The funnel and the kebab are ~20px each plus gaps, and the cell's own\n      // padding takes the rest: on a 70-80px column that is the ENTIRE header,\n      // and columns like \"Type\" and \"Ship\" rendered with no title at all \u2014 two\n      // icons and nothing to say which column they belong to. `dense` already\n      // solved this by hiding the chrome at rest and revealing it on hover; the\n      // defect was that the treatment was keyed to the DENSITY rather than to\n      // the thing that actually causes it, which is the WIDTH.\n      //\n      // So the same reveal now applies at any density once the column is too\n      // narrow for both. `data-narrow` is the hook; density.css owns the rules\n      // and its guarantees (an active filter is never hidden, `opacity`/`width`\n      // never `display:none`) carry over unchanged. The `:focus-within` half of\n      // that list is NOT a keyboard guarantee and never was \u2014 see HEDGE-146 in\n      // density.css; this comment repeated the claim before it was checked.\n      //\n      // 104px = 40 chrome + 16 padding + ~48 for five characters and an\n      // ellipsis. Below that a title is not truncated, it is absent.\n      //\n      // HEDGE-141: only the KEBAB collapses now \u2014 the funnel is never hidden,\n      // because on the default view it was reading as \"this column cannot be\n      // filtered\" (3 of 13 funnels visible on Files). The threshold is\n      // deliberately unchanged: it still marks \"too narrow for a label plus\n      // BOTH controls\", which is exactly when the kebab should get out of the\n      // way. Halving the chrome is what returns the label. See density.css.\n      const NARROW_HEADER_PX = 104;\n      const isNarrow = (showFunnel || modernLayout) && colWidth < NARROW_HEADER_PX;\n\n      // \u2500\u2500 The floor below which the funnel cannot be shown either \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n      //\n      // HEDGE-141 keeps the funnel at rest on narrow columns, and on most of\n      // them the label survives because collapsing the kebab hands back ~22px.\n      // It does not survive everywhere. Measured in the browser at 58px \u2014\n      // 8 padding + 16 funnel + 4 padding leaves 30px \u2014 `Ship` rendered as\n      // `S...` and `Type` as `Ty...`, which is the exact one-or-two-character\n      // failure ledger 6.11 was written to prevent.\n      //\n      // A column whose header reads `S...` has traded its identity for an\n      // icon, and that is the wrong way round: the user cannot filter a column\n      // they can no longer name. So below this floor the funnel goes back to\n      // hover-reveal, with every 6.11 guarantee intact (an ACTIVE filter is\n      // still never hidden, focus-within still reveals, nothing is\n      // `display:none`).\n      //\n      // A width alone cannot decide this, which a first attempt got wrong: at\n      // the same 62px `Who` renders in full beside the funnel while `Cnt Type`\n      // collapses to `Cn...`. What matters is the width AND the label.\n      //\n      // So: the funnel yields only when it would cut the label below roughly\n      // five characters. A label shorter than that keeps its funnel (there is\n      // nothing left to lose), and a long label keeps its funnel too as long as\n      // a five-character stem survives \u2014 `Destin\u2026` and `Creat\u2026` still name\n      // their column, `Cn\u2026` and `S\u2026` do not.\n      //\n      // The 7px/char and 33px overhead are calibrated against this grid's own\n      // header font, measured in the browser: at 58px the title box is 25px,\n      // at 62px it is 29px, at 76px it is 43px. They are approximations on\n      // purpose \u2014 the consequence of being a pixel out is one column's funnel,\n      // and the user can drag the column to change the answer either way.\n      const HEADER_CHAR_PX = 7;\n      const HEADER_CHROME_PX = 33; // padding + funnel + resize handle\n      const MIN_LEGIBLE_STEM_PX = 5 * HEADER_CHAR_PX;\n      const labelText = String(col.title || col.data);\n      const labelNaturalPx = labelText.length * HEADER_CHAR_PX;\n      const titleSpacePx = colWidth - HEADER_CHROME_PX;\n      const funnelTooTight =\n        showFunnel && titleSpacePx < Math.min(labelNaturalPx, MIN_LEGIBLE_STEM_PX);\n\n      const headerStyle: React.CSSProperties = {\n        width: colWidth,\n        flexBasis: colWidth,\n        minWidth: colWidth,\n        flexShrink: 0,\n        flexGrow: 0,\n        position: 'relative',\n      };\n\n      if (leftOffsets[colIndex] !== undefined) {\n        headerStyle.position = 'sticky';\n        headerStyle.left = leftOffsets[colIndex];\n        headerStyle.zIndex = 3;\n      } else if (rightOffsets[colIndex] !== undefined) {\n        headerStyle.position = 'sticky';\n        headerStyle.right = rightOffsets[colIndex];\n        headerStyle.zIndex = 3;\n      }\n\n      // A16 drop feedback. Both edges are derived from `reorder.insertAt`, an\n      // index \u2014 a column that is unmounted while the pointer passes over it\n      // simply never paints an indicator, and the arithmetic stays correct.\n      const dropBefore = !!reorder?.active && !reorder.invalid && reorder.insertAt === colIndex;\n      const dropAfter =\n        !!reorder?.active &&\n        !reorder.invalid &&\n        reorder.insertAt === colIndex + 1 &&\n        colIndex === columns.length - 1;\n\n      return (\n        <th\n          key={col.data}\n          className={`hot-col-header ${modernLayout ? 'hot-col-header-modern' : ''}`}\n          onDoubleClick={modernLayout ? (e) => handleHeaderClick(e, colIndex) : (e) => onDoubleClick(e, colIndex)}\n          onMouseDown={onColumnReorder ? (e) => beginReorder(e, colIndex) : undefined}\n          style={headerStyle}\n          data-col={colIndex}\n          data-reorderable={onColumnReorder ? true : undefined}\n          data-reorder-source={reorder?.active && reorder.from === colIndex ? true : undefined}\n          data-drop-before={dropBefore || undefined}\n          data-drop-after={dropAfter || undefined}\n          aria-colindex={colIndex + 1 + (rowHeaders ? 1 : 0)}\n          aria-sort={\n            sortDirection === 'asc'\n              ? 'ascending'\n              : sortDirection === 'desc'\n                ? 'descending'\n                : undefined\n          }\n          data-sort-direction={sortDirection ?? undefined}\n          data-in-col-range={isInColRange}\n          /* 6.11 \u2014 the column is narrower than a label plus BOTH its controls,\n             so the kebab hides at rest and reveals on hover/focus, giving the\n             label its space back. The funnel stays: see HEDGE-141 in\n             density.css for why it is never part of this collapse. */\n          data-narrow={isNarrow || undefined}\n          /* Narrower than a label plus even the funnel alone \u2014 see\n             FUNNEL_FLOOR_PX above. density.css hides the funnel only here. */\n          data-funnel-tight={funnelTooTight || undefined}\n          data-sticky-left={leftOffsets[colIndex] !== undefined}\n          data-sticky-right={rightOffsets[colIndex] !== undefined}\n          data-frozen-edge={(lastFrozenColumnKey != null && col.data === lastFrozenColumnKey) || undefined}\n          /* A13 \u2014 \"wol\u0119 mie\u0107 pewno\u015B\u0107, czy faktycznie ja wszystko widz\u0119.\"\n             A filtered column has to LOOK filtered at a glance, from the header\n             row alone, without opening anything. */\n          data-filtered={isFiltered || undefined}\n        >\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              width: '100%',\n              minWidth: 0,\n              overflow: 'hidden',\n            }}\n          >\n            <span\n              style={{\n                whiteSpace: 'nowrap',\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n                minWidth: 0,\n                flex: 1,\n              }}\n              title={col.headerTooltip || col.title || col.data}\n            >\n              {col.title || col.data}\n            </span>\n            {/* Classic layout: sort button. Modern layout: sort indicator only (no button) */}\n            {!modernLayout ? (\n              <button\n                className=\"hot-col-sort-btn\"\n                tabIndex={-1}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onSort(colIndex);\n                }}\n                title={sortLabel(sortDirection)}\n                style={{\n                  border: 'none',\n                  background: 'transparent',\n                  cursor: 'pointer',\n                  padding: '2px 4px',\n                  display: 'flex',\n                  alignItems: 'center',\n                  fontSize: 'var(--text-body-regular-xs)',\n                  // Tokens, not hex. `#3b82f6`/`#9ca3af` were fixed light-mode\n                  // values, so the idle glyph sat at the same grey in dark mode\n                  // where it needs to be lighter than the surface, not darker.\n                  color: sortDirection ? 'var(--m3-accent)' : 'var(--m3-on-surface-variant)',\n                  transition: 'var(--m3-transition-state)',\n                }}\n              >\n                {sortDirection === 'asc' && '\u2191'}\n                {sortDirection === 'desc' && '\u2193'}\n                {!sortDirection && '\u21C5'}\n              </button>\n            ) : (\n              sortDirection && (\n                <span\n                  className=\"hot-col-sort-indicator\"\n                  title={sortLabel(sortDirection)}\n                  aria-hidden=\"true\"\n                >\n                  {sortDirection === 'asc' ? '\u2191' : '\u2193'}\n                </span>\n              )\n            )}\n            {/* A1 \u2014 the funnel. Excel's AutoFilter affordance, one click from\n                the header, never behind the Configure View drawer. Always\n                visible (not hover-revealed): discoverability IS the feature. */}\n            {showFunnel && (\n              <button\n                type=\"button\"\n                className=\"hot-col-funnel\"\n                tabIndex={-1}\n                data-filtered={isFiltered || undefined}\n                aria-label={\n                  isFiltered\n                    ? filteredValues.length\n                      ? t('dynamicTable.quickFilter.filteredBy', 'Filtered \u2014 {count} values selected', {\n                          count: filteredValues.length,\n                        })\n                      : t('dynamicTable.quickFilter.filteredByCondition', 'Filtered \u2014 {condition}', {\n                          condition: filterSummary,\n                        })\n                    : t('dynamicTable.quickFilter.open', 'Filter this column')\n                }\n                title={\n                  isFiltered\n                    ? `${col.title || col.data}: ${filterSummary}`\n                    : t('dynamicTable.quickFilter.open', 'Filter this column')\n                }\n                onMouseDown={(e) => { e.stopPropagation(); e.preventDefault(); }}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  e.preventDefault();\n                  openQuickFilter(colIndex, e.currentTarget.closest('th'));\n                }}\n              >\n                <Filter size={13} />\n              </button>\n            )}\n            {/* v2: visible per-column options trigger (opens the modern column menu) */}\n            {modernLayout && (\n              <button\n                type=\"button\"\n                className=\"hot-col-kebab\"\n                tabIndex={-1}\n                title=\"Column options\"\n                /* The funnel next to it names the column's filter state for a\n                   screen reader; this one carried only a `title`, which is not\n                   a reliable accessible name on a button with no text. */\n                aria-label={t('dynamicTable.columnMenu.openFor', 'Column options: {name}', {\n                  name: col.title || col.data,\n                })}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  e.preventDefault();\n                  const th = e.currentTarget.closest('th');\n                  if (th) setHeaderMenu({ colIndex, anchorRect: th.getBoundingClientRect() });\n                }}\n              >\n                <MoreVertical size={14} />\n              </button>\n            )}\n          </div>\n          <div\n            className=\"hot-col-resize-handle\"\n            onMouseDown={(e) => onResizeStart(e, colIndex)}\n            style={{\n              position: 'absolute',\n              right: 0,\n              top: 0,\n              bottom: 0,\n              width: '5px',\n              cursor: 'col-resize',\n              zIndex: 10,\n            }}\n          />\n        </th>\n      );\n    };\n\n    return (\n      <div\n        ref={headersElRef}\n        className=\"hot-headers-sticky\"\n        data-reordering={reorder?.active || undefined}\n        onMouseDown={onMouseDown}\n        onMouseMove={onMouseMove}\n      >\n        <table className=\"hot-table\" style={{ width: `${totalWidth}px` }}>\n          <thead>\n            <tr style={{ display: 'flex', width: `${totalWidth}px` }}>\n              {rowHeaders && (\n                <th\n                  className=\"hot-row-header\"\n                  style={{\n                    width: 50,\n                    flexBasis: 50,\n                    flexShrink: 0,\n                    flexGrow: 0,\n                    position: 'sticky',\n                    left: 0,\n                    zIndex: 4,\n                  }}\n                >\n                  {selectable && (\n                    <input\n                      type=\"checkbox\"\n                      className=\"hot-row-select hot-row-select-all\"\n                      checked={!!allSelected}\n                      ref={(el) => { if (el) el.indeterminate = !allSelected && !!someSelected; }}\n                      onChange={() => onToggleSelectAll?.()}\n                      aria-label=\"Select all rows\"\n                    />\n                  )}\n                </th>\n              )}\n\n              {columnWindow?.virtualized\n                ? columnWindow.segments.map((seg) =>\n                    seg.type === 'spacer' ? (\n                      <th\n                        key={columnSpacerKey(seg.fromIndex, seg.toIndex)}\n                        className=\"hot-header-spacer\"\n                        aria-hidden=\"true\"\n                        style={columnSpacerStyle(seg.width)}\n                      />\n                    ) : (\n                      renderHeader(seg.column.index)\n                    ))\n                : columns.map((_, colIndex) => renderHeader(colIndex))}\n\n              {/* Actions header */}\n              {showActionsColumn && (\n                <th\n                  className=\"hot-col-header\"\n                  data-actions-cell=\"true\"\n                  style={{\n                    width: actionsColumnWidth,\n                    flexBasis: actionsColumnWidth,\n                    flexShrink: 0,\n                    flexGrow: 0,\n                    position: 'sticky',\n                    right: 0,\n                    zIndex: 3,\n                  }}\n                >\n                  Actions\n                </th>\n              )}\n            </tr>\n          </thead>\n        </table>\n\n        {/* Modern layout: Column Header Menu */}\n        {headerMenu && modernLayout && (\n          <ColumnHeaderMenu\n            column={columns[headerMenu.colIndex]}\n            colIndex={headerMenu.colIndex}\n            anchorRect={headerMenu.anchorRect}\n            isFrozen={frozenColumns?.has(columns[headerMenu.colIndex].data) ?? false}\n            onSortAsc={() => onSortAsc?.(headerMenu.colIndex)}\n            onSortDesc={() => onSortDesc?.(headerMenu.colIndex)}\n            /* \"Filter by this field\" now lands on the quick filter \u2014 the\n               workshop complaint was precisely that it opened the Configure\n               View drawer instead. The drawer stays reachable one item below. */\n            onQuickFilter={\n              quickFilterEnabled && isQuickFilterable(columns[headerMenu.colIndex])\n                ? () => {\n                    const colIndex = headerMenu.colIndex;\n                    const th = document.querySelector<HTMLElement>(\n                      `th.hot-col-header[data-col=\"${colIndex}\"]`,\n                    );\n                    setHeaderMenu(null);\n                    if (th) setQuickFilter({ colIndex, anchorEl: th });\n                  }\n                : undefined\n            }\n            onFilterByField={() => onFilterByField?.(headerMenu.colIndex)}\n            onFreezeToggle={() => onFreezeToggle?.(headerMenu.colIndex)}\n            onHideField={() => onHideField?.(headerMenu.colIndex)}\n            /* A16 keyboard route. Disabled at the ends of the pinned run the\n               column belongs to, for the same reason the drag refuses there. */\n            onMoveLeft={\n              onColumnMove && headerMenu.colIndex > pinRunOf(headerMenu.colIndex).start\n                ? () => onColumnMove(headerMenu.colIndex, -1)\n                : undefined\n            }\n            onMoveRight={\n              onColumnMove && headerMenu.colIndex < pinRunOf(headerMenu.colIndex).end\n                ? () => onColumnMove(headerMenu.colIndex, 1)\n                : undefined\n            }\n            onClose={() => setHeaderMenu(null)}\n            extraActions={columnActions?.(columns[headerMenu.colIndex], headerMenu.colIndex)}\n            onExtraAction={(actionId) => onColumnAction?.(actionId, headerMenu.colIndex)}\n          />\n        )}\n\n        {/* A1: the per-column quick filter, anchored to ITS header cell. */}\n        {quickFilter && columns[quickFilter.colIndex] && (\n          <ColumnFilterPopover\n            key={columns[quickFilter.colIndex].data}\n            column={columns[quickFilter.colIndex]}\n            anchorEl={quickFilter.anchorEl}\n            selectedValues={(filteredFields.get(columns[quickFilter.colIndex].data)?.values ?? []).map(String)}\n            selectedOperator={\n              filteredFields.get(columns[quickFilter.colIndex].data)?.operator as FilterOperator | undefined\n            }\n            loadSuggestions={getSuggestionLoader(columns[quickFilter.colIndex].data)}\n            onApply={(values, options) =>\n              applyQuickFilter(columns[quickFilter.colIndex].data, values, options)\n            }\n            onClose={() => setQuickFilter(null)}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nColumnHeaders.displayName = 'ColumnHeaders';\n\nexport default ColumnHeaders;\n"],
+  "mappings": "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",
+  "names": ["target"]
+}