feat(lab): add recorded realtime spatial playback

apps/control-station/src/components/ObservationTimeline.tsx

@@ -1,4 +1,4 @@
-import { Button, Icon } from "@nodedc/ui-react";
+import { Button, Icon, Select } from "@nodedc/ui-react";
 
 import type { ObservationTimelineMode } from "../core/runtime/contracts";
 
@@ -14,6 +14,8 @@ export function ObservationTimeline({
   onSeek,
   onPlayingChange,
   onJumpToEnd,
+  playbackRate,
+  onPlaybackRateChange,
   accumulationSeconds,
   onAccumulationChange,
   onAccumulationCommit,
@@ -30,6 +32,8 @@ export function ObservationTimeline({
   onSeek?: (timeNs: number) => void;
   onPlayingChange?: (playing: boolean) => void;
   onJumpToEnd?: () => void;
+  playbackRate?: number;
+  onPlaybackRateChange?: (rate: number) => void;
   accumulationSeconds?: number;
   onAccumulationChange?: (value: number) => void;
   onAccumulationCommit?: () => void;
@@ -102,6 +106,20 @@ export function ObservationTimeline({
         >
           {buffered ? (playing ? "Пауза" : "Воспроизвести") : "Только эфир"}
         </Button>
+        {buffered && playbackRate !== undefined && onPlaybackRateChange ? (
+          <Select
+            label="Скорость воспроизведения"
+            value={String(playbackRate)}
+            options={[
+              { value: "0.5", label: "0,5×" },
+              { value: "1", label: "1×" },
+              { value: "2", label: "2×" },
+            ]}
+            variant="split"
+            menuWidth="anchor"
+            onChange={(value) => onPlaybackRateChange(Number(value))}
+          />
+        ) : null}
         <input
           className="observation-timeline__track"
           type="range"