Update app.py

app.py

@@ -58,9 +58,11 @@ def chat_fn(message, history, mode, model, image, include_ascii):
     system_prompt = MODE_PROMPTS.get(mode, MODE_PROMPTS["Normal Chat"])
     messages = [{"role": "system", "content": system_prompt}]
 
-    # 2. Append history (Gradio 4.x 'messages' format is already compatible with Groq)
-    # History comes in as: [{'role': 'user', 'content': '...'}, {'role': 'assistant', 'content': '...'}]
-    messages.extend(history)
+    # 2. Convert Gradio's history (list of lists) to Groq's format (list of dicts)
+    if history:
+        for user_msg, bot_msg in history:
+            if user_msg: messages.append({"role": "user", "content": str(user_msg)})
+            if bot_msg: messages.append({"role": "assistant", "content": str(bot_msg)})
 
     # 3. Process current input
     user_input_text = str(message).strip()
@@ -88,8 +90,8 @@ with gr.Blocks() as demo:
         mode_dd = gr.Dropdown(choices=list(MODE_PROMPTS.keys()), value="Normal Chat", label="Mode")
         model_dd = gr.Dropdown(choices=["llama-3.1-8b-instant", "llama-3.1-70b-versatile"], value=DEFAULT_MODEL, label="Model")
 
-    # FIX 1: Explicitly set type="messages"
-    chatbot = gr.Chatbot(height=450, type="messages")
+    # Force classic tuple format for history
+    chatbot = gr.Chatbot(height=450, type="tuple")
 
     with gr.Row():
         user_input = gr.Textbox(placeholder="Ask anything...", show_label=False, scale=4)
@@ -102,9 +104,8 @@ with gr.Blocks() as demo:
         # 1. Get the bot's response
         bot_message = chat_fn(msg, chat_history, mode, model, img, ascii_on)
         
-        # FIX 2: Append dictionaries, not lists
-        chat_history.append({"role": "user", "content": msg})
-        chat_history.append({"role": "assistant", "content": bot_message})
+        # 2. Append the new interaction as a TUPLE (user, bot)
+        chat_history.append((msg, bot_message))
         
         # 3. Return history and clear the input box
         return chat_history, ""