Keep explorer filter counts during reload

frontend/app.js

@@ -372,14 +372,16 @@ function renderCategoryFilters(root) {
 }
 
 function renderExifFilters(id, submitted = false, counts = null) {
-  if (counts) exifCountsCache.set(id, counts)
-  const shownCounts = counts || exifCountsCache.get(id)
+  const shownCounts = counts ?? exifCountsCache.get(id) ?? visibleExifCounts(id)
+  if (shownCounts) exifCountsCache.set(id, shownCounts)
   const active = new Set(getExifTypes())
   const buttons = FILTER_CODES.map(code => {
     const count = shownCounts ? ` (${shownCounts[code] || 0})` : ""
     return `<button class="filter-btn${active.has(code) ? " active" : ""}" data-code="${code}">${esc(CATEGORY_NAMES[code])}${count}</button>`
   }).join("")
-  $("#exif-filters").innerHTML = `${buttons}
+  const root = $("#exif-filters")
+  root.dataset.id = id
+  root.innerHTML = `${buttons}
     <button class="filter-action" data-action="all">Select all</button>
     <button class="filter-action" data-action="none">Select none</button>
     <button class="filter-action submit" data-action="submit">${submitted ? "Update" : "Submit"}</button>`
@@ -407,6 +409,20 @@ function renderExifFilters(id, submitted = false, counts = null) {
   })
 }
 
+function visibleExifCounts(id) {
+  const root = $("#exif-filters")
+  if (root.dataset.id !== id) return null
+  const counts = {}
+  let found = false
+  $$("#exif-filters .filter-btn").forEach(btn => {
+    const match = btn.textContent.match(/\((\d+)\)$/)
+    if (!match) return
+    counts[Number(btn.dataset.code)] = Number(match[1])
+    found = true
+  })
+  return found ? counts : null
+}
+
 async function openSearch(id, page = 1, show = false, view = explorerDetailView(id, page, show)) {
   currentExplorerView = null
   loadedExplorerListPage = null

frontend/index.html

@@ -109,6 +109,6 @@
     <img id="viewer-img" alt="">
   </div>
 </div>
-<script src="app.js?v=20260704-2"></script>
+<script src="app.js?v=20260704-3"></script>
 </body>
 </html>