@freighttech/ui 0.13.18

package/dist/backend/dynamic-table/split-view/WorkspaceFilterBar.js

@@ -0,0 +1,524 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import ReactDOM from "react-dom";
+import { AlertTriangle, X } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "../../../primitives-v2/Button.js";
+import { SearchInput } from "../../../primitives-v2/SearchInput.js";
+import SelectMenu from "../components/SelectMenu.js";
+import FilterDatePicker from "../components/FilterDatePicker.js";
+import { useEscapeLayer } from "../hooks/useEscapeLayer.js";
+import {
+  getOperatorsForType,
+  isDateOperator,
+  needsRangeValues,
+  needsRelativeInput,
+  needsValueInput,
+  RELATIVE_DATE_UNITS
+} from "../types/filters.js";
+import { computeAnchoredPosition } from "../utils/anchoredPosition.js";
+import {
+  SHARED_CRITERION_KEYS
+} from "./sharedCriteria.js";
+if (typeof window !== "undefined") {
+  import("../styles/DynamicTable.css.js");
+}
+const SEARCH_DEBOUNCE_MS = 300;
+const POPOVER_WIDTH = 260;
+const POPOVER_HEIGHT = 280;
+const NESTED_POPUP_Z = 10002;
+const NESTED_POPUP_SELECTOR = ".hot-select-menu, .hot-editor-popup, .hot-calendar-popup";
+function criterionType(key) {
+  return key === "dateRange" ? "date" : "text";
+}
+function defaultOperator(key) {
+  return key === "dateRange" ? "is_between" : "is_any_of";
+}
+function CriterionEditor({ rule, anchorEl, onApply, onRemove, onClose }) {
+  const t = useT();
+  const type = criterionType(rule.key);
+  const operators = React.useMemo(() => getOperatorsForType(type), [type]);
+  const [operator, setOperator] = React.useState(rule.operator);
+  const [values, setValues] = React.useState(() => rule.values.map((v) => String(v ?? "")));
+  const isRange = needsRangeValues(operator);
+  const isRelative = needsRelativeInput(operator);
+  const isPicker = type === "date" && !isRange && isDateOperator(operator);
+  const takesValue = needsValueInput(operator);
+  const changeOperator = React.useCallback((next) => {
+    setOperator(next);
+    setValues([]);
+  }, []);
+  const setSlot = React.useCallback((index, value) => {
+    setValues((prev) => {
+      const next = [prev[0] ?? "", prev[1] ?? ""];
+      next[index] = value;
+      return next;
+    });
+  }, []);
+  const commitValues = React.useCallback(() => {
+    if (!takesValue) return [];
+    if (isRange) {
+      const from = (values[0] ?? "").trim();
+      const to = (values[1] ?? "").trim();
+      return from || to ? [from, to] : [];
+    }
+    if (isRelative) {
+      const count = (values[0] ?? "").trim();
+      return count ? [count, values[1] || "days"] : [];
+    }
+    if (type === "text") {
+      return (values[0] ?? "").split(",").map((v) => v.trim()).filter(Boolean);
+    }
+    const single = (values[0] ?? "").trim();
+    return single ? [single] : [];
+  }, [takesValue, isRange, isRelative, type, values]);
+  const apply = React.useCallback(() => {
+    onApply({ key: rule.key, operator, values: commitValues() });
+    onClose();
+  }, [commitValues, operator, onApply, onClose, rule.key]);
+  const popoverRef = React.useRef(null);
+  const [position, setPosition] = React.useState(() => ({
+    top: -9999,
+    left: -9999,
+    maxHeight: POPOVER_HEIGHT,
+    flipAbove: false
+  }));
+  const reposition = React.useCallback(() => {
+    if (!anchorEl.isConnected) {
+      onClose();
+      return;
+    }
+    setPosition(
+      computeAnchoredPosition(
+        anchorEl.getBoundingClientRect(),
+        { width: window.innerWidth, height: window.innerHeight },
+        { width: POPOVER_WIDTH, preferredHeight: POPOVER_HEIGHT, minHeight: 180 }
+      )
+    );
+  }, [anchorEl, onClose]);
+  React.useLayoutEffect(() => {
+    reposition();
+  }, [reposition]);
+  React.useEffect(() => {
+    const onScroll = (e) => {
+      if (popoverRef.current?.contains(e.target)) return;
+      reposition();
+    };
+    window.addEventListener("scroll", onScroll, true);
+    window.addEventListener("resize", reposition);
+    return () => {
+      window.removeEventListener("scroll", onScroll, true);
+      window.removeEventListener("resize", reposition);
+    };
+  }, [reposition]);
+  React.useEffect(() => {
+    const onMouseDown = (e) => {
+      const target = e.target;
+      if (popoverRef.current?.contains(target)) return;
+      if (target instanceof Element && target.closest(NESTED_POPUP_SELECTOR)) return;
+      onClose();
+    };
+    document.addEventListener("mousedown", onMouseDown, true);
+    return () => document.removeEventListener("mousedown", onMouseDown, true);
+  }, [onClose]);
+  useEscapeLayer(true, onClose);
+  const content = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: popoverRef,
+      className: "hot-quick-filter hot-appearance-v2",
+      role: "dialog",
+      "aria-label": criterionLabel(t, rule.key),
+      "data-workspace-criterion": rule.key,
+      style: {
+        position: "fixed",
+        top: position.top,
+        left: position.left,
+        width: POPOVER_WIDTH,
+        maxHeight: position.maxHeight,
+        zIndex: 10001,
+        ...position.flipAbove ? { transform: "translateY(-100%)" } : {}
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "hot-quick-filter-date", children: [
+          /* @__PURE__ */ jsxs("label", { className: "hot-quick-filter-date-field", children: [
+            /* @__PURE__ */ jsx("span", { className: "hot-quick-filter-date-label text-body-medium-sm", children: t("dynamicTable.quickFilter.condition", "Condition") }),
+            /* @__PURE__ */ jsx(
+              SelectMenu,
+              {
+                value: operator,
+                onChange: changeOperator,
+                options: operators.map((op) => ({
+                  value: op.value,
+                  label: t(`dynamicTable.filter.operator.${op.value}`, op.label)
+                })),
+                className: "hot-config-filter-select hot-quick-filter-control",
+                ariaLabel: t("dynamicTable.quickFilter.condition", "Condition"),
+                dataAttributes: { "data-workspace-criterion-operator": operator }
+              }
+            )
+          ] }),
+          type === "text" && takesValue && /* @__PURE__ */ jsxs("label", { className: "hot-quick-filter-date-field", children: [
+            /* @__PURE__ */ jsx("span", { className: "hot-quick-filter-date-label text-body-medium-sm", children: t("splitView.sharedFilter.values", "Values") }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                autoFocus: true,
+                className: "hot-config-filter-input hot-quick-filter-control",
+                value: values[0] ?? "",
+                onChange: (e) => setSlot(0, e.target.value),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") {
+                    e.preventDefault();
+                    apply();
+                  }
+                },
+                placeholder: t("splitView.sharedFilter.valuesPlaceholder", "Comma-separated"),
+                "aria-label": t("splitView.sharedFilter.values", "Values"),
+                "data-workspace-criterion-values": ""
+              }
+            )
+          ] }),
+          isRange && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("label", { className: "hot-quick-filter-date-field", "data-workspace-range": "from", children: [
+              /* @__PURE__ */ jsx("span", { className: "hot-quick-filter-date-label text-body-medium-sm", children: t("dynamicTable.quickFilter.from", "From") }),
+              /* @__PURE__ */ jsx(
+                FilterDatePicker,
+                {
+                  value: values[0] ?? "",
+                  onChange: (v) => setSlot(0, v),
+                  ariaLabel: t("dynamicTable.quickFilter.from", "From"),
+                  placeholder: t("dynamicTable.quickFilter.pickDate", "Pick date"),
+                  className: "hot-quick-filter-control",
+                  zIndex: NESTED_POPUP_Z
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("label", { className: "hot-quick-filter-date-field", "data-workspace-range": "to", children: [
+              /* @__PURE__ */ jsx("span", { className: "hot-quick-filter-date-label text-body-medium-sm", children: t("dynamicTable.quickFilter.to", "To") }),
+              /* @__PURE__ */ jsx(
+                FilterDatePicker,
+                {
+                  value: values[1] ?? "",
+                  onChange: (v) => setSlot(1, v),
+                  ariaLabel: t("dynamicTable.quickFilter.to", "To"),
+                  placeholder: t("dynamicTable.quickFilter.pickDate", "Pick date"),
+                  className: "hot-quick-filter-control",
+                  zIndex: NESTED_POPUP_Z
+                }
+              )
+            ] })
+          ] }),
+          isPicker && /* @__PURE__ */ jsxs("label", { className: "hot-quick-filter-date-field", "data-workspace-range": "single", children: [
+            /* @__PURE__ */ jsx("span", { className: "hot-quick-filter-date-label text-body-medium-sm", children: t("dynamicTable.quickFilter.date", "Date") }),
+            /* @__PURE__ */ jsx(
+              FilterDatePicker,
+              {
+                value: values[0] ?? "",
+                onChange: (v) => setSlot(0, v),
+                ariaLabel: t("dynamicTable.quickFilter.date", "Date"),
+                placeholder: t("dynamicTable.quickFilter.pickDate", "Pick date"),
+                className: "hot-quick-filter-control",
+                zIndex: NESTED_POPUP_Z
+              }
+            )
+          ] }),
+          isRelative && // A moving window, not a calendar date: "next 7 days" has to keep
+          // meaning that tomorrow, so what is stored is [count, unit].
+          /* @__PURE__ */ jsxs("div", { className: "hot-quick-filter-date-field hot-quick-filter-relative", children: [
+            /* @__PURE__ */ jsx("span", { className: "hot-quick-filter-date-label text-body-medium-sm", children: t("dynamicTable.quickFilter.window", "Window") }),
+            /* @__PURE__ */ jsxs("div", { className: "hot-quick-filter-relative-row", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "number",
+                  min: 1,
+                  step: 1,
+                  className: "hot-config-filter-input hot-quick-filter-control hot-quick-filter-count",
+                  value: values[0] ?? "",
+                  onChange: (e) => setSlot(0, e.target.value),
+                  placeholder: t("dynamicTable.quickFilter.count", "count"),
+                  "aria-label": t("dynamicTable.quickFilter.count", "count")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                SelectMenu,
+                {
+                  value: values[1] || "days",
+                  onChange: (next) => setSlot(1, next),
+                  options: RELATIVE_DATE_UNITS.map((u) => ({
+                    value: u,
+                    label: t(`dynamicTable.filter.unit.${u}`, u)
+                  })),
+                  className: "hot-config-filter-select hot-quick-filter-control",
+                  ariaLabel: t("dynamicTable.quickFilter.unit", "Unit")
+                }
+              )
+            ] })
+          ] }),
+          !takesValue && /* @__PURE__ */ jsx("p", { className: "hot-quick-filter-note text-body-regular-xs", children: t(
+            "dynamicTable.quickFilter.presetHint",
+            "Applies to {condition}, recalculated every time.",
+            { condition: t(`dynamicTable.filter.operator.${operator}`, operator) }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "hot-quick-filter-footer", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "xs", onClick: onRemove, "data-workspace-criterion-remove": "", children: t("splitView.sharedFilter.remove", "Remove") }),
+          /* @__PURE__ */ jsx(Button, { variant: "primary", size: "xs", onClick: apply, "data-workspace-criterion-apply": "", children: t("dynamicTable.quickFilter.apply", "Apply") })
+        ] })
+      ]
+    }
+  );
+  if (typeof document === "undefined") return content;
+  return ReactDOM.createPortal(content, document.body);
+}
+const CRITERION_FALLBACKS = {
+  customer: "Customer",
+  dateRange: "Date",
+  status: "Status",
+  transportMode: "Mode"
+};
+function criterionLabel(t, key) {
+  return t(`splitView.sharedFilter.criterion.${key}`, CRITERION_FALLBACKS[key]);
+}
+function ruleSummary(t, rule) {
+  if (!needsValueInput(rule.operator)) {
+    return t(`dynamicTable.filter.operator.${rule.operator}`, rule.operator);
+  }
+  if (rule.values.length === 0) return t("splitView.sharedFilter.any", "any");
+  return rule.values.map((v) => String(v ?? "")).filter(Boolean).join(", ");
+}
+function WorkspaceFilterBar({
+  criteria,
+  onChange,
+  unmappedByPane,
+  onToggleOff,
+  className
+}) {
+  const t = useT();
+  const [editing, setEditing] = React.useState(null);
+  const rules = criteria.rules ?? [];
+  const latest = React.useRef({ criteria, onChange });
+  latest.current = { criteria, onChange };
+  const emit = React.useCallback((next) => {
+    latest.current.onChange(next);
+  }, []);
+  const [draft, setDraft] = React.useState(criteria.search ?? "");
+  const lastEmitted = React.useRef(criteria.search ?? "");
+  React.useEffect(() => {
+    const incoming = criteria.search ?? "";
+    if (incoming === lastEmitted.current) return;
+    lastEmitted.current = incoming;
+    setDraft(incoming);
+  }, [criteria.search]);
+  React.useEffect(() => {
+    if (draft === lastEmitted.current) return;
+    const timer = setTimeout(() => {
+      lastEmitted.current = draft;
+      emit({ ...latest.current.criteria, search: draft });
+    }, SEARCH_DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [draft, emit]);
+  const setRule = React.useCallback(
+    (next) => {
+      const current = criteria.rules ?? [];
+      const nextRules = current.some((r) => r.key === next.key) ? current.map((r) => r.key === next.key ? next : r) : [...current, next];
+      emit({ ...criteria, rules: nextRules });
+    },
+    [criteria, emit]
+  );
+  const removeRule = React.useCallback(
+    (key) => {
+      emit({ ...criteria, rules: (criteria.rules ?? []).filter((r) => r.key !== key) });
+    },
+    [criteria, emit]
+  );
+  const available = SHARED_CRITERION_KEYS.filter((key) => !rules.some((r) => r.key === key));
+  const addCriterion = React.useCallback(
+    (key) => {
+      if (!key) return;
+      const criterion = key;
+      setRule({ key: criterion, operator: defaultOperator(criterion), values: [] });
+      requestAnimationFrame(() => {
+        const chip = document.querySelector(`[data-workspace-chip="${criterion}"]`);
+        if (chip) setEditing({ key: criterion, anchorEl: chip });
+      });
+    },
+    [setRule]
+  );
+  const unmappedSummary = React.useMemo(() => {
+    const byKey = /* @__PURE__ */ new Map();
+    for (const pane of unmappedByPane ?? []) {
+      for (const key of pane.unmapped) {
+        const panes = byKey.get(key) ?? [];
+        panes.push(pane.title);
+        byKey.set(key, panes);
+      }
+    }
+    return Array.from(byKey.entries());
+  }, [unmappedByPane]);
+  const editingRule = editing ? rules.find((r) => r.key === editing.key) : void 0;
+  return (
+    // A tinted PILL STRIP, not a full-bleed bar with a rule under it: the
+    // container step is the separation, which is softer than a 1px line and
+    // costs nothing. `mx-2` only — no vertical margin. The 32px is a density
+    // budget (it replaces N per-pane search rows) and must not grow, so every
+    // control inside stays 24px and the roundness comes from the controls.
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `mx-2 flex h-8 shrink-0 items-center gap-2 rounded-m3-full bg-[var(--m3-surface-container-low)] px-2 ${className ?? ""}`.trim(),
+        role: "search",
+        "aria-label": t("splitView.sharedFilter.title", "Workspace filter"),
+        "data-workspace-filter-bar": "",
+        children: [
+          /* @__PURE__ */ jsx(
+            SearchInput,
+            {
+              type: "text",
+              inputSize: "sm",
+              className: "h-6 w-56",
+              style: {
+                borderRadius: "var(--m3-shape-full)",
+                border: "none",
+                backgroundColor: "var(--m3-surface-container-high)"
+              },
+              value: draft,
+              onChange: (e) => setDraft(e.target.value),
+              onClear: () => setDraft(""),
+              placeholder: t("splitView.sharedFilter.search", "Search all panes\u2026"),
+              "aria-label": t("splitView.sharedFilter.search", "Search all panes\u2026"),
+              "data-workspace-search": ""
+            }
+          ),
+          rules.map((rule) => {
+            const isActive = rule.values.length > 0 || !needsValueInput(rule.operator);
+            const open = (anchorEl) => setEditing({ key: rule.key, anchorEl });
+            return /* @__PURE__ */ jsxs(
+              "span",
+              {
+                role: "button",
+                tabIndex: 0,
+                onClick: (e) => open(e.currentTarget),
+                onKeyDown: (e) => {
+                  if (e.key !== "Enter" && e.key !== " ") return;
+                  e.preventDefault();
+                  open(e.currentTarget);
+                },
+                className: `flex h-6 max-w-56 shrink-0 cursor-pointer items-center gap-1 rounded-m3-full border px-2 transition-colors ${isActive ? "border-transparent bg-[var(--m3-secondary-container)] text-[var(--m3-on-secondary-container)] hover:bg-[var(--m3-row-selected-hover)]" : "border-[var(--m3-outline-variant)] bg-[var(--m3-surface-container-high)] text-[var(--m3-on-surface)] hover:bg-[var(--m3-container-hover)]"}`,
+                "data-workspace-chip": rule.key,
+                title: `${criterionLabel(t, rule.key)}: ${ruleSummary(t, rule)}`,
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "shrink-0 text-label-medium-md", children: criterionLabel(t, rule.key) }),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: `truncate text-body-regular-xs ${isActive ? "" : "text-[var(--m3-on-surface-variant)]"}`,
+                      children: ruleSummary(t, rule)
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        removeRule(rule.key);
+                      },
+                      "aria-label": t("splitView.sharedFilter.remove", "Remove"),
+                      className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-m3-full text-current transition-colors hover:bg-[var(--m3-state-layer-hover)]",
+                      "data-workspace-chip-remove": rule.key,
+                      children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3", "aria-hidden": "true" })
+                    }
+                  )
+                ]
+              },
+              rule.key
+            );
+          }),
+          available.length > 0 && /* @__PURE__ */ jsx(
+            SelectMenu,
+            {
+              value: "",
+              onChange: addCriterion,
+              options: available.map((key) => ({ value: key, label: criterionLabel(t, key) })),
+              placeholder: t("splitView.sharedFilter.add", "Filter"),
+              className: "hot-quick-filter-control h-6 shrink-0 gap-1 rounded-m3-full border border-[var(--m3-outline-variant)] bg-[var(--m3-surface-container-high)] pl-2.5 text-body-regular-xs transition-colors hover:bg-[var(--m3-container-hover)]",
+              ariaLabel: t("splitView.sharedFilter.add", "Filter"),
+              dataAttributes: { "data-workspace-add-criterion": "" }
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "flex-1" }),
+          unmappedSummary.map(([key, panes]) => /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "flex h-6 shrink-0 items-center gap-1 rounded-m3-full bg-[var(--m3-error-container)] px-2 text-[var(--m3-on-error-container)]",
+              title: t("splitView.sharedFilter.unmappedPanes", "Not filtered: {panes}", {
+                panes: panes.join(", ")
+              }),
+              "data-workspace-unmapped": key,
+              children: [
+                /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { className: "text-body-regular-xs", children: t("splitView.sharedFilter.unmapped", "{count} not filtered by {criterion}", {
+                  count: String(panes.length),
+                  criterion: criterionLabel(t, key)
+                }) })
+              ]
+            },
+            key
+          )),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex h-6 shrink-0 items-center overflow-hidden rounded-m3-full border border-[var(--m3-outline-variant)]",
+              role: "group",
+              "aria-label": t("splitView.sharedFilter.scope", "Filter scope"),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "flex h-full items-center bg-[var(--m3-secondary-container)] px-2.5 text-body-regular-xs text-[var(--m3-on-secondary-container)]",
+                    "aria-current": "true",
+                    children: t("splitView.sharedFilter.toggleOnLabel", "Shared")
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: onToggleOff,
+                    className: "flex h-full items-center px-2.5 text-body-regular-xs text-[var(--m3-on-surface-variant)] transition-colors hover:bg-[var(--m3-state-layer-hover)] hover:text-[var(--m3-on-surface)]",
+                    title: t("splitView.sharedFilter.toggleOffHint", "Give every pane its own search back"),
+                    "data-workspace-filter-off": "",
+                    children: t("splitView.sharedFilter.toggleOff", "Per pane")
+                  }
+                )
+              ]
+            }
+          ),
+          editing && editingRule && /* @__PURE__ */ jsx(
+            CriterionEditor,
+            {
+              rule: editingRule,
+              anchorEl: editing.anchorEl,
+              onApply: setRule,
+              onRemove: () => {
+                removeRule(editing.key);
+                setEditing(null);
+              },
+              onClose: () => setEditing(null)
+            }
+          )
+        ]
+      }
+    )
+  );
+}
+var WorkspaceFilterBar_default = WorkspaceFilterBar;
+export {
+  WorkspaceFilterBar,
+  WorkspaceFilterBar_default as default
+};
+//# sourceMappingURL=WorkspaceFilterBar.js.map

package/dist/backend/dynamic-table/split-view/WorkspaceFilterBar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/split-view/WorkspaceFilterBar.tsx"],
+  "sourcesContent": ["'use client'\n\n/**\n * One control that drives every pane in a workspace.\n *\n * WHY IT IS ONE ROW: this bar exists to REPLACE the per-pane search rows, not\n * to sit above them. Four panes lose four search boxes and the workspace gains\n * one \u2014 net density is unchanged or better. A second row here would spend the\n * exact thing these tables are for (rows per screen) on chrome, so everything\n * lives on a single 32px line: the search box, one chip per live criterion, an\n * add-criterion select, the unmapped-pane marker, and the switch back to\n * per-pane control.\n *\n * INTERACTION LANGUAGE is `components/ColumnFilterPopover.tsx`, deliberately\n * copied rather than reinvented: a portal-anchored popover, an operator\n * `SelectMenu`, the same three date editor branches keyed off the same\n * predicates in `types/filters.ts`, and a Clear / Apply footer. A user who has\n * used the column funnel already knows this control.\n *\n * DEGRADATION IS VISIBLE. When a pane cannot honour a live criterion the host\n * passes it in `unmappedByPane` and the bar says so. A workspace filter that\n * quietly reaches three panes out of four is how someone reads unfiltered rows\n * believing they are filtered.\n *\n * Spec: .ai/specs/2026-08-17-split-view-workspace-composition.md\n */\n\nimport * as React from 'react'\nimport ReactDOM from 'react-dom'\nimport { AlertTriangle, X } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '../../../primitives-v2/Button'\nimport { SearchInput } from '../../../primitives-v2/SearchInput'\nimport SelectMenu from '../components/SelectMenu'\nimport FilterDatePicker from '../components/FilterDatePicker'\nimport { useEscapeLayer } from '../hooks/useEscapeLayer'\nimport {\n  getOperatorsForType,\n  isDateOperator,\n  needsRangeValues,\n  needsRelativeInput,\n  needsValueInput,\n  RELATIVE_DATE_UNITS,\n  type FilterOperator,\n} from '../types/filters'\nimport { computeAnchoredPosition } from '../utils/anchoredPosition'\nimport {\n  SHARED_CRITERION_KEYS,\n  type SharedCriteria,\n  type SharedCriterionKey,\n  type SharedCriterionRule,\n} from './sharedCriteria'\n\n// `SelectMenu` and `FilterDatePicker` are styled by the grid's stylesheet,\n// which is imported by `DynamicTable` itself. A workspace of nothing but widget\n// panes never mounts one, and the controls would render unstyled \u2014 so ask for\n// it here too, exactly as `EntitySearchEditor` does.\nif (typeof window !== 'undefined') {\n  // @ts-ignore - CSS import handled by bundler\n  import('../styles/DynamicTable.css')\n}\n\n/**\n * Typing must not fan a request out to every pane on every keystroke. Long\n * enough to swallow a word, short enough that the panes feel live.\n */\nconst SEARCH_DEBOUNCE_MS = 300\n\nconst POPOVER_WIDTH = 260\nconst POPOVER_HEIGHT = 280\n/** Above the popover, so the calendar it opens does not paint behind it. */\nconst NESTED_POPUP_Z = 10002\n/** The popups this popover opens INSIDE itself all portal to `<body>`. */\nconst NESTED_POPUP_SELECTOR = '.hot-select-menu, .hot-editor-popup, .hot-calendar-popup'\n\n/** Only `dateRange` is a quantity to bound; the rest are domains to name. */\nfunction criterionType(key: SharedCriterionKey): 'date' | 'text' {\n  return key === 'dateRange' ? 'date' : 'text'\n}\n\nfunction defaultOperator(key: SharedCriterionKey): FilterOperator {\n  return key === 'dateRange' ? 'is_between' : 'is_any_of'\n}\n\nexport type UnmappedPaneReport = {\n  paneId: string\n  /** What the pane is called, for the marker's tooltip. */\n  title: string\n  unmapped: SharedCriterionKey[]\n}\n\nexport type WorkspaceFilterBarProps = {\n  /** The live criteria. Fully controlled \u2014 this bar holds no criteria state. */\n  criteria: SharedCriteria\n  /** Every edit, already debounced for the search box. */\n  onChange: (next: SharedCriteria) => void\n  /**\n   * Panes that could not honour a live criterion, from `mapCriteriaForTable` /\n   * `mapCriteriaForWidget`. Omitted or empty \u21D2 every pane is filtered.\n   */\n  unmappedByPane?: UnmappedPaneReport[]\n  /** Back to per-pane control: the bar disappears, each pane's search returns. */\n  onToggleOff: () => void\n  className?: string\n}\n\n// \u2500\u2500\u2500 Criterion editor \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\ntype EditorProps = {\n  rule: SharedCriterionRule\n  anchorEl: HTMLElement\n  onApply: (next: SharedCriterionRule) => void\n  onRemove: () => void\n  onClose: () => void\n}\n\n/**\n * Operator + the editor that operator needs, and nothing else \u2014 the same three\n * branches `ColumnFilterPopover` and `ConfigureViewFilters` render, off the\n * same predicates, so the workspace bar cannot disagree with the column funnel\n * about what an operator means.\n *\n * Values for a non-date criterion are typed, not ticked: this bar has no data\n * source of its own (the panes hold different entities, so there is no one list\n * of \"customers\" to offer), and inventing one per criterion would be a lookup\n * service this feature does not need.\n */\nfunction CriterionEditor({ rule, anchorEl, onApply, onRemove, onClose }: EditorProps) {\n  const t = useT()\n  const type = criterionType(rule.key)\n  const operators = React.useMemo(() => getOperatorsForType(type), [type])\n\n  const [operator, setOperator] = React.useState<FilterOperator>(rule.operator)\n  const [values, setValues] = React.useState<string[]>(() => rule.values.map((v) => String(v ?? '')))\n\n  const isRange = needsRangeValues(operator)\n  const isRelative = needsRelativeInput(operator)\n  const isPicker = type === 'date' && !isRange && isDateOperator(operator)\n  const takesValue = needsValueInput(operator)\n\n  // Switching operator resets the values so the editor's shape and the stored\n  // pair never disagree (range \u2192 single, single \u2192 count+unit, \u2192 none).\n  const changeOperator = React.useCallback((next: string) => {\n    setOperator(next as FilterOperator)\n    setValues([])\n  }, [])\n\n  const setSlot = React.useCallback((index: 0 | 1, value: string) => {\n    setValues((prev) => {\n      const next = [prev[0] ?? '', prev[1] ?? '']\n      next[index] = value\n      return next\n    })\n  }, [])\n\n  const commitValues = React.useCallback((): string[] => {\n    if (!takesValue) return []\n    if (isRange) {\n      const from = (values[0] ?? '').trim()\n      const to = (values[1] ?? '').trim()\n      // A half-filled range is a legitimate filter \u2014 the server leaves the\n      // missing side unbounded \u2014 so only a range with both ends blank is \"no rule\".\n      return from || to ? [from, to] : []\n    }\n    if (isRelative) {\n      const count = (values[0] ?? '').trim()\n      return count ? [count, values[1] || 'days'] : []\n    }\n    if (type === 'text') {\n      // Comma-separated, because `is_any_of` is the default and \"Maersk, MSC\"\n      // is how a dispatcher writes two customers.\n      return (values[0] ?? '')\n        .split(',')\n        .map((v) => v.trim())\n        .filter(Boolean)\n    }\n    const single = (values[0] ?? '').trim()\n    return single ? [single] : []\n  }, [takesValue, isRange, isRelative, type, values])\n\n  const apply = React.useCallback(() => {\n    onApply({ key: rule.key, operator, values: commitValues() })\n    onClose()\n  }, [commitValues, operator, onApply, onClose, rule.key])\n\n  // \u2500\u2500 Placement and dismissal \u2014 same contract as the column funnel \u2500\u2500\n  const popoverRef = React.useRef<HTMLDivElement>(null)\n  const [position, setPosition] = React.useState(() => ({\n    top: -9999,\n    left: -9999,\n    maxHeight: POPOVER_HEIGHT,\n    flipAbove: false,\n  }))\n\n  const reposition = React.useCallback(() => {\n    if (!anchorEl.isConnected) {\n      onClose()\n      return\n    }\n    setPosition(\n      computeAnchoredPosition(\n        anchorEl.getBoundingClientRect(),\n        { width: window.innerWidth, height: window.innerHeight },\n        { width: POPOVER_WIDTH, preferredHeight: POPOVER_HEIGHT, minHeight: 180 },\n      ),\n    )\n  }, [anchorEl, onClose])\n\n  React.useLayoutEffect(() => {\n    reposition()\n  }, [reposition])\n\n  React.useEffect(() => {\n    const onScroll = (e: Event) => {\n      if (popoverRef.current?.contains(e.target as Node)) return\n      reposition()\n    }\n    window.addEventListener('scroll', onScroll, true)\n    window.addEventListener('resize', reposition)\n    return () => {\n      window.removeEventListener('scroll', onScroll, true)\n      window.removeEventListener('resize', reposition)\n    }\n  }, [reposition])\n\n  React.useEffect(() => {\n    // CAPTURE, and the nested portals excluded: the calendar and the operator\n    // menu are React children of this popover but DOM children of <body>, so a\n    // plain `contains` check dismisses the editor the instant one is opened.\n    const onMouseDown = (e: MouseEvent) => {\n      const target = e.target as Node | null\n      if (popoverRef.current?.contains(target)) return\n      if (target instanceof Element && target.closest(NESTED_POPUP_SELECTOR)) return\n      onClose()\n    }\n    document.addEventListener('mousedown', onMouseDown, true)\n    return () => document.removeEventListener('mousedown', onMouseDown, true)\n  }, [onClose])\n\n  useEscapeLayer(true, onClose)\n\n  const content = (\n    <div\n      ref={popoverRef}\n      className=\"hot-quick-filter hot-appearance-v2\"\n      role=\"dialog\"\n      aria-label={criterionLabel(t, rule.key)}\n      data-workspace-criterion={rule.key}\n      style={{\n        position: 'fixed',\n        top: position.top,\n        left: position.left,\n        width: POPOVER_WIDTH,\n        maxHeight: position.maxHeight,\n        zIndex: 10001,\n        ...(position.flipAbove ? { transform: 'translateY(-100%)' } : {}),\n      }}\n    >\n      <div className=\"hot-quick-filter-date\">\n        <label className=\"hot-quick-filter-date-field\">\n          <span className=\"hot-quick-filter-date-label text-body-medium-sm\">\n            {t('dynamicTable.quickFilter.condition', 'Condition')}\n          </span>\n          <SelectMenu\n            value={operator}\n            onChange={changeOperator}\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-quick-filter-control\"\n            ariaLabel={t('dynamicTable.quickFilter.condition', 'Condition')}\n            dataAttributes={{ 'data-workspace-criterion-operator': operator }}\n          />\n        </label>\n\n        {type === 'text' && takesValue && (\n          <label className=\"hot-quick-filter-date-field\">\n            <span className=\"hot-quick-filter-date-label text-body-medium-sm\">\n              {t('splitView.sharedFilter.values', 'Values')}\n            </span>\n            <input\n              type=\"text\"\n              autoFocus\n              className=\"hot-config-filter-input hot-quick-filter-control\"\n              value={values[0] ?? ''}\n              onChange={(e) => setSlot(0, e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') {\n                  e.preventDefault()\n                  apply()\n                }\n              }}\n              placeholder={t('splitView.sharedFilter.valuesPlaceholder', 'Comma-separated')}\n              aria-label={t('splitView.sharedFilter.values', 'Values')}\n              data-workspace-criterion-values=\"\"\n            />\n          </label>\n        )}\n\n        {isRange && (\n          <>\n            <label className=\"hot-quick-filter-date-field\" data-workspace-range=\"from\">\n              <span className=\"hot-quick-filter-date-label text-body-medium-sm\">\n                {t('dynamicTable.quickFilter.from', 'From')}\n              </span>\n              <FilterDatePicker\n                value={values[0] ?? ''}\n                onChange={(v) => setSlot(0, v)}\n                ariaLabel={t('dynamicTable.quickFilter.from', 'From')}\n                placeholder={t('dynamicTable.quickFilter.pickDate', 'Pick date')}\n                className=\"hot-quick-filter-control\"\n                zIndex={NESTED_POPUP_Z}\n              />\n            </label>\n            <label className=\"hot-quick-filter-date-field\" data-workspace-range=\"to\">\n              <span className=\"hot-quick-filter-date-label text-body-medium-sm\">\n                {t('dynamicTable.quickFilter.to', 'To')}\n              </span>\n              <FilterDatePicker\n                value={values[1] ?? ''}\n                onChange={(v) => setSlot(1, v)}\n                ariaLabel={t('dynamicTable.quickFilter.to', 'To')}\n                placeholder={t('dynamicTable.quickFilter.pickDate', 'Pick date')}\n                className=\"hot-quick-filter-control\"\n                zIndex={NESTED_POPUP_Z}\n              />\n            </label>\n          </>\n        )}\n\n        {isPicker && (\n          <label className=\"hot-quick-filter-date-field\" data-workspace-range=\"single\">\n            <span className=\"hot-quick-filter-date-label text-body-medium-sm\">\n              {t('dynamicTable.quickFilter.date', 'Date')}\n            </span>\n            <FilterDatePicker\n              value={values[0] ?? ''}\n              onChange={(v) => setSlot(0, v)}\n              ariaLabel={t('dynamicTable.quickFilter.date', 'Date')}\n              placeholder={t('dynamicTable.quickFilter.pickDate', 'Pick date')}\n              className=\"hot-quick-filter-control\"\n              zIndex={NESTED_POPUP_Z}\n            />\n          </label>\n        )}\n\n        {isRelative && (\n          // A moving window, not a calendar date: \"next 7 days\" has to keep\n          // meaning that tomorrow, so what is stored is [count, unit].\n          <div className=\"hot-quick-filter-date-field hot-quick-filter-relative\">\n            <span className=\"hot-quick-filter-date-label text-body-medium-sm\">\n              {t('dynamicTable.quickFilter.window', 'Window')}\n            </span>\n            <div className=\"hot-quick-filter-relative-row\">\n              <input\n                type=\"number\"\n                min={1}\n                step={1}\n                className=\"hot-config-filter-input hot-quick-filter-control hot-quick-filter-count\"\n                value={values[0] ?? ''}\n                onChange={(e) => setSlot(0, e.target.value)}\n                placeholder={t('dynamicTable.quickFilter.count', 'count')}\n                aria-label={t('dynamicTable.quickFilter.count', 'count')}\n              />\n              <SelectMenu\n                value={values[1] || 'days'}\n                onChange={(next) => setSlot(1, next)}\n                options={RELATIVE_DATE_UNITS.map((u) => ({\n                  value: u,\n                  label: t(`dynamicTable.filter.unit.${u}`, u),\n                }))}\n                className=\"hot-config-filter-select hot-quick-filter-control\"\n                ariaLabel={t('dynamicTable.quickFilter.unit', 'Unit')}\n              />\n            </div>\n          </div>\n        )}\n\n        {!takesValue && (\n          <p className=\"hot-quick-filter-note text-body-regular-xs\">\n            {t(\n              'dynamicTable.quickFilter.presetHint',\n              'Applies to {condition}, recalculated every time.',\n              { condition: t(`dynamicTable.filter.operator.${operator}`, operator) },\n            )}\n          </p>\n        )}\n      </div>\n\n      <div className=\"hot-quick-filter-footer\">\n        <Button variant=\"ghost\" size=\"xs\" onClick={onRemove} data-workspace-criterion-remove=\"\">\n          {t('splitView.sharedFilter.remove', 'Remove')}\n        </Button>\n        <Button variant=\"primary\" size=\"xs\" onClick={apply} data-workspace-criterion-apply=\"\">\n          {t('dynamicTable.quickFilter.apply', 'Apply')}\n        </Button>\n      </div>\n    </div>\n  )\n\n  if (typeof document === 'undefined') return content\n  return ReactDOM.createPortal(content, document.body)\n}\n\n// \u2500\u2500\u2500 Labels \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\ntype Translate = ReturnType<typeof useT>\n\nconst CRITERION_FALLBACKS: Record<SharedCriterionKey, string> = {\n  customer: 'Customer',\n  dateRange: 'Date',\n  status: 'Status',\n  transportMode: 'Mode',\n}\n\nfunction criterionLabel(t: Translate, key: SharedCriterionKey): string {\n  return t(`splitView.sharedFilter.criterion.${key}`, CRITERION_FALLBACKS[key])\n}\n\n/** What the chip says after the criterion name. Never longer than the chip. */\nfunction ruleSummary(t: Translate, rule: SharedCriterionRule): string {\n  if (!needsValueInput(rule.operator)) {\n    return t(`dynamicTable.filter.operator.${rule.operator}`, rule.operator)\n  }\n  if (rule.values.length === 0) return t('splitView.sharedFilter.any', 'any')\n  return rule.values.map((v) => String(v ?? '')).filter(Boolean).join(', ')\n}\n\n// \u2500\u2500\u2500 Bar \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\nexport function WorkspaceFilterBar({\n  criteria,\n  onChange,\n  unmappedByPane,\n  onToggleOff,\n  className,\n}: WorkspaceFilterBarProps) {\n  const t = useT()\n  const [editing, setEditing] = React.useState<{ key: SharedCriterionKey; anchorEl: HTMLElement } | null>(null)\n\n  // Criteria can arrive from a saved workspace row, i.e. from JSON that predates\n  // this shape. A missing `rules` must render an empty bar, not throw the whole\n  // workspace away.\n  const rules = criteria.rules ?? []\n\n  // Latest props for the debounce timer, which fires outside the render that\n  // scheduled it.\n  const latest = React.useRef({ criteria, onChange })\n  latest.current = { criteria, onChange }\n\n  const emit = React.useCallback((next: SharedCriteria) => {\n    latest.current.onChange(next)\n  }, [])\n\n  // \u2500\u2500 Search, debounced \u2500\u2500\n  //\n  // The box is typed into far faster than four panes can answer, so the draft\n  // is local and only the settled value fans out. `lastEmitted` is what keeps\n  // an external change (opening a saved workspace) from being swallowed by a\n  // draft the user never touched.\n  const [draft, setDraft] = React.useState(criteria.search ?? '')\n  const lastEmitted = React.useRef(criteria.search ?? '')\n\n  React.useEffect(() => {\n    const incoming = criteria.search ?? ''\n    if (incoming === lastEmitted.current) return\n    lastEmitted.current = incoming\n    setDraft(incoming)\n  }, [criteria.search])\n\n  React.useEffect(() => {\n    if (draft === lastEmitted.current) return\n    const timer = setTimeout(() => {\n      lastEmitted.current = draft\n      emit({ ...latest.current.criteria, search: draft })\n    }, SEARCH_DEBOUNCE_MS)\n    return () => clearTimeout(timer)\n  }, [draft, emit])\n\n  // \u2500\u2500 Rules \u2500\u2500\n\n  const setRule = React.useCallback(\n    (next: SharedCriterionRule) => {\n      const current = criteria.rules ?? []\n      const nextRules = current.some((r) => r.key === next.key)\n        ? current.map((r) => (r.key === next.key ? next : r))\n        : [...current, next]\n      emit({ ...criteria, rules: nextRules })\n    },\n    [criteria, emit],\n  )\n\n  const removeRule = React.useCallback(\n    (key: SharedCriterionKey) => {\n      emit({ ...criteria, rules: (criteria.rules ?? []).filter((r) => r.key !== key) })\n    },\n    [criteria, emit],\n  )\n\n  const available = SHARED_CRITERION_KEYS.filter((key) => !rules.some((r) => r.key === key))\n\n  const addCriterion = React.useCallback(\n    (key: string) => {\n      if (!key) return\n      const criterion = key as SharedCriterionKey\n      // Added EMPTY and opened for editing rather than applied blind: a rule\n      // with no values would narrow every pane to nothing the moment it lands.\n      setRule({ key: criterion, operator: defaultOperator(criterion), values: [] })\n      // The chip mounts on the next render; anchor the editor to it then.\n      requestAnimationFrame(() => {\n        const chip = document.querySelector<HTMLElement>(`[data-workspace-chip=\"${criterion}\"]`)\n        if (chip) setEditing({ key: criterion, anchorEl: chip })\n      })\n    },\n    [setRule],\n  )\n\n  // \u2500\u2500 Unmapped panes \u2500\u2500\n  //\n  // Summarised per CRITERION, not per pane: \"2 panes are not filtered by\n  // customer\" is the sentence the user needs, and the pane names go in the\n  // tooltip rather than a second row.\n  const unmappedSummary = React.useMemo(() => {\n    const byKey = new Map<SharedCriterionKey, string[]>()\n    for (const pane of unmappedByPane ?? []) {\n      for (const key of pane.unmapped) {\n        const panes = byKey.get(key) ?? []\n        panes.push(pane.title)\n        byKey.set(key, panes)\n      }\n    }\n    return Array.from(byKey.entries())\n  }, [unmappedByPane])\n\n  const editingRule = editing ? rules.find((r) => r.key === editing.key) : undefined\n\n  return (\n    // A tinted PILL STRIP, not a full-bleed bar with a rule under it: the\n    // container step is the separation, which is softer than a 1px line and\n    // costs nothing. `mx-2` only \u2014 no vertical margin. The 32px is a density\n    // budget (it replaces N per-pane search rows) and must not grow, so every\n    // control inside stays 24px and the roundness comes from the controls.\n    <div\n      className={`mx-2 flex h-8 shrink-0 items-center gap-2 rounded-m3-full bg-[var(--m3-surface-container-low)] px-2 ${className ?? ''}`.trim()}\n      role=\"search\"\n      aria-label={t('splitView.sharedFilter.title', 'Workspace filter')}\n      data-workspace-filter-bar=\"\"\n    >\n      <SearchInput\n        /* NOT `type=\"search\"`: Chrome paints its own cancel \"\u00D7\" on a search\n           input, right beside the primitive's clear button. */\n        type=\"text\"\n        inputSize=\"sm\"\n        className=\"h-6 w-56\"\n        /* The pill overrides go through `style`, not through classes.\n           `primitives-v2/utils#cn` is a plain string join with no\n           tailwind-merge, so `rounded-m3-full` and the primitive's own\n           `rounded-md` would BOTH land on the element and the winner would be\n           whichever Tailwind happened to emit last \u2014 not something to bet the\n           look of every workspace on. Inline wins deterministically.\n           The border is dropped, not recoloured: the tint is the affordance,\n           matching the grid toolbar's search pill. The primitive's teal\n           focus ring is left alone \u2014 focus is teal, selection is blue. */\n        style={{\n          borderRadius: 'var(--m3-shape-full)',\n          border: 'none',\n          backgroundColor: 'var(--m3-surface-container-high)',\n        }}\n        value={draft}\n        onChange={(e) => setDraft(e.target.value)}\n        onClear={() => setDraft('')}\n        placeholder={t('splitView.sharedFilter.search', 'Search all panes\u2026')}\n        aria-label={t('splitView.sharedFilter.search', 'Search all panes\u2026')}\n        data-workspace-search=\"\"\n      />\n\n      {/* ONE chip, not a chip glued to a second bordered button. The split pair\n          drew two outlines around one idea and, at 24px, read as a broken\n          segmented control. M3's input chip puts the trailing \"\u00D7\" INSIDE the\n          container \u2014 so the chip is the outer element and the remove button\n          nests in it.\n\n          `data-workspace-chip` MUST stay on that outer element: `addCriterion`\n          looks it up with `document.querySelector` inside a rAF and anchors the\n          editor popover to whatever it finds. The outer element is therefore a\n          `role=\"button\"` span, not a `<button>` \u2014 a button cannot legally\n          contain another button, and the remove control has to be focusable in\n          its own right. */}\n      {rules.map((rule) => {\n        // \"Active\" = the rule actually narrows something. A criterion added\n        // from the dropdown but never filled in is deliberately NOT tinted:\n        // the blue container is the app's one selection signal, and an empty\n        // rule has selected nothing yet.\n        const isActive = rule.values.length > 0 || !needsValueInput(rule.operator)\n        const open = (anchorEl: HTMLElement) => setEditing({ key: rule.key, anchorEl })\n        return (\n          <span\n            key={rule.key}\n            role=\"button\"\n            tabIndex={0}\n            onClick={(e) => open(e.currentTarget)}\n            onKeyDown={(e) => {\n              if (e.key !== 'Enter' && e.key !== ' ') return\n              e.preventDefault()\n              open(e.currentTarget)\n            }}\n            className={`flex h-6 max-w-56 shrink-0 cursor-pointer items-center gap-1 rounded-m3-full border px-2 transition-colors ${\n              isActive\n                ? 'border-transparent bg-[var(--m3-secondary-container)] text-[var(--m3-on-secondary-container)] hover:bg-[var(--m3-row-selected-hover)]'\n                : 'border-[var(--m3-outline-variant)] bg-[var(--m3-surface-container-high)] text-[var(--m3-on-surface)] hover:bg-[var(--m3-container-hover)]'\n            }`}\n            data-workspace-chip={rule.key}\n            title={`${criterionLabel(t, rule.key)}: ${ruleSummary(t, rule)}`}\n          >\n            <span className=\"shrink-0 text-label-medium-md\">{criterionLabel(t, rule.key)}</span>\n            <span\n              className={`truncate text-body-regular-xs ${\n                isActive ? '' : 'text-[var(--m3-on-surface-variant)]'\n              }`}\n            >\n              {ruleSummary(t, rule)}\n            </span>\n            <button\n              type=\"button\"\n              onClick={(e) => {\n                // The chip itself opens the editor; the \"\u00D7\" must not.\n                e.stopPropagation()\n                removeRule(rule.key)\n              }}\n              aria-label={t('splitView.sharedFilter.remove', 'Remove')}\n              className=\"flex h-4 w-4 shrink-0 items-center justify-center rounded-m3-full text-current transition-colors hover:bg-[var(--m3-state-layer-hover)]\"\n              data-workspace-chip-remove={rule.key}\n            >\n              <X className=\"h-3 w-3\" aria-hidden=\"true\" />\n            </button>\n          </span>\n        )\n      })}\n\n      {available.length > 0 && (\n        <SelectMenu\n          /* A portal-rendered custom menu, never a native <select> \u2014 this app\n             does not use them, and a native popup ignores the theme. */\n          value=\"\"\n          onChange={addCriterion}\n          options={available.map((key) => ({ value: key, label: criterionLabel(t, key) }))}\n          placeholder={t('splitView.sharedFilter.add', 'Filter')}\n          /* `hot-config-filter-select` is GONE: it is the Configure View\n             drawer's field chrome (drawer radius, drawer fill, drawer border)\n             and dragged a piece of a different surface into this strip. What\n             is left \u2014 `hot-select-trigger` \u2014 only lays out the label and the\n             chevron, so the assist-chip look below is free to own the shape. */\n          className=\"hot-quick-filter-control h-6 shrink-0 gap-1 rounded-m3-full border border-[var(--m3-outline-variant)] bg-[var(--m3-surface-container-high)] pl-2.5 text-body-regular-xs transition-colors hover:bg-[var(--m3-container-hover)]\"\n          ariaLabel={t('splitView.sharedFilter.add', 'Filter')}\n          dataAttributes={{ 'data-workspace-add-criterion': '' }}\n        />\n      )}\n      <span className=\"flex-1\" />\n\n      {/* Degradation as a TONAL chip rather than loose coloured text: it now\n          reads as a thing in the strip, at the same 24px as every other\n          control, instead of a stray warning-coloured sentence floating in it. */}\n      {unmappedSummary.map(([key, panes]) => (\n        <span\n          key={key}\n          className=\"flex h-6 shrink-0 items-center gap-1 rounded-m3-full bg-[var(--m3-error-container)] px-2 text-[var(--m3-on-error-container)]\"\n          title={t('splitView.sharedFilter.unmappedPanes', 'Not filtered: {panes}', {\n            panes: panes.join(', '),\n          })}\n          data-workspace-unmapped={key}\n        >\n          <AlertTriangle className=\"h-3.5 w-3.5 shrink-0\" aria-hidden=\"true\" />\n          <span className=\"text-body-regular-xs\">\n            {t('splitView.sharedFilter.unmapped', '{count} not filtered by {criterion}', {\n              count: String(panes.length),\n              criterion: criterionLabel(t, key),\n            })}\n          </span>\n        </span>\n      ))}\n\n      {/* A two-segment connected group, not a lone \"\u00D7 Per pane\" button. The old\n          control was an action that read like a dismissal \u2014 an \"\u00D7\" beside a\n          noun \u2014 and never said what the workspace was doing INSTEAD. As a\n          segmented pair the current mode is visible (tinted with the same\n          `secondary-container` every other selection in the app uses) and the\n          other mode is one click away. The click handler is unchanged and stays\n          on the 'Per pane' segment with `data-workspace-filter-off`. */}\n      <div\n        className=\"flex h-6 shrink-0 items-center overflow-hidden rounded-m3-full border border-[var(--m3-outline-variant)]\"\n        role=\"group\"\n        aria-label={t('splitView.sharedFilter.scope', 'Filter scope')}\n      >\n        <span\n          className=\"flex h-full items-center bg-[var(--m3-secondary-container)] px-2.5 text-body-regular-xs text-[var(--m3-on-secondary-container)]\"\n          aria-current=\"true\"\n        >\n          {t('splitView.sharedFilter.toggleOnLabel', 'Shared')}\n        </span>\n        <button\n          type=\"button\"\n          onClick={onToggleOff}\n          className=\"flex h-full items-center px-2.5 text-body-regular-xs text-[var(--m3-on-surface-variant)] transition-colors hover:bg-[var(--m3-state-layer-hover)] hover:text-[var(--m3-on-surface)]\"\n          title={t('splitView.sharedFilter.toggleOffHint', 'Give every pane its own search back')}\n          data-workspace-filter-off=\"\"\n        >\n          {t('splitView.sharedFilter.toggleOff', 'Per pane')}\n        </button>\n      </div>\n\n      {editing && editingRule && (\n        <CriterionEditor\n          rule={editingRule}\n          anchorEl={editing.anchorEl}\n          onApply={setRule}\n          onRemove={() => {\n            removeRule(editing.key)\n            setEditing(null)\n          }}\n          onClose={() => setEditing(null)}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default WorkspaceFilterBar\n"],
+  "mappings": "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",
+  "names": []
+}