Update app.py

app.py

@@ -1229,7 +1229,7 @@ class ARFUltimateInvestorDemo:
         }
         """
         
-        with gr.Blocks(css=css, theme=gr.themes.Soft()) as demo:
+        with gr.Blocks() as demo:
             
             # ============ HEADER ============
             with gr.Column(elem_classes="dashboard-header"):
@@ -1340,13 +1340,14 @@ class ARFUltimateInvestorDemo:
                                 refresh_history_btn = gr.Button("🔄 Refresh History", variant="secondary", size="sm")
                                 clear_history_btn = gr.Button("🗑️ Clear History", variant="stop", size="sm")
                             
+                            # Fixed: Remove height parameter from Dataframe
                             incident_history_table = gr.Dataframe(
                                 label="Incident Log",
                                 headers=["Time", "Service", "Type", "Severity", "Description"],
                                 datatype=["str", "str", "str", "str", "str"],
                                 col_count=(5, "fixed"),
-                                height=300,
-                                value=[]
+                                interactive=False,
+                                wrap=True
                             )
                             
                             gr.Markdown("### 📊 Incident Timeline")
@@ -1360,13 +1361,14 @@ class ARFUltimateInvestorDemo:
                                 refresh_executions_btn = gr.Button("🔄 Refresh Executions", variant="secondary", size="sm")
                                 export_audit_btn = gr.Button("📥 Export Audit Trail", variant="secondary", size="sm")
                             
+                            # Fixed: Remove height parameter from Dataframe
                             execution_history_table = gr.Dataframe(
                                 label="Execution Audit Trail",
                                 headers=["Time", "Scenario", "Actions", "Status", "Time Saved", "Cost Saved"],
                                 datatype=["str", "str", "str", "str", "str", "str"],
                                 col_count=(6, "fixed"),
-                                height=300,
-                                value=[]
+                                interactive=False,
+                                wrap=True
                             )
                             
                             gr.Markdown("### 📈 Execution History Chart")
@@ -1844,11 +1846,49 @@ def main():
     app = ARFUltimateInvestorDemo()
     demo = app.create_demo_interface()
     
+    # Apply CSS and theme through launch() instead
     demo.launch(
         server_name="0.0.0.0",
         server_port=7860,
         share=False,
-        debug=True
+        debug=True,
+        css="""
+        .gradio-container {
+            max-width: 1400px !important;
+            margin: 0 auto !important;
+        }
+        .dashboard-header {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            padding: 2rem;
+            border-radius: 10px;
+            margin-bottom: 2rem;
+            color: white;
+        }
+        .metric-card {
+            background: white;
+            padding: 1.5rem;
+            border-radius: 10px;
+            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+            margin-bottom: 1rem;
+            border-left: 4px solid #667eea;
+        }
+        .enterprise-card {
+            border-left: 4px solid #10b981;
+        }
+        .oss-card {
+            border-left: 4px solid #f59e0b;
+        }
+        .history-card {
+            border-left: 4px solid #3b82f6;
+        }
+        .success { color: #10b981; }
+        .warning { color: #f59e0b; }
+        .error { color: #ef4444; }
+        .info { color: #3b82f6; }
+        .demo-button {
+            margin: 5px;
+        }
+        """
     )
 
 if __name__ == "__main__":