Update app.py

app.py

@@ -530,6 +530,28 @@ def main():
                 )
 
 
+        # --- Chatbot, User Input, Audio Output definitions (moved to be before button event handlers) ---
+        chatbot = gr.Chatbot(
+            [],
+            elem_id="chatbot",
+            bubble_full_width=False,
+            height=650
+        )
+
+        user_input = gr.Textbox(
+            "",
+            placeholder="Type response here... or record audio",
+            elem_id="user-input",
+            show_label=False,
+        )
+
+        audio_output = gr.Audio(
+            autoplay=True,
+            streaming=False
+        )
+        # --- End of Chatbot, User Input, Audio Output definitions ---
+
+
         # --- Gradio callback functions ---
 
         def start_interview():
@@ -600,37 +622,41 @@ def main():
         # --- Wire up the event handlers ---
 
         # 1) Start button
+        start_btn = gr.Button("Start Interview", variant="primary") # Define start_btn here
         start_btn.click(
             start_interview,
             inputs=[],
-            outputs=[chatbot, user_input, audio_output]
+            outputs=[chatbot, user_input, audio_output] # Now chatbot, user_input, audio_output are defined
         )
 
         # 2) Audio: when recording stops
+        audio_input = gr.Audio(sources=["microphone"], streaming=False, type="filepath", label="Record Audio") # Define audio_input here, before use
         audio_input.stop_recording(
             interview_step_wrapper,
             inputs=[user_input, audio_input, chatbot],
-            outputs=[chatbot, user_input, audio_output]
+            outputs=[chatbot, user_input, audio_output] # chatbot, user_input, audio_output are defined
         )
 
         # 3) Submit button
+        submit_btn = gr.Button("Submit", variant="primary") # Define submit_btn here
         submit_btn.click(
             interview_step_wrapper,
             inputs=[user_input, audio_input, chatbot],
-            outputs=[chatbot, user_input, audio_output]
+            outputs=[chatbot, user_input, audio_output] # chatbot, user_input, audio_output are defined
         )
         # 4) User input textbox submits (Enter key)
-        user_input.submit(
+        user_input.submit( # user_input is defined
             on_enter_submit,
-            inputs=[chatbot, user_input],
-            outputs=[chatbot, user_input, audio_output]
+            inputs=[chatbot, user_input], # chatbot, user_input are defined
+            outputs=[chatbot, user_input, audio_output] # chatbot, user_input, audio_output are defined
         )
 
         # 5) Clear button
+        clear_btn = gr.Button("Clear Chat") # Define clear_btn here
         clear_btn.click(
             clear_chat,
             inputs=[],
-            outputs=[chatbot, user_input, audio_output]
+            outputs=[chatbot, user_input, audio_output] # chatbot, user_input, audio_output are defined
         )