Update app.py

app.py

@@ -30,6 +30,7 @@ with gr.Blocks(title="RNG Spotify Playlist Shuffler") as demo:
 
     with gr.Column():
         login_button = gr.Button("🔐 Step 1: Login to Spotify")
+        login_link = gr.Markdown(f"[Click here to login to Spotify]({auth_url})", visible=False)
         code_box = gr.Textbox(label="Step 2: Paste authorization code", placeholder="...?code=ABC123", visible=False)
         authorize_button = gr.Button("✅ Step 3: Complete Authorization", visible=False)
         login_status = gr.Markdown(visible=False)
@@ -37,9 +38,6 @@ with gr.Blocks(title="RNG Spotify Playlist Shuffler") as demo:
         shuffle_button = gr.Button("🔀 Step 5: Shuffle and Play", visible=False)
         result_box = gr.Markdown(visible=False)
 
-    # Open Spotify login in a new tab
-    login_button.click(js=f"() => window.open('{auth_url}', '_blank')")
-
     def check_login(code):
         global sp, user_playlists
         if not code:
@@ -97,11 +95,11 @@ with gr.Blocks(title="RNG Spotify Playlist Shuffler") as demo:
     )
 
     def show_authorize_inputs():
-        return gr.update(visible=True), gr.update(visible=True)
+        return gr.update(visible=True), gr.update(visible=True), gr.update(visible=True)
 
     login_button.click(
         fn=show_authorize_inputs,
-        outputs=[code_box, authorize_button],
+        outputs=[login_link, code_box, authorize_button],
         show_progress=False
     )