Update ui/gradio_interface.py

ui/gradio_interface.py

@@ -43,7 +43,8 @@ class DebugGenieUI:
             # Validate inputs
             if not error_text and screenshot is None:
                 return (
-                    [["❌ Error", "Please provide either an error message or a screenshot."]],
+                    [{"role": "user", "content": "Analyze error"}, 
+                     {"role": "assistant", "content": "❌ Error: Please provide either an error message or a screenshot."}],
                     "<div>No analysis performed.</div>",
                     "<div>No visualization available.</div>",
                     None,
@@ -149,7 +150,8 @@ class DebugGenieUI:
         except Exception as e:
             logger.error(f"Analysis failed: {e}")
             return (
-                [[f"❌ Error", f"Analysis failed: {str(e)}"]],
+                [{"role": "user", "content": "Analyze error"}, 
+                 {"role": "assistant", "content": f"❌ Error: Analysis failed: {str(e)}"}],
                 f"<div class='error'>Error: {str(e)}</div>",
                 "<div>Visualization unavailable</div>",
                 None,
@@ -193,24 +195,8 @@ def create_interface(backend: DebugBackend):
     """Create the main Gradio interface."""
     ui = DebugGenieUI(backend)
     
-    with gr.Blocks(
-        title="DebugGenie 🧞",
-        theme=gr.themes.Soft(
-            primary_hue="blue",
-            secondary_hue="purple"
-        ),
-        css="""
-        .gradio-container {
-            font-family: 'Inter', sans-serif;
-        }
-        .error {
-            color: red;
-            padding: 16px;
-            background: #fee;
-            border-radius: 8px;
-        }
-        """
-    ) as demo:
+    # Create Blocks without theme, css parameters (moved to launch)
+    with gr.Blocks() as demo:
         
         gr.Markdown(
             """
@@ -265,6 +251,7 @@ def create_interface(backend: DebugBackend):
                 
                 with gr.Tabs():
                     with gr.Tab("💬 Chat"):
+                        # Updated to use type="messages" (default in Gradio 6)
                         chatbot = gr.Chatbot(
                             height=500,
                             type="messages",
@@ -296,7 +283,7 @@ def create_interface(backend: DebugBackend):
                         autoplay=False
                     )
         
-        # Examples
+        # Examples - Updated to use messages format
         gr.Examples(
             examples=[
                 [
@@ -334,9 +321,26 @@ if __name__ == "__main__":
     # Default to local backend for direct execution
     backend = LocalBackend()
     demo = create_interface(backend)
+    
+    # Launch with theme and css parameters (moved from Blocks constructor)
     demo.launch(
         server_name="127.0.0.1",
         server_port=7860,
         share=False,
-        show_error=True
-    )
+        show_error=True,
+        theme=gr.themes.Soft(
+            primary_hue="blue",
+            secondary_hue="purple"
+        ),
+        css="""
+        .gradio-container {
+            font-family: 'Inter', sans-serif;
+        }
+        .error {
+            color: red;
+            padding: 16px;
+            background: #fee;
+            border-radius: 8px;
+        }
+        """
+    )