app/main.py

@@ -1003,12 +1003,7 @@ async def list_news_summaries(
 
 @app.get("/", response_class=HTMLResponse)
 async def index():
-    # Never let browsers serve a stale copy of the app shell: no Cache-Control
-    # means heuristic caching, and a stale index.html froze older bugs in users'
-    # tabs after deploys. Revalidate every load (ETag still returns 304).
-    resp = FileResponse(str(STATIC_DIR / "index.html"))
-    resp.headers["Cache-Control"] = "no-cache"
-    return resp
+    return FileResponse(str(STATIC_DIR / "index.html"))
 
 
 # ── NASA GIBS basemap map tab ─────────────────────────────────────────────

app/static/index.html

@@ -8,8 +8,6 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="/static/vendor/leaflet/leaflet.css">
-    <link rel="stylesheet" href="/static/vendor/leaflet/MarkerCluster.css">
-    <link rel="stylesheet" href="/static/vendor/leaflet/MarkerCluster.Default.css">
     <style>
         /* ═══════════════════════════════════════════════════════════════
            OSINT//DASHBOARD — "SECTION 9" GHOST-SHELL HUD THEME
@@ -213,20 +211,6 @@
         .leaflet-overlay-pane svg { filter: drop-shadow(0 0 3px rgba(0,0,0,0.6)); }
         .leaflet-div-icon { background: transparent; border: none; }
 
-        /* ── Camera marker clusters (neon green, matches the dots) ──── */
-        .marker-cluster-small, .marker-cluster-medium, .marker-cluster-large {
-            background-color: rgba(74, 222, 128, 0.22);
-        }
-        .marker-cluster-small div, .marker-cluster-medium div, .marker-cluster-large div {
-            background-color: rgba(16, 185, 129, 0.92);
-            color: #04150c;
-            font-weight: 700;
-            box-shadow: 0 0 14px rgba(74, 222, 128, 0.55), 0 0 2px rgba(3, 6, 9, 0.9);
-        }
-        .marker-cluster-small div { font-size: 10px; }
-        .marker-cluster-medium div { font-size: 11px; }
-        .marker-cluster-large div { font-size: 12px; }
-
         /* ── Map hint + HUD chips ── */
         .map-hint {
             position: absolute; left: 12px; bottom: 12px; z-index: 500;
@@ -963,7 +947,6 @@
     </footer>
 
 <script src="/static/vendor/leaflet/leaflet.js"></script>
-<script src="/static/vendor/leaflet/leaflet.markercluster.js"></script>
 <script src="/static/vendor/leaflet/leaflet.heat.js"></script>
 <script src="/static/vendor/hls/hls.min.js"></script>
 <script>
@@ -1559,7 +1542,6 @@ let firesHeat = null, camsGroup = null, firesOn = false, camsOn = false;
 let blipsGroup = null, blipsOn = false, blipsSince = '24h';
 let firesOpacity = 0.65, firesColor = 'brightness', firesSince = '24h';
 let camsOpacity = 1.0, baseOpacity = 1.0;
-let camReq = 0, fireReq = 0, blipReq = 0; // stale-response guards (rapid zoom races)
 let mapLayers = [];
 let mapDomain = null;
 let mapLatest = null;
@@ -1849,14 +1831,12 @@ function setFiresSince() {
 }
 async function loadFires() {
     if (!map) return;
-    const req = ++fireReq;
     try {
         let url = `${API}/api/fires?bbox=${currentBBox()}&limit=2000`;
         const since = sinceToISO(firesSince);
         if (since) url += `&since=${encodeURIComponent(since)}`;
         const r = await fetch(url);
         const fires = await r.json();
-        if (req !== fireReq) return; // superseded by a newer pan/zoom
         if (firesHeat) map.removeLayer(firesHeat);
         const pts = fires.map(f => [f.latitude, f.longitude, firesIntensity(f)]);
         firesHeat = L.heatLayer(pts, {
@@ -1936,32 +1916,17 @@ function camThumb(c) {
 }
 async function loadCams() {
     if (!map) return;
-    const req = ++camReq;
     try {
         const r = await fetch(`${API}/api/cameras?bbox=${currentBBox()}&limit=5000`);
         const cams = await r.json();
-        if (req !== camReq) return; // superseded by a newer pan/zoom
         if (camsGroup) map.removeLayer(camsGroup);
-        // Clustered markers: camera coverage stays visible as numbered
-        // clusters at every zoom instead of vanishing into a sparse/empty
-        // viewport when zoomed in (and a 5000-dot soup when zoomed out).
-        camsGroup = L.markerClusterGroup({
-            maxClusterRadius: 50,
-            showCoverageOnHover: false,
-            spiderfyOnMaxZoom: true,
-            chunkedLoading: true,
-            chunkInterval: 100,
-            chunkDelay: 10,
-        });
-        cams.forEach(c => {
-            // Never render a phantom marker for a camera with no coords.
-            if (c.lat == null || c.lon == null) return;
+        camsGroup = L.layerGroup(cams.map(c => {
             const icon = L.divIcon({
                 className: '',
                 html: '<span style="display:inline-block;width:10px;height:10px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80,0 0 2px #0f172a;border:1px solid #0f172a;"></span>',
                 iconSize: [12, 12], iconAnchor: [6, 6],
             });
-            camsGroup.addLayer(L.marker([c.lat, c.lon], { icon })
+            return L.marker([c.lat, c.lon], { icon })
                 .bindPopup(`<div class="cam-pop">` +
                     `<b>${esc(c.location_name || 'Open camera')}</b>` +
                     `${c.id ? camThumb(c) : '<div class="thumb placeholder">no snapshot</div>'}` +
@@ -1973,8 +1938,8 @@ async function loadCams() {
                     `<tr><td class="k">Coords</td><td>${(c.lat!=null&&c.lon!=null) ? c.lat.toFixed(3)+', '+c.lon.toFixed(3) : 'unknown'}</td></tr>` +
                     `</table>` +
                     camSourceLink(c) +
-                    `</div>`));
-        });
+                    `</div>`);
+        }));
         camsGroup.addTo(map);
         camsGroup.eachLayer(l => l.setOpacity && l.setOpacity(camsOpacity));
         document.getElementById('lp-cams-count').textContent = cams.length.toLocaleString();
@@ -2013,14 +1978,12 @@ function setBlipsSince() {
 }
 async function loadBlips() {
     if (!map) return;
-    const req = ++blipReq;
     try {
         let url = `${API}/api/events?bbox=${currentBBox()}&has_coords=true&limit=500`;
         const since = sinceToISO(blipsSince);
         if (since) url += `&since=${encodeURIComponent(since)}`;
         const r = await fetch(url);
         const evs = (await r.json()).filter(ev => ev.source_type !== 'camera');
-        if (req !== blipReq) return; // superseded by a newer pan/zoom
         if (blipsGroup) map.removeLayer(blipsGroup);
         blipsGroup = L.layerGroup(evs.map(ev => {
             const col = blipColor(ev.source_type);

app/static/vendor/leaflet/MarkerCluster.Default.css

@@ -1,60 +0,0 @@
-.marker-cluster-small {
-	background-color: rgba(181, 226, 140, 0.6);
-	}
-.marker-cluster-small div {
-	background-color: rgba(110, 204, 57, 0.6);
-	}
-
-.marker-cluster-medium {
-	background-color: rgba(241, 211, 87, 0.6);
-	}
-.marker-cluster-medium div {
-	background-color: rgba(240, 194, 12, 0.6);
-	}
-
-.marker-cluster-large {
-	background-color: rgba(253, 156, 115, 0.6);
-	}
-.marker-cluster-large div {
-	background-color: rgba(241, 128, 23, 0.6);
-	}
-
-	/* IE 6-8 fallback colors */
-.leaflet-oldie .marker-cluster-small {
-	background-color: rgb(181, 226, 140);
-	}
-.leaflet-oldie .marker-cluster-small div {
-	background-color: rgb(110, 204, 57);
-	}
-
-.leaflet-oldie .marker-cluster-medium {
-	background-color: rgb(241, 211, 87);
-	}
-.leaflet-oldie .marker-cluster-medium div {
-	background-color: rgb(240, 194, 12);
-	}
-
-.leaflet-oldie .marker-cluster-large {
-	background-color: rgb(253, 156, 115);
-	}
-.leaflet-oldie .marker-cluster-large div {
-	background-color: rgb(241, 128, 23);
-}
-
-.marker-cluster {
-	background-clip: padding-box;
-	border-radius: 20px;
-	}
-.marker-cluster div {
-	width: 30px;
-	height: 30px;
-	margin-left: 5px;
-	margin-top: 5px;
-
-	text-align: center;
-	border-radius: 15px;
-	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
-	}
-.marker-cluster span {
-	line-height: 30px;
-	}

app/static/vendor/leaflet/MarkerCluster.css

@@ -1,14 +0,0 @@
-.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
-	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
-	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
-	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
-	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
-}
-
-.leaflet-cluster-spider-leg {
-	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
-	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
-	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
-	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
-	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
-}