fix(lab): make replay pause authoritative

apps/control-station/src/workspaces/laboratory/M4ReplayThreatVisual.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useEffect, useMemo, useRef, useState, type CSSProperties } from "react";
 import {
   Button,
   Icon,
@@ -442,8 +442,17 @@ export function M4ReplayThreatVisual({
 
   const trailingActions = !splitView && spatialMode ? resetSpatialView : null;
 
+  const overlayPanePercent = splitView && splitOrientation === "vertical"
+    ? splitPrimarySize
+    : 100;
+
   const overlay = metadata.timeline && frame ? (
-    <div className="l3-visual-audit__overlay m4-replay-threat-visual__overlay">
+    <div
+      className="l3-visual-audit__overlay m4-replay-threat-visual__overlay"
+      style={{
+        "--m4-replay-threat-overlay-pane-width": `${overlayPanePercent}%`,
+      } as CSSProperties}
+    >
       <div>
         <span>RAVNOVES00 · recorded realtime</span>
         <strong>frame {frame.sequence + 1}/{metadata.timeline.frameCount}</strong>