fix chat history display

app.py

@@ -30,12 +30,17 @@ def chat_with_gpt(user_input, system_message, temperature, history):
     history.append({"role": "assistant", "content": assistant_message})
 
     # Convert history to the format expected by gr.Chatbot
-    # Note: Gradio Chatbot automatically aligns user messages to the right and assistant messages to the left
-    formatted_history = [(msg["content"], "user" if msg["role"] == "user" else "assistant") for msg in history]
+    formatted_history = []
+    for msg in history:
+        if msg["role"] == "user":
+            formatted_history.append([msg["content"], None])
+        else:  # msg["role"] == "assistant"
+            formatted_history.append([None, msg["content"]])
     
     return formatted_history, history
 
 
+
 def reset_history(system_message):
     # Return an empty conversation history
     return [], []