Stabilize scrub callback during streaming updates

Author: cursoragent

libs/@hashintel/petrinaut/src/views/Editor/panels/BottomPanel/subviews/simulation-timeline.tsx

@@ -679,12 +679,16 @@ const UPlotChart: React.FC<{
   const chartRef = useRef<uPlot | null>(null);
   const playheadFrameRef = useRef(currentFrameIndex);
   playheadFrameRef.current = currentFrameIndex;
+  const totalFramesRef = useRef(totalFrames);
+  totalFramesRef.current = totalFrames;
 
   const onScrub = useCallback(
     (idx: number) => {
-      setCurrentViewedFrame(Math.max(0, Math.min(idx, totalFrames - 1)));
+      setCurrentViewedFrame(
+        Math.max(0, Math.min(idx, totalFramesRef.current - 1)),
+      );
     },
-    [setCurrentViewedFrame, totalFrames],
+    [setCurrentViewedFrame],
   );
 
   // Build data from store