Update app.py

app.py

@@ -187,7 +187,7 @@ with gr.Blocks(theme=theme, css="""
       flex-shrink: 0;
       margin-top: 0.5rem;
       display: flex;
-      justify-content: center;
+      justify-content: stretch;
       align-items: flex-end;
       gap: 10px;
       max-width: 700px;
@@ -227,13 +227,14 @@ with gr.Blocks(theme=theme, css="""
    }
   
   .send-button {
-      border-radius: 50% !important;
-      width: 50px !important;
-      height: 50px !important;
-      display: flex !important;
-      align-items: center !important;
-      justify-content: center !important;
-      flex-shrink: 0 !important;
+    border-radius: 50% !important;
+    width: 50px !important;
+    height: 50px !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    flex-shrink: 0 !important;
+    align-self: flex-end !important;
   }
   
   @media (max-width: 768px) {
@@ -297,12 +298,20 @@ with gr.Blocks(theme=theme, css="""
           send_btn = gr.Button("📤", variant="primary", elem_classes=["send-button"])
   
   def respond_and_update(message, history):
-      for response in respond_with_enhanced_streaming(message, history):
-          history.append([message, response])
-          yield history, ""
-      
-  msg.submit(respond_and_update, [msg, chatbot], [chatbot, msg])
-  send_btn.click(respond_and_update, [msg, chatbot], [chatbot, msg])
+    # Add the user's message to history with a placeholder for the bot's response
+    history.append([message, None])
+    
+    # This first yield makes the user's message appear immediately
+    yield history, "" 
+
+    full_response = ""
+    # Stream the bot's full response
+    for response_chunk in respond_with_enhanced_streaming(message, history):
+        full_response = response_chunk
+        # Continuously update the bot's message in the last row of history
+        history[-1][1] = full_response
+        # Yield the updated history and clear the input textbox
+        yield history, ""
 
 if __name__ == "__main__":
   logger.info("Starting EduBot...")