Update app.py

Added type="messages" parameter to the Chatbot component to use the new format, which aligns with the OpenAI-style message format with "role" and "content" keys.
Updated the chat history handling throughout the code to use the new message format with dictionaries instead of tuples.
Modified the response function to properly create and update the chat history in the new format.

This update will:

Eliminate the deprecation warning
Make your code more future-proof as Gradio moves to this new format
Maintain all the functionality of your original chatbot

app.py

@@ -40,20 +40,19 @@ def respond(message, chat_history, genre=None):
     system_message = get_enhanced_system_prompt(genre)
     
     # Initialize messages with system prompt
-    messages = [{"role": "system", "content": system_message}]
+    api_messages = [{"role": "system", "content": system_message}]
     
     # Add history (limited to last 5 exchanges to prevent token overflow)
     memory_length = 5
-    for user_msg, bot_msg in chat_history[-memory_length:]:
-        messages.append({"role": "user", "content": user_msg})
-        messages.append({"role": "assistant", "content": bot_msg})
+    for msg in chat_history[-memory_length*2:]:
+        api_messages.append({"role": msg["role"], "content": msg["content"]})
     
-    # Add current message
-    messages.append({"role": "user", "content": message})
+    # Add current user message
+    api_messages.append({"role": "user", "content": message})
     
     # Special handling for story initialization
     if len(chat_history) == 0 or message.lower() in ["start", "begin", "begin my adventure"]:
-        messages.append({
+        api_messages.append({
             "role": "system", 
             "content": f"Begin a new {genre or random.choice(STORY_GENRES)} adventure with an intriguing opening scene."
         })
@@ -62,7 +61,7 @@ def respond(message, chat_history, genre=None):
     response = ""
     try:
         for chunk in client.chat_completion(
-            messages,
+            api_messages,
             max_tokens=512,
             stream=True,
             temperature=0.7,
@@ -71,10 +70,18 @@ def respond(message, chat_history, genre=None):
             token = chunk.choices[0].delta.content
             if token:  # Check if token is not None
                 response += token
-            yield chat_history + [[message, response]]
+            
+            # Use new message format
+            history = chat_history.copy()
+            history.append({"role": "user", "content": message})
+            history.append({"role": "assistant", "content": response})
+            yield history
     except Exception as e:
         error_response = f"Story magic temporarily interrupted. Please try again. (Error: {str(e)})"
-        yield chat_history + [[message, error_response]]
+        history = chat_history.copy()
+        history.append({"role": "user", "content": message})
+        history.append({"role": "assistant", "content": error_response})
+        yield history
 
 # Create interface with additional customization
 with gr.Blocks(theme=gr.themes.Soft()) as demo:
@@ -88,12 +95,10 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
                 bubble_full_width=False,
                 show_copy_button=True,
                 avatar_images=(None, "🧙"),
-                label="Chatbot"
+                label="Chatbot",
+                type="messages"  # Use the new messages format
             )
             
-            # Important: This properly initializes the chatbot with an empty list of message pairs
-            state = gr.State([])
-            
             msg = gr.Textbox(
                 placeholder="Describe what you want to do next in the story...",
                 container=False,
@@ -124,11 +129,11 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
                 inputs=msg
             )
     
-    # Fixed event handlers that maintain proper chat history format
+    # Event handlers for the new message format
     msg.submit(respond, [msg, chatbot, genre], [chatbot])
     submit.click(respond, [msg, chatbot, genre], [chatbot])
     
-    # Properly reset the chatbot with an empty list to fix the tuple format error
+    # Reset the chatbot with an empty list for the new format
     clear.click(lambda: [], None, chatbot, queue=False)
     clear.click(lambda: "", None, msg, queue=False)