Recordings viewer (#9985)

* Reduce redundant code and don't pull new items when marking as reviewed

* Chunk recording times and run playback

* fix overwriting existing data

* Implement scrubbing

* Show refresh button

* Remove old history

* Fix race condition

* Cleanup handling

* Remove console

web/src/components/timeline/EventReviewTimeline.tsx

@@ -25,6 +25,7 @@ export type EventReviewTimelineProps = {
   events: ReviewSegment[];
   severityType: ReviewSeverity;
   contentRef: RefObject<HTMLDivElement>;
+  onHandlebarDraggingChange?: (isDragging: boolean) => void;
 };
 
 export function EventReviewTimeline({
@@ -41,6 +42,7 @@ export function EventReviewTimeline({
   events,
   severityType,
   contentRef,
+  onHandlebarDraggingChange,
 }: EventReviewTimelineProps) {
   const [isDragging, setIsDragging] = useState(false);
   const [currentTimeSegment, setCurrentTimeSegment] = useState<number>(0);
@@ -152,6 +154,12 @@ export function EventReviewTimeline({
     }
   }, [currentTimeSegment, showHandlebar]);
 
+  useEffect(() => {
+    if (onHandlebarDraggingChange) {
+      onHandlebarDraggingChange(isDragging);
+    }
+  }, [isDragging, onHandlebarDraggingChange]);
+
   useEffect(() => {
     if (timelineRef.current && handlebarTime && showHandlebar) {
       const { scrollHeight: timelineHeight } = timelineRef.current;