Movies & TV: own full-screen button with a full-window fallback, first-episode button for unstarted shows; Plex sign-in survives plex.tv taking over the tab

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

public/music.js

@@ -52,22 +52,32 @@ async function viewMusic(args) {
   }
 }
 
+// The sign-in on plex.tv may take over this very tab (installed apps, some browsers) and then come back, so the pending sign-in is remembered
+// and picked up again when this page loads.
+const PLEX_PIN = 'plex_pin';
+async function plexWaitPin(pin, w) {
+  for (let i = 0; i < 150; i++) {
+    await new Promise(r => setTimeout(r, 2000));
+    if (!location.hash.startsWith('#/music') && !location.hash.startsWith('#/video')) return;
+    const r = await jfetch(`/api/plex/pin?id=${pin.id}&code=${encodeURIComponent(pin.code)}`);
+    if (r.ok) { try { localStorage.removeItem(PLEX_PIN); } catch {} try { w && w.close(); } catch {} return route(); }
+  }
+  try { localStorage.removeItem(PLEX_PIN); } catch {}
+  const e = $('#pe'); if (e) e.textContent = 'Timed out waiting for Plex. Try again.';
+}
 function plexSignIn(msg = '') {
   $('#view').innerHTML = `<div class="wrap"><h1>Music</h1><p class="sub">Play your Plex music library here.</p>
     <div class="card"><p style="margin-top:0">You'll sign in on plex.tv in a new tab. This app never sees your Plex password.</p>
     <div class="bar"><button class="btn" id="pl">Sign in with Plex</button></div><div class="err" id="pe">${esc(msg)}</div></div></div>`;
+  let pend = null; try { pend = JSON.parse(localStorage.getItem(PLEX_PIN)); } catch {}
+  if (pend && Date.now() - pend.t < 10 * 60e3) { $('#pe').textContent = 'Finishing your Plex sign-in…'; plexWaitPin(pend, null).catch(e => { const x = $('#pe'); if (x) x.textContent = e.message; }); }
   $('#pl').onclick = async () => {
     const w = window.open('', '_blank'); // opened synchronously so popup blockers allow it
     try {
       const pin = await jfetch('/api/plex/pin', { method: 'POST' });
+      try { localStorage.setItem(PLEX_PIN, JSON.stringify({ id: pin.id, code: pin.code, t: Date.now() })); } catch {}
       if (w) w.location = pin.authUrl; else $('#pe').innerHTML = `<a href="${esc(pin.authUrl)}" target="_blank" rel="noopener" style="color:var(--accent)">Tap to open Plex sign-in</a>`;
-      for (let i = 0; i < 150; i++) {
-        await new Promise(r => setTimeout(r, 2000));
-        if (!location.hash.startsWith('#/music')) return;
-        const r = await jfetch(`/api/plex/pin?id=${pin.id}&code=${encodeURIComponent(pin.code)}`);
-        if (r.ok) { try { w?.close(); } catch {} return route(); }
-      }
-      $('#pe').textContent = 'Timed out waiting for Plex. Try again.';
+      await plexWaitPin(pin, w);
     } catch (e) { $('#pe').textContent = e.message; }
   };
 }