From 8b96c3ffc988fc9699c9e512ea8d301730e12c3b Mon Sep 17 00:00:00 2001
From: Shawn <shawn@ourpad.casa>
Date: Mon, 25 May 2026 01:10:15 -0400
Subject: [PATCH] Add live Windows Gaming PC stats with metric bars

- New API /api/windows/stats: SSHes into gamingpc, runs PowerShell for CPU/RAM/Disk/Uptime
- Live metric bars on the Windows PC card (CPU/RAM/C:) updating every 30s
- Duplicate barColor() removed
---
 index.html | 51 ++++++++++++++++++++++++++++++++++++++++++++++++++-
 serve.py   | 43 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 93 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 6825530..fc77ee2 100644
--- a/index.html
+++ b/index.html
@@ -268,10 +268,13 @@
       <div class="card-expand"><div class="detail-row"><span class="detail-label">WAN</span><span class="detail-val">68.202.6.107</span></div><div class="detail-row"><span class="detail-label">Proxy</span><span class="detail-val">192.168.0.115</span></div><div class="detail-row"><span class="detail-label">VPN</span><span class="detail-val">Tailscale mesh — 2 nodes</span></div></div>
     </div>
 
-    <div class="card nolink" onclick="toggleCardExpand(this)">
+    <div class="card nolink" id="win-pc-card" onclick="toggleCardExpand(this)">
       <div class="card-header"><div class="card-icon" style="background:#fce7f3;">🖥️</div><span class="card-title">Windows Gaming PC</span><span class="expand-indicator">▾</span></div>
       <p class="card-desc"><strong>i7-8700K · RTX 2080 4GB · 32GB RAM</strong> — ComfyUI :8188, Ollama qwen2.5vl :11434. Tailscale 100.84.53.121</p>
       <div class="card-meta"><span class="tag">Win 11 Pro</span><span class="tag">NVMe</span><span class="tag">C: 931GB</span></div>
+      <div id="win-pc-metrics" style="margin: 10px 0 0 0; font-size: 13px;">
+        <span class="stats-error">Loading Windows stats...</span>
+      </div>
       <div class="card-expand">
         <div class="detail-row"><span class="detail-label">CPU</span><span class="detail-val">Intel Core i7-8700K @ 3.70GHz (6C/12T)</span></div>
         <div class="detail-row"><span class="detail-label">GPU</span><span class="detail-val">NVIDIA RTX 2080 (4GB) + Intel UHD 630</span></div>
@@ -506,14 +509,60 @@ async function updateDocker() {
   }
 }
 
+// ─── Windows Gaming PC Live Stats ──────────────────────────────────────
+async function updateWindowsStats() {
+  const el = document.getElementById("win-pc-metrics");
+  if (!el) return;
+  try {
+    const r = await fetch("/api/windows/stats");
+    const d = await r.json();
+    if (!d.online) {
+      el.innerHTML = `<span class="stats-error">Windows PC offline</span>`;
+      return;
+    }
+    const memPct = d.mem_total_gb > 0 ? Math.round((d.mem_used_gb / d.mem_total_gb) * 100) : 0;
+    const diskPct = d.disk_c_total_gb > 0 ? Math.round((d.disk_c_used_gb / d.disk_c_total_gb) * 100) : 0;
+
+    el.innerHTML = `
+      <div class="metric-row" style="margin-bottom:2px">
+        <span class="metric-label" style="font-size:12px">CPU</span>
+        <div class="metric-bar-bg" style="height:6px">
+          <div class="metric-bar-fill" style="width:${Math.min(d.cpu, 100)}%;background:${barColor(d.cpu)}"></div>
+        </div>
+        <span class="metric-val" style="font-size:11px">${d.cpu}%</span>
+      </div>
+      <div class="metric-row" style="margin-bottom:2px">
+        <span class="metric-label" style="font-size:12px">RAM</span>
+        <div class="metric-bar-bg" style="height:6px">
+          <div class="metric-bar-fill" style="width:${memPct}%;background:${barColor(memPct)}"></div>
+        </div>
+        <span class="metric-val" style="font-size:11px">${d.mem_used_gb}/${d.mem_total_gb} GB</span>
+      </div>
+      <div class="metric-row" style="margin-bottom:2px">
+        <span class="metric-label" style="font-size:12px">C:</span>
+        <div class="metric-bar-bg" style="height:6px">
+          <div class="metric-bar-fill" style="width:${diskPct}%;background:${barColor(diskPct)}"></div>
+        </div>
+        <span class="metric-val" style="font-size:11px">${d.disk_c_used_gb}/${d.disk_c_total_gb} GB</span>
+      </div>
+      <div style="font-size:11px;color:var(--gray-400);margin-top:4px">
+        Uptime: ${d.uptime_days}d &middot; Win 11 Pro
+      </div>`;
+  } catch(e) {
+    el.innerHTML = `<span class="stats-error">Windows stats unavailable</span>`;
+  }
+}
+
 // ─── Init ─────────────────────────────────────────────────────────────
 renderServices();
 updateStatus();
 updateHosts();
 updateDocker();
+updateWindowsStats();
 setInterval(updateStatus, 60000);
 setInterval(updateHosts, 30000);
 setInterval(updateDocker, 30000);
+setInterval(updateWindowsStats, 30000);
 
 // ─── Dark Mode Toggle ──────────────────────────────────────────────────
 function toggleDark() {
diff --git a/serve.py b/serve.py
index b4c8d4e..9a9b426 100755
--- a/serve.py
+++ b/serve.py
@@ -241,6 +241,49 @@ async def docker_stats():
         return {"error": str(e)[:200], "containers": []}
 
 
+@app.get("/api/windows/stats")
+async def windows_stats():
+    """Get live stats from Windows Gaming PC via PowerShell over SSH."""
+    import subprocess, base64, json as _json
+    
+    # PowerShell script: backslash counter paths need single \, Python raw string preserves them
+    ps_script = r'''
+$cpu=(Get-Counter '\Processor(_Total)\% Processor Time').CounterSamples[0].CookedValue
+$os=Get-CimInstance Win32_OperatingSystem
+$disk=Get-CimInstance Win32_LogicalDisk -Filter "DeviceID='C:'"
+$uptime=(Get-Date)-$os.LastBootUpTime
+@{
+    'cpu'=[math]::Round($cpu,1)
+    'mem_total_gb'=[math]::Round($os.TotalVisibleMemorySize/1MB,1)
+    'mem_free_gb'=[math]::Round($os.FreePhysicalMemory/1MB,1)
+    'disk_c_total_gb'=[math]::Round($disk.Size/1GB,1)
+    'disk_c_free_gb'=[math]::Round($disk.FreeSpace/1GB,1)
+    'uptime_days'=[math]::Round($uptime.TotalDays,1)
+} | ConvertTo-Json
+'''.strip()
+    
+    try:
+        encoded = base64.b64encode(ps_script.encode('utf-16le')).decode()
+        result = subprocess.run(
+            ["ssh", "gamingpc",
+             "powershell", "-NoProfile", "-EncodedCommand", encoded],
+            capture_output=True, text=True, timeout=30
+        )
+        if result.returncode != 0:
+            return {"error": result.stderr.strip()[:300], "online": False}
+        
+        # Filter CLIXML noise from stdout
+        clean = "\n".join(l for l in result.stdout.split("\n")
+                         if l.strip() and not l.startswith("#<") and not l.startswith("<"))
+        data = _json.loads(clean)
+        data["online"] = True
+        data["mem_used_gb"] = round(data["mem_total_gb"] - data["mem_free_gb"], 1)
+        data["disk_c_used_gb"] = round(data["disk_c_total_gb"] - data["disk_c_free_gb"], 1)
+        return data
+    except Exception as e:
+        return {"error": str(e)[:300], "online": False}
+
+
 @app.get("/{path:path}")
 async def index(path: str = ""):
     """Serve static files, fallback to index.html."""