From 6433b052b910c6176a7d4deab23ffa70e0548bac Mon Sep 17 00:00:00 2001
From: gabriel20xx <gabrielfranz31@gmail.com>
Date: Sun, 26 Oct 2025 15:59:05 +0100
Subject: [PATCH] fix: add refresh info display to enhance user experience in
 web UI

---
 CollabTableServer/src/routes/webRoutes.ts | 24 ++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/CollabTableServer/src/routes/webRoutes.ts b/CollabTableServer/src/routes/webRoutes.ts
index 3b58c40..6dbe9df 100644
--- a/CollabTableServer/src/routes/webRoutes.ts
+++ b/CollabTableServer/src/routes/webRoutes.ts
@@ -31,6 +31,18 @@ router.get('/', (req: Request, res: Response) => {
             color: #333;
             margin-bottom: 10px;
         }
+        .header-right {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+        }
+        .refresh-info {
+            font-size: 12px;
+            color: #666;
+            padding: 4px 8px;
+            background: #f1f3f5;
+            border-radius: 6px;
+        }
         .stats {
             background: white;
             padding: 20px;
@@ -156,7 +168,10 @@ router.get('/', (req: Request, res: Response) => {
     <div class="container">
         <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
             <h1>CollabTable Server - Database Viewer</h1>
-            <button class="refresh-btn" onclick="loadData()">Refresh</button>
+            <div class="header-right">
+                <div id="refresh-info" class="refresh-info">Last refresh: -</div>
+                <button class="refresh-btn" onclick="loadData()">Refresh</button>
+            </div>
         </div>
         
         <div class="stats">
@@ -231,6 +246,13 @@ router.get('/', (req: Request, res: Response) => {
                 document.getElementById('total-items').textContent = stats.items;
                 document.getElementById('total-values').textContent = stats.values;
                 
+                // Update refresh info
+                const refreshInfo = document.getElementById('refresh-info');
+                if (refreshInfo) {
+                    const ts = (data && data.timestamp) ? data.timestamp : Date.now();
+                    refreshInfo.textContent = 'Last refresh: ' + fmtDate(ts);
+                }
+
                 // Render lists
                 const container = document.getElementById('lists-container');