Update app.py

app.py

@@ -109,32 +109,108 @@ class AIShoppingAnalyzer:
             if specific_product:
                 query += f"\n5. Detailed analysis of this specific product: {specific_product}"
 
-            # Initialize agents
+            # Initialize agents with automatic browser management
             websurfer = self.create_websurfer()
             assistant = self.create_assistant()
 
             # Create team
             team = self.create_team(websurfer, assistant)
-
-            # Run the analysis
-            result = []
-            async for message in team.run_stream(task=query):
-                result.append(message)
             
-            return "\n".join(result)
+            # Modified execution to handle EOF errors
+            try:
+                result = []
+                async for message in team.run_stream(task=query):
+                    if isinstance(message, str):
+                        result.append(message)
+                    else:
+                        result.append(str(message))
+                return "\n".join(result)
+            except EOFError:
+                return "Analysis completed with some limitations. Please try again if results are incomplete."
+            except Exception as e:
+                return f"Analysis error: {str(e)}"
 
-        except Exception as e:
-            return f"Analysis error: {str(e)}"
         finally:
             if websurfer:
                 try:
                     await websurfer.close()
                 except Exception as e:
-                    return f"Cleanup error: {str(e)}"
+                    print(f"Cleanup error: {str(e)}")
+                    # Continue even if cleanup fails
 
 def create_gradio_interface() -> gr.Interface:
     """Create the Gradio interface for the AI Shopping Analyzer"""
     
+    css = """
+    @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
+    
+    body { 
+        font-family: 'Open Sans', sans-serif !important; 
+    }
+    
+    .dashboard-container { 
+        border: 1px solid #e0e5ff; 
+        border-radius: 8px; 
+        background-color: #ffffff;
+    }
+    
+    .token-header { 
+        font-size: 1.25rem; 
+        font-weight: 600; 
+        margin-top: 1rem; 
+        margin-bottom: 0.5rem;
+    }
+    
+    .feature-button { 
+        display: inline-block; 
+        margin: 0.25rem; 
+        padding: 0.5rem 1rem; 
+        background-color: #f3f4f6; 
+        border: 1px solid #e5e7eb; 
+        border-radius: 0.375rem; 
+        font-size: 0.875rem;
+    }
+    
+    .feature-button:hover { 
+        background-color: #e5e7eb;
+    }
+    
+    /* Custom styling for form elements */
+    .gr-form {
+        background: transparent !important;
+        border: none !important;
+        box-shadow: none !important;
+    }
+    
+    .gr-input, .gr-textarea {
+        border: 1px solid #e5e7eb !important;
+        border-radius: 6px !important;
+        padding: 8px 12px !important;
+        font-size: 14px !important;
+        transition: all 0.2s !important;
+    }
+    
+    .gr-input:focus, .gr-textarea:focus {
+        border-color: #4c4ce3 !important;
+        outline: none !important;
+        box-shadow: 0 0 0 2px rgba(76, 76, 227, 0.2) !important;
+    }
+    
+    .gr-button {
+        background-color: #4c4ce3 !important;
+        color: white !important;
+        border-radius: 6px !important;
+        padding: 8px 16px !important;
+        font-size: 14px !important;
+        font-weight: 600 !important;
+        transition: all 0.2s !important;
+    }
+    
+    .gr-button:hover {
+        background-color: #3a3ab8 !important;
+    }
+    """
+    
     def validate_api_key(api_key: str) -> bool:
         """Validate the OpenAI API key format"""
         return api_key.startswith("sk-") and len(api_key) > 20