feat: show title+season info at playerControl top

[stickyburn]

Many times Id like to know what season/episode im on, but currently there's no way to see it.

I can change the design however you'd like, granted this change is acceptable.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 2a1ecb54-2d30-474f-a95e-fc0ca22b2a74

📥 Commits

Reviewing files that changed from the base of the PR and between e6b9515 and 4e8b833.

📒 Files selected for processing (1)

• packages/app/src/pages/player/Player.svelte

🚧 Files skipped from review as they are similar to previous changes (1)

• packages/app/src/pages/player/Player.svelte

---

📝 Walkthrough

Summary by CodeRabbit

• New Features
  • Added a “Now Playing” overlay to the player for series content.
  • When season and episode are available, the overlay shows “{name} S{season} E{episode}”; otherwise it displays the title alone.
  • The overlay uses a centered, truncated pill with a tooltip for the full label.
  • Updated overlay padding for the close button to improve spacing on smaller screens.

Walkthrough

Changes

Now Playing Label

Layer / File(s)	Summary
Derive and render now-playing label packages/app/src/pages/player/Player.svelte	Derives a title with optional series season and episode details, renders it as a centered truncated overlay pill, and adjusts close-button padding for smaller screens.

Suggested reviewers: krissedout

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly matches the main change: showing title and season/episode info at the top of the player controls.
Description check	✅ Passed	The description is directly related to the UI update for showing season/episode information and includes relevant context.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[krissedout]

Hey, sorry for the delay, this actually was a feature I was thinking of in my early mockups but I did a major UI overhaul before making raffi and I just didn't figure out a way to incorporate it without it feeling atrocious, it cannot in this form exist unfortunately, you could make it a floating indicator (like the next episode button) above or below the player controls, or maybe it could be on the right side of the back button as as vertical container? This was for example an old mockup:

But that doesn't have the back button so it would obviously be added on the left, I think you could try out either that floating indicator below the player controls or as a thing in the top left. Definitely not in the actual controls though..

[stickyburn]

@krissedout fair enough, i'll try a few variations and get back.

I tried at the bottom but it didnt look great. What about this? Top centered.

[krissedout]

That seems much better! I think we can do it like that, you could experiment more if you want to see how it would look if for example it was bigger (the same height as the back button), I don't know how that would look but if you think it looks bad you can just do this variant! Also it looks like it has a border even though the rest of the elements don't so just make sure to remove that border.

[stickyburn]

I think it looks nice and consistent. I'll push this change, perhaps you can run locally and decide :)

[coderabbitai]

Actionable comments posted: 2

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@packages/app/src/pages/player/Player.svelte`:
- Around line 1433-1440: The now-playing label’s native title tooltip is
unreachable because its parent has pointer-events-none. Update the span
containing title={nowPlayingLabel} to re-enable pointer events while keeping the
outer controls wrapper non-interactive, so truncated text can trigger the
tooltip.
- Around line 1438-1439: Update the title pill span’s max-width utility in the
player UI to use a container- or viewport-relative constraint instead of the
fixed max-w-[640px]. Preserve the existing truncation and styling while ensuring
long titles cannot overflow narrow phones or embedded players.

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 01571bde-186f-4dc3-a10c-e4c354ae52aa

📥 Commits

Reviewing files that changed from the base of the PR and between 6276c6c and e6b9515.

📒 Files selected for processing (1)

• packages/app/src/pages/player/Player.svelte