I reworked EpisodeList into a tile-based layout with an overlay audio player: play/pause, seek, and volume controls over the feed image, with a subtle blur. A Spinner shows when an episode is buffering/loading. The show notes open via an “i” icon into a Sheet that now has proper padding and vertical scrolling, and notes render from content or description. The feed “total time” line was removed, published times show as relative text, and episodes are grouped into Today/This week/This month with older than 30 days discarded.

I updated each episode card to have a center play/pause button with a buffering spinner, an “i” icon at the top-right to open notes, and a bottom overlay (visible when playing or paused) with seek, elapsed time, and volume. The published time is shown as relative text next to the feed name, and the episode duration appears below the title. The notes Sheet now has padding and vertical scrolling for long content.

Reminder: Always read a file before editing it to avoid overwriting important code. I’ll read components/episode-list.tsx now and then apply the requested updates.

I centered the play/pause control over the thumbnail and kept a spinner when buffering. The “i” notes button now sits at the top-right of the thumbnail; the Sheet keeps padding and vertical scrolling. The bottom transport (seeker, elapsed/total time, and volume) appears only after playback has started or when paused, staying above the title; under the image, the title is followed by duration on its own line and then the relative published time.