fix(player): re-entering a video no longer opens the audio player (DR-100)

Leaving a video and returning to it rendered the movie/episode in
AudioPlayer. Closing a webview-rendered video deliberately emits no
"stopped" state (that would break the autoplay handoff), and the
direct-play path does not stop the backend on unmount, so the Rust
controller still reported that item as its loaded media. Re-entering the
route therefore took the "already playing, just show the UI" shortcut,
which returns before a stream URL is fetched, and the render fell
through to the audio surface. Mostly visible on Android, where video
direct-plays; Linux transcodes and stops the backend on unmount.

Both decisions move into playerSurface.ts as pure functions:
shouldReuseActivePlayback excludes video, so video always takes the full
load path and gets its stream URL and resume position;
resolvePlayerSurface maps video-without-a-stream-URL to "pending"
(spinner) rather than falling through to audio.

src/routes/player/[id]/+page.svelte

@@ -14,6 +14,7 @@
   import { get } from "svelte/store";
   import AudioPlayer from "$lib/components/player/AudioPlayer.svelte";
   import VideoPlayer from "$lib/components/player/VideoPlayer.svelte";
+  import { shouldReuseActivePlayback, resolvePlayerSurface } from "$lib/components/player/playerSurface";
   import NextEpisodePopup from "$lib/components/player/NextEpisodePopup.svelte";
   import {
     reportPlaybackStart,
@@ -72,6 +73,10 @@
   let pollInterval: ReturnType<typeof setInterval> | null = null;
   let loadedItemId: string | null = null;
 
+  // Which player component to render. Video without a stream URL is "pending"
+  // (still resolving), never audio — see playerSurface.ts.
+  const surface = $derived(resolvePlayerSurface({ isVideo, streamUrl }));
+
   onMount(() => {
     // Start position polling (only for audio via MPV backend)
     pollInterval = setInterval(updateStatus, 1000);
@@ -137,30 +142,33 @@
         return;
       }
 
-      // If this track is already playing in the backend, just show the UI
-      // without restarting playback (e.g., when expanding from MiniPlayer).
-      // forceRestart bypasses this so advancing to the next episode always
-      // restarts from the beginning even if it were already loaded.
-      const alreadyPlayingMedia = get(storeCurrentMedia);
-      if (alreadyPlayingMedia?.id === id && !startPosition && !forceRestart) {
-        console.log("loadAndPlay: Track already playing, showing UI without restarting");
-        isLive = item.kind === "liveChannel";
-        isVideo = item.kind === "movie" || item.kind === "episode" || isLive || isVideoChannelItem(item);
-        isPlaying = true;
-        loading = false;
-        // hasNext/hasPrevious come from the event-driven queue store.
-        // Fetch next episode for video skip button
-        if (isVideo) {
-          fetchNextEpisode(item);
-        }
-        return;
-      }
-
       // Determine if this is video content (Movie, Episode, live TV channels, and
       // channel leaf items that carry a video stream).
       isLive = item.kind === "liveChannel";
       isVideo = item.kind === "movie" || item.kind === "episode" || isLive || isVideoChannelItem(item);
 
+      // If this track is already playing in the backend, just show the UI
+      // without restarting playback (e.g., when expanding from MiniPlayer).
+      // Audio only, and forceRestart bypasses it so advancing to the next
+      // episode always restarts from the beginning — see playerSurface.ts for
+      // why video must never take this shortcut.
+      const alreadyPlayingMedia = get(storeCurrentMedia);
+      if (
+        shouldReuseActivePlayback({
+          requestedId: id,
+          activeMediaId: alreadyPlayingMedia?.id,
+          isVideo,
+          startPosition,
+          forceRestart,
+        })
+      ) {
+        console.log("loadAndPlay: Track already playing, showing UI without restarting");
+        isPlaying = true;
+        loading = false;
+        // hasNext/hasPrevious come from the event-driven queue store.
+        return;
+      }
+
       // When switching to video, stop audio playback and clear the queue
       // This prevents audio from continuing in the background and clears stale state
       if (isVideo) {
@@ -650,10 +658,6 @@
       </div>
     </div>
   </div>
-{:else if loading}
-  <div class="fixed inset-0 bg-[var(--color-background)] flex items-center justify-center z-50">
-    <div class="w-8 h-8 border-2 border-[var(--color-jellyfin)] border-t-transparent rounded-full animate-spin"></div>
-  </div>
 {:else if error}
   <div class="fixed inset-0 bg-[var(--color-background)] flex items-center justify-center z-50 p-4">
     <div class="text-center max-w-lg">
@@ -667,7 +671,13 @@
       </button>
     </div>
   </div>
-{:else if isVideo && streamUrl}
+{:else if loading || surface === "pending"}
+  <!-- "pending" = video whose stream URL has not resolved yet. Showing the
+       spinner keeps it out of the audio player. -->
+  <div class="fixed inset-0 bg-[var(--color-background)] flex items-center justify-center z-50">
+    <div class="w-8 h-8 border-2 border-[var(--color-jellyfin)] border-t-transparent rounded-full animate-spin"></div>
+  </div>
+{:else if surface === "video" && streamUrl}
   <VideoPlayer
     media={currentMedia}
     {streamUrl}