mirror of
https://github.com/smittix/intercept.git
synced 2026-07-14 12:38:11 -07:00
feat: enhance System Health dashboard with rich telemetry and visualizations
Add SVG arc gauge, per-core CPU bars, temperature sparkline, network interface monitoring with bandwidth deltas, disk I/O rates, 3D globe with observer location, weather overlay, battery/fan/throttle support, and process grid layout. New /system/location and /system/weather endpoints. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
+25
-3
@@ -3130,6 +3130,8 @@
|
||||
<!-- System Health Visuals -->
|
||||
<div id="systemVisuals" class="sys-visuals-container" style="display: none;">
|
||||
<div class="sys-dashboard">
|
||||
<!-- Row 1: COMPUTE -->
|
||||
<div class="sys-group-header">Compute</div>
|
||||
<div class="sys-card" id="sysCardCpu">
|
||||
<div class="sys-card-header">CPU</div>
|
||||
<div class="sys-card-body"><span class="sys-metric-na">Connecting…</span></div>
|
||||
@@ -3138,8 +3140,26 @@
|
||||
<div class="sys-card-header">Memory</div>
|
||||
<div class="sys-card-body"><span class="sys-metric-na">Connecting…</span></div>
|
||||
</div>
|
||||
<div class="sys-card" id="sysCardTemp">
|
||||
<div class="sys-card-header">Temperature & Power</div>
|
||||
<div class="sys-card-body"><span class="sys-metric-na">Connecting…</span></div>
|
||||
</div>
|
||||
|
||||
<!-- Row 2: NETWORK & LOCATION -->
|
||||
<div class="sys-group-header">Network & Location</div>
|
||||
<div class="sys-card" id="sysCardNetwork">
|
||||
<div class="sys-card-header">Network</div>
|
||||
<div class="sys-card-body"><span class="sys-metric-na">Connecting…</span></div>
|
||||
</div>
|
||||
<div class="sys-card sys-card-wide" id="sysCardLocation">
|
||||
<div class="sys-card-header">Location & Weather</div>
|
||||
<div class="sys-card-body"><span class="sys-metric-na">Loading…</span></div>
|
||||
</div>
|
||||
|
||||
<!-- Row 3: EQUIPMENT & OPERATIONS -->
|
||||
<div class="sys-group-header">Equipment & Operations</div>
|
||||
<div class="sys-card" id="sysCardDisk">
|
||||
<div class="sys-card-header">Disk</div>
|
||||
<div class="sys-card-header">Disk & Storage</div>
|
||||
<div class="sys-card-body"><span class="sys-metric-na">Connecting…</span></div>
|
||||
</div>
|
||||
<div class="sys-card" id="sysCardSdr">
|
||||
@@ -3147,10 +3167,12 @@
|
||||
<div class="sys-card-body"><span class="sys-metric-na">Scanning…</span></div>
|
||||
</div>
|
||||
<div class="sys-card" id="sysCardProcesses">
|
||||
<div class="sys-card-header">Processes</div>
|
||||
<div class="sys-card-header">Active Processes</div>
|
||||
<div class="sys-card-body"><span class="sys-metric-na">Connecting…</span></div>
|
||||
</div>
|
||||
<div class="sys-card" id="sysCardInfo">
|
||||
|
||||
<!-- Full-width system info -->
|
||||
<div class="sys-card sys-card-full" id="sysCardInfo">
|
||||
<div class="sys-card-header">System Info</div>
|
||||
<div class="sys-card-body"><span class="sys-metric-na">Connecting…</span></div>
|
||||
</div>
|
||||
|
||||
@@ -31,6 +31,24 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Network & Location -->
|
||||
<div class="section">
|
||||
<h3>Network</h3>
|
||||
<div id="sysQuickNet" style="font-size: 11px; color: var(--text-dim);">--</div>
|
||||
</div>
|
||||
|
||||
<!-- Battery (shown only when available) -->
|
||||
<div class="section" id="sysQuickBatterySection" style="display: none;">
|
||||
<h3>Battery</h3>
|
||||
<div id="sysQuickBattery" style="font-size: 11px; color: var(--text-dim);">--</div>
|
||||
</div>
|
||||
|
||||
<!-- Location -->
|
||||
<div class="section">
|
||||
<h3>Location</h3>
|
||||
<div id="sysQuickLocation" style="font-size: 11px; color: var(--text-dim);">--</div>
|
||||
</div>
|
||||
|
||||
<!-- SDR Devices -->
|
||||
<div class="section">
|
||||
<h3>SDR Devices</h3>
|
||||
|
||||
Reference in New Issue
Block a user