Update hf_demo.py

hf_demo.py

@@ -1,6 +1,6 @@
 """
 ARF OSS v3.3.9 - Enterprise Lead Generation Engine
-Single file for Hugging Face Spaces with real ARF OSS components
+Compatible with Gradio 4.44.1 and Pydantic V2
 """
 
 import os
@@ -19,10 +19,10 @@ from dataclasses import dataclass, asdict
 from enum import Enum
 
 import gradio as gr
-from fastapi import FastAPI, HTTPException, Depends, Header
+from fastapi import FastAPI, HTTPException, Depends
 from fastapi.middleware.cors import CORSMiddleware
 from fastapi.security import HTTPBearer, HTTPAuthorizationCredentials
-from pydantic import BaseModel, Field, validator
+from pydantic import BaseModel, Field, field_validator  # Changed from validator
 from gradio import mount_gradio_app
 
 # ============== CONFIGURATION ==============
@@ -676,8 +676,10 @@ class ActionRequest(BaseModel):
     user_role: str = "devops"
     session_id: Optional[str] = None
     
-    @validator('proposedAction')
-    def validate_action(cls, v):
+    # FIXED: Using Pydantic V2 field_validator instead of deprecated validator
+    @field_validator('proposedAction')
+    @classmethod
+    def validate_action(cls, v: str) -> str:
         if len(v.strip()) == 0:
             raise ValueError('Action cannot be empty')
         return v
@@ -922,51 +924,12 @@ async def health_check():
 def create_lead_gen_ui():
     """Professional lead generation interface"""
     
-    with gr.Blocks(
-        title="ARF OSS - Enterprise Reliability Intelligence",
-        theme=gr.themes.Soft(primary_hue="blue", secondary_hue="indigo"),
-        css="""
-        .gradio-container { max-width: 1200px !important; margin: auto !important; }
-        .lead-card { 
-            padding: 2rem; 
-            border-radius: 1rem; 
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            color: white;
-            text-align: center;
-        }
-        .feature-grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-            gap: 1rem;
-            margin: 2rem 0;
-        }
-        .feature-item {
-            padding: 1.5rem;
-            border-radius: 0.5rem;
-            background: #f8f9fa;
-            border-left: 4px solid #667eea;
-        }
-        .cta-button {
-            background: white;
-            color: #667eea;
-            padding: 1rem 2rem;
-            border-radius: 2rem;
-            font-weight: bold;
-            text-decoration: none;
-            display: inline-block;
-            margin: 0.5rem;
-            transition: transform 0.2s;
-        }
-        .cta-button:hover {
-            transform: translateY(-2px);
-            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
-        }
-        """
-    ) as ui:
+    # FIXED: Moved theme and css to launch() method
+    with gr.Blocks(title="ARF OSS - Enterprise Reliability Intelligence") as ui:
         
         # Header
         gr.HTML(f"""
-        <div class="lead-card">
+        <div style="padding: 2rem; border-radius: 1rem; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; text-align: center;">
             <h1 style="font-size: 3em; margin-bottom: 0.5rem;">🤖 ARF OSS v3.3.9</h1>
             <h2 style="font-size: 1.5em; font-weight: 300; margin-bottom: 2rem;">
                 Real Bayesian Reliability Intelligence
@@ -992,39 +955,48 @@ def create_lead_gen_ui():
                 """)
         
         # Features Grid
-        gr.HTML("""
-        <div class="feature-grid">
-            <div class="feature-item">
-                <h4>🧮 True Bayesian Inference</h4>
-                <p>Beta-Binomial conjugate priors with evidence updates</p>
-            </div>
-            <div class="feature-item">
-                <h4>🛡️ Deterministic Policies</h4>
-                <p>5 mechanical gates with live configuration</p>
-            </div>
-            <div class="feature-item">
-                <h4>💾 Persistent RAG Memory</h4>
-                <p>SQLite + vector embeddings for incident recall</p>
-            </div>
-            <div class="feature-item">
-                <h4>📊 Lead Intelligence</h4>
-                <p>Automatic enterprise signal detection</p>
-            </div>
-        </div>
-        """)
+        with gr.Row():
+            with gr.Column():
+                gr.HTML("""
+                <div style="padding: 1.5rem; border-radius: 0.5rem; background: #f8f9fa; border-left: 4px solid #667eea; height: 100%;">
+                    <h4>🧮 True Bayesian Inference</h4>
+                    <p>Beta-Binomial conjugate priors with evidence updates</p>
+                </div>
+                """)
+            with gr.Column():
+                gr.HTML("""
+                <div style="padding: 1.5rem; border-radius: 0.5rem; background: #f8f9fa; border-left: 4px solid #667eea; height: 100%;">
+                    <h4>🛡️ Deterministic Policies</h4>
+                    <p>5 mechanical gates with live configuration</p>
+                </div>
+                """)
         
-        # Live Demo Stats
         with gr.Row():
             with gr.Column():
-                demo_stats = gr.JSON(
-                    label="📊 Live Demo Statistics",
-                    value={
-                        "active_since": datetime.utcnow().strftime("%Y-%m-%d %H:%M"),
-                        "bayesian_prior": "Beta(2.0, 5.0)",
-                        "memory_size": len(memory.get_uncontacted_signals()),
-                        "enterprise_signals": len(memory.get_uncontacted_signals())
-                    }
-                )
+                gr.HTML("""
+                <div style="padding: 1.5rem; border-radius: 0.5rem; background: #f8f9fa; border-left: 4px solid #667eea; height: 100%;">
+                    <h4>💾 Persistent RAG Memory</h4>
+                    <p>SQLite + vector embeddings for incident recall</p>
+                </div>
+                """)
+            with gr.Column():
+                gr.HTML("""
+                <div style="padding: 1.5rem; border-radius: 0.5rem; background: #f8f9fa; border-left: 4px solid #667eea; height: 100%;">
+                    <h4>📊 Lead Intelligence</h4>
+                    <p>Automatic enterprise signal detection</p>
+                </div>
+                """)
+        
+        # Live Demo Stats - FIXED: Removed 'every' parameter for Gradio 4.x
+        demo_stats = gr.JSON(
+            label="📊 Live Demo Statistics",
+            value={
+                "active_since": datetime.utcnow().strftime("%Y-%m-%d %H:%M"),
+                "bayesian_prior": "Beta(2.0, 5.0)",
+                "memory_size": len(memory.get_uncontacted_signals()),
+                "enterprise_signals": len(memory.get_uncontacted_signals())
+            }
+        )
         
         # CTA Section
         gr.HTML(f"""
@@ -1037,10 +1009,11 @@ def create_lead_gen_ui():
             
             <div style="display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;">
                 <a href="mailto:{settings.LEAD_EMAIL}?subject=ARF%20Enterprise%20Demo%20Request&body=I%20saw%20the%20real%20ARF%20OSS%20demo%20and%20would%20like%20to%20discuss%20Enterprise%20capabilities." 
-                   class="cta-button">
+                   style="background: white; color: #667eea; padding: 1rem 2rem; border-radius: 2rem; font-weight: bold; text-decoration: none; display: inline-block; margin: 0.5rem;">
                     📧 {settings.LEAD_EMAIL}
                 </a>
-                <a href="{settings.CALENDLY_URL}" target="_blank" class="cta-button" style="background: #FFD700; color: #333;">
+                <a href="{settings.CALENDLY_URL}" target="_blank" 
+                   style="background: #FFD700; color: #333; padding: 1rem 2rem; border-radius: 2rem; font-weight: bold; text-decoration: none; display: inline-block; margin: 0.5rem;">
                     📅 Schedule Technical Demo
                 </a>
             </div>
@@ -1057,8 +1030,7 @@ def create_lead_gen_ui():
         <div style="text-align: center; padding: 2rem; color: #666; border-top: 1px solid #eee;">
             <p>
                 📧 <a href="mailto:{settings.LEAD_EMAIL}" style="color: #667eea;">{settings.LEAD_EMAIL}</a> • 
-                🐙 <a href="https://github.com/petterjuan/agentic-reliability-framework" style="color: #667eea;">GitHub</a> • 
-                💼 <a href="#" style="color: #667eea;">LinkedIn</a>
+                🐙 <a href="https://github.com/petterjuan/agentic-reliability-framework" style="color: #667eea;">GitHub</a>
             </p>
             <p style="font-size: 0.9rem;">
                 © 2026 ARF - Open Source Intelligence, Enterprise Execution<br>
@@ -1068,19 +1040,6 @@ def create_lead_gen_ui():
             </p>
         </div>
         """)
-        
-        # Auto-refresh stats every 30 seconds
-        demo_stats.change(
-            fn=lambda: {
-                "active_since": datetime.utcnow().strftime("%Y-%m-%d %H:%M"),
-                "bayesian_prior": "Beta(2.0, 5.0)",
-                "memory_size": len(memory.get_uncontacted_signals()),
-                "enterprise_signals": len(memory.get_uncontacted_signals())
-            },
-            inputs=[],
-            outputs=[demo_stats],
-            every=30
-        )
     
     return ui
 
@@ -1100,9 +1059,12 @@ if __name__ == "__main__":
     logger.info(f"🔑 API Key: {settings.API_KEY[:8]}... (set in HF secrets)")
     logger.info("="*60)
     
-    uvicorn.run(
-        app, 
-        host="0.0.0.0", 
-        port=port,
-        log_level="info"
+    # FIXED: Moved theme and css to launch()
+    gradio_ui.launch(
+        server_name="0.0.0.0",
+        server_port=port,
+        theme=gr.themes.Soft(primary_hue="blue", secondary_hue="indigo"),
+        css="""
+        .gradio-container { max-width: 1200px !important; margin: auto !important; }
+        """
     )