Update app.py

app.py

@@ -2916,4 +2916,157 @@ def create_demo_interface():
         
         logger.info("✅ Demo interface created successfully with modern UI integration")
     
-    return demo
+    return demo
+
+# ===========================================
+# DARK MODE TOGGLE FUNCTION
+# ===========================================
+
+def create_dark_mode_toggle():
+    """Create a dark mode toggle button with JavaScript"""
+    return f"""
+    <div id="darkModeToggle" class="dark-mode-toggle" onclick="toggleDarkMode()" 
+         title="Toggle Dark Mode">
+        <span id="darkModeIcon" style="font-size: 24px;">🌙</span>
+    </div>
+    
+    <script>
+    // Check for saved theme or prefer-color-scheme
+    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+    const savedTheme = localStorage.getItem('theme');
+    const theme = savedTheme || (prefersDark ? 'dark' : 'light');
+    
+    // Apply theme
+    document.documentElement.setAttribute('data-theme', theme);
+    updateDarkModeIcon(theme);
+    
+    function toggleDarkMode() {{
+        const currentTheme = document.documentElement.getAttribute('data-theme');
+        const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
+        
+        // Update theme
+        document.documentElement.setAttribute('data-theme', newTheme);
+        localStorage.setItem('theme', newTheme);
+        
+        // Update icon
+        updateDarkModeIcon(newTheme);
+        
+        // Dispatch event for components that need to know
+        document.dispatchEvent(new CustomEvent('themechange', {{ detail: {{ theme: newTheme }} }}));
+    }}
+    
+    function updateDarkModeIcon(theme) {{
+        const icon = document.getElementById('darkModeIcon');
+        if (theme === 'dark') {{
+            icon.textContent = '☀️';
+            icon.title = 'Switch to Light Mode';
+        }} else {{
+            icon.textContent = '🌙';
+            icon.title = 'Switch to Dark Mode';
+        }}
+    }}
+    
+    // Listen for system theme changes
+    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {{
+        if (!localStorage.getItem('theme')) {{
+            const newTheme = e.matches ? 'dark' : 'light';
+            document.documentElement.setAttribute('data-theme', newTheme);
+            updateDarkModeIcon(newTheme);
+        }}
+    }});
+    </script>
+    """
+
+# ===========================================
+# MAIN EXECUTION - CRITICAL: THIS LAUNCHES THE APP
+# ===========================================
+
+def main():
+    """Main entry point that actually launches the Gradio app"""
+    try:
+        logger.info("🚀 ARF Ultimate Investor Demo v3.3.9 - ENTERPRISE EDITION")
+        logger.info("=" * 60)
+        logger.info("Enhanced with clear OSS vs Enterprise boundaries")
+        logger.info("DOCTRINAL COMPLIANCE: Historical Evidence, Observation Gate, Sequencing")
+        logger.info("PHASE 2: Dynamic Performance Metrics by Scenario")
+        logger.info(f"Modern UI: {'Enabled' if get_feature_flags().get('modern_ui', True) else 'Disabled'}")
+        logger.info(f"True ARF OSS v3.3.9 integration with simulated Enterprise execution")
+        logger.info("=" * 60)
+        
+        # Create the demo interface
+        demo = create_demo_interface()
+        
+        print("\n" + "="*60)
+        print("🚀 ARF Ultimate Investor Demo v3.3.9 - ENTERPRISE EDITION")
+        print("📊 Architecture: OSS advises → Enterprise executes")
+        print("🎭 DOCTRINAL: Historical Evidence + Observation Gate + Sequencing")
+        print("🎨 MODERN UI: Design system with responsive components")
+        print("🌐 Starting on http://localhost:7860")
+        print("="*60 + "\n")
+        
+        # Launch with configuration for Hugging Face Spaces
+        launch_config = {
+            "server_name": "0.0.0.0",
+            "server_port": 7860,
+            "share": False,
+            "favicon_path": None,
+            "quiet": False,
+            "show_error": True,
+            "debug": False,
+            "max_threads": 40,
+        }
+        
+        # Add CSS if available
+        css_styles = load_css_files()
+        if css_styles:
+            launch_config["css"] = css_styles
+        
+        logger.info(f"✅ Launching demo with config: {launch_config}")
+        
+        # LAUNCH THE DEMO - THIS IS THE CRITICAL PART
+        demo.launch(**launch_config)
+        
+    except KeyboardInterrupt:
+        logger.info("👋 Demo stopped by user")
+    except Exception as e:
+        logger.error(f"❌ Fatal error: {e}", exc_info=True)
+        print(f"\n❌ ERROR: {e}")
+        print("Please check the logs for more details.")
+        sys.exit(1)
+
+
+# ===========================================
+# HUGGING FACE SPACES COMPATIBILITY
+# ===========================================
+
+# This is the entry point that Hugging Face Spaces will use
+if __name__ == "__main__":
+    # For Hugging Face Spaces, we need to ensure the app stays alive
+    import os
+    
+    # Set environment variables for better compatibility
+    os.environ["GRADIO_ANALYTICS_ENABLED"] = "False"
+    os.environ["GRADIO_SERVER_PORT"] = "7860"
+    os.environ["GRADIO_SERVER_NAME"] = "0.0.0.0"
+    
+    print("\n" + "="*60)
+    print("🚀 ARF Demo Starting on Hugging Face Spaces")
+    print(f"📁 Working directory: {os.getcwd()}")
+    print(f"📊 Python version: {sys.version}")
+    print("="*60 + "\n")
+    
+    # Check for required files
+    required_files = ["styles/modern.css", "styles/responsive.css", "ui/components.py"]
+    missing_files = []
+    
+    for file in required_files:
+        if not os.path.exists(file):
+            missing_files.append(file)
+            print(f"⚠️  Warning: {file} not found")
+    
+    if missing_files:
+        print(f"⚠️  Missing {len(missing_files)} required files")
+        print("⚠️  Some features may not work correctly")
+    
+    # Start the main application
+    main()