Update app.py

app.py

@@ -54,28 +54,28 @@ class SandboxManager:
     def connect(self):
         """Connect to a backend engine"""
         if self.sandbox_created:
-            return "⚠️ Sandbox already created. You can only create one sandbox per session.", self.current_engine
+            return "⚠️ SANDBOX ALREADY ACTIVE - Single session limit enforced", self.current_engine
             
         engine = self.select_random_engine()
         try:
             self.client = Client(engine)
             self.is_connected = True
-            return f"✅ Connected to: {engine}", engine
+            return f"✅ ENGINE ONLINE - {engine}", engine
         except Exception as e:
             self.is_connected = False
             self.current_engine = None
-            return f"❌ Connection failed to {engine}: {str(e)}", "Connection Failed"
+            return f"❌ CONNECTION FAILED - {engine}: {str(e)}", "CONNECTION FAILED"
     
     def launch_sandbox(self, main_py_code, requirements_txt):
         """Launch the sandbox (only once per session)"""
         if self.sandbox_created:
             remaining = self.get_remaining_time()
             if remaining == "EXPIRED":
-                return "⏰ Your sandbox has expired (2-hour limit reached). Please refresh the page to start a new session.", ""
-            return f"⚠️ Sandbox already running. Remaining time: {remaining}", self.get_status()
+                return "⏰ SESSION EXPIRED - 2-hour limit reached. Refresh page for new session.", ""
+            return f"⚠️ SANDBOX ACTIVE - Remaining: {remaining}", self.get_status()
             
         if not self.is_connected:
-            return "❌ Not connected to backend. Please connect first.", ""
+            return "❌ ENGINE OFFLINE - Connect to backend first", ""
             
         try:
             result = self.client.predict(
@@ -92,41 +92,42 @@ class SandboxManager:
             self.start_time_monitor()
             
             remaining = self.get_remaining_time()
-            return (f"🚀 Sandbox deployed successfully on {self.current_engine}\n"
-                   f"⏱️  Time limit: 2 hours | Remaining: {remaining}\n\n"
-                   f"Response: {result}"), self.get_status()
+            return (f"🚀 SANDBOX DEPLOYED - Engine: {self.current_engine}\n"
+                   f"⏱️  SESSION LIMIT: 2 hours | REMAINING: {remaining}\n"
+                   f"📊 STATUS: ACTIVE\n\n"
+                   f"ENGINE RESPONSE:\n{result}"), self.get_status()
         except Exception as e:
-            return f"❌ Deployment failed: {str(e)}", ""
+            return f"❌ DEPLOYMENT FAILED - {str(e)}", ""
     
     def fetch_logs(self):
         """Fetch logs from the sandbox"""
         if not self.is_connected:
-            return "❌ Not connected to backend"
+            return "❌ ENGINE OFFLINE - No connection to backend"
             
         if self.is_sandbox_expired():
-            return "⏰ Sandbox expired. Logs are no longer available."
+            return "⏰ SESSION EXPIRED - Logs unavailable after 2-hour limit"
             
         try:
             result = self.client.predict(api_name="/fetch_logs")
             timestamp = datetime.now().strftime("%H:%M:%S")
             remaining = self.get_remaining_time()
-            return f"[{timestamp}] Remaining time: {remaining}\nLogs from {self.current_engine}:\n\n{result}"
+            return f"[{timestamp}] REMAINING: {remaining} | ENGINE: {self.current_engine}\n{'='*80}\n{result}"
         except Exception as e:
-            return f"[ERROR] Failed to fetch logs: {str(e)}"
+            return f"[ERROR] LOG FETCH FAILED - {str(e)}"
     
     def kill_sandbox(self):
         """Terminate the sandbox"""
         if not self.is_connected:
-            return "❌ Not connected to backend", ""
+            return "❌ ENGINE OFFLINE - No connection available", ""
             
         try:
             result = self.client.predict(api_name="/kill_sandbox")
             self.sandbox_created = False
             self.creation_time = None
             self.stop_auto_refresh = True
-            return f"🛑 Sandbox terminated on {self.current_engine}\n\nResponse: {result}", "TERMINATED"
+            return f"🛑 SANDBOX TERMINATED - Engine: {self.current_engine}\n\nENGINE RESPONSE:\n{result}", "TERMINATED"
         except Exception as e:
-            return f"❌ Termination failed: {str(e)}", ""
+            return f"❌ TERMINATION FAILED - {str(e)}", ""
     
     def get_status(self):
         """Get current sandbox status"""
@@ -138,14 +139,13 @@ class SandboxManager:
             
         try:
             result = self.client.predict(api_name="/status_sandbox")
+            remaining = self.get_remaining_time()
             if "running" in str(result).lower():
-                remaining = self.get_remaining_time()
-                return f"RUNNING ({remaining} left) - {result}"
+                return f"RUNNING | {remaining}"
             else:
-                remaining = self.get_remaining_time()
-                return f"IDLE ({remaining} left) - {result}"
+                return f"IDLE | {remaining}"
         except Exception as e:
-            return f"ERROR - {str(e)}"
+            return f"ERROR | {str(e)}"
     
     def start_time_monitor(self):
         """Start monitoring thread for time limits"""
@@ -166,248 +166,648 @@ class SandboxManager:
 sandbox = SandboxManager()
 
 # Sample files
-SAMPLE_MAIN_PY = """# Enterprise Python Application
+SAMPLE_MAIN_PY = """#!/usr/bin/env python3
+# SANDBOX COMPUTE PLATFORM - ENTERPRISE APPLICATION
+# Production-ready Python service with monitoring capabilities
+
 import os
+import sys
 import time
-from datetime import datetime
+import logging
+from datetime import datetime, timezone
+import json
+import socket
+import psutil
 
-def main():
-    print("🚀 Sandbox Compute Platform - Initialized")
-    print(f"📅 Started at: {datetime.now()}")
-    print("✅ Environment ready for development")
+# Configure enterprise logging
+logging.basicConfig(
+    level=logging.INFO,
+    format='[%(asctime)s] %(levelname)s - %(message)s',
+    handlers=[
+        logging.StreamHandler(sys.stdout),
+        logging.FileHandler('/tmp/application.log')
+    ]
+)
+
+logger = logging.getLogger(__name__)
+
+class SandboxApplication:
+    def __init__(self):
+        self.start_time = datetime.now(timezone.utc)
+        self.hostname = socket.gethostname()
+        self.pid = os.getpid()
+        
+    def get_system_info(self):
+        \"\"\"Collect system metrics\"\"\"
+        return {
+            'hostname': self.hostname,
+            'pid': self.pid,
+            'uptime': str(datetime.now(timezone.utc) - self.start_time),
+            'cpu_percent': psutil.cpu_percent(),
+            'memory_mb': psutil.virtual_memory().used // 1024 // 1024,
+            'disk_usage': psutil.disk_usage('/').percent
+        }
     
-    # Your application code here
-    while True:
-        print(f"⏱️  Running... {datetime.now().strftime('%H:%M:%S')}")
-        time.sleep(30)
+    def run(self):
+        \"\"\"Main application loop\"\"\"
+        logger.info(f"🚀 SANDBOX APPLICATION INITIALIZED")
+        logger.info(f"📍 HOSTNAME: {self.hostname} | PID: {self.pid}")
+        logger.info(f"⏰ START TIME: {self.start_time}")
+        logger.info("="*60)
+        
+        cycle = 0
+        while True:
+            try:
+                cycle += 1
+                current_time = datetime.now(timezone.utc)
+                
+                # Log system status every 10 cycles (5 minutes)
+                if cycle % 10 == 0:
+                    metrics = self.get_system_info()
+                    logger.info(f"📊 METRICS | CPU: {metrics['cpu_percent']:.1f}% | "
+                              f"RAM: {metrics['memory_mb']}MB | "
+                              f"UPTIME: {metrics['uptime']}")
+                
+                # Regular heartbeat
+                logger.info(f"⚡ CYCLE {cycle:04d} | {current_time.strftime('%H:%M:%S UTC')} | STATUS: OPERATIONAL")
+                
+                # Application logic here
+                time.sleep(30)  # 30-second intervals
+                
+            except KeyboardInterrupt:
+                logger.info("🛑 SHUTDOWN SIGNAL RECEIVED")
+                break
+            except Exception as e:
+                logger.error(f"❌ ERROR: {str(e)}")
+                time.sleep(5)
+        
+        logger.info("🏁 APPLICATION TERMINATED")
+
+def main():
+    app = SandboxApplication()
+    app.run()
 
 if __name__ == "__main__":
     main()
 """
 
-SAMPLE_REQUIREMENTS_TXT = """# Production Dependencies
-# Specify exact versions for reproducibility
+SAMPLE_REQUIREMENTS_TXT = """# SANDBOX COMPUTE PLATFORM - PRODUCTION DEPENDENCIES
+# Enterprise-grade package specifications with version pinning
 
-# Web framework
-flask==2.3.3
+# System monitoring and utilities
+psutil==5.9.6
 requests==2.31.0
 
-# Data processing
-pandas==2.1.1
-numpy==1.24.3
+# Web framework and APIs  
+flask==3.0.0
+flask-cors==4.0.0
+gunicorn==21.2.0
+
+# Data processing and analysis
+pandas==2.1.3
+numpy==1.25.2
+scipy==1.11.4
+
+# Database connectivity
+sqlalchemy==2.0.23
+pymongo==4.6.0
+
+# Caching and performance
+redis==5.0.1
+celery==5.3.4
 
-# Utilities
+# Security and authentication
+cryptography==41.0.8
+pyjwt==2.8.0
+
+# Configuration and environment
 python-dotenv==1.0.0
+pydantic==2.5.0
+
+# Logging and monitoring
+structlog==23.2.0
+prometheus-client==0.19.0
+
+# Development and testing
+pytest==7.4.3
+black==23.11.0
+flake8==6.1.0
 """
 
-# Enhanced CSS with modern design
+# Industrial-grade full-screen CSS
 industrial_css = """
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700;800;900&display=swap');
 
+/* CSS Variables for Industrial Theme */
 :root {
-    --primary: #2563eb;
-    --primary-hover: #1d4ed8;
+    --primary: #0ea5e9;
+    --primary-dark: #0284c7;
+    --primary-darker: #0369a1;
     --secondary: #64748b;
-    --success: #10b981;
-    --warning: #f59e0b;
-    --danger: #ef4444;
-    --surface: #ffffff;
-    --surface-elevated: #f8fafc;
-    --border: #e2e8f0;
-    --text: #0f172a;
-    --text-muted: #64748b;
-    --shadow: rgba(15, 23, 42, 0.1);
+    --accent: #06b6d4;
+    --success: #059669;
+    --warning: #d97706;
+    --danger: #dc2626;
+    --info: #2563eb;
+    
+    --bg-primary: #0f172a;
+    --bg-secondary: #1e293b;
+    --bg-tertiary: #334155;
+    --bg-surface: #475569;
+    --bg-elevated: #64748b;
+    
+    --text-primary: #f8fafc;
+    --text-secondary: #e2e8f0;
+    --text-muted: #94a3b8;
+    --text-inverse: #0f172a;
+    
+    --border: #334155;
+    --border-light: #475569;
+    --border-accent: #0ea5e9;
+    
+    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
+    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
+    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6);
+    
+    --glow-primary: 0 0 20px rgba(14, 165, 233, 0.3);
+    --glow-success: 0 0 20px rgba(5, 150, 105, 0.3);
+    --glow-danger: 0 0 20px rgba(220, 38, 38, 0.3);
+    --glow-warning: 0 0 20px rgba(217, 119, 6, 0.3);
 }
 
+/* Global Reset and Base Styles */
 * {
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+html, body {
+    height: 100vh !important;
+    width: 100vw !important;
+    overflow-x: hidden !important;
+    background: var(--bg-primary) !important;
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
+    color: var(--text-primary) !important;
+    line-height: 1.5 !important;
 }
 
+/* Gradio Container - Full Screen */
 .gradio-container {
-    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
-    min-height: 100vh;
+    max-width: 100vw !important;
+    width: 100vw !important;
+    min-height: 100vh !important;
+    height: 100vh !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    background: linear-gradient(135deg, var(--bg-primary) 0%, #0c1420 50%, var(--bg-primary) 100%) !important;
+    display: flex !important;
+    flex-direction: column !important;
+    overflow-y: auto !important;
 }
 
-/* Header */
-.platform-header {
-    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%) !important;
-    color: white !important;
-    padding: 2rem !important;
-    border-radius: 0 0 1rem 1rem !important;
-    margin-bottom: 1.5rem !important;
-    box-shadow: 0 10px 25px var(--shadow) !important;
+/* Main Content Wrapper */
+.main-content {
+    flex: 1 !important;
+    padding: 0 !important;
+    margin: 0 !important;
+}
+
+/* Industrial Header */
+.industrial-header {
+    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%) !important;
+    border-bottom: 3px solid var(--primary) !important;
+    padding: 1.5rem 2rem !important;
+    box-shadow: var(--shadow-lg) !important;
+    position: relative !important;
+    overflow: hidden !important;
+}
+
+.industrial-header::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: repeating-linear-gradient(
+        90deg,
+        transparent,
+        transparent 2px,
+        rgba(14, 165, 233, 0.1) 2px,
+        rgba(14, 165, 233, 0.1) 4px
+    );
+    pointer-events: none;
+}
+
+.header-content {
+    position: relative !important;
+    z-index: 2 !important;
+    display: flex !important;
+    justify-content: space-between !important;
+    align-items: center !important;
 }
 
 .platform-title {
-    font-size: 2rem !important;
-    font-weight: 800 !important;
-    margin-bottom: 0.5rem !important;
+    font-size: 2.5rem !important;
+    font-weight: 900 !important;
+    color: var(--text-primary) !important;
+    text-shadow: 0 0 20px var(--primary) !important;
+    letter-spacing: -0.025em !important;
+    margin: 0 !important;
 }
 
 .platform-subtitle {
     font-size: 1rem !important;
-    opacity: 0.9 !important;
+    color: var(--text-muted) !important;
+    margin-top: 0.5rem !important;
     font-weight: 400 !important;
+    text-transform: uppercase !important;
+    letter-spacing: 0.05em !important;
 }
 
-.breadcrumb {
-    background: var(--surface-elevated) !important;
-    padding: 0.75rem 1.5rem !important;
-    border-radius: 0.75rem !important;
+.system-status {
+    text-align: right !important;
+    font-family: 'JetBrains Mono', monospace !important;
+    font-size: 0.875rem !important;
+}
+
+.status-indicator {
+    display: flex !important;
+    align-items: center !important;
+    gap: 0.5rem !important;
+    margin-bottom: 0.25rem !important;
+    color: var(--text-secondary) !important;
+}
+
+.status-dot {
+    width: 8px !important;
+    height: 8px !important;
+    background: var(--success) !important;
+    border-radius: 50% !important;
+    box-shadow: var(--glow-success) !important;
+    animation: pulse-dot 2s ease-in-out infinite !important;
+}
+
+/* Navigation Breadcrumb */
+.nav-breadcrumb {
+    background: var(--bg-secondary) !important;
+    border-bottom: 1px solid var(--border) !important;
+    padding: 0.75rem 2rem !important;
+    font-family: 'JetBrains Mono', monospace !important;
     font-size: 0.875rem !important;
     color: var(--text-muted) !important;
-    border: 1px solid var(--border) !important;
-    margin-bottom: 1.5rem !important;
+    text-transform: uppercase !important;
+    letter-spacing: 0.05em !important;
 }
 
-/* Cards */
-.card {
-    background: var(--surface) !important;
+/* Industrial Cards */
+.industrial-card {
+    background: linear-gradient(135deg, var(--bg-secondary) 0%, rgba(30, 41, 59, 0.95) 100%) !important;
     border: 1px solid var(--border) !important;
-    border-radius: 1rem !important;
-    box-shadow: 0 4px 6px -1px var(--shadow) !important;
+    border-radius: 0.75rem !important;
+    margin: 1rem !important;
     overflow: hidden !important;
-    margin-bottom: 1.5rem !important;
+    box-shadow: var(--shadow-lg) !important;
+    backdrop-filter: blur(10px) !important;
+    position: relative !important;
+}
+
+.industrial-card::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: linear-gradient(90deg, var(--primary), var(--accent), var(--primary));
+    opacity: 0.8;
 }
 
 .card-header {
-    background: var(--surface-elevated) !important;
-    padding: 1rem 1.5rem !important;
-    border-bottom: 1px solid var(--border) !important;
-    font-weight: 600 !important;
+    background: linear-gradient(135deg, var(--bg-tertiary), var(--bg-surface)) !important;
+    border-bottom: 1px solid var(--border-light) !important;
+    padding: 1.25rem 2rem !important;
+    font-weight: 700 !important;
     font-size: 1.1rem !important;
+    color: var(--text-primary) !important;
+    text-transform: uppercase !important;
+    letter-spacing: 0.025em !important;
     display: flex !important;
     align-items: center !important;
-    gap: 0.5rem !important;
+    gap: 0.75rem !important;
 }
 
 .card-content {
-    padding: 1.5rem !important;
+    padding: 2rem !important;
 }
 
-/* Buttons */
-.btn {
-    padding: 0.75rem 1.5rem !important;
+/* Industrial Buttons */
+.btn-industrial {
+    background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
+    color: var(--text-primary) !important;
+    border: 1px solid var(--primary-darker) !important;
     border-radius: 0.5rem !important;
-    font-weight: 500 !important;
+    padding: 1rem 2rem !important;
+    font-weight: 600 !important;
     font-size: 0.875rem !important;
-    transition: all 0.2s ease !important;
-    border: none !important;
+    text-transform: uppercase !important;
+    letter-spacing: 0.025em !important;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
+    box-shadow: var(--shadow-md) !important;
+    position: relative !important;
+    overflow: hidden !important;
 }
 
-.btn-primary {
-    background: linear-gradient(135deg, var(--primary), var(--primary-hover)) !important;
-    color: white !important;
-    box-shadow: 0 4px 14px 0 rgba(37, 99, 235, 0.25) !important;
+.btn-industrial:hover {
+    transform: translateY(-2px) !important;
+    box-shadow: var(--shadow-xl), var(--glow-primary) !important;
+    background: linear-gradient(135deg, var(--primary-dark), var(--primary-darker)) !important;
 }
 
-.btn-primary:hover {
-    transform: translateY(-2px) !important;
-    box-shadow: 0 6px 20px 0 rgba(37, 99, 235, 0.35) !important;
+.btn-industrial:active {
+    transform: translateY(0) !important;
 }
 
 .btn-secondary {
-    background: var(--surface) !important;
-    color: var(--text) !important;
-    border: 1px solid var(--border) !important;
+    background: linear-gradient(135deg, var(--bg-surface), var(--bg-elevated)) !important;
+    color: var(--text-primary) !important;
+    border: 1px solid var(--border-light) !important;
 }
 
 .btn-secondary:hover {
-    background: var(--surface-elevated) !important;
-    border-color: var(--secondary) !important;
+    background: linear-gradient(135deg, var(--bg-elevated), var(--secondary)) !important;
+    box-shadow: var(--shadow-lg) !important;
 }
 
 .btn-danger {
-    background: linear-gradient(135deg, var(--danger), #dc2626) !important;
-    color: white !important;
-    box-shadow: 0 4px 14px 0 rgba(239, 68, 68, 0.25) !important;
+    background: linear-gradient(135deg, var(--danger), #b91c1c) !important;
+    border: 1px solid #7f1d1d !important;
 }
 
 .btn-danger:hover {
-    transform: translateY(-2px) !important;
-    box-shadow: 0 6px 20px 0 rgba(239, 68, 68, 0.35) !important;
+    box-shadow: var(--shadow-xl), var(--glow-danger) !important;
 }
 
-/* Status indicators */
-.status-badge {
-    padding: 0.5rem 1rem !important;
+/* Status Displays */
+.status-display {
+    background: var(--bg-tertiary) !important;
+    color: var(--text-primary) !important;
+    border: 1px solid var(--border) !important;
     border-radius: 0.5rem !important;
+    padding: 1rem 1.5rem !important;
+    font-family: 'JetBrains Mono', monospace !important;
     font-weight: 500 !important;
-    font-size: 0.875rem !important;
     text-align: center !important;
+    text-transform: uppercase !important;
+    letter-spacing: 0.05em !important;
 }
 
 .status-online {
-    background: #d1fae5 !important;
+    background: linear-gradient(135deg, rgba(5, 150, 105, 0.2), rgba(5, 150, 105, 0.1)) !important;
+    border-color: var(--success) !important;
     color: var(--success) !important;
-    border: 1px solid #a7f3d0 !important;
+    box-shadow: var(--glow-success) !important;
 }
 
 .status-offline {
-    background: #fee2e2 !important;
+    background: linear-gradient(135deg, rgba(220, 38, 38, 0.2), rgba(220, 38, 38, 0.1)) !important;
+    border-color: var(--danger) !important;
     color: var(--danger) !important;
-    border: 1px solid #fecaca !important;
+    box-shadow: var(--glow-danger) !important;
 }
 
 .status-warning {
-    background: #fef3c7 !important;
+    background: linear-gradient(135deg, rgba(217, 119, 6, 0.2), rgba(217, 119, 6, 0.1)) !important;
+    border-color: var(--warning) !important;
     color: var(--warning) !important;
-    border: 1px solid #fed7aa !important;
+    box-shadow: var(--glow-warning) !important;
 }
 
-/* Code editors */
-.code-editor {
-    font-family: 'JetBrains Mono', monospace !important;
-    background: #1e293b !important;
-    color: #e2e8f0 !important;
+/* Code Editors */
+.code-editor-industrial {
+    font-family: 'JetBrains Mono', 'Fira Code', Consolas, monospace !important;
+    background: linear-gradient(135deg, #0c1420 0%, #0f172a 100%) !important;
+    color: var(--text-secondary) !important;
+    border: 1px solid var(--border) !important;
     border-radius: 0.75rem !important;
-    border: 1px solid #334155 !important;
+    box-shadow: inset var(--shadow-lg) !important;
+    line-height: 1.6 !important;
 }
 
 .requirements-editor {
     font-family: 'JetBrains Mono', monospace !important;
-    background: #27272a !important;
-    color: #f4f4f5 !important;
+    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;
+    color: #e5e5e5 !important;
+    border: 1px solid var(--border) !important;
     border-radius: 0.75rem !important;
-    border: 1px solid #3f3f46 !important;
 }
 
-.terminal {
+/* Terminal Output */
+.terminal-industrial {
     font-family: 'JetBrains Mono', monospace !important;
-    background: #0f172a !important;
-    color: #e2e8f0 !important;
+    background: linear-gradient(135deg, #000000 0%, #0a0a0a 100%) !important;
+    color: #00ff88 !important;
+    border: 1px solid var(--border) !important;
     border-radius: 0.75rem !important;
-    padding: 1rem !important;
-    border: 1px solid #1e293b !important;
+    padding: 1.5rem !important;
+    box-shadow: inset var(--shadow-lg) !important;
+    line-height: 1.4 !important;
+    font-size: 0.875rem !important;
+    white-space: pre-wrap !important;
+    overflow-y: auto !important;
 }
 
-/* Form labels */
-.form-label {
-    font-weight: 600 !important;
-    color: var(--text) !important;
-    margin-bottom: 0.5rem !important;
+/* Form Labels */
+.form-label-industrial {
+    font-weight: 700 !important;
+    color: var(--text-primary) !important;
     font-size: 0.875rem !important;
     text-transform: uppercase !important;
-    letter-spacing: 0.025em !important;
+    letter-spacing: 0.05em !important;
+    margin-bottom: 0.75rem !important;
+    display: block !important;
+    border-left: 3px solid var(--primary) !important;
+    padding-left: 0.75rem !important;
 }
 
-/* Monitoring panel */
+/* Monitoring Panel */
 .monitor-panel {
-    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
+    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%) !important;
+    border: 1px solid var(--border-accent) !important;
+    border-radius: 0.75rem !important;
+    box-shadow: var(--shadow-lg), var(--glow-primary) !important;
+    position: relative !important;
+    overflow: hidden !important;
+}
+
+.monitor-panel::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: linear-gradient(90deg, var(--primary), var(--accent), var(--primary));
+    animation: scan-line 3s ease-in-out infinite;
+}
+
+/* System Metrics */
+.metric-grid {
+    display: grid !important;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
+    gap: 1rem !important;
+    margin-bottom: 1.5rem !important;
+}
+
+.metric-card {
+    background: rgba(15, 23, 42, 0.8) !important;
     border: 1px solid var(--border) !important;
-    border-radius: 1rem !important;
-    padding: 1.5rem !important;
-    box-shadow: 0 4px 6px -1px var(--shadow) !important;
+    border-radius: 0.5rem !important;
+    padding: 1rem !important;
+    text-align: center !important;
+}
+
+.metric-value {
+    font-family: 'JetBrains Mono', monospace !important;
+    font-size: 1.5rem !important;
+    font-weight: 700 !important;
+    color: var(--primary) !important;
+    text-shadow: var(--glow-primary) !important;
+}
+
+.metric-label {
+    font-size: 0.75rem !important;
+    color: var(--text-muted) !important;
+    text-transform: uppercase !important;
+    letter-spacing: 0.05em !important;
+    margin-top: 0.25rem !important;
+}
+
+/* Layouts */
+.main-grid {
+    display: grid !important;
+    grid-template-columns: 1fr 350px !important;
+    gap: 0 !important;
+    height: calc(100vh - 140px) !important;
+    overflow: hidden !important;
+}
+
+.content-area {
+    display: flex !important;
+    flex-direction: column !important;
+    gap: 0 !important;
+    overflow-y: auto !important;
+}
+
+.sidebar {
+    background: var(--bg-secondary) !important;
+    border-left: 1px solid var(--border) !important;
+    overflow-y: auto !important;
 }
 
 /* Animations */
-@keyframes pulse {
-    0%, 100% { opacity: 1; }
-    50% { opacity: 0.5; }
+@keyframes pulse-dot {
+    0%, 100% { opacity: 1; transform: scale(1); }
+    50% { opacity: 0.5; transform: scale(1.2); }
+}
+
+@keyframes scan-line {
+    0% { transform: translateX(-100%); }
+    100% { transform: translateX(100vw); }
+}
+
+@keyframes glow-pulse {
+    0%, 100% { box-shadow: var(--shadow-lg); }
+    50% { box-shadow: var(--shadow-lg), var(--glow-primary); }
+}
+
+/* Tab Styling */
+.tab-nav {
+    background: var(--bg-tertiary) !important;
+    border-bottom: 1px solid var(--border) !important;
+}
+
+.tab-nav button {
+    background: transparent !important;
+    color: var(--text-muted) !important;
+    border: none !important;
+    padding: 1rem 2rem !important;
+    font-weight: 500 !important;
+    text-transform: uppercase !important;
+    letter-spacing: 0.025em !important;
+    transition: all 0.3s ease !important;
+}
+
+.tab-nav button.selected {
+    background: var(--primary) !important;
+    color: var(--text-primary) !important;
+    box-shadow: var(--glow-primary) !important;
+}
+
+/* Warning Boxes */
+.warning-box {
+    background: linear-gradient(135deg, rgba(217, 119, 6, 0.1), rgba(217, 119, 6, 0.05)) !important;
+    border: 1px solid var(--warning) !important;
+    border-radius: 0.5rem !important;
+    padding: 1.5rem !important;
+    margin: 1rem 0 !important;
+    color: var(--text-primary) !important;
+}
+
+.warning-title {
+    font-weight: 700 !important;
+    color: var(--warning) !important;
+    font-size: 0.875rem !important;
+    text-transform: uppercase !important;
+    letter-spacing: 0.05em !important;
+    margin-bottom: 0.5rem !important;
 }
 
-.pulse {
-    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+/* Responsive Design */
+@media (max-width: 1200px) {
+    .main-grid {
+        grid-template-columns: 1fr !important;
+    }
+    
+    .sidebar {
+        border-left: none !important;
+        border-top: 1px solid var(--border) !important;
+    }
+}
+
+/* Scrollbar Styling */
+::-webkit-scrollbar {
+    width: 8px !important;
+    height: 8px !important;
+}
+
+::-webkit-scrollbar-track {
+    background: var(--bg-primary) !important;
+}
+
+::-webkit-scrollbar-thumb {
+    background: var(--primary) !important;
+    border-radius: 4px !important;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: var(--primary-dark) !important;
+}
+
+/* Loading States */
+.loading {
+    animation: glow-pulse 2s ease-in-out infinite !important;
+}
+
+/* Focus States */
+.btn-industrial:focus,
+.status-display:focus,
+input:focus,
+textarea:focus {
+    outline: 2px solid var(--primary) !important;
+    outline-offset: 2px !important;
 }
 """
 
@@ -424,138 +824,283 @@ def get_session_info():
     if sandbox.sandbox_created:
         remaining = sandbox.get_remaining_time()
         created = sandbox.creation_time.strftime("%H:%M:%S") if sandbox.creation_time else "N/A"
-        return f"Created: {created} | Remaining: {remaining}"
-    return "No active sandbox"
+        return f"SESSION ACTIVE | CREATED: {created} | REMAINING: {remaining}"
+    return "NO ACTIVE SESSION"
+
+def get_system_metrics():
+    return {
+        'timestamp': datetime.now().strftime("%H:%M:%S"),
+        'engine': sandbox.current_engine or "NONE",
+        'status': sandbox.get_status(),
+        'connection': "ONLINE" if sandbox.is_connected else "OFFLINE"
+    }
 
-# Build enhanced Gradio interface
-with gr.Blocks(css=industrial_css, title="Sandbox Compute Platform") as demo:
+# Build industrial-grade full-screen interface
+with gr.Blocks(css=industrial_css, title="SANDBOX COMPUTE PLATFORM") as demo:
+    
+    # Industrial Header
     gr.HTML("""
-    <div class="platform-header">
-        <div class="platform-title">🚀 Sandbox Compute Platform</div>
-        <div class="platform-subtitle">Enterprise-grade cloud computing with 2-hour session limits</div>
+    <div class="industrial-header">
+        <div class="header-content">
+            <div>
+                <div class="platform-title">⚡ SANDBOX COMPUTE PLATFORM</div>
+                <div class="platform-subtitle">ENTERPRISE-GRADE CLOUD COMPUTING INFRASTRUCTURE</div>
+            </div>
+            <div class="system-status">
+                <div class="status-indicator">
+                    <div class="status-dot"></div>
+                    <span>SYSTEM ONLINE</span>
+                </div>
+                <div class="status-indicator">
+                    <span>VERSION 2.1.0</span>
+                </div>
+                <div class="status-indicator">
+                    <span>SECURITY LEVEL: MAXIMUM</span>
+                </div>
+            </div>
+        </div>
     </div>
-    <div class="breadcrumb">
-        🏠 Dashboard → ⚡ Compute Services → 🛠️ Sandbox Management Console
+    """)
+    
+    # Navigation Breadcrumb
+    gr.HTML("""
+    <div class="nav-breadcrumb">
+        🏠 CONTROL CENTER → ⚡ COMPUTE SERVICES → 🛠️ SANDBOX MANAGEMENT CONSOLE → 🚀 DEPLOYMENT INTERFACE
     </div>
     """)
 
-    # Session Info Bar
-    with gr.Row():
-        with gr.Column():
-            session_info = gr.Textbox(
-                value=get_session_info(),
-                label="📊 Session Information",
-                interactive=False,
-                elem_classes=["status-badge"]
-            )
-
-    with gr.Row():
-        # Main Content
-        with gr.Column(scale=2):
-            # Connection Management
-            with gr.Group(elem_classes=["card"]):
-                gr.HTML('<div class="card-header">🔌 Connection Management</div>')
+    # Main Grid Layout
+    with gr.Row(elem_classes=["main-grid"]):
+        
+        # Main Content Area
+        with gr.Column(elem_classes=["content-area"], scale=3):
+            
+            # Session Status Bar
+            with gr.Group(elem_classes=["industrial-card"]):
+                gr.HTML('<div class="card-header">📊 SESSION CONTROL CENTER</div>')
                 with gr.Group(elem_classes=["card-content"]):
-                    gr.HTML('<div class="form-label">Initialize Backend Connection</div>')
-                    with gr.Row():
-                        connect_btn = gr.Button("🚀 Connect to Backend", elem_classes=["btn-primary"])
-                        load_samples_btn = gr.Button("📄 Load Templates", elem_classes=["btn-secondary"])
-                    
-                    gr.HTML('<div class="form-label">Active Engine</div>')
-                    current_engine_display = gr.Textbox(
-                        value="No engine selected", 
+                    session_info = gr.Textbox(
+                        value=get_session_info(),
+                        label="",
                         interactive=False,
-                        elem_classes=["status-badge"],
+                        elem_classes=["status-display"],
                         show_label=False
                     )
                     
-                    gr.HTML('<div class="form-label">Connection Status</div>')
-                    connection_status = gr.Textbox(
-                        value="DISCONNECTED", 
-                        interactive=False,
-                        elem_classes=["status-offline"],
-                        show_label=False
-                    )
+                    with gr.Row():
+                        with gr.Column():
+                            gr.HTML('<div class="form-label-industrial">⚡ ENGINE STATUS</div>')
+                            current_engine_display = gr.Textbox(
+                                value="NO ENGINE SELECTED", 
+                                interactive=False,
+                                elem_classes=["status-display", "status-offline"],
+                                show_label=False
+                            )
+                        
+                        with gr.Column():
+                            gr.HTML('<div class="form-label-industrial">🔗 CONNECTION STATUS</div>')
+                            connection_status = gr.Textbox(
+                                value="DISCONNECTED", 
+                                interactive=False,
+                                elem_classes=["status-display", "status-offline"],
+                                show_label=False
+                            )
+
+            # Infrastructure Management
+            with gr.Group(elem_classes=["industrial-card"]):
+                gr.HTML('<div class="card-header">🔧 INFRASTRUCTURE MANAGEMENT</div>')
+                with gr.Group(elem_classes=["card-content"]):
+                    with gr.Row():
+                        connect_btn = gr.Button("🚀 INITIALIZE ENGINE", elem_classes=["btn-industrial"])
+                        load_samples_btn = gr.Button("📋 LOAD TEMPLATES", elem_classes=["btn-secondary"])
+                    
+                    # Warning Box
+                    gr.HTML("""
+                    <div class="warning-box">
+                        <div class="warning-title">⚠️ SESSION RESTRICTIONS</div>
+                        <strong>• SINGLE SANDBOX LIMIT:</strong> One sandbox per browser session<br>
+                        <strong>• TIME LIMIT:</strong> 2 hours maximum runtime<br>
+                        <strong>• AUTO-TERMINATION:</strong> Sandbox terminates when time expires<br>
+                        <strong>• NO PERSISTENCE:</strong> All data is lost after termination
+                    </div>
+                    """)
 
             # Development Environment
-            with gr.Group(elem_classes=["card"]):
-                gr.HTML('<div class="card-header">💻 Development Environment</div>')
+            with gr.Group(elem_classes=["industrial-card"]):
+                gr.HTML('<div class="card-header">💻 DEVELOPMENT ENVIRONMENT</div>')
                 with gr.Group(elem_classes=["card-content"]):
-                    with gr.Tab("📝 main.py"):
-                        gr.HTML('<div class="form-label">Application Source Code</div>')
+                    
+                    with gr.Tab("📝 MAIN.PY - APPLICATION SOURCE"):
+                        gr.HTML('<div class="form-label-industrial">🐍 PYTHON APPLICATION CODE</div>')
                         main_py_editor = gr.Code(
                             value=SAMPLE_MAIN_PY,
                             language="python",
-                            lines=15,
-                            elem_classes=["code-editor"],
+                            lines=20,
+                            elem_classes=["code-editor-industrial"],
                             show_label=False
                         )
                     
-                    with gr.Tab("📦 requirements.txt"):
-                        gr.HTML('<div class="form-label">Dependency Specifications</div>')
+                    with gr.Tab("📦 REQUIREMENTS.TXT - DEPENDENCIES"):
+                        gr.HTML('<div class="form-label-industrial">📋 PACKAGE SPECIFICATIONS</div>')
                         requirements_editor = gr.Textbox(
                             value=SAMPLE_REQUIREMENTS_TXT,
-                            lines=15,
+                            lines=20,
                             elem_classes=["requirements-editor"],
                             show_label=False,
-                            max_lines=20
+                            max_lines=25
                         )
                     
-                    gr.HTML('<hr style="margin: 1.5rem 0; border: 1px solid var(--border);">')
+                    # Deployment Controls
+                    gr.HTML('<hr style="margin: 2rem 0; border: 1px solid var(--border); opacity: 0.5;">')
                     
                     with gr.Row():
-                        launch_btn = gr.Button("🚀 Deploy Sandbox", elem_classes=["btn-primary"], size="lg")
-                        kill_btn = gr.Button("🛑 Terminate Sandbox", elem_classes=["btn-danger"], size="lg")
+                        launch_btn = gr.Button(
+                            "🚀 DEPLOY SANDBOX", 
+                            elem_classes=["btn-industrial"],
+                            size="lg"
+                        )
+                        kill_btn = gr.Button(
+                            "🛑 TERMINATE SANDBOX", 
+                            elem_classes=["btn-danger"],
+                            size="lg"
+                        )
                     
-                    gr.HTML('<div class="form-label">Deployment Output</div>')
+                    gr.HTML('<div class="form-label-industrial">📊 DEPLOYMENT OUTPUT</div>')
                     launch_output = gr.Textbox(
-                        lines=6,
+                        lines=8,
                         interactive=False,
-                        placeholder="🚀 Deployment logs and status information will appear here...",
-                        elem_classes=["terminal"],
+                        placeholder="[SYSTEM] Deployment logs and status information will appear here...",
+                        elem_classes=["terminal-industrial"],
                         show_label=False
                     )
 
-        # Monitoring Panel
-        with gr.Column(scale=1):
-            with gr.Group(elem_classes=["monitor-panel"]):
-                gr.HTML('<div class="form-label">📊 System Monitor</div>')
-                
-                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_refresh_btn = gr.Button("🔄 Refresh Status", elem_classes=["btn-secondary"], size="sm")
-                
-                gr.HTML('<div class="form-label">⚠️ Session Limits</div>')
-                gr.HTML("""
-                <div style="background: #fef3c7; padding: 1rem; border-radius: 0.5rem; border: 1px solid #fed7aa;">
-                    <strong>Time Limit:</strong> 2 hours per sandbox<br>
-                    <strong>Sessions:</strong> 1 sandbox per browser session<br>
-                    <strong>Auto-cleanup:</strong> Sandbox terminates when expired
-                </div>
-                """)
-
-    # Logs Section
-    with gr.Group(elem_classes=["card"]):
-        gr.HTML('<div class="card-header">📋 System Logs & Monitoring</div>')
-        with gr.Group(elem_classes=["card-content"]):
-            with gr.Row():
-                fetch_logs_btn = gr.Button("📋 Fetch Application Logs", elem_classes=["btn-secondary"])
-                auto_refresh_btn = gr.Button("🔄 Auto Refresh (30s)", elem_classes=["btn-secondary"])
+            # System Logs
+            with gr.Group(elem_classes=["industrial-card"]):
+                gr.HTML('<div class="card-header">📋 SYSTEM LOGS & MONITORING</div>')
+                with gr.Group(elem_classes=["card-content"]):
+                    
+                    with gr.Row():
+                        fetch_logs_btn = gr.Button("📋 FETCH LOGS", elem_classes=["btn-secondary"])
+                        auto_refresh_btn = gr.Button("🔄 AUTO REFRESH", elem_classes=["btn-secondary"])
+                        clear_logs_btn = gr.Button("🗑️ CLEAR LOGS", elem_classes=["btn-secondary"])
+                    
+                    gr.HTML('<div class="form-label-industrial">📊 RUNTIME LOGS</div>')
+                    logs_display = gr.Textbox(
+                        lines=15,
+                        interactive=False,
+                        elem_classes=["terminal-industrial"],
+                        placeholder="[SYSTEM] Application logs and runtime information will appear here...",
+                        show_label=False
+                    )
+
+        # Monitoring Sidebar
+        with gr.Column(elem_classes=["sidebar"], scale=1):
             
-            gr.HTML('<div class="form-label">Runtime Logs</div>')
-            logs_display = gr.Textbox(
-                lines=12,
-                interactive=False,
-                elem_classes=["terminal"],
-                placeholder="[SYSTEM] 📋 Application logs will appear here...",
-                show_label=False
-            )
+            # System Monitor
+            with gr.Group(elem_classes=["monitor-panel"]):
+                gr.HTML('<div class="card-header">📊 SYSTEM MONITOR</div>')
+                with gr.Group(elem_classes=["card-content"]):
+                    
+                    gr.HTML('<div class="form-label-industrial">🔍 INSTANCE STATUS</div>')
+                    status_display = gr.Textbox(
+                        value="OFFLINE",
+                        interactive=False,
+                        elem_classes=["status-display", "status-offline"],
+                        show_label=False
+                    )
+                    
+                    status_refresh_btn = gr.Button("🔄 REFRESH STATUS", elem_classes=["btn-secondary"], size="sm")
+                    
+                    # System Metrics
+                    gr.HTML('<div class="form-label-industrial">📈 SYSTEM METRICS</div>')
+                    gr.HTML("""
+                    <div class="metric-grid">
+                        <div class="metric-card">
+                            <div class="metric-value" id="uptime">00:00:00</div>
+                            <div class="metric-label">UPTIME</div>
+                        </div>
+                        <div class="metric-card">
+                            <div class="metric-value" id="sessions">1</div>
+                            <div class="metric-label">SESSIONS</div>
+                        </div>
+                        <div class="metric-card">
+                            <div class="metric-value" id="cpu">0%</div>
+                            <div class="metric-label">CPU USAGE</div>
+                        </div>
+                        <div class="metric-card">
+                            <div class="metric-value" id="memory">0MB</div>
+                            <div class="metric-label">MEMORY</div>
+                        </div>
+                    </div>
+                    """)
+                    
+                    # Time Remaining
+                    gr.HTML('<div class="form-label-industrial">⏱️ SESSION TIMER</div>')
+                    time_remaining = gr.Textbox(
+                        value="NO ACTIVE SESSION",
+                        interactive=False,
+                        elem_classes=["status-display"],
+                        show_label=False
+                    )
+                    
+                    # Auto-refresh Controls
+                    gr.HTML('<div class="form-label-industrial">🔄 AUTO-REFRESH</div>')
+                    with gr.Column():
+                        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
+                        )
+
+            # Security & Compliance
+            with gr.Group(elem_classes=["industrial-card"]):
+                gr.HTML('<div class="card-header">🔒 SECURITY & COMPLIANCE</div>')
+                with gr.Group(elem_classes=["card-content"]):
+                    gr.HTML("""
+                    <div style="font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; color: var(--text-muted);">
+                        <div style="margin-bottom: 0.5rem;"><strong>🔐 ENCRYPTION:</strong> AES-256</div>
+                        <div style="margin-bottom: 0.5rem;"><strong>🛡️ ISOLATION:</strong> CONTAINER</div>
+                        <div style="margin-bottom: 0.5rem;"><strong>🚫 NETWORK:</strong> RESTRICTED</div>
+                        <div style="margin-bottom: 0.5rem;"><strong>📊 MONITORING:</strong> ACTIVE</div>
+                        <div style="margin-bottom: 0.5rem;"><strong>🗂️ LOGGING:</strong> ENABLED</div>
+                        <div><strong>⏰ RETENTION:</strong> 2 HOURS</div>
+                    </div>
+                    """)
+
+            # Resource Usage
+            with gr.Group(elem_classes=["industrial-card"]):
+                gr.HTML('<div class="card-header">📈 RESOURCE ALLOCATION</div>')
+                with gr.Group(elem_classes=["card-content"]):
+                    gr.HTML("""
+                    <div style="font-family: 'JetBrains Mono', monospace; font-size: 0.8rem;">
+                        <div style="margin-bottom: 1rem;">
+                            <div style="color: var(--text-muted); margin-bottom: 0.25rem;">CPU ALLOCATION</div>
+                            <div style="background: var(--bg-tertiary); height: 8px; border-radius: 4px; overflow: hidden;">
+                                <div style="background: var(--primary); height: 100%; width: 25%; transition: width 0.3s;"></div>
+                            </div>
+                            <div style="color: var(--text-primary); font-size: 0.75rem; margin-top: 0.25rem;">1 vCPU / 4 vCPU MAX</div>
+                        </div>
+                        
+                        <div style="margin-bottom: 1rem;">
+                            <div style="color: var(--text-muted); margin-bottom: 0.25rem;">MEMORY ALLOCATION</div>
+                            <div style="background: var(--bg-tertiary); height: 8px; border-radius: 4px; overflow: hidden;">
+                                <div style="background: var(--success); height: 100%; width: 40%; transition: width 0.3s;"></div>
+                            </div>
+                            <div style="color: var(--text-primary); font-size: 0.75rem; margin-top: 0.25rem;">2GB / 8GB MAX</div>
+                        </div>
+                        
+                        <div>
+                            <div style="color: var(--text-muted); margin-bottom: 0.25rem;">STORAGE ALLOCATION</div>
+                            <div style="background: var(--bg-tertiary); height: 8px; border-radius: 4px; overflow: hidden;">
+                                <div style="background: var(--warning); height: 100%; width: 15%; transition: width 0.3s;"></div>
+                            </div>
+                            <div style="color: var(--text-primary); font-size: 0.75rem; margin-top: 0.25rem;">5GB / 20GB MAX</div>
+                        </div>
+                    </div>
+                    """)
 
     # Event Handlers
     connect_btn.click(
@@ -588,12 +1133,40 @@ with gr.Blocks(css=industrial_css, title="Sandbox Compute Platform") as demo:
         fn=auto_refresh_status,
         outputs=status_display
     )
+    
+    # Clear logs function
+    def clear_logs():
+        return "[SYSTEM] Logs cleared by user request."
+    
+    clear_logs_btn.click(
+        fn=clear_logs,
+        outputs=logs_display
+    )
+
+    # Update session info periodically
+    def update_session_info():
+        return get_session_info()
+    
+    # Auto-refresh timer updates
+    def update_time_remaining():
+        if sandbox.sandbox_created:
+            return sandbox.get_remaining_time()
+        return "NO ACTIVE SESSION"
+    
+    # Periodic updates every 5 seconds for time display
+    demo.load(
+        fn=update_time_remaining,
+        outputs=time_remaining,
+        every=5
+    )
 
-# Launch the application
+# Launch the industrial-grade application
 if __name__ == "__main__":
     demo.launch(
         server_name="0.0.0.0",
         server_port=7860,
         share=False,
-        debug=False
+        debug=False,
+        show_error=True,
+        inbrowser=True
     )