feat(ui): stabilize shared M4.8 review viewer

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

@@ -11,6 +11,7 @@ let recordedMediaSeekableCoverage;
 let recordedMediaFragmentUrl;
 let recordedMediaDecodeStartSequence;
 let recordedMediaSegmentAppendOrder;
+let recordedMediaCanRollTarget;
 
 before(async () => {
   server = await createServer({
@@ -25,6 +26,7 @@ before(async () => {
     recordedMediaFragmentUrl,
     recordedMediaDecodeStartSequence,
     recordedMediaSegmentAppendOrder,
+    recordedMediaCanRollTarget,
   } = await server.ssrLoadModule("/src/components/RecordedFmp4Player.tsx"));
 });
 
@@ -204,6 +206,14 @@ test("recorded player keeps full-archive range fallback and uses bounded generat
   );
 });
 
+test("recorded player preserves forward rolling playback but seeks backward clip loops", () => {
+  assert.equal(recordedMediaCanRollTarget(20, 21, true, true), true);
+  assert.equal(recordedMediaCanRollTarget(20, 20, true, true), true);
+  assert.equal(recordedMediaCanRollTarget(20, 1, true, true), false);
+  assert.equal(recordedMediaCanRollTarget(20, 21, false, true), false);
+  assert.equal(recordedMediaCanRollTarget(20, 21, true, false), false);
+});
+
 test("loading and error overlays fully conceal recorded camera pixels", async () => {
   const css = await readFile(
     new URL("../src/styles/observation.css", import.meta.url),