final feature set

tasks/episode-infinite-scroll/10-episode-list-scroll-handler.md

@@ -0,0 +1,46 @@
+# 10. Add Scroll Event Listener to Episodes Panel
+
+meta:
+  id: episode-infinite-scroll-10
+  feature: episode-infinite-scroll
+  priority: P2
+  depends_on: []
+  tags: [ui, events, scroll]
+
+objective:
+- Detect when user scrolls to bottom of episodes list
+- Add scroll event listener to episodes panel
+- Track scroll position and trigger pagination when needed
+
+deliverables:
+- Scroll event handler function
+- Scroll position tracking
+- Integration with episodes panel
+
+steps:
+1. Modify MyShowsPage to add scroll event listener
+2. Detect scroll-to-bottom event (when scrollHeight - scrollTop <= clientHeight)
+3. Track current scroll position
+4. Add debouncing for scroll events
+5. Test scroll detection accuracy
+
+tests:
+- Unit: Test scroll detection logic
+- Integration: Test scroll events in episodes panel
+- Manual: Scroll to bottom and verify detection
+
+acceptance_criteria:
+- Scroll-to-bottom is detected accurately
+- Debouncing prevents excessive event firing
+- Scroll position is tracked correctly
+
+validation:
+- Scroll through episodes list
+- Verify bottom detection works
+- Test with different terminal sizes
+
+notes:
+- Use scrollbox component's scroll event if available
+- Debounce scroll events to 100ms
+- Handle both manual scroll and programmatic scroll
+- Consider virtual scrolling if episode count is large