fix(lab): restore canonical spatial replay

2026-08-29 19:52:06 +03:00
parent c06b709fd7
commit 5179e93f4a
8 changed files with 263 additions and 53 deletions
@@ -1,8 +1,9 @@
-import { useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Icon, IconButton, StatusBadge } from "@nodedc/ui-react";

 import { LaboratoryEvidenceViewer } from "../../components/laboratory/LaboratoryEvidenceViewer";
 import { LaboratoryRecordedClipPlayer } from "../../components/laboratory/LaboratoryRecordedClipPlayer";
+import { RerunViewport } from "../../components/RerunViewport";
 import {
  LaboratoryEvidence,
  LaboratoryResultSummary,
@@ -24,6 +25,11 @@ import {
 } from "../../core/laboratory/vegetationShadow";
 import { recordedObservationSources } from "../../core/observation/recordedObservationSources";
 import { resolveObservationSessionReplay } from "../../core/observation/useObservationSessions";
+import type { ObservationSessionReplayLaunch } from "../../core/observation/sessionArchive";
+import {
+  recordedSessionRerunProfile,
+  type RerunPlaybackController,
+} from "../../core/observation/viewerProfile";
 import type { ObservationSourceDescriptor } from "../../core/runtime/contracts";
 import {
  fetchM49TgsFullShadowResult,
@@ -31,6 +37,10 @@ import {
 } from "../../core/laboratory/m49TgsFullShadow";
 import { M4ReplayThreatVisual } from "./M4ReplayThreatVisual";
 import { M49TgsFullShadowEvidence } from "./M49TgsFullShadowEvidence";
+import {
+  M48EvidenceModeRail,
+  type M48BlindEvidenceMode,
+} from "./annotation/M48EvidenceModeControls";

 function decimal(value: number, digits = 1): string {
  return value.toLocaleString("ru-RU", { maximumFractionDigits: digits });
@@ -76,8 +86,12 @@ function FullRouteReviewEvidence({
  const [playbackRate, setPlaybackRate] = useState(1);
  const [mode, setMode] = useState<typeof FULL_ROUTE_MODES[number]["value"]>("vegetation");
  const [expanded, setExpanded] = useState(false);
+  const [evidenceMode, setEvidenceMode] = useState<M48BlindEvidenceMode>("3d");
+  const [cameraVisible, setCameraVisible] = useState(true);
  const [videoSource, setVideoSource] = useState<ObservationSourceDescriptor | null>(null);
+  const [replayLaunch, setReplayLaunch] = useState<ObservationSessionReplayLaunch | null>(null);
  const [videoError, setVideoError] = useState<string | null>(null);
+  const spatialControllerRef = useRef<RerunPlaybackController | null>(null);
  const frames = useMemo(
    () => review.frameSourceTimesNs.map((sourceTimeNs, index) => ({
      sequence: index + 1,
@@ -97,6 +111,7 @@ function FullRouteReviewEvidence({
  useEffect(() => {
    const controller = new AbortController();
    setVideoSource(null);
+    setReplayLaunch(null);
    setVideoError(null);
    void resolveObservationSessionReplay(review.sessionId, { signal: controller.signal })
      .then((launch) => {
@@ -112,7 +127,10 @@ function FullRouteReviewEvidence({
        if (!source) {
          throw new Error("RIGHT-видео не совпало с sealed RAVNOVES004TREE timeline.");
        }
-        if (!controller.signal.aborted) setVideoSource(source);
+        if (!controller.signal.aborted) {
+          setVideoSource(source);
+          setReplayLaunch(launch);
+        }
      })
      .catch((caught: unknown) => {
        if (!controller.signal.aborted) {
@@ -128,6 +146,55 @@ function FullRouteReviewEvidence({
    review.timelineStartSeconds,
  ]);

+  const spatialProfile = useMemo(() => replayLaunch ? recordedSessionRerunProfile({
+    sourceUrl: replayLaunch.viewerSourceUrl,
+    artifact: {
+      sourceUrl: replayLaunch.sourceUrl,
+      viewerSourceUrl: replayLaunch.viewerSourceUrl,
+      byteLength: replayLaunch.byteLength,
+      sha256: replayLaunch.sha256,
+    },
+    autoplayWhenReady: false,
+    presentationGate: "ready",
+    expectedTimelineStartSeconds: replayLaunch.timelineStartSeconds,
+    expectedTimelineEndSeconds: replayLaunch.timelineEndSeconds,
+    initialPlaybackStartSeconds: review.timelineStartSeconds,
+    view: "spatial",
+    viewResetGeneration: 0,
+    followTrajectory: false,
+    perceptionLayers: {
+      enabled: false,
+      detections2d: false,
+      segmentation: false,
+      cuboids3d: false,
+    },
+    perceptionRetryGeneration: 0,
+    lockPerceptionCameraInteraction: false,
+  }) : null, [replayLaunch, review.timelineStartSeconds]);
+  const activeFrame = frames.find((candidate) => candidate.sequence === sequence)
+    ?? frames[0]
+    ?? null;
+  const activeSourceTimeNsRef = useRef(activeFrame?.sourceTimeNs ?? null);
+  activeSourceTimeNsRef.current = activeFrame?.sourceTimeNs ?? null;
+  const handleSpatialControllerChange = useCallback((controller: RerunPlaybackController | null) => {
+    spatialControllerRef.current = controller;
+    const sourceTimeNs = activeSourceTimeNsRef.current;
+    if (!controller || sourceTimeNs === null) return;
+    controller.setPlaying(false);
+    controller.seek(sourceTimeNs);
+  }, []);
+
+  useEffect(() => {
+    const controller = spatialControllerRef.current;
+    if (!controller || !activeFrame) return;
+    controller.setPlaying(false);
+    controller.seek(activeFrame.sourceTimeNs);
+  }, [activeFrame]);
+
+  const cameraPresentation = evidenceMode === "camera"
+    ? "primary"
+    : cameraVisible ? "companion" : "hidden";
+
  return (
    <LaboratoryEvidenceViewer
      label="RAVNOVES004TREE full recorded review"
@@ -139,47 +206,69 @@ function FullRouteReviewEvidence({
      onExpandedChange={setExpanded}
      chromeLayout="stacked"
    >
-      {videoSource ? (
-        <LaboratoryRecordedClipPlayer
-          source={videoSource}
-          segmentCount={review.frameCount}
-          frames={frames}
-          sequence={sequence}
-          playing={playing}
-          playbackRate={playbackRate}
-          cameraPresentation="primary"
-          continuousPlayback
-          sourceCount={1}
-          onSequenceChange={setSequence}
-          onPlayingChange={setPlaying}
-          onPlaybackRateChange={setPlaybackRate}
-          cameraOverlay={(
-            <>
-              <div className="m48-clip-player__pane-label" data-pane="camera">
-                {mode === "source" ? "SOURCE" : `${mode === "city" ? "EoMT CITY" : "DDRNet NATURE"} · КАДР ${sequence}/${review.frameCount}`}
+      <div className="m48-evidence-stage">
+        {videoSource ? (
+          <LaboratoryRecordedClipPlayer
+            source={videoSource}
+            segmentCount={review.frameCount}
+            frames={frames}
+            sequence={sequence}
+            playing={playing}
+            playbackRate={playbackRate}
+            cameraPresentation={cameraPresentation}
+            continuousPlayback
+            sourceCount={2}
+            onSequenceChange={setSequence}
+            onPlayingChange={setPlaying}
+            onPlaybackRateChange={setPlaybackRate}
+            alternativeScene={spatialProfile ? (
+              <RerunViewport
+                profile={spatialProfile}
+                onPlaybackControllerChange={handleSpatialControllerChange}
+              />
+            ) : (
+              <div className="m4-replay-threat-visual__pane-status" role="status">
+                Открываем sealed RRD и point-cloud evidence…
              </div>
-              {layer && semantic ? (
-                <div className="m48-clip-player__overlay">
-                  <RecordedEvidenceSemanticMaskOverlay
-                    src={vegetationFullRouteMaskUrl(resultId, mode as "city" | "vegetation", maskSequence)}
-                    prefetchSrcs={prefetchSrcs}
-                    imageWidth={review.width}
-                    imageHeight={review.height}
-                    classes={semantic.classes}
-                    palette={semantic.palette}
-                    opacity={0.76}
-                    ariaLabel={`${layer.name} semantic prediction`}
-                  />
+            )}
+            cameraOverlay={(
+              <>
+                <div className="m48-clip-player__pane-label" data-pane="camera">
+                  {mode === "source" ? "SOURCE" : `${mode === "city" ? "EoMT CITY" : "DDRNet NATURE"} · КАДР ${sequence}/${review.frameCount}`}
                </div>
-              ) : null}
-            </>
-          )}
-        />
-      ) : (
-        <div className="m4-replay-threat-visual__pane-status" role={videoError ? "alert" : "status"}>
-          {videoError ?? "Открываем автономный recorded source…"}
-        </div>
-      )}
+                {layer && semantic ? (
+                  <div className="m48-clip-player__overlay">
+                    <RecordedEvidenceSemanticMaskOverlay
+                      src={vegetationFullRouteMaskUrl(resultId, mode as "city" | "vegetation", maskSequence)}
+                      prefetchSrcs={prefetchSrcs}
+                      imageWidth={review.width}
+                      imageHeight={review.height}
+                      classes={semantic.classes}
+                      palette={semantic.palette}
+                      opacity={0.76}
+                      ariaLabel={`${layer.name} semantic prediction`}
+                    />
+                  </div>
+                ) : null}
+              </>
+            )}
+          />
+        ) : (
+          <div className="m4-replay-threat-visual__pane-status" role={videoError ? "alert" : "status"}>
+            {videoError ?? "Открываем автономный recorded source…"}
+          </div>
+        )}
+        {videoSource ? (
+          <M48EvidenceModeRail
+            mode={evidenceMode}
+            cameraVisible={cameraVisible}
+            spatialAvailable={Boolean(spatialProfile)}
+            planAvailable={false}
+            onModeChange={setEvidenceMode}
+            onCameraVisibleChange={setCameraVisible}
+          />
+        ) : null}
+      </div>
    </LaboratoryEvidenceViewer>
  );
 }
@@ -228,7 +317,7 @@ function FullRouteReviewResult({
        <LaboratoryEvidence
          eyebrow="M4.7 TEMPLATE · RAVNOVES004TREE FULL VIDEO"
          title="SOURCE / EoMT CITY / DDRNet NATURE · 6830/6830 · TRUTH отсутствует"
-          kind="diagnostic-model"
+          kind="recorded-replay"
          resizable
        >
          <FullRouteReviewEvidence resultId={resultId} review={review} />
@@ -10,6 +10,7 @@ interface M48EvidenceModeControlProps {
  mode: M48BlindEvidenceMode;
  cameraVisible: boolean;
  spatialAvailable: boolean;
+  planAvailable?: boolean;
  onModeChange: (mode: M48BlindEvidenceMode) => void;
  onCameraVisibleChange: (visible: boolean) => void;
 }
@@ -34,6 +35,7 @@ export function M48EvidenceModeControls({
  mode,
  cameraVisible,
  spatialAvailable,
+  planAvailable = spatialAvailable,
  onModeChange,
  onCameraVisibleChange,
 }: M48EvidenceModeControlProps) {
@@ -68,9 +70,9 @@ export function M48EvidenceModeControls({
      <IconButton
        label={spatialMode === "plan" ? "Скрыть план" : "Показать план"}
        aria-pressed={spatialMode === "plan"}
-        disabled={!spatialAvailable || (!cameraVisible && spatialMode === "plan")}
+        disabled={!planAvailable || (!cameraVisible && spatialMode === "plan")}
        onClick={() => {
-          if (!spatialAvailable) return;
+          if (!planAvailable) return;
          onModeChange(nextM48SpatialMode(mode, cameraVisible, "plan"));
        }}
      >