From 608fde9e9c49e90abe8abcd130736340cbb4c402 Mon Sep 17 00:00:00 2001
From: Pablo Revilla <pablorevilla@gmail.com>
Date: Thu, 18 Sep 2025 10:25:27 -0700
Subject: [PATCH] Work on db cleanup tool

---
 meshview/templates/stats.html | 32 +++++++++++++++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/meshview/templates/stats.html b/meshview/templates/stats.html
index b246d11..8cc688c 100644
--- a/meshview/templates/stats.html
+++ b/meshview/templates/stats.html
@@ -62,6 +62,20 @@
 
 .expand-btn:hover { background-color: #666; }
 .export-btn:hover { background-color: #777; }
+
+/* Summary cards at top */
+.summary-card {
+    background-color: #1f2124;
+    border: 1px solid #474b4e;
+    padding: 10px 15px;
+    margin-bottom: 15px;
+    border-radius: 8px;
+}
+.summary-count {
+    font-size: 18px;
+    color: #66bb6a;
+    font-weight: bold;
+}
 {% endblock %}
 
 {% block head %}
@@ -70,7 +84,23 @@
 
 {% block body %}
 <div class="main-container">
-    <h2 class="main-header">Mesh Statistics - Hourly Packet Counts (Last 24 Hours)</h2>
+    <h2 class="main-header">Mesh Statistics - Summary </h2>
+
+<div class="summary-card">
+    <p>Total Nodes</p>
+    <div class="summary-count">{{ "{:,}".format(total_nodes) }}</div>
+</div>
+<div class="summary-card">
+    <p>Total Packets</p>
+    <div class="summary-count">{{ "{:,}".format(total_packets) }}</div>
+</div>
+
+<div class="summary-card">
+    <p>Total Packets Seen</p>
+    <div class="summary-count">{{ "{:,}".format(total_packets_seen) }}</div>
+</div>
+
+
 
     {# Daily Charts #}
     <div class="card-section">