More fixes

Author: jbschooley

src/app/meetings/[id]/page.tsx

@@ -47,7 +47,7 @@ import { useLiveTranscripts } from "@/hooks/use-live-transcripts";
 import { PLATFORM_CONFIG, getDetailedStatus } from "@/types/vexa";
 import type { MeetingStatus, Meeting } from "@/types/vexa";
 import { StatusHistory } from "@/components/meetings/status-history";
-import { cn } from "@/lib/utils";
+import { cn, parseUTCTimestamp } from "@/lib/utils";
 import { vexaAPI } from "@/lib/api";
 import { toast } from "sonner";
 import { LanguagePicker } from "@/components/language-picker";
@@ -196,6 +196,19 @@ export default function MeetingDetailPage() {
 
   const hasRecordingAudio = recordingFragments.length > 0;
 
+  // Derive recording session start time from transcript segments.
+  // Any segment with both start_time (relative) and absolute_start_time gives us:
+  //   sessionStart = absolute_start_time - start_time * 1000
+  // This is more reliable than recording.created_at (which is the DB insert time, not session start).
+  const videoTimeBase = useMemo(() => {
+    for (const seg of transcripts) {
+      if (seg.absolute_start_time && seg.start_time != null) {
+        return parseUTCTimestamp(seg.absolute_start_time).getTime() - seg.start_time * 1000;
+      }
+    }
+    return null;
+  }, [transcripts]);
+
   const handlePlaybackTimeUpdate = useCallback((time: number) => {
     setPlaybackTime(time);
     setIsPlaybackActive(true);
@@ -656,17 +669,11 @@ export default function MeetingDetailPage() {
   // absolute timestamp so the transcript viewer can match against absolute_start_time.
   const playbackAbsoluteTime = useMemo((): string | null => {
     if (playbackTime == null || !isPlaybackActive) return null;
-    // Video mode: currentTime is relative to meeting start (same as live audio recording).
-    // videoRecording.createdAt is the upload time, not the meeting start — use the
-    // first audio fragment's createdAt, or fall back to the meeting's start_time.
+    // Video mode: use session start time derived from transcript segments.
+    // (recording.created_at is the DB insert time, not when recording content started)
     if (videoRecording && !preferAudio) {
-      const base =
-        recordingFragments[0]?.createdAt ??
-        currentMeeting?.start_time ??
-        null;
-      if (!base) return null;
-      const fragStart = new Date(base).getTime();
-      return new Date(fragStart + playbackTime * 1000).toISOString();
+      if (videoTimeBase == null) return null;
+      return new Date(videoTimeBase + playbackTime * 1000).toISOString();
     }
     if (recordingFragments.length === 0) return null;
     if (recordingFragments.length === 1) {
@@ -685,7 +692,7 @@ export default function MeetingDetailPage() {
       remaining -= fragDur;
     }
     return null;
-  }, [playbackTime, isPlaybackActive, recordingFragments, videoRecording, preferAudio, currentMeeting]);
+  }, [playbackTime, isPlaybackActive, recordingFragments, videoRecording, preferAudio, videoTimeBase]);
 
   if (error) {
     return (