add user flow control

app.py

@@ -113,8 +113,8 @@ def embed_youtube(youtube_url):
 
 def clear_on_audio_input(audio):
     if audio is not None:
-        return "", gr.update(value="", visible=False), ""
-    return gr.update(), gr.update(), gr.update()
+        return "", gr.update(value="", visible=False), "", gr.update(interactive=True)
+    return gr.update(), gr.update(), gr.update(), gr.update(interactive=False)
 
 # Create the Gradio interface with improved aesthetics
 with gr.Blocks(theme=gr.themes.Soft()) as demo:
@@ -135,21 +135,21 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
                 lines=10
             )
 
-    run_button = gr.Button("🚀 Transcribe Audio", variant="primary")
+    run_button = gr.Button("🚀 Transcribe Audio", variant="primary", interactive=False)
     run_button.click(run_asr, inputs=[audio_input, youtube_input, timestamp_toggle, model_choice], outputs=[result])
 
-    # Update video player and clear transcription and audio input when YouTube URL is entered
+    # Update video player, clear transcription and audio input, and enable run button when YouTube URL is entered
     youtube_input.change(
-        fn=embed_youtube,
+        fn=lambda url: (*embed_youtube(url), gr.update(interactive=bool(url))),
         inputs=[youtube_input],
-        outputs=[video_player, result, audio_input]
+        outputs=[video_player, result, audio_input, run_button]
     )
 
-    # Clear transcription, YouTube input, and video player when audio is input
+    # Clear transcription, YouTube input, video player, and update run button when audio is input
     audio_input.change(
         fn=clear_on_audio_input,
         inputs=[audio_input],
-        outputs=[result, video_player, youtube_input]
+        outputs=[result, video_player, youtube_input, run_button]
     )
 
     gr.Markdown("### How to use:")