Стабилизация синхронного LAB-воспроизведения

apps/control-station/test/m4ReplayThreat.test.mjs

@@ -391,9 +391,10 @@ test("recorded evidence clock advances by selected rate and stops at the sealed
   );
 });
 
-test("M4.6 viewer reuses shared camera, video and metric evidence renderers", async () => {
-  const [visual, imageScene, videoScene, metricScene] = await Promise.all([
+test("M4.6 viewer keeps media and spatial panes on one playback clock", async () => {
+  const [visual, visualCss, imageScene, videoScene, metricScene] = await Promise.all([
     readFile(new URL("../src/workspaces/laboratory/M4ReplayThreatVisual.tsx", import.meta.url), "utf8"),
+    readFile(new URL("../src/styles/m4-replay-threat.css", import.meta.url), "utf8"),
     readFile(new URL("../src/components/laboratory/RecordedEvidenceImageScene.tsx", import.meta.url), "utf8"),
     readFile(new URL("../src/components/laboratory/RecordedEvidenceVideoScene.tsx", import.meta.url), "utf8"),
     readFile(new URL("../src/components/laboratory/LaboratoryMetricEvidenceScene.tsx", import.meta.url), "utf8"),
@@ -403,17 +404,56 @@ test("M4.6 viewer reuses shared camera, video and metric evidence renderers", as
   assert.match(visual, /<LaboratoryMetricEvidenceScene/);
   assert.match(visual, /m4-replay-threat-visual__deck/);
   assert.match(visual, /lastFrameRef/);
+  assert.match(visual, /lastSpatialFrameRef/);
+  assert.match(visual, /const spatialFrame = frame\?\.spatialAvailable/);
   assert.match(visual, /<ObservationTimeline/);
   assert.match(visual, /useM4ThreatTimelineFrame/);
   assert.match(visual, /label: "VIDEO"/);
   assert.match(visual, /label: "CAMERA"/);
   assert.match(visual, /label: "3D"/);
+  assert.match(visual, /label: "PLAN"/);
+  assert.match(visual, /mediaMode/);
+  assert.match(visual, /spatialMode/);
+  assert.match(visual, /current === next \? null : next/);
+  assert.match(visual, /data-split=\{splitView \? "true" : undefined\}/);
+  assert.match(visual, /<SplitPane/);
+  assert.match(visual, /primarySize=\{splitView \? splitPrimarySize : mediaMode \? 100 : 0\}/);
+  assert.match(visual, /resizable=\{splitView\}/);
+  assert.match(visual, /separatorLabel="Изменить размер VIDEO\/CAMERA и 3D\/PLAN"/);
+  assert.match(visual, /secondaryMode=\{\{/);
+  assert.match(visual, /playback=\{playbackController\.playback\}/);
+  assert.match(visual, /currentSeconds: playbackController\.playback\.currentSeconds/);
+  assert.doesNotMatch(visual, /setPlaying\(false\)/);
+  assert.match(visualCss, /m4-replay-threat-visual__deck > \.nodedc-split-pane/);
+  assert.match(visualCss, /m4-replay-threat-visual__pane-toolbar\[data-pane-toolbar="media"\]/);
+  assert.match(visualCss, /m4-replay-threat-visual__pane-toolbar\[data-pane-toolbar="spatial"\]/);
+  assert.match(visualCss, /width: 33\.333333%/);
+  assert.match(visualCss, /flex-flow: column nowrap/);
+  assert.match(visualCss, /m4-replay-threat-visual__overlay > div/);
+  assert.match(visualCss, /laboratory-metric-evidence-scene__legend/);
+  assert.match(visualCss, /bottom: auto/);
   assert.match(videoScene, /<RecordedFmp4Player/);
   assert.match(imageScene, /<RecordedEvidenceBoxOverlay/);
   assert.match(metricScene, /OrbitControls/);
   assert.match(visual, /LOCAL SLAM/);
   assert.match(visual, /showLocalSurface/);
+  assert.match(visual, /pointCloudBodyXyzM=\{spatialFrame\.pointCloudBodyXyzM\}/);
   assert.match(metricScene, /Local SLAM surface/);
   assert.match(visual, /showJumpToEnd=\{false\}/);
+  assert.doesNotMatch(visual, /Назад на 5 секунд/);
+  assert.doesNotMatch(visual, /Вперёд на 5 секунд/);
   assert.doesNotMatch(metricScene, /ЛКМ · вращение/);
 });
+
+test("M4.6 keeps the recorded VIDEO player mounted across media mode toggles", async () => {
+  const visual = await readFile(
+    new URL("../src/workspaces/laboratory/M4ReplayThreatVisual.tsx", import.meta.url),
+    "utf8",
+  );
+  assert.match(visual, /const mediaPane = \(/);
+  assert.match(visual, /hidden=\{!mediaMode\}/);
+  assert.match(visual, /data-media="video"/);
+  assert.match(visual, /hidden=\{mediaMode !== "video"\}/);
+  assert.match(visual, /\{videoSource \? \(/);
+  assert.doesNotMatch(visual, /\{mediaMode === "video" \? videoSource \? \(/);
+});