Update src/components/ControlPlinth.tsx

src/components/ControlPlinth.tsx

@@ -35,12 +35,12 @@ const ControlPlinth: React.FC<ControlPlinthProps> = ({ tracks, audioControls })
     getPreviousTrack
   } = useNexusStore()
 
-  // Load initial track and auto-start playback
+  // Load initial track (auto-start is now handled by LivingNexusApp)
   useEffect(() => {
     const loadInitialTrack = async () => {
       if (tracks.length > 0 && !playback.currentTrack) {
         try {
-          console.log('Loading initial track:', tracks[0].title)
+          console.log('Loading initial track for controls:', tracks[0].title)
           
           // Test basic audio playback first
           if (audioControls.testAudioPlayback) {
@@ -58,25 +58,7 @@ const ControlPlinth: React.FC<ControlPlinthProps> = ({ tracks, audioControls })
           
           setCurrentTrack(tracks[0])
           await audioControls.loadTrack(tracks[0])
-          console.log('Initial track loaded successfully')
-          
-          // Auto-start playback if autoplay is enabled (with small delay for better browser compatibility)
-          if (autoPlayEnabled) {
-            setTimeout(async () => {
-              try {
-                console.log('🎵 Attempting auto-start playback...')
-                await audioControls.play()
-                setIsPlaying(true)
-                console.log('✅ Auto-start playback successful')
-              } catch (autoplayError) {
-                console.warn('⚠️ Autoplay blocked by browser policy:', autoplayError)
-                console.log('💡 User interaction required to start audio - showing play button')
-                // Don't set error state, just let user manually start
-              }
-            }, 500) // 500ms delay to ensure full initialization
-          } else {
-            console.log('ℹ️ Autoplay disabled - track loaded but not playing')
-          }
+          console.log('Initial track loaded successfully (auto-start handled by main app)')
         } catch (error) {
           console.error('Failed to load initial track:', error)
           setIsTestingAudio(false)
@@ -85,7 +67,7 @@ const ControlPlinth: React.FC<ControlPlinthProps> = ({ tracks, audioControls })
     }
 
     loadInitialTrack()
-  }, [tracks, playback.currentTrack, setCurrentTrack, audioControls, autoPlayEnabled, setIsPlaying])
+  }, [tracks, playback.currentTrack, setCurrentTrack, audioControls, setIsTestingAudio])
 
   const handlePlayPause = async () => {
     if (!playback.currentTrack) {