Allow video sync from any playback position, not just 0:00

"Set from line" now maps the selected log line to the current video
time instead of always assuming video start. This lets users pause at
any point, click the matching log line, and sync directly.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: ozgesolidkey

src/renderer/index.html

@@ -416,8 +416,8 @@ <h2>LOGAN</h2>
           </div>
           <div class="video-sync-bar">
             <label class="video-sync-label">Sync:</label>
-            <input type="text" id="video-sync-input" class="video-sync-input" placeholder="Timestamp at video 0:00" title="Enter the log timestamp that corresponds to video start (0:00)">
-            <button id="btn-video-sync-from-line" class="video-sync-btn" title="Use selected line's timestamp">Set from line</button>
+            <input type="text" id="video-sync-input" class="video-sync-input" placeholder="Log timestamp at video start" title="Enter the log timestamp that corresponds to video start (0:00)">
+            <button id="btn-video-sync-from-line" class="video-sync-btn" title="Sync selected line to current video time">Set from line</button>
             <span id="video-sync-status" class="video-sync-status"></span>
           </div>
         </div>

src/renderer/renderer.ts

@@ -4756,14 +4756,22 @@ function setVideoSyncFromCurrentLine(): void {
       setTimeout(() => { elements.videoSyncStatus.textContent = ''; }, 3000);
       return;
     }
-    state.videoSyncOffsetMs = result.epochMs;
+    const currentVideoTimeMs = (elements.videoElement.currentTime || 0) * 1000;
+    state.videoSyncOffsetMs = result.epochMs - currentVideoTimeMs;
     elements.videoSyncInput.value = result.timestampStr || '';
-    elements.videoSyncStatus.textContent = 'Sync set from line ' + (state.selectedLine! + 1);
+    const videoTimeStr = formatVideoTime(elements.videoElement.currentTime || 0);
+    elements.videoSyncStatus.textContent = 'Sync set: line ' + (state.selectedLine! + 1) + ' → ' + videoTimeStr;
     setTimeout(() => { elements.videoSyncStatus.textContent = ''; }, 3000);
     saveVideoState();
   });
 }
 
+function formatVideoTime(seconds: number): string {
+  const mins = Math.floor(seconds / 60);
+  const secs = Math.floor(seconds % 60);
+  return mins + ':' + String(secs).padStart(2, '0');
+}
+
 function saveVideoState(): void {
   // Save to LocalFileData via the existing persistence mechanism
   if (!state.filePath) return;