From 491c0a68e08df7d772687ce26e75e44f6335fa43 Mon Sep 17 00:00:00 2001
From: Nuwan <nuwanchaturanga@gmail.com>
Date: Tue, 13 Jan 2026 23:39:54 +0530
Subject: [PATCH] feat(02-01): wire slider to reflect current position

Update seek slider inputs in both popup and modal versions to use
currentPositionMs state for value and durationMs for max range.
Slider now reflects live playback position and updates automatically
during playback via polling useEffect.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 .../src/components/client/JKSessionBackingTrackPlayer.js  | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/jam-ui/src/components/client/JKSessionBackingTrackPlayer.js b/jam-ui/src/components/client/JKSessionBackingTrackPlayer.js
index 5fa15c5d9..7af5fb5fb 100644
--- a/jam-ui/src/components/client/JKSessionBackingTrackPlayer.js
+++ b/jam-ui/src/components/client/JKSessionBackingTrackPlayer.js
@@ -267,8 +267,8 @@ const JKSessionBackingTrackPlayer = ({
                   <input
                     type="range"
                     min="0"
-                    max="100"
-                    value="0"
+                    max={durationMs || 100}
+                    value={currentPositionMs}
                     onChange={handleSeek}
                     style={{ flex: 1 }}
                     disabled={!backingTrack}
@@ -362,8 +362,8 @@ const JKSessionBackingTrackPlayer = ({
               <input
                 type="range"
                 min="0"
-                max="100"
-                value="0"
+                max={durationMs || 100}
+                value={currentPositionMs}
                 onChange={handleSeek}
                 style={{ flex: 1 }}
                 disabled={!backingTrack}