Video review

import { VideoReview } from "@/components/blocks/video-review";

import { VideoReview } from "@/components/blocks/video-review";

// The anchor follows the playhead; freeze it once the reviewer starts typing,
// and let only explicit gestures (scrub, frame step, marker) move it after.
export function ConceptVideo({ comments, draft, setDraft, frozen }) {
  return (
    <VideoReview
      src={concept.src}
      aspect={concept.aspect}
      markers={comments.map((c, i) => ({ id: c.id, label: i + 1, seconds: c.seconds }))}
      onTimeChange={(seconds, explicit) => {
        if (!frozen || explicit) setDraft(seconds);
      }}
      draft={frozen ? draft : null}
      volumeStorageKey="app.media.volume"
    />
  );
}

VideoReview                      — focusable group: ← → frame step (Shift: 1s), Space plays
└── VideoPlayer                  — the SDK primitive, controlsLayout="below": speed, PiP, fullscreen, volume
    ├── frameOverlay slot        — over the picture
    │   ├── click layer          — onPlace: pause, hand up { seconds, x, y }
    │   ├── pins                 — markers with x/y, near the playhead or selected
    │   └── draft spot           — pulsing
    ├── transport slot           — Back / Forward one frame (ghost icon Buttons + Tooltip)
    └── timelineOverlay slot     — over the seek bar, in its own box
        ├── markers[]            — one button per comment; click pauses on its moment
        └── draft                — the frozen moment, pulsing