Update app.py

app.py

@@ -138,13 +138,22 @@ with gr.Blocks(theme, css="""
             code_message = gr.Label(label="Status", elem_id="code_message")
 
     with gr.Tab("Chat"):
-        chatbot = gr.Chatbot(label="Conversation", height=340)  # Adjust the height as needed
-        msg = gr.Textbox(
-            label=f"Chat with {coach_name_short}", 
-            placeholder="Type your message here... (MAX: 1000 characters)",
-            interactive=False
-        )
-        submit = gr.Button("Submit Message", interactive=False)
+        chatbot = gr.Chatbot(label="Conversation", height=340, autoscroll=True)
+        with gr.Row():
+            msg = gr.Textbox(
+                label=f"Chat with {coach_name_short}", 
+                placeholder="Type your message here... (MAX: 1000 characters)",
+                interactive=False
+            )
+            submit = gr.Button("Submit Message", interactive=False, variant="primary", scale=0.15)
+
+    # In your predict function or wherever you handle the submit action
+    submit.click(
+        predict,
+        inputs=[msg, chatbot, access_granted],
+        outputs=[chatbot, msg],
+        scroll_to_output=True
+    )
 
     def submit_code(code, access_granted):
         success, _, _, message = verify_code(code, access_granted)