video discover phase 3: 'On your streaming services' rail

A saved streaming-services preference drives a personalized 'On your streaming services' rail:
- GET/POST /discover/providers-pref (TMDB provider ids); /discover/list OR-joins multiple
  providers (comma->pipe) into with_watch_providers.
- A 📺 multi-select in the toolbar (Netflix/Prime/Disney+/Max/Apple TV+/Hulu/Paramount+/Peacock);
  selecting services saves the preference and rebuilds the rails.
- The rail (high priority, after taste) appears once you've picked services, showing what's
  streaming on yours.

api/video/discover.py

@@ -223,6 +223,28 @@ def register_routes(bp):
             logger.exception("discover languages get/set failed")
             return jsonify({"languages": ["en"]})
 
+    @bp.route("/discover/providers-pref", methods=["GET", "POST"])
+    def video_discover_providers_pref():
+        """The user's subscribed streaming services (TMDB provider ids) — drives the
+        'On your streaming services' rail. POST {providers:[8,9]} (or '8,9'); GET returns them."""
+        from . import get_video_db
+        db = get_video_db()
+        try:
+            if request.method == "POST":
+                body = request.get_json(silent=True) or {}
+                p = body.get("providers")
+                if isinstance(p, list):
+                    val = ",".join(str(c).strip() for c in p if str(c).strip())
+                else:
+                    val = ",".join(c.strip() for c in str(p or "").split(",") if c.strip())
+                db.set_setting("discover_providers", val)
+                return jsonify({"success": True, "providers": [c for c in val.split(",") if c]})
+            raw = db.get_setting("discover_providers", "") or ""
+            return jsonify({"providers": [c.strip() for c in raw.split(",") if c.strip()]})
+        except Exception:
+            logger.exception("discover providers-pref failed")
+            return jsonify({"providers": []})
+
     @bp.route("/discover/genres", methods=["GET"])
     def video_discover_genres():
         """Genre id→name maps for both kinds (powers the genre rails + filter)."""
@@ -257,6 +279,8 @@ def register_routes(bp):
         year = request.args.get("year") or None
         decade = request.args.get("decade") or None
         providers = request.args.get("providers") or None
+        if providers and "," in providers:
+            providers = providers.replace(",", "|")   # TMDB with_watch_providers OR-join
         sort = request.args.get("sort") or "popularity.desc"
         lang = (request.args.get("lang") or "").strip() or None       # explicit (foreign rail)
         hide_owned = (request.args.get("hide_owned") or "") in ("1", "true", "yes")

webui/index.html

@@ -1063,6 +1063,17 @@
                                     <button class="vdsc-lang" type="button" data-lang="de">DE</button>
                                     <button class="vdsc-lang" type="button" data-lang="it">IT</button>
                                 </div>
+                                <div class="vdsc-langs" data-vdsc-myprov aria-label="My streaming services" title="Your streaming services power the 'On your streaming services' rail">
+                                    <span class="vdsc-langs-label">📺</span>
+                                    <button class="vdsc-lang" type="button" data-prov="8">Netflix</button>
+                                    <button class="vdsc-lang" type="button" data-prov="9">Prime</button>
+                                    <button class="vdsc-lang" type="button" data-prov="337">Disney+</button>
+                                    <button class="vdsc-lang" type="button" data-prov="1899">Max</button>
+                                    <button class="vdsc-lang" type="button" data-prov="350">Apple TV+</button>
+                                    <button class="vdsc-lang" type="button" data-prov="15">Hulu</button>
+                                    <button class="vdsc-lang" type="button" data-prov="531">Paramount+</button>
+                                    <button class="vdsc-lang" type="button" data-prov="386">Peacock</button>
+                                </div>
                             </div>
                             <div class="vdsc-chips" data-vdsc-chipset="genre" aria-label="Genre">
                                 <button class="vdsc-chip vdsc-chip--on" type="button" data-val="">All genres</button>

webui/static/video/video-discover.js

@@ -19,6 +19,7 @@
     var state = {
         loaded: false, wired: false, mode: 'shelves',
         genres: { movie: [], show: [] }, taste: { movie: [], show: [] },
+        myProviders: [],   // saved streaming services -> 'On your streaming services' rail
         io: null,
         hero: { items: [], idx: 0, timer: null },
         cat: { title: '', q: '', page: 1, paginates: true, busy: false, hasMore: false },
@@ -105,6 +106,11 @@
             var id = gs[name.toLowerCase()];
             if (id != null) { out.push({ title: 'More ' + name + ' shows', q: 'kind=show&genre=' + id + '&sort=popularity.desc' }); }
         });
+        // 'On your streaming services' — only when the user has set their subscriptions.
+        if (state.myProviders && state.myProviders.length) {
+            out.push({ title: 'On your streaming services',
+                q: 'kind=movie&providers=' + state.myProviders.join(',') + '&sort=popularity.desc' });
+        }
         out = out.concat(CURATED);
         GENRE_RAILS.forEach(function (name) {
             var id = gm[name.toLowerCase()];
@@ -701,6 +707,31 @@
                 }).then(function () { reloadRails(); }).catch(function () { /* ignore */ });
             });
         }
+        // 'My streaming services' preference — multi-select; drives the 'On your services' rail.
+        var provWrap = $('[data-vdsc-myprov]');
+        if (provWrap && !provWrap._wired) {
+            provWrap._wired = 1;
+            fetch('/api/video/discover/providers-pref', { headers: { Accept: 'application/json' } })
+                .then(function (r) { return r.ok ? r.json() : null; })
+                .then(function (d) {
+                    var on = {}; ((d && d.providers) || []).forEach(function (c) { on[String(c)] = 1; });
+                    state.myProviders = (d && d.providers) || [];
+                    provWrap.querySelectorAll('.vdsc-lang').forEach(function (b) {
+                        b.classList.toggle('vdsc-lang--on', !!on[b.getAttribute('data-prov')]);
+                    });
+                }).catch(function () { /* chips stay off */ });
+            provWrap.addEventListener('click', function (e) {
+                var btn = e.target.closest('.vdsc-lang'); if (!btn) return;
+                btn.classList.toggle('vdsc-lang--on');
+                var provs = Array.prototype.map.call(provWrap.querySelectorAll('.vdsc-lang--on'),
+                    function (b) { return b.getAttribute('data-prov'); });
+                state.myProviders = provs;
+                fetch('/api/video/discover/providers-pref', {
+                    method: 'POST', headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ providers: provs }),
+                }).then(function () { reloadRails(); }).catch(function () { /* ignore */ });
+            });
+        }
         // Infinite scroll: a sentinel near the grid bottom pulls the next page.
         var sentinel = $('[data-vdsc-sentinel]');
         if (sentinel && AUTO) {
@@ -726,11 +757,13 @@
     function loadMeta() {
         var jget = function (u) { return fetch(u, { headers: { Accept: 'application/json' } })
             .then(function (r) { return r.ok ? r.json() : null; }).catch(function () { return null; }); };
-        Promise.all([jget('/api/video/discover/genres'), jget('/api/video/discover/taste')])
+        Promise.all([jget('/api/video/discover/genres'), jget('/api/video/discover/taste'),
+                     jget('/api/video/discover/providers-pref')])
             .then(function (res) {
                 var g = res[0] || {}, t = res[1] || {};
                 state.genres = { movie: g.movie || [], show: g.show || [] };
                 state.taste = { movie: t.movie || [], show: t.show || [] };
+                state.myProviders = (res[2] && res[2].providers) || [];
                 // Genres are a static TMDB endpoint — empty means TMDB isn't set up.
                 if (!state.genres.movie.length && !state.genres.show.length) { showEmpty(); return; }
                 renderGenreChips();