Update app.py

app.py

@@ -212,15 +212,23 @@ with gr.Blocks(css="""
     background_btn.click(save_background, inputs=[background, user_profile], outputs=[background_output, user_profile])
 
     # Step 3 - Chatbot Mode Selection
-    gr.Markdown("### Choose Chat Mode")
-    with gr.Row():
-        gr.Button("Text-Based")  # You can build voice & webcam later :)
-
-    # Chat interface
-    chatbot = gr.Chatbot(label="Interview Chat")
-    msg = gr.Textbox(label="Type 'start' to begin")
-    send_btn = gr.Button("Send")
-    send_btn.click(respond, inputs=[msg, chat_history, user_profile], outputs=[chatbot], queue=False)
-    send_btn.click(lambda: "", None, msg, queue=False)
+    # Step 3 - Chatbot Mode Selection
+# Step 3 - Chatbot Mode Selection
+    gr.Markdown("### Step 3: Choose Chat Mode")
+    
+    with gr.Tabs():
+        with gr.Tab("Text Mode"):
+            chatbot_text = gr.Chatbot(label="Interview Chat (Text Mode)")
+            msg = gr.Textbox(label="Type 'start' to begin")
+            send_btn = gr.Button("Send")
+            send_btn.click(respond, inputs=[msg, chat_history, user_profile], outputs=[chatbot_text], queue=False)
+            send_btn.click(lambda: "", None, msg, queue=False)
+    
+        with gr.Tab("Audio Mode"):
+            chatbot_audio = gr.Chatbot(label="Interview Chat (Audio Mode)")
+            audio_input = gr.Audio(source="microphone", type="filepath", label="Record Your Answer")
+            audio_btn = gr.Button("Send Audio")
+            audio_btn.click(handle_audio, inputs=[audio_input, chat_history, user_profile], outputs=[chatbot_audio], queue=False)
+
 
 demo.launch()