From 3a8d92e39b1de13e65cde4289e591e6c19fc1cc1 Mon Sep 17 00:00:00 2001
From: you <you@example.com>
Date: Sun, 22 Mar 2026 01:06:46 +0000
Subject: [PATCH] Replace packet count limit with time window selector

- Add time window dropdown (15min default, up to 24h or All)
- Use 'since' param instead of fixed limit=10000
- Persist selection to localStorage
- Keep limit=50000 as safety net
---
 public/index.html |  2 +-
 public/packets.js | 30 +++++++++++++++++++++++++++++-
 2 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index 456fb25..df9ea11 100644
--- a/public/index.html
+++ b/public/index.html
@@ -84,7 +84,7 @@
   <script src="hop-resolver.js?v=1774126708"></script>
   <script src="app.js?v=1774126708"></script>
   <script src="home.js?v=1774042199"></script>
-  <script src="packets.js?v=1774141281"></script>
+  <script src="packets.js?v=1774141606"></script>
   <script src="map.js?v=1774126708" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="channels.js?v=1774331200" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="nodes.js?v=1774126708" onerror="console.error('Failed to load:', this.src)"></script>
diff --git a/public/packets.js b/public/packets.js
index 0bf3c8a..b98ee1d 100644
--- a/public/packets.js
+++ b/public/packets.js
@@ -345,7 +345,12 @@
   async function loadPackets() {
     try {
       const params = new URLSearchParams();
-      params.set('limit', '10000');
+      const windowMin = Number(document.getElementById('fTimeWindow')?.value || 15);
+      if (windowMin > 0) {
+        const since = new Date(Date.now() - windowMin * 60000).toISOString();
+        params.set('since', since);
+      }
+      params.set('limit', '50000');
       const regionParam = RegionFilter.getRegionParam();
       if (regionParam) params.set('region', regionParam);
       if (filters.hash) params.set('hash', filters.hash);
@@ -451,6 +456,19 @@
           <button class="btn ${groupByHash ? 'active' : ''}" id="fGroup" title="Collapse duplicate observations of the same packet into expandable groups">Group by Hash</button>
           <button class="btn" id="fMyNodes" title="Show only packets from your favorited/claimed nodes">★ My Nodes</button>
         </div>
+        <div class="filter-group">
+          <label>Window:</label>
+          <select id="fTimeWindow" class="filter-select">
+            <option value="15">15 min</option>
+            <option value="30">30 min</option>
+            <option value="60">1 hour</option>
+            <option value="180">3 hours</option>
+            <option value="360">6 hours</option>
+            <option value="720">12 hours</option>
+            <option value="1440">24 hours</option>
+            <option value="0">All</option>
+          </select>
+        </div>
         <div class="filter-group">
           <select id="fObsSort" aria-label="Observation sort order" title="Controls how observations are ordered within packet groups and which observation appears in the header row. Observer: Groups by observer station, earliest first. Path: Orders by hop count. Time: Orders by observation timestamp.">
             <option value="observer">Sort: Observer</option>
@@ -581,6 +599,16 @@
     // Filter event listeners
     document.getElementById('fHash').value = filters.hash || '';
     document.getElementById('fHash').addEventListener('input', debounce((e) => { filters.hash = e.target.value || undefined; loadPackets(); }, 300));
+
+    // Time window dropdown — restore from localStorage and bind change
+    const fTimeWindow = document.getElementById('fTimeWindow');
+    const savedWindow = localStorage.getItem('meshcore-time-window');
+    if (savedWindow !== null) fTimeWindow.value = savedWindow;
+    fTimeWindow.addEventListener('change', () => {
+      localStorage.setItem('meshcore-time-window', fTimeWindow.value);
+      loadPackets();
+    });
+
     document.getElementById('fGroup').addEventListener('click', () => { groupByHash = !groupByHash; loadPackets(); });
     document.getElementById('fMyNodes').addEventListener('click', function () {
       filters.myNodes = !filters.myNodes;