diff --git a/jam-ui/src/components/client/JKSessionScreen.js b/jam-ui/src/components/client/JKSessionScreen.js index a1d53294a..8db00b0cd 100644 --- a/jam-ui/src/components/client/JKSessionScreen.js +++ b/jam-ui/src/components/client/JKSessionScreen.js @@ -190,6 +190,16 @@ const JKSessionScreen = () => { const backingTrackData = useSelector(selectBackingTrackData); const showBackingTrackPlayer = Boolean(backingTrackData); + // Debug backing track display + useEffect(() => { + console.log('[SESSION_SCREEN] Backing track display check:', { + showBackingTrackPlayer, + backingTrackData, + 'mixerHelper.backingTracks': mixerHelper.backingTracks, + 'mixerHelper.backingTracks?.length': mixerHelper.backingTracks?.length + }); + }, [showBackingTrackPlayer, backingTrackData, mixerHelper.backingTracks]); + // Stable callback for backing track popup close const handleBackingTrackClose = useCallback(() => { console.log('JKSessionScreen: Backing Track Popup closing'); diff --git a/jam-ui/src/hooks/useSessionWebSocket.js b/jam-ui/src/hooks/useSessionWebSocket.js index 49bce1d8a..34fe9daf8 100644 --- a/jam-ui/src/hooks/useSessionWebSocket.js +++ b/jam-ui/src/hooks/useSessionWebSocket.js @@ -120,10 +120,14 @@ export const useSessionWebSocket = (sessionId) => { // Phase 5: Mixer and Media events MIXER_CHANGES: (sessionMixers) => { - console.log('Mixer changes received:', sessionMixers); + console.log('[MIXER_CHANGES] Received:', sessionMixers); const session = sessionMixers.session; const mixers = sessionMixers.mixers; + console.log('[MIXER_CHANGES] Backing tracks in payload:', mixers.backingTracks); + console.log('[MIXER_CHANGES] Jam tracks in payload:', mixers.jamTracks); + console.log('[MIXER_CHANGES] Recorded tracks in payload:', mixers.recordedTracks); + // Update media summary if (mixers.mediaSummary) { dispatch(updateMediaSummary(mixers.mediaSummary));