From 705d70ddc070427964c846174b46378d4414dbb7 Mon Sep 17 00:00:00 2001
From: Christoph Kluge <christoph.kluge@fau.de>
Date: Thu, 19 Feb 2026 15:42:20 +0100
Subject: [PATCH] add row plot cursor syncing

---
 web/frontend/src/generic/joblist/JobListRow.svelte   | 8 +++++++-
 web/frontend/src/systems/nodelist/NodeListRow.svelte | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/frontend/src/generic/joblist/JobListRow.svelte b/web/frontend/src/generic/joblist/JobListRow.svelte
index 9db340d4..3963708f 100644
--- a/web/frontend/src/generic/joblist/JobListRow.svelte
+++ b/web/frontend/src/generic/joblist/JobListRow.svelte
@@ -20,6 +20,7 @@
   import { queryStore, gql, getContextClient } from "@urql/svelte";
   import { Card, Spinner } from "@sveltestrap/sveltestrap";
   import { maxScope, checkMetricAvailability } from "../utils.js";
+  import uPlot from "uplot";
   import JobInfo from "./JobInfo.svelte";
   import MetricPlot from "../plots/MetricPlot.svelte";
   import JobFootprint from "../helper/JobFootprint.svelte";
@@ -74,13 +75,17 @@
     }
   `;
 
+  /* Var Init*/
+  // svelte-ignore state_referenced_locally
+  let plotSync = uPlot.sync(`jobMetricStack-${job.cluster}-${job.id}`);
+
   /* State Init */
   let zoomStates = $state({});
   let thresholdStates = $state({});
 
   /* Derived */
   const resampleDefault = $derived(resampleConfig ? Math.max(...resampleConfig.resolutions) : 0);
-  const jobId = $derived(job?.id);
+  const jobId = $derived(job.id);
   const scopes = $derived.by(() => {
     if (job.numNodes == 1) {
       if (job.numAcc >= 1) return ["core", "accelerator"];
@@ -233,6 +238,7 @@
             numaccs={job.numAcc}
             zoomState={zoomStates[metric.data.name] || null}
             thresholdState={thresholdStates[metric.data.name] || null}
+            {plotSync}
           />
         {:else}
           <Card body class="mx-2" color="warning">
diff --git a/web/frontend/src/systems/nodelist/NodeListRow.svelte b/web/frontend/src/systems/nodelist/NodeListRow.svelte
index 4689ed21..558d0642 100644
--- a/web/frontend/src/systems/nodelist/NodeListRow.svelte
+++ b/web/frontend/src/systems/nodelist/NodeListRow.svelte
@@ -211,6 +211,7 @@
             timestep={metricData.data.metric.timestep}
             series={metricData.data.metric.series}
             height={375}
+            {plotSync}
             forNode
           />
         {/if}