From 6e28b48eaaa8f0cfcc7c6da387f2fa671f40aafe Mon Sep 17 00:00:00 2001
From: byun <nulav@naver.com>
Date: Fri, 17 Oct 2025 22:01:24 +0000
Subject: [PATCH] =?UTF-8?q?=EB=A1=9C=EA=B9=85=ED=95=9C=20=EA=B7=B8?=
 =?UTF-8?q?=EB=9E=98=ED=94=84=20=EA=B0=92=EB=93=A4=20csv=EC=A0=80=EC=9E=A5?=
 =?UTF-8?q?=EA=B8=B0=EB=8A=A5=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 graph_viewer.h | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/graph_viewer.h b/graph_viewer.h
index 92daf2c..44f5b27 100644
--- a/graph_viewer.h
+++ b/graph_viewer.h
@@ -149,10 +149,23 @@ const char graph_viewer_html[] PROGMEM = R"rawliteral(
             <button class="btn btn-info" id="btn-sort-name-asc" onclick="setSortMode('name-asc')">Name (A→Z)</button>
             <button class="btn btn-info" id="btn-sort-name-desc" onclick="setSortMode('name-desc')">Name (Z→A)</button>
         </div>
+        <div class="control-group">
+            <button class="btn btn-success" onclick="downloadCSV()" style="background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);">
+                📥 Download CSV
+            </button>
+            <button class="btn btn-danger" onclick="clearData()" style="background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);">
+                🗑️ Clear Data
+            </button>
+        </div>
     </div>
     
     <div class="status" id="status">Connecting...</div>
     
+    <div style="padding: 10px 15px; background: #2a2a2a; color: #aaa; font-size: 0.85em; display: flex; justify-content: space-between; align-items: center;">
+        <span>Data Points: <strong id="data-point-count" style="color: #43cea2;">0</strong></span>
+        <span>Recording Time: <strong id="recording-time" style="color: #43cea2;">0s</strong></span>
+    </div>
+    
     <div class="graphs" id="graphs"></div>
     
     <script>