Update Dockerfile

Dockerfile

@@ -3,6 +3,7 @@ FROM node:18-bullseye-slim
 USER root
 
 # 1. Install System Tools
+# We need 'procps' for system stats and 'bc' for math if needed
 RUN apt-get update && \
     apt-get install -y wget ffmpeg dumb-init procps && \
     apt-get autoremove -y && \
@@ -26,6 +27,7 @@ ENV STREAMING_DISABLED=0
 ENV PORT=11470
 
 # 6. DASHBOARD V2 (With Speedometer)
+# This script monitors the network interface (eth0) directly from the kernel.
 RUN echo "const http = require('http'); \
 const httpProxy = require('http-proxy'); \
 const { execSync } = require('child_process'); \
@@ -44,6 +46,7 @@ let stats = { \
 }; \
 \
 let lastRx = 0; \
+// Try to read initial network counter \
 try { lastRx = parseInt(fs.readFileSync('/sys/class/net/eth0/statistics/rx_bytes', 'utf8')); } catch(e) {} \
 \
 // Update Stats every second \
@@ -60,7 +63,7 @@ setInterval(() => { \
         // Update Max \
         if (mbps > stats.max) stats.max = mbps; \
         \
-        // Update Min (Only count non-idle speeds > 0.1 Mbps) \
+        // Update Min (Only count active usage > 0.1 Mbps) \
         if (mbps > 0.1) { \
             if (stats.min === 0 || mbps < stats.min) stats.min = mbps; \
         } \
@@ -68,7 +71,7 @@ setInterval(() => { \
         // Update Avg \
         stats.totalBytes += diff; \
         stats.samples++; \
-        // Avg = (Total Bits) / (Total Seconds) / 1M \
+        // Avg calculation \
         stats.avg = (stats.totalBytes * 8) / stats.samples / 1000000; \
         \
     } catch(e) {} \
@@ -86,6 +89,7 @@ proxy.on('error', (err, req, res) => { \
 }); \
 \
 const server = http.createServer((req, res) => { \
+    // Serve Dashboard on Home Page \
     if (req.url === '/' || req.url === '/health') { \
         let disk = 'Unknown', ram = 'Unknown', uptime = 'Unknown'; \
         try { \
@@ -95,28 +99,27 @@ const server = http.createServer((req, res) => { \
              uptime = Math.floor(upSec / 3600) + 'h ' + Math.floor((upSec % 3600) / 60) + 'm'; \
         } catch (e) {} \
         \
-        const duration = ((Date.now() - stats.startTime) / 1000 / 60 / 60).toFixed(1); \
+        const duration = ((Date.now() - stats.startTime) / 1000 / 60 / 60).toFixed(2); \
         \
         const html = \` \
         <body style='background:#0d1117; color:#3fb950; font-family:monospace; display:flex; flex-direction:column; align-items:center; justify-content:center; height:100vh; margin:0;'> \
-            <div style='border: 1px solid #3fb950; padding: 25px; border-radius: 12px; min-width: 300px; box-shadow: 0 0 20px rgba(63, 185, 80, 0.2); background:#161b22;'> \
+            <div style='border: 1px solid #3fb950; padding: 25px; border-radius: 12px; min-width: 320px; box-shadow: 0 0 20px rgba(63, 185, 80, 0.2); background:#161b22;'> \
                 <h2 style='margin:0 0 15px 0; text-align:center; border-bottom: 1px solid #30363d; padding-bottom:10px;'>🚀 NETWORK METRICS</h2> \
                 \
-                <div style='margin-bottom: 20px;'> \
-                    <div style='font-size: 24px; color:white; text-align:center; margin-bottom:5px;'>⬇️ \${stats.current.toFixed(2)} Mbps</div> \
-                    <div style='text-align:center; font-size:12px; color:#8b949e;'>Live Throughput</div> \
+                <div style='margin-bottom: 20px; text-align:center;'> \
+                    <div style='font-size: 32px; color:white; font-weight:bold;'>⬇️ \${stats.current.toFixed(2)} Mbps</div> \
+                    <div style='font-size:12px; color:#8b949e;'>Live Throughput</div> \
                 </div> \
                 \
-                <div style='display:grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 13px; color:#c9d1d9; border-top: 1px solid #30363d; padding-top:15px;'> \
-                    <div>📈 Max: <span style='color:#white'>\${stats.max.toFixed(2)}</span> Mbps</div> \
-                    <div>📉 Min (Act): <span style='color:#white'>\${stats.min.toFixed(2)}</span> Mbps</div> \
-                    <div>📊 Avg: <span style='color:#white'>\${stats.avg.toFixed(2)}</span> Mbps</div> \
-                    <div>⏱️ Monitored: <span style='color:#white'>\${duration}</span> Hrs</div> \
+                <div style='display:grid; grid-template-columns: 1fr 1fr; gap: 15px; font-size: 13px; color:#c9d1d9; border-top: 1px solid #30363d; padding-top:15px;'> \
+                    <div>📈 Max: <span style='color:white'>\${stats.max.toFixed(2)}</span> Mbps</div> \
+                    <div>📉 Min: <span style='color:white'>\${stats.min.toFixed(2)}</span> Mbps</div> \
+                    <div>📊 Avg: <span style='color:white'>\${stats.avg.toFixed(2)}</span> Mbps</div> \
+                    <div>⏱️ Run: <span style='color:white'>\${duration}</span> Hrs</div> \
                 </div> \
                 \
                 <div style='margin-top: 20px; border-top: 1px solid #30363d; padding-top: 15px; font-size: 12px; color:#8b949e;'> \
-                    <p>💾 Disk: \${disk}</p> \
-                    <p>🧠 RAM: \${ram}</p> \
+                    <p>💾 Disk: \${disk} | �� RAM: \${ram}</p> \
                     <p>⚡ Uptime: \${uptime}</p> \
                 </div> \
             </div> \