chore(cache): auto-bump cache version before push

static/index.html

@@ -947,7 +947,7 @@
         // Force refresh if we detect cached version
         (function() {
             const currentVersion = '5.1.1';
-            const timestamp = '1761513634'; // Cache-busting bump
+            const timestamp = '1761513732'; // Cache-busting bump
             const lastVersion = sessionStorage.getItem('treetrack_version');
             const lastTimestamp = sessionStorage.getItem('treetrack_timestamp');
             
@@ -1193,7 +1193,7 @@
         </div>
     </div>
 
-    <script type="module" src="/static/js/tree-track-app.js?v=5.1.1&t=1761513634"></script>
+    <script type="module" src="/static/js/tree-track-app.js?v=5.1.1&t=1761513732"></script>
     
     <script>
         // Idle-time prefetch of map assets to speed up first navigation

static/map.html

@@ -968,7 +968,7 @@
         // Force refresh if we detect cached version
         (function() {
             const currentVersion = '5.1.1';
-const timestamp = '1761513634'; // Current timestamp for cache busting
+const timestamp = '1761513732'; // Current timestamp for cache busting
             const lastVersion = sessionStorage.getItem('treetrack_version');
             const lastTimestamp = sessionStorage.getItem('treetrack_timestamp');
             
@@ -1048,9 +1048,13 @@ const timestamp = '1761513634'; // Current timestamp for cache busting
                             <li><strong>Small clusters (2-10 trees):</strong> Yellow/orange circles</li>
                             <li><strong>Medium clusters (10-100 trees):</strong> Orange circles</li>
                             <li><strong>Large clusters (100+ trees):</strong> Red circles</li>
-                            <li><strong>Click/touch</strong> any cluster to expand into spiral view of trees</li>
-                            <li><strong>Zoom in</strong> further to see individual tree markers</li>
                         </ul>
+                        <p style="margin: 8px 0 0 0; font-size: 0.8rem; font-weight: 600;">How to explore clusters:</p>
+                        <ol style="margin: 4px 0 0 0; padding-left: 16px; font-size: 0.8rem; color: #6b7280;">
+                            <li><strong>Zoom in</strong> to get closer to cluster areas</li>
+                            <li><strong>Click/touch clusters</strong> to expand into spiral view of individual trees</li>
+                            <li><strong>Click individual trees</strong> to view their detailed information</li>
+                        </ol>
                     </div>
                     
                     <p>Use the map controls on the left to:</p>
@@ -1133,7 +1137,7 @@ const timestamp = '1761513634'; // Current timestamp for cache busting
     <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
     <!-- Leaflet MarkerCluster JS for performance and grouping -->
     <script src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js"></script>
-<script src="/static/map.js?v=5.1.1&t=1761513634"></script>
+<script src="/static/map.js?v=5.1.1&t=1761513732"></script>
     <script>
         console.log('🗺️ Map script loaded successfully');
     </script>

static/sw.js

@@ -1,5 +1,5 @@
 // TreeTrack Service Worker - PWA and Offline Support
-const VERSION = 1761513634; // Cache busting bump - force clients to fetch new static assets and header image change
+const VERSION = 1761513732; // Cache busting bump - force clients to fetch new static assets and header image change
 const CACHE_NAME = `treetrack-v${VERSION}`;
 const STATIC_CACHE = `static-v${VERSION}`;
 const API_CACHE = `api-v${VERSION}`;

version.json

@@ -1,4 +1,4 @@
 {
   "version": "5.1.1",
-  "timestamp": 1761513634
+  "timestamp": 1761513732
 }