refactor(jobmonitor)!: virtualized DataTable split, SearchBar decomposition, context split, SWR tuning

Rework the Job Monitor stack end to end:

- split the monolithic shared/DataTable.tsx into a DataTable/ module
  (DataTable, DataTableHeader, DataTableToolbar, SplitActionButton)
  virtualized with @tanstack/react-virtual instead of react-virtuoso;
  react-virtuoso is dropped from dependencies
- extract a reusable shared/PieChart component (with stories and a11y
  legend tests) and a shared visuallyHidden helper
- decompose the SearchBar: state moves into a useSearchBarReducer,
  URL/filter synchronisation into useFilterSync, and suggestion
  fetching into useSearchSuggestions; equations gain stable ids and
  the Operators.EGUALS typo becomes Operators.EQUALS
- restructure the Job Monitor: column definitions move to
  jobColumns.tsx, per-application persistence to
  useJobMonitorPersistence, and shared state to a JobMonitorContext;
  jobDataService migrates to the services/fetcher client with SWR
  keys tuned to avoid refetch storms
- finish the fetcher migration: hooks/utils.tsx loses the legacy
  tuple-based fetcher (now services/client with named options and
  abort support), hooks/metadata.tsx and the gubbins OwnerMonitor
  consume the new client, and the package root exports the explicit
  final API surface
- jest config/setup updated for react-virtual (structured-clone
  ponyfill, layout mocks); e2e specs updated and a mobile viewport
  spec added; next.config gains a services alias for dev HMR and the
  app a test:headless script

BREAKING CHANGE: the tuple-based fetcher export is gone from
@dirac-grid/diracx-web-components/hooks; use the object-based fetcher
from @dirac-grid/diracx-web-components/services instead.
Operators.EGUALS is renamed Operators.EQUALS, and the DataTable API
changed with the module split.

Author: aldbr

package-lock.json

@@ -10,6 +10,16 @@ const config = {
   // The test environment that will be used for testing
   testEnvironment: "jest-environment-jsdom",
 
+  // Coverage is only collected when jest runs with --coverage
+  // (see the test:coverage script). Stories, mocks and build output are
+  // excluded; no thresholds are enforced yet.
+  collectCoverageFrom: [
+    "src/**/*.{ts,tsx}",
+    "!src/**/*.d.ts",
+    "!src/**/*.stories.{ts,tsx}",
+  ],
+  coveragePathIgnorePatterns: ["/node_modules/", "/dist/", "/stories/"],
+
   moduleNameMapper: {
     "^@axa-fr/react-oidc$": "<rootDir>/stories/mocks/react-oidc.mock.tsx",
     "^../../hooks/metadata$": "<rootDir>/stories/mocks/metadata.mock.tsx",

packages/diracx-web-components/jest.config.js

@@ -1,9 +1,15 @@
+import structuredClonePonyfill from "@ungap/structured-clone";
 import "@testing-library/jest-dom";
 
-// Polyfill structuredClone for jsdom (used by @mui/x-charts)
+// Polyfill structuredClone for jsdom (used by @mui/x-charts).
+// jest-environment-jsdom does not expose Node's native structuredClone, and
+// Node's v8-serialize trick creates values from the wrong realm (instanceof
+// breaks). @ungap/structured-clone implements the structured-clone algorithm
+// in the current realm (unlike JSON round-tripping, it preserves Dates,
+// Maps, Sets, …).
 if (typeof globalThis.structuredClone === "undefined") {
-  globalThis.structuredClone = <T>(val: T): T =>
-    JSON.parse(JSON.stringify(val));
+  globalThis.structuredClone = ((val: unknown) =>
+    structuredClonePonyfill(val)) as typeof globalThis.structuredClone;
 }
 
 // Polyfill PointerEvent for jsdom (used by @mui/x-internal-gestures)
@@ -20,4 +26,52 @@ if (typeof globalThis.PointerEvent === "undefined") {
   };
 }
 
+// Mock layout measurements for @tanstack/react-virtual (jsdom has no layout engine).
+// Only override offsetHeight/offsetWidth — these are the properties the virtualizer
+// uses to determine container size. We do NOT override getBoundingClientRect globally
+// because MUI Popover relies on the native implementation.
+//
+// This is a global override for every test; if a future test needs real layout
+// measurements (e.g. to assert that an element is actually visible), call
+// restoreRealLayoutMeasurements() in a beforeEach hook.
+const originalOffsetHeight = Object.getOwnPropertyDescriptor(
+  HTMLElement.prototype,
+  "offsetHeight",
+);
+const originalOffsetWidth = Object.getOwnPropertyDescriptor(
+  HTMLElement.prototype,
+  "offsetWidth",
+);
+
+Object.defineProperty(HTMLElement.prototype, "offsetHeight", {
+  configurable: true,
+  get() {
+    return 600;
+  },
+});
+Object.defineProperty(HTMLElement.prototype, "offsetWidth", {
+  configurable: true,
+  get() {
+    return 800;
+  },
+});
+
+// Exported so individual tests can opt out of the mocked layout values.
+export function restoreRealLayoutMeasurements() {
+  if (originalOffsetHeight) {
+    Object.defineProperty(
+      HTMLElement.prototype,
+      "offsetHeight",
+      originalOffsetHeight,
+    );
+  }
+  if (originalOffsetWidth) {
+    Object.defineProperty(
+      HTMLElement.prototype,
+      "offsetWidth",
+      originalOffsetWidth,
+    );
+  }
+}
+
 jest.mock("@axa-fr/react-oidc");

packages/diracx-web-components/jest.setup.ts

@@ -35,8 +35,8 @@
     "@mui/x-charts": "^8.0.0",
     "@mui/x-date-pickers": "^8.0.0",
     "@tanstack/react-table": "^8.20.5",
-    "dayjs": "^1.11.13",
-    "react-virtuoso": "^4.12.3"
+    "@tanstack/react-virtual": "^3.13.23",
+    "dayjs": "^1.11.13"
   },
   "peerDependencies": {
     "@axa-fr/react-oidc": ">=7.24.0 <7.27.0",