Update pages/dashboard.py

pages/dashboard.py

@@ -217,4 +217,101 @@ def create_realtime_section():
     auto_refresh = st.checkbox("Enable Auto-refresh", value=False)
     
     if auto_refresh:
-        refresh_interval = st.slider("Refresh Interval (seconds)",
+        refresh_interval = st.slider("Refresh Interval (seconds)", 1, 60, 5)
+        st.info(f"Data will refresh every {refresh_interval} seconds")
+    
+    # Real-time metrics
+    col1, col2, col3 = st.columns(3)
+    
+    # Generate real-time data
+    current_time = datetime.now()
+    
+    with col1:
+        cpu_usage = np.random.uniform(20, 80)
+        st.metric("CPU Usage", f"{cpu_usage:.1f}%", f"{np.random.uniform(-5, 5):.1f}%")
+    
+    with col2:
+        memory_usage = np.random.uniform(30, 90)
+        st.metric("Memory Usage", f"{memory_usage:.1f}%", f"{np.random.uniform(-3, 3):.1f}%")
+    
+    with col3:
+        active_connections = np.random.randint(100, 500)
+        st.metric("Active Connections", active_connections, np.random.randint(-10, 20))
+    
+    # Real-time chart
+    st.subheader("📊 Real-time Performance")
+    
+    # Generate time series data
+    time_points = pd.date_range(end=current_time, periods=50, freq='1T')
+    performance_data = {
+        'Time': time_points,
+        'CPU': np.random.uniform(20, 80, 50),
+        'Memory': np.random.uniform(30, 90, 50),
+        'Network': np.random.uniform(10, 60, 50)
+    }
+    
+    df_realtime = pd.DataFrame(performance_data)
+    
+    # Create multi-line chart
+    fig = go.Figure()
+    
+    for metric in ['CPU', 'Memory', 'Network']:
+        fig.add_trace(go.Scatter(
+            x=df_realtime['Time'],
+            y=df_realtime[metric],
+            mode='lines+markers',
+            name=f'{metric} %',
+            line=dict(width=2)
+        ))
+    
+    fig.update_layout(
+        title='System Performance Over Time',
+        xaxis_title='Time',
+        yaxis_title='Usage (%)',
+        hovermode='x unified'
+    )
+    
+    st.plotly_chart(fig, use_container_width=True)
+    
+    # Status indicators
+    st.subheader("🚨 System Status")
+    
+    col1, col2, col3, col4 = st.columns(4)
+    
+    with col1:
+        status = "🟢 Online" if np.random.random() > 0.1 else "🔴 Offline"
+        st.write(f"**Database:** {status}")
+    
+    with col2:
+        status = "🟢 Healthy" if np.random.random() > 0.05 else "🟡 Warning"
+        st.write(f"**API:** {status}")
+    
+    with col3:
+        status = "🟢 Running" if np.random.random() > 0.02 else "🔴 Down"
+        st.write(f"**Services:** {status}")
+    
+    with col4:
+        status = "🟢 Good" if np.random.random() > 0.15 else "🟡 Slow"
+        st.write(f"**Network:** {status}")
+    
+    # Recent events log
+    st.subheader("📝 Recent Events")
+    
+    events = [
+        {"time": current_time - timedelta(minutes=2), "event": "System backup completed", "type": "info"},
+        {"time": current_time - timedelta(minutes=5), "event": "High CPU usage detected", "type": "warning"},
+        {"time": current_time - timedelta(minutes=8), "event": "New user registration", "type": "info"},
+        {"time": current_time - timedelta(minutes=12), "event": "Database connection restored", "type": "success"},
+        {"time": current_time - timedelta(minutes=15), "event": "Scheduled maintenance started", "type": "info"},
+    ]
+    
+    for event in events:
+        icon = {"info": "ℹ️", "warning": "⚠️", "success": "✅", "error": "❌"}.get(event["type"], "📝")
+        st.write(f"{icon} **{event['time'].strftime('%H:%M:%S')}** - {event['event']}")
+    
+    # Auto-refresh functionality
+    if auto_refresh:
+        # Use Streamlit's rerun to refresh the page
+        import time
+        time.sleep(refresh_interval)
+        st.rerun()