Fix scroll-restore batch tracking and podcast replay bugs

Three issues from automated review, all confirmed with a standalone
Playwright harness against the real markup and HTMX build:

- Track/list/history modal buttons inside each episode row also fire
  HTMX requests within #episodes-list, so the batch counter (keyed on
  htmx:beforeRequest) was counting those too. Restrict counting to the
  actual pagination trigger.
- The "Show more" link is itself an a[href] inside the container, so
  clicking it (HTMX intercepts the navigation) was overwriting the saved
  scroll/batch state meant for a real departure. Exclude it from the
  save-state click handler.
- Podcast page replay inserted fetched fragments as raw HTML next to the
  old trigger instead of replacing it, leaving a stale "revealed"
  listener that could re-fire and duplicate episodes, and leaving new
  hx-get attributes unprocessed by HTMX. Replace the old trigger and call
  htmx.process on the inserted markup.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_019ZeEWvRjRr287HKjX6hM5g

Author: claude

src/templates/app/components/_episode_scroll_restore.html

@@ -35,6 +35,12 @@
       return null;
     }
 
+    function isPaginationTrigger(elt) {
+      if (!elt) return false;
+      if (elt.closest && elt.closest('[data-episode-load-more]')) return true;
+      return !!(elt.classList && elt.classList.contains('episodes-load-more-trigger'));
+    }
+
     function bindBatchTracking(container) {
       if (container.dataset.scrollRestoreBound === 'true') {
         return;
@@ -46,10 +52,13 @@
       // outerHTML swap (TV/comic "Show more") is detached from the DOM by
       // the time afterSwap fires, so a containment check there always
       // misses. The requesting element is still attached at beforeRequest.
+      // Only count the pagination trigger itself - the track/lists/history
+      // buttons on each episode row also issue HTMX requests from within
+      // this container and must not be counted as a loaded batch.
       document.body.addEventListener('htmx:beforeRequest', function(event) {
         var elt = event.detail.elt;
         if (!elt) return;
-        if (container.contains(elt) || elt === container) {
+        if ((container.contains(elt) || elt === container) && isPaginationTrigger(elt)) {
           var current = Number.parseInt(container.dataset.loadedBatches || '0', 10);
           container.dataset.loadedBatches = String((Number.isNaN(current) ? 0 : current) + 1);
         }
@@ -60,6 +69,11 @@
         if (!link || !container.contains(link)) {
           return;
         }
+        // The "Show more" link is intercepted by HTMX (no real navigation),
+        // so it must not overwrite the saved state for an actual departure.
+        if (link.closest('[data-episode-load-more]')) {
+          return;
+        }
         var batches = Number.parseInt(container.dataset.loadedBatches || '0', 10);
         var state = {
           scrollY: window.scrollY,
@@ -100,43 +114,44 @@
       });
     }
 
-    function replayPodcastPages(container, batches) {
-      if (batches <= 0) {
+    function replayPodcastPages(container, remaining) {
+      if (remaining <= 0) {
         return Promise.resolve();
       }
       var loadMore = getLoadMoreLink(container);
       if (!loadMore) {
         return Promise.resolve();
       }
-      var url = new URL(loadMore.url, window.location.origin);
-      var startPage = Number.parseInt(url.searchParams.get('page') || '2', 10);
-      if (Number.isNaN(startPage)) {
-        startPage = 2;
-      }
-
-      var chain = Promise.resolve();
-      for (var i = 0; i < batches; i++) {
-        (function(page) {
-          chain = chain.then(function() {
-            var pageUrl = new URL(loadMore.url, window.location.origin);
-            pageUrl.searchParams.set('page', page);
-            return fetch(pageUrl.toString())
-              .then(function(response) { return response.ok ? response.text() : ''; })
-              .then(function(html) {
-                if (html) {
-                  var trigger = container.querySelector('.episodes-load-more-trigger');
-                  if (trigger) {
-                    trigger.insertAdjacentHTML('beforebegin', html);
-                  } else {
-                    container.insertAdjacentHTML('beforeend', html);
-                  }
-                }
-              })
-              .catch(function() {});
-          });
-        })(startPage + i);
-      }
-      return chain;
+      return fetch(loadMore.url)
+        .then(function(response) { return response.ok ? response.text() : ''; })
+        .then(function(html) {
+          if (!html) return;
+          // Replace the old trigger (rather than inserting alongside it) so
+          // its still-active "revealed" listener can't re-fire and
+          // re-request the same page. htmx.process activates the hx-*
+          // attributes on the freshly inserted markup (its own next-page
+          // trigger and any per-episode buttons), since raw innerHTML
+          // insertion bypasses HTMX's usual auto-processing on swap.
+          var temp = document.createElement('div');
+          temp.innerHTML = html;
+          var fragment = document.createDocumentFragment();
+          while (temp.firstChild) {
+            fragment.appendChild(temp.firstChild);
+          }
+          var oldTrigger = container.querySelector('.episodes-load-more-trigger');
+          if (oldTrigger) {
+            container.replaceChild(fragment, oldTrigger);
+          } else {
+            container.appendChild(fragment);
+          }
+          if (window.htmx) {
+            htmx.process(container);
+          }
+        })
+        .catch(function() {})
+        .then(function() {
+          return replayPodcastPages(container, remaining - 1);
+        });
     }
 
     function restoreScroll() {