Update app.py

app.py

@@ -1,8 +1,6 @@
 import gradio as gr
 from gradio_client import Client
 import json
-import time
-import threading
 import random
 from datetime import datetime
 
@@ -17,10 +15,8 @@ class SandboxManager:
         self.client = None
         self.current_engine = None
         self.is_connected = False
-        self.last_status = "Disconnected"
         
     def select_random_engine(self):
-        """Randomly select an engine"""
         self.current_engine = random.choice(BACKEND_ENGINES)
         return self.current_engine
         
@@ -38,7 +34,6 @@ class SandboxManager:
     def launch_sandbox(self, main_py_code, requirements_txt):
         if not self.is_connected:
             return "✗ Not connected to backend. Please connect first.", ""
-        
         try:
             result = self.client.predict(
                 code=main_py_code,
@@ -52,7 +47,6 @@ class SandboxManager:
     def fetch_logs(self):
         if not self.is_connected:
             return "✗ Not connected to backend"
-        
         try:
             result = self.client.predict(api_name="/fetch_logs")
             timestamp = datetime.now().strftime("%H:%M:%S")
@@ -63,7 +57,6 @@ class SandboxManager:
     def kill_sandbox(self):
         if not self.is_connected:
             return "✗ Not connected to backend", ""
-        
         try:
             result = self.client.predict(api_name="/kill_sandbox")
             return f"✓ Sandbox terminated on {self.current_engine}\n\nResponse: {result}", self.get_status()
@@ -73,7 +66,6 @@ class SandboxManager:
     def get_status(self):
         if not self.is_connected:
             return "OFFLINE"
-        
         try:
             result = self.client.predict(api_name="/status_sandbox")
             if "running" in str(result).lower():
@@ -86,650 +78,135 @@ class SandboxManager:
 # Initialize sandbox manager
 sandbox = SandboxManager()
 
-# Professional code templates
-SAMPLE_MAIN_PY = """#!/usr/bin/env python3
-\"\"\"
-Sandbox Compute Environment
-Enterprise Python Application Template
-\"\"\"
-
-import os
-import sys
-import json
-import logging
-from datetime import datetime, timezone
-
-# Configure logging
-logging.basicConfig(
-    level=logging.INFO,
-    format='%(asctime)s - %(levelname)s - %(message)s'
-)
-logger = logging.getLogger(__name__)
-
-def initialize_environment():
-    \"\"\"Initialize the compute environment\"\"\"
-    logger.info("Initializing sandbox environment...")
-    
-    env_info = {
-        "timestamp": datetime.now(timezone.utc).isoformat(),
-        "python_version": sys.version,
-        "platform": os.name,
-        "working_directory": os.getcwd(),
-        "environment_variables": dict(os.environ)
-    }
-    
-    logger.info(f"Environment initialized: {env_info['timestamp']}")
-    return env_info
-
-def execute_business_logic():
-    \"\"\"Main application business logic\"\"\"
-    logger.info("Executing main application logic...")
-    
-    # Example: Data processing pipeline
-    data_points = list(range(1, 101))
-    processed_data = [x ** 2 for x in data_points if x % 2 == 0]
-    
-    result = {
-        "status": "success",
-        "data_points_processed": len(processed_data),
-        "sum_of_squares": sum(processed_data),
-        "processing_time": datetime.now(timezone.utc).isoformat()
-    }
-    
-    logger.info(f"Processing complete: {result}")
-    return result
-
-def main():
-    \"\"\"Main application entry point\"\"\"
-    try:
-        print("=" * 60)
-        print("SANDBOX COMPUTE ENVIRONMENT - PRODUCTION RUNTIME")
-        print("=" * 60)
-        
-        # Initialize
-        env_info = initialize_environment()
-        print(f"Environment: {env_info['platform']}")
-        print(f"Python: {env_info['python_version'].split()[0]}")
-        print(f"Started: {env_info['timestamp']}")
-        
-        print("\\n" + "-" * 40)
-        print("EXECUTING APPLICATION LOGIC")
-        print("-" * 40)
-        
-        # Execute business logic
-        result = execute_business_logic()
-        
-        # Output results
-        print(f"\\nStatus: {result['status'].upper()}")
-        print(f"Data Points: {result['data_points_processed']}")
-        print(f"Computation Result: {result['sum_of_squares']}")
-        print(f"Completed: {result['processing_time']}")
-        
-        print("\\n" + "=" * 60)
-        print("APPLICATION EXECUTION COMPLETED SUCCESSFULLY")
-        print("=" * 60)
-        
-    except Exception as e:
-        logger.error(f"Application failed: {str(e)}")
-        raise
-
-if __name__ == "__main__":
-    main()
-"""
-
-SAMPLE_REQUIREMENTS_TXT = """# Enterprise Python Dependencies
-# Production-grade package specifications
-
-# Core utilities and date handling
-requests>=2.31.0,<3.0.0
-python-dateutil>=2.8.2,<3.0.0
-pytz>=2023.3
-
-# Data processing and analysis
-numpy>=1.24.0,<2.0.0
-pandas>=2.0.0,<3.0.0
-
-# Logging and monitoring
-structlog>=23.1.0
-prometheus-client>=0.17.0
-
-# Configuration management
-pydantic>=2.0.0,<3.0.0
-python-dotenv>=1.0.0
-
-# Database connectivity (uncomment as needed)
-# sqlalchemy>=2.0.0,<3.0.0
-# psycopg2-binary>=2.9.0
-# redis>=4.5.0
-
-# Web frameworks (uncomment as needed)
-# fastapi>=0.100.0,<1.0.0
-# uvicorn[standard]>=0.23.0
-# gunicorn>=21.0.0
+# Sample files
+SAMPLE_MAIN_PY = "# Enterprise Python Application\nprint('Sandbox Compute Platform - Ready')"
+SAMPLE_REQUIREMENTS_TXT = "# Production dependencies\n# Specify exact versions for reproducibility"
 
-# Scientific computing (uncomment as needed)
-# scipy>=1.11.0,<2.0.0
-# scikit-learn>=1.3.0,<2.0.0
-# matplotlib>=3.7.0,<4.0.0
-
-# Development and testing (uncomment as needed)
-# pytest>=7.4.0,<8.0.0
-# black>=23.0.0,<24.0.0
-# mypy>=1.5.0,<2.0.0
-# flake8>=6.0.0,<7.0.0
-"""
-
-# Professional industrial CSS
-professional_css = """
+# Industrial-grade CSS
+industrial_css = """
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
 
 :root {
-    --primary-color: #2563eb;
-    --primary-hover: #1d4ed8;
-    --secondary-color: #64748b;
-    --success-color: #059669;
-    --warning-color: #d97706;
-    --danger-color: #dc2626;
-    --background: #f8fafc;
+    --primary-color: #1f2937;
+    --primary-hover: #111827;
+    --secondary-color: #4b5563;
+    --success-color: #10b981;
+    --warning-color: #f59e0b;
+    --danger-color: #ef4444;
+    --background: #f3f4f6;
     --surface: #ffffff;
-    --border: #e2e8f0;
-    --text-primary: #1e293b;
-    --text-secondary: #64748b;
-    --text-muted: #94a3b8;
-}
-
-.gradio-container {
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
-    background-color: var(--background) !important;
-    color: var(--text-primary) !important;
-    min-height: 100vh;
-    line-height: 1.5;
-}
-
-/* Professional Header */
-.platform-header {
-    background: linear-gradient(135deg, #1e293b 0%, #334155 100%) !important;
-    color: white !important;
-    padding: 16px 24px !important;
-    border-bottom: 3px solid var(--primary-color) !important;
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
-}
-
-.platform-title {
-    font-size: 24px !important;
-    font-weight: 700 !important;
-    letter-spacing: -0.025em !important;
-}
-
-.platform-subtitle {
-    font-size: 14px !important;
-    opacity: 0.8 !important;
-    margin-top: 4px !important;
-}
-
-/* Navigation */
-.nav-breadcrumb {
-    background-color: #f1f5f9 !important;
-    padding: 12px 24px !important;
-    font-size: 13px !important;
-    color: var(--text-secondary) !important;
-    border-bottom: 1px solid var(--border) !important;
-}
-
-/* Container System */
-.enterprise-container {
-    background-color: var(--surface) !important;
-    border: 1px solid var(--border) !important;
-    border-radius: 12px !important;
-    margin: 20px !important;
-    overflow: hidden !important;
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
-}
-
-.container-header {
-    background: linear-gradient(to right, #f8fafc, #f1f5f9) !important;
-    border-bottom: 1px solid var(--border) !important;
-    padding: 16px 24px !important;
-    font-weight: 600 !important;
-    font-size: 16px !important;
-    color: var(--text-primary) !important;
-    display: flex !important;
-    align-items: center !important;
-    gap: 8px !important;
-}
-
-.container-content {
-    padding: 24px !important;
-}
-
-/* Professional Buttons */
-.btn-primary {
-    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%) !important;
-    color: white !important;
-    border: none !important;
-    border-radius: 8px !important;
-    padding: 12px 24px !important;
-    font-size: 14px !important;
-    font-weight: 500 !important;
-    transition: all 0.2s ease !important;
-    box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2) !important;
-}
-
-.btn-primary:hover {
-    transform: translateY(-1px) !important;
-    box-shadow: 0 4px 8px rgba(37, 99, 235, 0.3) !important;
-}
-
-.btn-secondary {
-    background-color: var(--surface) !important;
-    color: var(--text-primary) !important;
-    border: 1px solid var(--border) !important;
-    border-radius: 8px !important;
-    padding: 12px 24px !important;
-    font-size: 14px !important;
-    font-weight: 500 !important;
-    transition: all 0.2s ease !important;
-}
-
-.btn-secondary:hover {
-    background-color: #f8fafc !important;
-    border-color: var(--secondary-color) !important;
-}
-
-.btn-danger {
-    background: linear-gradient(135deg, var(--danger-color) 0%, #b91c1c 100%) !important;
-    color: white !important;
-    border: none !important;
-    border-radius: 8px !important;
-    padding: 12px 24px !important;
-    font-size: 14px !important;
-    font-weight: 500 !important;
-    transition: all 0.2s ease !important;
-    box-shadow: 0 2px 4px rgba(220, 38, 38, 0.2) !important;
+    --border: #d1d5db;
+    --text-primary: #111827;
+    --text-secondary: #6b7280;
+    --text-muted: #9ca3af;
 }
 
-/* Status Indicators */
-.status-online {
-    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%) !important;
-    color: var(--success-color) !important;
-    border: 1px solid #86efac !important;
-    border-radius: 8px !important;
-    padding: 16px !important;
-    font-weight: 600 !important;
-    text-align: center !important;
-}
-
-.status-offline {
-    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%) !important;
-    color: var(--danger-color) !important;
-    border: 1px solid #fca5a5 !important;
-    border-radius: 8px !important;
-    padding: 16px !important;
-    font-weight: 600 !important;
-    text-align: center !important;
-}
-
-.status-warning {
-    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
-    color: var(--warning-color) !important;
-    border: 1px solid #fde68a !important;
-    border-radius: 8px !important;
-    padding: 16px !important;
-    font-weight: 600 !important;
-    text-align: center !important;
-}
-
-/* Code Editor */
-.code-editor-professional {
-    font-family: 'JetBrains Mono', 'SF Mono', Monaco, 'Cascadia Code', monospace !important;
-    background: #1e1e1e !important;
-    border: 2px solid var(--border) !important;
-    border-radius: 8px !important;
-    font-size: 14px !important;
-    line-height: 1.5 !important;
-    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06) !important;
-}
-
-.requirements-editor {
-    font-family: 'JetBrains Mono', monospace !important;
-    background: #2d2d2d !important;
-    border: 2px solid var(--border) !important;
-    border-radius: 8px !important;
-    font-size: 13px !important;
-    line-height: 1.4 !important;
-}
-
-/* Logs Terminal */
-.terminal-logs {
-    font-family: 'JetBrains Mono', monospace !important;
-    background: #0f172a !important;
-    color: #e2e8f0 !important;
-    border: 2px solid #334155 !important;
-    border-radius: 8px !important;
-    font-size: 13px !important;
-    line-height: 1.6 !important;
-    padding: 16px !important;
-}
-
-/* Sidebar */
-.monitoring-panel {
-    background-color: var(--surface) !important;
-    border: 1px solid var(--border) !important;
-    border-radius: 12px !important;
-    overflow: hidden !important;
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) !important;
-    height: fit-content !important;
-}
-
-.panel-header {
-    background: linear-gradient(to right, #f1f5f9, #e2e8f0) !important;
-    padding: 12px 16px !important;
-    font-weight: 600 !important;
-    font-size: 14px !important;
-    color: var(--text-primary) !important;
-    border-bottom: 1px solid var(--border) !important;
-}
+.gradio-container { font-family: 'Inter', sans-serif !important; background-color: var(--background) !important; min-height: 100vh; }
 
-.panel-content {
-    padding: 16px !important;
-}
-
-/* Form Elements */
-.form-group {
-    margin-bottom: 20px !important;
-}
+.platform-header { background: linear-gradient(90deg, var(--primary-color), var(--primary-hover)) !important; color: #f9fafb !important; padding: 20px 32px !important; border-bottom: 4px solid var(--primary-color); box-shadow: 0 6px 12px rgba(0,0,0,0.15); }
+.platform-title { font-size: 26px !important; font-weight: 700 !important; }
+.platform-subtitle { font-size: 14px !important; opacity: 0.85 !important; margin-top: 4px !important; }
 
-.form-label {
-    font-size: 14px !important;
-    font-weight: 500 !important;
-    color: var(--text-primary) !important;
-    margin-bottom: 6px !important;
-    display: block !important;
-}
+.nav-breadcrumb { background-color: #e5e7eb !important; padding: 12px 24px !important; font-size: 13px !important; color: var(--text-secondary) !important; border-bottom: 1px solid var(--border) !important; border-radius: 6px !important; margin-top: 8px !important; }
 
-.info-badge {
-    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
-    color: var(--primary-color) !important;
-    border: 1px solid #93c5fd !important;
-    border-radius: 6px !important;
-    padding: 12px 16px !important;
-    font-size: 13px !important;
-    font-weight: 500 !important;
-}
+.enterprise-container { background-color: var(--surface) !important; border: 1px solid var(--border) !important; border-radius: 12px !important; margin: 16px 0 !important; overflow: hidden !important; box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important; }
+.container-header { background: linear-gradient(to right, #f9fafb, #f3f4f6) !important; border-bottom: 1px solid var(--border) !important; padding: 14px 24px !important; font-weight: 600 !important; font-size: 16px !important; display: flex !important; align-items: center; gap: 8px !important; }
+.container-content { padding: 20px !important; }
 
-/* Metrics */
-.metric-card {
-    text-align: center !important;
-    padding: 16px !important;
-    border-right: 1px solid var(--border) !important;
-}
+.btn-primary { background: linear-gradient(135deg, var(--primary-color), var(--primary-hover)) !important; color: #fff !important; border-radius: 6px !important; padding: 10px 24px !important; font-weight: 500 !important; transition: all 0.2s ease !important; }
+.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important; }
+.btn-secondary { background-color: var(--surface) !important; border: 1px solid var(--border) !important; color: var(--text-primary) !important; border-radius: 6px !important; padding: 10px 24px !important; }
+.btn-secondary:hover { background-color: #f9fafb !important; border-color: var(--secondary-color) !important; }
+.btn-danger { background: linear-gradient(135deg, var(--danger-color), #b91c1c) !important; color: #fff !important; border-radius: 6px !important; padding: 10px 24px !important; }
 
-.metric-card:last-child {
-    border-right: none !important;
-}
+.status-online { background: #d1fae5 !important; color: var(--success-color) !important; }
+.status-offline { background: #fee2e2 !important; color: var(--danger-color) !important; }
+.status-warning { background: #fef3c7 !important; color: var(--warning-color) !important; }
 
-.metric-value {
-    font-size: 28px !important;
-    font-weight: 700 !important;
-    color: var(--primary-color) !important;
-    line-height: 1 !important;
-}
+.code-editor-professional { font-family: 'JetBrains Mono', monospace !important; background: #1f2937 !important; color: #f3f4f6 !important; border-radius: 8px !important; padding: 12px !important; }
+.requirements-editor { font-family: 'JetBrains Mono', monospace !important; background: #27272a !important; color: #f3f4f6 !important; border-radius: 8px !important; padding: 10px !important; }
+.terminal-logs { font-family: 'JetBrains Mono', monospace !important; background: #0f172a !important; color: #e2e8f0 !important; border-radius: 8px !important; padding: 14px !important; }
 
-.metric-label {
-    font-size: 12px !important;
-    color: var(--text-secondary) !important;
-    margin-top: 4px !important;
-    font-weight: 500 !important;
-    text-transform: uppercase !important;
-    letter-spacing: 0.025em !important;
-}
-
-/* Professional spacing */
-.section-divider {
-    height: 1px !important;
-    background: var(--border) !important;
-    margin: 24px 0 !important;
-}
-
-.mb-4 {
-    margin-bottom: 16px !important;
-}
-
-.mt-4 {
-    margin-top: 16px !important;
-}
+.monitoring-panel { border-radius: 12px !important; padding: 0 !important; margin: 16px 0 !important; box-shadow: 0 2px 4px rgba(0,0,0,0.06) !important; }
+.panel-header { padding: 12px 16px !important; font-weight: 600 !important; background: #f3f4f6; border-bottom: 1px solid var(--border) !important; }
+.panel-content { padding: 16px !important; }
 """
 
-def auto_refresh_status():
-    return sandbox.get_status()
+def auto_refresh_status(): return sandbox.get_status()
+def auto_refresh_logs(): return sandbox.fetch_logs()
+def load_sample_files(): return SAMPLE_MAIN_PY, SAMPLE_REQUIREMENTS_TXT
 
-def auto_refresh_logs():
-    return sandbox.fetch_logs()
-
-def load_sample_files():
-    """Load professional sample files"""
-    return SAMPLE_MAIN_PY, SAMPLE_REQUIREMENTS_TXT
-
-# Build the professional interface
-with gr.Blocks(css=professional_css, title="Sandbox Compute Platform", theme=gr.themes.Default()) as demo:
-    
-    # Platform Header
+# Build Gradio interface
+with gr.Blocks(css=industrial_css, title="Sandbox Compute Platform") as demo:
     gr.HTML("""
     <div class="platform-header">
         <div class="platform-title">Sandbox Compute Platform</div>
         <div class="platform-subtitle">Enterprise-grade cloud computing infrastructure</div>
     </div>
     <div class="nav-breadcrumb">
-        Dashboard → Compute Services → Sandbox Management Console
+        Sandbox Management Console
     </div>
     """)
-    
+
     with gr.Row():
-        # Main Content Area
+        # Main Content
         with gr.Column(scale=3):
-            # Infrastructure Management
             with gr.Group(elem_classes=["enterprise-container"]):
                 gr.HTML('<div class="container-header">🔧 Infrastructure Management</div>')
                 with gr.Group(elem_classes=["container-content"]):
                     with gr.Row():
                         connect_btn = gr.Button("Initialize Connection", elem_classes=["btn-primary"])
                         load_samples_btn = gr.Button("Load Templates", elem_classes=["btn-secondary"])
-                    
                     gr.HTML('<div class="form-label mt-4">Active Compute Engine</div>')
-                    current_engine_display = gr.Textbox(
-                        value="No engine selected",
-                        interactive=False,
-                        elem_classes=["info-badge"],
-                        show_label=False
-                    )
-                    
+                    current_engine_display = gr.Textbox(value="No engine selected", interactive=False, elem_classes=["info-badge"], show_label=False)
                     gr.HTML('<div class="form-label mt-4">Connection Status</div>')
-                    connection_status = gr.Textbox(
-                        value="DISCONNECTED", 
-                        interactive=False,
-                        elem_classes=["status-offline"],
-                        show_label=False
-                    )
-            
-            # Development Environment
+                    connection_status = gr.Textbox(value="DISCONNECTED", interactive=False, elem_classes=["status-offline"], show_label=False)
+
             with gr.Group(elem_classes=["enterprise-container"]):
                 gr.HTML('<div class="container-header">💻 Development Environment</div>')
                 with gr.Group(elem_classes=["container-content"]):
                     with gr.Tab("main.py"):
                         gr.HTML('<div class="form-label">Application Source Code</div>')
-                        main_py_editor = gr.Code(
-                            value="# Enterprise Python Application\nprint('Sandbox Compute Platform - Ready')",
-                            language="python",
-                            lines=20,
-                            elem_classes=["code-editor-professional"],
-                            show_label=False
-                        )
-                    
+                        main_py_editor = gr.Code(value=SAMPLE_MAIN_PY, language="python", lines=20, elem_classes=["code-editor-professional"], show_label=False)
                     with gr.Tab("requirements.txt"):
                         gr.HTML('<div class="form-label">Dependency Specifications</div>')
-                        requirements_editor = gr.Textbox(
-                            value="# Production dependencies\n# Specify exact versions for reproducibility",
-                            lines=20,
-                            elem_classes=["requirements-editor"],
-                            show_label=False,
-                            max_lines=25
-                        )
-                    
-                    # Deployment Controls
+                        requirements_editor = gr.Textbox(value=SAMPLE_REQUIREMENTS_TXT, lines=20, elem_classes=["requirements-editor"], show_label=False, max_lines=25)
                     gr.HTML('<div class="section-divider"></div>')
                     with gr.Row():
                         launch_btn = gr.Button("Deploy Application", elem_classes=["btn-primary"], size="lg")
                         kill_btn = gr.Button("Terminate Instance", elem_classes=["btn-danger"], size="lg")
-                    
                     gr.HTML('<div class="form-label mt-4">Deployment Output</div>')
-                    launch_output = gr.Textbox(
-                        lines=6,
-                        interactive=False,
-                        placeholder="Deployment logs and status information will appear here...",
-                        elem_classes=["terminal-logs"],
-                        show_label=False
-                    )
-        
+                    launch_output = gr.Textbox(lines=6, interactive=False, placeholder="Deployment logs and status information will appear here...", elem_classes=["terminal-logs"], show_label=False)
+
         # Monitoring Panel
         with gr.Column(scale=1):
-            # System Status
             with gr.Group(elem_classes=["monitoring-panel"]):
                 gr.HTML('<div class="panel-header">📊 System Monitor</div>')
                 with gr.Group(elem_classes=["panel-content"]):
                     gr.HTML('<div class="form-label">Instance Status</div>')
-                    status_display = gr.Textbox(
-                        value="OFFLINE",
-                        interactive=False,
-                        elem_classes=["status-offline"],
-                        show_label=False
-                    )
-                    
+                    status_display = gr.Textbox(value="OFFLINE", interactive=False, elem_classes=["status-offline"], show_label=False)
                     status_refresh_btn = gr.Button("Refresh Status", elem_classes=["btn-secondary"], size="sm")
-                    
                     gr.HTML('<div class="section-divider"></div>')
-                    
                     gr.HTML('<div class="form-label">Monitoring Settings</div>')
-                    auto_refresh_status_cb = gr.Checkbox(
-                        label="Auto-refresh status (5s interval)", 
-                        value=False
-                    )
-                    auto_refresh_logs_cb = gr.Checkbox(
-                        label="Auto-refresh logs (10s interval)", 
-                        value=False
-                    )
-            
-            # System Metrics
-            with gr.Group(elem_classes=["monitoring-panel"]):
-                gr.HTML('<div class="panel-header">📈 Performance Metrics</div>')
-                gr.HTML('''
-                <div style="padding: 16px;">
-                    <div class="metric-card">
-                        <div class="metric-value">--</div>
-                        <div class="metric-label">CPU Usage</div>
-                    </div>
-                    <div class="metric-card">
-                        <div class="metric-value">--</div>
-                        <div class="metric-label">Memory</div>
-                    </div>
-                    <div class="metric-card">
-                        <div class="metric-value">--</div>
-                        <div class="metric-label">Uptime</div>
-                    </div>
-                </div>
-                ''')
-    
-    # System Logs
+                    auto_refresh_status_cb = gr.Checkbox(label="Auto-refresh status (5s interval)", value=False)
+                    auto_refresh_logs_cb = gr.Checkbox(label="Auto-refresh logs (10s interval)", value=False)
+
+    # Logs Section
     with gr.Group(elem_classes=["enterprise-container"]):
         gr.HTML('<div class="container-header">📋 System Logs</div>')
         with gr.Group(elem_classes=["container-content"]):
             with gr.Row():
                 fetch_logs_btn = gr.Button("Fetch Application Logs", elem_classes=["btn-secondary"])
                 gr.HTML('<div style="flex-grow: 1;"></div>')
-            
             gr.HTML('<div class="form-label mt-4">Runtime Logs</div>')
-            logs_display = gr.Textbox(
-                lines=14,
-                interactive=False,
-                elem_classes=["terminal-logs"],
-                placeholder="[SYSTEM] Application logs will be displayed here...\n[INFO] Logs are captured in real-time from your running application\n[DEBUG] Use 'Fetch Application Logs' to retrieve the latest output",
-                show_label=False
-            )
-    
-    # Event Handlers
-    connect_btn.click(
-        fn=sandbox.connect,
-        outputs=[connection_status, current_engine_display]
-    )
-    
-    load_samples_btn.click(
-        fn=load_sample_files,
-        outputs=[main_py_editor, requirements_editor]
-    )
-    
-    launch_btn.click(
-        fn=sandbox.launch_sandbox,
-        inputs=[main_py_editor, requirements_editor],
-        outputs=[launch_output, status_display]
-    )
-    
-    kill_btn.click(
-        fn=sandbox.kill_sandbox,
-        outputs=[launch_output, status_display]
-    )
-    
-    status_refresh_btn.click(
-        fn=sandbox.get_status,
-        outputs=[status_display]
-    )
-    
-    fetch_logs_btn.click(
-        fn=sandbox.fetch_logs,
-        outputs=[logs_display]
-    )
-    
-    # Auto-refresh Timers
-    status_timer = gr.Timer(5)
-    logs_timer = gr.Timer(10)
-    
-    status_timer.tick(
-        fn=auto_refresh_status,
-        outputs=[status_display],
-        show_progress=False
-    )
-    
-    logs_timer.tick(
-        fn=auto_refresh_logs,
-        outputs=[logs_display],
-        show_progress=False
-    )
-    
-    # Timer Controls
-    auto_refresh_status_cb.change(
-        lambda enabled: gr.Timer(5 if enabled else None),
-        inputs=[auto_refresh_status_cb],
-        outputs=[status_timer]
-    )
-    
-    auto_refresh_logs_cb.change(
-        lambda enabled: gr.Timer(10 if enabled else None),
-        inputs=[auto_refresh_logs_cb],
-        outputs=[logs_timer]
-    )
+            logs_display = gr.Textbox(lines=14, interactive=False, elem_classes=["terminal-logs"], placeholder="[SYSTEM] Logs will appear here...", show_label=False)
 
-    # Professional Footer
-    gr.HTML("""
-    <div style="text-align: center; margin-top: 40px; padding: 24px; background: linear-gradient(to right, #f8fafc, #f1f5f9); border-top: 1px solid #e2e8f0; color: #64748b; font-size: 13px;">
-        <p style="font-weight: 500; margin-bottom: 8px;">Sandbox Compute Platform</p>
-        <p style="font-size: 12px; margin-top: 12px; opacity: 0.8;">
-            Runtime Engines: SANDBOXBACKEND2, SANDBOX_BACKEND 
-        </p>
-    </div>
-    """)
-
-if __name__ == "__main__":
-    demo.launch(
-        share=True,
-        server_name="0.0.0.0",
-        server_port=7860,
-        show_error=True
-    )
+    # Event Handlers
+    connect_btn.click(fn=sandbox.connect, outputs=[connection_status, current_engine_display])
+    load_samples_btn.click(fn=load_sample_files, outputs=[main_py_editor, requirements_editor])
+    launch_btn.click(fn=sandbox.launch_sandbox, inputs=[main_py_editor, requirements_editor], outputs=[launch_output, status_display])
+    kill_btn.click(fn=sandbox.kill_sandbox, outputs=[launch_output, status_display])
+    fetch_logs_btn.click(fn=sandbox.fetch_logs, outputs=logs_display)
+    status_refresh_btn.click(fn=auto_refresh_status, outputs=status_display)
+
+demo.launch()