From 080b4bdaf151125a58665698c6af93b0b2b78d85 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Tue, 19 May 2026 19:46:00 -0400
Subject: [PATCH] Remove debug logging, keep audio duration fix

---
 clio-ui/components/RecordingDetail.jsx | 23 +++--------------------
 1 file changed, 3 insertions(+), 20 deletions(-)

diff --git a/clio-ui/components/RecordingDetail.jsx b/clio-ui/components/RecordingDetail.jsx
index 81bfa86..9c939c4 100644
--- a/clio-ui/components/RecordingDetail.jsx
+++ b/clio-ui/components/RecordingDetail.jsx
@@ -4,7 +4,6 @@ const { useState: useStateRD, useEffect: useEffectRD, useRef: useRefRD, useCallb
 const API_BASE = '';
 
 function RecordingDetail({ recording: r, data, onBack, allHighlights, setAllHighlights, initialSeekTime, onSeekHandled }) {
-  console.log('[RecordingDetail] render, recording id:', r?.id, 'r.durationMinutes:', r?.durationMinutes);
   const [currentTime, setCurrentTime] = useStateRD(0); // seconds into recording
   const [playing, setPlaying] = useStateRD(false);
   const [speed, setSpeed] = useStateRD(1.0);
@@ -19,7 +18,6 @@ function RecordingDetail({ recording: r, data, onBack, allHighlights, setAllHigh
   // Use actual audio duration if available, fallback to metadata
   const metadataDuration = r.durationMinutes * 60;
   const totalSeconds = audioDuration || metadataDuration || 1; // avoid division by zero
-  console.log('[duration] audioDuration:', audioDuration, 'r.durationMinutes:', r.durationMinutes, 'totalSeconds:', totalSeconds);
   const recHighlights = allHighlights.filter(h => h.recordingId === r.id);
 
   // Audio URL from API
@@ -82,27 +80,16 @@ function RecordingDetail({ recording: r, data, onBack, allHighlights, setAllHigh
     const audio = audioRef.current;
     if (!audio) return;
 
-    const handleTimeUpdate = () => {
-      console.log('[audio] timeupdate:', audio.currentTime, 'duration:', audio.duration);
-      setCurrentTime(audio.currentTime);
-    };
+    const handleTimeUpdate = () => setCurrentTime(audio.currentTime);
     const handleEnded = () => setPlaying(false);
-    const handlePlay = () => {
-      console.log('[audio] play event');
-      setPlaying(true);
-    };
-    const handlePause = () => {
-      console.log('[audio] pause event');
-      setPlaying(false);
-    };
+    const handlePlay = () => setPlaying(true);
+    const handlePause = () => setPlaying(false);
     const handleDurationChange = () => {
-      console.log('[audio] durationchange:', audio.duration, 'isFinite:', isFinite(audio.duration));
       if (audio.duration && isFinite(audio.duration)) {
         setAudioDuration(audio.duration);
       }
     };
     const handleLoadedMetadata = () => {
-      console.log('[audio] loadedmetadata - duration:', audio.duration, 'readyState:', audio.readyState);
       if (audio.duration && isFinite(audio.duration)) {
         setAudioDuration(audio.duration);
       }
@@ -116,7 +103,6 @@ function RecordingDetail({ recording: r, data, onBack, allHighlights, setAllHigh
     audio.addEventListener('durationchange', handleDurationChange);
 
     // Check if duration is already available
-    console.log('[audio] initial check - duration:', audio.duration, 'readyState:', audio.readyState);
     if (audio.duration && isFinite(audio.duration)) {
       setAudioDuration(audio.duration);
     }
@@ -157,10 +143,8 @@ function RecordingDetail({ recording: r, data, onBack, allHighlights, setAllHigh
     const rect = e.currentTarget.getBoundingClientRect();
     const pct = (e.clientX - rect.left) / rect.width;
     const newTime = pct * totalSeconds;
-    console.log('[seek] clicked pct:', pct, 'newTime:', newTime, 'totalSeconds:', totalSeconds, 'audioDuration:', audioDuration);
     if (audioRef.current) {
       audioRef.current.currentTime = newTime;
-      console.log('[seek] set audio.currentTime to:', audioRef.current.currentTime);
     }
     setCurrentTime(newTime);
   }
@@ -266,7 +250,6 @@ function RecordingDetail({ recording: r, data, onBack, allHighlights, setAllHigh
   };
 
   const progressPct = (currentTime / totalSeconds) * 100;
-  console.log('[render] currentTime:', currentTime, 'totalSeconds:', totalSeconds, 'progressPct:', progressPct, 'audioDuration state:', audioDuration);
 
   // Waveform: fake bars
   const waveformBars = 120;