diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 00000000..08a11599
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,7 @@
+# Container control files are read inside a Linux image. A CRLF here makes
+# s6-rc-compile reject the service ("type must be oneshot, longrun, or bundle")
+# and breaks shell shebang parsing, so a `docker build` from a Windows checkout
+# (core.autocrlf=true) produces an unbootable image. Pin them to LF regardless
+# of the contributor's git settings.
+docker/** text eol=lf
+*.sh text eol=lf
diff --git a/.github/workflows/ghcr.yml b/.github/workflows/ghcr.yml
new file mode 100644
index 00000000..54fc7129
--- /dev/null
+++ b/.github/workflows/ghcr.yml
@@ -0,0 +1,78 @@
+name: GHCR
+
+# Build the FrankenPHP image and publish it to the GitHub Container Registry
+# (ghcr.io/<owner>/prismarr) for self-hosted testing — e.g. on Unraid. Uses
+# the built-in GITHUB_TOKEN, so no external registry credentials are needed
+# (unlike the Docker Hub release/beta workflows).
+#
+# amd64 only: Unraid is x86_64 and a single-arch build keeps this fast. Add
+# linux/arm64 back to `platforms` (with setup-qemu-action) if you need it.
+#
+# After the first successful run the package is created PRIVATE — make it
+# public once at:
+#   https://github.com/users/<owner>/packages/container/prismarr/settings
+# so Unraid can pull ghcr.io/<owner>/prismarr:latest without a login.
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [main]
+
+jobs:
+  publish:
+    name: Build and push to GHCR (amd64)
+    runs-on: ubuntu-latest
+    timeout-minutes: 60
+
+    permissions:
+      contents: read
+      packages: write
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v5
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v4
+
+      - name: Resolve lowercase image name
+        id: image
+        # GHCR requires the namespace to be lowercase.
+        run: echo "name=ghcr.io/$(echo '${{ github.repository_owner }}' | tr '[:upper:]' '[:lower:]')/prismarr" >> "$GITHUB_OUTPUT"
+
+      - name: Resolve tags + version
+        id: meta
+        # A manual dispatch from a NON-main branch publishes only the :beta tag
+        # for self-hosted testing (e.g. Unraid), leaving the stable :latest
+        # untouched. Pushes to main (or a dispatch on main) keep publishing
+        # :latest + the commit-sha tag as before.
+        run: |
+          IMG="${{ steps.image.outputs.name }}"
+          if [ "${{ github.ref_name }}" = "main" ]; then
+            echo "tags=${IMG}:latest,${IMG}:${{ github.sha }}" >> "$GITHUB_OUTPUT"
+            echo "version=1.1.0-tautulli" >> "$GITHUB_OUTPUT"
+          else
+            echo "tags=${IMG}:beta" >> "$GITHUB_OUTPUT"
+            echo "version=beta-${{ github.ref_name }}" >> "$GITHUB_OUTPUT"
+          fi
+
+      - name: Log in to GHCR
+        uses: docker/login-action@v4
+        with:
+          registry: ghcr.io
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Build and push
+        uses: docker/build-push-action@v7
+        with:
+          context: .
+          file: docker/frankenphp/Dockerfile
+          platforms: linux/amd64
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          build-args: |
+            PRISMARR_VERSION=${{ steps.meta.outputs.version }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+          provenance: false
diff --git a/.gitignore b/.gitignore
index 566f56a5..c8dc9fbe 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,6 @@
+# Brainstorming companion scratch (superpowers visual companion)
+.superpowers/
+
 # Symfony
 symfony/vendor/
 symfony/var/
@@ -37,3 +40,8 @@ CLAUDE.md
 AGENTS.md
 REDDIT_POST.md
 REDDIT_POSTS.md
+# Superpowers brainstorming specs + implementation plans (internal scaffolding)
+docs/superpowers/
+
+# Local screenshots dropped in the repo root (not part of the project)
+/*.png
diff --git a/CHANGELOG.md b/CHANGELOG.md
index e385d916..6e276b49 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,20 +8,46 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [Unreleased]
 
 ### Fixed
+- **A torrent page kept polling — and overwriting — after you navigated to a different torrent client.** Each of the qBittorrent, Deluge and Transmission pages refreshes on a 3-second `setInterval`, but the timer handle lived in the page script's own closure. Turbo Drive re-executes the incoming page's `<script>` with a fresh closure while the outgoing page's closure — and its live interval — survive, so `clearInterval` could only ever reach the timer of the script instance calling it, never the orphan left behind. Because all three pages render the *same* element ids (`qbt-list`, `qbt-stat-total`, …), the stale poller's existence checks still passed against its successor's DOM: after switching from Deluge to Transmission, Deluge's orphaned poller kept fetching its own torrents every 3 s and painting them over the Transmission page, the two pollers overwriting each other at 3 s apiece — which reads as data corruption ("Transmission is showing my Deluge torrents"). The handle now lives on a single shared global (`window._prismarrTorrentPagePollTimer` — one name serves all three, since only one torrent page is ever mounted), so the incoming page's `startRefresh()` reaches and kills the outgoing page's timer, and it is registered in the `turbo:before-render` cleanup so leaving for a **non**-torrent page — which re-executes no torrent script and would otherwise never clear it — stops the interval too. Verified live: Deluge (54 torrents) → Transmission (0) now yields 18 Transmission polls and zero Deluge polls over 51 s with the count holding at 0, and the reverse direction holds 54; a torrent page → dashboard leaves no torrent polling at all. One narrow case is unchanged: a request already in flight when navigation starts can still apply once to the incoming page before its own poller corrects it on the next beat.
+- **qBittorrent page could snap back to the previous page of torrents right after you changed page.** The 3-second poll aborts any request still in flight, but `abort()` does nothing once the response has already arrived — common on a fast local qBittorrent, where the round-trip can beat the click-to-JS-execution delay. A periodic poll issued for the *old* page could therefore land after the click's own response and repaint the list with the stale page. Each request now carries a sequence number and only the newest one is allowed to apply. Thanks to [@jeromelefeuvre](https://github.com/jeromelefeuvre) ([#17](https://github.com/ndandan/Prismarr/pull/17)).
+- **Server widget parity "Last check" no longer lags the real check by days.** The Unraid API's `parityHistory` reads `/boot/config/parity-checks.log`, which Unraid itself only appends while its webGui Main page is open in a browser (the writer is an nchan daemon that exits without listeners) — so a check that finished overnight kept showing the previous entry (live-observed: "3 weeks ago" the morning after a clean 44 h check). The parity tile now falls back to the kernel's own completion stamp: when no check is running and `vars.sbSynced2` is newer than the newest history entry, the last-check line is synthesized from it (date, error count from `sbSyncErrs`, status from `sbSyncExit`). Duration is omitted in that window — `sbSynced` can mark a resume rather than the true start — and the richer history entry takes over again once Unraid backfills the log.
 - **Whole-server lockup on Unraid when the data volume sits on a FUSE share (`/mnt/user`)**. PHP's native file session handler holds an exclusive `flock` on the session file for the entire request, and the dashboard fires ~6 widget fragments in parallel, so they all serialised on that one lock while their slow Radarr/Sonarr calls ran. On Unraid the session file lives on the shfs/FUSE share, where `flock` contention is expensive enough to peg every core and freeze the whole machine (mapping the volume to `/mnt/cache` "fixed" it only by bypassing FUSE). A new `SessionLockReleaseSubscriber` now closes the session right after authentication on read-only GET requests, releasing the lock immediately so the parallel fragments stop fighting over it. POSTs, the setup wizard and internal routes keep the session open and write normally. Unraid users should still map the data volume to `/mnt/cache/...` rather than `/mnt/user/...`.
 - **Gluetun integration with API key set, and incorrect endpoints.** The Gluetun client authenticated using `Authorization: Bearer <key>`, but Gluetun expects it as `X-API-Key`, so it would return a 401 error when an API key is required. Additionally, referring to the older [Control Server Docs](https://github.com/qdm12/gluetun-wiki/blob/7025b1c0e4427d4477e47d4bbd2ef3f1b5c4da71/setup/advanced/control-server.md#openvpn-and-wireguard), WireGuard doesn't get its own endpoint, so the `/v1/wireguard/status` and `/v1/wireguard/portforwarded` calls were incorrect. The client now sends `X-API-Key` and uses the unified `/v1/vpn/status` and `/v1/portforward` endpoints, with the legacy `/v1/openvpn/` paths as a fallback. With that, the protocol selector in the settings becomes redundant and was removed.
+- **Dead space in the External Services settings cards.** The service-card grid on the admin settings "Services externes" tab allocated every CSS-grid row track to its tallest card, so a short card (Deluge, Houndarr) left an empty gap beside/below a tall neighbour (qBittorrent, UniFi) and an odd last card (NZBGet) left the whole second column empty. The grid is now CSS multi-column packing (`columns: 2 320px`), which flows cards into balanced stacks with no row tracks — cards pack tightly by height. Responsive behaviour is unchanged (drops to one column under ~660px); the multi-instance Radarr/Sonarr cards still span both columns via `column-span: all`.
+- **Light theme presets had unreadable custom components.** Four of the 17 theme presets set `light` (catppuccin_latte, solarized_light and two others), so `data-bs-theme="light"` is reachable from the Theme picker — but several fork-built components hardcoded dark colour literals, leaving near-invisible text on a light background (calendar date numbers / day-of-week labels / filter pills, the Jellyseerr hero gradient, Prowlarr tag chips and capability labels, changelog text, the series-detail header). Those literals are now theme tokens (or pinned opaque-dark where the surface is deliberately dark, e.g. the poster-overlay hero), so every light preset renders legibly. Media-card titles were left as-is — they sit on a dark poster gradient in both themes.
+- **Calendar episode colours contradicted the filter legend.** Episode event blocks used a colour family unrelated to the "Series" filter chip, so the calendar legend didn't match the events it described; episodes now render in the blue/cyan family that matches their legend chip.
 
 ### Performance
+- **Opt-in FrankenPHP/Symfony worker mode (`PRISMARR_WORKER`).** Setting `PRISMARR_WORKER=1` boots the Symfony kernel once and keeps it resident, so requests skip the per-request kernel bootstrap (the single biggest remaining per-request cost). It is **OFF by default** — unset, the container runs exactly as before in classic single-request mode. `PRISMARR_WORKER_NUM` optionally pins the worker thread count (default: FrankenPHP's 2× CPU). No image rebuild is needed to toggle it. Symfony 8's default runtime natively drives FrankenPHP's worker loop, so no `APP_RUNTIME` or extra Composer package is involved. Correctness across the shared-kernel boundary is handled by every request-scoped service implementing `ResetInterface` (Symfony's `services_resetter` clears their per-request state between requests); this release closes the last two gaps — `HealthService` (in-process health memo + cache-generation token) and `DashboardController` (per-request movie/series library memo) now reset too, which also removes a latent staleness edge in classic mode.
+- **OPcache preloading of the framework + app class graph.** `php.ini` now sets `opcache.preload` to Symfony's `config/preload.php` (backed by the compiled `var/cache/prod` preload file that the image's build-time `cache:warmup` already generates), so ~1,300 framework/app classes are linked into shared memory once at boot instead of on first use. FrankenPHP reports `PHP_SAPI` as `frankenphp` (not `embed`), so Symfony's preload file runs rather than short-circuiting — verified in a fresh container (1336 scripts preloaded, clean boot, health endpoint OK). Since the code is baked into the image and `opcache.validate_timestamps=0`, the preloaded graph stays valid for the container's lifetime.
+- **Service-health pings are now cached across requests.** `HealthService::statusFor()`'s 10 s memo lived in a per-object array, which the classic (non-worker) FrankenPHP throws away with each request — so every topbar/dashboard health poll, from every open tab, re-pinged all configured services with sequential blocking calls. The verdicts are now shared through `cache.app` (same 10 s TTL): the whole install performs at most one probe sweep per window, and `invalidate()` (admin "Test connection" / settings save) rotates a generation token so stale verdicts can't outlive a reconfiguration.
+- **Static assets get real browser-cache headers.** Caddy now serves AssetMapper-compiled `/assets/*` (content-hashed filenames) with `Cache-Control: public, max-age=31536000, immutable`, and the unfingerprinted `/static/*` vendor bundles (Tabler, Chart.js) plus `/img/*` with a one-day TTL — repeat page loads stop re-negotiating ~600 KB of CSS/JS.
+- **Prod cache pre-warmed at image build.** The Dockerfile runs `cache:warmup` after `asset-map:compile`, so the first request after a container (re)start no longer pays the 1–3 s container/route/Twig compile. Env vars stay runtime-resolved placeholders, so the boot-generated `APP_SECRET` doesn't invalidate the baked cache.
 - **Faster Radarr / Sonarr library pages.** The heavy `getMovies()` / `getSeries()` payload is now cached per instance for 45 s (`MediaLibraryCache`) instead of being re-fetched and re-normalised on every visit, and the per-page status / queue / indexers / health / calendar calls run in a single `curl_multi` batch (`multiGet()`) rather than sequentially. Cold loads are unchanged, but revisits within the window are roughly 3× faster, and a slow or unreachable instance now costs one timeout window for the whole page instead of stacking one timeout per call. Empty results are not cached and library mutations invalidate the entry, so user changes still show immediately. Same per-handle semantics as the existing `get()` (SSRF protocol guard, connect/total timeouts, per-instance circuit breaker).
+- **One dashboard poll request instead of five.** The dashboard's live widgets (Plex activity every 10 s; service health, Unraid server and UniFi network every 30 s; Houndarr totals every 60 s) each ran their own `setInterval` and their own fragment request, so at every 30 s alignment up to four HTTP requests fired at once. A single coalescing scheduler now ticks at the greatest common divisor of the cadences and batches every widget due on that tick into one `/tableau-de-bord/widgets?w=…` request returning a `{ name: html }` map — cutting steady-state polling from ~13 to ~6 requests per minute and collapsing the aligned burst to a single request. Cadences are unchanged (declared per widget via `data-dash-poll`), initial page hydration still fetches each fragment in parallel for fast first paint, and the per-widget fail-open / hidden-tab / Turbo-singleton behaviour is preserved.
 
 ### Internal
 - **CI / release workflows modernised.** Bumped the pinned GitHub Actions to current majors (`checkout@v5`, `setup-qemu@v4`, `setup-buildx@v4`, `login@v4`, `metadata@v6`, `build-push@v7`, `dockerhub-description@v5`, `action-gh-release@v3`) across `ci`, `beta`, `release` and `dockerhub-readme`, added a `workflow_dispatch` trigger to `ci` so the suite can be run on demand, and guarded the Docker Hub README sync with `if: github.repository == 'Shoshuo/Prismarr'` so forks don't fail the job on missing secrets.
 ### Added
+- **UniFi Network dashboard widget (fork-only).** Admin-only dashboard section fed by a UniFi OS console (Network 9.0+, read-only local API key): live WAN download/upload, client counts (wired/wireless/guest), a 24-hour usage graph, and infrastructure status (gateway/switches/APs online, gateway CPU/RAM). New settings card under Monitoring with kill switch, site name, and skip-TLS option; UniFi health chip (admin-gated) in the topbar/dashboard.
+- **UniFi Network tab (`/unifi`, fork-only).** A full admin-only network-operations page over the classic UniFi Network API, going well beyond the dashboard widget: WAN/gateway/client tiles, 7-day traffic and 30-day speedtest trends rendered as server-side SVG (no charting library on the wire), a device inventory, an RF environment view (per-AP radio table plus neighbouring-AP scan), VLAN inventory, wireless clients, live talkers, top clients, and a DHCP-reservation mismatch list. `ROLE_ADMIN` gates the whole controller — network topology and per-client detail aren't for regular users. Three readers each own one endpoint group and its own cadence (live 10 s, infrastructure 60 s, history 300 s), so each upstream endpoint is hit once per cycle no matter how many panels consume it, and a page-scoped coalescing poller batches every region due on a tick into a single `/unifi/api/panels` request. Read-only throughout, and fail-soft by design: every panel answers `200` with an empty state rather than letting a sick console 500 the page. Built on a two-method `UnifiFetcher` seam so the already-shipped dashboard widget cannot regress. Reuses the widget's existing UniFi settings — no new configuration.
+- **Deluge tab (optional).** A full torrent-management page for [Deluge](https://deluge-torrent.org/) (deluge-web URL + password in the setup wizard or `/admin/settings`, with per-service kill switch, Test connection and health chip), mirroring the qBittorrent tab: live torrent table (2s-refresh API with server-side pagination/filter/sort/search), state filters, read-only **Label** filter (Label plugin — labels are set by Sonarr/Radarr and never written from Prismarr), seeding-focused Ratio / Uploaded / Completed columns, a detail panel (status, files, trackers, peers) with Radarr/Sonarr resolve, single + bulk pause/resume/delete(±data)/recheck, reannounce, move storage, session-wide Pause All / Resume All (`core.pause_session`), add via magnet/URL/.torrent upload (SSRF-guarded, bencode-validated) with save-path, per-torrent and global speed limits, and a sidebar badge with download-complete toasts. The JSON-RPC client judges success on the response envelope (deluge-web answers HTTP 200 even on failure), auto-reconnects a daemon-disconnected web UI, supports an authenticating-reverse-proxy mode (empty password), and runs behind the same circuit breaker + SSRF protocol locks as every other service client.
+- **Houndarr widget (optional).** A new read-only [Houndarr](https://github.com/av1155/houndarr) integration (URL + API key in `/admin/settings`, with per-service kill switch and Test connection) adds a dashboard stat tile with the backlog-search totals — Tracked, Eligible (highlighted), Cooldown, Unreleased and 7-day Searches — hydrating asynchronously and refreshing every 60 s, plus a Houndarr chip in the unified health list (topbar + dashboard). Houndarr's API key authorizes exactly one summary endpoint (`GET /api/v1/widget`), so the client is allow-list-normalized end to end, caches results for 45 s (a rejected key is cached too, so polling can't trip Houndarr's per-IP 429 lockout), and fails open — an unreachable Houndarr renders a muted offline state and never breaks the dashboard. The section participates in dashboard layout customization (reorder/hide) like every other section; no dedicated page, since the API exposes nothing richer.
 - **Plex activity via Tautulli (optional).** A new read-only Tautulli integration (URL + API key in `/admin/settings`, behind the per-service health circuit breaker) surfaces current Plex activity. The dashboard gets a "Current Plex activity" widget — active streams, Direct Play / Direct Stream / Transcode counts, total / LAN / WAN bandwidth and a per-session card (quality, HDR/SDR badge, source→target codec when transcoding) — that hydrates on its own and refreshes every 10 s. A dedicated **Plex Activity** page (own sidebar entry) adds a now-playing strip, watch statistics with a 7 / 30 / 90-day toggle (top movies / shows / users / platforms), plays-over-time graphs with a Media-type ⇄ Stream-type toggle plus by-hour and by-day-of-week breakdowns and a platform × stream-type "problem clients" chart, a dense watch-history grid, and per-library item counts. Each title opens an in-app info modal (synopsis, ratings, cast/crew). The API key never leaves the server, every response is sanitised before it reaches the browser, and each section fails open independently so a down/misconfigured Tautulli never breaks the dashboard or page. Chart.js is self-hosted (`public/static/chart/`) for CSP compliance and reused by the existing Radarr stats chart.
 - **In-place quick-look on the dashboard.** Clicking any media tile — hero spotlight, upcoming, weekly trending, watchlist or latest additions — now opens a read-only detail modal right on the dashboard (poster, year, status, rating, genres, synopsis) instead of navigating away, with a deep-link to manage the item in Radarr/Sonarr or open it in Discover. Library items resolve from the already-cached dashboard aggregate (zero extra upstream calls on a warm page, falling back to a direct fetch on a miss); TMDb items resolve straight from TMDb. The fragment is read-only and fails open to a small graceful body, and the modal is Turbo-safe (declarative trigger, escaped values).
 - **Plex Activity page — statistics, graphs & a per-user filter.** The activity page's statistics gain Most Popular Movies / Shows tiles (ranked by distinct viewers), a Most Concurrent Streams tile, and a **Play Count ⇄ Play Duration** toggle that reformats every count-based tile and chart into watch time. Four new graphs are added — plays by source resolution, plays by stream resolution, streams by user, and concurrent streams over time (always a count, never reformatted as duration) — alongside a new privacy-safe **Users** overview table (friendly name, relative last-seen, last played, play count, total watch time). A page-wide **per-user filter** dropdown scopes the statistics, all graphs and the history grid to a single user, or all users (the Users overview table always lists everyone). The metric and user-id are clamped/validated server-side (`metric` ∈ `plays|duration`, user filter digits-only), every new client method and endpoint fails open to its neutral shape, and the allow-list keeps email / IP / avatar / Plex login off the wire — the opaque Tautulli user-id is a filter token only and never rendered. All data comes from read-only Tautulli commands (`get_home_stats`, `get_users_table`, `get_user_names`, `get_plays_by_*`, `get_concurrent_streams_by_stream_type`); strings are i18n'd (en/fr).
+- **Keyboard access for media, watchlist and calendar cards.** Cards that open the quick-look were clickable `<div>`s unreachable by keyboard; they now carry `tabindex="0"`, `role="button"` and an `aria-label`, a shared Enter/Space handler activates them, and a `:focus-visible` ring makes the focused card visible. Screen-reader/keyboard users can now reach every tile the mouse can.
+- **"New" ribbons and stacked Plex-viewer avatars.** Films/Series cards for items added in the last 7 days get a small Tabler `.ribbon` "New" corner flag (mutually exclusive with the quality badge on films), and the dashboard Plex widget shows a Tabler `.avatar-list` of the current distinct viewers (initial-based avatars, since the session payload has no user thumbnail). Both reuse classes already in the shipped Tabler bundle.
+- **Transmission torrent client integration.** A new download-client page (setup wizard step, admin settings entry, sidebar badge/poll, health circuit breaker) alongside qBittorrent, modeled on the same conventions. Transmission's RPC session handshake is handled transparently: the first request without a valid `X-Transmission-Session-Id` gets an expected HTTP 409 carrying the real token, which the client caches and retries with — the setup wizard's Test button and the dashboard health check both treat that 409 as "reachable," while a genuine `401` (bad RPC password) is reported as an auth failure. The user/password fields are optional, matching qBittorrent's reverse-proxy-friendly config shape. The page covers the list/table/compact torrent views, filtering, search, sort, pagination, bulk actions (pause/resume/delete/recheck, plus pause-all/resume-all), a per-torrent detail modal (general/files/trackers/peers) and add-by-URL / add-by-file, with a read-only category filter derived from Transmission's own labels.
 ### Changed
+- **Download queue widget starts collapsed on Radarr/Sonarr.** The films/series queue card now loads collapsed by default instead of open; the existing toggle (click the header) still expands it, and the 2s auto-refresh no longer forces it back open.
+- **Setup wizard consolidated onto stock Tabler primitives.** The first-run wizard's hand-rolled mini design system was replaced with the Tabler components the rest of the app already ships: the step indicator is now a `.steps.steps-counter` stepper (with a small "done = green" accent rule), connection-test results are `.status` pills, buttons/cards/badges/service rows use stock `.btn` variants, `.card`, badges and list-groups, secret fields use an `input-group` reveal toggle (`[data-toggle-for]`), and section headers use `.hr-text`. Net −268 lines of bespoke CSS; the few deliberate flourishes (accent gradient on the primary action, hero styling) live in one commented "Prismarr accent layer" block in `setup/_layout.html.twig`. Behaviour is unchanged — all 7 steps re-verified on a fresh install in dark, light and mobile widths.
+- **Plex items open the app-global quick-look modal.** Clicking a title on the Plex Activity page or the dashboard's Plex widget now opens the same rich detail modal used everywhere else (poster, synopsis, ratings, watchlist button, Manage/Discover deep-links) instead of the bespoke Tautulli metadata pop-up. The click resolves the item's TMDb id server-side (`/tautulli/api/quicklook/{ratingKey}`, one `get_metadata` call — episodes/seasons resolve to their show, with a grandparent hop for older Tautulli payloads that lack show-level guids); only the numeric TMDb id reaches the browser, keeping raw Plex guids inside the existing allow-list sanitization. Items with no TMDb match (music, home videos) fall back to the legacy Plex metadata modal, so every click keeps working.
 - **Dashboard service-health chips show latency.** `HealthService::statusFor()` returns a status word plus a round-trip reading (cached 10 s like the existing bool path, which now delegates to it); the dashboard chips render five states — up / slow / very_slow / down / degraded — with a coloured dot, so a reachable-but-slow service is visibly distinct from a healthy one. `isHealthy()` keeps its old contract for every existing caller.
+- **Library filters collapse into a drawer on mobile.** On the Films, Series and Discover pages the filter controls used to sit in an always-visible toolbar that ate a large slice of the screen above the poster grid on phones. Below 992px the Films/Series filter card is now a Bootstrap offcanvas drawer opened by a `Filtres (n)` button (n = active-filter count) — search, status, and the dropdowns move into the drawer, and an **Apply** button runs a single navigation so changing filters no longer reloads the page (and closes the drawer) on every tap; at ≥992px the toolbar renders inline exactly as before (same live auto-submit, unchanged desktop). Discover's existing Filters panel becomes a slide-in drawer at all widths, reusing its Apply/Reset/count logic. Same responsive offcanvas markup drives both states, so there is one source of truth per page.
+- **Calendar events open the quick-look in place.** Clicking a calendar entry (or an event inside a day's overflow popup) now opens the app-global quick-look modal — resolving to the library detail for known Radarr/Sonarr items, falling back to the media page otherwise — instead of navigating straight to `/medias?open=…`. Consistent with every other surface that already opens the quick-look.
+- **TMDb release dates, certifications and watch providers follow the UI locale.** Release-date country, content-rating region and watch-provider region were hardcoded FR-first everywhere, so an English UI still showed French theatrical dates and certifications. A new `TmdbClient::regionPriority(locale, …)` builds a locale-led ordering (en → US/GB/CA/AU, fr → FR/BE/LU/CA, plus es/de/pt/it) with a common fallback chain and the payload's own countries appended, deduped. Wired through every pick site in `TmdbController` and `DashboardController` via the active translator locale; unit-tested. (A French instance is unchanged — FR still leads.)
+- **Shared component vocabulary across download/library/discovery pages.** Three near-duplicated UI patterns were unified into reusable Twig partials with one CSS vocabulary: the Deluge/qBittorrent/Usenet view-switchers (`_view_switcher` + `.view-switcher/.view-btn`, active state now uses the theme primary), the Films/Series/Prowlarr/Usenet stat strips and grids (`_stat_tiles` + `.stat-val/.stat-lbl`), and the Films/Series/Deluge/qBittorrent filter pills (`_filter_pills` + `.filter-pill`, active pills now a `color-mix` tint of their hue). Behaviour, data-attributes and JS hooks are preserved; the most visible change is the Films/Series filter pills going from solid to tinted-active. Also retired the infinite `dl-pulse` sidebar animation in favour of a static glow plus a state-driven pulse-on-increase (reduced-motion guarded).
 ## [1.1.1] - 2026-06-10
 
 ### Fixed
diff --git a/README.md b/README.md
index e87f3d2f..890143ce 100644
--- a/README.md
+++ b/README.md
@@ -7,18 +7,20 @@
 </p>
 
 <p align="center">
-  <a href="https://github.com/Shoshuo/Prismarr/releases"><img src="https://img.shields.io/github/v/release/Shoshuo/Prismarr?label=release&color=6366f1" alt="Latest release"></a>
-  <a href="https://github.com/Shoshuo/Prismarr/actions/workflows/ci.yml"><img src="https://img.shields.io/github/actions/workflow/status/Shoshuo/Prismarr/ci.yml?branch=main&label=CI" alt="CI"></a>
-  <a href="https://hub.docker.com/r/shoshuo/prismarr"><img src="https://img.shields.io/docker/pulls/shoshuo/prismarr?color=2496ED&logo=docker&logoColor=white" alt="Docker pulls"></a>
-  <a href="https://hub.docker.com/r/shoshuo/prismarr"><img src="https://img.shields.io/docker/image-size/shoshuo/prismarr/latest?color=2496ED&logo=docker&logoColor=white" alt="Image size"></a>
-  <a href="https://github.com/Shoshuo/Prismarr"><img src="https://img.shields.io/github/stars/Shoshuo/Prismarr?style=flat&color=f59e0b" alt="Stars"></a>
-  <a href="https://github.com/Shoshuo/Prismarr/commits/main"><img src="https://img.shields.io/github/last-commit/Shoshuo/Prismarr?color=6366f1" alt="Last commit"></a>
-  <a href="https://discord.gg/wd4hwU3jTF"><img src="https://img.shields.io/badge/Discord-join-5865F2?logo=discord&logoColor=white" alt="Discord"></a>
-  <a href="https://buymeacoffee.com/shoshuo"><img src="https://img.shields.io/badge/Buy%20Me%20a%20Coffee-support-FFDD00?logo=buymeacoffee&logoColor=black" alt="Buy Me a Coffee"></a>
+  This is <a href="https://github.com/ndandan/Prismarr"><strong>ndandan's fork</strong></a> of
+  <a href="https://github.com/Shoshuo/Prismarr"><strong>Shoshuo/Prismarr</strong></a> —
+  it tracks upstream closely and adds extra integrations and dashboard features on top.
 </p>
 
 <p align="center">
-  <a href="https://github.com/Shoshuo/Prismarr/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-AGPL--3.0-blue" alt="AGPL-3.0"></a>
+  <a href="https://github.com/ndandan/Prismarr/actions/workflows/ci.yml"><img src="https://img.shields.io/github/actions/workflow/status/ndandan/Prismarr/ci.yml?branch=main&label=CI" alt="CI"></a>
+  <a href="https://github.com/ndandan/Prismarr/pkgs/container/prismarr"><img src="https://img.shields.io/badge/GHCR-ndandan%2Fprismarr-2496ED?logo=docker&logoColor=white" alt="GHCR image"></a>
+  <a href="https://github.com/ndandan/Prismarr/commits/main"><img src="https://img.shields.io/github/last-commit/ndandan/Prismarr?color=6366f1" alt="Last commit"></a>
+  <a href="https://github.com/Shoshuo/Prismarr"><img src="https://img.shields.io/badge/upstream-Shoshuo%2FPrismarr-f59e0b?logo=github" alt="Upstream"></a>
+</p>
+
+<p align="center">
+  <a href="https://github.com/ndandan/Prismarr/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-AGPL--3.0-blue" alt="AGPL-3.0"></a>
   <img src="https://img.shields.io/badge/PHP-8.4-777BB4?logo=php&logoColor=white" alt="PHP 8.4">
   <img src="https://img.shields.io/badge/Symfony-8-000000?logo=symfony&logoColor=white" alt="Symfony 8">
   <img src="https://img.shields.io/badge/FrankenPHP-1.3-orange" alt="FrankenPHP 1.3">
@@ -26,14 +28,13 @@
 </p>
 
 <p align="center">
+  <a href="#about-this-fork">About this fork</a> ·
   <a href="#features">Features</a> ·
   <a href="#quick-start">Quick start</a> ·
   <a href="#configuration">Configuration</a> ·
   <a href="#upgrade">Upgrade</a> ·
-  <a href="#whats-next">What's next</a> ·
-  <a href="#support-and-community">Support</a> ·
-  <a href="#license">License</a> ·
-  <a href="#note-on-ai-usage">AI</a>
+  <a href="#contributing">Contributing</a> ·
+  <a href="#license">License</a>
 </p>
 
 ---
@@ -55,8 +56,16 @@
   <img src="docs/screenshots/radarr.png" width="49%" alt="Movies (Radarr)">
 </p>
 <p align="center">
-  <img src="docs/screenshots/series-detail.png" width="49%" alt="Series detail (Sonarr)">
-  <img src="docs/screenshots/downloads.png" width="49%" alt="Downloads (qBittorrent)">
+  <img src="docs/screenshots/sonarr.png" width="49%" alt="Series (Sonarr)">
+  <img src="docs/screenshots/requests.png" width="49%" alt="Requests (Seerr)">
+</p>
+<p align="center">
+  <img src="docs/screenshots/deluge.png" width="49%" alt="Downloads (Deluge)">
+  <img src="docs/screenshots/sabnzbd.png" width="49%" alt="Downloads (SABnzbd)">
+</p>
+<p align="center">
+  <img src="docs/screenshots/plex-activity.png" width="49%" alt="Plex activity (Tautulli)">
+  <img src="docs/screenshots/prowlarr.png" width="49%" alt="Indexers (Prowlarr)">
 </p>
 <p align="center">
   <img src="docs/screenshots/settings.png" width="49%" alt="Settings (custom theme)">
@@ -85,36 +94,98 @@ First boot opens a 7-step wizard: create the admin, plug your services in,
 done. No external database, no Redis, no per-service `.env` files. Pull
 the image, mount one volume, you're up.
 
----
-
-## Project status
-
-Prismarr is maintained by a single developer (for now) in spare time.
-The codebase is production-ready - I run it on my own homelab daily - but
-support, bug fixes and new features land when I have the bandwidth. There
-is no SLA, no commercial backing and no team behind this.
+Prismarr is created and maintained by [Shoshuo](https://github.com/Shoshuo).
+This repository is a personal fork of it — see below for what's different.
 
-That said, I actively welcome and encourage feedback. **Feature requests,
-bug reports, code reviews, UI critiques, design ideas, translations** - if
-you take the time to write something, I'll take the time to read it
-carefully and reply. Open an issue, drop a PR, or just tell me what's
-missing or what could be better. Outside contributors are exactly how a
-solo project becomes a real one, and I'd love that to happen.
+---
 
-The [CHANGELOG](CHANGELOG.md) is kept up to date, and the [public Kanban](https://github.com/users/Shoshuo/projects/4)
-shows what's in progress, what's planned for the next release and what's
-queued for later.
+## About this fork
+
+This fork stays close to upstream (it merges upstream regularly and keeps
+its code mergeable back), and everything general-purpose gets offered back
+as an upstream PR. What lives here:
+
+**Contributed back and merged upstream** — these started here and are now
+part of the original project:
+
+- Library-page performance rework (short-TTL library cache + batched `curl_multi` *arr calls) — [#56](https://github.com/Shoshuo/Prismarr/pull/56)
+- CI/workflow modernisation with fork-friendly guards — [#59](https://github.com/Shoshuo/Prismarr/pull/59)
+- Plex activity via Tautulli (dashboard widget + full Plex Activity page) and latency-aware health chips — [#60](https://github.com/Shoshuo/Prismarr/pull/60)
+- In-place quick-look modal on the dashboard — [#61](https://github.com/Shoshuo/Prismarr/pull/61)
+- Plex Activity statistics, graphs and per-user filter — [#62](https://github.com/Shoshuo/Prismarr/pull/62)
+
+**Proposed upstream, pending** — already shipped in this fork:
+
+- Dashboard theming: 17 glance-style HSL presets with an admin Theme picker — [#66](https://github.com/Shoshuo/Prismarr/pull/66)
+- Dashboard layout customization: reorder + hide/show sections — [#68](https://github.com/Shoshuo/Prismarr/pull/68)
+- One unified rich detail modal everywhere (top-bar search, dashboard, Explorer, Plex activity) — [#69](https://github.com/Shoshuo/Prismarr/pull/69)
+- Search fix: keep the global search icon from overlapping text in compact density — [#70](https://github.com/Shoshuo/Prismarr/pull/70)
+- Performance slice: cross-request service-health caching, browser cache headers on static assets, prod cache pre-warmed at image build — [#74](https://github.com/Shoshuo/Prismarr/pull/74)
+- Plex items open the app-global quick-look modal — [#75](https://github.com/Shoshuo/Prismarr/pull/75)
+- Deluge tab: full torrent management via deluge-web JSON-RPC — [#76](https://github.com/Shoshuo/Prismarr/pull/76)
+
+**Fork-only** — only available here:
+
+- **Transmission tab:** a third download client alongside qBittorrent and
+  Deluge — list/table/compact views, filtering, search, sort and pagination,
+  bulk actions (pause/resume/delete/recheck plus pause-all/resume-all), a
+  per-torrent detail modal (general/files/trackers/peers), add-by-URL and
+  add-by-file, and a read-only filter over Transmission's own labels. Talks the
+  Transmission RPC API and handles its session handshake transparently (the
+  expected `409` that carries the session token is treated as "reachable"; a
+  real `401` is reported as an auth failure). Reworked from a community fork
+  PR — a candidate to offer upstream rather than deliberately fork-bound.
+- **FrankenPHP/Symfony worker mode (opt-in):** an env-gated flag
+  (`PRISMARR_WORKER`) that boots the kernel once and keeps it resident instead
+  of rebuilding it per request. Off by default. On a real homelab it cut a
+  health-poll response from ~46 ms to ~3 ms (~15×) and a large Films-page render
+  from ~3.0 s to ~0.3 s (~10×); TMDb-bound pages like Discover are unchanged,
+  as expected. See the [Configuration](#environment-variables-optional) table.
+- **Unraid server widget:** an admin-only dashboard section for the Unraid 7
+  GraphQL API — array and disk health, parity status with live check progress
+  and ETA, CPU/RAM/uptime, per-container Docker status chips, and UPS state.
+- **Houndarr widget:** a read-only dashboard stat tile for
+  [Houndarr](https://github.com/av1155/houndarr) backlog searching — tracked /
+  eligible / cooldown / unreleased counts and 7-day searches, plus a health chip.
+- **UniFi Network widget:** an admin-only dashboard section for the UniFi OS
+  Network API — live WAN up/download bandwidth, client counts
+  (wired/wireless/guest), a 24-hour usage graph, and per-device infrastructure
+  status (gateway/switches/APs) with gateway CPU/RAM.
+- **UniFi Network tab (`/unifi`):** a full admin-only network-operations page
+  over the classic UniFi Network API — WAN/gateway/client tiles, 7-day traffic
+  and 30-day speedtest trends as server-rendered SVG (no charting library on the
+  wire), device inventory, RF environment (per-AP radios plus a neighbouring-AP
+  scan), VLAN inventory, wireless clients, live talkers, top clients and
+  DHCP-reservation mismatches. Three readers own their own endpoint group and
+  cadence (live 10 s / infrastructure 60 s / history 300 s) and a coalescing
+  poller batches every due region into one request per tick, so each endpoint is
+  hit once per cycle however many panels use it. Read-only, and every panel
+  degrades to an empty state instead of letting a sick console break the page.
+  Reuses the widget's UniFi settings — no extra configuration.
+
+The full details live in [docs/FORK-CHANGES.md](docs/FORK-CHANGES.md) and the
+[CHANGELOG](CHANGELOG.md). The fork is run daily on a real homelab (Unraid),
+and every change lands through the same quality gate as upstream: PHP lint,
+Twig lint and the full PHPUnit suite must be green in CI before an image is
+published.
 
 ---
 
 ## Features
 
+Everything upstream Prismarr does, plus the fork additions (marked **fork**):
+
 - **Movies & Series:** Radarr and Sonarr libraries with five view modes, **multiple instances side by side** (1080p / 4K / Anime, each first-class in the UI), global `Ctrl+K` search and a quick-add modal with a per-instance target picker.
 - **Unified calendar:** movie and episode releases merged across instances, deduped by `tmdbId` / `tvdbId`, with month / week / day views and iCal export.
 - **Dashboard:** hero spotlight, upcoming releases, pending Seerr requests, live service health, watchlist, trending and latest additions. Paints instantly, each widget hydrates on its own.
-- **Downloads:** full qBittorrent dashboard (server-side pagination, sorting, filters, drag-and-drop upload) plus dedicated SABnzbd and NZBGet pages. Optional Gluetun integration.
+- **Dashboard customization (fork):** an admin can reorder and hide/show every dashboard section, and pick one of 17 theme presets.
+- **Quick-look everywhere (fork):** clicking any media tile — dashboard, top-bar search result, Explorer, Plex activity — opens one rich in-place detail modal (poster, synopsis, ratings, release/air dates, watchlist, Add/Manage deep-links) instead of navigating away.
+- **Downloads:** full qBittorrent dashboard (server-side pagination, sorting, filters, drag-and-drop upload), a full Deluge tab (live table, labels, seeding columns, detail panel, add/limits — via deluge-web JSON-RPC), a full Transmission tab (same list/table/compact views, bulk actions, detail modal and add-by-URL/file, with a read-only filter over Transmission's own labels — via the Transmission RPC API), plus dedicated SABnzbd and NZBGet pages. Optional Gluetun integration.
 - **Discovery:** TMDb landing page with recommendations and trending, watchlist, an explorer with filters, and deep-links into your library.
-- **Plex activity (Tautulli):** optional read-only page (now playing, watch stats, graphs, history) plus a "Current Plex activity" dashboard widget. The API key stays server-side and responses are sanitised.
+- **Plex activity (Tautulli):** optional read-only page (now playing, watch stats, graphs with a per-user filter, history) plus a "Current Plex activity" dashboard widget. The API key stays server-side and responses are sanitised.
+- **Unraid server monitoring (fork):** optional admin-only dashboard section — array/parity health with live check progress, disks, CPU/RAM, Docker containers and UPS, via the Unraid 7 GraphQL API.
+- **Houndarr (fork):** optional dashboard stat tile with backlog-search totals and a health chip.
+- **UniFi network monitoring (fork):** optional admin-only dashboard section — live WAN up/download, client counts (wired/wireless/guest), a 24-hour usage graph and gateway/switch/AP status, via the UniFi OS Network API. Plus a full **UniFi Network tab** (`/unifi`, admin-only): 7-day traffic and 30-day speedtest trends, device inventory, RF environment (AP radios and neighbouring APs), VLANs, wireless clients, live talkers, top clients and DHCP-reservation mismatches — read-only, and every panel falls back to an empty state rather than breaking the page.
 - **Preferences:** theme, UI density, timezone, date format, English / French UI, settings export / import (credentials always stripped).
 - **Security:** Symfony auth with login rate-limiter, non-root container, dynamic CSP, SSRF protection on user-provided URLs, CSRF on every mutation.
 
@@ -125,22 +196,34 @@ queued for later.
 ### Requirements
 
 - Docker and Docker Compose
-- At least one of: qBittorrent, Radarr, Sonarr, Prowlarr, Seerr
+- At least one of: qBittorrent, Deluge, Transmission, Radarr, Sonarr, Prowlarr, Seerr
 - Optional: Gluetun if qBittorrent runs behind a VPN
+- Optional: a Deluge instance (deluge-web URL + password) for the Deluge tab
+- Optional: a Transmission instance (RPC URL; user/password only if the daemon requires them) for the Transmission tab
 - Optional: a TMDb API key (free) to enable the Discovery page
+- Optional: a Tautulli instance (URL + API key) for the Plex activity page and widget
+- Optional: an Unraid 7 server (GraphQL API key) for the server monitoring widget
+- Optional: a Houndarr instance (URL + API key) for the backlog-search widget
 
-### Install
+### Which image?
 
-**Step 1.** Get a `docker-compose.yml` file. Pick one of the two options below.
+| Image | What you get |
+|---|---|
+| `ghcr.io/ndandan/prismarr:latest` | **This fork** — upstream Prismarr plus everything listed above |
+| `shoshuo/prismarr:latest` | The original upstream project (Docker Hub) |
 
-#### Option A — Copy-paste
+The instructions below use the fork image. Both use the same volume layout,
+so switching between them is just changing the `image:` line (back up first —
+the fork may carry schema migrations upstream doesn't have yet).
 
-Create a file named `docker-compose.yml` with the following content:
+### Install
+
+**Step 1.** Create a file named `docker-compose.yml`:
 
 ```yaml
 services:
   prismarr:
-    image: shoshuo/prismarr:latest
+    image: ghcr.io/ndandan/prismarr:latest
     container_name: prismarr
     restart: unless-stopped
     stop_grace_period: 30s
@@ -153,15 +236,7 @@ volumes:
   prismarr_data:
 ```
 
-#### Option B — Download
-
-```bash
-wget -O docker-compose.yml https://raw.githubusercontent.com/Shoshuo/Prismarr/main/docker-compose.example.yml
-```
-
-(or `curl -O https://raw.githubusercontent.com/Shoshuo/Prismarr/main/docker-compose.example.yml && mv docker-compose.example.yml docker-compose.yml`)
-
-#### Option C: Bind-mount (Servarr-style layout)
+#### Bind-mount variant (Servarr-style layout)
 
 If you prefer host folders next to your other Servarr containers (Radarr, Sonarr, etc.) for easy browsing, replace the named volume with a bind-mount. The container target must stay at `/var/www/html/var/data`:
 
@@ -170,13 +245,13 @@ If you prefer host folders next to your other Servarr containers (Radarr, Sonarr
       - ./prismarr-config:/var/www/html/var/data
 ```
 
-Drop the top-level `volumes:` block from Option A, and create the host folder before first start: `mkdir -p ./prismarr-config`.
+Drop the top-level `volumes:` block, and create the host folder before first start: `mkdir -p ./prismarr-config`.
 
 > [!warning]
-> If you write your own compose instead of using a template above, the container target for the data volume must be `/var/www/html/var/data`. Prismarr does not use the Servarr `/config` or `/app/config` convention. A bind-mount on the wrong path silently creates an anonymous volume that resets on every redeploy, with no error in the logs.
+> If you write your own compose, the container target for the data volume must be `/var/www/html/var/data`. Prismarr does not use the Servarr `/config` or `/app/config` convention. A bind-mount on the wrong path silently creates an anonymous volume that resets on every redeploy, with no error in the logs.
 
 > [!warning]
-> **Unraid:** map the data volume to a dedicated subfolder on your **cache pool** (`/mnt/cache/appdata/prismarr`), not to `/mnt/user/...`. The `/mnt/user` share goes through FUSE (shfs), where Prismarr's session and database I/O can saturate the share and, in the worst case, lock up the whole server. Always point it at a dedicated subfolder (never the `appdata` root) so the container's startup `chown` stays scoped to Prismarr's own data.
+> **Unraid:** map the data volume to a dedicated subfolder on your **cache pool** (`/mnt/cache/appdata/prismarr`), not to `/mnt/user/...`. The `/mnt/user` share goes through FUSE (shfs), where session and database I/O can saturate the share. Prismarr releases the session lock early on read-only requests, which removes the worst of it, but a dedicated cache-pool subfolder (never the `appdata` root, so the startup `chown` stays scoped) remains the right mapping.
 
 ---
 
@@ -192,7 +267,11 @@ will guide you through:
 - admin account creation
 - TMDb API key (optional)
 - Radarr / Sonarr / Prowlarr / Seerr URLs and keys
-- qBittorrent + Gluetun (optional)
+- qBittorrent + Gluetun, Deluge, Transmission (optional)
+
+Tautulli, Unraid and Houndarr are configured later from
+**Settings → Services** (each with its own enable toggle and Test-connection
+button).
 
 `APP_SECRET` and `MERCURE_JWT_SECRET` are auto-generated on first boot and
 persisted in the `prismarr_data` volume. No `.env` editing required.
@@ -216,10 +295,12 @@ Everything is configured from the UI:
 - **First boot**: the 7-step setup wizard at `/setup`
 - **Later**: the Settings page at `/admin/settings` (admin only)
 
-External service credentials (TMDb / Radarr / Sonarr / Prowlarr / Seerr
-API keys, qBittorrent password, service URLs), display preferences and
-language are stored in the SQLite database (`setting` table). They never
-appear in environment variables or in any committable file.
+External service credentials (TMDb / Radarr / Sonarr / Prowlarr / Seerr /
+Tautulli / Unraid / Houndarr API keys, qBittorrent, Deluge and Transmission
+passwords, service URLs),
+display preferences and language are stored in the SQLite database
+(`setting` table). They never appear in environment variables or in any
+committable file.
 
 Two framework-level secrets - `APP_SECRET` and `MERCURE_JWT_SECRET` - are
 auto-generated on first boot and persisted inside the volume at
@@ -233,9 +314,11 @@ rotate or back them up manually.
 | `APP_ENV` | `prod` | Switch to `dev` for local development only |
 | `PRISMARR_PORT` | `7070` | Internal listening port |
 | `TRUSTED_PROXIES` | `127.0.0.1,REMOTE_ADDR` | Adjust if running behind Traefik / nginx / Caddy / Cloudflare Tunnel |
-| `TZ` | `UTC` | Container time zone (e.g. `Europe/Paris`, `Pacific/Honolulu`). Drives both the OS clock and the PHP date helpers — see issue [#12](https://github.com/Shoshuo/Prismarr/issues/12) |
-| `PHP_MEMORY_LIMIT` | `1024M` | PHP memory ceiling per request. Bump (e.g. `2048M`, `-1` for unlimited) if you have a very large Radarr / Sonarr library — see issue [#13](https://github.com/Shoshuo/Prismarr/issues/13) |
+| `TZ` | `UTC` | Container time zone (e.g. `Europe/Paris`, `Pacific/Honolulu`). Drives both the OS clock and the PHP date helpers — see upstream issue [#12](https://github.com/Shoshuo/Prismarr/issues/12) |
+| `PHP_MEMORY_LIMIT` | `1024M` | PHP memory ceiling per request. Bump (e.g. `2048M`, `-1` for unlimited) if you have a very large Radarr / Sonarr library — see upstream issue [#13](https://github.com/Shoshuo/Prismarr/issues/13) |
 | `PHP_MAX_EXECUTION_TIME` | `120` | PHP wall-time ceiling per request, in seconds. Bump alongside `PHP_MEMORY_LIMIT` if the films / series page times out |
+| `PRISMARR_WORKER` | _(unset)_ | Enables FrankenPHP/Symfony **worker mode** — the kernel is booted once and kept resident, skipping the per-request bootstrap for faster responses. Set to `1` (or `true`) for the default worker count, or to a number (e.g. `4`) to run that many workers. Off by default / `0` / `false` = classic per-request mode; no image rebuild needed to toggle |
+| `PRISMARR_WORKER_NUM` | _(2× CPU)_ | Optional explicit worker-thread count; overrides the count when `PRISMARR_WORKER` is enabled. Leave unset to use FrankenPHP's default (2× the available CPUs) |
 
 ### Persistent data
 
@@ -268,98 +351,63 @@ docker compose up -d
 SQLite migrations run automatically on container start. The `prismarr_data`
 volume is preserved.
 
-To pin a specific version instead of `latest`:
-
-```yaml
-services:
-  prismarr:
-    image: shoshuo/prismarr:1.0.0
-```
+### Image tags
 
-### Testing pre-release builds
+The fork publishes two tags to GHCR, built by GitHub Actions:
 
-`shoshuo/prismarr:beta` is the unreleased work-in-progress build of `main`.
+- **`ghcr.io/ndandan/prismarr:latest`** — rebuilt from `main`. This is the
+  stable fork build; nothing reaches `main` without green CI (lint + full
+  PHPUnit suite) and a live test.
+- **`ghcr.io/ndandan/prismarr:beta`** — pre-release builds of in-progress
+  feature branches, used to test on a real deployment before merging.
 
-> ### /!\ No stability guarantee /!\
->
-> **`:beta` can be broken, regress features, or lose data.** It is not held to
-> the quality bar of `:latest`, and there is no promise it works as well, or at
-> all. **Do not run it on an instance you care about.**
-
-You only ever get `:beta` if you explicitly set `image: shoshuo/prismarr:beta`
-in your compose file. The `:beta` tag is built separately and never touches
-`:latest`, so users on `:latest` (including with Watchtower or other auto-pull
-setups) stay on stable. If you *do* opt into `:beta`, auto-pull will keep
-fetching fresh pre-release builds, which is usually what a tester wants.
-
-If you still want to help test it:
-
-- Back up your `prismarr_data` volume before switching, and again before each
-  `:beta` pull. A pre-release database migration may not be safely reversible,
-  so going back to `:latest` can require restoring that backup.
-- Report problems on the issue tracker with a `[beta]` prefix in the title,
-  including the version shown on **Settings → Updates** and `docker logs prismarr`.
-
----
-
-## What's next
-
-Everything lives on the [public Kanban](https://github.com/users/Shoshuo/projects/4): what's in progress, what's planned for the next release, and what's parked for later.
-
----
-
-## Support and community
-
-Prismarr is built by one person in spare time. Two ways to be part of it:
-
-- **Join the [Discord](https://discord.gg/wd4hwU3jTF)** to ask for help, report
-  issues, share setups, or follow what's coming next.
-- **[Buy me a coffee](https://buymeacoffee.com/shoshuo)** if Prismarr is useful
-  to you and you'd like to support the time that goes into it. Entirely
-  optional, and every bit is appreciated.
+> [!warning]
+> **`:beta` can be broken, regress features, or lose data.** Do not run it on
+> an instance you care about, and back up the `prismarr_data` volume before
+> switching — a pre-release migration may not be reversible.
 
-For anything that needs tracking (bugs, feature requests), GitHub issues and
-pull requests stay the right place. See [Contributing](#contributing).
+The fork does not cut versioned releases; for pinned semver tags, use the
+upstream image (`shoshuo/prismarr:1.x.x`) — minus the fork-only features.
 
 ---
 
 ## Tech stack
 
 - **Backend**: PHP 8.4 / Symfony 8 / Doctrine ORM
-- **Server**: FrankenPHP (Caddy + PHP embed, worker mode) supervised by s6-overlay
+- **Server**: FrankenPHP (Caddy + PHP embed; optional resident worker mode) supervised by s6-overlay
 - **Frontend**: Tabler UI + Alpine.js + Turbo (Hotwire) via Symfony AssetMapper
 - **Database**: SQLite (zero-config, automatic Doctrine migrations)
 - **Cache + sessions**: filesystem (no Redis required)
 - **Queue**: Symfony Messenger (Doctrine transport)
 - **Real-time**: Mercure SSE built into Caddy
 
-A single Docker container ships everything. The image is `~282 MB` and runs
-on `amd64` and `arm64`.
+A single Docker container ships everything. The fork's GHCR image is built
+for `linux/amd64` (its target deployment is Unraid); the upstream Docker Hub
+image also ships `arm64` if you need ARM.
 
 ---
 
 ## FAQ
 
-**Why PHP / Symfony?**
-Because the developer (me) is comfortable with it and Symfony 8 lets a
-solo dev ship a polished, testable, batteries-included web app fast.
-The runtime is FrankenPHP in worker mode, so the per-request overhead
-is small. Performance is a non-issue at homelab scale.
+**Why a fork?**
+To add integrations the upstream project considers out of scope (Unraid
+server monitoring, Houndarr) and to iterate on features before proposing
+them upstream. Everything general-purpose is offered back as a PR — five
+have been merged so far, and several more are open.
 
-**ARM / Raspberry Pi support?**
-Yes. The image is built for `linux/amd64` and `linux/arm64`. It runs
-on a Raspberry Pi 4/5, an Apple Silicon Mac, or any arm64 NAS.
+**Will this fork drift away from upstream?**
+No — staying mergeable is an explicit goal. Upstream changes are merged in
+regularly, upstream-origin code is left untouched even when fork changes
+obsolete it, and fork features are built to sit on top rather than rewrite.
 
 **Does Prismarr need internet access?**
-Only for TMDb (cover art, metadata, discovery) and the Servarr
-services you point it at. The app itself works fully on a LAN; if
-you don't configure TMDb, the Discovery page is the only feature
-that goes dark.
+Only for TMDb (cover art, metadata, discovery) and the services you point
+it at. The app itself works fully on a LAN; if you don't configure TMDb,
+the Discovery page is the only feature that goes dark.
 
 **Can I run it behind a reverse proxy?**
 Yes. Set `TRUSTED_PROXIES` to your proxy network (see Configuration).
-HSTS and Permissions-Policy headers are emitted by the embedded
-Caddy.
+HSTS and Permissions-Policy headers are emitted by the embedded Caddy.
 
 **Where are my API keys stored? Is it safe?**
 In the SQLite database (table `setting`). The database lives in the
@@ -373,22 +421,25 @@ Snapshot the `prismarr_data` Docker volume (one-liner in the
 Configuration section). It contains the SQLite DB, the auto-generated
 secrets, sessions, cache and avatars - everything needed to restore.
 
-**Can I contribute a translation in another language?**
-Yes - duplicate `symfony/translations/messages+intl-icu.en.yaml` to
-your locale (e.g. `messages+intl-icu.de.yaml`), translate, and open
-a PR. The setup wizard will pick up the new locale automatically.
+**Can I switch between the fork image and the upstream image?**
+Yes, they share the same volume layout — but back up first. The fork can
+carry database migrations upstream doesn't have yet, and a downgrade
+across a migration may require restoring the backup.
 
 ---
 
 ## Contributing
 
-Contributions are welcome - please open an issue first to discuss the scope
-before submitting a PR.
+- **Improvements to core Prismarr** are best opened against
+  [upstream](https://github.com/Shoshuo/Prismarr) so every user benefits —
+  that's where this fork sends its own general-purpose work.
+- **Issues and PRs about fork-only features** (Unraid widget, Houndarr
+  widget, anything in [FORK-CHANGES.md](docs/FORK-CHANGES.md)) are welcome
+  here.
 
-- **Contributor guide**: [CONTRIBUTING.md](CONTRIBUTING.md) (Definition of Done + golden rules)
-- **Code of conduct**: [CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md) (Contributor Covenant 2.1)
-- **Security vulnerability**: [SECURITY.md](SECURITY.md) - please **do not** open a public issue, contact by email
-- **Changelog**: [CHANGELOG.md](CHANGELOG.md)
+The upstream contributor docs apply to this fork too:
+[CONTRIBUTING.md](CONTRIBUTING.md), [CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md),
+[SECURITY.md](SECURITY.md) (no public issues for vulnerabilities).
 
 Before any commit: `make check` (PHP lint + Twig lint + full PHPUnit suite).
 
@@ -398,51 +449,38 @@ Before any commit: `make check` (PHP lint + Twig lint + full PHPUnit suite).
 
 [AGPL-3.0](LICENSE) - you may use, modify and redistribute Prismarr freely,
 including in self-hosted production. Derivatives must remain open source
-under the same license.
+under the same license. This fork inherits and keeps the upstream license.
 
 ---
 
 ## Acknowledgements
 
-Inspired by the remarkable work of:
-
-- [Overseerr / Seerr](https://github.com/Fallenbagel/jellyseerr)
-- The [Servarr](https://wiki.servarr.com/) family (Radarr, Sonarr, Prowlarr, Bazarr…)
-- [Tabler](https://tabler.io/) for the UI kit
-
-And, on a more personal note: thank you to my friends and family for the
-patience, the encouragement, and for asking "so when does it ship?" often
-enough to keep me going. This release is for you.
-
----
-
-## Star history
-
-[![Star history](https://api.star-history.com/svg?repos=Shoshuo/Prismarr&type=Date)](https://star-history.com/#Shoshuo/Prismarr&Date)
+- **[Shoshuo](https://github.com/Shoshuo)** — Prismarr's author and
+  maintainer. The overwhelming majority of this codebase is their work; the
+  original project lives at
+  [Shoshuo/Prismarr](https://github.com/Shoshuo/Prismarr), with a
+  [Discord](https://discord.gg/wd4hwU3jTF) and a
+  [Buy Me a Coffee](https://buymeacoffee.com/shoshuo) page if you'd like to
+  support it.
+- [Overseerr / Seerr](https://github.com/Fallenbagel/jellyseerr) and the
+  [Servarr](https://wiki.servarr.com/) family (Radarr, Sonarr, Prowlarr,
+  Bazarr…) for the inspiration.
+- [Tabler](https://tabler.io/) for the UI kit.
+- [Tautulli](https://tautulli.com/), [Houndarr](https://github.com/av1155/houndarr)
+  and the [Unraid API](https://docs.unraid.net/API/) for the services the
+  fork integrates.
 
 ---
 
 > ## Note on AI usage
 >
-> Prismarr is a solo project. I make the calls on what to ship, what to drop, how things plug together. The bugs are on me too. [Claude Code](https://claude.com/claude-code) (Anthropic) helped me move faster on the chunks listed below; the rest is mine.
->
-> To stay transparent, here are the concrete areas where it was actively helpful:
->
-> **Primary uses**
->
-> - **i18n translation and key wiring** - English isn't my native language; Claude handled the bulk of the EN/FR YAML files (4 188 keys on each side, kept in exact parity) and the `trans()` call sites in PHP and Twig.
-> - **Log and JavaScript debugging** - faster triage of stack traces, Turbo/Alpine quirks, and front-end edge cases I couldn't reproduce locally.
-> - **API endpoint cataloguing** - mapping the ~600 endpoints across Radarr v3, Sonarr v3, Prowlarr v1, Seerr, qBittorrent v2 and TMDb v3 from their OpenAPI specs.
-> - **Code audits** - flagging missed translations, forgotten edge cases and bugs in my own code.
-> - **SVG icons and illustrations** - generating and tweaking inline SVGs (logo variants, empty-state illustrations, status icons) when no off-the-shelf asset matched.
->
-> **Secondary uses**
->
-> - **PHPUnit test debugging** - turning failing assertions into readable diffs.
-> - **Mobile responsive design** - tightening the calendar week/day views, sidebar collapse and dashboard widget grids on phones.
-> - **Security review and hardening** - second-opinion checks on SSRF guards, CSP, CSRF tokens, XSS, SQL/XML injection patterns, profiler exposure.
-> - **Documentation translation and polish** - README, CHANGELOG, CONTRIBUTING, SECURITY, CODE_OF_CONDUCT in both English and French.
-> - **Local commit messages and the private PROGRESSION.md log** - keeping the per-session journal readable. That file lives only on my machine and is never pushed to GitHub.
-> - **Single-container Docker design** - the FrankenPHP + s6-overlay layout that supervises the web server and the messenger worker.
+> The upstream project documents its AI usage in the
+> [original README](https://github.com/Shoshuo/Prismarr#note-on-ai-usage);
+> that note covers the bulk of this codebase and stands as written.
 >
-> Nothing landed without me reading it, running it, and watching `make check` go green (PHP lint + Twig lint + full PHPUnit). Claude is a tool I leaned on, not a co-author.
+> The fork's additions (Tautulli, quick-look, themes, layout customization,
+> Unraid and Houndarr widgets, the performance work) were built with heavy use
+> of [Claude Code](https://claude.com/claude-code) (Anthropic), with the fork
+> maintainer directing the design, reviewing the changes, and verifying each
+> feature live on a real deployment before it ships. Nothing lands without
+> green CI: PHP lint, Twig lint and the full PHPUnit suite.
diff --git a/docker-compose.example.yml b/docker-compose.example.yml
index 11cd082b..3d14f08a 100644
--- a/docker-compose.example.yml
+++ b/docker-compose.example.yml
@@ -45,6 +45,14 @@ services:
       # itself. Setting it drops X-Frame-Options. (Issue #25.)
       # PRISMARR_FRAME_ANCESTORS: https://organizr.example.com
 
+      # FrankenPHP/Symfony worker mode (opt-in, OFF by default). Set to 1 to
+      # keep the Symfony kernel resident across requests (skips the per-request
+      # bootstrap for faster responses). Toggling needs no image rebuild. Leave
+      # unset for the classic per-request mode.
+      # PRISMARR_WORKER: 1
+      # Optional worker/thread count when PRISMARR_WORKER=1 (default: 2x CPU).
+      # PRISMARR_WORKER_NUM: 4
+
     # Persistent volume — contains SQLite DB, .env.local, sessions, cache.
     volumes:
       - prismarr_data:/var/www/html/var/data
diff --git a/docker/frankenphp/Caddyfile b/docker/frankenphp/Caddyfile
index 9f5ba6b4..ba831763 100644
--- a/docker/frankenphp/Caddyfile
+++ b/docker/frankenphp/Caddyfile
@@ -1,5 +1,17 @@
 {
-	frankenphp
+	# Worker mode is opt-in and OFF by default. The s6 run script exports
+	# PRISMARR_WORKER_DIRECTIVE=`worker /var/www/html/public/index.php [num]`
+	# only when PRISMARR_WORKER=1; otherwise this placeholder expands to
+	# nothing and the block is empty — i.e. classic single-request mode,
+	# byte-for-byte the old `frankenphp` behaviour. In worker mode the global
+	# `worker` directive keeps the Symfony kernel resident and `php_server`
+	# below automatically routes matching requests through it. Symfony 8's
+	# default runtime (symfony/runtime FrankenPhpWorkerRunner) enters the
+	# worker loop when FrankenPHP sets FRANKENPHP_WORKER, so no APP_RUNTIME or
+	# extra composer package is required.
+	frankenphp {
+		{$PRISMARR_WORKER_DIRECTIVE}
+	}
 	order mercure after encode
 
 	# No HTTPS (local or behind a reverse proxy)
@@ -43,6 +55,18 @@
 	# Compression
 	encode zstd gzip
 
+	# Browser caching for static assets.
+	# /assets/* are AssetMapper-compiled files with a content digest in the
+	# filename — safe to cache forever (a new build = a new URL).
+	# /static/* (vendored Tabler/Chart.js) and /img/* are NOT fingerprinted:
+	# one day keeps them out of the request log without pinning a stale UI
+	# past an image upgrade (Caddy's ETag revalidates them after expiry).
+	@hashed_assets path /assets/*
+	header @hashed_assets Cache-Control "public, max-age=31536000, immutable"
+
+	@static_assets path /static/* /img/* /favicon.ico
+	header @static_assets Cache-Control "public, max-age=86400"
+
 	# Mercure hub (real-time SSE).
 	# Bolt DB stored in var/data (volume) so www-data can write to it.
 	# cors_origins is exposed via env so public deployments can restrict
diff --git a/docker/frankenphp/Dockerfile b/docker/frankenphp/Dockerfile
index a5f15003..438341d3 100644
--- a/docker/frankenphp/Dockerfile
+++ b/docker/frankenphp/Dockerfile
@@ -91,6 +91,12 @@ COPY symfony/ .
 RUN composer install --no-dev --optimize-autoloader --no-scripts --no-interaction \
     && php bin/console importmap:install --no-interaction \
     && php bin/console asset-map:compile --no-interaction \
+    # Warm the prod cache (compiled container, routes, twig, serializer) at
+    # build time — without this the first request after every container
+    # (re)start pays the 1-3 s compile. Env vars stay runtime-resolved
+    # placeholders in the compiled container, so the boot-generated
+    # APP_SECRET / user DATABASE_URL don't invalidate the warmed cache.
+    && php bin/console cache:warmup --no-interaction \
     && apk del --purge .build-deps
 
 # Permissions
diff --git a/docker/frankenphp/php.ini b/docker/frankenphp/php.ini
index cd2f5d24..f54fbb31 100644
--- a/docker/frankenphp/php.ini
+++ b/docker/frankenphp/php.ini
@@ -35,6 +35,16 @@ opcache.max_accelerated_files = 10000
 opcache.revalidate_freq = 0
 opcache.validate_timestamps = 0
 
+; Preload the framework + app class graph into shared memory at boot, so no
+; request pays to link them. Symfony emits config/preload.php (which requires
+; the compiled var/cache/prod/*.preload.php) during the cache:warmup already
+; run at image build, so the referenced files exist in the image. Since the
+; code is baked and validate_timestamps=0, the preloaded graph is stable for
+; the container's lifetime. preload_user is required when PHP starts as root
+; (s6 runs the init as root, then drops to www-data for the server).
+opcache.preload = /var/www/html/config/preload.php
+opcache.preload_user = www-data
+
 ; Realpath cache (Symfony perf)
 realpath_cache_size = 4096K
 realpath_cache_ttl = 600
diff --git a/docker/frankenphp/s6/frankenphp/run b/docker/frankenphp/s6/frankenphp/run
index dc724ae7..89add235 100644
--- a/docker/frankenphp/s6/frankenphp/run
+++ b/docker/frankenphp/s6/frankenphp/run
@@ -9,5 +9,46 @@ fi
 # Caddy needs a writable HOME for its internal data store (XDG paths).
 # var/caddy is created and chowned by init.sh.
 export HOME=/var/www/html/var/caddy
+
+# ── FrankenPHP worker mode (opt-in, default OFF) ────────────────────────
+# Worker mode boots the Symfony kernel once and keeps it resident, so requests
+# skip the per-request kernel bootstrap. Controlled by PRISMARR_WORKER:
+#   unset / "" / 0 / false / no / off  → OFF (classic per-request mode)
+#   1  (or true / yes / on)            → ON, FrankenPHP's default count (2x CPU)
+#   a positive integer N (e.g. 4)      → ON, with N resident workers
+# PRISMARR_WORKER_NUM, if set, overrides the count in every case. The directive
+# is injected into the global `frankenphp { }` block via the
+# {$PRISMARR_WORKER_DIRECTIVE} Caddyfile placeholder; an unset/OFF value leaves
+# it empty — byte-for-byte the classic path. Symfony 8's default runtime
+# auto-detects FrankenPHP's worker loop (FRANKENPHP_WORKER) — no APP_RUNTIME /
+# extra package needed.
+case "${PRISMARR_WORKER:-}" in
+  ''|0|false|False|FALSE|no|No|NO|off|Off|OFF)
+    : ;;  # classic — leave the directive empty
+  *)
+    _pw_num="${PRISMARR_WORKER_NUM:-}"
+    # No explicit count and PRISMARR_WORKER is a plain integer >1 → use it as
+    # the worker count (so PRISMARR_WORKER=4 means "4 workers").
+    case "${PRISMARR_WORKER}" in
+      ''|*[!0-9]*) : ;;                                                       # not a pure integer
+      *) [ -z "${_pw_num}" ] && [ "${PRISMARR_WORKER}" -gt 1 ] && _pw_num="${PRISMARR_WORKER}" ;;
+    esac
+    if [ -n "${_pw_num}" ]; then
+      export PRISMARR_WORKER_DIRECTIVE="worker /var/www/html/public/index.php ${_pw_num}"
+    else
+      export PRISMARR_WORKER_DIRECTIVE="worker /var/www/html/public/index.php"
+    fi
+    ;;
+esac
+
+# Log the decision so worker status is visible in the container log (the
+# FrankenPHP process runs as www-data / non-dumpable, so its env can't be
+# inspected from outside, and FrankenPHP doesn't log worker startup at info).
+if [ -n "${PRISMARR_WORKER_DIRECTIVE:-}" ]; then
+  echo "[prismarr] FrankenPHP worker mode ENABLED — ${PRISMARR_WORKER_DIRECTIVE}"
+else
+  echo "[prismarr] FrankenPHP worker mode disabled (classic per-request; set PRISMARR_WORKER=1)"
+fi
+
 # Drop privileges: FrankenPHP and all PHP scripts run as www-data (UID 82).
 exec s6-setuidgid www-data frankenphp run --config /etc/caddy/Caddyfile
diff --git a/docs/FORK-CHANGES.md b/docs/FORK-CHANGES.md
new file mode 100644
index 00000000..dfcec4c5
--- /dev/null
+++ b/docs/FORK-CHANGES.md
@@ -0,0 +1,540 @@
+# Fork changes — what differs from upstream Prismarr
+
+The running record of how this fork (`ndandan/Prismarr`) differs from the
+upstream project ([Shoshuo/Prismarr](https://github.com/Shoshuo/Prismarr)).
+Everything below is merged to `main` and published to
+`ghcr.io/ndandan/prismarr:latest`.
+
+*Last updated: 2026-07-25 (covers 2026-06-13 → 2026-07-25).*
+
+**How the fork works:** upstream is merged in regularly, upstream-origin code
+is left untouched even when fork changes obsolete it (so the fork stays
+mergeable both ways), and everything general-purpose is offered back as an
+upstream PR. Every change lands through the same quality gate as upstream —
+PHP lint, Twig lint and the full PHPUnit suite (~970 tests) green in CI, plus
+a live test on a real Unraid deployment — before an image is published.
+
+---
+
+## 1. Contributed back — merged upstream (2026-06-26)
+
+These started as fork work (they were the bulk of earlier versions of this
+document) and are now part of the original project, so they no longer
+represent a diff:
+
+- **Library-page performance rework** — [#56](https://github.com/Shoshuo/Prismarr/pull/56).
+  Short-TTL (45 s) per-instance cache on the heavy `getMovies()` / `getSeries()`
+  payloads (`MediaLibraryCache`, write-through invalidation, empty results not
+  cached) plus a `curl_multi` batch (`multiGet()`) for the per-page status /
+  queue / indexers / health / calendar calls. Warm revisits ~3× faster; a slow
+  instance costs one timeout window instead of stacking one per call.
+- **CI / workflow modernisation with fork-friendly guards** — [#59](https://github.com/Shoshuo/Prismarr/pull/59).
+  All pinned GitHub Actions bumped to current majors, `workflow_dispatch` on
+  CI, and the Docker Hub README sync guarded with
+  `if: github.repository == 'Shoshuo/Prismarr'` so forks don't fail on missing
+  secrets.
+- **Plex activity via Tautulli + latency-aware health chips** — [#60](https://github.com/Shoshuo/Prismarr/pull/60).
+  The optional read-only Tautulli integration: "Current Plex activity"
+  dashboard widget (streams, transcode breakdown, bandwidth, per-session
+  cards) and the full Plex Activity page (now playing, watch statistics,
+  graphs, history, libraries), with the API key kept server-side and every
+  response sanitised. Plus `HealthService::statusFor()`: five-state
+  latency-aware health chips (up / slow / very_slow / down / degraded) with a
+  round-trip reading.
+- **In-place quick-look modal on the dashboard** — [#61](https://github.com/Shoshuo/Prismarr/pull/61).
+  Clicking any dashboard media tile opens a read-only detail modal in place
+  (poster, status, rating, genres, synopsis, Manage/Discover deep-link)
+  instead of navigating away; server-rendered fail-open fragments reusing the
+  dashboard's library cache.
+- **Plex Activity statistics, graphs and per-user filter** — [#62](https://github.com/Shoshuo/Prismarr/pull/62).
+  Most-popular tiles, Play Count ⇄ Play Duration toggle, four new graphs, a
+  privacy-safe Users overview table, and a page-wide per-user filter — all
+  read-only, allow-listed, fail-open.
+
+---
+
+## 2. Shipped in the fork, proposed upstream (PRs open)
+
+Already on the fork's `main` and `:latest`; each has an open upstream PR.
+
+### Dashboard themes — [#66](https://github.com/Shoshuo/Prismarr/pull/66)
+
+Glance-style theming (shipped 2026-06-24). One admin-chosen instance theme in
+Settings → Display: 17 presets using the full glance colour model (HSL
+background/primary/positive/negative, contrast and text-saturation
+multipliers, a `light` flag). `ThemeService` resolves the preset into concrete
+CSS variables **server-side** — no flash of unthemed content — injected into
+`base.html.twig`; the accent picker gains a `theme_default` option. The
+default preset, `midnight`, reproduces the pre-themes dark look exactly, so
+upgrading is a visual no-op until an admin picks something else.
+
+Two non-obvious pieces: Turbo Drive keeps the persistent `<html>` element
+across visits, so the themed `:root` block is `data-turbo-track="reload"` (a
+theme change forces one full reload; normal navigation stays fast), and the
+sticky topbar uses a themed `--prismarr-topbar-bg` instead of a hardcoded
+near-black.
+
+**New code:** `App\Theme\ColorMath`, `App\Theme\ThemePresets`,
+`ThemeService::resolve()`, `ThemeExtension`, a `display_theme` setting kept in
+sync with the preset table by a test.
+
+### Dashboard layout customization — [#68](https://github.com/Shoshuo/Prismarr/pull/68)
+
+Reorder + hide/show every dashboard section (shipped 2026-06-26). Global,
+admin-only, two editing surfaces: an on-dashboard **edit mode** (native HTML5
+drag-to-reorder, per-section Hide buttons, Save/Cancel — no new JS
+dependency) and a "Dashboard layout" card in `/admin/settings` mirroring the
+sidebar-visibility pattern. The hero stays pinned at top.
+
+**New code:** a `DashboardSections` static registry, a
+`DashboardLayoutService` resolver (config keys `dashboard_section_order` CSV +
+`dashboard_hide_<key>`, mirroring the sidebar keys), dashboard sections
+extracted into `dashboard/sections/_*.html.twig` partials rendered from a
+data-driven loop (each self-gates on its service being configured), and a
+`POST /admin/settings/dashboard-layout` endpoint. Edit mode skips zero-height
+(empty/gated-out) section wrappers so they can't grow phantom drag handles.
+
+### One unified detail modal everywhere — [#69](https://github.com/Shoshuo/Prismarr/pull/69)
+
+Shipped in three slices (2026-06-26/27), prompted by maintainer feedback on
+the original search-modal PR ("one modal, less code to maintain"):
+
+- **Search results open the rich modal.** Top-bar `Ctrl+K` results open the
+  quick-look instead of navigating, with movie theater/digital/physical
+  release dates and series air status (first/next/ended) as styled chips, and
+  Add (quick-add picker) / Manage actions.
+- **The quick-look became app-global** (shared partial + delegated handlers in
+  `base.html.twig`) and was **enriched** with cast, watch providers, trailer
+  link, TMDb/IMDb links and a watchlist toggle — all extracted from the TMDb
+  payload the endpoints already fetched (`append_to_response`), so zero extra
+  API calls.
+- **The Explorer/Discovery modal was retired** (~270 lines deleted) and the
+  Explorer page repointed at the global quick-look. The TMDb quick-look
+  view-model now cross-references the library (fail-open scan of the cached
+  libraries), so in-library items show a status badge + Manage deep-link and
+  everything else gets a first-class Add button.
+
+Also open upstream: [#70](https://github.com/Shoshuo/Prismarr/pull/70), a
+small fix stopping the global-search icon overlapping its text in compact
+density.
+
+### Plex items open the global quick-look — [#75](https://github.com/Shoshuo/Prismarr/pull/75) (stacked on #69)
+
+Clicking a title on the Plex Activity page or the dashboard Plex widget now
+opens the same global quick-look modal as everywhere else, replacing the
+bespoke Tautulli metadata pop-up. The click resolves the item's TMDb id
+server-side (`GET /tautulli/api/quicklook/{ratingKey}`, one `get_metadata`
+call — seasons resolve via parent guids, episodes via grandparent guids, with
+one metadata hop to the show for older payloads that lack show-level guids),
+and only the numeric TMDb id reaches the browser, preserving the existing
+guid allow-list stance. Items with no TMDb match (music, home videos) fall
+back to the legacy Plex modal so every click keeps working.
+
+### Performance batch — [#74](https://github.com/Shoshuo/Prismarr/pull/74)
+
+- **Cross-request service-health cache.** `HealthService`'s 10 s verdict memo
+  lived in a per-object array, which classic (non-worker) FrankenPHP throws
+  away every request — so every topbar/dashboard poll, from every open tab,
+  re-pinged all services with sequential blocking calls. Verdicts now share
+  `cache.app` (same 10 s TTL): at most one probe sweep per window for the
+  whole install, with a generation token so "Test connection" / settings saves
+  invalidate instantly.
+- **Browser cache headers on static assets.** Caddy serves the content-hashed
+  `/assets/*` with `immutable, max-age=31536000`, and the `/static/*` vendor
+  bundles + `/img/*` with a one-day TTL — repeat loads stop re-negotiating
+  ~600 KB of CSS/JS.
+- **Prod cache pre-warmed at image build.** The Dockerfile runs
+  `cache:warmup` after `asset-map:compile`, so the first request after a
+  container (re)start no longer pays the 1–3 s container/route/Twig compile.
+  Env vars stay runtime-resolved placeholders, so the boot-generated
+  `APP_SECRET` doesn't invalidate the baked cache.
+
+### Deluge tab — [#76](https://github.com/Shoshuo/Prismarr/pull/76)
+
+A full torrent-management `/deluge` page (shipped 2026-07-05) mirroring the
+qBittorrent tab, via the deluge-web JSON-RPC API: live table with server-side
+pagination/filter/sort/search, read-only Label filter (labels stay owned by
+Sonarr/Radarr), seeding-focused Ratio / Uploaded / Completed columns, detail
+panel (files, trackers, peers) with Radarr/Sonarr resolve, single/bulk
+actions, session-wide Pause/Resume All, add via magnet/URL/.torrent
+(SSRF-guarded, bencode-validated), per-torrent + global speed limits, sidebar
+badge with completion toasts. The client judges success on the JSON-RPC
+envelope (deluge-web answers HTTP 200 even on failure), auto-reconnects a
+daemon-disconnected web UI, supports reverse-proxy auth (empty password) and
+sits behind the same circuit breaker + SSRF locks as every other client.
+
+---
+
+## 3. Shipped in the fork, not yet proposed upstream
+
+On the fork's `main`; candidates for a future PR wave.
+
+### Houndarr widget (2026-07-04)
+
+Optional read-only [Houndarr](https://github.com/av1155/houndarr) integration
+(URL + API key in `/admin/settings`, per-service kill switch, Test
+connection). A dashboard section — participating in layout customization like
+every other — with:
+
+- **Stat tiles** for the backlog-search totals: Tracked, Eligible
+  (highlighted), Cooldown, Unreleased and 7-day Searches, hydrating
+  asynchronously and refreshing every 60 s.
+- **A stacked library-health bar** built from those totals.
+- **Per-instance Radarr/Sonarr "wanted" rows** — Wanted + Cutoff-unmet counts
+  pulled from the fork's own *arr clients (45 s cached), matching the numbers
+  Houndarr itself displays.
+- **A Houndarr chip** in the unified health list (topbar + dashboard).
+
+Houndarr's API key authorizes exactly one endpoint (`GET /api/v1/widget`), so
+the client is allow-list-normalized end to end, caches results for 45 s — a
+rejected key is cached too, so polling can't trip Houndarr's per-IP 429
+lockout — and fails open: an unreachable Houndarr renders a muted offline
+state and never breaks the dashboard. No dedicated page, since the API exposes
+nothing richer. Whether to propose this upstream is undecided — it's
+service-monitoring-adjacent, which the maintainer has signalled is out of
+scope (see the Unraid widget below).
+
+### UniFi Network widget (2026-07-05)
+
+Admin-only dashboard section pulling from the **UniFi OS Network API** (read-only
+local API key, configured in `/admin/settings` with kill switch, optional
+TLS-verify skip and Test connection). Non-admins never trigger an API call — the
+route and partial are both role-gated.
+
+- **WAN tile:** live download and upload bandwidth, client-polled every 30 s
+  against a 20 s server-side cache.
+- **Clients tile:** client count split by wired, wireless and guest networks.
+- **24-hour usage chart:** inline-SVG graph showing bandwidth over time with a
+  moving 24-hour window, built by a pure geometry helper (`NetworkUsageChart`)
+  from the same 20 s-cached overview.
+- **Infrastructure row:** per-device status chip (gateway, switches, APs) —
+  green when online, red when offline — plus gateway CPU/RAM %, all from the
+  same cached overview.
+
+`UnifiClient::overview()` fires one call per endpoint (health / hourly report /
+device list) so a missing or drifted endpoint degrades one block instead of
+blanking the widget, caches the combined result for 20 s, and fails open: a
+transport-level failure (connect refused/timed out, DNS) on the first call
+short-circuits the remaining two calls instead of paying their connect timeout
+too. Each call runs with an 8 s total / 3 s connect cURL timeout.
+
+**Files:** `symfony/src/Service/Media/UnifiClient.php`,
+`symfony/src/Dashboard/NetworkUsageChart.php`, `symfony/src/Dashboard/DashboardSections.php`
+(section registration), `HealthService` and `AdminSettingsController` edits (UniFi
+chip, admin settings card, kill switch, test fields), `DashboardController` edit
+(network widget route), dashboard templates
+(`templates/dashboard/sections/_network.html.twig`,
+`templates/dashboard/_network.html.twig`, `templates/dashboard/index.html.twig`,
+`templates/admin/settings.html.twig`), `unifi.svg`, translations
+(`translations/messages+intl-icu.en.yaml`, `translations/messages+intl-icu.fr.yaml`), tests.
+
+### Setup wizard on stock Tabler primitives (2026-07-10)
+
+The first-run wizard (`templates/setup/`) carried its own mini design system —
+custom stepper, buttons, card, badges, test-result dots, secret toggles and
+section headers. All of it was consolidated onto the stock Tabler components
+the rest of the app already loads:
+
+- `.wizard-steps` → Tabler `.steps.steps-counter` (plus one accent rule so
+  completed steps render green; a skipped step's predecessor renders indigo via
+  stock Tabler sibling selectors — deliberate and informative).
+- `.test-result` dots → `.status` pills; `.btn-wizard-*` → stock `.btn`
+  variants (the accent gradient survives as `.btn-wizard-accent`);
+  `.wizard-card` → `.card`; service recap rows → list-group + badges.
+- Secret fields → `input-group` reveal toggle driven by a `[data-toggle-for]`
+  JS selector; section headers → `.hr-text.hr-text-left`; eyebrow text →
+  `.subheader`; all bespoke form-control overrides deleted.
+
+Net **−268 lines of custom CSS**; every remaining flourish lives in a single
+commented "Prismarr accent layer" block in `setup/_layout.html.twig`. One
+Tabler gotcha worth keeping on record: Tabler ships **two** unrelated `.steps`
+components, and the doc-steps one bleeds `margin/padding/border-left` onto the
+stepper — those are explicitly zeroed. Behaviour unchanged: PHPUnit 794/794,
+`lint:twig` clean, and all 7 wizard steps live-verified on a fresh empty-DB
+container in dark, light and 390 px widths.
+
+**Files:** the eight `symfony/templates/setup/*.html.twig` templates (merge
+`968da85`, 4 commits).
+
+### Runtime & performance (2026-07-10 → 2026-07-11)
+
+A batch of runtime work, some general enough to propose upstream later:
+
+- **Opt-in FrankenPHP/Symfony worker mode** (`PRISMARR_WORKER`, default OFF).
+  Boots the Symfony kernel once and keeps it resident, skipping the
+  per-request bootstrap — the single biggest remaining per-request cost. On the
+  homelab it cut a health poll ~46 ms → ~3 ms (~15×) and a large Films render
+  ~3.0 s → ~0.3 s (~10×); TMDb-bound pages are unchanged, as expected.
+  Symfony 8's default runtime drives FrankenPHP's worker loop natively (no
+  `APP_RUNTIME` / extra Composer package). Correctness across the shared-kernel
+  boundary rests on every request-scoped service implementing `ResetInterface`;
+  this closed the last two gaps (`HealthService`, `DashboardController`), which
+  also removed a latent staleness edge in classic mode. `PRISMARR_WORKER_NUM`
+  pins the thread count.
+- **OPcache preload of the framework + app class graph.** `php.ini` sets
+  `opcache.preload` to Symfony's `config/preload.php` (backed by the build-time
+  `cache:warmup`), linking ~1,300 classes into shared memory at boot. FrankenPHP
+  reports `PHP_SAPI` as `frankenphp` (not `embed`), so Symfony's preload runs
+  rather than short-circuiting (verified: 1,336 scripts preloaded).
+- **Dashboard poller consolidation.** The dashboard's five live widgets (Plex
+  10 s; health/server/network 30 s; Houndarr 60 s) each ran their own
+  `setInterval` + fragment request, firing up to four simultaneous requests at
+  the 30 s alignment. One coalescing scheduler now ticks at the GCD of the
+  cadences and batches every widget due on a tick into a single
+  `GET /tableau-de-bord/widgets?w=…` request returning a `{name: html}` map —
+  ~13 → ~6 requests/min, aligned burst collapsed to one. Cadences are declared
+  per widget via `data-dash-poll`; initial hydration still fetches each fragment
+  in parallel for fast first paint; fail-open / hidden-tab / Turbo-singleton
+  behaviour is preserved.
+
+### Mobile & settings polish (2026-07-10)
+
+- **Library filters collapse into a drawer on mobile.** Below 992 px the
+  Films/Series filter card becomes a Bootstrap offcanvas opened by a
+  `Filtres (n)` button, with an **Apply** button that runs a single navigation
+  (no reload-per-tap); at ≥992 px the toolbar is inline exactly as before.
+  Discover's Filters panel becomes a slide-in drawer at all widths. One
+  responsive offcanvas markup drives both states.
+- **Settings service-cards pack tightly.** The "Services externes" grid used
+  row tracks sized to the tallest card, leaving dead space beside short cards;
+  it's now CSS multi-column packing (`columns: 2 320px`) with the multi-instance
+  Radarr/Sonarr cards spanning both columns.
+
+### Design-critique & accessibility pass (2026-07-11)
+
+A dual-agent design critique run at the owner's request drove a fork-only
+polish round (merge `5e62504`); all additive, several upstream-worthy:
+
+- **Light-preset legibility.** Four of the 17 theme presets set `light`, so
+  `data-bs-theme="light"` is reachable — but fork components hardcoded dark
+  colour literals (calendar numbers/labels/pills, Jellyseerr hero, Prowlarr
+  chips/labels, changelog text, series-detail header). Those are now theme
+  tokens (or pinned opaque-dark where the surface is deliberately dark).
+- **Calendar quick-look + legend-true colours.** Calendar events now open the
+  app-global quick-look in place (library detail for known items, media page
+  otherwise) instead of ejecting to `/medias?open=…`; episode blocks recoloured
+  to the blue/cyan family that matches their filter-chip legend.
+- **Keyboard accessibility.** Media/watchlist/calendar cards that open the
+  quick-look gained `tabindex=0` + `role=button` + `aria-label` + a shared
+  Enter/Space handler and a `:focus-visible` ring.
+- **Tabler round 3.** Sparse `.ribbon` "New" flags on items added ≤7 days, and
+  an `.avatar-list` of current Plex viewers on the dashboard widget.
+- **Locale-aware TMDb regions.** Release dates, certifications and watch
+  providers were hardcoded FR-first; a new `TmdbClient::regionPriority(locale)`
+  drives country ordering from the active UI locale (en → US/GB, fr → FR/BE, …)
+  with a common fallback, wired through every pick site and unit-tested.
+- **Shared component vocabulary.** Three near-duplicated patterns unified into
+  reusable partials — `_view_switcher`, `_stat_tiles`, `_filter_pills` — with
+  one CSS vocabulary; the infinite `dl-pulse` sidebar animation retired for a
+  static glow + reduced-motion-guarded pulse-on-increase.
+
+### UniFi Network tab — `/unifi` (2026-07-25)
+
+A full network-operations page over the **classic** UniFi Network API (merge
+`a7daffe`), going well beyond the dashboard widget above. `#[IsGranted('ROLE_ADMIN')]`
+gates the whole controller: network topology and per-client detail are not for
+regular users. Reuses the widget's existing UniFi settings — no new config keys.
+
+- **Panels.** WAN / gateway / client tiles; 7-day traffic and 30-day speedtest
+  trends as **server-rendered SVG** (no charting library shipped to the browser);
+  device inventory; RF environment (per-AP radio table plus a neighbouring-AP
+  scan); VLAN inventory; wireless clients; live talkers; top clients; and a
+  DHCP-reservation mismatch list.
+- **Three readers, three cadences.** Each reader owns one endpoint group and its
+  own interval — live 10 s, infrastructure 60 s, history 300 s — so every
+  upstream endpoint is hit **once per cycle** regardless of how many panels
+  consume it. A page-scoped coalescing poller then batches every region due on a
+  tick into a single `/unifi/api/panels` request (`/unifi/api/{panel}` with
+  `panel ∈ live|infra|history` remains addressable individually).
+- **Fail-soft and read-only.** No endpoint mutates anything, and every panel
+  answers `200` with an empty state rather than letting a sick console 500 the
+  page.
+- **Built on a seam so the widget can't regress.** A two-method `UnifiFetcher`
+  abstraction sits under both surfaces, so the already-shipped dashboard widget
+  is insulated from the tab's much wider endpoint surface.
+- **Field map verified against a live console**, not the docs: gateway-only
+  `temperatures[]`, radio width from `bw`, a radio `satisfaction` of `-1`
+  normalised to `null`, neighbours via `POST stat/rogueap`, and the gateway's
+  `lan_ip` preferred over the WAN address in `ip`.
+
+Live-verified on `:beta` in dark and light, desktop and 390 px, with poller
+coalescing confirmed and polling confirmed to stop after a Turbo navigation.
+
+Fork-only in practice — it is deep infrastructure monitoring rather than media
+management, so it is a poor upstream fit (same reasoning as the Unraid widget in
+§4), but nothing in it is fork-specific if upstream ever wants it.
+
+### Transmission tab (2026-07-25)
+
+A third download client alongside qBittorrent and Deluge (merge `79e8ce3`),
+reworked from **jeromelefeuvre's fork PR #18** with the contributor's
+authorship preserved. Feature parity with the Deluge tab: list/table/compact
+views, filtering, search, sort, server-side pagination, bulk actions
+(pause/resume/delete/recheck plus pause-all/resume-all), a per-torrent detail
+modal (general/files/trackers/peers), add-by-URL and add-by-file, and a
+read-only category filter derived from Transmission's own labels. Registered
+everywhere a service must be: setup-wizard step, admin settings card with
+kill switch, sidebar entry, topbar poll and health circuit breaker.
+
+- **RPC session handshake handled transparently.** Transmission answers a
+  request without a valid `X-Transmission-Session-Id` with HTTP `409` carrying
+  the real token; the client caches it and retries. The wizard's Test button
+  and the health check both treat that `409` as *reachable*, while a genuine
+  `401` (bad RPC password) is reported as an auth failure. User/password are
+  optional, matching qBittorrent's reverse-proxy-friendly config shape.
+- **Reused the qBittorrent translation namespace.** `templates/deluge/` already
+  referenced 224 `qbittorrent.*` keys against 5 `deluge.*`, so the fork's real
+  convention for a second torrent client is to reuse that namespace rather than
+  carve out a private one — which cut the contribution's `transmission:` block
+  from 208 keys per locale to 15.
+- **Test gap it exposed.** Nothing in CI rendered *any* torrent template:
+  `ServiceRouteGuardSubscriber` redirects the torrent routes to the setup
+  wizard whenever the service URL is unset (always true under the web test
+  case), and the smoke test only asserts `status < 500`, so the 302 passed and
+  the body was never parsed — four nonexistent `transmission.*` keys nearly
+  shipped as raw dotted strings. `TransmissionRenderTest` now seeds the URL,
+  injects a mock client, renders both locales and fails on any leaked
+  `qbittorrent.*` / `deluge.*` / `transmission.*` key. qBittorrent and Deluge
+  still have no equivalent gate.
+
+Candidate to offer upstream — nothing about it is fork-specific.
+
+### qBittorrent stale-pagination guard (2026-07-25)
+
+Contributed by **[@jeromelefeuvre](https://github.com/jeromelefeuvre)** (fork PR
+[#17](https://github.com/ndandan/Prismarr/pull/17), merge `48d30f3`). The 3 s
+poll aborts an in-flight request, but `abort()` is a no-op once the response has
+already arrived — common against a fast local qBittorrent, where the round-trip
+beats the click-to-JS-execution delay. A poll issued for the *previous* page
+could then land after the click's own response and repaint the list with stale
+rows. Each request now carries a sequence number and only the newest may apply.
+
+Touches the upstream-origin `templates/qbittorrent/index.html.twig`, so it is an
+upstream fix as much as a fork one — a good PR candidate alongside the poller fix
+below.
+
+### Cross-page torrent poller fix (2026-07-25)
+
+All three torrent pages leaked their 3-second refresh poller across Turbo
+navigations. The `setInterval` handle lived in each page script's closure, and
+Turbo Drive re-executes the incoming page's `<script>` with a *fresh* closure
+while the outgoing page's closure and its live interval survive — so
+`clearInterval` could only ever reach the caller's own timer, never the orphan.
+Because all three templates render the same element ids (`qbt-list`,
+`qbt-stat-total`, …), the orphan's existence guards still passed against its
+successor's DOM, so it kept writing its own client's torrents over the page the
+user was looking at, two pollers overwriting each other at 3 s apiece. The
+`turbo:before-render` cleanup in `base.html.twig` could not help: it clears
+named globals, and a closure variable has no name to clear.
+
+Fix: hoist the handle to one shared global, `window._prismarrTorrentPagePollTimer`
+(a single name serves all three, since only one torrent page is ever mounted),
+routed through a `clearPollTimer()` helper that both `startRefresh()` and
+`stopRefresh()` call, and add that name to the `turbo:before-render` cleanup
+array so navigating to a **non**-torrent page — which re-executes no torrent
+script — stops the interval too. `TorrentPagePollerTest` (11 cases) pins both
+halves across all three templates and fails if a closure-scoped `refreshTimer`
+ever returns; `TransmissionRegistrationTest` pins the cleanup array literal.
+
+Pre-existing between qBittorrent and Deluge; the Transmission tab added a third
+page to the cycle, which is what surfaced it. Live-verified on `:beta` with the
+two clients holding distinguishable data — Deluge 54 torrents, Transmission 0:
+Deluge → Transmission gave 18 Transmission polls at a clean 3.0 s and **zero**
+Deluge polls over 51 s with the count holding at 0 (the bug would have painted
+54), the reverse direction held 54, and a torrent page → dashboard nulled the
+handle with zero torrent polls in 52 s. Known residue: `refreshCtrl` and
+`refreshSeq` are still closure-scoped, so a fetch already in flight when
+navigation starts can apply once to the incoming page before its own poller
+corrects it on the next beat — a single self-correcting frame, not observable in
+the live run. Namespacing the shared element ids per page is the deeper cause
+and remains unaddressed.
+
+Applies to an upstream-origin file (`templates/qbittorrent/index.html.twig`) as
+well as the two fork-added ones, so the qBittorrent half is an upstream bug —
+milder there, since with one torrent page there is no second page to corrupt,
+but the poller still survives into every other page. Good upstream PR candidate.
+
+---
+
+## 4. Fork-only — declined upstream
+
+### Unraid server widget (v1 2026-07-01, v2 2026-07-02)
+
+Offered to upstream and **declined 2026-07-04** — the maintainer found it
+"really impressive and stylish" but outside Prismarr's media focus (and not
+all users run Unraid). It stays a permanent fork feature.
+
+An admin-only "Server" dashboard section pulling from the **Unraid 7 GraphQL
+API** (read-only viewer-scoped key, configured in `/admin/settings` with kill
+switch, optional TLS-verify skip and Test connection). Non-admins never
+trigger an API call — the route and partial are both role-gated.
+
+- **Array tile:** array state, capacity, per-disk health; a stopped array
+  shows a neutral badge, not a false alarm.
+- **Parity tile:** live check progress with an ETA computed from the API's
+  own throughput counters (`mdResyncDb/mdResyncDt` — the same estimate
+  Unraid's footer shows), plus the last-check summary (date, duration,
+  errors). Two hard-won correctness fixes: the progress denominator falls
+  back to `parities[].size` because `unraid-api` types `mdResyncSize` as a
+  32-bit Int and nulls it on large arrays; and the last-check line is
+  synthesized from the kernel's `vars.sbSynced2` stamp when `parityHistory`
+  lags — Unraid only appends its parity log while the webGui's Main page is
+  open in a browser, so the history can trail a finished check by days.
+- **System tile:** CPU/RAM, uptime (the API returns a boot timestamp, not a
+  duration), OS/version.
+- **Docker row:** every container as a status chip (green running / grey
+  stopped, alphabetical).
+- **UPS tile:** charge, load and estimated runtime (the API reports seconds;
+  the widget converts).
+
+The client queries each group independently so one failing group doesn't
+blank the rest, caches for 20 s, fails open, and fail-fasts the remaining
+groups when the host itself is unreachable (~15 s → ~3 s first paint after an
+outage).
+
+**Unified health chips** (shipped with v2): `HealthService::chips()` is now
+the single chip-list builder — brand colours, latency, five-state dots,
+SABnzbd/NZBGet included, Unraid admin-gated — feeding the dashboard health
+section, a rewritten topbar health popover, and `/api/health/services` (new
+`chips` key; the legacy `services`/`instances` keys are kept for upstream
+parity).
+
+---
+
+## 5. Fork infrastructure
+
+- **GHCR publishing** (`ghcr.yml`): push to `main` rebuilds
+  `ghcr.io/ndandan/prismarr:latest` (amd64 — the target deployment is
+  Unraid); a manual dispatch from a feature branch publishes **only**
+  `ghcr.io/ndandan/prismarr:beta`, which is how features get live-tested on a
+  real deployment before merging. Upstream's `beta.yml`/`release.yml` Docker
+  Hub paths are left untouched (they no-op on the fork without Docker Hub
+  secrets).
+- **`.gitattributes`** pinning `docker/**` and `*.sh` to `eol=lf`, so a
+  Windows checkout can still `docker build` a bootable image (CRLF in the
+  s6-overlay control files makes `s6-rc-compile` reject every service).
+- **README** rewritten for the fork (fork identity, GHCR install
+  instructions, upstream-contribution status); this document tracks the
+  detail.
+
+Not fork work, but worth knowing it's included: the fork's `main` contains
+everything upstream shipped through 2026-06-26, including upstream's
+early-session-release fix for the Unraid FUSE (`/mnt/user`) lockup and the
+Gluetun `X-API-Key` fix.
+
+---
+
+## Verification
+
+- Full gate green in CI on `main`: PHP lint, Twig lint, and the PHPUnit suite
+  (967 tests as of 2026-07-25). GHCR `:latest` rebuilds automatically on every
+  push to `main`; CI runs independently, so tests are verified green *before*
+  pushing.
+- Every feature above was live-verified on a real Unraid deployment (usually
+  via a `:beta` build of its branch) before merging: themes across presets and
+  light/dark, layout edit-mode end-to-end (reorder, hide, persist, cancel),
+  the unified modal from search/Explorer/dashboard/Plex surfaces, the Unraid
+  widget against a real Unraid 7 box (including a live 44 h parity check for
+  the progress/ETA/last-check paths), and the Houndarr widget against a live
+  Houndarr install (its per-instance numbers cross-checked against Houndarr's
+  own UI).
diff --git a/docs/screenshots/calendar.png b/docs/screenshots/calendar.png
index 348686b0..6022397a 100644
Binary files a/docs/screenshots/calendar.png and b/docs/screenshots/calendar.png differ
diff --git a/docs/screenshots/dashboard.png b/docs/screenshots/dashboard.png
index b1a90e3b..00d3be7c 100644
Binary files a/docs/screenshots/dashboard.png and b/docs/screenshots/dashboard.png differ
diff --git a/docs/screenshots/deluge.png b/docs/screenshots/deluge.png
new file mode 100644
index 00000000..845c3d26
Binary files /dev/null and b/docs/screenshots/deluge.png differ
diff --git a/docs/screenshots/discover.png b/docs/screenshots/discover.png
index 6ef6e455..b7c626c4 100644
Binary files a/docs/screenshots/discover.png and b/docs/screenshots/discover.png differ
diff --git a/docs/screenshots/downloads.png b/docs/screenshots/downloads.png
deleted file mode 100644
index da1b8863..00000000
Binary files a/docs/screenshots/downloads.png and /dev/null differ
diff --git a/docs/screenshots/plex-activity.png b/docs/screenshots/plex-activity.png
new file mode 100644
index 00000000..25b6f0df
Binary files /dev/null and b/docs/screenshots/plex-activity.png differ
diff --git a/docs/screenshots/prowlarr.png b/docs/screenshots/prowlarr.png
new file mode 100644
index 00000000..021e4d29
Binary files /dev/null and b/docs/screenshots/prowlarr.png differ
diff --git a/docs/screenshots/radarr.png b/docs/screenshots/radarr.png
index b026a56c..d0d555dd 100644
Binary files a/docs/screenshots/radarr.png and b/docs/screenshots/radarr.png differ
diff --git a/docs/screenshots/requests.png b/docs/screenshots/requests.png
new file mode 100644
index 00000000..c912bb2e
Binary files /dev/null and b/docs/screenshots/requests.png differ
diff --git a/docs/screenshots/sabnzbd.png b/docs/screenshots/sabnzbd.png
new file mode 100644
index 00000000..e8412099
Binary files /dev/null and b/docs/screenshots/sabnzbd.png differ
diff --git a/docs/screenshots/series-detail.png b/docs/screenshots/series-detail.png
deleted file mode 100644
index 26ce9494..00000000
Binary files a/docs/screenshots/series-detail.png and /dev/null differ
diff --git a/docs/screenshots/settings.png b/docs/screenshots/settings.png
index c759be87..115fbcd9 100644
Binary files a/docs/screenshots/settings.png and b/docs/screenshots/settings.png differ
diff --git a/docs/screenshots/sonarr.png b/docs/screenshots/sonarr.png
new file mode 100644
index 00000000..b2512349
Binary files /dev/null and b/docs/screenshots/sonarr.png differ
diff --git a/symfony/public/img/services/ATTRIBUTION.md b/symfony/public/img/services/ATTRIBUTION.md
index c1d333fb..0b86311e 100644
--- a/symfony/public/img/services/ATTRIBUTION.md
+++ b/symfony/public/img/services/ATTRIBUTION.md
@@ -1,8 +1,8 @@
 # Service logos
 
 The service logo SVGs in this directory (radarr, sonarr, prowlarr,
-jellyseerr, qbittorrent, sabnzbd, nzbget, gluetun, tmdb) come from the
-**Dashboard Icons** collection:
+jellyseerr, qbittorrent, transmission, sabnzbd, nzbget, gluetun, tmdb) come
+from the **Dashboard Icons** collection:
 
 - Source: https://github.com/homarr-labs/dashboard-icons
 - License: Apache License 2.0
@@ -11,6 +11,16 @@ jellyseerr, qbittorrent, sabnzbd, nzbget, gluetun, tmdb) come from the
 Tautulli's brand amber (`#e5a00d`); it is not taken from the Dashboard
 Icons set.
 
+`houndarr.svg` is an original, hand-drawn paw-print mark created for
+Prismarr (white on transparent; the settings card supplies the brand
+background); it is not taken from the Dashboard Icons set.
+
+`deluge.svg` — original minimal droplet drawn for Prismarr (Deluge brand
+color #3e7bbf), not the official Deluge logo.
+
+`unifi.svg` — original minimal glyph drawn for Prismarr, not the official
+Ubiquiti trademark logo.
+
 Each logo remains a trademark of its respective project. They are used
 here nominatively, to identify the third-party services Prismarr can
 connect to, never to imply endorsement.
diff --git a/symfony/public/img/services/deluge.svg b/symfony/public/img/services/deluge.svg
new file mode 100644
index 00000000..c8f6ae05
--- /dev/null
+++ b/symfony/public/img/services/deluge.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#3e7bbf" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 3c3.5 4.2 6 7.4 6 10.5a6 6 0 1 1 -12 0c0 -3.1 2.5 -6.3 6 -10.5z"/>
+</svg>
diff --git a/symfony/public/img/services/houndarr.svg b/symfony/public/img/services/houndarr.svg
new file mode 100644
index 00000000..506a144d
--- /dev/null
+++ b/symfony/public/img/services/houndarr.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#fff"><ellipse cx="6.5" cy="9" rx="1.9" ry="2.5"/><ellipse cx="17.5" cy="9" rx="1.9" ry="2.5"/><ellipse cx="9.7" cy="5.5" rx="1.9" ry="2.6"/><ellipse cx="14.3" cy="5.5" rx="1.9" ry="2.6"/><path d="M12 10.5c2.6 0 3.9 2 4.8 3.6.7 1.2 2 1.7 2 3.4 0 1.6-1.1 2.7-2.6 2.7-1.5 0-2.7-1-4.2-1s-2.7 1-4.2 1c-1.5 0-2.6-1.1-2.6-2.7 0-1.7 1.3-2.2 2-3.4.9-1.6 2.2-3.6 4.8-3.6z"/></svg>
diff --git a/symfony/public/img/services/transmission.svg b/symfony/public/img/services/transmission.svg
new file mode 100644
index 00000000..04560ee0
--- /dev/null
+++ b/symfony/public/img/services/transmission.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="svg5186" x="0" y="0" style="enable-background:new 0 0 512 512" version="1.1" viewBox="0 0 512 512"><style>.st18{fill:none;stroke:#fff;stroke-linecap:round}</style><filter id="filter9771" width="1.06" height="1.28" x="-.03" y="-.14"><feGaussianBlur id="feGaussianBlur9773" stdDeviation=".52"/></filter><g id="layer1"><g style="opacity:.2824;filter:url(#filter9771);enable-background:new"><path id="rect9761" d="M40.5 409h431.1c14.7 0 26.6 11.9 26.6 26.6v49.9c0 14.7-11.9 26.6-26.6 26.6H40.5c-14.7 0-26.6-11.9-26.6-26.6v-49.9c0-14.7 11.9-26.6 26.6-26.6" style="fill:#2e3436"/></g><linearGradient id="path5232_00000058576920555416522510000016935891415215423419_" x1="257.658" x2="257.658" y1="321.649" y2="64.535" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#787b76"/><stop offset=".871" style="stop-color:#babcb9"/><stop offset="1" style="stop-color:#787b76"/></linearGradient><path id="path5232" d="M94.8 150.1c-13.6-.5-27.3 11.3-28.5 25.6C56 260 40.8 344.3 33 428.5v35.4c.4 18.3 12.4 30.5 25.6 32.9h400.1c11.3-.3 23.9-8.1 23.5-23.1v-45.5l-36-245.2c-2.9-15-15.8-31-33.6-32.9z" style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#path5232_00000058576920555416522510000016935891415215423419_);stroke:#555753;stroke-width:1"/><linearGradient id="path5230_00000128454780994748310510000007092261228009905591_" x1="260.014" x2="265.792" y1="166.111" y2="271.557" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#f0f2ef"/><stop offset="1" style="stop-color:#cdd1c8"/></linearGradient><path id="path5230" d="M101.7 416.2c-13.1-1.4-22.3-10-22-25.7l22-184.8c3.4-12.3 11.4-22.2 24-22.2h253.4c12.6-.4 25.1 8.3 28.4 18.7l27.9 186.4c.7 17-6.3 26.8-18.1 26.4z" style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#path5230_00000128454780994748310510000007092261228009905591_);stroke:#555753;stroke-width:1"/><linearGradient id="path5197_00000006689332825260170750000007963860549997984920_" x1="255.848" x2="255.848" y1="201.852" y2="135.51" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#555753"/><stop offset="1" style="stop-color:#2e3436"/></linearGradient><linearGradient id="path5197_00000052802538007258154920000008719694013745319332_" x1="255.799" x2="253.526" y1="186.293" y2="277.071" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#888a85"/><stop offset="1" style="stop-color:#2e3436"/></linearGradient><path id="path5197" d="m215.8 194.5-23.8 139h-34.3l92.8 59.6 103.6-59.6h-34.3l-21.7-139z" style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#path5197_00000006689332825260170750000007963860549997984920_);stroke:url(#path5197_00000052802538007258154920000008719694013745319332_)"/><linearGradient id="rect5224_00000167378108370139695280000003496694304969247617_" x1="257.048" x2="257.048" y1="490.657" y2="451.65" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#c00"/><stop offset=".365" style="stop-color:#ef0000"/><stop offset="1" style="stop-color:#a00"/></linearGradient><path id="rect5224" d="M135.2 10.5h243.6c32 0 58 10.3 58 22.9v24.2c0 12.7-26 22.9-58 22.9H135.2c-32 0-58-10.3-58-22.9V33.4c.1-12.6 26-22.9 58-22.9" style="fill:url(#rect5224_00000167378108370139695280000003496694304969247617_);stroke:#930000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"/><linearGradient id="rect5896_00000069389731644706871400000005848080282515370678_" x1="257.039" x2="257.039" y1="491.798" y2="445.273" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#fff"/><stop offset="1" style="stop-color:#fff;stop-opacity:0"/></linearGradient><path id="rect5896" d="M110.2 22.7h293.7c11.7 0 21.2 6.6 21.2 14.8v16c0 8.2-9.5 14.8-21.2 14.8H110.2C98.5 68.2 89 61.6 89 53.5v-16c0-8.2 9.5-14.8 21.2-14.8" style="opacity:.5833;fill:none;stroke:url(#rect5896_00000069389731644706871400000005848080282515370678_);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;enable-background:new"/><linearGradient id="path5881_00000139273475127190173840000003664081353357937311_" x1="253.497" x2="244.732" y1="141.169" y2="352.838" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#f9f9f9"/><stop offset="1" style="stop-color:#eeeeec;stop-opacity:.6204"/></linearGradient><path id="path5881" d="M101.6 161.4c-12.9-.5-25.8 10.6-27 24l-32.2 232c.1 1.4.4 3 .7 4.4v33.1c.4 17.1 11.7 28.2 24.3 30.4H447c10.7-.3 22.3-7.3 21.9-21.3v-42.5c.1-.3.3-.7.3-1l-.3-2.4v-2.4h-.3L435 191.8c-2.8-14.1-15-28.7-31.8-30.4z" style="opacity:.2454;fill:none;stroke:url(#path5881_00000139273475127190173840000003664081353357937311_);stroke-width:1;enable-background:new"/><linearGradient id="path5926_00000080198606214203198090000004507462762851665313_" x1="256.964" x2="256.964" y1="315.943" y2="303.572" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#000"/><stop offset="1" style="stop-color:#000;stop-opacity:0"/></linearGradient><path id="path5926" d="m97.2 304.5 21.2-91.9 277.7.7 20.6 103.8-13.6-104.9c-2.6-11.6-8.7-22.8-19.9-22.5l-253.3-.5c-16.5-.5-19.8 10.2-23.5 23z" style="opacity:.2083;fill-rule:evenodd;clip-rule:evenodd;fill:url(#path5926_00000080198606214203198090000004507462762851665313_);enable-background:new"/><linearGradient id="rect5226_00000161598652057951830900000004632129501683187641_" x1="256.939" x2="256.939" y1="507.619" y2="330.712" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#babdb6"/><stop offset=".133" style="stop-color:#eeeeec"/><stop offset="1" style="stop-color:#babdb6"/></linearGradient><path id="rect5226" d="M228.4 0h57.1c6.9 0 12.4 5.6 12.4 12.4v275.2c0 6.9-5.6 12.4-12.4 12.4h-57.1c-6.9 0-12.4-5.6-12.4-12.4V12.4C215.9 5.6 221.5 0 228.4 0" style="fill:url(#rect5226_00000161598652057951830900000004632129501683187641_);stroke:#888a85;stroke-linecap:round;stroke-linejoin:round"/><linearGradient id="rect5244_00000025407472243848991930000000544946367935788717_" x1="257.328" x2="256.817" y1="208.343" y2="294.14" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#2e3436"/><stop offset="1" style="stop-color:#2e3436;stop-opacity:0"/></linearGradient><path id="rect5244" d="M222.5 212.7h69.1c6.9 0 12.4 5.6 12.4 12.4v68.1c0 6.9-5.6 12.4-12.4 12.4h-69.1c-6.9 0-12.4-5.6-12.4-12.4v-68.1c0-6.8 5.5-12.4 12.4-12.4" style="fill:url(#rect5244_00000025407472243848991930000000544946367935788717_)"/><path id="path5879" d="M111.2 437.8H436" style="opacity:.4352;fill:none;stroke:#fff;stroke-linecap:round;enable-background:new"/><path id="rect5892" d="M239.3 11.9H274c6.9 0 12.4 5.6 12.4 12.4V276c0 6.9-5.6 12.4-12.4 12.4h-34.7c-6.9 0-12.4-5.6-12.4-12.4V24.3c0-6.9 5.5-12.4 12.4-12.4" style="opacity:.2269;fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;enable-background:new"/><g id="g5972" style="opacity:.6204"><path id="path5831" d="M215.4 310.8H297" style="fill:none;stroke:#888a85;stroke-linecap:round"/><path id="path5833" d="M209.9 333.9h92.6" style="opacity:.6806;fill:none;stroke:#888a85;stroke-linecap:round;enable-background:new"/><path id="path5958" d="M213.5 322.4h86.1" style="fill:none;stroke:#5d5d5c;stroke-linecap:round"/><path id="path5960" d="M208.8 345.3h95.6" style="opacity:.6806;fill:none;stroke:#5d5d5c;stroke-width:1;stroke-linecap:round;enable-background:new"/></g><path id="path9791" d="M145.4 322.5h36.3" class="st18"/><path id="path9803" d="M331 321.8h36.3" class="st18"/><path id="path5119" d="M95 437.9c0 3.3-2.6 6-5.8 6s-5.8-2.7-5.8-6 2.6-6 5.8-6 5.8 2.7 5.8 6" style="opacity:.335;fill:#fff;enable-background:new"/></g></svg>
\ No newline at end of file
diff --git a/symfony/public/img/services/unifi.svg b/symfony/public/img/services/unifi.svg
new file mode 100644
index 00000000..4e1e25cd
--- /dev/null
+++ b/symfony/public/img/services/unifi.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
+  <path d="M6 4v9a6 6 0 0 0 12 0V9h-3.5v4a2.5 2.5 0 0 1-5 0V4z" fill="#fff"/>
+  <rect x="14.5" y="4" width="3.5" height="3.5" rx=".5" fill="#fff" opacity=".6"/>
+</svg>
diff --git a/symfony/public/img/services/unraid.svg b/symfony/public/img/services/unraid.svg
new file mode 100644
index 00000000..b8beed91
--- /dev/null
+++ b/symfony/public/img/services/unraid.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g fill="#ffffff">
+    <rect x="2.5"  y="10" width="2.6" height="4"  rx="1.1"/>
+    <rect x="6.8"  y="8"  width="2.6" height="8"  rx="1.1"/>
+    <rect x="11.1" y="5"  width="2.6" height="14" rx="1.1"/>
+    <rect x="15.4" y="8"  width="2.6" height="8"  rx="1.1"/>
+    <rect x="19.7" y="10" width="2.6" height="4"  rx="1.1"/>
+  </g>
+</svg>
diff --git a/symfony/public/static/js/library-filter-memory.js b/symfony/public/static/js/library-filter-memory.js
new file mode 100644
index 00000000..eb8ff586
--- /dev/null
+++ b/symfony/public/static/js/library-filter-memory.js
@@ -0,0 +1,118 @@
+// Persists per-tab library filters (films/series) in localStorage so each tab
+// reopens with the user's last-used filters. Loaded once in <head>; all
+// per-page state is read from a [data-libfilter-type] marker on the filter
+// form each navigation, so there are no per-page scripts and no accumulating
+// listeners. Design doc:
+// docs/superpowers/specs/2026-07-12-persistent-library-filters-design.md
+(function () {
+  'use strict';
+
+  // Bind exactly once for the life of the document. Turbo keeps identical
+  // <head> scripts across visits, but guard anyway so a stray re-eval can
+  // never double-bind the document-level listeners registered below.
+  if (window.PrismarrLibFilters) { return; }
+
+  var EXCLUDE = { q: true, page: true, open: true };
+
+  function isExcluded(k) {
+    return Object.prototype.hasOwnProperty.call(EXCLUDE, k);
+  }
+
+  function storageKey(type, slug) {
+    return 'prismarr_' + type + '_filters:' + slug;
+  }
+
+  // Build the tracked query string: drop search/page/open + empty values.
+  function trackedQS(search) {
+    var params = new URLSearchParams(search || '');
+    var out = new URLSearchParams();
+    params.forEach(function (v, k) {
+      if (isExcluded(k)) { return; }
+      if (v === '' || v == null) { return; }
+      out.append(k, v);
+    });
+    return out.toString();
+  }
+
+  function readSaved(key) {
+    try { return localStorage.getItem(key) || ''; } catch (e) { return ''; }
+  }
+  function writeSaved(key, qs) {
+    try { localStorage.setItem(key, qs); } catch (e) {}
+  }
+  function clearSaved(key) {
+    try { localStorage.removeItem(key); } catch (e) {}
+  }
+
+  function bindReset(el, key) {
+    el.addEventListener('click', function () { clearSaved(key); });
+  }
+
+  // Save/restore for the current page if it is a library page. The page marks
+  // itself with data-libfilter-type / data-libfilter-slug on its filter form.
+  function syncCurrentPage() {
+    var el = document.querySelector('[data-libfilter-type][data-libfilter-slug]');
+    if (!el) { return; }
+    var type = el.getAttribute('data-libfilter-type');
+    var slug = el.getAttribute('data-libfilter-slug');
+    if (!type || !slug) { return; }
+
+    var key = storageKey(type, slug);
+    var qs = trackedQS(window.location.search);
+
+    if (qs) {
+      // Viewing a filtered URL — remember it.
+      writeSaved(key, qs);
+    } else if (!window.location.search) {
+      // Completely empty URL — restore saved filters if any.
+      var saved = readSaved(key);
+      if (saved) {
+        window.location.replace(window.location.pathname + '?' + saved);
+        return; // navigating away; nothing else to wire on a dead page
+      }
+    }
+
+    // Reset/clear controls wipe the saved state before their normal
+    // navigation. These elements are recreated on every Turbo body swap, so
+    // binding here each navigation never accumulates on a live element.
+    var resets = document.querySelectorAll('.js-libfilter-reset');
+    for (var i = 0; i < resets.length; i++) {
+      bindReset(resets[i], key);
+    }
+  }
+
+  // Rewrite marked library nav links to carry the saved filters, so the common
+  // navigation path lands filtered with no reload flash. Stateless and
+  // idempotent: re-reads the DOM/localStorage each call and skips links that
+  // already carry a query.
+  function rewriteNavLinks() {
+    var links = document.querySelectorAll('a.js-libfilter-link');
+    for (var i = 0; i < links.length; i++) {
+      var a = links[i];
+      var href = a.getAttribute('href') || '';
+      if (href.indexOf('?') !== -1) { continue; } // already carries a query
+      var m = href.match(/\/medias\/([^/]+)\/(films|series)(?:[?#]|$)/);
+      if (!m) { continue; }
+      var saved = readSaved(storageKey(m[2], m[1]));
+      if (saved) { a.setAttribute('href', href + '?' + saved); }
+    }
+  }
+
+  function onNavigate() {
+    rewriteNavLinks();
+    syncCurrentPage();
+  }
+
+  // turbo:load fires on the initial load and after each Turbo visit;
+  // DOMContentLoaded covers a non-Turbo initial load. Both may fire on the
+  // first load — onNavigate is idempotent, so that is harmless.
+  document.addEventListener('turbo:load', onNavigate);
+  document.addEventListener('DOMContentLoaded', onNavigate);
+
+  window.PrismarrLibFilters = {
+    onNavigate: onNavigate,
+    rewriteNavLinks: rewriteNavLinks,
+    _storageKey: storageKey,
+    _trackedQS: trackedQS
+  };
+})();
diff --git a/symfony/src/Controller/AdminSettingsController.php b/symfony/src/Controller/AdminSettingsController.php
index 0b423c4e..00b4fbb8 100644
--- a/symfony/src/Controller/AdminSettingsController.php
+++ b/symfony/src/Controller/AdminSettingsController.php
@@ -2,10 +2,12 @@
 
 namespace App\Controller;
 
+use App\Dashboard\DashboardSections;
 use App\Entity\ServiceInstance;
 use App\Repository\SettingRepository;
 use App\Repository\UserRepository;
 use App\Service\ConfigService;
+use App\Service\DashboardLayoutService;
 use App\Service\HealthService;
 use App\Service\Media\JellyseerrClient;
 use App\Service\Media\ProwlarrClient;
@@ -69,6 +71,15 @@ class AdminSettingsController extends AbstractController
             ['key' => 'qbittorrent_user',     'type' => 'text',     'label' => 'admin.field.username',  'clearable' => true],
             ['key' => 'qbittorrent_password', 'type' => 'password', 'label' => 'admin.field.password',  'clearable' => true],
         ],
+        'deluge' => [
+            ['key' => 'deluge_url',      'type' => 'text',     'label' => 'admin.field.url',      'placeholder' => 'http://host.docker.internal:8112'],
+            ['key' => 'deluge_password', 'type' => 'password', 'label' => 'admin.field.password', 'clearable' => true],
+        ],
+        'transmission' => [
+            ['key' => 'transmission_url',      'type' => 'text',     'label' => 'admin.field.url',             'placeholder' => 'http://host.docker.internal:9091'],
+            ['key' => 'transmission_user',     'type' => 'text',     'label' => 'admin.field.username',  'clearable' => true],
+            ['key' => 'transmission_password', 'type' => 'password', 'label' => 'admin.field.password',  'clearable' => true],
+        ],
         'sabnzbd' => [
             ['key' => 'sabnzbd_url',     'type' => 'text',     'label' => 'admin.field.url',     'placeholder' => 'http://host.docker.internal:8080'],
             ['key' => 'sabnzbd_api_key', 'type' => 'password', 'label' => 'admin.field.api_key'],
@@ -86,6 +97,23 @@ class AdminSettingsController extends AbstractController
             ['key' => 'tautulli_url',     'type' => 'text',     'label' => 'admin.field.url',     'placeholder' => 'http://host.docker.internal:8181'],
             ['key' => 'tautulli_api_key', 'type' => 'password', 'label' => 'admin.field.api_key'],
         ],
+        'unraid' => [
+            ['key' => 'unraid_url',             'type' => 'text',     'label' => 'admin.field.url', 'placeholder' => 'https://tower.local'],
+            ['key' => 'unraid_api_key',         'type' => 'password', 'label' => 'admin.field.api_key'],
+            ['key' => 'unraid_skip_tls_verify', 'type' => 'checkbox', 'label' => 'admin.field.unraid.skip_tls_verify'],
+        ],
+        'unifi' => [
+            ['key' => 'unifi_url',             'type' => 'text',     'label' => 'admin.field.url', 'placeholder' => 'https://192.168.1.1'],
+            ['key' => 'unifi_api_key',         'type' => 'password', 'label' => 'admin.field.api_key'],
+            ['key' => 'unifi_site',            'type' => 'text',     'label' => 'admin.field.unifi.site', 'placeholder' => 'default', 'clearable' => true],
+            ['key' => 'unifi_skip_tls_verify', 'type' => 'checkbox', 'label' => 'admin.field.unifi.skip_tls_verify'],
+        ],
+        'houndarr' => [
+            ['key' => 'houndarr_url',     'type' => 'text',     'label' => 'admin.field.url',     'placeholder' => 'http://host.docker.internal:8877'],
+            // Houndarr has ONE key per install, shown once at creation —
+            // regenerating it there silently breaks the widget until re-saved here.
+            ['key' => 'houndarr_api_key', 'type' => 'password', 'label' => 'admin.field.api_key', 'placeholder' => 'hndarr_…'],
+        ],
     ];
 
     /**
@@ -128,10 +156,15 @@ class AdminSettingsController extends AbstractController
         'prowlarr'    => 'Prowlarr',
         'jellyseerr'  => 'Seerr',
         'qbittorrent' => 'qBittorrent',
+        'deluge'      => 'Deluge',
+        'transmission' => 'Transmission',
         'sabnzbd'     => 'SABnzbd',
         'nzbget'      => 'NZBGet',
         'gluetun'     => 'Gluetun',
         'tautulli'    => 'Tautulli',
+        'unraid'      => 'Unraid',
+        'unifi'       => 'UniFi',
+        'houndarr'    => 'Houndarr',
     ];
 
     /**
@@ -208,8 +241,9 @@ class AdminSettingsController extends AbstractController
         'display_theme_color' => [
             'label'   => 'admin.display.theme_color.label',
             'type'    => 'color',
-            'default' => 'indigo',
+            'default' => 'theme_default',
             'options' => [
+                'theme_default' => 'auto',
                 'indigo' => '#6366f1',
                 'red'    => '#ef4444',
                 'green'  => '#22c55e',
@@ -217,6 +251,32 @@ class AdminSettingsController extends AbstractController
                 'pink'   => '#ec4899',
                 'blue'   => '#3b82f6',
             ],
+            'help' => 'admin.display.theme_color.help',
+        ],
+        'display_theme' => [
+            'label'   => 'admin.display.theme.label',
+            'type'    => 'select',
+            'default' => 'midnight',
+            'options' => [
+                'midnight'             => 'admin.display.theme.preset.midnight',
+                'nord'                 => 'admin.display.theme.preset.nord',
+                'catppuccin_latte'     => 'admin.display.theme.preset.catppuccin_latte',
+                'catppuccin_frappe'    => 'admin.display.theme.preset.catppuccin_frappe',
+                'catppuccin_macchiato' => 'admin.display.theme.preset.catppuccin_macchiato',
+                'catppuccin_mocha'     => 'admin.display.theme.preset.catppuccin_mocha',
+                'dracula'              => 'admin.display.theme.preset.dracula',
+                'gruvbox_dark'         => 'admin.display.theme.preset.gruvbox_dark',
+                'kanagawa_dark'        => 'admin.display.theme.preset.kanagawa_dark',
+                'teal_city'            => 'admin.display.theme.preset.teal_city',
+                'camouflage'           => 'admin.display.theme.preset.camouflage',
+                'tucan'                => 'admin.display.theme.preset.tucan',
+                'shades_of_purple'     => 'admin.display.theme.preset.shades_of_purple',
+                'neon_pink'            => 'admin.display.theme.preset.neon_pink',
+                'solarized_light'      => 'admin.display.theme.preset.solarized_light',
+                'peachy'               => 'admin.display.theme.preset.peachy',
+                'zebra'                => 'admin.display.theme.preset.zebra',
+            ],
+            'help' => 'admin.display.theme.help',
         ],
         'display_qbit_refresh' => [
             'label'   => 'admin.display.qbit_refresh.label',
@@ -231,6 +291,32 @@ class AdminSettingsController extends AbstractController
             ],
             'help' => 'admin.display.qbit_refresh.help',
         ],
+        'display_deluge_refresh' => [
+            'label'   => 'admin.display.deluge_refresh.label',
+            'type'    => 'select',
+            'default' => '2',
+            'options' => [
+                '1'  => 'admin.display.qbit_refresh.options.1',
+                '2'  => 'admin.display.qbit_refresh.options.2',
+                '5'  => 'admin.display.qbit_refresh.options.5',
+                '10' => 'admin.display.qbit_refresh.options.10',
+                '0'  => 'admin.display.qbit_refresh.options.0',
+            ],
+            'help' => 'admin.display.deluge_refresh.help',
+        ],
+        'display_transmission_refresh' => [
+            'label'   => 'admin.display.transmission_refresh.label',
+            'type'    => 'select',
+            'default' => '2',
+            'options' => [
+                '1'  => 'admin.display.transmission_refresh.options.1',
+                '2'  => 'admin.display.transmission_refresh.options.2',
+                '5'  => 'admin.display.transmission_refresh.options.5',
+                '10' => 'admin.display.transmission_refresh.options.10',
+                '0'  => 'admin.display.transmission_refresh.options.0',
+            ],
+            'help' => 'admin.display.transmission_refresh.help',
+        ],
         'display_ui_density' => [
             'label'   => 'admin.display.ui_density.label',
             'type'    => 'select',
@@ -296,6 +382,7 @@ public function __construct(
         #[Autowire(service: 'cache.app')]
         private readonly AdapterInterface $appCache,
         private readonly \App\Service\AppVersion $appVersion,
+        private readonly DashboardLayoutService $dashboardLayout,
         #[Autowire('%kernel.project_dir%')]
         private readonly string $projectDir = '',
         #[Autowire('%kernel.environment%')]
@@ -343,6 +430,7 @@ public function index(Request $request): Response
             'app_latest'         => $this->appVersion->latest(),
             'app_update_available' => $this->appVersion->isUpdateAvailable(),
             'app_releases'       => $this->appVersion->releases(),
+            'dashboard_layout'   => $this->loadDashboardLayout(),
             // v1.1.0 — instance lists for the multi-instance card UI.
             'instances_by_type'  => [
                 ServiceInstance::TYPE_RADARR => $this->instances->getAll(ServiceInstance::TYPE_RADARR),
@@ -476,9 +564,14 @@ public function test(string $service, Request $request): JsonResponse
             'radarr', 'sonarr', 'prowlarr', 'jellyseerr' => [$service . '_url', $service . '_api_key'],
             'tmdb'                                       => ['tmdb_api_key'],
             'qbittorrent'                                => ['qbittorrent_url', 'qbittorrent_user', 'qbittorrent_password'],
+            'deluge'                                     => ['deluge_url', 'deluge_password'],
+            'transmission'                               => ['transmission_url', 'transmission_user', 'transmission_password'],
             'sabnzbd'                                    => ['sabnzbd_url', 'sabnzbd_api_key'],
             'nzbget'                                     => ['nzbget_url', 'nzbget_user', 'nzbget_password'],
             'tautulli'                                   => ['tautulli_url', 'tautulli_api_key'],
+            'unraid'                                     => ['unraid_url', 'unraid_api_key', 'unraid_skip_tls_verify'],
+            'unifi'                                      => ['unifi_url', 'unifi_api_key', 'unifi_site', 'unifi_skip_tls_verify'],
+            'houndarr'                                   => ['houndarr_url', 'houndarr_api_key'],
             default                                      => [],
         };
         $overrides = [];
@@ -527,7 +620,7 @@ public function test(string $service, Request $request): JsonResponse
     public function healthInvalidate(string $service): JsonResponse
     {
         $service = strtolower($service);
-        $allowed = ['radarr', 'sonarr', 'prowlarr', 'jellyseerr', 'qbittorrent', 'tmdb', 'sabnzbd', 'nzbget', 'tautulli'];
+        $allowed = ['radarr', 'sonarr', 'prowlarr', 'jellyseerr', 'qbittorrent', 'deluge', 'transmission', 'tmdb', 'sabnzbd', 'nzbget', 'tautulli', 'unraid', 'unifi', 'houndarr'];
         if (!in_array($service, $allowed, true)) {
             return new JsonResponse(['ok' => false], 400);
         }
@@ -535,6 +628,47 @@ public function healthInvalidate(string $service): JsonResponse
         return new JsonResponse(['ok' => true]);
     }
 
+    /**
+     * Persist the dashboard layout from the on-dashboard edit mode. Accepts
+     * `order` (comma-joined section keys) and `hidden` (comma-joined keys to
+     * hide). Mirrors the settings-form save semantics; returns JSON for the
+     * fetch() caller. Admin-only via the class-level IsGranted.
+     */
+    #[Route('/dashboard-layout', name: 'dashboard_layout', methods: ['POST'])]
+    public function dashboardLayout(Request $request): Response
+    {
+        if (!$this->isCsrfTokenValid('admin_dashboard_layout', (string) $request->request->get('_csrf_token'))) {
+            return new JsonResponse(['ok' => false, 'error' => 'csrf'], 400);
+        }
+
+        $orderKeys = [];
+        foreach (explode(',', (string) $request->request->get('order', '')) as $raw) {
+            $k = trim($raw);
+            if ($k !== '' && DashboardSections::isValid($k) && !in_array($k, $orderKeys, true)) {
+                $orderKeys[] = $k;
+            }
+        }
+
+        $hidden = [];
+        foreach (explode(',', (string) $request->request->get('hidden', '')) as $raw) {
+            $k = trim($raw);
+            if ($k !== '' && DashboardSections::isValid($k)) {
+                $hidden[$k] = true;
+            }
+        }
+
+        $payload = ['dashboard_section_order' => $orderKeys === [] ? null : implode(',', $orderKeys)];
+        foreach (DashboardSections::keys() as $key) {
+            $payload['dashboard_hide_' . $key] = isset($hidden[$key]) ? '1' : null;
+        }
+
+        $this->settings->setMany($payload);
+        $this->config->invalidate();
+        $this->dashboardLayout->reset();
+
+        return new JsonResponse(['ok' => true]);
+    }
+
     #[Route('/languages/save', name: 'languages_save', methods: ['POST'])]
     public function languagesSave(Request $request): Response
     {
@@ -859,8 +993,25 @@ private function loadServiceEnabled(): array
     }
 
     /**
-     * @return array<string, bool>  id => visible (true by default)
+     * Ordered section rows for the settings list: [{key, label, visible}].
+     * Order + visibility come from DashboardLayoutService (single source of
+     * truth shared with the dashboard).
+     *
+     * @return list<array{key: string, label: string, visible: bool}>
      */
+    private function loadDashboardLayout(): array
+    {
+        $out = [];
+        foreach ($this->dashboardLayout->resolve() as $row) {
+            $out[] = [
+                'key'     => $row['key'],
+                'label'   => DashboardSections::META[$row['key']]['label'],
+                'visible' => $row['visible'],
+            ];
+        }
+        return $out;
+    }
+
     private function loadSidebarVisibility(): array
     {
         $out = [];
@@ -974,6 +1125,27 @@ private function saveSubmitted(Request $request): void
             $payload['sidebar_hide_' . $id] = $visible ? null : '1';
         }
 
+        // Dashboard layout — ordered keys come from a hidden input maintained
+        // by the drag UI; visibility uses the same unchecked-box-means-hidden
+        // semantics as the sidebar above. Unknown/duplicate keys are dropped;
+        // missing keys are NOT appended here (DashboardLayoutService fills
+        // them in at read time, so the stored value stays a clean subset).
+        $rawOrder = trim((string) $request->request->get('dashboard_section_order', ''));
+        if ($rawOrder !== '') {
+            $orderKeys = [];
+            foreach (explode(',', $rawOrder) as $raw) {
+                $k = trim($raw);
+                if ($k !== '' && DashboardSections::isValid($k) && !in_array($k, $orderKeys, true)) {
+                    $orderKeys[] = $k;
+                }
+            }
+            $payload['dashboard_section_order'] = $orderKeys === [] ? null : implode(',', $orderKeys);
+        }
+        foreach (DashboardSections::keys() as $key) {
+            $visible = $request->request->has('dashboard_visible_' . $key);
+            $payload['dashboard_hide_' . $key] = $visible ? null : '1';
+        }
+
         // Per-service kill switch (issue #15) — same unchecked-box semantics.
         // Enabled → drop the row (falls back to the credential check on read);
         // disabled → store an explicit '0'.
@@ -1034,6 +1206,10 @@ public function resetDisplay(Request $request): Response
         foreach (array_keys(self::DISPLAY_OPTIONS) as $key) {
             $payload[$key] = null;
         }
+        $payload['dashboard_section_order'] = null;
+        foreach (DashboardSections::keys() as $key) {
+            $payload['dashboard_hide_' . $key] = null;
+        }
         $this->settings->setMany($payload);
         $this->config->invalidate();
         $this->health->invalidate();
diff --git a/symfony/src/Controller/Concerns/ApiClientErrorTrait.php b/symfony/src/Controller/Concerns/ApiClientErrorTrait.php
index ae856ccb..a3e63e46 100644
--- a/symfony/src/Controller/Concerns/ApiClientErrorTrait.php
+++ b/symfony/src/Controller/Concerns/ApiClientErrorTrait.php
@@ -2,11 +2,13 @@
 
 namespace App\Controller\Concerns;
 
+use App\Service\Media\DelugeClient;
 use App\Service\Media\JellyseerrClient;
 use App\Service\Media\ProwlarrClient;
 use App\Service\Media\QBittorrentClient;
 use App\Service\Media\RadarrClient;
 use App\Service\Media\SonarrClient;
+use App\Service\Media\TransmissionClient;
 use Symfony\Component\HttpFoundation\JsonResponse;
 
 /**
@@ -34,7 +36,7 @@ trait ApiClientErrorTrait
      * Returns a generic fallback if the client did not record a structured error
      * (e.g. exception thrown before any HTTP call).
      */
-    private function buildClientErrorFlash(string $service, RadarrClient|SonarrClient|ProwlarrClient|JellyseerrClient|QBittorrentClient $client, ?string $fallback = null): string
+    private function buildClientErrorFlash(string $service, RadarrClient|SonarrClient|ProwlarrClient|JellyseerrClient|QBittorrentClient|DelugeClient|TransmissionClient $client, ?string $fallback = null): string
     {
         $err = $client->getLastError();
         if ($err === null) {
@@ -58,7 +60,7 @@ private function buildClientErrorFlash(string $service, RadarrClient|SonarrClien
      * Output shape:
      *   { ok: false, error: string, http_code: int, service: string, path: string, method: string }
      */
-    private function jsonClientError(string $service, RadarrClient|SonarrClient|ProwlarrClient|JellyseerrClient|QBittorrentClient $client, ?string $fallback = null, int $statusCode = 500): JsonResponse
+    private function jsonClientError(string $service, RadarrClient|SonarrClient|ProwlarrClient|JellyseerrClient|QBittorrentClient|DelugeClient|TransmissionClient $client, ?string $fallback = null, int $statusCode = 500): JsonResponse
     {
         $err = $client->getLastError();
         if ($err === null) {
diff --git a/symfony/src/Controller/DashboardController.php b/symfony/src/Controller/DashboardController.php
index 1e6db0bb..addcde0a 100644
--- a/symfony/src/Controller/DashboardController.php
+++ b/symfony/src/Controller/DashboardController.php
@@ -2,21 +2,27 @@
 
 namespace App\Controller;
 
+use App\Dashboard\NetworkUsageChart;
 use App\Entity\ServiceInstance;
 use App\Repository\Media\WatchlistItemRepository;
 use App\Service\HealthService;
+use App\Service\Media\HoundarrClient;
 use App\Service\Media\JellyseerrClient;
 use App\Service\Media\RadarrClient;
 use App\Service\Media\SonarrClient;
 use App\Service\Media\TautulliClient;
 use App\Service\Media\TmdbClient;
+use App\Service\Media\UnifiClient;
+use App\Service\Media\UnraidClient;
 use App\Service\ServiceInstanceProvider;
 use Psr\Log\LoggerInterface;
 use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
+use Symfony\Component\HttpFoundation\Request;
 use Symfony\Component\HttpFoundation\Response;
 use Symfony\Component\Routing\Attribute\Route;
 use Symfony\Contracts\Cache\CacheInterface;
 use Symfony\Contracts\Cache\ItemInterface;
+use Symfony\Contracts\Service\ResetInterface;
 use Symfony\Contracts\Translation\TranslatorInterface;
 
 /**
@@ -27,7 +33,7 @@
  * whole page. Session 9c will wire the UI preferences (timezone, date
  * format, density…) into this template.
  */
-class DashboardController extends AbstractController
+class DashboardController extends AbstractController implements ResetInterface
 {
     private const UPCOMING_DAYS       = 7;
     private const MAX_REQUESTS        = 5;
@@ -63,8 +69,33 @@ public function __construct(
         private readonly TranslatorInterface $translator,
         private readonly CacheInterface $cache,
         private readonly TautulliClient $tautulli,
+        private readonly \App\Service\DashboardLayoutService $layout,
+        // Unraid server widget — nullable + last so legacy positional test
+        // constructors keep working.
+        private readonly ?UnraidClient $unraid = null,
+        // Houndarr stat tile — nullable + last so legacy positional test
+        // constructors keep working.
+        private readonly ?HoundarrClient $houndarr = null,
+        // UniFi network widget — nullable + last so legacy positional test
+        // constructors keep working.
+        private readonly ?UnifiClient $unifi = null,
     ) {}
 
+    /**
+     * FrankenPHP worker mode — controllers autowired as services are shared
+     * singletons that survive across requests in a worker. Without this, the
+     * per-request `$moviesCache` / `$seriesCache` memo (primed by the first
+     * dashboard paint) would be served to every later request in the same
+     * worker, showing stale library data until the worker recycled. Symfony's
+     * services_resetter calls reset() between requests (auto-tagged
+     * kernel.reset via the ResetInterface autoconfiguration).
+     */
+    public function reset(): void
+    {
+        $this->moviesCache = null;
+        $this->seriesCache = null;
+    }
+
     /**
      * #30 — wrap an expensive upstream aggregate in a short shared cache.
      * An empty result (every instance failed / nothing configured) is NOT
@@ -156,11 +187,15 @@ public function index(): Response
             'jellyseerr' => $this->health->isConfigured('jellyseerr'),
             'tmdb'       => $this->health->isConfigured('tmdb'),
             'tautulli'   => $this->health->isConfigured('tautulli'),
+            'unraid'     => $this->health->isConfigured('unraid'),
+            'houndarr'   => $this->health->isConfigured('houndarr'),
+            'unifi'      => $this->health->isConfigured('unifi'),
         ];
 
         return $this->render('dashboard/index.html.twig', [
             'watchlist'           => $this->watchlist(),
             'services_configured' => $configured,
+            'dashboard_layout'    => $this->layout->resolve(),
         ]);
     }
 
@@ -239,6 +274,58 @@ public function widgetRequests(): Response
         ]);
     }
 
+    /**
+     * Combined live-widget fragment endpoint (#perf). The dashboard's five
+     * "live" widgets (plex/health/server/houndarr/network) poll on staggered
+     * cadences; instead of one timer + one HTTP request each, the client
+     * coalesces every widget due on a given tick into a single request here and
+     * we render each requested fragment into a { name: html } JSON map.
+     *
+     * Reuses the individual widget actions verbatim, so their admin gates,
+     * empty-when-unconfigured contract and fail-open behaviour are identical. A
+     * widget that renders empty (not applicable) or an unknown name is omitted
+     * from the map — the client then leaves that node at its last value, which
+     * matches each per-widget poll's own "keep last on empty" behaviour.
+     */
+    #[Route('/tableau-de-bord/widgets', name: 'app_dashboard_widgets')]
+    public function widgets(Request $request): Response
+    {
+        set_time_limit(60);
+
+        $names = array_filter(array_map('trim', explode(',', (string) $request->query->get('w', ''))));
+        $out = [];
+        foreach (array_unique($names) as $name) {
+            $fragment = $this->renderLiveWidget($name);
+            if ($fragment === null) {
+                continue;
+            }
+            $html = (string) $fragment->getContent();
+            if (trim($html) === '') {
+                continue;
+            }
+            $out[$name] = $html;
+        }
+
+        return $this->json($out);
+    }
+
+    /**
+     * Dispatch a live-widget name to its existing fragment action. Unknown
+     * names return null (omitted from the combined map). Kept in sync with the
+     * data-dash-poll nodes in the dashboard section partials.
+     */
+    private function renderLiveWidget(string $name): ?Response
+    {
+        return match ($name) {
+            'plex'     => $this->widgetPlex(),
+            'health'   => $this->widgetHealth(),
+            'server'   => $this->widgetServer(),
+            'houndarr' => $this->widgetHoundarr(),
+            'network'  => $this->widgetNetwork(),
+            default    => null,
+        };
+    }
+
     /**
      * Async fragment (#27) — services health chips. The card is always present;
      * the pings can be slow (timeouts on a down service), so it loads after
@@ -250,7 +337,7 @@ public function widgetHealth(): Response
         set_time_limit(60);
 
         return $this->render('dashboard/_health.html.twig', [
-            'services_health' => $this->servicesHealth(),
+            'services_health' => $this->health->chips($this->isGranted('ROLE_ADMIN')),
         ]);
     }
 
@@ -285,6 +372,123 @@ public function widgetPlex(): Response
         ]);
     }
 
+    /**
+     * Async fragment — Unraid server monitoring (array, disks, system, Docker,
+     * UPS). Admin-only: server internals aren't for regular users, so both the
+     * fragment and the section partial gate on ROLE_ADMIN, and non-admins never
+     * trigger an Unraid API call. Empty body → hidden client-side. Fails open:
+     * an unreachable Unraid renders the fragment's "unreachable" state.
+     */
+    #[Route('/tableau-de-bord/widget/server', name: 'app_dashboard_widget_server')]
+    public function widgetServer(): Response
+    {
+        if (!$this->isGranted('ROLE_ADMIN')) {
+            return new Response('');
+        }
+        if ($this->unraid === null || !$this->health->isConfigured('unraid')) {
+            return new Response('');
+        }
+        set_time_limit(60);
+
+        return $this->render('dashboard/_server.html.twig', [
+            'server' => $this->unraid->overview(),
+        ]);
+    }
+
+    /**
+     * Async fragment — Houndarr backlog-search totals. Visible to every
+     * logged-in user (harmless read-only counts). Empty body → hidden
+     * client-side when unconfigured. Fails open: an unreachable Houndarr
+     * renders the fragment's "unreachable" state, never breaks the dashboard.
+     */
+    #[Route('/tableau-de-bord/widget/houndarr', name: 'app_dashboard_widget_houndarr')]
+    public function widgetHoundarr(): Response
+    {
+        if ($this->houndarr === null || !$this->health->isConfigured('houndarr')) {
+            return new Response('');
+        }
+
+        return $this->render('dashboard/_houndarr.html.twig', [
+            'houndarr'  => $this->houndarr->widget(),
+            'instances' => $this->arrWantedCounts(),
+        ]);
+    }
+
+    /**
+     * Per-instance Radarr/Sonarr wanted counts for the Houndarr widget's
+     * *arr split rows. These come from OUR *arr clients (`totalRecords` of
+     * /wanted/missing and /wanted/cutoff), not from Houndarr's cooldown
+     * math — the widget renders a micro-note to that effect. One row per
+     * enabled instance, Radarr first. Fails open per instance: a dead
+     * Radarr yields null counts (rendered as '—'), never a broken fragment.
+     *
+     * @return list<array{type: string, name: string, wanted: ?int, cutoffUnmet: ?int}>
+     */
+    private function arrWantedCounts(): array
+    {
+        return $this->cached('houndarr.arr_wanted', function () {
+            // totalRecords read defensively: the *arr wanted endpoints return
+            // the decoded paging envelope directly ({page, totalRecords,
+            // records…}), but a failed call surfaces as [] — count unknown.
+            $total = static function (array $data): ?int {
+                return isset($data['totalRecords']) ? (int) $data['totalRecords'] : null;
+            };
+
+            $out = [];
+            foreach ([['radarr', ServiceInstance::TYPE_RADARR, $this->radarr],
+                      ['sonarr', ServiceInstance::TYPE_SONARR, $this->sonarr]] as [$type, $instType, $client]) {
+                foreach ($this->instances->getEnabled($instType) as $inst) {
+                    $wanted = $cutoff = null;
+                    try {
+                        $bound  = $client->withInstance($inst);
+                        // pageSize 1 — only the envelope's totalRecords matters.
+                        $wanted = $total($bound->getMissing(1, 1));
+                        $cutoff = $total($bound->getCutoff(1, 1));
+                    } catch (\Throwable $e) {
+                        $this->logger->warning('Dashboard widget failed [houndarr.arr_wanted.{slug}]: {message}', [
+                            'slug'    => $inst->getSlug(),
+                            'message' => $e->getMessage(),
+                        ]);
+                    }
+                    $out[] = [
+                        'type'        => $type,
+                        'name'        => $inst->getName(),
+                        'wanted'      => $wanted,
+                        'cutoffUnmet' => $cutoff,
+                    ];
+                }
+            }
+            return $out;
+        });
+    }
+
+    /**
+     * Async fragment — UniFi network overview (WAN throughput, clients, 24h
+     * usage, infrastructure). Admin-only: WAN IPs and client counts aren't
+     * for regular users, so both the fragment and the section partial gate
+     * on ROLE_ADMIN, and non-admins never trigger a UniFi call. Empty body →
+     * hidden client-side. Fails open: an unreachable console renders the
+     * fragment's "unreachable" state.
+     */
+    #[Route('/tableau-de-bord/widget/network', name: 'app_dashboard_widget_network')]
+    public function widgetNetwork(): Response
+    {
+        if (!$this->isGranted('ROLE_ADMIN')) {
+            return new Response('');
+        }
+        if ($this->unifi === null || !$this->health->isConfigured('unifi')) {
+            return new Response('');
+        }
+        set_time_limit(60);
+
+        $net = $this->unifi->overview();
+
+        return $this->render('dashboard/_network.html.twig', [
+            'net'   => $net,
+            'chart' => NetworkUsageChart::build($net['usage24h'] ?? null),
+        ]);
+    }
+
     /**
      * Async fragment (#27) — hero spotlight + library stats. Pulls the three
      * heaviest sources (TMDb recommendations, Radarr/Sonarr library counts and
@@ -504,6 +708,88 @@ private function localizedDayName(\DateTimeImmutable $d): string
         return $this->translator->trans($keys[(int) $d->format('N') - 1]);
     }
 
+    /**
+     * Build the ordered release-date chips for a movie quick-look. Fixed
+     * semantic order cinema→digital→physical; nulls skipped; each chip flags
+     * whether the date is today-or-later (so the template can emphasize the
+     * next upcoming event). @return list<array{kind:string,label:string,date:\DateTimeImmutable,upcoming:bool}>
+     */
+    private function movieReleaseChips(?\DateTimeImmutable $cinema, ?\DateTimeImmutable $digital, ?\DateTimeImmutable $physical, \DateTimeImmutable $today): array
+    {
+        $defs = [
+            ['kind' => 'cinema',   'at' => $cinema,   'key' => 'dashboard.quicklook.date.cinema'],
+            ['kind' => 'digital',  'at' => $digital,  'key' => 'dashboard.quicklook.date.digital'],
+            ['kind' => 'physical', 'at' => $physical, 'key' => 'dashboard.quicklook.date.physical'],
+        ];
+        $chips = [];
+        foreach ($defs as $d) {
+            if (!$d['at'] instanceof \DateTimeImmutable) continue;
+            $chips[] = [
+                'kind'     => $d['kind'],
+                'label'    => $this->translator->trans($d['key']),
+                'date'     => $d['at'],
+                'upcoming' => $d['at']->setTime(0, 0) >= $today,
+            ];
+        }
+        return $chips;
+    }
+
+    /**
+     * Extract cinema/digital/physical dates from TMDb's release_dates append,
+     * preferring FR then US then the first country that has each type. TMDb
+     * type codes: 2/3 = theatrical, 4 = digital, 5 = physical.
+     * @return list<array{kind:string,label:string,date:\DateTimeImmutable,upcoming:bool}>
+     */
+    private function tmdbMovieReleaseDates(array $results, \DateTimeImmutable $today): array
+    {
+        $byCountry = [];
+        foreach ($results as $r) {
+            $cc = $r['iso_3166_1'] ?? '';
+            foreach ($r['release_dates'] ?? [] as $rd) {
+                $byCountry[$cc][(int) ($rd['type'] ?? 0)] = $rd['release_date'] ?? null;
+            }
+        }
+        // Locale-led country priority (was hardcoded FR→US), then any other
+        // countries the payload contains, so an English user gets US/GB dates.
+        $order = TmdbClient::regionPriority($this->translator->getLocale(), array_keys($byCountry));
+        $pick = function (array $types) use ($byCountry, $order): ?\DateTimeImmutable {
+            foreach ($order as $cc) {
+                foreach ($types as $t) {
+                    $raw = $byCountry[$cc][$t] ?? null;
+                    if ($raw) return new \DateTimeImmutable($raw);
+                }
+            }
+            return null;
+        };
+        return $this->movieReleaseChips($pick([3, 2]), $pick([4]), $pick([5]), $today);
+    }
+
+    /**
+     * Air-date chips for a series quick-look: first-aired (if known), then
+     * either the next upcoming episode (continuing) or the last-aired date
+     * (ended). @return list<array{kind:string,label:string,date:\DateTimeImmutable,upcoming:bool}>
+     */
+    private function seriesReleaseChips(?\DateTimeImmutable $firstAired, ?\DateTimeImmutable $nextEpisode, ?\DateTimeImmutable $lastEpisode, bool $ended, \DateTimeImmutable $today): array
+    {
+        $chip = fn(string $kind, string $key, \DateTimeImmutable $d): array => [
+            'kind' => $kind, 'label' => $this->translator->trans($key),
+            'date' => $d, 'upcoming' => $d->setTime(0, 0) >= $today,
+        ];
+        $chips = [];
+        if ($firstAired) $chips[] = $chip('first_aired', 'dashboard.quicklook.date.first_aired', $firstAired);
+        if (!$ended && $nextEpisode) {
+            $chips[] = $chip('next_episode', 'dashboard.quicklook.date.next_episode', $nextEpisode);
+        } elseif ($ended && $lastEpisode) {
+            $chips[] = $chip('ended', 'dashboard.quicklook.date.ended', $lastEpisode);
+        }
+        return $chips;
+    }
+
+    private function parseDate(?string $raw): ?\DateTimeImmutable
+    {
+        return ($raw !== null && $raw !== '') ? new \DateTimeImmutable($raw) : null;
+    }
+
     /**
      * Return the earliest release date that is today or later for a Radarr
      * movie, together with a human-readable badge identifying which date
@@ -579,44 +865,6 @@ private function pendingRequests(): array
         return $out;
     }
 
-    /**
-     * @return list<array{id: string, name: string, status: string, latencyMs: ?int}>
-     *
-     * v1.1.0 — radarr/sonarr expand to one chip PER enabled instance, named
-     * after the instance (Radarr 1080p, Radarr 4K…), matching the topbar
-     * dropdown / `/api/health/services` rather than collapsing to a single
-     * aggregate dot. Mono-instance services (prowlarr, jellyseerr, qbit, tmdb)
-     * keep one chip each. Unconfigured entries (isHealthy null) are dropped.
-     */
-    private function servicesHealth(): array
-    {
-        $chips = [];
-
-        foreach ([ServiceInstance::TYPE_RADARR, ServiceInstance::TYPE_SONARR] as $type) {
-            foreach ($this->instances->getEnabled($type) as $inst) {
-                try {
-                    $s = $this->health->statusFor($type, $inst->getSlug());
-                } catch (\Throwable) {
-                    $s = ['status' => 'down', 'latencyMs' => null];
-                }
-                if ($s['status'] === null) continue; // instance has no credentials yet
-                $chips[] = ['id' => $type, 'name' => $inst->getName(), 'status' => $s['status'], 'latencyMs' => $s['latencyMs']];
-            }
-        }
-
-        $labels = ['prowlarr' => 'Prowlarr', 'jellyseerr' => 'Seerr', 'qbittorrent' => 'qBittorrent', 'tmdb' => 'TMDb', 'tautulli' => 'Tautulli'];
-        foreach ($labels as $service => $label) {
-            try {
-                $s = $this->health->statusFor($service);
-            } catch (\Throwable) {
-                $s = ['status' => null, 'latencyMs' => null];
-            }
-            if ($s['status'] === null) continue; // not configured / disabled
-            $chips[] = ['id' => $service, 'name' => $label, 'status' => $s['status'], 'latencyMs' => $s['latencyMs']];
-        }
-
-        return $chips;
-    }
 
     private function recommendations(): array
     {
@@ -742,6 +990,9 @@ private function quickLookLibrary(string $type, string $slug, int $id): ?array
         $badgeKind = $hasFile ? 'downloaded' : ($monitored ? 'monitored' : 'missing');
         $badgeKey  = 'dashboard.quicklook.status.' . $badgeKind;
 
+        $ended     = ($row['ended'] ?? false) === true || ($row['status'] ?? '') === 'ended';
+        $airStatus = $type === 'series' ? ($ended ? 'ended' : 'continuing') : null;
+
         if ($type === 'series') {
             $metaLine  = $row['network'] ?? null;
             $actionUrl = $this->generateUrl('app_media_series', ['slug' => $slug]) . '?open=' . $id;
@@ -752,17 +1003,33 @@ private function quickLookLibrary(string $type, string $slug, int $id): ?array
         }
 
         return [
-            'title'       => $row['title'] ?? '—',
-            'year'        => $row['year'] ?? null,
-            'poster'      => $row['poster'] ?? null,
-            'backdrop'    => $row['fanart'] ?? null,
-            'overview'    => $row['overview'] ?? null,
-            'genres'      => array_slice($row['genres'] ?? [], 0, 4),
-            'rating'      => $row['ratings'] ?? null,
-            'metaLine'    => $metaLine,
-            'statusBadge' => ['label' => $this->translator->trans($badgeKey), 'kind' => $badgeKind],
-            'actionUrl'   => $actionUrl,
-            'actionLabel' => $this->translator->trans('dashboard.quicklook.manage'),
+            'title'        => $row['title'] ?? '—',
+            'year'         => $row['year'] ?? null,
+            'poster'       => $row['poster'] ?? null,
+            'backdrop'     => $row['fanart'] ?? null,
+            'overview'     => $row['overview'] ?? null,
+            'genres'       => array_slice($row['genres'] ?? [], 0, 4),
+            'rating'       => $row['ratings'] ?? null,
+            'metaLine'     => $metaLine,
+            'statusBadge'  => ['label' => $this->translator->trans($badgeKey), 'kind' => $badgeKind],
+            'actionUrl'    => $actionUrl,
+            'actionLabel'  => $this->translator->trans('dashboard.quicklook.manage'),
+            'inLibrary'    => true,
+            'airStatus'    => $airStatus,
+            'releaseDates' => $type === 'series'
+                ? $this->seriesReleaseChips(
+                    $row['firstAired'] ?? null,
+                    $row['nextAiring'] ?? null,
+                    $row['previousAiring'] ?? null,
+                    $ended,
+                    new \DateTimeImmutable('today'),
+                )
+                : $this->movieReleaseChips(
+                    $row['inCinemasAt'] ?? null,
+                    $row['digitalAt'] ?? null,
+                    $row['physicalAt'] ?? null,
+                    new \DateTimeImmutable('today'),
+                ),
         ];
     }
 
@@ -806,18 +1073,192 @@ private function quickLookTmdb(string $type, int $id): ?array
             $metaLine = $runtime ? $this->translator->trans('dashboard.quicklook.runtime', ['min' => $runtime]) : null;
         }
 
+        $ended     = $isTv && in_array($data['status'] ?? '', ['Ended', 'Canceled'], true);
+        $airStatus = $isTv ? ($ended ? 'ended' : 'continuing') : null;
+
+        $extras = $this->quickLookExtras($data);
+
+        // Unify the action model with the old Explorer modal: a title already
+        // in a Radarr/Sonarr library deep-links to Manage (exact instance);
+        // otherwise the body renders an Add affordance. Reuses the cached
+        // library aggregates — no extra upstream calls.
+        $match = $this->quickLookLibraryMatch($type, $id);
+        if ($match !== null) {
+            $statusBadge = [
+                'label' => $this->translator->trans('dashboard.quicklook.status.' . $match['status']),
+                'kind'  => $match['status'],
+            ];
+            $actionUrl   = $isTv
+                ? $this->generateUrl('app_media_series', ['slug' => $match['slug']]) . '?open=' . $match['id']
+                : $this->generateUrl('app_media_films', ['slug' => $match['slug']]) . '?open=' . $match['id'];
+            $actionLabel = $this->translator->trans('dashboard.quicklook.manage');
+        } else {
+            $statusBadge = null;
+            $actionUrl   = $this->generateUrl('tmdb_index') . '?detail=' . $type . '/' . $id;
+            $actionLabel = $this->translator->trans('dashboard.quicklook.discover');
+        }
+
+        return [
+            'title'        => $data['title'] ?? $data['name'] ?? '—',
+            'year'         => $year,
+            'poster'       => $this->tmdbImage($data['poster_path'] ?? null, 'w342'),
+            'posterPath'   => $data['poster_path'] ?? null,
+            'backdrop'     => $this->tmdbImage($data['backdrop_path'] ?? null, 'w1280'),
+            'overview'     => $data['overview'] ?? null,
+            'genres'       => array_slice(array_map(fn($g) => $g['name'] ?? '', $data['genres'] ?? []), 0, 4),
+            'rating'       => $data['vote_average'] ?? null,
+            'metaLine'     => $metaLine,
+            'statusBadge'  => $statusBadge,
+            'actionUrl'    => $actionUrl,
+            'actionLabel'  => $actionLabel,
+            'inLibrary'    => $match !== null,
+            'airStatus'    => $airStatus,
+            'cast'         => $extras['cast'],
+            'providers'    => $extras['providers'],
+            'trailerKey'   => $extras['trailerKey'],
+            'imdbId'       => $extras['imdbId'],
+            'tmdbId'       => $id,
+            'tmdbType'     => $type,
+            'releaseDates' => $isTv
+                ? $this->seriesReleaseChips(
+                    $this->parseDate($data['first_air_date'] ?? null),
+                    $this->parseDate($data['next_episode_to_air']['air_date'] ?? null),
+                    $this->parseDate($data['last_episode_to_air']['air_date'] ?? null),
+                    $ended,
+                    new \DateTimeImmutable('today'),
+                )
+                : $this->tmdbMovieReleaseDates(
+                    $data['release_dates']['results'] ?? [],
+                    new \DateTimeImmutable('today'),
+                ),
+        ];
+    }
+
+    /**
+     * Locate a TMDb id within the aggregated Radarr/Sonarr libraries so the
+     * quick-look can deep-link to Manage (and badge the status) for titles
+     * already added, and show an Add affordance otherwise. Reuses the
+     * per-request cached movies()/series() aggregates — no extra upstream
+     * calls. $type is the TMDb media type ('movie'|'tv').
+     *
+     * @return array{slug: string, id: int, status: string}|null
+     */
+    private function quickLookLibraryMatch(string $type, int $tmdbId): ?array
+    {
+        // Fail open: if the library can't be read (service down / not
+        // configured), treat the title as not-in-library so the modal still
+        // offers Add rather than erroring — same philosophy as the widgets.
+        try {
+            $rows = $type === 'movie' ? $this->movies() : $this->series();
+        } catch (\Throwable $e) {
+            return null;
+        }
+
+        if ($type === 'movie') {
+            foreach ($rows as $m) {
+                if ((int) ($m['tmdbId'] ?? 0) !== $tmdbId) {
+                    continue;
+                }
+                $slug = $m['_instanceSlug'] ?? null;
+                if ($slug === null) {
+                    continue;
+                }
+                $status = ($m['hasFile'] ?? false) === true
+                    ? 'downloaded'
+                    : (($m['monitored'] ?? false) === true ? 'monitored' : 'missing');
+                return ['slug' => $slug, 'id' => (int) ($m['id'] ?? 0), 'status' => $status];
+            }
+            return null;
+        }
+
+        foreach ($rows as $s) {
+            if ((int) ($s['tmdbId'] ?? 0) !== $tmdbId) {
+                continue;
+            }
+            $slug = $s['_instanceSlug'] ?? null;
+            if ($slug === null) {
+                continue;
+            }
+            $status = ($s['monitored'] ?? false) === true ? 'monitored' : 'missing';
+            return ['slug' => $slug, 'id' => (int) ($s['id'] ?? 0), 'status' => $status];
+        }
+        return null;
+    }
+
+    /**
+     * Extract the richer detail bits (cast, streaming providers, trailer, IMDb
+     * id) from a TMDb detail payload. TmdbClient::getMovie/getTv already pull
+     * credits/videos/watch-providers/external_ids via append_to_response, so
+     * this is pure extraction — no extra API call.
+     *
+     * @param array<string, mixed> $data
+     * @return array{cast: list<array{name: string, profile: ?string}>, providers: list<array{name: string, logo: ?string}>, trailerKey: ?string, imdbId: ?string}
+     */
+    private function quickLookExtras(array $data): array
+    {
+        $cast = [];
+        foreach (array_slice($data['credits']['cast'] ?? [], 0, 6) as $c) {
+            $cast[] = [
+                'name'    => $c['name'] ?? '',
+                'profile' => TmdbClient::posterUrl($c['profile_path'] ?? null, 'w185'),
+            ];
+        }
+
+        // Streaming (flatrate) providers, locale-led then common fallbacks —
+        // mirrors TmdbController::pickProviders' country priority.
+        $providers = [];
+        foreach (TmdbClient::regionPriority($this->translator->getLocale()) as $cc) {
+            $flat = $data['watch/providers']['results'][$cc]['flatrate'] ?? [];
+            if ($flat === []) {
+                continue;
+            }
+            foreach ($flat as $p) {
+                $providers[] = [
+                    'name' => $p['provider_name'] ?? '',
+                    'logo' => TmdbClient::posterUrl($p['logo_path'] ?? null, 'w92'),
+                ];
+            }
+            break;
+        }
+
+        // Best YouTube trailer/teaser — official + EN/FR preferred, mirrors
+        // TmdbController::pickTrailer's scoring (trimmed for the modal).
+        $trailerKey = null;
+        $videos = array_filter(
+            $data['videos']['results'] ?? [],
+            static fn($v) => ($v['site'] ?? '') === 'YouTube',
+        );
+        $score = static function (array $v): int {
+            $s = 0;
+            if (($v['type'] ?? '') === 'Trailer') {
+                $s += 100;
+            } elseif (($v['type'] ?? '') === 'Teaser') {
+                $s += 50;
+            }
+            if (($v['official'] ?? false) === true) {
+                $s += 40;
+            }
+            $lang = strtolower($v['iso_639_1'] ?? '');
+            if ($lang === 'en') {
+                $s += 20;
+            } elseif ($lang === 'fr') {
+                $s += 15;
+            }
+            return $s;
+        };
+        usort($videos, static fn($a, $b) => $score($b) <=> $score($a));
+        $first = reset($videos);
+        if ($first) {
+            $trailerKey = $first['key'] ?? null;
+        }
+
+        $imdbId = $data['imdb_id'] ?? ($data['external_ids']['imdb_id'] ?? null);
+
         return [
-            'title'       => $data['title'] ?? $data['name'] ?? '—',
-            'year'        => $year,
-            'poster'      => $this->tmdbImage($data['poster_path'] ?? null, 'w342'),
-            'backdrop'    => $this->tmdbImage($data['backdrop_path'] ?? null, 'w1280'),
-            'overview'    => $data['overview'] ?? null,
-            'genres'      => array_slice(array_map(fn($g) => $g['name'] ?? '', $data['genres'] ?? []), 0, 4),
-            'rating'      => $data['vote_average'] ?? null,
-            'metaLine'    => $metaLine,
-            'statusBadge' => null,
-            'actionUrl'   => $this->generateUrl('tmdb_index') . '?detail=' . $type . '/' . $id,
-            'actionLabel' => $this->translator->trans('dashboard.quicklook.discover'),
+            'cast'       => $cast,
+            'providers'  => $providers,
+            'trailerKey' => $trailerKey,
+            'imdbId'     => $imdbId,
         ];
     }
 
diff --git a/symfony/src/Controller/DelugeController.php b/symfony/src/Controller/DelugeController.php
new file mode 100644
index 00000000..7b93784c
--- /dev/null
+++ b/symfony/src/Controller/DelugeController.php
@@ -0,0 +1,445 @@
+<?php
+
+namespace App\Controller;
+
+use App\Controller\Concerns\ApiClientErrorTrait;
+use App\Service\ConfigService;
+use App\Service\Media\DelugeClient;
+use App\Service\Media\TorrentResolverService;
+use Psr\Log\LoggerInterface;
+use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
+use Symfony\Component\HttpFoundation\JsonResponse;
+use Symfony\Component\HttpFoundation\Request;
+use Symfony\Component\HttpFoundation\Response;
+use Symfony\Component\Routing\Attribute\Route;
+use Symfony\Component\Security\Http\Attribute\IsGranted;
+use Symfony\Contracts\Translation\TranslatorInterface;
+
+#[IsGranted('ROLE_ADMIN')]
+#[Route('/deluge', name: 'app_deluge_')]
+class DelugeController extends AbstractController
+{
+    use ApiClientErrorTrait;
+
+    public function __construct(
+        private readonly DelugeClient $deluge,
+        private readonly TorrentResolverService $resolver,
+        private readonly ConfigService $config,
+        private readonly LoggerInterface $logger,
+        private readonly TranslatorInterface $translator,
+    ) {}
+
+    /** Lightweight endpoint for the global poll (sidebar badge + toasts). */
+    #[Route('/api/poll-summary', name: 'api_poll_summary', methods: ['GET'])]
+    public function apiPollSummary(): JsonResponse
+    {
+        try {
+            $torrents = $this->deluge->getTorrents();
+            $active   = 0;
+            $items    = [];
+            foreach ($torrents as $t) {
+                $state = $t['state'] ?? '';
+                if ($state === 'downloading') $active++;
+                if (in_array($state, ['completed', 'error', 'downloading', 'seeding'], true)) {
+                    $items[] = [
+                        'hash'  => $t['hash'] ?? '',
+                        'state' => $state,
+                        'name'  => $t['name'] ?? '—',
+                        'size'  => (int) ($t['size'] ?? 0),
+                    ];
+                }
+            }
+            return $this->json(['active' => $active, 'items' => $items]);
+        } catch (\Throwable $e) {
+            $this->logger->warning('Deluge poll-summary failed', ['exception' => $e::class, 'message' => $e->getMessage()]);
+            return $this->json(['error' => $e->getMessage()], 500);
+        }
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Main page
+    // ══════════════════════════════════════════════════════════════════════════
+
+    #[Route('', name: 'index')]
+    public function index(): Response
+    {
+        $torrents   = [];
+        $stats      = [];
+        $categories = [];
+        $error      = false;
+
+        try {
+            if ($this->deluge->getVersion() === null) {
+                $error = true;
+            } else {
+                $all      = $this->deluge->getTorrents();
+                $torrents = array_slice($all, 0, 50);
+                $stats    = $this->deluge->getStats($all);
+                // Labels shaped like qBit categories (name => {savePath}) so the
+                // copied template's category sidebar works untouched.
+                $categories = array_fill_keys($this->deluge->getLabels(), ['savePath' => '']);
+            }
+        } catch (\Throwable $e) {
+            $error = true;
+            $this->logger->warning('Deluge index failed', ['exception' => $e::class, 'message' => $e->getMessage()]);
+        }
+
+        return $this->render('deluge/index.html.twig', [
+            'torrents'    => $torrents,
+            'stats'       => $stats,
+            'categories'  => $categories,
+            'error'       => $error,
+            'service_url' => $this->config->get('deluge_url'),
+        ]);
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  JSON API — real-time refresh
+    // ══════════════════════════════════════════════════════════════════════════
+
+    #[Route('/api/torrents', name: 'api_torrents', methods: ['GET'])]
+    public function apiTorrents(Request $request): JsonResponse
+    {
+        try {
+            $page     = max(1, (int) $request->query->get('page', 1));
+            $perPage  = max(1, min(500, (int) $request->query->get('perPage', 50)));
+            $filter   = (string) $request->query->get('filter', 'all');
+            $search   = trim((string) $request->query->get('search', ''));
+            $category = trim((string) $request->query->get('category', ''));
+            $sort     = (string) $request->query->get('sort', 'added');
+            $desc     = $request->query->get('desc', '1') === '1';
+
+            $all   = $this->deluge->getTorrents();
+            $stats = $this->deluge->getStats($all);
+
+            if ($filter === 'active') {
+                $all = array_values(array_filter($all, fn($t) => ($t['dlspeed'] ?? 0) > 0 || ($t['upspeed'] ?? 0) > 0));
+            } elseif ($filter === 'completed') {
+                $all = array_values(array_filter($all, fn($t) => ($t['progress'] ?? 0) >= 100));
+            } elseif ($filter !== 'all') {
+                $all = array_values(array_filter($all, fn($t) => $t['state'] === $filter));
+            }
+            if ($category !== '') {
+                $all = array_values(array_filter($all, fn($t) => ($t['category'] ?? '') === $category));
+            }
+            if ($search !== '') {
+                $needle = mb_strtolower($search);
+                $all = array_values(array_filter($all, fn($t) => str_contains(mb_strtolower($t['name'] ?? ''), $needle)));
+            }
+
+            $sortKey = match ($sort) {
+                'name'      => 'name',
+                'size'      => 'size',
+                'progress'  => 'progress',
+                'dlspeed'   => 'dlspeed',
+                'upspeed'   => 'upspeed',
+                'ratio'     => 'ratio',
+                'uploaded'  => 'uploaded',
+                'completed' => 'completion_on',
+                'seeds'     => 'num_seeds',
+                'category'  => 'category',
+                default     => 'added_on',
+            };
+            usort($all, function ($a, $b) use ($sortKey, $desc) {
+                $va = $a[$sortKey] ?? 0;
+                $vb = $b[$sortKey] ?? 0;
+                if ($sortKey === 'name' || $sortKey === 'category') {
+                    return $desc ? strcmp((string) $vb, (string) $va) : strcmp((string) $va, (string) $vb);
+                }
+                return $desc ? ($vb <=> $va) : ($va <=> $vb);
+            });
+
+            $total      = count($all);
+            $totalPages = max(1, (int) ceil($total / $perPage));
+            $page       = min($page, $totalPages);
+            $slice      = array_slice($all, ($page - 1) * $perPage, $perPage);
+
+            return $this->json([
+                'torrents'   => $slice,
+                'stats'      => $stats,
+                'pagination' => ['page' => $page, 'perPage' => $perPage, 'total' => $total, 'totalPages' => $totalPages],
+            ]);
+        } catch (\Throwable $e) {
+            $this->logger->warning('Deluge torrents listing failed', ['exception' => $e::class, 'message' => $e->getMessage()]);
+            return $this->json(['error' => $e->getMessage()], 500);
+        }
+    }
+
+    /** Resolve a torrent to its Radarr movie / Sonarr series — same service the qBit tab uses. */
+    #[Route('/api/resolve/{pipeline}/{hash}', name: 'api_resolve', methods: ['GET'], requirements: ['pipeline' => 'radarr|sonarr', 'hash' => '[a-fA-F0-9]{40}'])]
+    public function apiResolve(string $pipeline, string $hash): JsonResponse
+    {
+        try {
+            $torrent = null;
+            foreach ($this->deluge->getTorrents() as $t) {
+                if (($t['hash'] ?? '') === $hash) { $torrent = $t; break; }
+            }
+            if (!$torrent) return $this->json(['found' => false, 'error' => $this->translator->trans('qbittorrent.api.torrent_not_found')], 404);
+
+            return $this->json($this->resolver->resolve($pipeline, $torrent['name'] ?? ''));
+        } catch (\Throwable $e) {
+            $this->logger->warning('Deluge torrent resolve failed', ['pipeline' => $pipeline, 'hash' => $hash, 'exception' => $e::class, 'message' => $e->getMessage()]);
+            return $this->json(['error' => $e->getMessage()], 500);
+        }
+    }
+
+    #[Route('/api/torrent/{hash}', name: 'api_torrent_detail', methods: ['GET'], requirements: ['hash' => '[a-fA-F0-9]{40}'])]
+    public function apiTorrentDetail(string $hash): JsonResponse
+    {
+        try {
+            $detail = $this->deluge->getTorrentDetail($hash);
+            if ($detail === null) {
+                return $this->json(['error' => $this->translator->trans('qbittorrent.api.torrent_not_found')], 404);
+            }
+            return $this->json($detail);
+        } catch (\Throwable $e) {
+            $this->logger->warning('Deluge torrent detail failed', ['hash' => $hash, 'exception' => $e::class, 'message' => $e->getMessage()]);
+            return $this->json(['error' => $e->getMessage()], 500);
+        }
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Single-item actions
+    // ══════════════════════════════════════════════════════════════════════════
+
+    #[Route('/api/torrent/{hash}/pause', name: 'api_pause', methods: ['POST'], requirements: ['hash' => '[a-fA-F0-9]{40}'])]
+    public function pause(string $hash): JsonResponse
+    {
+        $ok = $this->deluge->pauseTorrents([$hash]);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Deluge', $this->deluge);
+    }
+
+    #[Route('/api/torrent/{hash}/resume', name: 'api_resume', methods: ['POST'], requirements: ['hash' => '[a-fA-F0-9]{40}'])]
+    public function resume(string $hash): JsonResponse
+    {
+        $ok = $this->deluge->resumeTorrents([$hash]);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Deluge', $this->deluge);
+    }
+
+    #[Route('/api/torrent/{hash}/delete', name: 'api_delete', methods: ['POST'], requirements: ['hash' => '[a-fA-F0-9]{40}'])]
+    public function delete(Request $request, string $hash): JsonResponse
+    {
+        $deleteFiles = (bool) ($request->toArray()['deleteFiles'] ?? false);
+        $ok = $this->deluge->deleteTorrents([$hash], $deleteFiles);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Deluge', $this->deluge);
+    }
+
+    #[Route('/api/torrent/{hash}/recheck', name: 'api_recheck', methods: ['POST'], requirements: ['hash' => '[a-fA-F0-9]{40}'])]
+    public function recheck(string $hash): JsonResponse
+    {
+        $ok = $this->deluge->recheckTorrents([$hash]);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Deluge', $this->deluge);
+    }
+
+    #[Route('/api/torrent/{hash}/reannounce', name: 'api_reannounce', methods: ['POST'], requirements: ['hash' => '[a-fA-F0-9]{40}'])]
+    public function reannounce(string $hash): JsonResponse
+    {
+        $ok = $this->deluge->reannounceTorrents([$hash]);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Deluge', $this->deluge);
+    }
+
+    #[Route('/api/torrent/{hash}/location', name: 'api_set_location', methods: ['POST'], requirements: ['hash' => '[a-fA-F0-9]{40}'])]
+    public function setLocation(Request $request, string $hash): JsonResponse
+    {
+        $location = trim((string) ($request->toArray()['location'] ?? ''));
+        if ($location === '') return $this->json(['ok' => false, 'error' => $this->translator->trans('deluge.api.empty_location')], 400);
+        $ok = $this->deluge->setTorrentLocation($hash, $location);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Deluge', $this->deluge);
+    }
+
+    #[Route('/api/torrent/{hash}/limit', name: 'api_set_limit', methods: ['POST'], requirements: ['hash' => '[a-fA-F0-9]{40}'])]
+    public function setLimit(Request $request, string $hash): JsonResponse
+    {
+        $data = $request->toArray();
+        $ok = true;
+        if (isset($data['dl'])) $ok = $ok && $this->deluge->setTorrentDownloadLimit([$hash], (int) $data['dl']);
+        if (isset($data['up'])) $ok = $ok && $this->deluge->setTorrentUploadLimit([$hash], (int) $data['up']);
+        return $this->json(['ok' => $ok]);
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Bulk actions
+    // ══════════════════════════════════════════════════════════════════════════
+
+    /** Deluge hashes are exactly 40 hex chars — no 'all' sentinel (unlike qBit). */
+    private static function sanitizeHashes(mixed $raw): array
+    {
+        if (!is_array($raw)) return [];
+        return array_values(array_filter($raw, static fn($h) => is_string($h)
+            && preg_match('/^[a-fA-F0-9]{40}$/', $h) === 1
+        ));
+    }
+
+    #[Route('/api/bulk/pause', name: 'api_bulk_pause', methods: ['POST'])]
+    public function bulkPause(Request $request): JsonResponse
+    {
+        $hashes = self::sanitizeHashes($request->toArray()['hashes'] ?? []);
+        if (empty($hashes)) return $this->json(['ok' => false, 'error' => $this->translator->trans('qbittorrent.api.no_valid_hash')], 400);
+        $ok = $this->deluge->pauseTorrents($hashes);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Deluge', $this->deluge);
+    }
+
+    #[Route('/api/bulk/resume', name: 'api_bulk_resume', methods: ['POST'])]
+    public function bulkResume(Request $request): JsonResponse
+    {
+        $hashes = self::sanitizeHashes($request->toArray()['hashes'] ?? []);
+        if (empty($hashes)) return $this->json(['ok' => false, 'error' => $this->translator->trans('qbittorrent.api.no_valid_hash')], 400);
+        $ok = $this->deluge->resumeTorrents($hashes);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Deluge', $this->deluge);
+    }
+
+    #[Route('/api/bulk/delete', name: 'api_bulk_delete', methods: ['POST'])]
+    public function bulkDelete(Request $request): JsonResponse
+    {
+        $data        = $request->toArray();
+        $hashes      = self::sanitizeHashes($data['hashes'] ?? []);
+        $deleteFiles = (bool) ($data['deleteFiles'] ?? false);
+        if (empty($hashes)) return $this->json(['ok' => false, 'error' => $this->translator->trans('qbittorrent.api.no_valid_hash')], 400);
+        $ok = $this->deluge->deleteTorrents($hashes, $deleteFiles);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Deluge', $this->deluge);
+    }
+
+    #[Route('/api/bulk/recheck', name: 'api_bulk_recheck', methods: ['POST'])]
+    public function bulkRecheck(Request $request): JsonResponse
+    {
+        $hashes = self::sanitizeHashes($request->toArray()['hashes'] ?? []);
+        if (empty($hashes)) return $this->json(['ok' => false, 'error' => $this->translator->trans('qbittorrent.api.no_valid_hash')], 400);
+        $ok = $this->deluge->recheckTorrents($hashes);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Deluge', $this->deluge);
+    }
+
+    #[Route('/api/pause-all', name: 'api_pause_all', methods: ['POST'])]
+    public function pauseAll(): JsonResponse
+    {
+        $ok = $this->deluge->pauseAll();
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Deluge', $this->deluge);
+    }
+
+    #[Route('/api/resume-all', name: 'api_resume_all', methods: ['POST'])]
+    public function resumeAll(): JsonResponse
+    {
+        $ok = $this->deluge->resumeAll();
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Deluge', $this->deluge);
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Add torrent
+    // ══════════════════════════════════════════════════════════════════════════
+
+    #[Route('/api/add', name: 'api_add', methods: ['POST'])]
+    public function addTorrent(Request $request): JsonResponse
+    {
+        $data = $request->toArray();
+        $urls     = (string) ($data['urls'] ?? '');
+        $savepath = isset($data['savepath']) && $data['savepath'] !== '' ? (string) $data['savepath'] : null;
+        $paused   = (bool) ($data['paused'] ?? false);
+
+        if ($urls === '') return $this->json(['ok' => false, 'error' => $this->translator->trans('qbittorrent.upload.invalid_url')], 400);
+
+        $violation = self::validateTorrentUrlsStatic($urls);
+        if ($violation !== null) {
+            $key = $violation === 'forbidden_host' ? 'qbittorrent.upload.forbidden_host' : 'qbittorrent.upload.invalid_url';
+            return $this->json(['ok' => false, 'error' => $this->translator->trans($key)], 400);
+        }
+
+        $ok = $this->deluge->addTorrentFromUrl($urls, $savepath, $paused);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Deluge', $this->deluge);
+    }
+
+    /**
+     * SSRF guard — same policy as QBittorrentController::validateTorrentUrls
+     * (deluge-web fetches whichever URL we hand it): http(s)/magnet only,
+     * cloud metadata hosts blocked, LAN allowed. Static + translator-free so
+     * it unit-tests without a container; returns a violation marker
+     * ('invalid_url' | 'forbidden_host'), null when safe.
+     */
+    private static function validateTorrentUrlsStatic(string $raw): ?string
+    {
+        $blockedHosts = [
+            '169.254.169.254',
+            'fd00:ec2::254',
+            'metadata.google.internal',
+            'metadata.goog',
+            'metadata.azure.com',
+            'metadata.azure.net',
+        ];
+
+        foreach (preg_split('/[\r\n|]+/', trim($raw)) as $url) {
+            $url = trim($url);
+            if ($url === '') continue;
+            if (stripos($url, 'magnet:') === 0) continue;
+
+            $parts = parse_url($url);
+            $scheme = strtolower($parts['scheme'] ?? '');
+            if (!in_array($scheme, ['http', 'https'], true)) {
+                return 'invalid_url';
+            }
+            $host = strtolower(trim($parts['host'] ?? '', '[]'));
+            if ($host === '') {
+                return 'invalid_url';
+            }
+            if (in_array($host, $blockedHosts, true)) {
+                return 'forbidden_host';
+            }
+        }
+        return null;
+    }
+
+    /** Upload one or more .torrent files (multipart/form-data). */
+    #[Route('/api/add-file', name: 'api_add_file', methods: ['POST'])]
+    public function addTorrentFile(Request $request): JsonResponse
+    {
+        $uploaded = $request->files->all()['torrents'] ?? [];
+        if (!is_array($uploaded)) $uploaded = [$uploaded];
+        $uploaded = array_filter($uploaded);
+
+        if (empty($uploaded)) return $this->json(['ok' => false, 'error' => $this->translator->trans('qbittorrent.upload.no_file')], 400);
+
+        $files = [];
+        foreach ($uploaded as $file) {
+            /** @var \Symfony\Component\HttpFoundation\File\UploadedFile $file */
+            if (!$file->isValid()) continue;
+            if ($file->getSize() > 10 * 1024 * 1024) {
+                return $this->json(['ok' => false, 'error' => $this->translator->trans('qbittorrent.upload.too_large')], 400);
+            }
+            if (strtolower($file->getClientOriginalExtension()) !== 'torrent') {
+                return $this->json(['ok' => false, 'error' => $this->translator->trans('qbittorrent.upload.invalid_format')], 400);
+            }
+            $content = file_get_contents($file->getPathname());
+            if ($content === false || $content === '') {
+                return $this->json(['ok' => false, 'error' => $this->translator->trans('qbittorrent.upload.unreadable')], 400);
+            }
+            // Bencoded torrent: starts with 'd' + contains "info"/"announce" early
+            if (!str_starts_with($content, 'd') || (!str_contains(substr($content, 0, 4096), 'info') && !str_contains(substr($content, 0, 4096), 'announce'))) {
+                return $this->json(['ok' => false, 'error' => $this->translator->trans('qbittorrent.upload.invalid_format')], 400);
+            }
+            $origName  = $file->getClientOriginalName() ?: 'upload.torrent';
+            $cleanName = basename(str_replace("\0", '', $origName));
+            $files[] = ['content' => $content, 'name' => $cleanName !== '' ? $cleanName : 'upload.torrent'];
+        }
+
+        if (empty($files)) return $this->json(['ok' => false, 'error' => $this->translator->trans('qbittorrent.api.no_valid_file')], 400);
+
+        $savepath = $request->request->get('savepath') ?: null;
+        $paused   = $request->request->get('paused') === 'true';
+
+        $ok = $this->deluge->addTorrentFromFiles($files, $savepath, $paused);
+        return $ok
+            ? $this->json(['ok' => true, 'count' => count($files)])
+            : $this->jsonClientError('Deluge', $this->deluge);
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Global speed limits
+    // ══════════════════════════════════════════════════════════════════════════
+
+    #[Route('/api/global-limit', name: 'api_global_limit', methods: ['POST'])]
+    public function setGlobalLimit(Request $request): JsonResponse
+    {
+        $data = $request->toArray();
+        $ok = true;
+        if (isset($data['dl'])) $ok = $ok && $this->deluge->setGlobalDownloadLimit((int) $data['dl']);
+        if (isset($data['up'])) $ok = $ok && $this->deluge->setGlobalUploadLimit((int) $data['up']);
+        return $this->json(['ok' => $ok]);
+    }
+}
diff --git a/symfony/src/Controller/HealthController.php b/symfony/src/Controller/HealthController.php
index d87bb7e5..97e796c0 100644
--- a/symfony/src/Controller/HealthController.php
+++ b/symfony/src/Controller/HealthController.php
@@ -13,7 +13,7 @@
 class HealthController extends AbstractController
 {
     /** Single-instance services — kept on the legacy flat ping API. */
-    private const FLAT_SERVICES = ['prowlarr', 'jellyseerr', 'qbittorrent', 'sabnzbd', 'nzbget', 'tmdb'];
+    private const FLAT_SERVICES = ['prowlarr', 'jellyseerr', 'qbittorrent', 'transmission', 'sabnzbd', 'nzbget', 'tmdb'];
 
     #[Route('/api/health', name: 'api_health', methods: ['GET'])]
     public function health(Connection $db): JsonResponse
@@ -53,8 +53,6 @@ public function servicesHealth(
     ): JsonResponse {
         $services = [];
         $instancesMap = ['radarr' => [], 'sonarr' => []];
-        $ok    = 0;
-        $total = 0;
 
         // Flat single-instance services first.
         foreach (self::FLAT_SERVICES as $service) {
@@ -64,10 +62,6 @@ public function servicesHealth(
                 $state = null;
             }
             $services[$service] = $state;
-            if ($state !== null) {
-                $total++;
-                if ($state) $ok++;
-            }
         }
 
         // Multi-instance Radarr / Sonarr — ping each enabled instance and
@@ -88,19 +82,26 @@ public function servicesHealth(
                     'state' => $state,
                 ];
                 if ($state !== null) {
-                    $total++;
-                    if ($state) $ok++;
                     $aggregate = ($aggregate === null) ? $state : ($aggregate && $state);
                 }
             }
             $services[$type] = $aggregate;
         }
 
+        // Unified chip list — same rows the dashboard section renders, so the
+        // popover is a true mirror. Unconfigured services are absent (no more
+        // "Not configured" rows); Unraid is admin-only like on the dashboard.
+        $chips = $health->chips($this->isGranted('ROLE_ADMIN'));
+        $okChips = count(array_filter($chips, static fn(array $c): bool => in_array($c['status'], ['up', 'slow', 'very_slow'], true)));
+
         return new JsonResponse([
+            // Legacy shape — kept for upstream-diff hygiene and stale cached JS.
             'services'  => $services,
             'instances' => $instancesMap,
-            'ok'        => $ok,
-            'total'     => $total,
+            // v1.2 — the topbar renders from `chips`; ok/total mirror the chip list.
+            'chips'     => $chips,
+            'ok'        => $okChips,
+            'total'     => count($chips),
             'timestamp' => (new \DateTimeImmutable())->format(\DateTimeInterface::ATOM),
         ]);
     }
diff --git a/symfony/src/Controller/MediaController.php b/symfony/src/Controller/MediaController.php
index 63619f74..7db2c353 100644
--- a/symfony/src/Controller/MediaController.php
+++ b/symfony/src/Controller/MediaController.php
@@ -299,7 +299,7 @@ public function filmWarnings(): JsonResponse
 
             $health = $this->radarr->getSystemHealth();
             foreach ($health as $h) {
-                $warnings[] = ($h['source'] ?? 'Radarr') . ' : ' . ($h['message'] ?? '?');
+                $warnings[] = $this->translator->trans('media.api.warning_format', ['source' => $h['source'] ?? 'Radarr', 'message' => $h['message'] ?? '?']);
             }
 
             $queue = $this->radarr->getQueue();
@@ -2115,6 +2115,7 @@ public function globalSearchOnline(Request $request): JsonResponse
                 $results[] = [
                     'type'      => 'film',
                     'id'        => $m['tmdbId'] ?? $id,
+                    'tmdbId'    => $m['tmdbId'] ?? $id,
                     'title'     => $m['title'] ?? '—',
                     'year'      => $m['year'] ?? null,
                     'poster'    => $m['poster'] ?? null,
@@ -2133,6 +2134,8 @@ public function globalSearchOnline(Request $request): JsonResponse
                 $results[] = [
                     'type'      => 'serie',
                     'id'        => $s['tvdbId'] ?? $id,
+                    'tmdbId'    => $s['tmdbId'] ?? null,
+                    'tvdbId'    => $s['tvdbId'] ?? null,
                     'title'     => $s['title'] ?? '—',
                     'year'      => $s['year'] ?? null,
                     'poster'    => $s['poster'] ?? null,
diff --git a/symfony/src/Controller/SetupController.php b/symfony/src/Controller/SetupController.php
index 3e852be7..f752cb20 100644
--- a/symfony/src/Controller/SetupController.php
+++ b/symfony/src/Controller/SetupController.php
@@ -311,6 +311,11 @@ public function downloads(Request $request): Response
             'qbittorrent_url' => 'http://host.docker.internal:8080',
             'qbittorrent_user' => 'admin',
             'qbittorrent_password' => '',
+            'deluge_url' => '',
+            'deluge_password' => '',
+            'transmission_url' => '',
+            'transmission_user' => '',
+            'transmission_password' => '',
             'gluetun_url' => '',
             'gluetun_api_key' => '',
             // Usenet download clients (optional, like qBittorrent above).
@@ -374,7 +379,7 @@ public function downloads(Request $request): Response
     #[Route(
         '/test/{service}',
         name: 'app_setup_test',
-        requirements: ['service' => 'tmdb|radarr|sonarr|prowlarr|jellyseerr|qbittorrent|sabnzbd|nzbget'],
+        requirements: ['service' => 'tmdb|radarr|sonarr|prowlarr|jellyseerr|qbittorrent|deluge|transmission|sabnzbd|nzbget'],
         methods: ['POST'],
     )]
     #[IsGranted('ROLE_USER')]
@@ -437,6 +442,8 @@ private function collectTestFields(string $service, Request $request): array
             'prowlarr'    => ['prowlarr_url', 'prowlarr_api_key'],
             'jellyseerr'  => ['jellyseerr_url', 'jellyseerr_api_key'],
             'qbittorrent' => ['qbittorrent_url', 'qbittorrent_user', 'qbittorrent_password'],
+            'deluge'      => ['deluge_url', 'deluge_password'],
+            'transmission' => ['transmission_url', 'transmission_user', 'transmission_password'],
             'sabnzbd'     => ['sabnzbd_url', 'sabnzbd_api_key'],
             'nzbget'      => ['nzbget_url', 'nzbget_user', 'nzbget_password'],
         ];
@@ -647,6 +654,8 @@ private function serviceSummary(): array
             $this->summaryRow('Prowlarr',    'prowlarr_url'),
             $this->summaryRow('Seerr',       'jellyseerr_url'),
             $this->summaryRow('qBittorrent', 'qbittorrent_url'),
+            $this->summaryRow('Deluge',      'deluge_url'),
+            $this->summaryRow('Transmission', 'transmission_url'),
             $this->summaryRow('SABnzbd',     'sabnzbd_url'),
             $this->summaryRow('NZBGet',      'nzbget_url'),
             $this->summaryRow('Gluetun',     'gluetun_url'),
diff --git a/symfony/src/Controller/TautulliController.php b/symfony/src/Controller/TautulliController.php
index 2cfefd8c..5ea86993 100644
--- a/symfony/src/Controller/TautulliController.php
+++ b/symfony/src/Controller/TautulliController.php
@@ -129,6 +129,25 @@ public function apiMetadata(string $ratingKey, Request $request): Response
         ]);
     }
 
+    /**
+     * GET /tautulli/api/quicklook/{ratingKey} — resolves a Plex rating key to
+     * the TMDb {type, id} the app-global quick-look modal opens with. Returns
+     * nulls (not an error status) when the item has no tmdb guid — the client
+     * then falls back to the legacy Plex metadata modal, so music and home
+     * videos keep a working click. Fails open like every endpoint here.
+     */
+    #[Route('/api/quicklook/{ratingKey}', name: 'api_quicklook', methods: ['GET'], requirements: ['ratingKey' => '\d+'])]
+    public function apiQuickLook(string $ratingKey): JsonResponse
+    {
+        try {
+            $resolved = $this->tautulli->resolveTmdbId($ratingKey);
+        } catch (\Throwable) {
+            $resolved = null;
+        }
+
+        return $this->json($resolved ?? ['type' => null, 'id' => null]);
+    }
+
     /**
      * GET /tautulli — the full Plex activity page. Server-renders the cheap
      * "Now Playing" section; heavier sections hydrate client-side. Guarded by
diff --git a/symfony/src/Controller/TmdbController.php b/symfony/src/Controller/TmdbController.php
index 143c3da2..b496e195 100644
--- a/symfony/src/Controller/TmdbController.php
+++ b/symfony/src/Controller/TmdbController.php
@@ -505,12 +505,14 @@ public function detail(string $type, int $id): JsonResponse
             }
         }
 
-        // Alternative titles (FR + EN priority)
+        // Alternative titles — keep the ones relevant to the user's region
+        // (locale-led) rather than a fixed FR-first whitelist.
         $altTitles = [];
+        $altRegions = TmdbClient::regionPriority($this->translator->getLocale());
         $altSource = $isMovie ? ($d['alternative_titles']['titles'] ?? []) : ($d['alternative_titles']['results'] ?? []);
         foreach ($altSource as $at) {
             $cc = $at['iso_3166_1'] ?? '';
-            if (!in_array($cc, ['FR', 'US', 'GB', 'CA', 'BE'], true)) continue;
+            if (!in_array($cc, $altRegions, true)) continue;
             $altTitles[] = ['country' => $cc, 'title' => $at['title'] ?? ''];
             if (count($altTitles) >= 6) break;
         }
@@ -659,7 +661,7 @@ private function pickCrew(array $d, bool $isMovie): array
 
     private function pickProviders(array $byCountry): array
     {
-        foreach (['FR', 'BE', 'LU', 'US', 'GB'] as $cc) {
+        foreach (TmdbClient::regionPriority($this->translator->getLocale(), array_keys($byCountry)) as $cc) {
             if (empty($byCountry[$cc])) continue;
             $p = $byCountry[$cc];
             $pack = [
@@ -685,7 +687,7 @@ private function pickProviders(array $byCountry): array
 
     private function pickMovieCertification(array $results): ?string
     {
-        foreach (['FR', 'US'] as $cc) {
+        foreach (TmdbClient::regionPriority($this->translator->getLocale()) as $cc) {
             foreach ($results as $r) {
                 if (($r['iso_3166_1'] ?? '') !== $cc) continue;
                 foreach ($r['release_dates'] ?? [] as $rd) {
@@ -698,7 +700,7 @@ private function pickMovieCertification(array $results): ?string
 
     private function pickTvCertification(array $results): ?string
     {
-        foreach (['FR', 'US'] as $cc) {
+        foreach (TmdbClient::regionPriority($this->translator->getLocale()) as $cc) {
             foreach ($results as $r) {
                 if (($r['iso_3166_1'] ?? '') !== $cc) continue;
                 if (!empty($r['rating'])) return "[$cc] " . $r['rating'];
diff --git a/symfony/src/Controller/TransmissionController.php b/symfony/src/Controller/TransmissionController.php
new file mode 100644
index 00000000..1ab063b2
--- /dev/null
+++ b/symfony/src/Controller/TransmissionController.php
@@ -0,0 +1,446 @@
+<?php
+
+namespace App\Controller;
+
+use App\Controller\Concerns\ApiClientErrorTrait;
+use App\Service\ConfigService;
+use App\Service\Media\TorrentResolverService;
+use App\Service\Media\TransmissionClient;
+use Psr\Log\LoggerInterface;
+use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
+use Symfony\Component\HttpFoundation\JsonResponse;
+use Symfony\Component\HttpFoundation\Request;
+use Symfony\Component\HttpFoundation\Response;
+use Symfony\Component\Routing\Attribute\Route;
+use Symfony\Component\Security\Http\Attribute\IsGranted;
+use Symfony\Contracts\Translation\TranslatorInterface;
+
+#[IsGranted('ROLE_ADMIN')]
+#[Route('/transmission', name: 'app_transmission_')]
+class TransmissionController extends AbstractController
+{
+    use ApiClientErrorTrait;
+
+    public function __construct(
+        private readonly TransmissionClient $transmission,
+        private readonly TorrentResolverService $resolver,
+        private readonly ConfigService $config,
+        private readonly LoggerInterface $logger,
+        private readonly TranslatorInterface $translator,
+    ) {}
+
+    /** Lightweight endpoint for the global poll (sidebar badge + toasts). */
+    #[Route('/api/poll-summary', name: 'api_poll_summary', methods: ['GET'])]
+    public function apiPollSummary(): JsonResponse
+    {
+        try {
+            $torrents = $this->transmission->getTorrents();
+            $active   = 0;
+            $items    = [];
+            foreach ($torrents as $t) {
+                $state = $t['state'] ?? '';
+                if ($state === 'downloading') $active++;
+                if (in_array($state, ['completed', 'error', 'downloading', 'seeding'], true)) {
+                    $items[] = [
+                        'hash'  => $t['hash'] ?? '',
+                        'state' => $state,
+                        'name'  => $t['name'] ?? '—',
+                        'size'  => (int) ($t['size'] ?? 0),
+                    ];
+                }
+            }
+            return $this->json(['active' => $active, 'items' => $items]);
+        } catch (\Throwable $e) {
+            $this->logger->warning('Transmission poll-summary failed', ['exception' => $e::class, 'message' => $e->getMessage()]);
+            return $this->json(['error' => $e->getMessage()], 500);
+        }
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Main page
+    // ══════════════════════════════════════════════════════════════════════════
+
+    #[Route('', name: 'index')]
+    public function index(): Response
+    {
+        $torrents   = [];
+        $stats      = [];
+        $categories = [];
+        $error      = false;
+
+        try {
+            if ($this->transmission->getVersion() === null) {
+                $error = true;
+            } else {
+                $all      = $this->transmission->getTorrents();
+                $torrents = array_slice($all, 0, 50);
+                $stats    = $this->transmission->getStats($all);
+                // Transmission has no label-listing RPC — derive the category
+                // sidebar from what's actually on the torrents, qBit-shaped.
+                $labels = array_values(array_unique(array_filter(array_column($all, 'category'))));
+                $categories = array_fill_keys($labels, ['savePath' => '']);
+            }
+        } catch (\Throwable $e) {
+            $error = true;
+            $this->logger->warning('Transmission index failed', ['exception' => $e::class, 'message' => $e->getMessage()]);
+        }
+
+        return $this->render('transmission/index.html.twig', [
+            'torrents'    => $torrents,
+            'stats'       => $stats,
+            'categories'  => $categories,
+            'error'       => $error,
+            'service_url' => $this->config->get('transmission_url'),
+        ]);
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  JSON API — real-time refresh
+    // ══════════════════════════════════════════════════════════════════════════
+
+    #[Route('/api/torrents', name: 'api_torrents', methods: ['GET'])]
+    public function apiTorrents(Request $request): JsonResponse
+    {
+        try {
+            $page     = max(1, (int) $request->query->get('page', 1));
+            $perPage  = max(1, min(500, (int) $request->query->get('perPage', 50)));
+            $filter   = (string) $request->query->get('filter', 'all');
+            $search   = trim((string) $request->query->get('search', ''));
+            $category = trim((string) $request->query->get('category', ''));
+            $sort     = (string) $request->query->get('sort', 'added');
+            $desc     = $request->query->get('desc', '1') === '1';
+
+            $all   = $this->transmission->getTorrents();
+            $stats = $this->transmission->getStats($all);
+
+            if ($filter === 'active') {
+                $all = array_values(array_filter($all, fn($t) => ($t['dlspeed'] ?? 0) > 0 || ($t['upspeed'] ?? 0) > 0));
+            } elseif ($filter === 'completed') {
+                $all = array_values(array_filter($all, fn($t) => ($t['progress'] ?? 0) >= 100));
+            } elseif ($filter !== 'all') {
+                $all = array_values(array_filter($all, fn($t) => $t['state'] === $filter));
+            }
+            if ($category !== '') {
+                $all = array_values(array_filter($all, fn($t) => ($t['category'] ?? '') === $category));
+            }
+            if ($search !== '') {
+                $needle = mb_strtolower($search);
+                $all = array_values(array_filter($all, fn($t) => str_contains(mb_strtolower($t['name'] ?? ''), $needle)));
+            }
+
+            $sortKey = match ($sort) {
+                'name'      => 'name',
+                'size'      => 'size',
+                'progress'  => 'progress',
+                'dlspeed'   => 'dlspeed',
+                'upspeed'   => 'upspeed',
+                'ratio'     => 'ratio',
+                'uploaded'  => 'uploaded',
+                'completed' => 'completion_on',
+                'seeds'     => 'num_seeds',
+                'category'  => 'category',
+                default     => 'added_on',
+            };
+            usort($all, function ($a, $b) use ($sortKey, $desc) {
+                $va = $a[$sortKey] ?? 0;
+                $vb = $b[$sortKey] ?? 0;
+                if ($sortKey === 'name' || $sortKey === 'category') {
+                    return $desc ? strcmp((string) $vb, (string) $va) : strcmp((string) $va, (string) $vb);
+                }
+                return $desc ? ($vb <=> $va) : ($va <=> $vb);
+            });
+
+            $total      = count($all);
+            $totalPages = max(1, (int) ceil($total / $perPage));
+            $page       = min($page, $totalPages);
+            $slice      = array_slice($all, ($page - 1) * $perPage, $perPage);
+
+            return $this->json([
+                'torrents'   => $slice,
+                'stats'      => $stats,
+                'pagination' => ['page' => $page, 'perPage' => $perPage, 'total' => $total, 'totalPages' => $totalPages],
+            ]);
+        } catch (\Throwable $e) {
+            $this->logger->warning('Transmission torrents listing failed', ['exception' => $e::class, 'message' => $e->getMessage()]);
+            return $this->json(['error' => $e->getMessage()], 500);
+        }
+    }
+
+    /** Resolve a torrent to its Radarr movie / Sonarr series — same service the qBit tab uses. */
+    #[Route('/api/resolve/{pipeline}/{hash}', name: 'api_resolve', methods: ['GET'], requirements: ['pipeline' => 'radarr|sonarr', 'hash' => '[a-fA-F0-9]{40}'])]
+    public function apiResolve(string $pipeline, string $hash): JsonResponse
+    {
+        try {
+            $torrent = null;
+            foreach ($this->transmission->getTorrents() as $t) {
+                if (($t['hash'] ?? '') === $hash) { $torrent = $t; break; }
+            }
+            if (!$torrent) return $this->json(['found' => false, 'error' => $this->translator->trans('transmission.api.torrent_not_found')], 404);
+
+            return $this->json($this->resolver->resolve($pipeline, $torrent['name'] ?? ''));
+        } catch (\Throwable $e) {
+            $this->logger->warning('Transmission torrent resolve failed', ['pipeline' => $pipeline, 'hash' => $hash, 'exception' => $e::class, 'message' => $e->getMessage()]);
+            return $this->json(['error' => $e->getMessage()], 500);
+        }
+    }
+
+    #[Route('/api/torrent/{hash}', name: 'api_torrent_detail', methods: ['GET'], requirements: ['hash' => '[a-fA-F0-9]{40}'])]
+    public function apiTorrentDetail(string $hash): JsonResponse
+    {
+        try {
+            $detail = $this->transmission->getTorrentDetail($hash);
+            if ($detail === null) {
+                return $this->json(['error' => $this->translator->trans('transmission.api.torrent_not_found')], 404);
+            }
+            return $this->json($detail);
+        } catch (\Throwable $e) {
+            $this->logger->warning('Transmission torrent detail failed', ['hash' => $hash, 'exception' => $e::class, 'message' => $e->getMessage()]);
+            return $this->json(['error' => $e->getMessage()], 500);
+        }
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Single-item actions
+    // ══════════════════════════════════════════════════════════════════════════
+
+    #[Route('/api/torrent/{hash}/pause', name: 'api_pause', methods: ['POST'], requirements: ['hash' => '[a-fA-F0-9]{40}'])]
+    public function pause(string $hash): JsonResponse
+    {
+        $ok = $this->transmission->pauseTorrents([$hash]);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Transmission', $this->transmission);
+    }
+
+    #[Route('/api/torrent/{hash}/resume', name: 'api_resume', methods: ['POST'], requirements: ['hash' => '[a-fA-F0-9]{40}'])]
+    public function resume(string $hash): JsonResponse
+    {
+        $ok = $this->transmission->resumeTorrents([$hash]);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Transmission', $this->transmission);
+    }
+
+    #[Route('/api/torrent/{hash}/delete', name: 'api_delete', methods: ['POST'], requirements: ['hash' => '[a-fA-F0-9]{40}'])]
+    public function delete(Request $request, string $hash): JsonResponse
+    {
+        $deleteFiles = (bool) ($request->toArray()['deleteFiles'] ?? false);
+        $ok = $this->transmission->deleteTorrents([$hash], $deleteFiles);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Transmission', $this->transmission);
+    }
+
+    #[Route('/api/torrent/{hash}/recheck', name: 'api_recheck', methods: ['POST'], requirements: ['hash' => '[a-fA-F0-9]{40}'])]
+    public function recheck(string $hash): JsonResponse
+    {
+        $ok = $this->transmission->recheckTorrents([$hash]);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Transmission', $this->transmission);
+    }
+
+    #[Route('/api/torrent/{hash}/reannounce', name: 'api_reannounce', methods: ['POST'], requirements: ['hash' => '[a-fA-F0-9]{40}'])]
+    public function reannounce(string $hash): JsonResponse
+    {
+        $ok = $this->transmission->reannounceTorrents([$hash]);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Transmission', $this->transmission);
+    }
+
+    #[Route('/api/torrent/{hash}/location', name: 'api_set_location', methods: ['POST'], requirements: ['hash' => '[a-fA-F0-9]{40}'])]
+    public function setLocation(Request $request, string $hash): JsonResponse
+    {
+        $location = trim((string) ($request->toArray()['location'] ?? ''));
+        if ($location === '') return $this->json(['ok' => false, 'error' => $this->translator->trans('transmission.api.empty_location')], 400);
+        $ok = $this->transmission->setTorrentLocation($hash, $location);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Transmission', $this->transmission);
+    }
+
+    #[Route('/api/torrent/{hash}/limit', name: 'api_set_limit', methods: ['POST'], requirements: ['hash' => '[a-fA-F0-9]{40}'])]
+    public function setLimit(Request $request, string $hash): JsonResponse
+    {
+        $data = $request->toArray();
+        $ok = true;
+        if (isset($data['dl'])) $ok = $ok && $this->transmission->setTorrentDownloadLimit([$hash], (int) $data['dl']);
+        if (isset($data['up'])) $ok = $ok && $this->transmission->setTorrentUploadLimit([$hash], (int) $data['up']);
+        return $this->json(['ok' => $ok]);
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Bulk actions
+    // ══════════════════════════════════════════════════════════════════════════
+
+    /** Transmission hashes are exactly 40 hex chars — no 'all' sentinel (unlike qBit). */
+    private static function sanitizeHashes(mixed $raw): array
+    {
+        if (!is_array($raw)) return [];
+        return array_values(array_filter($raw, static fn($h) => is_string($h)
+            && preg_match('/^[a-fA-F0-9]{40}$/', $h) === 1
+        ));
+    }
+
+    #[Route('/api/bulk/pause', name: 'api_bulk_pause', methods: ['POST'])]
+    public function bulkPause(Request $request): JsonResponse
+    {
+        $hashes = self::sanitizeHashes($request->toArray()['hashes'] ?? []);
+        if (empty($hashes)) return $this->json(['ok' => false, 'error' => $this->translator->trans('transmission.api.no_valid_hash')], 400);
+        $ok = $this->transmission->pauseTorrents($hashes);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Transmission', $this->transmission);
+    }
+
+    #[Route('/api/bulk/resume', name: 'api_bulk_resume', methods: ['POST'])]
+    public function bulkResume(Request $request): JsonResponse
+    {
+        $hashes = self::sanitizeHashes($request->toArray()['hashes'] ?? []);
+        if (empty($hashes)) return $this->json(['ok' => false, 'error' => $this->translator->trans('transmission.api.no_valid_hash')], 400);
+        $ok = $this->transmission->resumeTorrents($hashes);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Transmission', $this->transmission);
+    }
+
+    #[Route('/api/bulk/delete', name: 'api_bulk_delete', methods: ['POST'])]
+    public function bulkDelete(Request $request): JsonResponse
+    {
+        $data        = $request->toArray();
+        $hashes      = self::sanitizeHashes($data['hashes'] ?? []);
+        $deleteFiles = (bool) ($data['deleteFiles'] ?? false);
+        if (empty($hashes)) return $this->json(['ok' => false, 'error' => $this->translator->trans('transmission.api.no_valid_hash')], 400);
+        $ok = $this->transmission->deleteTorrents($hashes, $deleteFiles);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Transmission', $this->transmission);
+    }
+
+    #[Route('/api/bulk/recheck', name: 'api_bulk_recheck', methods: ['POST'])]
+    public function bulkRecheck(Request $request): JsonResponse
+    {
+        $hashes = self::sanitizeHashes($request->toArray()['hashes'] ?? []);
+        if (empty($hashes)) return $this->json(['ok' => false, 'error' => $this->translator->trans('transmission.api.no_valid_hash')], 400);
+        $ok = $this->transmission->recheckTorrents($hashes);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Transmission', $this->transmission);
+    }
+
+    #[Route('/api/pause-all', name: 'api_pause_all', methods: ['POST'])]
+    public function pauseAll(): JsonResponse
+    {
+        $ok = $this->transmission->pauseAll();
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Transmission', $this->transmission);
+    }
+
+    #[Route('/api/resume-all', name: 'api_resume_all', methods: ['POST'])]
+    public function resumeAll(): JsonResponse
+    {
+        $ok = $this->transmission->resumeAll();
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Transmission', $this->transmission);
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Add torrent
+    // ══════════════════════════════════════════════════════════════════════════
+
+    #[Route('/api/add', name: 'api_add', methods: ['POST'])]
+    public function addTorrent(Request $request): JsonResponse
+    {
+        $data = $request->toArray();
+        $urls     = (string) ($data['urls'] ?? '');
+        $savepath = isset($data['savepath']) && $data['savepath'] !== '' ? (string) $data['savepath'] : null;
+        $paused   = (bool) ($data['paused'] ?? false);
+
+        if ($urls === '') return $this->json(['ok' => false, 'error' => $this->translator->trans('transmission.upload.invalid_url')], 400);
+
+        $violation = self::validateTorrentUrlsStatic($urls);
+        if ($violation !== null) {
+            $key = $violation === 'forbidden_host' ? 'transmission.upload.forbidden_host' : 'transmission.upload.invalid_url';
+            return $this->json(['ok' => false, 'error' => $this->translator->trans($key)], 400);
+        }
+
+        $ok = $this->transmission->addTorrentFromUrl($urls, $savepath, $paused);
+        return $ok ? $this->json(['ok' => true]) : $this->jsonClientError('Transmission', $this->transmission);
+    }
+
+    /**
+     * SSRF guard — same policy as QBittorrentController::validateTorrentUrls
+     * (Transmission fetches whichever URL we hand it via `filename`): http(s)/magnet
+     * only, cloud metadata hosts blocked, LAN allowed. Static + translator-free so
+     * it unit-tests without a container; returns a violation marker
+     * ('invalid_url' | 'forbidden_host'), null when safe.
+     */
+    private static function validateTorrentUrlsStatic(string $raw): ?string
+    {
+        $blockedHosts = [
+            '169.254.169.254',
+            'fd00:ec2::254',
+            'metadata.google.internal',
+            'metadata.goog',
+            'metadata.azure.com',
+            'metadata.azure.net',
+        ];
+
+        foreach (preg_split('/[\r\n|]+/', trim($raw)) as $url) {
+            $url = trim($url);
+            if ($url === '') continue;
+            if (stripos($url, 'magnet:') === 0) continue;
+
+            $parts = parse_url($url);
+            $scheme = strtolower($parts['scheme'] ?? '');
+            if (!in_array($scheme, ['http', 'https'], true)) {
+                return 'invalid_url';
+            }
+            $host = strtolower(trim($parts['host'] ?? '', '[]'));
+            if ($host === '') {
+                return 'invalid_url';
+            }
+            if (in_array($host, $blockedHosts, true)) {
+                return 'forbidden_host';
+            }
+        }
+        return null;
+    }
+
+    /** Upload one or more .torrent files (multipart/form-data). */
+    #[Route('/api/add-file', name: 'api_add_file', methods: ['POST'])]
+    public function addTorrentFile(Request $request): JsonResponse
+    {
+        $uploaded = $request->files->all()['torrents'] ?? [];
+        if (!is_array($uploaded)) $uploaded = [$uploaded];
+        $uploaded = array_filter($uploaded);
+
+        if (empty($uploaded)) return $this->json(['ok' => false, 'error' => $this->translator->trans('transmission.upload.no_file')], 400);
+
+        $files = [];
+        foreach ($uploaded as $file) {
+            /** @var \Symfony\Component\HttpFoundation\File\UploadedFile $file */
+            if (!$file->isValid()) continue;
+            if ($file->getSize() > 10 * 1024 * 1024) {
+                return $this->json(['ok' => false, 'error' => $this->translator->trans('transmission.upload.too_large')], 400);
+            }
+            if (strtolower($file->getClientOriginalExtension()) !== 'torrent') {
+                return $this->json(['ok' => false, 'error' => $this->translator->trans('transmission.upload.invalid_format')], 400);
+            }
+            $content = file_get_contents($file->getPathname());
+            if ($content === false || $content === '') {
+                return $this->json(['ok' => false, 'error' => $this->translator->trans('transmission.upload.unreadable')], 400);
+            }
+            // Bencoded torrent: starts with 'd' + contains "info"/"announce" early
+            if (!str_starts_with($content, 'd') || (!str_contains(substr($content, 0, 4096), 'info') && !str_contains(substr($content, 0, 4096), 'announce'))) {
+                return $this->json(['ok' => false, 'error' => $this->translator->trans('transmission.upload.invalid_format')], 400);
+            }
+            $origName  = $file->getClientOriginalName() ?: 'upload.torrent';
+            $cleanName = basename(str_replace("\0", '', $origName));
+            $files[] = ['content' => $content, 'name' => $cleanName !== '' ? $cleanName : 'upload.torrent'];
+        }
+
+        if (empty($files)) return $this->json(['ok' => false, 'error' => $this->translator->trans('transmission.api.no_valid_file')], 400);
+
+        $savepath = $request->request->get('savepath') ?: null;
+        $paused   = $request->request->get('paused') === 'true';
+
+        $ok = $this->transmission->addTorrentFromFiles($files, $savepath, $paused);
+        return $ok
+            ? $this->json(['ok' => true, 'count' => count($files)])
+            : $this->jsonClientError('Transmission', $this->transmission);
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Global speed limits
+    // ══════════════════════════════════════════════════════════════════════════
+
+    #[Route('/api/global-limit', name: 'api_global_limit', methods: ['POST'])]
+    public function setGlobalLimit(Request $request): JsonResponse
+    {
+        $data = $request->toArray();
+        $ok = true;
+        if (isset($data['dl'])) $ok = $ok && $this->transmission->setGlobalDownloadLimit((int) $data['dl']);
+        if (isset($data['up'])) $ok = $ok && $this->transmission->setGlobalUploadLimit((int) $data['up']);
+        return $this->json(['ok' => $ok]);
+    }
+}
diff --git a/symfony/src/Controller/UnifiController.php b/symfony/src/Controller/UnifiController.php
new file mode 100644
index 00000000..81aef0f5
--- /dev/null
+++ b/symfony/src/Controller/UnifiController.php
@@ -0,0 +1,157 @@
+<?php
+
+namespace App\Controller;
+
+use App\Dashboard\NetworkUsageChart;
+use App\Dashboard\SpeedtestChart;
+use App\Service\HealthService;
+use App\Service\Unifi\UnifiHistoryReader;
+use App\Service\Unifi\UnifiInfraReader;
+use App\Service\Unifi\UnifiLiveReader;
+use Psr\Log\LoggerInterface;
+use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
+use Symfony\Component\HttpFoundation\Request;
+use Symfony\Component\HttpFoundation\Response;
+use Symfony\Component\Routing\Attribute\Route;
+use Symfony\Component\Security\Http\Attribute\IsGranted;
+
+/**
+ * Admin-only Network tab. WAN addresses, per-client traffic and reservation
+ * detail are not for regular users, so ROLE_ADMIN gates the whole controller —
+ * the same stance the dashboard's network widget takes.
+ *
+ * Three panels, three cadences, one endpoint hit per cycle no matter how many
+ * panels consume it (see the readers in App\Service\Unifi). The shell renders
+ * with no upstream call at all, so first paint never waits on the console.
+ *
+ * Every action is read-only and every action answers 200. A monitoring page
+ * that 500s because the monitored thing is sick is worse than useless.
+ */
+#[IsGranted('ROLE_ADMIN')]
+#[Route('/unifi', name: 'app_unifi_')]
+class UnifiController extends AbstractController
+{
+    /** Group name → template. Also the whitelist for both fragment routes. */
+    private const PANELS = [
+        'live'    => 'unifi/_live.html.twig',
+        'infra'   => 'unifi/_infra.html.twig',
+        'history' => 'unifi/_history.html.twig',
+    ];
+
+    public function __construct(
+        private readonly UnifiLiveReader $live,
+        private readonly UnifiInfraReader $infra,
+        private readonly UnifiHistoryReader $history,
+        private readonly HealthService $health,
+        private readonly LoggerInterface $logger,
+    ) {}
+
+    /**
+     * Page shell only — deliberately touches no reader, so the page paints
+     * immediately and each region hydrates from its own fragment after paint.
+     */
+    #[Route('', name: 'index')]
+    public function index(): Response
+    {
+        return $this->render('unifi/index.html.twig');
+    }
+
+    /**
+     * Batch fragment fetch for the page poller: `?p=live,infra` → a
+     * {group: html} JSON map. Declared BEFORE the {panel} route because
+     * `/unifi/api/panels` would otherwise match it.
+     *
+     * A group that renders empty is omitted from the map rather than sent as
+     * "", so the client leaves that region at its last-good content — the same
+     * contract as the dashboard's /widgets route.
+     */
+    #[Route('/api/panels', name: 'panels')]
+    public function panels(Request $request): Response
+    {
+        set_time_limit(60);
+
+        $names = array_filter(array_map('trim', explode(',', (string) $request->query->get('p', ''))));
+        $out = [];
+        foreach (array_unique($names) as $name) {
+            if (!isset(self::PANELS[$name])) continue;
+            $html = (string) $this->renderPanel($name)->getContent();
+            if (trim($html) === '') continue;
+            $out[$name] = $html;
+        }
+
+        return $this->json($out);
+    }
+
+    /** One panel as an HTML fragment, for first hydration and for retry. */
+    #[Route('/api/{panel}', name: 'panel', requirements: ['panel' => 'live|infra|history'])]
+    public function panel(string $panel): Response
+    {
+        if (!isset(self::PANELS[$panel])) {
+            // Unreachable through routing (the requirement filters it), but the
+            // method is called directly in tests and could be called from
+            // another action later.
+            return new Response('', Response::HTTP_NOT_FOUND);
+        }
+        set_time_limit(60);
+
+        return $this->renderPanel($panel);
+    }
+
+    /**
+     * Render one group. An empty body means "not applicable" and the client
+     * hides the region; a rendered template with a null payload means "we
+     * looked and there was nothing", which the template shows as an empty
+     * state with a retry button. Those are different answers and the
+     * difference is load-bearing.
+     */
+    private function renderPanel(string $panel): Response
+    {
+        if (!$this->health->isConfigured('unifi')) {
+            return new Response('');
+        }
+
+        try {
+            $data = match ($panel) {
+                'live'    => $this->live->read(),
+                'infra'   => $this->infra->read(),
+                'history' => $this->history->read(),
+            };
+        } catch (\Throwable $e) {
+            // Never propagate: this is a monitoring page.
+            $this->logger->warning('UniFi panel {panel} failed: {message}', [
+                'panel'   => $panel,
+                'message' => $e->getMessage(),
+            ]);
+            $data = null;
+        }
+
+        return $this->render(self::PANELS[$panel], $this->contextFor($panel, $data));
+    }
+
+    /**
+     * Twig gets one variable named after the group, plus — for history — the
+     * two pre-built chart geometries. Chart building lives here rather than in
+     * the template so the templates stay logic-free and the geometry stays
+     * unit-testable.
+     *
+     * @return array<string, mixed>
+     */
+    private function contextFor(string $panel, ?array $data): array
+    {
+        if ($panel !== 'history') {
+            return [$panel => $data];
+        }
+
+        return [
+            'history' => $data,
+            // Day name + date + hour for the 7-day view; the widget's 24h chart
+            // keeps the default 'H:i'. One format feeds both the per-point hover
+            // labels and the two axis labels, which rules out a bare 'D': seven
+            // days apart is the same weekday, so the axis read "Sat … Sat" and
+            // all 24 points in a day shared one tooltip (live-verified). The date
+            // disambiguates the axis; the hour makes hovering a spike informative.
+            'usageChart' => NetworkUsageChart::build($data['usage7d'] ?? null, 'D j H:i'),
+            'speedChart' => SpeedtestChart::build($data['speedtests'] ?? null),
+        ];
+    }
+}
diff --git a/symfony/src/Dashboard/DashboardSections.php b/symfony/src/Dashboard/DashboardSections.php
new file mode 100644
index 00000000..576a691d
--- /dev/null
+++ b/symfony/src/Dashboard/DashboardSections.php
@@ -0,0 +1,45 @@
+<?php
+namespace App\Dashboard;
+
+/**
+ * Canonical registry of the dashboard's reorderable/hideable content
+ * sections. The Hero is intentionally absent — it is pinned at the top and
+ * never reordered or hidden. This is the single source of truth shared by
+ * DashboardLayoutService, the dashboard template, and the admin settings page.
+ */
+final class DashboardSections
+{
+    /** Section keys in their default top-to-bottom order. */
+    public const DEFAULT_ORDER = [
+        'upcoming', 'requests', 'health', 'houndarr', 'plex', 'watchlist', 'trending', 'recent', 'server', 'network',
+    ];
+
+    /**
+     * key => metadata for the settings list. `label` reuses the existing
+     * dashboard section-title translation keys (no new label strings needed).
+     * @var array<string, array{label: string}>
+     */
+    public const META = [
+        'upcoming'  => ['label' => 'dashboard.upcoming.title'],
+        'requests'  => ['label' => 'dashboard.requests.title'],
+        'health'    => ['label' => 'dashboard.health.title'],
+        'houndarr'  => ['label' => 'dashboard.houndarr.title'],
+        'plex'      => ['label' => 'dashboard.plex.title'],
+        'watchlist' => ['label' => 'dashboard.watchlist.title'],
+        'trending'  => ['label' => 'dashboard.trending.title'],
+        'recent'    => ['label' => 'dashboard.recent.title'],
+        'server'    => ['label' => 'dashboard.server.title'],
+        'network'   => ['label' => 'dashboard.network.title'],
+    ];
+
+    /** @return list<string> */
+    public static function keys(): array
+    {
+        return self::DEFAULT_ORDER;
+    }
+
+    public static function isValid(string $key): bool
+    {
+        return in_array($key, self::DEFAULT_ORDER, true);
+    }
+}
diff --git a/symfony/src/Dashboard/NetworkUsageChart.php b/symfony/src/Dashboard/NetworkUsageChart.php
new file mode 100644
index 00000000..e920f9b6
--- /dev/null
+++ b/symfony/src/Dashboard/NetworkUsageChart.php
@@ -0,0 +1,93 @@
+<?php
+namespace App\Dashboard;
+
+/**
+ * Pure geometry helper for the Network widget's inline-SVG 24h usage chart.
+ * Turns UnifiClient::overview()['usage24h'] (hourly wan byte buckets) into
+ * ready-to-render coordinate strings so the Twig fragment stays dumb. No
+ * I/O, no state; null when fewer than 2 usable points (nothing to chart).
+ * Also serves the Network tab's 7-day traffic chart, which passes a
+ * $labelFormat of 'D' for day-of-week labels instead of hour-of-day.
+ * Labels use the server timezone via date() — same convention as the
+ * rest of the app's server-rendered times. $labelFormat is a date()
+ * format string applied to the per-point hover labels and the two axis
+ * labels only; it has no effect on geometry.
+ */
+final class NetworkUsageChart
+{
+    public const WIDTH  = 600.0;
+    public const HEIGHT = 120.0;
+    private const PAD_TOP = 8.0;
+
+    /**
+     * @param ?list<array{ts: int, downBytes: float, upBytes: float}> $series
+     * @param string $labelFormat date() format for hover/axis labels only
+     * @return ?array{downArea: string, downLine: string, upLine: string,
+     *                points: list<array{x: float, w: float, label: string}>,
+     *                downTotal: string, upTotal: string,
+     *                startLabel: string, endLabel: string}
+     */
+    public static function build(?array $series, string $labelFormat = 'H:i'): ?array
+    {
+        $rows = [];
+        foreach ((array) ($series ?? []) as $r) {
+            if (!is_array($r) || !is_numeric($r['ts'] ?? null)) continue;
+            $rows[] = [
+                'ts'   => (int) $r['ts'],
+                'down' => is_numeric($r['downBytes'] ?? null) ? max(0.0, (float) $r['downBytes']) : 0.0,
+                'up'   => is_numeric($r['upBytes'] ?? null)   ? max(0.0, (float) $r['upBytes'])   : 0.0,
+            ];
+        }
+        $n = count($rows);
+        if ($n < 2) return null;
+        usort($rows, static fn(array $a, array $b): int => $a['ts'] <=> $b['ts']);
+
+        $peak = 1.0; // floor of 1 avoids division by zero on an all-idle day
+        foreach ($rows as $r) {
+            $peak = max($peak, $r['down'], $r['up']);
+        }
+
+        $stepX = self::WIDTH / ($n - 1);
+        $y = static fn(float $v): float =>
+            round(self::HEIGHT - ($v / $peak) * (self::HEIGHT - self::PAD_TOP), 1);
+
+        $downPts = $upPts = $points = [];
+        foreach ($rows as $i => $r) {
+            $x = round($i * $stepX, 1);
+            $downPts[] = $x . ',' . $y($r['down']);
+            $upPts[]   = $x . ',' . $y($r['up']);
+            $points[]  = [
+                'x'     => round(max(0.0, $x - $stepX / 2), 1),
+                'w'     => round($stepX, 1),
+                'label' => date($labelFormat, $r['ts'])
+                    . ' — ↓ ' . self::bytes($r['down'])
+                    . ' · ↑ ' . self::bytes($r['up']),
+            ];
+        }
+
+        $downAreaStart = '0,' . (int) self::HEIGHT;
+        $downAreaEnd = (int) self::WIDTH . ',' . (int) self::HEIGHT;
+
+        return [
+            'downArea'   => $downAreaStart . ' ' . implode(' ', $downPts) . ' ' . $downAreaEnd,
+            'downLine'   => implode(' ', $downPts),
+            'upLine'     => implode(' ', $upPts),
+            'points'     => $points,
+            'downTotal'  => self::bytes(array_sum(array_column($rows, 'down'))),
+            'upTotal'    => self::bytes(array_sum(array_column($rows, 'up'))),
+            'startLabel' => date($labelFormat, $rows[0]['ts']),
+            'endLabel'   => date($labelFormat, $rows[$n - 1]['ts']),
+        ];
+    }
+
+    /** 0 → '0 B', 2_500_000 → '2.5 MB', 1.85e9 → '1.9 GB'. Trailing .0 dropped. */
+    public static function bytes(float $b): string
+    {
+        foreach ([['GB', 1e9], ['MB', 1e6], ['KB', 1e3]] as [$unit, $div]) {
+            if ($b >= $div) {
+                return rtrim(rtrim(number_format($b / $div, 1, '.', ''), '0'), '.') . ' ' . $unit;
+            }
+        }
+        return round($b) . ' B';
+    }
+}
diff --git a/symfony/src/Dashboard/SpeedtestChart.php b/symfony/src/Dashboard/SpeedtestChart.php
new file mode 100644
index 00000000..ebb4c625
--- /dev/null
+++ b/symfony/src/Dashboard/SpeedtestChart.php
@@ -0,0 +1,106 @@
+<?php
+namespace App\Dashboard;
+
+/**
+ * Pure geometry helper for the Network tab's inline-SVG speedtest history
+ * chart. Turns UnifiHistoryReader::read()['speedtests'] into ready-to-render
+ * coordinate strings so the Twig fragment stays dumb. No I/O, no state.
+ *
+ * Dual scale: download and upload share a throughput scale (peak of both),
+ * latency has its own — a 900 Mbps line and a 4 ms line cannot share an axis
+ * and still show variation in either. Both map into the same viewBox, so the
+ * template draws one SVG with a left (Mbps) and right (ms) legend.
+ *
+ * null when fewer than two runs carry a usable throughput value — a single
+ * dot is not a trend, and an all-null series would render an empty frame.
+ */
+final class SpeedtestChart
+{
+    public const WIDTH  = 600.0;
+    public const HEIGHT = 120.0;
+    private const PAD_TOP = 8.0;
+
+    /**
+     * @param ?list<array{ts: int, downMbps: ?float, upMbps: ?float, latencyMs: ?int}> $runs
+     * @return ?array{downLine: string, upLine: string, latencyLine: string,
+     *                points: list<array{x: float, w: float, label: string}>,
+     *                latestDown: ?string, latestUp: ?string, latestLatency: ?string,
+     *                latencyMin: ?int, latencyAvg: ?int, latencyMax: ?int,
+     *                peakMbps: string, startLabel: string, endLabel: string}
+     */
+    public static function build(?array $runs): ?array
+    {
+        $rows = [];
+        foreach ((array) ($runs ?? []) as $r) {
+            if (!is_array($r) || !is_numeric($r['ts'] ?? null)) continue;
+            $down = is_numeric($r['downMbps'] ?? null) ? max(0.0, (float) $r['downMbps']) : null;
+            $up   = is_numeric($r['upMbps'] ?? null)   ? max(0.0, (float) $r['upMbps'])   : null;
+            // A run with no throughput at all carries no trend information.
+            if ($down === null && $up === null) continue;
+            $rows[] = [
+                'ts'      => (int) $r['ts'],
+                'down'    => $down,
+                'up'      => $up,
+                'latency' => is_numeric($r['latencyMs'] ?? null) ? max(0, (int) $r['latencyMs']) : null,
+            ];
+        }
+        $n = count($rows);
+        if ($n < 2) return null;
+        usort($rows, static fn(array $a, array $b): int => $a['ts'] <=> $b['ts']);
+
+        $peak = 1.0; // floor of 1 avoids division by zero
+        foreach ($rows as $r) {
+            $peak = max($peak, $r['down'] ?? 0.0, $r['up'] ?? 0.0);
+        }
+        $latencies = array_values(array_filter(array_column($rows, 'latency'), static fn($v) => $v !== null));
+        $latencyPeak = $latencies === [] ? 1 : max(1, max($latencies));
+
+        $stepX = self::WIDTH / ($n - 1);
+        $span  = self::HEIGHT - self::PAD_TOP;
+        $y = static fn(float $v, float $max): float => round(self::HEIGHT - ($v / $max) * $span, 1);
+
+        $downPts = $upPts = $latPts = $points = [];
+        foreach ($rows as $i => $r) {
+            $x = round($i * $stepX, 1);
+            // A gap in one series must not shift the others — skip the point
+            // in that polyline rather than substituting a zero, which would
+            // draw a fake drop to the floor.
+            if ($r['down'] !== null)    $downPts[] = $x . ',' . $y($r['down'], $peak);
+            if ($r['up'] !== null)      $upPts[]   = $x . ',' . $y($r['up'], $peak);
+            if ($r['latency'] !== null) $latPts[]  = $x . ',' . $y((float) $r['latency'], (float) $latencyPeak);
+            $points[] = [
+                'x'     => round(max(0.0, $x - $stepX / 2), 1),
+                'w'     => round($stepX, 1),
+                'label' => date('M j, H:i', $r['ts'])
+                    . ' — ↓ ' . self::mbps($r['down'])
+                    . ' · ↑ ' . self::mbps($r['up'])
+                    . ($r['latency'] !== null ? ' · ' . $r['latency'] . ' ms' : ''),
+            ];
+        }
+
+        $latest = $rows[$n - 1];
+
+        return [
+            'downLine'      => implode(' ', $downPts),
+            'upLine'        => implode(' ', $upPts),
+            'latencyLine'   => implode(' ', $latPts),
+            'points'        => $points,
+            'latestDown'    => $latest['down'] !== null ? self::mbps($latest['down']) : null,
+            'latestUp'      => $latest['up'] !== null ? self::mbps($latest['up']) : null,
+            'latestLatency' => $latest['latency'] !== null ? $latest['latency'] . ' ms' : null,
+            'latencyMin'    => $latencies === [] ? null : min($latencies),
+            'latencyAvg'    => $latencies === [] ? null : (int) round(array_sum($latencies) / count($latencies)),
+            'latencyMax'    => $latencies === [] ? null : max($latencies),
+            'peakMbps'      => self::mbps($peak),
+            'startLabel'    => date('M j', $rows[0]['ts']),
+            'endLabel'      => date('M j', $rows[$n - 1]['ts']),
+        ];
+    }
+
+    /** 900.0 → '900 Mbps', 12.5 → '12.5 Mbps', null → '—'. Trailing .0 dropped. */
+    public static function mbps(?float $v): string
+    {
+        if ($v === null) return '—';
+        return rtrim(rtrim(number_format($v, 1, '.', ''), '0'), '.') . ' Mbps';
+    }
+}
diff --git a/symfony/src/EventSubscriber/ServiceRouteGuardSubscriber.php b/symfony/src/EventSubscriber/ServiceRouteGuardSubscriber.php
index 3e53b8a1..c16001c5 100644
--- a/symfony/src/EventSubscriber/ServiceRouteGuardSubscriber.php
+++ b/symfony/src/EventSubscriber/ServiceRouteGuardSubscriber.php
@@ -43,8 +43,13 @@ class ServiceRouteGuardSubscriber implements EventSubscriberInterface
         'jellyseerr_'       => ['service' => 'Jellyseerr',  'service_id' => 'jellyseerr',  'keys' => ['jellyseerr_api_key', 'jellyseerr_url'], 'wizard' => 'app_setup_indexers',  'index' => 'jellyseerr_index'],
         'qbittorrent_'      => ['service' => 'qBittorrent', 'service_id' => 'qbittorrent', 'keys' => ['qbittorrent_url', 'qbittorrent_user'],  'wizard' => 'app_setup_downloads', 'index' => 'app_qbittorrent_index'],
         'app_qbittorrent'   => ['service' => 'qBittorrent', 'service_id' => 'qbittorrent', 'keys' => ['qbittorrent_url', 'qbittorrent_user'],  'wizard' => 'app_setup_downloads', 'index' => 'app_qbittorrent_index'],
+        'deluge_'           => ['service' => 'Deluge',      'service_id' => 'deluge',      'keys' => ['deluge_url'],                            'wizard' => 'app_setup_downloads', 'index' => 'app_deluge_index'],
+        'app_deluge'        => ['service' => 'Deluge',      'service_id' => 'deluge',      'keys' => ['deluge_url'],                            'wizard' => 'app_setup_downloads', 'index' => 'app_deluge_index'],
+        'transmission_'     => ['service' => 'Transmission', 'service_id' => 'transmission', 'keys' => ['transmission_url'],                   'wizard' => 'app_setup_downloads', 'index' => 'app_transmission_index'],
+        'app_transmission'  => ['service' => 'Transmission', 'service_id' => 'transmission', 'keys' => ['transmission_url'],                   'wizard' => 'app_setup_downloads', 'index' => 'app_transmission_index'],
         'tmdb_'             => ['service' => 'TMDb',        'service_id' => 'tmdb',        'keys' => ['tmdb_api_key'],                         'wizard' => 'app_setup_tmdb',      'index' => 'tmdb_index'],
         'app_tautulli_index' => ['service' => 'Tautulli',   'service_id' => 'tautulli',    'keys' => ['tautulli_url', 'tautulli_api_key'],      'wizard' => 'admin_settings_index', 'index' => 'app_tautulli_index'],
+        'app_unifi_'        => ['service' => 'UniFi',        'service_id' => 'unifi',       'keys' => ['unifi_url', 'unifi_api_key'],            'wizard' => 'admin_settings_index', 'index' => 'app_unifi_index'],
     ];
 
     public function __construct(
diff --git a/symfony/src/Service/DashboardLayoutService.php b/symfony/src/Service/DashboardLayoutService.php
new file mode 100644
index 00000000..89ac6475
--- /dev/null
+++ b/symfony/src/Service/DashboardLayoutService.php
@@ -0,0 +1,74 @@
+<?php
+namespace App\Service;
+
+use App\Dashboard\DashboardSections;
+use Symfony\Contracts\Service\ResetInterface;
+
+/**
+ * Resolves the admin-chosen dashboard section order + per-section visibility
+ * (stored in the flat `setting` table) into an ordered list the dashboard and
+ * the settings page render from.
+ *
+ * Mirrors ThemeService: caches the resolved list per request and implements
+ * ResetInterface so an admin's layout change takes effect on the next request
+ * without waiting for a FrankenPHP worker recycle.
+ */
+final class DashboardLayoutService implements ResetInterface
+{
+    /** @var list<array{key: string, visible: bool}>|null */
+    private ?array $cache = null;
+
+    public function __construct(private readonly ConfigService $config) {}
+
+    public function reset(): void
+    {
+        $this->cache = null;
+    }
+
+    /**
+     * @return list<array{key: string, visible: bool}>
+     */
+    public function resolve(): array
+    {
+        if ($this->cache !== null) {
+            return $this->cache;
+        }
+
+        $order = $this->orderedKeys();
+
+        $out = [];
+        foreach ($order as $key) {
+            $out[] = [
+                'key'     => $key,
+                'visible' => $this->config->get('dashboard_hide_' . $key) !== '1',
+            ];
+        }
+
+        return $this->cache = $out;
+    }
+
+    /**
+     * Stored order, sanitized: unknown/duplicate keys dropped, then any known
+     * section missing from the stored order appended in default order. So a
+     * section added in a future release auto-appears instead of vanishing.
+     *
+     * @return list<string>
+     */
+    private function orderedKeys(): array
+    {
+        $stored = (string) $this->config->get('dashboard_section_order');
+        $keys = [];
+        foreach (explode(',', $stored) as $raw) {
+            $k = trim($raw);
+            if ($k !== '' && DashboardSections::isValid($k) && !in_array($k, $keys, true)) {
+                $keys[] = $k;
+            }
+        }
+        foreach (DashboardSections::DEFAULT_ORDER as $k) {
+            if (!in_array($k, $keys, true)) {
+                $keys[] = $k;
+            }
+        }
+        return $keys;
+    }
+}
diff --git a/symfony/src/Service/DisplayPreferencesService.php b/symfony/src/Service/DisplayPreferencesService.php
index 9c8922f1..a189bf85 100644
--- a/symfony/src/Service/DisplayPreferencesService.php
+++ b/symfony/src/Service/DisplayPreferencesService.php
@@ -3,6 +3,7 @@
 namespace App\Service;
 
 use App\Controller\AdminSettingsController;
+use App\Service\ThemeService;
 use Symfony\Contracts\Service\ResetInterface;
 
 /**
@@ -36,6 +37,7 @@ class DisplayPreferencesService implements ResetInterface
 
     public function __construct(
         private readonly ConfigService $config,
+        private readonly ThemeService $theme,
     ) {}
 
     public function reset(): void
@@ -64,6 +66,8 @@ public function getDateFormat(): string         { return $this->get('display_dat
     public function getTimeFormat(): string         { return $this->get('display_time_format'); }
     public function getThemeColor(): string         { return $this->get('display_theme_color'); }
     public function getQbitRefreshSeconds(): int    { return (int) $this->get('display_qbit_refresh'); }
+    public function getDelugeRefreshSeconds(): int  { return (int) $this->get('display_deluge_refresh'); }
+    public function getTransmissionRefreshSeconds(): int { return (int) $this->get('display_transmission_refresh'); }
     public function getUiDensity(): string          { return $this->get('display_ui_density'); }
 
     /**
@@ -85,7 +89,13 @@ public function getThemeColorHex(): string
         $spec = AdminSettingsController::DISPLAY_OPTIONS['display_theme_color'];
         $chosen = $this->getThemeColor();
 
-        return $spec['options'][$chosen] ?? $spec['options'][$spec['default']];
+        // 'theme_default' (and any unknown value, which resolves to the
+        // default = theme_default) follows the active theme's primary.
+        if ($chosen === 'theme_default' || !isset($spec['options'][$chosen])) {
+            return $this->theme->resolve()['primary_hex'];
+        }
+
+        return $spec['options'][$chosen];
     }
 
     /**
@@ -95,9 +105,12 @@ public function getThemeColorHex(): string
     public function getThemeColorRgb(): string
     {
         $chosen = $this->getThemeColor();
-        $default = AdminSettingsController::DISPLAY_OPTIONS['display_theme_color']['default'];
 
-        return self::THEME_RGB[$chosen] ?? self::THEME_RGB[$default];
+        if ($chosen === 'theme_default' || !isset(self::THEME_RGB[$chosen])) {
+            return $this->theme->resolve()['primary_rgb'];
+        }
+
+        return self::THEME_RGB[$chosen];
     }
 
     /**
@@ -167,6 +180,8 @@ private function toUserTimezone(\DateTimeInterface $dt): \DateTimeImmutable
      *   theme_color_hex: string,
      *   theme_color_rgb: string,
      *   qbit_refresh_seconds: int,
+     *   deluge_refresh_seconds: int,
+     *   transmission_refresh_seconds: int,
      *   ui_density: string,
      *   page_size: int,
      *   language: string,
@@ -185,6 +200,8 @@ public function all(): array
             'theme_color_hex'      => $this->getThemeColorHex(),
             'theme_color_rgb'      => $this->getThemeColorRgb(),
             'qbit_refresh_seconds' => $this->getQbitRefreshSeconds(),
+            'deluge_refresh_seconds' => $this->getDelugeRefreshSeconds(),
+            'transmission_refresh_seconds' => $this->getTransmissionRefreshSeconds(),
             'ui_density'           => $this->getUiDensity(),
             'page_size'            => $this->getPageSize(),
             'language'             => $this->getLanguage(),
diff --git a/symfony/src/Service/HealthService.php b/symfony/src/Service/HealthService.php
index b89726c5..e3fcf013 100644
--- a/symfony/src/Service/HealthService.php
+++ b/symfony/src/Service/HealthService.php
@@ -3,16 +3,24 @@
 namespace App\Service;
 
 use App\Entity\ServiceInstance;
+use App\Service\Media\DelugeClient;
+use App\Service\Media\HoundarrClient;
 use App\Service\Media\JellyseerrClient;
 use App\Service\Media\ProwlarrClient;
 use App\Service\Media\QBittorrentClient;
+use App\Service\Media\TransmissionClient;
 use App\Service\Media\RadarrClient;
 use App\Service\Media\ServiceHealthCache;
 use App\Service\Media\SonarrClient;
 use App\Service\Media\TautulliClient;
 use App\Service\Media\TmdbClient;
+use App\Service\Media\UnifiClient;
+use App\Service\Media\UnraidClient;
 use App\Service\Media\Usenet\NzbgetClient;
 use App\Service\Media\Usenet\SabnzbdClient;
+use Symfony\Contracts\Cache\CacheInterface;
+use Symfony\Contracts\Cache\ItemInterface;
+use Symfony\Contracts\Service\ResetInterface;
 
 /**
  * Tests third-party service availability.
@@ -26,13 +34,24 @@
  *    the admin "Test connection" button can return an actionable hint
  *    without leaking internal stack traces.
  */
-class HealthService
+class HealthService implements ResetInterface
 {
     private const CACHE_TTL = 10;
 
+    /**
+     * Pool key of the cache "generation" — a random token mixed into every
+     * status key. invalidate() just drops it: the next read mints a new one,
+     * which orphans every previous entry at once (they expire by TTL anyway)
+     * without having to enumerate per-instance slugs.
+     */
+    private const GEN_KEY = 'health.status.gen';
+
     /** @var array<string, array{result: array{status: ?string, latencyMs: ?int}, at: int}> */
     private array $statusCache = [];
 
+    /** Per-request memo of the pool generation token. */
+    private ?string $generation = null;
+
     public function __construct(
         private readonly RadarrClient      $radarr,
         private readonly SonarrClient      $sonarr,
@@ -51,6 +70,26 @@ public function __construct(
         // Tautulli (current Plex activity) — nullable + last for the same
         // legacy-test-constructor reason as the Usenet clients above.
         private readonly ?TautulliClient   $tautulli = null,
+        // Unraid (server monitoring widget) — nullable + last, same
+        // legacy-test-constructor reason as the Usenet clients above.
+        private readonly ?UnraidClient     $unraid = null,
+        // Shared status cache (cache.app). Without it the 10 s memo lives
+        // only in $statusCache, which classic-mode FrankenPHP discards with
+        // the request — every topbar poll then re-pings every service.
+        // Nullable + last for the legacy-test-constructor reason above.
+        private readonly ?CacheInterface   $statusPool = null,
+        // Houndarr (dashboard stat tile) — nullable + last, same
+        // legacy-test-constructor reason as the clients above.
+        private readonly ?HoundarrClient   $houndarr = null,
+        // Deluge (#deluge-tab) — nullable + last, same legacy-test-constructor
+        // reason as the clients above.
+        private readonly ?DelugeClient     $deluge = null,
+        // UniFi (network monitoring widget) — nullable + last, same
+        // legacy-positional-constructor stance as Unraid/Houndarr.
+        private readonly ?UnifiClient      $unifi = null,
+        // Transmission — nullable + last for the same legacy-test-constructor
+        // reason as the clients above.
+        private readonly ?TransmissionClient $transmission = null,
     ) {}
 
     /**
@@ -110,10 +149,32 @@ public function statusFor(string $service, ?string $instanceSlug = null): array
             return $this->statusCache[$key]['result'];
         }
 
+        // Shared pool first (cache.app) — one probe sweep per TTL for the
+        // whole install instead of per request/tab. Falls back to a direct
+        // probe when no pool is wired (legacy test constructors).
+        $result = $this->statusPool !== null
+            ? $this->statusPool->get($this->poolKey($key), function (ItemInterface $item) use ($service, $instanceSlug): array {
+                $item->expiresAfter(self::CACHE_TTL);
+                return $this->computeStatus($service, $instanceSlug);
+            })
+            : $this->computeStatus($service, $instanceSlug);
+
+        return $this->remember($key, $result, $now);
+    }
+
+    /**
+     * The uncached probe: configured check → circuit breaker → live ping,
+     * classified by round-trip latency. Extracted from statusFor() so the
+     * shared-pool path and the pool-less legacy path run the same logic.
+     *
+     * @return array{status: ?string, latencyMs: ?int}
+     */
+    private function computeStatus(string $service, ?string $instanceSlug): array
+    {
         // Unconfigured services are never pinged (issue #9). Skipped when no
         // ConfigService is wired (legacy test paths).
         if ($this->config !== null && !$this->isConfigured($service)) {
-            return $this->remember($key, ['status' => null, 'latencyMs' => null], $now);
+            return ['status' => null, 'latencyMs' => null];
         }
 
         // Circuit breaker open → we'd serve a stale cached-down verdict without
@@ -121,7 +182,7 @@ public function statusFor(string $service, ?string $instanceSlug = null): array
         // outage → degraded. radarr/sonarr mark the breaker WITH the instance
         // slug, so per-instance degraded detection lines up here.
         if ($this->serviceHealthCache?->isDown($service, $instanceSlug)) {
-            return $this->remember($key, ['status' => 'degraded', 'latencyMs' => null], $now);
+            return ['status' => 'degraded', 'latencyMs' => null];
         }
 
         // Live probe — time it with a monotonic clock.
@@ -134,17 +195,25 @@ public function statusFor(string $service, ?string $instanceSlug = null): array
         $latencyMs = (int) round((hrtime(true) - $start) / 1e6);
 
         if ($ok === null) {
-            return $this->remember($key, ['status' => null, 'latencyMs' => null], $now);
+            return ['status' => null, 'latencyMs' => null];
         }
         if ($ok === false) {
-            return $this->remember($key, ['status' => 'down', 'latencyMs' => null], $now);
+            return ['status' => 'down', 'latencyMs' => null];
         }
 
-        return $this->remember(
-            $key,
-            ['status' => self::classifyLatency($latencyMs), 'latencyMs' => $latencyMs],
-            $now,
-        );
+        return ['status' => self::classifyLatency($latencyMs), 'latencyMs' => $latencyMs];
+    }
+
+    /**
+     * Pool key for one service/instance status. Namespaced by the current
+     * generation token; ':' (PSR-6 reserved) in instance-scoped keys becomes
+     * '.'. Only called when $statusPool is non-null.
+     */
+    private function poolKey(string $key): string
+    {
+        $this->generation ??= $this->statusPool->get(self::GEN_KEY, fn (): string => bin2hex(random_bytes(4)));
+
+        return 'health.status.' . $this->generation . '.' . str_replace(':', '.', $key);
     }
 
     /**
@@ -182,6 +251,7 @@ private function pingFor(string $service, ?string $instanceSlug): ?bool
             'prowlarr'    => $this->prowlarr->ping(),
             'jellyseerr'  => $this->jellyseerr->ping(),
             'qbittorrent' => $this->qbittorrent->ping(),
+            'deluge'      => $this->deluge?->ping() ?? false,
             'tmdb'        => $this->tmdb->ping(),
             // SABnzbd's ping() now probes mode=queue (key-aware) and runs
             // through the client's circuit breaker, so a downed SABnzbd
@@ -190,6 +260,10 @@ private function pingFor(string $service, ?string $instanceSlug): ?bool
             'sabnzbd'     => $this->sabnzbd?->ping() ?? false,
             'nzbget'      => $this->nzbget?->ping() ?? false,
             'tautulli'    => $this->tautulli?->ping() ?? false,
+            'unraid'      => $this->unraid?->ping() ?? false,
+            'houndarr'    => $this->houndarr?->ping() ?? false,
+            'unifi'       => $this->unifi?->ping() ?? false,
+            'transmission' => $this->transmission?->ping() ?? false,
             default       => true,
         };
     }
@@ -206,7 +280,67 @@ private function pingFor(string $service, ?string $instanceSlug): ?bool
      * (issue #15). Radarr/Sonarr are absent on purpose — they enable/disable
      * per instance via the `enabled` flag on `service_instance`.
      */
-    public const TOGGLEABLE_SERVICES = ['prowlarr', 'jellyseerr', 'qbittorrent', 'tmdb', 'sabnzbd', 'nzbget', 'tautulli'];
+    public const TOGGLEABLE_SERVICES = ['prowlarr', 'jellyseerr', 'qbittorrent', 'deluge', 'transmission', 'tmdb', 'sabnzbd', 'nzbget', 'tautulli', 'unraid', 'houndarr', 'unifi'];
+
+    /** Brand colors for the health chips — single source for dashboard + topbar. */
+    private const SERVICE_COLORS = [
+        'radarr'      => '#FFC230',
+        'sonarr'      => '#00CCFF',
+        'prowlarr'    => '#E88D1A',
+        'jellyseerr'  => '#a259ff',
+        'qbittorrent' => '#2f67ba',
+        'deluge'      => '#3e7bbf',
+        'transmission' => '#d7302f',
+        'sabnzbd'     => '#fbc531',
+        'nzbget'      => '#54c754',
+        'tmdb'        => '#01B4E4',
+        'tautulli'    => '#e5a00d',
+        'unraid'      => '#f15a2c',
+        'houndarr'    => '#c2703d',
+        'unifi'       => '#006fff',
+    ];
+
+    /**
+     * Services-health chip list — the ONE list both the dashboard section and
+     * the topbar popover render (they drifted apart when built separately).
+     * Radarr/Sonarr expand to one chip per enabled instance; unconfigured
+     * services (status null) are dropped; Unraid is admin-gated by the caller.
+     *
+     * @return list<array{id: string, name: string, status: string, latencyMs: ?int, color: string}>
+     */
+    public function chips(bool $includeUnraid = false): array
+    {
+        $chips = [];
+
+        foreach ([ServiceInstance::TYPE_RADARR, ServiceInstance::TYPE_SONARR] as $type) {
+            foreach ($this->instances?->getEnabled($type) ?? [] as $inst) {
+                try {
+                    $s = $this->statusFor($type, $inst->getSlug());
+                } catch (\Throwable) {
+                    $s = ['status' => 'down', 'latencyMs' => null];
+                }
+                if ($s['status'] === null) continue;
+                $chips[] = ['id' => $type, 'name' => $inst->getName(), 'status' => $s['status'], 'latencyMs' => $s['latencyMs'], 'color' => self::SERVICE_COLORS[$type]];
+            }
+        }
+
+        $labels = ['prowlarr' => 'Prowlarr', 'jellyseerr' => 'Seerr', 'qbittorrent' => 'qBittorrent', 'deluge' => 'Deluge', 'transmission' => 'Transmission', 'sabnzbd' => 'SABnzbd', 'nzbget' => 'NZBGet', 'tmdb' => 'TMDb', 'tautulli' => 'Tautulli', 'houndarr' => 'Houndarr'];
+        if ($includeUnraid) {
+            $labels['unraid'] = 'Unraid';
+            $labels['unifi']  = 'UniFi';
+        }
+        foreach ($labels as $service => $label) {
+            try {
+                $s = $this->statusFor($service);
+            } catch (\Throwable) {
+                $s = ['status' => null, 'latencyMs' => null];
+            }
+            if ($s['status'] === null) continue;
+            $chips[] = ['id' => $service, 'name' => $label, 'status' => $s['status'], 'latencyMs' => $s['latencyMs'], 'color' => self::SERVICE_COLORS[$service]];
+        }
+
+        return $chips;
+    }
 
     public function isConfigured(string $service): bool
     {
@@ -240,6 +374,11 @@ public function isConfigured(string $service): bool
             // See issue #10.
             'qbittorrent' =>
                 $this->config->has('qbittorrent_url'),
+            // Deluge — URL only, same reverse-proxy stance as qBittorrent:
+            // an empty password is a legitimate "the proxy injects the
+            // session" setup, not a misconfiguration.
+            'deluge' =>
+                $this->config->has('deluge_url'),
             // SABnzbd needs URL + API key. NZBGet only needs the URL — user /
             // password are optional (reverse-proxy or auth-disabled LAN setup),
             // mirroring qBittorrent's reverse-proxy stance.
@@ -251,6 +390,19 @@ public function isConfigured(string $service): bool
             // including get_activity, is apikey-authenticated).
             'tautulli' =>
                 $this->config->has('tautulli_url') && $this->config->has('tautulli_api_key'),
+            // Unraid needs both the URL and a (read-only scoped) API key.
+            'unraid' =>
+                $this->config->has('unraid_url') && $this->config->has('unraid_api_key'),
+            // Houndarr needs both the URL and the (single, widget-scoped) API key.
+            'houndarr' =>
+                $this->config->has('houndarr_url') && $this->config->has('houndarr_api_key'),
+            // UniFi needs the console URL and a local API key (Network 9.0+).
+            'unifi' =>
+                $this->config->has('unifi_url') && $this->config->has('unifi_api_key'),
+            // Transmission — URL-only, same reverse-proxy-friendly stance as
+            // qBittorrent/Deluge (empty user/password is a legitimate setup).
+            'transmission' =>
+                $this->config->has('transmission_url'),
             default => true,
         };
     }
@@ -264,10 +416,20 @@ public function isConfigured(string $service): bool
      */
     public function invalidate(?string $service = null): void
     {
+        // Shared pool: rotate the generation token — every pooled status
+        // (including per-instance ones we can't enumerate here) becomes
+        // unreachable at once. Cheaper than tracking keys, and the orphans
+        // expire on their own within CACHE_TTL. Scoped invalidation isn't
+        // worth the bookkeeping at a 10 s TTL.
+        if ($this->statusPool !== null) {
+            $this->statusPool->delete(self::GEN_KEY);
+            $this->generation = null;
+        }
+
         if ($service === null) {
             $this->statusCache = [];
             if ($this->serviceHealthCache !== null) {
-                foreach (['radarr', 'sonarr', 'prowlarr', 'jellyseerr', 'qbittorrent', 'tmdb', 'sabnzbd', 'nzbget', 'tautulli'] as $svc) {
+                foreach (['radarr', 'sonarr', 'prowlarr', 'jellyseerr', 'qbittorrent', 'deluge', 'transmission', 'tmdb', 'sabnzbd', 'nzbget', 'tautulli', 'unraid', 'houndarr', 'unifi'] as $svc) {
                     $this->serviceHealthCache->clear($svc);
                 }
             }
@@ -277,6 +439,21 @@ public function invalidate(?string $service = null): void
         }
     }
 
+    /**
+     * FrankenPHP worker mode — Symfony's services_resetter calls reset()
+     * between requests (this service is auto-tagged kernel.reset via the
+     * ResetInterface autoconfiguration). Drop the per-request in-process
+     * memo so one request's health verdicts and generation token can't bleed
+     * into the next. The cross-request shared pool (cache.app) is left intact
+     * on purpose — that's the whole point of the shared 10 s cache; it self-
+     * expires by TTL and rotates via invalidate() on reconfiguration.
+     */
+    public function reset(): void
+    {
+        $this->statusCache = [];
+        $this->generation  = null;
+    }
+
     /**
      * Probe a service directly and return a categorized diagnosis the admin
      * UI can show. Returns ['ok' => bool, 'category' => string, 'http' => ?int].
@@ -315,6 +492,7 @@ public function diagnose(string $service, ?array $overrides = null): array
             $probe['headers'] ?? [],
             $probe['method'] ?? 'GET',
             $probe['body']    ?? null,
+            $probe['insecure'] ?? false,
         );
 
         return $this->diagnoseFromResponse($resp, $service);
@@ -342,6 +520,24 @@ public function diagnoseFromResponse(array $resp, string $service): array
         if ($service === 'qbittorrent' && $http === 200 && is_string($body) && trim($body) === 'Fails.') {
             return ['ok' => false, 'category' => 'auth', 'http' => $http];
         }
+        // Deluge: deluge-web answers HTTP 200 for everything — the outcome is
+        // in the JSON-RPC envelope. auth.login with a wrong password returns
+        // {"result": false}; an error object also means failure. In
+        // reverse-proxy mode the probe calls web.get_config, whose success
+        // result is a (truthy) dict.
+        if ($service === 'deluge' && $http === 200 && is_string($body)) {
+            $decoded = json_decode($body, true);
+            if (is_array($decoded)) {
+                if (($decoded['error'] ?? null) !== null) {
+                    return ['ok' => false, 'category' => 'auth', 'http' => $http];
+                }
+                if (($decoded['result'] ?? null) === false) {
+                    return ['ok' => false, 'category' => 'auth', 'http' => $http];
+                }
+                return ['ok' => true, 'category' => 'ok', 'http' => $http];
+            }
+            return ['ok' => false, 'category' => 'unknown', 'http' => $http];
+        }
         // SABnzbd answers 403 for BOTH a wrong API key and a host that isn't in
         // its host_whitelist (anti DNS-rebinding). Tell them apart so the admin
         // gets an actionable hint instead of a bare "forbidden".
@@ -368,6 +564,13 @@ public function diagnoseFromResponse(array $resp, string $service): array
             }
             return ['ok' => true, 'category' => 'ok', 'http' => $http];
         }
+        // Transmission: a fresh/expired session always answers 409 with the
+        // real X-Transmission-Session-Id in the response header — that IS a
+        // healthy, reachable daemon, not a failure. A bad RPC password is a
+        // separate 401, independent of the session-id handshake.
+        if ($service === 'transmission' && $http === 409) {
+            return ['ok' => true, 'category' => 'ok', 'http' => $http];
+        }
         if ($http !== null && $http >= 200 && $http < 300) {
             return ['ok' => true, 'category' => 'ok', 'http' => $http];
         }
@@ -387,7 +590,7 @@ public function diagnoseFromResponse(array $resp, string $service): array
      * service has no URL/credentials configured at all.
      *
      * @param array<string, ?string>|null $overrides
-     * @return ?array{url: string, headers?: array<int,string>, method?: string, body?: string}
+     * @return ?array{url: string, headers?: array<int,string>, method?: string, body?: string, insecure?: bool}
      */
     private function probeFor(string $service, ?array $overrides = null): ?array
     {
@@ -486,6 +689,26 @@ private function probeFor(string $service, ?array $overrides = null): ?array
                     'body'    => http_build_query(['username' => $user, 'password' => $pass]),
                 ];
             }
+            case 'deluge': {
+                $url  = $get('deluge_url');
+                $pass = $get('deluge_password');
+                if ($url === '') return null;
+
+                // Reverse-proxy mode (empty password): auth.login('') would
+                // return result:false even when the proxy setup is fine, so
+                // probe a session-authenticated method instead — the proxy
+                // injects the session. Success result is a dict (truthy);
+                // without a proxy deluge-web answers an error envelope,
+                // which diagnoseFromResponse() maps to auth.
+                $method = $pass === '' ? 'web.get_config' : 'auth.login';
+                $params = $pass === '' ? [] : [$pass];
+                return [
+                    'url'     => rtrim($url, '/') . '/json',
+                    'headers' => ['Content-Type: application/json', 'Accept: application/json'],
+                    'method'  => 'POST',
+                    'body'    => json_encode(['method' => $method, 'params' => $params, 'id' => 1]),
+                ];
+            }
             case 'sabnzbd': {
                 $url = $get('sabnzbd_url');
                 $key = $get('sabnzbd_api_key');
@@ -527,6 +750,66 @@ private function probeFor(string $service, ?array $overrides = null): ?array
                     'body'    => (string) json_encode(['version' => '1.1', 'id' => 1, 'method' => 'version', 'params' => []]),
                 ];
             }
+            case 'unraid': {
+                $url = $get('unraid_url');
+                $key = $get('unraid_api_key');
+                if ($url === '' || $key === '') return null;
+                // Trivial read-only GraphQL query; a bad key gets a 401/403.
+                return [
+                    'url'      => rtrim($url, '/') . '/graphql',
+                    'headers'  => ['x-api-key: ' . $key, 'Content-Type: application/json', 'Accept: application/json'],
+                    'method'   => 'POST',
+                    'body'     => (string) json_encode(['query' => UnraidClient::QUERY_PING]),
+                    // LAN Unraid GUIs commonly run self-signed certs.
+                    'insecure' => $get('unraid_skip_tls_verify') === '1',
+                ];
+            }
+            case 'houndarr': {
+                $url = $get('houndarr_url');
+                $key = $get('houndarr_api_key');
+                if ($url === '' || $key === '') return null;
+                // The single endpoint the Houndarr key authorizes; a bad or
+                // revoked key answers 401 → diagnosed as `auth`.
+                return [
+                    'url'     => rtrim($url, '/') . '/api/v1/widget',
+                    'headers' => ['X-Api-Key: ' . $key, 'Accept: application/json'],
+                ];
+            }
+            case 'unifi': {
+                $url  = $get('unifi_url');
+                $key  = $get('unifi_api_key');
+                $site = trim($get('unifi_site'));
+                if ($url === '' || $key === '') return null;
+                // Same read-only endpoint the widget uses; a bad key answers
+                // 401 → diagnosed as `auth`.
+                return [
+                    'url'      => rtrim($url, '/') . '/proxy/network/api/s/'
+                        . rawurlencode($site !== '' ? $site : 'default') . UnifiClient::PATH_HEALTH,
+                    'headers'  => ['X-API-KEY: ' . $key, 'Accept: application/json'],
+                    // UniFi OS consoles ship a self-signed cert by default.
+                    'insecure' => $get('unifi_skip_tls_verify') === '1',
+                ];
+            }
+            case 'transmission': {
+                $url  = $get('transmission_url');
+                $user = $get('transmission_user');
+                $pass = $get('transmission_password');
+                if ($url === '') return null;
+                // Deliberately no X-Transmission-Session-Id header: a fresh
+                // client always gets HTTP 409 back with the real token, and
+                // that 409 IS the "reachable" signal diagnoseFromResponse()
+                // is looking for — no retry needed just to test connectivity.
+                $headers = ['Content-Type: application/json'];
+                if ($user !== '') {
+                    $headers[] = 'Authorization: Basic ' . base64_encode($user . ':' . $pass);
+                }
+                return [
+                    'url'     => rtrim($url, '/') . '/transmission/rpc',
+                    'headers' => $headers,
+                    'method'  => 'POST',
+                    'body'    => (string) json_encode(['method' => 'session-get', 'arguments' => ['fields' => ['version']], 'tag' => 1]),
+                ];
+            }
             default:
                 return null;
         }
@@ -614,7 +897,7 @@ private static function unmapIpv4(string $ip): string
      * @param array<int, string> $headers
      * @return array{http: ?int, body: ?string, err: string}
      */
-    private function httpProbe(string $url, array $headers, string $method, ?string $body): array
+    private function httpProbe(string $url, array $headers, string $method, ?string $body, bool $insecure = false): array
     {
         // SSRF guard #1 — reject before opening the socket. Cuts off
         // file:// / gopher:// / dict:// schemes that curl would otherwise
@@ -637,8 +920,8 @@ private function httpProbe(string $url, array $headers, string $method, ?string
             CURLOPT_TIMEOUT        => 5,
             CURLOPT_FOLLOWLOCATION => false,
             CURLOPT_NOSIGNAL       => true,
-            CURLOPT_SSL_VERIFYPEER => true,
-            CURLOPT_SSL_VERIFYHOST => 2,
+            CURLOPT_SSL_VERIFYPEER => !$insecure,
+            CURLOPT_SSL_VERIFYHOST => $insecure ? 0 : 2,
             CURLOPT_HTTPHEADER     => $headers,
         ]);
         if ($method === 'POST') {
diff --git a/symfony/src/Service/Media/DelugeClient.php b/symfony/src/Service/Media/DelugeClient.php
new file mode 100644
index 00000000..be26d68f
--- /dev/null
+++ b/symfony/src/Service/Media/DelugeClient.php
@@ -0,0 +1,742 @@
+<?php
+
+namespace App\Service\Media;
+
+use App\Exception\ServiceNotConfiguredException;
+use App\Service\ConfigService;
+use Psr\Log\LoggerInterface;
+use Symfony\Contracts\Service\ResetInterface;
+
+/**
+ * Deluge Web UI (deluge-web) JSON-RPC client.
+ *
+ * Every call is `POST {deluge_url}/json` and deluge-web answers HTTP 200
+ * even on failure — the outcome lives in the body's `error` field, so
+ * success is judged there, never on the HTTP status.
+ *
+ * Mirrors QBittorrentClient's conventions: circuit breaker (in-process +
+ * cross-request via ServiceHealthCache), SSRF-guarded curl, lastError for
+ * ApiClientErrorTrait, ResetInterface for FrankenPHP worker mode, and a
+ * reverse-proxy mode (empty password) where auth is injected upstream.
+ */
+class DelugeClient implements ResetInterface
+{
+    private const SERVICE = 'Deluge';
+    private const SERVICE_KEY = 'deluge';
+
+    /**
+     * Sentinel cookie in reverse-proxy mode (empty password in config —
+     * the proxy injects auth on every request). login() returns it without
+     * an auth.login round-trip; httpPost() skips the Cookie header for it.
+     * Mirrors QBittorrentClient::NO_AUTH_SID (issue #10).
+     */
+    private const NO_AUTH_COOKIE = '__noauth__';
+
+    /** qBit's "no ETA" sentinel — shared so the template formats both alike. */
+    private const ETA_NONE = 8640000;
+
+    /** deluge-web session as a ready-to-send "name=value" Cookie pair. */
+    private ?string $cookie = null;
+
+    /** web.connected verified once per request cycle. */
+    private bool $daemonChecked = false;
+
+    private string $baseUrl = '';
+    private string $password = '';
+    private int $rpcId = 0;
+
+    /** @var array{code:int, method:string, path:string, message:string}|null */
+    private ?array $lastError = null;
+
+    /** Circuit breaker — see QBittorrentClient::$serviceUnavailable. */
+    private bool $serviceUnavailable = false;
+
+    public function __construct(
+        private readonly ConfigService $config,
+        private readonly LoggerInterface $logger,
+        private readonly ServiceHealthCache $health,
+    ) {}
+
+    private function ensureConfig(): void
+    {
+        if ($this->config->get(self::SERVICE_KEY . '_enabled') === '0') {
+            throw new ServiceNotConfiguredException(self::SERVICE, self::SERVICE_KEY . '_enabled');
+        }
+        if ($this->baseUrl === '') {
+            $this->baseUrl  = $this->config->require('deluge_url', self::SERVICE);
+            $this->password = (string) ($this->config->get('deluge_password') ?? '');
+        }
+    }
+
+    public function reset(): void
+    {
+        $this->baseUrl = '';
+        $this->password = '';
+        $this->cookie = null;
+        $this->daemonChecked = false;
+        $this->rpcId = 0;
+        $this->lastError = null;
+        $this->serviceUnavailable = false;
+    }
+
+    /** @return array{code:int, method:string, path:string, message:string}|null */
+    public function getLastError(): ?array
+    {
+        return $this->lastError;
+    }
+
+    private function recordError(string $method, int $code, string $message): void
+    {
+        $this->lastError = ['code' => $code, 'method' => $method, 'path' => '/json', 'message' => $message];
+    }
+
+    /** Light ping — true if deluge-web answers and accepts the password. */
+    public function ping(): bool
+    {
+        try {
+            return $this->getVersion() !== null;
+        } catch (\Throwable $e) {
+            $this->logger->warning('Deluge ping failed', ['exception' => $e::class, 'message' => $e->getMessage()]);
+            return false;
+        }
+    }
+
+    public function getVersion(): ?string
+    {
+        $v = $this->result('daemon.get_version');
+        return is_string($v) ? $v : null;
+    }
+
+    /** Status keys requested for the torrent table. */
+    private const TORRENT_KEYS = [
+        'name', 'state', 'progress', 'total_size', 'total_wanted', 'total_done',
+        'total_uploaded', 'all_time_download', 'download_payload_rate', 'upload_payload_rate',
+        'eta', 'ratio', 'num_seeds', 'total_seeds', 'num_peers', 'total_peers',
+        'time_added', 'completed_time', 'save_path', 'label', 'tracker_host',
+        'seeding_time', 'is_finished', 'max_download_speed', 'max_upload_speed',
+        'distributed_copies',
+    ];
+
+    /** Extra keys for the detail panel. */
+    private const DETAIL_KEYS = [
+        'name', 'state', 'progress', 'save_path', 'total_size', 'piece_length', 'num_pieces',
+        'comment', 'total_uploaded', 'all_time_download', 'ratio', 'time_added',
+        'completed_time', 'active_time', 'seeding_time', 'next_announce', 'label',
+        'tracker_status', 'trackers', 'files', 'file_progress', 'file_priorities', 'peers',
+        'is_finished', 'eta', 'num_seeds', 'total_seeds', 'num_peers', 'total_peers',
+        'download_payload_rate', 'upload_payload_rate',
+    ];
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Torrents — Read
+    // ══════════════════════════════════════════════════════════════════════════
+
+    /** All torrents, normalized to the qBit-compatible shape, newest first. */
+    public function getTorrents(): array
+    {
+        // First param is a FILTER DICT — must encode as {} not [], hence stdClass.
+        $data = $this->result('core.get_torrents_status', [new \stdClass(), self::TORRENT_KEYS]);
+        if (!is_array($data)) {
+            return [];
+        }
+        $out = [];
+        foreach ($data as $hash => $t) {
+            if (is_array($t)) {
+                $out[] = $this->normalizeTorrent((string) $hash, $t);
+            }
+        }
+        usort($out, fn($a, $b) => ($b['added_on'] ?? 0) <=> ($a['added_on'] ?? 0));
+        return $out;
+    }
+
+    /** Detail panel payload: {properties, files, trackers, peers} — qBit-detail-compatible field names. */
+    public function getTorrentDetail(string $hash): ?array
+    {
+        $t = $this->result('core.get_torrent_status', [$hash, self::DETAIL_KEYS]);
+        if (!is_array($t) || $t === []) {
+            return null;
+        }
+
+        $files = [];
+        $progressList = $t['file_progress'] ?? [];
+        $prioList     = $t['file_priorities'] ?? [];
+        foreach (($t['files'] ?? []) as $i => $f) {
+            $files[] = [
+                'name'     => $f['path'] ?? ($f['name'] ?? '—'),
+                'size'     => (int) ($f['size'] ?? 0),
+                'progress' => round((float) ($progressList[$i] ?? 0), 3),
+                'priority' => (int) ($prioList[$i] ?? 1),
+            ];
+        }
+
+        $trackers = [];
+        foreach (($t['trackers'] ?? []) as $tr) {
+            $trackers[] = [
+                'url'    => $tr['url'] ?? '',
+                'tier'   => (int) ($tr['tier'] ?? 0),
+                'status' => (string) ($t['tracker_status'] ?? ''),
+                'msg'    => '',
+            ];
+        }
+
+        $peers = [];
+        foreach (($t['peers'] ?? []) as $p) {
+            $peers[] = [
+                'ip'         => $p['ip'] ?? '',
+                'client'     => $p['client'] ?? '',
+                'country'    => $p['country'] ?? '',
+                'progress'   => round((float) ($p['progress'] ?? 0) * 100, 1),
+                'dl_speed'   => (int) ($p['down_speed'] ?? 0),
+                'up_speed'   => (int) ($p['up_speed'] ?? 0),
+                'flags'      => ($p['seed'] ?? 0) ? 'seed' : '',
+                'connection' => '',
+            ];
+        }
+
+        return [
+            'properties' => [
+                'name'             => (string) ($t['name'] ?? ''),
+                'save_path'        => (string) ($t['save_path'] ?? ''),
+                'total_size'       => (int) ($t['total_size'] ?? 0),
+                'piece_size'       => (int) ($t['piece_length'] ?? 0),
+                'pieces_num'       => (int) ($t['num_pieces'] ?? 0),
+                'comment'          => (string) ($t['comment'] ?? ''),
+                'total_uploaded'   => (int) ($t['total_uploaded'] ?? 0),
+                'total_downloaded' => (int) ($t['all_time_download'] ?? 0),
+                'share_ratio'      => round((float) ($t['ratio'] ?? 0), 2),
+                'addition_date'    => (int) ($t['time_added'] ?? 0),
+                'completion_date'  => (int) ($t['completed_time'] ?? 0),
+                'time_elapsed'     => (int) ($t['active_time'] ?? 0),
+                'seeding_time'     => (int) ($t['seeding_time'] ?? 0),
+                'next_announce'    => (int) ($t['next_announce'] ?? 0),
+                'eta'              => (int) ($t['eta'] ?? 0),
+                'seeds'            => (int) ($t['num_seeds'] ?? 0),
+                'seeds_total'      => (int) ($t['total_seeds'] ?? 0),
+                'peers'            => (int) ($t['num_peers'] ?? 0),
+                'peers_total'      => (int) ($t['total_peers'] ?? 0),
+                'dl_speed'         => (int) ($t['download_payload_rate'] ?? 0),
+                'up_speed'         => (int) ($t['upload_payload_rate'] ?? 0),
+            ],
+            'files'    => $files,
+            'trackers' => $trackers,
+            'peers'    => $peers,
+        ];
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Labels (Label plugin — read-only in Prismarr)
+    // ══════════════════════════════════════════════════════════════════════════
+
+    /** @return list<string> Empty when the Label plugin is disabled. */
+    public function getLabels(): array
+    {
+        $r = $this->result('label.get_labels');
+        return is_array($r) ? array_values(array_map('strval', $r)) : [];
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Torrents — Actions
+    // ══════════════════════════════════════════════════════════════════════════
+
+    public function pauseTorrents(array $hashes): bool
+    {
+        return $this->ok('core.pause_torrent', [$hashes]);
+    }
+
+    public function resumeTorrents(array $hashes): bool
+    {
+        return $this->ok('core.resume_torrent', [$hashes]);
+    }
+
+    /** Pause/resume the whole session — Deluge's native "all torrents" RPCs. */
+    public function pauseAll(): bool
+    {
+        return $this->ok('core.pause_session');
+    }
+
+    public function resumeAll(): bool
+    {
+        return $this->ok('core.resume_session');
+    }
+
+    /** core.remove_torrent takes ONE hash — loop for bulk. */
+    public function deleteTorrents(array $hashes, bool $deleteFiles = false): bool
+    {
+        $allOk = true;
+        foreach ($hashes as $hash) {
+            $allOk = $this->ok('core.remove_torrent', [$hash, $deleteFiles]) && $allOk;
+        }
+        return $allOk;
+    }
+
+    public function recheckTorrents(array $hashes): bool
+    {
+        return $this->ok('core.force_recheck', [$hashes]);
+    }
+
+    public function reannounceTorrents(array $hashes): bool
+    {
+        return $this->ok('core.force_reannounce', [$hashes]);
+    }
+
+    public function setTorrentLocation(string $hash, string $location): bool
+    {
+        return $this->ok('core.move_storage', [[$hash], $location]);
+    }
+
+    public function setTorrentDownloadLimit(array $hashes, int $bytes): bool
+    {
+        return $this->ok('core.set_torrent_options', [$hashes, (object) ['max_download_speed' => self::bytesToKib($bytes)]]);
+    }
+
+    public function setTorrentUploadLimit(array $hashes, int $bytes): bool
+    {
+        return $this->ok('core.set_torrent_options', [$hashes, (object) ['max_upload_speed' => self::bytesToKib($bytes)]]);
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Add torrent
+    // ══════════════════════════════════════════════════════════════════════════
+
+    /**
+     * Split a multi-line/pipe-separated add box into magnets vs http(s) URLs.
+     *
+     * @return array{magnets: list<string>, urls: list<string>}
+     */
+    private static function splitAddUrls(string $raw): array
+    {
+        $magnets = [];
+        $urls = [];
+        foreach (preg_split('/[\r\n|]+/', trim($raw)) as $line) {
+            $line = trim($line);
+            if ($line === '') {
+                continue;
+            }
+            if (stripos($line, 'magnet:') === 0) {
+                $magnets[] = $line;
+            } else {
+                $urls[] = $line;
+            }
+        }
+        return ['magnets' => $magnets, 'urls' => $urls];
+    }
+
+    /** @return object Options dict for core.add_torrent_* ((object) so empty encodes as {}). */
+    private static function addOptions(?string $savepath, bool $paused): object
+    {
+        $options = [];
+        if ($savepath !== null && $savepath !== '') {
+            $options['download_location'] = $savepath;
+        }
+        if ($paused) {
+            $options['add_paused'] = true;
+        }
+        return (object) $options;
+    }
+
+    public function addTorrentFromUrl(string $urls, ?string $savepath = null, bool $paused = false): bool
+    {
+        $split = self::splitAddUrls($urls);
+        $options = self::addOptions($savepath, $paused);
+        $any = false;
+        $allOk = true;
+        foreach ($split['magnets'] as $magnet) {
+            $any = true;
+            $allOk = $this->ok('core.add_torrent_magnet', [$magnet, $options]) && $allOk;
+        }
+        foreach ($split['urls'] as $url) {
+            $any = true;
+            $allOk = $this->ok('core.add_torrent_url', [$url, $options]) && $allOk;
+        }
+        return $any && $allOk;
+    }
+
+    /**
+     * @param array<array{content: string, name: string}> $files
+     */
+    public function addTorrentFromFiles(array $files, ?string $savepath = null, bool $paused = false): bool
+    {
+        if ($files === []) {
+            return false;
+        }
+        $options = self::addOptions($savepath, $paused);
+        $allOk = true;
+        foreach ($files as $file) {
+            $allOk = $this->ok('core.add_torrent_file', [$file['name'], base64_encode($file['content']), $options]) && $allOk;
+        }
+        return $allOk;
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Global transfer limits
+    // ══════════════════════════════════════════════════════════════════════════
+
+    /** qBit convention at the boundary: 0 = unlimited for GLOBAL limits. */
+    public function getGlobalDownloadLimit(): int
+    {
+        $c = $this->result('core.get_config_values', [['max_download_speed']]);
+        $kib = is_array($c) ? (float) ($c['max_download_speed'] ?? -1) : -1.0;
+        return $kib <= 0 ? 0 : (int) round($kib * 1024);
+    }
+
+    public function getGlobalUploadLimit(): int
+    {
+        $c = $this->result('core.get_config_values', [['max_upload_speed']]);
+        $kib = is_array($c) ? (float) ($c['max_upload_speed'] ?? -1) : -1.0;
+        return $kib <= 0 ? 0 : (int) round($kib * 1024);
+    }
+
+    public function setGlobalDownloadLimit(int $bytes): bool
+    {
+        return $this->ok('core.set_config', [(object) ['max_download_speed' => self::bytesToKib($bytes)]]);
+    }
+
+    public function setGlobalUploadLimit(int $bytes): bool
+    {
+        return $this->ok('core.set_config', [(object) ['max_upload_speed' => self::bytesToKib($bytes)]]);
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Aggregated statistics
+    // ══════════════════════════════════════════════════════════════════════════
+
+    /** Same output keys as QBittorrentClient::getStats() so the template ports. */
+    public function getStats(?array $torrents = null): array
+    {
+        $torrents = $torrents ?? $this->getTorrents();
+
+        $sess = $this->result('core.get_session_status', [[
+            'payload_download_rate', 'payload_upload_rate',
+            'total_payload_download', 'total_payload_upload',
+        ]]);
+        $sess = is_array($sess) ? $sess : [];
+        $free = $this->result('core.get_free_space');
+
+        $count = fn(string $state) => count(array_filter($torrents, fn($t) => $t['state'] === $state));
+        // Deluge has no completed/stalled states — completed = 100% progress.
+        $completed = count(array_filter($torrents, fn($t) => ($t['progress'] ?? 0) >= 100));
+
+        $upAll = (int) array_sum(array_column($torrents, 'uploaded'));
+        $dlAll = (int) array_sum(array_column($torrents, 'downloaded'));
+
+        return [
+            'total'        => count($torrents),
+            'downloading'  => $count('downloading'),
+            'seeding'      => $count('seeding'),
+            'paused'       => $count('paused'),
+            'completed'    => $completed,
+            'errored'      => $count('error'),
+            'stalled'      => 0,
+            'dl_speed'     => (int) ($sess['payload_download_rate'] ?? 0),
+            'up_speed'     => (int) ($sess['payload_upload_rate'] ?? 0),
+            'connection'   => 'connected',
+            'dht_nodes'    => 0,
+            'dl_session'   => (int) ($sess['total_payload_download'] ?? 0),
+            'up_session'   => (int) ($sess['total_payload_upload'] ?? 0),
+            'dl_alltime'   => $dlAll,
+            'up_alltime'   => $upAll,
+            'global_ratio' => $dlAll > 0 ? round($upAll / $dlAll, 2) : 0,
+            'free_space'   => is_numeric($free) ? (int) $free : 0,
+        ];
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Normalization
+    // ══════════════════════════════════════════════════════════════════════════
+
+    private function normalizeTorrent(string $hash, array $t): array
+    {
+        $eta = (int) ($t['eta'] ?? 0);
+        return [
+            'hash'           => $hash,
+            'name'           => $t['name'] ?? '—',
+            'size'           => (int) ($t['total_wanted'] ?? $t['total_size'] ?? 0),
+            'total_size'     => (int) ($t['total_size'] ?? 0),
+            'downloaded'     => (int) ($t['all_time_download'] ?? $t['total_done'] ?? 0),
+            'uploaded'       => (int) ($t['total_uploaded'] ?? 0),
+            'progress'       => round((float) ($t['progress'] ?? 0), 1),
+            'dlspeed'        => (int) ($t['download_payload_rate'] ?? 0),
+            'upspeed'        => (int) ($t['upload_payload_rate'] ?? 0),
+            'eta'            => $eta > 0 ? $eta : self::ETA_NONE,
+            'state'          => self::normalizeState((string) ($t['state'] ?? ''), (bool) ($t['is_finished'] ?? false)),
+            'raw_state'      => (string) ($t['state'] ?? ''),
+            'category'       => (string) ($t['label'] ?? ''),
+            'tags'           => '',
+            'ratio'          => round((float) ($t['ratio'] ?? 0), 2),
+            'num_seeds'      => (int) ($t['num_seeds'] ?? 0),
+            'num_leechs'     => (int) ($t['num_peers'] ?? 0),
+            'num_complete'   => (int) ($t['total_seeds'] ?? 0),
+            'num_incomplete' => (int) ($t['total_peers'] ?? 0),
+            'added_on'       => isset($t['time_added']) ? (int) $t['time_added'] : null,
+            'completion_on'  => isset($t['completed_time']) && (int) $t['completed_time'] > 0 ? (int) $t['completed_time'] : null,
+            'save_path'      => (string) ($t['save_path'] ?? ''),
+            'content_path'   => '',
+            'tracker'        => (string) ($t['tracker_host'] ?? ''),
+            'dl_limit'       => self::kibToBytes((float) ($t['max_download_speed'] ?? -1)),
+            'up_limit'       => self::kibToBytes((float) ($t['max_upload_speed'] ?? -1)),
+            'seeding_time'   => (int) ($t['seeding_time'] ?? 0),
+            'priority'       => 0,
+            'availability'   => round((float) ($t['distributed_copies'] ?? 0), 3),
+        ];
+    }
+
+    private static function normalizeState(string $state, bool $finished): string
+    {
+        return match ($state) {
+            'Downloading' => 'downloading',
+            'Seeding'     => 'seeding',
+            'Paused'      => 'paused',
+            'Queued'      => 'queued',
+            'Checking'    => 'checking',
+            'Error'       => 'error',
+            'Moving'      => 'moving',
+            'Allocating'  => 'downloading',
+            default       => $finished ? 'seeding' : 'unknown',
+        };
+    }
+
+    /** Deluge speed limits are KiB/s, -1 = unlimited. Prismarr speaks bytes/s. */
+    private static function kibToBytes(float $kib): int
+    {
+        return $kib < 0 ? -1 : (int) round($kib * 1024);
+    }
+
+    private static function bytesToKib(int $bytes): float
+    {
+        return $bytes <= 0 ? -1.0 : round($bytes / 1024, 1);
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  JSON-RPC transport
+    // ══════════════════════════════════════════════════════════════════════════
+
+    /** Convenience: RPC result or null on failure (check getLastError()). */
+    private function result(string $method, array $params = []): mixed
+    {
+        return $this->call($method, $params)['result'];
+    }
+
+    /** Convenience: true when the RPC succeeded (result may be null). */
+    private function ok(string $method, array $params = []): bool
+    {
+        return $this->call($method, $params)['ok'];
+    }
+
+    /**
+     * Perform one JSON-RPC call. Success means "no error in the envelope";
+     * many Deluge mutations legitimately return result null, hence the
+     * separate ok flag.
+     *
+     * @return array{ok: bool, result: mixed}
+     */
+    private function call(string $method, array $params = [], bool $retried = false): array
+    {
+        $failure = ['ok' => false, 'result' => null];
+        if ($this->health->isDown(self::SERVICE_KEY)) {
+            $this->serviceUnavailable = true;
+            return $failure;
+        }
+        if ($this->serviceUnavailable) {
+            return $failure;
+        }
+        $this->lastError = null;
+
+        $cookie = $this->login();
+        if ($cookie === null) {
+            return $failure;
+        }
+
+        // deluge-web can be up while disconnected from the deluged daemon —
+        // core.* calls then fail with an unhelpful error. Verify once per
+        // request cycle and auto-connect to the first known host.
+        if (!$this->daemonChecked && !str_starts_with($method, 'web.')) {
+            $this->daemonChecked = true; // set first — ensureDaemonConnected() re-enters call()
+            if (!$this->ensureDaemonConnected()) {
+                return $failure;
+            }
+        }
+
+        $payload = json_encode(['method' => $method, 'params' => $params, 'id' => ++$this->rpcId]);
+        $resp = $this->httpPost($payload, $cookie);
+
+        if ($resp['body'] === false) {
+            $this->logger->warning('DelugeClient RPC error', ['method' => $method, 'error' => $resp['err']]);
+            $this->recordError($method, $resp['code'], $resp['err'] !== '' ? $resp['err'] : 'connection failed');
+            $this->serviceUnavailable = true;
+            $this->health->markDown(self::SERVICE_KEY);
+            return $failure;
+        }
+        if ($resp['code'] < 200 || $resp['code'] >= 300) {
+            $this->logger->warning('DelugeClient RPC HTTP error', ['method' => $method, 'code' => $resp['code']]);
+            $this->recordError($method, $resp['code'], 'HTTP ' . $resp['code']);
+            if ($resp['code'] === 0) {
+                $this->serviceUnavailable = true;
+                $this->health->markDown(self::SERVICE_KEY);
+            }
+            return $failure;
+        }
+
+        $parsed = self::parseRpcBody($resp['body']);
+        if ($parsed['error'] !== null) {
+            // code 1 = "Not authenticated" → expired session → one re-login retry
+            if (($parsed['error']['code'] ?? null) === 1 && !$retried && $cookie !== self::NO_AUTH_COOKIE) {
+                $this->cookie = null;
+                return $this->call($method, $params, true);
+            }
+            $this->recordError($method, $resp['code'], $parsed['error']['message']);
+            return $failure;
+        }
+
+        $this->health->clear(self::SERVICE_KEY);
+        return ['ok' => true, 'result' => $parsed['result']];
+    }
+
+    /**
+     * Decode a JSON-RPC envelope. deluge-web always answers HTTP 200, so
+     * this is the single place success/failure is decided.
+     *
+     * @return array{result: mixed, error: ?array{code: ?int, message: string}}
+     */
+    private static function parseRpcBody(string $body): array
+    {
+        $decoded = json_decode($body, true);
+        if (!is_array($decoded)) {
+            return ['result' => null, 'error' => ['code' => null, 'message' => 'malformed JSON-RPC response']];
+        }
+        $err = $decoded['error'] ?? null;
+        if ($err !== null) {
+            return ['result' => null, 'error' => [
+                'code'    => is_array($err) && isset($err['code']) ? (int) $err['code'] : null,
+                'message' => is_array($err) ? (string) ($err['message'] ?? 'RPC error') : (string) $err,
+            ]];
+        }
+        return ['result' => $decoded['result'] ?? null, 'error' => null];
+    }
+
+    private function ensureDaemonConnected(): bool
+    {
+        $connected = $this->call('web.connected');
+        if ($connected['ok'] && $connected['result'] === true) {
+            return true;
+        }
+        $hosts = $this->call('web.get_hosts');
+        $hostId = is_array($hosts['result'] ?? null) && isset($hosts['result'][0][0])
+            ? (string) $hosts['result'][0][0]
+            : null;
+        if ($hostId !== null) {
+            $this->call('web.connect', [$hostId]);
+            $again = $this->call('web.connected');
+            if ($again['ok'] && $again['result'] === true) {
+                return true;
+            }
+        }
+        $this->logger->warning('DelugeClient: web UI is not connected to the daemon');
+        $this->recordError('web.connected', 0, 'Deluge web UI is not connected to the daemon');
+        $this->serviceUnavailable = true;
+        return false;
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Authentication
+    // ══════════════════════════════════════════════════════════════════════════
+
+    private function login(): ?string
+    {
+        if ($this->cookie !== null) {
+            return $this->cookie;
+        }
+        $this->ensureConfig();
+
+        // Reverse-proxy mode: empty password means the proxy in front of
+        // deluge-web injects the session — auth.login with '' would fail.
+        if ($this->password === '') {
+            $this->cookie = self::NO_AUTH_COOKIE;
+            $this->health->clear(self::SERVICE_KEY);
+            return $this->cookie;
+        }
+
+        $payload = json_encode(['method' => 'auth.login', 'params' => [$this->password], 'id' => ++$this->rpcId]);
+        $resp = $this->httpPost($payload, null);
+
+        if ($resp['body'] === false || $resp['code'] === 0) {
+            $this->logger->warning('DelugeClient login error', ['error' => $resp['err']]);
+            $this->recordError('auth.login', $resp['code'], $resp['err'] !== '' ? $resp['err'] : 'connection failed');
+            $this->serviceUnavailable = true;
+            $this->health->markDown(self::SERVICE_KEY);
+            return null;
+        }
+
+        $parsed = self::parseRpcBody($resp['body']);
+        if ($parsed['result'] !== true) {
+            // Wrong password: HTTP 200 with result false — host is reachable,
+            // so do NOT trip the circuit breaker.
+            $this->recordError('auth.login', $resp['code'], $parsed['error']['message'] ?? 'wrong password');
+            return null;
+        }
+
+        $cookie = self::extractSessionCookie($resp['headers']);
+        if ($cookie === null) {
+            $this->recordError('auth.login', $resp['code'], 'no session cookie in login response');
+            return null;
+        }
+        $this->cookie = $cookie;
+        $this->health->clear(self::SERVICE_KEY);
+        return $this->cookie;
+    }
+
+    /** Extract `_session_id` from raw response headers as a "name=value" pair. */
+    private static function extractSessionCookie(string $responseHeaders): ?string
+    {
+        if (preg_match('/Set-Cookie:\s*(_session_id)=([^;\s]+)/i', $responseHeaders, $m)) {
+            return $m[1] . '=' . $m[2];
+        }
+        return null;
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  HTTP
+    // ══════════════════════════════════════════════════════════════════════════
+
+    /**
+     * POST a JSON payload to /json. Always captures response headers (login
+     * needs Set-Cookie). Timeouts + NOSIGNAL as in QBittorrentClient — see
+     * the SIGALRM note there for why NOSIGNAL is critical in worker mode.
+     *
+     * @return array{body: string|false, headers: string, code: int, err: string}
+     */
+    private function httpPost(string $json, ?string $cookie): array
+    {
+        $this->ensureConfig();
+        $url = rtrim($this->baseUrl, '/') . '/json';
+
+        $headers = ['Content-Type: application/json', 'Accept: application/json'];
+        if ($cookie !== null && $cookie !== self::NO_AUTH_COOKIE) {
+            $headers[] = 'Cookie: ' . $cookie;
+        }
+
+        $ch = curl_init($url);
+        curl_setopt_array($ch, [
+            CURLOPT_RETURNTRANSFER  => true,
+            CURLOPT_PROTOCOLS       => CURLPROTO_HTTP | CURLPROTO_HTTPS, // SSRF guard
+            CURLOPT_REDIR_PROTOCOLS => CURLPROTO_HTTP | CURLPROTO_HTTPS,
+            CURLOPT_CONNECTTIMEOUT  => 4,
+            CURLOPT_TIMEOUT         => 8,
+            CURLOPT_NOSIGNAL        => 1,
+            CURLOPT_POST            => true,
+            CURLOPT_POSTFIELDS      => $json,
+            CURLOPT_HTTPHEADER      => $headers,
+            CURLOPT_HEADER          => true,
+        ]);
+
+        $raw   = curl_exec($ch);
+        $code  = (int) curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        $hsize = (int) curl_getinfo($ch, CURLINFO_HEADER_SIZE);
+        $err   = curl_error($ch);
+        curl_close($ch);
+
+        if ($raw === false) {
+            return ['body' => false, 'headers' => '', 'code' => $code, 'err' => $err];
+        }
+        return ['body' => substr($raw, $hsize), 'headers' => substr($raw, 0, $hsize), 'code' => $code, 'err' => $err];
+    }
+}
diff --git a/symfony/src/Service/Media/HoundarrClient.php b/symfony/src/Service/Media/HoundarrClient.php
new file mode 100644
index 00000000..f9a583bf
--- /dev/null
+++ b/symfony/src/Service/Media/HoundarrClient.php
@@ -0,0 +1,165 @@
+<?php
+
+namespace App\Service\Media;
+
+use App\Service\ConfigService;
+use Psr\Log\LoggerInterface;
+use Symfony\Contracts\Service\ResetInterface;
+
+/**
+ * Client for the Houndarr widget API (GET <url>/api/v1/widget, `X-Api-Key`
+ * header). Houndarr's API key authorizes exactly that one read-only summary
+ * endpoint — there is no richer surface, so the whole integration is the
+ * dashboard stat tile + health chip (no dedicated page). Optional service —
+ * unconfigured (or kill switch off) returns null without exception.
+ *
+ * widget() shape:
+ *  [
+ *    'totals' => ?['tracked' => int, 'eligible' => int, 'gated' => int,
+ *                  'unreleased' => int, 'searches7d' => int],  // null on error='auth'
+ *    'generatedAtEpoch' => ?int,
+ *    'error' => ?string ('auth' — bad/revoked key; null otherwise),
+ *  ]
+ *  null → unconfigured, disabled, or unreachable (transport / non-2xx).
+ */
+class HoundarrClient implements ResetInterface
+{
+    public const SERVICE = 'houndarr';
+
+    private bool   $configLoaded = false;
+    private bool   $enabled = true;
+    private string $baseUrl = '';
+    private string $apiKey = '';
+
+    public function __construct(
+        private readonly ConfigService $config,
+        private readonly LoggerInterface $logger,
+    ) {}
+
+    /**
+     * Allow-list normalization of the raw widget payload: the five documented
+     * totals cast to int and clamped >= 0, generated_at parsed to an epoch,
+     * everything else dropped. Tolerant of unknown `schema` values on purpose
+     * (read totals if present) — a v2 bump shouldn't blank the tile.
+     */
+    public static function normalizeWidget(array $raw): array
+    {
+        $t = is_array($raw['totals'] ?? null) ? $raw['totals'] : [];
+        $int = static fn(mixed $v): int => max(0, (int) (is_numeric($v) ? $v : 0));
+        $epoch = isset($raw['generated_at']) ? strtotime((string) $raw['generated_at']) : false;
+
+        return [
+            'totals' => [
+                'tracked'    => $int($t['tracked'] ?? 0),
+                'eligible'   => $int($t['eligible'] ?? 0),
+                'gated'      => $int($t['gated'] ?? 0),
+                'unreleased' => $int($t['unreleased'] ?? 0),
+                'searches7d' => $int($t['searches_7d'] ?? 0),
+            ],
+            'generatedAtEpoch' => $epoch !== false ? $epoch : null,
+            'error' => null,
+        ];
+    }
+
+    /** Totals move slowly; 45 s keeps widget refresh + health pings to ≤1 upstream GET per window. */
+    private const WIDGET_TTL = 45.0;
+
+    private ?array $widgetCache = null;
+    private float  $widgetCacheAt = 0.0;
+
+    private function ensureConfig(): void
+    {
+        if ($this->configLoaded) return;
+        $this->baseUrl = (string) ($this->config->get('houndarr_url') ?? '');
+        $this->apiKey  = (string) ($this->config->get('houndarr_api_key') ?? '');
+        $this->enabled = $this->config->get('houndarr_enabled') !== '0';
+        $this->configLoaded = true;
+    }
+
+    public function widget(): ?array
+    {
+        $this->ensureConfig();
+        if (!$this->enabled || $this->baseUrl === '' || $this->apiKey === '') {
+            return null;
+        }
+
+        $now = microtime(true);
+        if ($this->widgetCache !== null && ($now - $this->widgetCacheAt) < self::WIDGET_TTL) {
+            return $this->widgetCache;
+        }
+
+        $resp = $this->request();
+        if ($resp === null) {
+            return null; // transport failure — don't cache, retry next poll
+        }
+        if ($resp['http'] === 401) {
+            // Bad/revoked key. Cache the verdict for the full TTL: hammering a
+            // 401 trips Houndarr's per-IP 429 lockout on every poll otherwise.
+            $this->widgetCache   = ['totals' => null, 'generatedAtEpoch' => null, 'error' => 'auth'];
+            $this->widgetCacheAt = $now;
+            return $this->widgetCache;
+        }
+        if ($resp['http'] < 200 || $resp['http'] >= 300) {
+            $this->logger->debug('HoundarrClient widget non-2xx', ['http' => $resp['http']]);
+            return null; // 429/5xx — unreachable-ish, don't cache
+        }
+
+        $decoded = json_decode($resp['body'], true);
+        if (!is_array($decoded)) {
+            $this->logger->debug('HoundarrClient widget bad JSON', ['body' => substr($resp['body'], 0, 200)]);
+            return null;
+        }
+
+        $this->widgetCache   = self::normalizeWidget($decoded);
+        $this->widgetCacheAt = $now;
+        return $this->widgetCache;
+    }
+
+    /** For HealthService::pingFor() — up only on a clean, key-accepted fetch. */
+    public function ping(): bool
+    {
+        $w = $this->widget();
+        return $w !== null && $w['error'] === null;
+    }
+
+    /**
+     * One GET to the widget endpoint. Returns ['http' => int, 'body' => string],
+     * or null when the request failed at the transport layer (connect refused /
+     * timed out / DNS). Protected so tests can substitute canned responses.
+     */
+    protected function request(): ?array
+    {
+        $url = rtrim($this->baseUrl, '/') . '/api/v1/widget';
+        $ch = curl_init($url);
+        if ($ch === false) return null;
+        curl_setopt_array($ch, [
+            CURLOPT_RETURNTRANSFER  => true,
+            CURLOPT_TIMEOUT         => 8,
+            CURLOPT_CONNECTTIMEOUT  => 3,
+            // HTTP(S) only — same SSRF stance as the other clients.
+            CURLOPT_PROTOCOLS       => CURLPROTO_HTTP | CURLPROTO_HTTPS,
+            CURLOPT_REDIR_PROTOCOLS => CURLPROTO_HTTP | CURLPROTO_HTTPS,
+            CURLOPT_HTTPHEADER      => ['X-Api-Key: ' . $this->apiKey, 'Accept: application/json'],
+        ]);
+        $body  = curl_exec($ch);
+        $code  = (int) curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        $errno = curl_errno($ch);
+        curl_close($ch);
+
+        if ($body === false || $code === 0) {
+            $this->logger->debug('HoundarrClient request failed', ['errno' => $errno]);
+            return null;
+        }
+        return ['http' => $code, 'body' => (string) $body];
+    }
+
+    public function reset(): void
+    {
+        $this->configLoaded = false;
+        $this->enabled = true;
+        $this->baseUrl = '';
+        $this->apiKey = '';
+        $this->widgetCache = null;
+        $this->widgetCacheAt = 0.0;
+    }
+}
diff --git a/symfony/src/Service/Media/RadarrClient.php b/symfony/src/Service/Media/RadarrClient.php
index 6da5212e..0e84a99f 100644
--- a/symfony/src/Service/Media/RadarrClient.php
+++ b/symfony/src/Service/Media/RadarrClient.php
@@ -211,7 +211,11 @@ public function ping(): bool
 
     public function getMovies(): array
     {
-        $data = $this->get('/api/v3/movie');
+        // Full library in one payload — on a large/busy Radarr this can exceed
+        // the default 8s get() budget (issue #41). Give it room; the
+        // MediaLibraryCache means only the cold fetch pays this cost, and the
+        // library route already allows set_time_limit(120).
+        $data = $this->get('/api/v3/movie', [], 30);
         if ($data === null) return [];
 
         return $this->normalizeMovies($data);
@@ -1580,7 +1584,7 @@ private function imageUrl(array $m, string $coverType): ?string
 
     // ── HTTP ──────────────────────────────────────────────────────────────────
 
-    private function get(string $path, array $params = []): ?array
+    private function get(string $path, array $params = [], int $timeout = 8): ?array
     {
         if ($this->health->isDown(self::SERVICE_KEY, $this->instance?->getSlug())) {
             $this->serviceUnavailable = true;
@@ -1602,7 +1606,7 @@ private function get(string $path, array $params = []): ?array
             CURLOPT_RETURNTRANSFER => true,
             CURLOPT_PROTOCOLS       => CURLPROTO_HTTP | CURLPROTO_HTTPS, // SSRF guard
             CURLOPT_REDIR_PROTOCOLS => CURLPROTO_HTTP | CURLPROTO_HTTPS, // (block file:// gopher:// ...)
-            CURLOPT_TIMEOUT        => 8,
+            CURLOPT_TIMEOUT        => $timeout,
             CURLOPT_CONNECTTIMEOUT => 4,
             CURLOPT_NOSIGNAL       => 1,
             CURLOPT_HTTPHEADER     => ["X-Api-Key: {$this->apiKey}", 'Accept: application/json'],
diff --git a/symfony/src/Service/Media/SonarrClient.php b/symfony/src/Service/Media/SonarrClient.php
index 074c1a5b..43da88dc 100644
--- a/symfony/src/Service/Media/SonarrClient.php
+++ b/symfony/src/Service/Media/SonarrClient.php
@@ -198,7 +198,11 @@ public function ping(): bool
 
     public function getSeries(): array
     {
-        $data = $this->get('/api/v3/series');
+        // Full library in one payload — on a large/busy Sonarr this can take
+        // well over the default 4s get() budget (issue #41). Give it room;
+        // the MediaLibraryCache means only the cold fetch pays this cost, and
+        // the library route already allows set_time_limit(120).
+        $data = $this->get('/api/v3/series', [], 30);
         if ($data === null) return [];
 
         return $this->normalizeSeriesList($data);
@@ -219,7 +223,8 @@ public function normalizeSeriesList(array $rawSeries): array
     /** Returns raw series without normalization (for lightweight cache) */
     public function getRawAllSeries(): array
     {
-        return $this->get('/api/v3/series') ?? [];
+        // Same heavy full-library fetch as getSeries() — needs the wider budget.
+        return $this->get('/api/v3/series', [], 30) ?? [];
     }
 
     public function getSerie(int $id): ?array
diff --git a/symfony/src/Service/Media/TautulliClient.php b/symfony/src/Service/Media/TautulliClient.php
index 0e1ddae0..b21c8df5 100644
--- a/symfony/src/Service/Media/TautulliClient.php
+++ b/symfony/src/Service/Media/TautulliClient.php
@@ -165,6 +165,83 @@ public function getMetadata(string $ratingKey): array
                 'metadata' => self::normalizeMetadata($resp['data'])];
     }
 
+    /**
+     * Map a raw `get_metadata` payload to the {type, id} pair the global
+     * quick-look modal consumes, or null when the item has no usable
+     * show/movie-level tmdb guid.
+     *
+     * movie/show read the item's own guids; season reads parent_guids and
+     * episode grandparent_guids (both = the show) — an episode-level tmdb
+     * guid identifies the episode, which the quick-look can't render.
+     * Only the numeric TMDb id survives; raw guids stay out of every
+     * client payload, same allow-list stance as the normalizers.
+     *
+     * @param array<string, mixed> $data
+     * @return ?array{type: string, id: int}
+     */
+    public static function tmdbIdFromMetadata(array $data): ?array
+    {
+        [$type, $guidField] = match (self::str($data['media_type'] ?? null)) {
+            'movie'   => ['movie', 'guids'],
+            'show'    => ['tv', 'guids'],
+            'season'  => ['tv', 'parent_guids'],
+            'episode' => ['tv', 'grandparent_guids'],
+            default   => [null, null],
+        };
+        if ($type === null || !is_array($data[$guidField] ?? null)) {
+            return null;
+        }
+        foreach ($data[$guidField] as $guid) {
+            if (is_string($guid) && preg_match('#^tmdb://(\d+)$#', $guid, $m) === 1) {
+                return ['type' => $type, 'id' => (int) $m[1]];
+            }
+        }
+        return null;
+    }
+
+    /**
+     * Resolve a Plex rating key to the TMDb {type, id} the global quick-look
+     * opens with. Fails open to null (disabled / unconfigured / unreachable /
+     * no tmdb guid) so the caller can fall back to the legacy Plex modal.
+     * When an episode/season payload lacks show-level guids (older Tautulli),
+     * one extra metadata hop to the show's own rating key covers it.
+     *
+     * @return ?array{type: string, id: int}
+     */
+    public function resolveTmdbId(string $ratingKey): ?array
+    {
+        $this->ensureConfig();
+        if (!$this->enabled || $this->baseUrl === '' || $this->apiKey === '') {
+            return null;
+        }
+        if ($ratingKey === '' || !ctype_digit($ratingKey)) {
+            return null;
+        }
+
+        $resp = $this->request(['cmd' => 'get_metadata', 'rating_key' => $ratingKey]);
+        if ($resp === null || $resp['ok'] !== true || $resp['data'] === []) {
+            return null;
+        }
+        $data = $resp['data'];
+        if (($found = self::tmdbIdFromMetadata($data)) !== null) {
+            return $found;
+        }
+
+        $showKey = match (self::str($data['media_type'] ?? null)) {
+            'episode' => self::str($data['grandparent_rating_key'] ?? null),
+            'season'  => self::str($data['parent_rating_key'] ?? null),
+            default   => '',
+        };
+        if ($showKey === '' || !ctype_digit($showKey)) {
+            return null;
+        }
+        $resp = $this->request(['cmd' => 'get_metadata', 'rating_key' => $showKey]);
+        if ($resp === null || $resp['ok'] !== true || $resp['data'] === []) {
+            return null;
+        }
+        return self::tmdbIdFromMetadata($resp['data']);
+    }
+
     /**
      * Recent watch history, normalized + sanitized. Returns a plain list (no
      * envelope) — an empty list covers disabled/unconfigured/unreachable so the
diff --git a/symfony/src/Service/Media/TmdbClient.php b/symfony/src/Service/Media/TmdbClient.php
index 49f34064..89a9fc61 100644
--- a/symfony/src/Service/Media/TmdbClient.php
+++ b/symfony/src/Service/Media/TmdbClient.php
@@ -268,6 +268,39 @@ public static function backdropUrl(?string $path, string $size = 'w1280'): ?stri
         return $path ? self::IMG_BASE . "/{$size}{$path}" : null;
     }
 
+    /**
+     * TMDb country-code priority for release dates / certifications / watch
+     * providers. Led by the region implied by $locale — an English user sees
+     * US/GB data first, a French user FR/BE — then a broad common fallback
+     * chain, then any extra country codes the payload actually contains
+     * ($append). Order-preserving and de-duplicated. Replaces the old
+     * hardcoded FR-first lists so localized users get relevant regions first.
+     *
+     * @param list<string> $append extra country codes discovered in the payload
+     * @return list<string>
+     */
+    public static function regionPriority(string $locale, array $append = []): array
+    {
+        $lang = strtolower(substr($locale, 0, 2));
+        $lead = match ($lang) {
+            'fr'    => ['FR', 'BE', 'LU', 'CA'],
+            'en'    => ['US', 'GB', 'CA', 'AU'],
+            'es'    => ['ES', 'MX', 'AR'],
+            'de'    => ['DE', 'AT', 'CH'],
+            'pt'    => ['PT', 'BR'],
+            'it'    => ['IT', 'CH'],
+            default => $lang !== '' ? [strtoupper($lang)] : [],
+        };
+        $order = [];
+        foreach ([...$lead, 'FR', 'US', 'GB', 'BE', 'LU', 'CA', ...$append] as $cc) {
+            $cc = strtoupper((string) $cc);
+            if ($cc !== '' && !in_array($cc, $order, true)) {
+                $order[] = $cc;
+            }
+        }
+        return $order;
+    }
+
     private function cachedGet(string $cacheKey, string $path, array $params, int $ttl): array
     {
         // Cache keyed by locale so switching `display_metadata_language`
diff --git a/symfony/src/Service/Media/TransmissionClient.php b/symfony/src/Service/Media/TransmissionClient.php
new file mode 100644
index 00000000..2f0ddd49
--- /dev/null
+++ b/symfony/src/Service/Media/TransmissionClient.php
@@ -0,0 +1,705 @@
+<?php
+
+namespace App\Service\Media;
+
+use App\Exception\ServiceNotConfiguredException;
+use App\Service\ConfigService;
+use Psr\Log\LoggerInterface;
+use Symfony\Contracts\Service\ResetInterface;
+
+/**
+ * Transmission RPC client.
+ *
+ * Every call is `POST {transmission_url}/transmission/rpc` with the
+ * envelope `{method, arguments, tag}`; the response's `result` field is
+ * the literal string "success" on success, or the error message otherwise
+ * — the HTTP status is not the success signal for that distinction.
+ *
+ * The HTTP status DOES matter for the session handshake: a client with no
+ * (or an expired) `X-Transmission-Session-Id` gets back HTTP 409 with the
+ * correct id in the response header — this is the expected first round
+ * trip, not a failure, and is retried once transparently. A 401 means the
+ * RPC password (HTTP Basic, checked independently of the session id) was
+ * rejected — the host is reachable, so this does not trip the breaker.
+ *
+ * Mirrors DelugeClient's conventions: circuit breaker (in-process +
+ * cross-request via ServiceHealthCache), SSRF-guarded curl, lastError for
+ * ApiClientErrorTrait, ResetInterface for FrankenPHP worker mode.
+ */
+class TransmissionClient implements ResetInterface
+{
+    private const SERVICE = 'Transmission';
+    private const SERVICE_KEY = 'transmission';
+
+    /** Shared with qBit/Deluge so the copied template formats ETA identically. */
+    private const ETA_NONE = 8640000;
+
+    private string $baseUrl = '';
+    private string $user = '';
+    private string $password = '';
+
+    /** Cached X-Transmission-Session-Id, refreshed whenever the server 409s. */
+    private ?string $sessionId = null;
+
+    private int $tag = 0;
+
+    /** @var array{code:int, method:string, path:string, message:string}|null */
+    private ?array $lastError = null;
+
+    /** Circuit breaker — see QBittorrentClient::$serviceUnavailable. */
+    private bool $serviceUnavailable = false;
+
+    public function __construct(
+        private readonly ConfigService $config,
+        private readonly LoggerInterface $logger,
+        private readonly ServiceHealthCache $health,
+    ) {}
+
+    private function ensureConfig(): void
+    {
+        if ($this->config->get(self::SERVICE_KEY . '_enabled') === '0') {
+            throw new ServiceNotConfiguredException(self::SERVICE, self::SERVICE_KEY . '_enabled');
+        }
+        if ($this->baseUrl === '') {
+            $this->baseUrl  = self::normalizeBaseUrl($this->config->require('transmission_url', self::SERVICE));
+            $this->user     = (string) ($this->config->get('transmission_user') ?? '');
+            $this->password = (string) ($this->config->get('transmission_password') ?? '');
+        }
+    }
+
+    /**
+     * Strip a redundant trailing `/transmission`, `/transmission/rpc`, or
+     * `/transmission/web` path segment some users add by analogy to
+     * Transmission's own web-UI URL convention — otherwise it doubles up
+     * with the `/transmission/rpc` suffix httpPost() always appends,
+     * producing an invalid `/transmission/transmission/rpc` path.
+     */
+    private static function normalizeBaseUrl(string $url): string
+    {
+        $url = rtrim($url, '/');
+        return preg_replace('#/transmission(?:/(?:rpc|web))?$#i', '', $url) ?? $url;
+    }
+
+    public function reset(): void
+    {
+        $this->baseUrl = '';
+        $this->user = '';
+        $this->password = '';
+        $this->sessionId = null;
+        $this->tag = 0;
+        $this->lastError = null;
+        $this->serviceUnavailable = false;
+    }
+
+    /** @return array{code:int, method:string, path:string, message:string}|null */
+    public function getLastError(): ?array
+    {
+        return $this->lastError;
+    }
+
+    private function recordError(string $method, int $code, string $message): void
+    {
+        $this->lastError = ['code' => $code, 'method' => $method, 'path' => '/transmission/rpc', 'message' => $message];
+    }
+
+    /** Light ping — true if Transmission answers and (if configured) accepts the credentials. */
+    public function ping(): bool
+    {
+        try {
+            return $this->getVersion() !== null;
+        } catch (\Throwable $e) {
+            $this->logger->warning('Transmission ping failed', ['exception' => $e::class, 'message' => $e->getMessage()]);
+            return false;
+        }
+    }
+
+    public function getVersion(): ?string
+    {
+        $r = $this->result('session-get', ['fields' => ['version']]);
+        return is_array($r) && isset($r['version']) ? (string) $r['version'] : null;
+    }
+
+    /** Fields requested for the torrent table. */
+    private const TORRENT_FIELDS = [
+        'hashString', 'name', 'status', 'error', 'totalSize', 'sizeWhenDone',
+        'downloadedEver', 'uploadedEver', 'percentDone', 'rateDownload', 'rateUpload',
+        'eta', 'uploadRatio', 'peersSendingToUs', 'peersGettingFromUs', 'addedDate', 'doneDate',
+        'downloadDir', 'labels', 'trackers', 'downloadLimit', 'downloadLimited',
+        'uploadLimit', 'uploadLimited', 'queuePosition', 'secondsSeeding',
+    ];
+
+    /** Extra fields for the detail panel. */
+    private const DETAIL_FIELDS = [
+        'hashString', 'name', 'status', 'error', 'totalSize', 'downloadDir',
+        'pieceSize', 'pieceCount', 'comment', 'uploadedEver', 'downloadedEver', 'uploadRatio',
+        'addedDate', 'doneDate', 'secondsDownloading', 'secondsSeeding', 'eta',
+        'peersSendingToUs', 'peersGettingFromUs', 'files', 'fileStats', 'trackerStats', 'peers',
+        // rateDownload/rateUpload back properties.dl_speed/up_speed below — Transmission
+        // only returns fields that were asked for, so omitting these silently zeroed
+        // both speeds on the detail panel's General tab.
+        'rateDownload', 'rateUpload',
+    ];
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Torrents — Read
+    // ══════════════════════════════════════════════════════════════════════════
+
+    /** All torrents, normalized to the qBit-compatible shape, newest first. */
+    public function getTorrents(): array
+    {
+        $r = $this->result('torrent-get', ['fields' => self::TORRENT_FIELDS]);
+        $list = is_array($r['torrents'] ?? null) ? $r['torrents'] : [];
+        $out = [];
+        foreach ($list as $t) {
+            if (is_array($t) && isset($t['hashString'])) {
+                $out[] = $this->normalizeTorrent($t);
+            }
+        }
+        usort($out, fn($a, $b) => ($b['added_on'] ?? 0) <=> ($a['added_on'] ?? 0));
+        return $out;
+    }
+
+    /** Detail panel payload: {properties, files, trackers, peers} — qBit-detail-compatible field names. */
+    public function getTorrentDetail(string $hash): ?array
+    {
+        $r = $this->result('torrent-get', ['ids' => [$hash], 'fields' => self::DETAIL_FIELDS]);
+        $list = is_array($r['torrents'] ?? null) ? $r['torrents'] : [];
+        $t = $list[0] ?? null;
+        if (!is_array($t)) {
+            return null;
+        }
+
+        $files = [];
+        $fileStats = $t['fileStats'] ?? [];
+        foreach (($t['files'] ?? []) as $i => $f) {
+            $stat = is_array($fileStats[$i] ?? null) ? $fileStats[$i] : [];
+            $length = (int) ($f['length'] ?? 0);
+            $files[] = [
+                'name'     => $f['name'] ?? '—',
+                'size'     => $length,
+                'progress' => $length > 0 ? round(((int) ($f['bytesCompleted'] ?? 0)) / $length, 3) : 0,
+                'priority' => (int) ($stat['priority'] ?? 0),
+            ];
+        }
+
+        $trackers = [];
+        $seedsTotal = 0;
+        $peersTotal = 0;
+        foreach (($t['trackerStats'] ?? []) as $tr) {
+            $trackers[] = [
+                'url'    => $tr['announce'] ?? '',
+                'tier'   => (int) ($tr['tier'] ?? 0),
+                'status' => self::trackerStatusLabel((int) ($tr['announceState'] ?? 0)),
+                'msg'    => (string) ($tr['lastAnnounceResult'] ?? ''),
+            ];
+            $seedsTotal += max(0, (int) ($tr['seederCount'] ?? -1));
+            $peersTotal += max(0, (int) ($tr['leecherCount'] ?? -1));
+        }
+
+        $peers = [];
+        foreach (($t['peers'] ?? []) as $p) {
+            $peers[] = [
+                'ip'         => $p['address'] ?? '',
+                'client'     => $p['clientName'] ?? '',
+                'country'    => '',
+                'progress'   => round((float) ($p['progress'] ?? 0) * 100, 1),
+                'dl_speed'   => (int) ($p['rateToClient'] ?? 0),
+                'up_speed'   => (int) ($p['rateToPeer'] ?? 0),
+                'flags'      => ($p['isUploadingTo'] ?? false) ? 'seed' : '',
+                'connection' => '',
+            ];
+        }
+
+        $eta = (int) ($t['eta'] ?? -1);
+        return [
+            'properties' => [
+                'name'             => (string) ($t['name'] ?? ''),
+                'save_path'        => (string) ($t['downloadDir'] ?? ''),
+                'total_size'       => (int) ($t['totalSize'] ?? 0),
+                'piece_size'       => (int) ($t['pieceSize'] ?? 0),
+                'pieces_num'       => (int) ($t['pieceCount'] ?? 0),
+                'comment'          => (string) ($t['comment'] ?? ''),
+                'total_uploaded'   => (int) ($t['uploadedEver'] ?? 0),
+                'total_downloaded' => (int) ($t['downloadedEver'] ?? 0),
+                'share_ratio'      => round((float) ($t['uploadRatio'] ?? 0), 2),
+                'addition_date'    => (int) ($t['addedDate'] ?? 0),
+                'completion_date'  => (int) ($t['doneDate'] ?? 0),
+                'time_elapsed'     => (int) ($t['secondsDownloading'] ?? 0),
+                'seeding_time'     => (int) ($t['secondsSeeding'] ?? 0),
+                'next_announce'    => 0,
+                'eta'              => $eta > 0 ? $eta : self::ETA_NONE,
+                'seeds'            => (int) ($t['peersSendingToUs'] ?? 0),
+                'seeds_total'      => $seedsTotal,
+                'peers'            => (int) ($t['peersGettingFromUs'] ?? 0),
+                'peers_total'      => $peersTotal,
+                'dl_speed'         => (int) ($t['rateDownload'] ?? 0),
+                'up_speed'         => (int) ($t['rateUpload'] ?? 0),
+            ],
+            'files'    => $files,
+            'trackers' => $trackers,
+            'peers'    => $peers,
+        ];
+    }
+
+    private static function trackerStatusLabel(int $announceState): string
+    {
+        return match ($announceState) {
+            1       => 'announcing',
+            2       => 'queued',
+            3       => 'active',
+            default => 'idle',
+        };
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Torrents — Actions
+    // ══════════════════════════════════════════════════════════════════════════
+
+    public function pauseTorrents(array $hashes): bool
+    {
+        return $this->ok('torrent-stop', ['ids' => $hashes]);
+    }
+
+    public function resumeTorrents(array $hashes): bool
+    {
+        return $this->ok('torrent-start', ['ids' => $hashes]);
+    }
+
+    /** Omitting `ids` applies the action to every torrent — Transmission's native "all" mode. */
+    public function pauseAll(): bool
+    {
+        return $this->ok('torrent-stop');
+    }
+
+    public function resumeAll(): bool
+    {
+        return $this->ok('torrent-start');
+    }
+
+    public function deleteTorrents(array $hashes, bool $deleteFiles = false): bool
+    {
+        return $this->ok('torrent-remove', ['ids' => $hashes, 'delete-local-data' => $deleteFiles]);
+    }
+
+    public function recheckTorrents(array $hashes): bool
+    {
+        return $this->ok('torrent-verify', ['ids' => $hashes]);
+    }
+
+    public function reannounceTorrents(array $hashes): bool
+    {
+        return $this->ok('torrent-reannounce', ['ids' => $hashes]);
+    }
+
+    public function setTorrentLocation(string $hash, string $location): bool
+    {
+        return $this->ok('torrent-set-location', ['ids' => [$hash], 'location' => $location, 'move' => true]);
+    }
+
+    public function setTorrentDownloadLimit(array $hashes, int $bytes): bool
+    {
+        return $this->ok('torrent-set', [
+            'ids'              => $hashes,
+            'downloadLimit'    => max(0, (int) self::bytesToKib($bytes)),
+            'downloadLimited'  => $bytes > 0,
+        ]);
+    }
+
+    public function setTorrentUploadLimit(array $hashes, int $bytes): bool
+    {
+        return $this->ok('torrent-set', [
+            'ids'            => $hashes,
+            'uploadLimit'    => max(0, (int) self::bytesToKib($bytes)),
+            'uploadLimited'  => $bytes > 0,
+        ]);
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Add torrent
+    // ══════════════════════════════════════════════════════════════════════════
+
+    /**
+     * Split a multi-line/pipe-separated add box into magnets vs http(s) URLs.
+     *
+     * @return array{magnets: list<string>, urls: list<string>}
+     */
+    private static function splitAddUrls(string $raw): array
+    {
+        $magnets = [];
+        $urls = [];
+        foreach (preg_split('/[\r\n|]+/', trim($raw)) as $line) {
+            $line = trim($line);
+            if ($line === '') {
+                continue;
+            }
+            if (stripos($line, 'magnet:') === 0) {
+                $magnets[] = $line;
+            } else {
+                $urls[] = $line;
+            }
+        }
+        return ['magnets' => $magnets, 'urls' => $urls];
+    }
+
+    /** torrent-add has no batch mode — one RPC call per URL/magnet. */
+    public function addTorrentFromUrl(string $urls, ?string $savepath = null, bool $paused = false): bool
+    {
+        $split = self::splitAddUrls($urls);
+        $any = false;
+        $allOk = true;
+        foreach (array_merge($split['magnets'], $split['urls']) as $line) {
+            $any = true;
+            $args = ['filename' => $line];
+            if ($savepath !== null && $savepath !== '') {
+                $args['download-dir'] = $savepath;
+            }
+            if ($paused) {
+                $args['paused'] = true;
+            }
+            $allOk = $this->ok('torrent-add', $args) && $allOk;
+        }
+        return $any && $allOk;
+    }
+
+    /**
+     * @param array<array{content: string, name: string}> $files
+     */
+    public function addTorrentFromFiles(array $files, ?string $savepath = null, bool $paused = false): bool
+    {
+        if ($files === []) {
+            return false;
+        }
+        $allOk = true;
+        foreach ($files as $file) {
+            $args = ['metainfo' => base64_encode($file['content'])];
+            if ($savepath !== null && $savepath !== '') {
+                $args['download-dir'] = $savepath;
+            }
+            if ($paused) {
+                $args['paused'] = true;
+            }
+            $allOk = $this->ok('torrent-add', $args) && $allOk;
+        }
+        return $allOk;
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Global transfer limits
+    // ══════════════════════════════════════════════════════════════════════════
+
+    public function getGlobalDownloadLimit(): int
+    {
+        $r = $this->result('session-get', ['fields' => ['speed-limit-down', 'speed-limit-down-enabled']]);
+        if (!is_array($r) || !($r['speed-limit-down-enabled'] ?? false)) {
+            return 0;
+        }
+        return (int) round(((float) ($r['speed-limit-down'] ?? 0)) * 1024);
+    }
+
+    public function getGlobalUploadLimit(): int
+    {
+        $r = $this->result('session-get', ['fields' => ['speed-limit-up', 'speed-limit-up-enabled']]);
+        if (!is_array($r) || !($r['speed-limit-up-enabled'] ?? false)) {
+            return 0;
+        }
+        return (int) round(((float) ($r['speed-limit-up'] ?? 0)) * 1024);
+    }
+
+    public function setGlobalDownloadLimit(int $bytes): bool
+    {
+        return $this->ok('session-set', [
+            'speed-limit-down'         => max(0, (int) self::bytesToKib($bytes)),
+            'speed-limit-down-enabled' => $bytes > 0,
+        ]);
+    }
+
+    public function setGlobalUploadLimit(int $bytes): bool
+    {
+        return $this->ok('session-set', [
+            'speed-limit-up'         => max(0, (int) self::bytesToKib($bytes)),
+            'speed-limit-up-enabled' => $bytes > 0,
+        ]);
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Aggregated statistics
+    // ══════════════════════════════════════════════════════════════════════════
+
+    /** Same output keys as QBittorrentClient::getStats() so the template ports. */
+    public function getStats(?array $torrents = null): array
+    {
+        $torrents = $torrents ?? $this->getTorrents();
+
+        $sess = $this->result('session-stats');
+        $sess = is_array($sess) ? $sess : [];
+        $cumulative = is_array($sess['cumulative-stats'] ?? null) ? $sess['cumulative-stats'] : [];
+        $current    = is_array($sess['current-stats'] ?? null) ? $sess['current-stats'] : [];
+
+        $sessionInfo = $this->result('session-get', ['fields' => ['download-dir']]);
+        $downloadDir = is_array($sessionInfo) ? (string) ($sessionInfo['download-dir'] ?? '') : '';
+        $free = $downloadDir !== '' ? $this->result('free-space', ['path' => $downloadDir]) : null;
+        $freeBytes = is_array($free) ? (int) ($free['size-bytes'] ?? 0) : 0;
+
+        $count = fn(string $state) => count(array_filter($torrents, fn($t) => $t['state'] === $state));
+        $completed = count(array_filter($torrents, fn($t) => ($t['progress'] ?? 0) >= 100));
+
+        $upAll = (int) array_sum(array_column($torrents, 'uploaded'));
+        $dlAll = (int) array_sum(array_column($torrents, 'downloaded'));
+
+        return [
+            'total'        => count($torrents),
+            'downloading'  => $count('downloading'),
+            'seeding'      => $count('seeding'),
+            'paused'       => $count('paused'),
+            'completed'    => $completed,
+            'errored'      => $count('error'),
+            'stalled'      => 0,
+            'dl_speed'     => (int) ($sess['downloadSpeed'] ?? 0),
+            'up_speed'     => (int) ($sess['uploadSpeed'] ?? 0),
+            'connection'   => 'connected',
+            'dht_nodes'    => 0,
+            'dl_session'   => (int) ($current['downloadedBytes'] ?? 0),
+            'up_session'   => (int) ($current['uploadedBytes'] ?? 0),
+            'dl_alltime'   => (int) ($cumulative['downloadedBytes'] ?? $dlAll),
+            'up_alltime'   => (int) ($cumulative['uploadedBytes'] ?? $upAll),
+            'global_ratio' => $dlAll > 0 ? round($upAll / $dlAll, 2) : 0,
+            'free_space'   => $freeBytes,
+        ];
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  Normalization
+    // ══════════════════════════════════════════════════════════════════════════
+
+    private function normalizeTorrent(array $t): array
+    {
+        $eta = (int) ($t['eta'] ?? -1);
+        $status = (int) ($t['status'] ?? 0);
+        $errorNum = (int) ($t['error'] ?? 0);
+        $totalSize = (int) ($t['totalSize'] ?? 0);
+        $labels = is_array($t['labels'] ?? null) ? array_values(array_map('strval', $t['labels'])) : [];
+
+        $trackerHost = '';
+        $firstTracker = is_array($t['trackers'] ?? null) ? ($t['trackers'][0] ?? null) : null;
+        if (is_array($firstTracker) && isset($firstTracker['announce'])) {
+            $trackerHost = (string) (parse_url((string) $firstTracker['announce'], PHP_URL_HOST) ?? '');
+        }
+
+        return [
+            'hash'           => (string) $t['hashString'],
+            'name'           => (string) ($t['name'] ?? '—'),
+            'size'           => (int) ($t['sizeWhenDone'] ?? $totalSize),
+            'total_size'     => $totalSize,
+            'downloaded'     => (int) ($t['downloadedEver'] ?? 0),
+            'uploaded'       => (int) ($t['uploadedEver'] ?? 0),
+            'progress'       => round(((float) ($t['percentDone'] ?? 0)) * 100, 1),
+            'dlspeed'        => (int) ($t['rateDownload'] ?? 0),
+            'upspeed'        => (int) ($t['rateUpload'] ?? 0),
+            'eta'            => $eta > 0 ? $eta : self::ETA_NONE,
+            'state'          => self::normalizeState($status, $errorNum),
+            'raw_state'      => (string) $status,
+            'category'       => $labels[0] ?? '',
+            'tags'           => implode(',', $labels),
+            'ratio'          => round((float) ($t['uploadRatio'] ?? 0), 2),
+            'num_seeds'      => (int) ($t['peersSendingToUs'] ?? 0),
+            'num_leechs'     => (int) ($t['peersGettingFromUs'] ?? 0),
+            'num_complete'   => 0,
+            'num_incomplete' => 0,
+            'added_on'       => isset($t['addedDate']) ? (int) $t['addedDate'] : null,
+            'completion_on'  => isset($t['doneDate']) && (int) $t['doneDate'] > 0 ? (int) $t['doneDate'] : null,
+            'save_path'      => (string) ($t['downloadDir'] ?? ''),
+            'content_path'   => '',
+            'tracker'        => $trackerHost,
+            'dl_limit'       => ($t['downloadLimited'] ?? false) ? self::kibToBytes((float) ($t['downloadLimit'] ?? 0)) : -1,
+            'up_limit'       => ($t['uploadLimited'] ?? false) ? self::kibToBytes((float) ($t['uploadLimit'] ?? 0)) : -1,
+            'seeding_time'   => (int) ($t['secondsSeeding'] ?? 0),
+            'priority'       => (int) ($t['queuePosition'] ?? 0),
+            'availability'   => 0.0,
+        ];
+    }
+
+    /** error !== 0 always wins, same precedence Deluge uses. */
+    private static function normalizeState(int $status, int $errorNum): string
+    {
+        if ($errorNum !== 0) {
+            return 'error';
+        }
+        return match ($status) {
+            0       => 'paused',
+            1, 2    => 'checking',
+            3, 5    => 'queued',
+            4       => 'downloading',
+            6       => 'seeding',
+            default => 'unknown',
+        };
+    }
+
+    /** Transmission speed limits are KiB/s, 0/disabled = unlimited. Prismarr speaks bytes/s. */
+    private static function kibToBytes(float $kib): int
+    {
+        return $kib <= 0 ? -1 : (int) round($kib * 1024);
+    }
+
+    private static function bytesToKib(int $bytes): float
+    {
+        return $bytes <= 0 ? 0.0 : round($bytes / 1024, 1);
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  JSON-RPC transport
+    // ══════════════════════════════════════════════════════════════════════════
+
+    /** Convenience: RPC arguments or null on failure (check getLastError()). */
+    private function result(string $method, array $arguments = []): mixed
+    {
+        return $this->call($method, $arguments)['result'];
+    }
+
+    /** Convenience: true when the RPC succeeded. */
+    private function ok(string $method, array $arguments = []): bool
+    {
+        return $this->call($method, $arguments)['ok'];
+    }
+
+    /**
+     * Perform one Transmission RPC call, transparently handling the
+     * session-id handshake.
+     *
+     * @return array{ok: bool, result: mixed}
+     */
+    private function call(string $method, array $arguments = [], bool $retried = false): array
+    {
+        $failure = ['ok' => false, 'result' => null];
+        if ($this->health->isDown(self::SERVICE_KEY)) {
+            $this->serviceUnavailable = true;
+            return $failure;
+        }
+        if ($this->serviceUnavailable) {
+            return $failure;
+        }
+        $this->lastError = null;
+        $this->ensureConfig();
+
+        $payload = json_encode(['method' => $method, 'arguments' => (object) $arguments, 'tag' => ++$this->tag]);
+        $resp = $this->httpPost($payload);
+
+        if ($resp['body'] === false) {
+            $this->logger->warning('TransmissionClient RPC error', ['method' => $method, 'error' => $resp['err']]);
+            $this->recordError($method, $resp['code'], $resp['err'] !== '' ? $resp['err'] : 'connection failed');
+            $this->serviceUnavailable = true;
+            $this->health->markDown(self::SERVICE_KEY);
+            return $failure;
+        }
+
+        // Expected handshake: no/expired session id — store the fresh one and retry once.
+        if ($resp['code'] === 409) {
+            $sessionId = self::extractSessionId($resp['headers']);
+            if ($sessionId !== null) {
+                $this->sessionId = $sessionId;
+            }
+            if (!$retried) {
+                return $this->call($method, $arguments, true);
+            }
+            $this->recordError($method, 409, 'session-id handshake failed');
+            return $failure;
+        }
+
+        // Wrong RPC credentials — host is reachable, so do not trip the breaker.
+        if ($resp['code'] === 401) {
+            $this->recordError($method, 401, 'unauthorized');
+            return $failure;
+        }
+
+        if ($resp['code'] < 200 || $resp['code'] >= 300) {
+            $this->logger->warning('TransmissionClient RPC HTTP error', ['method' => $method, 'code' => $resp['code']]);
+            $this->recordError($method, $resp['code'], 'HTTP ' . $resp['code']);
+            if ($resp['code'] === 0) {
+                $this->serviceUnavailable = true;
+                $this->health->markDown(self::SERVICE_KEY);
+            }
+            return $failure;
+        }
+
+        $decoded = json_decode($resp['body'], true);
+        if (!is_array($decoded)) {
+            $this->recordError($method, $resp['code'], 'malformed RPC response');
+            return $failure;
+        }
+        if (($decoded['result'] ?? null) !== 'success') {
+            $this->recordError($method, $resp['code'], (string) ($decoded['result'] ?? 'RPC error'));
+            return $failure;
+        }
+
+        $this->health->clear(self::SERVICE_KEY);
+        return ['ok' => true, 'result' => $decoded['arguments'] ?? null];
+    }
+
+    /** Extract the fresh `X-Transmission-Session-Id` from raw response headers. */
+    private static function extractSessionId(string $responseHeaders): ?string
+    {
+        if (preg_match('/X-Transmission-Session-Id:\s*([^\r\n]+)/i', $responseHeaders, $m)) {
+            return trim($m[1]);
+        }
+        return null;
+    }
+
+    // ══════════════════════════════════════════════════════════════════════════
+    //  HTTP
+    // ══════════════════════════════════════════════════════════════════════════
+
+    /**
+     * POST a JSON payload to /transmission/rpc. Always captures response
+     * headers (the 409 handshake needs them). Timeouts + NOSIGNAL as in
+     * QBittorrentClient — see the SIGALRM note there for why NOSIGNAL is
+     * critical in worker mode.
+     *
+     * @return array{body: string|false, headers: string, code: int, err: string}
+     */
+    private function httpPost(string $json): array
+    {
+        $url = rtrim($this->baseUrl, '/') . '/transmission/rpc';
+
+        $headers = ['Content-Type: application/json', 'Accept: application/json'];
+        if ($this->sessionId !== null) {
+            $headers[] = 'X-Transmission-Session-Id: ' . $this->sessionId;
+        }
+
+        $opts = [
+            CURLOPT_RETURNTRANSFER  => true,
+            CURLOPT_PROTOCOLS       => CURLPROTO_HTTP | CURLPROTO_HTTPS, // SSRF guard
+            CURLOPT_REDIR_PROTOCOLS => CURLPROTO_HTTP | CURLPROTO_HTTPS,
+            CURLOPT_CONNECTTIMEOUT  => 4,
+            // torrent-get on a large library is easily multiple MB uncompressed
+            // (e.g. ~6.3MB for ~1900 torrents) — transmission-daemon happily
+            // gzips it if asked, shrinking that to a few hundred KB. Empty
+            // string tells curl to negotiate every encoding it supports and
+            // auto-decompress; without it the transfer itself was what timed
+            // out over a slower/remote (e.g. DDNS) link, not the RPC call.
+            CURLOPT_ENCODING        => '',
+            CURLOPT_TIMEOUT         => 15,
+            CURLOPT_NOSIGNAL        => 1,
+            CURLOPT_POST            => true,
+            CURLOPT_POSTFIELDS      => $json,
+            CURLOPT_HTTPHEADER      => $headers,
+            CURLOPT_HEADER          => true,
+        ];
+        if ($this->user !== '') {
+            $opts[CURLOPT_HTTPAUTH] = CURLAUTH_BASIC;
+            $opts[CURLOPT_USERPWD]  = $this->user . ':' . $this->password;
+        }
+
+        $ch = curl_init($url);
+        curl_setopt_array($ch, $opts);
+
+        $raw   = curl_exec($ch);
+        $code  = (int) curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        $hsize = (int) curl_getinfo($ch, CURLINFO_HEADER_SIZE);
+        $err   = curl_error($ch);
+        curl_close($ch);
+
+        if ($raw === false) {
+            return ['body' => false, 'headers' => '', 'code' => $code, 'err' => $err];
+        }
+        return ['body' => substr($raw, $hsize), 'headers' => substr($raw, 0, $hsize), 'code' => $code, 'err' => $err];
+    }
+}
diff --git a/symfony/src/Service/Media/UnifiClient.php b/symfony/src/Service/Media/UnifiClient.php
new file mode 100644
index 00000000..016ca527
--- /dev/null
+++ b/symfony/src/Service/Media/UnifiClient.php
@@ -0,0 +1,366 @@
+<?php
+
+namespace App\Service\Media;
+
+use App\Service\ConfigService;
+use App\Service\Unifi\UnifiFetcher;
+use Psr\Log\LoggerInterface;
+use Symfony\Contracts\Service\ResetInterface;
+
+/**
+ * Client for the classic UniFi Network API on a UniFi OS console
+ * (GET/POST <url>/proxy/network/api/s/<site>/…, `X-API-KEY` header —
+ * official local API key, Network 9.0+). Optional service — if `unifi_url`
+ * isn't configured (or the kill switch is off), calls return null without
+ * exception. Read-only: stat reads and report queries only, never a command.
+ *
+ * overview() fires one call PER ENDPOINT (health / hourly report / devices)
+ * so a missing or drifted endpoint degrades one block instead of blanking
+ * the widget — same stance as UnraidClient's per-group GraphQL queries.
+ *
+ * overview() shape (every leaf nullable — parse is fully defensive):
+ *  [
+ *    'wan'     => ?['status' => ?string, 'ip' => ?string, 'uptimeSeconds' => ?int,
+ *                   'downBps' => ?float, 'upBps' => ?float,   // BYTES/sec
+ *                   'latencyMs' => ?int],
+ *    'clients' => ?['total' => int, 'wired' => ?int, 'wireless' => ?int, 'guest' => ?int],
+ *    'gateway' => ?['cpuPercent' => ?float, 'memPercent' => ?float],
+ *    'usage24h'=> ?list<['ts' => int (epoch s), 'downBytes' => float, 'upBytes' => float]>,
+ *    'devices' => ?list<['name' => ?string, 'kind' => 'gateway'|'switch'|'ap'|'other',
+ *                        'model' => ?string, 'online' => bool, 'uptimeSeconds' => ?int]>,
+ *  ]
+ *
+ * Direction convention: the site's wan-RX is data received FROM the internet,
+ * i.e. download; wan-TX is upload. Report timestamps are epoch MILLISECONDS.
+ */
+class UnifiClient implements ResetInterface, UnifiFetcher
+{
+    /** Trivial read used by ping(), the widget and HealthService::probeFor(). */
+    public const PATH_HEALTH = '/stat/health';
+    private const PATH_REPORT = '/stat/report/hourly.site';
+    private const PATH_DEVICE = '/stat/device';
+
+    /** Widget polls every 30s; TTL keeps a paint + poll from double-querying. */
+    private const OVERVIEW_TTL = 20.0;
+
+    private ?array $overviewCache = null;
+    private float  $overviewCacheAt = 0.0;
+
+    /**
+     * Set by request() when a call fails at the transport layer (connect
+     * refused / timed out / DNS) as opposed to an HTTP/application error.
+     * overview() reads it to fail fast on a dead console instead of waiting
+     * out a connect timeout on every remaining endpoint. Protected so tests
+     * can simulate a transport failure without real cURL.
+     */
+    protected bool $transportDown = false;
+
+    private ?string $baseUrl = null;
+    private string  $apiKey = '';
+    private string  $site = 'default';
+    private bool    $skipTlsVerify = false;
+    private bool    $enabled = true;
+    private bool    $configLoaded = false;
+
+    public function __construct(
+        private readonly ConfigService $config,
+        private readonly LoggerInterface $logger,
+    ) {}
+
+    private function ensureConfig(): void
+    {
+        if ($this->configLoaded) return;
+        $this->baseUrl       = $this->config->get('unifi_url');
+        $this->apiKey        = $this->config->get('unifi_api_key') ?? '';
+        $site                = trim((string) ($this->config->get('unifi_site') ?? ''));
+        $this->site          = $site !== '' ? $site : 'default';
+        $this->skipTlsVerify = $this->config->get('unifi_skip_tls_verify') === '1';
+        $this->enabled       = $this->config->get('unifi_enabled') !== '0';
+        $this->configLoaded  = true;
+    }
+
+    public function reset(): void
+    {
+        $this->configLoaded    = false;
+        $this->baseUrl         = null;
+        $this->apiKey          = '';
+        $this->site            = 'default';
+        $this->skipTlsVerify   = false;
+        $this->enabled         = true;
+        $this->overviewCache   = null;
+        $this->overviewCacheAt = 0.0;
+        $this->transportDown   = false;
+    }
+
+    public function ping(): bool
+    {
+        return $this->request(self::PATH_HEALTH) !== null;
+    }
+
+    /**
+     * UnifiFetcher — raw single-call access for the App\Service\Unifi readers.
+     * Deliberately thin: no caching and no mapping here, because each reader
+     * owns a TTL matching its own poll cadence and its own normalized shape.
+     */
+    public function fetch(string $path, ?array $body = null): ?array
+    {
+        return $this->request($path, $body);
+    }
+
+    /** UnifiFetcher — see the interface: state of the LAST fetch() only. */
+    public function transportFailed(): bool
+    {
+        return $this->transportDown;
+    }
+
+    public function overview(): ?array
+    {
+        $this->ensureConfig();
+        if (!$this->enabled || $this->baseUrl === null || $this->baseUrl === ''
+            || $this->apiKey === '') {
+            return null;
+        }
+
+        $now = microtime(true);
+        if ($this->overviewCache !== null && ($now - $this->overviewCacheAt) < self::OVERVIEW_TTL) {
+            return $this->overviewCache;
+        }
+
+        $this->transportDown = false;
+        $health = $this->mapHealth($this->request(self::PATH_HEALTH));
+        // Fail fast on a dead console: the remaining two calls would each burn
+        // another connect timeout. An HTTP/application error does NOT set
+        // this, so a partial API surface still tries every endpoint.
+        if ($this->transportDown) {
+            return null; // don't cache — retry next call
+        }
+        $ts = $this->now();
+        $usage = $this->mapUsage($this->request(self::PATH_REPORT, [
+            'attrs' => ['time', 'wan-tx_bytes', 'wan-rx_bytes'],
+            'start' => ($ts - 86400) * 1000,
+            'end'   => $ts * 1000,
+        ]));
+        $devices = $this->mapDevices($this->request(self::PATH_DEVICE));
+
+        if ($health === null && $usage === null && $devices === null) {
+            return null; // fully unreachable — don't cache, retry next call
+        }
+
+        $this->overviewCache = [
+            'wan'      => $health['wan'] ?? null,
+            'clients'  => $health['clients'] ?? null,
+            'gateway'  => $health['gateway'] ?? null,
+            'usage24h' => $usage,
+            'devices'  => $devices,
+        ];
+        $this->overviewCacheAt = $now;
+        return $this->overviewCache;
+    }
+
+    /**
+     * stat/health returns one row per subsystem (wan, www, lan, wlan, vpn).
+     * Live throughput + latency + WAN uptime live on `www` (internet check),
+     * WAN IP / status / gateway system stats on `wan`, client counts on
+     * `lan` (wired) and `wlan` (wireless). Any subsystem may be absent.
+     */
+    private function mapHealth(?array $data): ?array
+    {
+        if (!is_array($data)) return null;
+        $sub = [];
+        foreach ($data as $row) {
+            if (is_array($row) && isset($row['subsystem'])) {
+                $sub[(string) $row['subsystem']] = $row;
+            }
+        }
+        if ($sub === []) return null;
+
+        $wan  = $sub['wan']  ?? null;
+        $www  = $sub['www']  ?? null;
+        $lan  = $sub['lan']  ?? null;
+        $wlan = $sub['wlan'] ?? null;
+
+        $num = static fn(?array $s, string $k): ?float =>
+            is_array($s) && isset($s[$k]) && is_numeric($s[$k]) ? (float) $s[$k] : null;
+
+        // num_user excludes guests/IoT on recent Network versions, so a
+        // count is the SUM of the three buckets; null only when the whole
+        // subsystem (or all three fields) is absent.
+        $count = static function (?array $s) use ($num): ?int {
+            $total = null;
+            foreach (['num_user', 'num_guest', 'num_iot'] as $k) {
+                $v = $num($s, $k);
+                if ($v !== null) $total = ($total ?? 0) + (int) $v;
+            }
+            return $total;
+        };
+
+        $wired    = $count($lan);
+        $wireless = $count($wlan);
+        $guest    = null;
+        foreach ([$lan, $wlan] as $s) {
+            $g = $num($s, 'num_guest');
+            if ($g !== null) $guest = ($guest ?? 0) + (int) $g;
+        }
+
+        $wanBlock = null;
+        if (is_array($wan) || is_array($www)) {
+            $uptime  = $num($www, 'uptime');
+            $latency = $num($www, 'latency');
+            $wanBlock = [
+                'status'        => isset($wan['status']) ? (string) $wan['status']
+                                   : (isset($www['status']) ? (string) $www['status'] : null),
+                'ip'            => isset($wan['wan_ip']) ? (string) $wan['wan_ip'] : null,
+                'uptimeSeconds' => $uptime !== null ? (int) $uptime : null,
+                'downBps'       => $num($www, 'rx_bytes-r') ?? $num($wan, 'rx_bytes-r'),
+                'upBps'         => $num($www, 'tx_bytes-r') ?? $num($wan, 'tx_bytes-r'),
+                'latencyMs'     => $latency !== null ? (int) $latency : null,
+            ];
+        }
+
+        $gwStats = is_array($wan['gw_system-stats'] ?? null) ? $wan['gw_system-stats'] : null;
+
+        return [
+            'wan'     => $wanBlock,
+            'clients' => ($wired === null && $wireless === null) ? null : [
+                'total'    => (int) (($wired ?? 0) + ($wireless ?? 0)),
+                'wired'    => $wired,
+                'wireless' => $wireless,
+                'guest'    => $guest,
+            ],
+            'gateway' => $gwStats === null ? null : [
+                'cpuPercent' => is_numeric($gwStats['cpu'] ?? null) ? (float) $gwStats['cpu'] : null,
+                'memPercent' => is_numeric($gwStats['mem'] ?? null) ? (float) $gwStats['mem'] : null,
+            ],
+        ];
+    }
+
+    /** Hourly wan byte buckets; `time` is epoch MILLISECONDS (live-verify). */
+    private function mapUsage(?array $data): ?array
+    {
+        if (!is_array($data)) return null;
+        $out = [];
+        foreach ($data as $row) {
+            if (!is_array($row) || !is_numeric($row['time'] ?? null)) continue;
+            $out[] = [
+                'ts'        => (int) round(((float) $row['time']) / 1000),
+                'downBytes' => is_numeric($row['wan-rx_bytes'] ?? null) ? (float) $row['wan-rx_bytes'] : 0.0,
+                'upBytes'   => is_numeric($row['wan-tx_bytes'] ?? null) ? (float) $row['wan-tx_bytes'] : 0.0,
+            ];
+        }
+        if ($out === []) return null;
+        usort($out, static fn(array $a, array $b): int => $a['ts'] <=> $b['ts']);
+        return $out;
+    }
+
+    /**
+     * stat/device is a heavy payload; only the handful of rendered fields is
+     * parsed. Sort: offline first (they're the news), then gateway → switch
+     * → AP → other, then name.
+     */
+    private function mapDevices(?array $data): ?array
+    {
+        if (!is_array($data)) return null;
+        $kindOf = static fn(string $t): string => match ($t) {
+            'ugw', 'udm', 'uxg', 'ucg' => 'gateway',
+            'usw'                      => 'switch',
+            'uap'                      => 'ap',
+            default                    => 'other',
+        };
+        $out = [];
+        foreach ($data as $d) {
+            if (!is_array($d)) continue;
+            $out[] = [
+                'name'          => isset($d['name']) && $d['name'] !== '' ? (string) $d['name'] : null,
+                'kind'          => $kindOf(strtolower((string) ($d['type'] ?? ''))),
+                'model'         => isset($d['model']) ? (string) $d['model'] : null,
+                'online'        => (int) ($d['state'] ?? 0) === 1,
+                'uptimeSeconds' => isset($d['uptime']) && is_numeric($d['uptime']) ? (int) $d['uptime'] : null,
+            ];
+        }
+        if ($out === []) return null;
+        $rank = ['gateway' => 0, 'switch' => 1, 'ap' => 2, 'other' => 3];
+        usort($out, static fn(array $a, array $b): int =>
+            [$a['online'] ? 1 : 0, $rank[$a['kind']], strtolower($a['name'] ?? '')]
+            <=> [$b['online'] ? 1 : 0, $rank[$b['kind']], strtolower($b['name'] ?? '')]);
+        return $out;
+    }
+
+    /** Clock seam — the report window is testable with a fixed now. */
+    protected function now(): int
+    {
+        return time();
+    }
+
+    /**
+     * Execute one classic-API call. GET by default; passing $jsonBody makes
+     * it a POST (the report endpoint). Returns the envelope's `data` list on
+     * success ({meta:{rc:'ok'}, data:[…]}), or null on transport error /
+     * non-200 / error envelope. Protected so tests can substitute payloads.
+     */
+    protected function request(string $path, ?array $jsonBody = null): ?array
+    {
+        $this->ensureConfig();
+        if (!$this->enabled || $this->baseUrl === null || $this->baseUrl === '' || $this->apiKey === '') {
+            return null;
+        }
+        // Per-call semantics for transportFailed(). overview() is unaffected:
+        // it clears the flag before its first call and checks it after, and
+        // this reset runs at the start of that same call.
+        $this->transportDown = false;
+        $url = rtrim($this->baseUrl, '/') . '/proxy/network/api/s/' . rawurlencode($this->site) . $path;
+
+        $ch = curl_init($url);
+        if ($ch === false) return null;
+        $opts = $this->curlOptions();
+        if ($jsonBody !== null) {
+            $opts[CURLOPT_POST]       = true;
+            $opts[CURLOPT_POSTFIELDS] = (string) json_encode($jsonBody);
+        }
+        $opts[CURLOPT_HTTPHEADER] = [
+            'X-API-KEY: ' . $this->apiKey,
+            'Content-Type: application/json',
+            'Accept: application/json',
+        ];
+        curl_setopt_array($ch, $opts);
+        $body  = curl_exec($ch);
+        $code  = curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        $errno = curl_errno($ch);
+        curl_close($ch);
+
+        if ($body === false || $code !== 200) {
+            // Distinguish "host unreachable" (connect/DNS/timeout) from an
+            // HTTP/API error so overview() can short-circuit a dead console.
+            if (in_array($errno, [CURLE_COULDNT_CONNECT, CURLE_OPERATION_TIMEOUTED, CURLE_COULDNT_RESOLVE_HOST], true)) {
+                $this->transportDown = true;
+            }
+            $this->logger->debug('UnifiClient request failed', ['path' => $path, 'code' => $code, 'errno' => $errno]);
+            return null;
+        }
+        $decoded = json_decode((string) $body, true);
+        // Anything but the ok-envelope (error rc, HTML login page after a
+        // firmware change, …) → treat as endpoint-missing, never throw.
+        if (!is_array($decoded) || ($decoded['meta']['rc'] ?? null) !== 'ok' || !is_array($decoded['data'] ?? null)) {
+            $this->logger->debug('UnifiClient request returned no data', ['path' => $path, 'body' => substr((string) $body, 0, 300)]);
+            return null;
+        }
+        return $decoded['data'];
+    }
+
+    /** Base cURL options, TLS verification driven by unifi_skip_tls_verify. */
+    private function curlOptions(): array
+    {
+        $this->ensureConfig();
+        return [
+            CURLOPT_RETURNTRANSFER  => true,
+            CURLOPT_TIMEOUT         => 8,
+            CURLOPT_CONNECTTIMEOUT  => 3,
+            // HTTP(S) only — same SSRF stance as UnraidClient/GluetunClient.
+            CURLOPT_PROTOCOLS       => CURLPROTO_HTTP | CURLPROTO_HTTPS,
+            CURLOPT_REDIR_PROTOCOLS => CURLPROTO_HTTP | CURLPROTO_HTTPS,
+            // UniFi OS consoles ship a self-signed cert by default; the
+            // admin opts out of verification explicitly in settings.
+            CURLOPT_SSL_VERIFYPEER  => !$this->skipTlsVerify,
+            CURLOPT_SSL_VERIFYHOST  => $this->skipTlsVerify ? 0 : 2,
+        ];
+    }
+}
diff --git a/symfony/src/Service/Media/UnraidClient.php b/symfony/src/Service/Media/UnraidClient.php
new file mode 100644
index 00000000..87bc1ad8
--- /dev/null
+++ b/symfony/src/Service/Media/UnraidClient.php
@@ -0,0 +1,420 @@
+<?php
+
+namespace App\Service\Media;
+
+use App\Service\ConfigService;
+use Psr\Log\LoggerInterface;
+use Symfony\Contracts\Service\ResetInterface;
+
+/**
+ * Client for the Unraid 7 GraphQL API (POST <url>/graphql, `x-api-key` header).
+ * Optional service — if `unraid_url` isn't configured (or the kill switch is
+ * off), calls return null without exception. Read-only: only queries, never
+ * mutations; the settings page tells the admin to create a viewer-scoped key.
+ *
+ * overview() fires one small query PER GROUP (array / info / metrics / docker
+ * / ups / parity status / parity history) instead of one combined document: a
+ * GraphQL validation error (schema drift between Unraid versions, missing
+ * UPS) fails the whole document, so per-group queries let the widget render
+ * whatever the server does support.
+ *
+ * overview() shape (every leaf nullable — parse is fully defensive):
+ *  [
+ *    'array'  => ['state' => ?string,
+ *                 'capacity' => ['free' => ?float, 'used' => ?float, 'total' => ?float], // kilobytes
+ *                 'disks'    => list<['name' => ?string, 'temp' => ?int, 'status' => ?string,
+ *                                     'size' => ?float, 'free' => ?float, 'used' => ?float]>,
+ *                 'parities' => list<['name' => ?string, 'temp' => ?int, 'status' => ?string, 'size' => ?float]>,
+ *                 'caches'   => list<['name' => ?string, 'temp' => ?int,
+ *                                     'size' => ?float, 'free' => ?float, 'used' => ?float]>],
+ *    'system' => ['uptime' => ?string (raw ISO), 'uptimeEpoch' => ?int, 'cpuBrand' => ?string,
+ *                 'cores' => ?int, 'threads' => ?int,
+ *                 'cpuPercent' => ?float, 'memPercent' => ?float, 'memTotal' => ?float, 'memUsed' => ?float],
+ *    'docker' => ['running' => int, 'total' => int, 'stopped' => list<string>, 'containers' => list<['name' => string, 'running' => bool]>],
+ *    'ups'    => ?['name' => ?string, 'battery' => ?int, 'runtime' => ?int (minutes), 'load' => ?float],
+ *    'parity' => ?['running' => bool, 'progress' => ?float (0–100, 1dp), 'elapsed' => ?int (sec),
+ *                  'etaSeconds' => ?int, 'errors' => ?int,
+ *                  'last' => ?['dateEpoch' => ?int, 'duration' => ?int (sec), 'errors' => ?int, 'status' => ?string]],
+ *  ]
+ *
+ * Int-overflow workaround: on arrays > 2^31 md-units, the API's 32-bit Int
+ * type nulls mdResync/mdResyncSize (live-verified), so `parity.running` keys
+ * off mdResyncPos alone and the progress denominator falls back to the
+ * parities[].size from the array group (same units, big-safe). etaSeconds
+ * prefers the live throughput (mdResyncDb/mdResyncDt) over the elapsed
+ * average — sbSynced may mark a resume, not the check's true start.
+ */
+class UnraidClient implements ResetInterface
+{
+    /** Trivial read used by HealthService::probeFor() and ping(). */
+    public const QUERY_PING = 'query { info { os { uptime } } }';
+
+    private const QUERY_ARRAY   = 'query { array { state capacity { kilobytes { free used total } } disks { name temp status fsSize fsFree fsUsed } parities { name temp status size } caches { name temp fsSize fsFree fsUsed } } }';
+    private const QUERY_INFO    = 'query { info { os { uptime } cpu { brand cores threads } } }';
+    private const QUERY_METRICS = 'query { metrics { cpu { percentTotal } memory { percentTotal total used } } }';
+    private const QUERY_DOCKER  = 'query { docker { containers { names state } } }';
+    private const QUERY_UPS     = 'query { upsDevices { name battery { chargeLevel estimatedRuntime } power { loadPercentage } } }';
+    private const QUERY_PARITY_STATUS  = 'query { vars { mdResyncPos mdResyncSize mdResyncDt mdResyncDb sbSynced sbSynced2 sbSyncErrs sbSyncExit } }';
+    private const QUERY_PARITY_HISTORY = 'query { parityHistory { date duration errors status } }';
+
+    /** Widget polls every 30s; TTL keeps a paint + poll from double-querying. */
+    private const OVERVIEW_TTL = 20.0;
+
+    private ?array $overviewCache = null;
+    private float  $overviewCacheAt = 0.0;
+
+    /**
+     * Set by gql() when a request fails at the transport layer (connect
+     * refused / timed out / DNS) as opposed to an application-level GraphQL
+     * error. overview() reads it to fail fast on a dead host instead of
+     * waiting out a connect timeout on every remaining group query. Protected
+     * so tests can simulate a transport failure without real cURL.
+     */
+    protected bool $transportDown = false;
+
+    private ?string $baseUrl = null;
+    private string  $apiKey = '';
+    private bool    $skipTlsVerify = false;
+    private bool    $enabled = true;
+    private bool    $configLoaded = false;
+
+    public function __construct(
+        private readonly ConfigService $config,
+        private readonly LoggerInterface $logger,
+    ) {}
+
+    private function ensureConfig(): void
+    {
+        if ($this->configLoaded) return;
+        $this->baseUrl       = $this->config->get('unraid_url');
+        $this->apiKey        = $this->config->get('unraid_api_key') ?? '';
+        $this->skipTlsVerify = $this->config->get('unraid_skip_tls_verify') === '1';
+        $this->enabled       = $this->config->get('unraid_enabled') !== '0';
+        $this->configLoaded  = true;
+    }
+
+    public function reset(): void
+    {
+        $this->configLoaded    = false;
+        $this->baseUrl         = null;
+        $this->apiKey          = '';
+        $this->skipTlsVerify   = false;
+        $this->enabled         = true;
+        $this->overviewCache   = null;
+        $this->overviewCacheAt = 0.0;
+        $this->transportDown   = false;
+    }
+
+    public function ping(): bool
+    {
+        $data = $this->gql(self::QUERY_PING);
+        return isset($data['info']);
+    }
+
+    public function overview(): ?array
+    {
+        $this->ensureConfig();
+        if (!$this->enabled || $this->baseUrl === null || $this->baseUrl === ''
+            || $this->apiKey === '') {
+            return null;
+        }
+
+        $now = microtime(true);
+        if ($this->overviewCache !== null && ($now - $this->overviewCacheAt) < self::OVERVIEW_TTL) {
+            return $this->overviewCache;
+        }
+
+        $this->transportDown = false;
+        $array = $this->mapArray($this->gql(self::QUERY_ARRAY));
+        // Fail fast on a dead host: if the first query couldn't even reach the
+        // box (connect refused / timed out / DNS), the remaining four group
+        // queries would each burn another connect timeout (~12s total). A
+        // GraphQL app-level error (HTTP 200 with {errors}) does NOT set this,
+        // so a partial-scope key still queries every group.
+        if ($this->transportDown) {
+            return null; // don't cache — retry next call
+        }
+        $system = $this->mapSystem($this->gql(self::QUERY_INFO), $this->gql(self::QUERY_METRICS));
+        $docker = $this->mapDocker($this->gql(self::QUERY_DOCKER));
+        $ups    = $this->mapUps($this->gql(self::QUERY_UPS));
+        $paritySizes = array_filter(array_column($array['parities'] ?? [], 'size'));
+        $parity = $this->mapParity(
+            $this->gql(self::QUERY_PARITY_STATUS),
+            $this->gql(self::QUERY_PARITY_HISTORY),
+            $paritySizes !== [] ? (float) max($paritySizes) : null,
+        );
+
+        if ($array === null && $system === null && $docker === null && $ups === null && $parity === null) {
+            return null; // fully unreachable — don't cache, retry next call
+        }
+
+        $this->overviewCache   = ['array' => $array, 'system' => $system, 'docker' => $docker, 'ups' => $ups, 'parity' => $parity];
+        $this->overviewCacheAt = $now;
+        return $this->overviewCache;
+    }
+
+    private function mapArray(?array $data): ?array
+    {
+        $a = $data['array'] ?? null;
+        if (!is_array($a)) return null;
+
+        $kb = $a['capacity']['kilobytes'] ?? [];
+        $mapDisk = static fn(array $d): array => [
+            'name'   => isset($d['name']) ? (string) $d['name'] : null,
+            'temp'   => isset($d['temp']) ? (int) $d['temp'] : null,
+            'status' => isset($d['status']) ? (string) $d['status'] : null,
+            'size'   => isset($d['fsSize']) ? (float) $d['fsSize'] : null,
+            'free'   => isset($d['fsFree']) ? (float) $d['fsFree'] : null,
+            'used'   => isset($d['fsUsed']) ? (float) $d['fsUsed'] : null,
+        ];
+
+        return [
+            'state'    => isset($a['state']) ? (string) $a['state'] : null,
+            'capacity' => [
+                'free'  => isset($kb['free'])  ? (float) $kb['free']  : null,
+                'used'  => isset($kb['used'])  ? (float) $kb['used']  : null,
+                'total' => isset($kb['total']) ? (float) $kb['total'] : null,
+            ],
+            'disks'    => array_map($mapDisk, array_values(array_filter((array) ($a['disks'] ?? []), 'is_array'))),
+            'parities' => array_map(static fn(array $p): array => [
+                'name'   => isset($p['name']) ? (string) $p['name'] : null,
+                'temp'   => isset($p['temp']) ? (int) $p['temp'] : null,
+                'status' => isset($p['status']) ? (string) $p['status'] : null,
+                'size'   => isset($p['size']) ? (float) $p['size'] : null,
+            ], array_values(array_filter((array) ($a['parities'] ?? []), 'is_array'))),
+            'caches'   => array_map($mapDisk, array_values(array_filter((array) ($a['caches'] ?? []), 'is_array'))),
+        ];
+    }
+
+    private function mapSystem(?array $info, ?array $metrics): ?array
+    {
+        $i = $info['info']    ?? null;
+        $m = $metrics['metrics'] ?? null;
+        if (!is_array($i) && !is_array($m)) return null;
+
+        // os.uptime is an ISO-8601 boot timestamp (live-verified:
+        // "2026-06-14T03:31:03.786Z"). Parse it to an epoch so the template
+        // can render it via the locale-aware relative_date filter; keep the
+        // raw string as a fallback for unparseable values.
+        $uptimeRaw   = isset($i['os']['uptime']) ? (string) $i['os']['uptime'] : null;
+        $uptimeEpoch = $uptimeRaw !== null ? strtotime($uptimeRaw) : false;
+
+        return [
+            'uptime'      => $uptimeRaw,
+            'uptimeEpoch' => $uptimeEpoch !== false ? $uptimeEpoch : null,
+            'cpuBrand'   => isset($i['cpu']['brand'])   ? (string) $i['cpu']['brand']   : null,
+            'cores'      => isset($i['cpu']['cores'])   ? (int) $i['cpu']['cores']      : null,
+            'threads'    => isset($i['cpu']['threads']) ? (int) $i['cpu']['threads']    : null,
+            'cpuPercent' => isset($m['cpu']['percentTotal'])    ? (float) $m['cpu']['percentTotal']    : null,
+            'memPercent' => isset($m['memory']['percentTotal']) ? (float) $m['memory']['percentTotal'] : null,
+            'memTotal'   => isset($m['memory']['total'])        ? (float) $m['memory']['total']        : null,
+            'memUsed'    => isset($m['memory']['used'])         ? (float) $m['memory']['used']         : null,
+        ];
+    }
+
+    private function mapDocker(?array $data): ?array
+    {
+        $raw = $data['docker']['containers'] ?? null;
+        if (!is_array($raw)) return null;
+
+        $running    = 0;
+        $stopped    = [];
+        $containers = [];
+        foreach ($raw as $c) {
+            if (!is_array($c)) continue;
+            $name = trim((string) (($c['names'][0] ?? '')), '/');
+            $isRunning = strtoupper((string) ($c['state'] ?? '')) === 'RUNNING';
+            if ($isRunning) {
+                $running++;
+            } elseif ($name !== '') {
+                $stopped[] = $name;
+            }
+            if ($name !== '') {
+                $containers[] = ['name' => $name, 'running' => $isRunning];
+            }
+        }
+        usort($containers, static fn(array $a, array $b): int => strcasecmp($a['name'], $b['name']));
+
+        return ['running' => $running, 'total' => count($raw), 'stopped' => $stopped, 'containers' => $containers];
+    }
+
+    private function mapUps(?array $data): ?array
+    {
+        $ups = $data['upsDevices'][0] ?? null;
+        if (!is_array($ups)) return null;
+
+        return [
+            'name'    => isset($ups['name']) ? (string) $ups['name'] : null,
+            'battery' => isset($ups['battery']['chargeLevel'])      ? (int) $ups['battery']['chargeLevel']        : null,
+            // estimatedRuntime is SECONDS (live-verified: 4302 ≈ 72 min on a
+            // CP1500 at 15% load) — convert to whole minutes for the widget.
+            'runtime' => isset($ups['battery']['estimatedRuntime']) ? (int) round(((float) $ups['battery']['estimatedRuntime']) / 60) : null,
+            'load'    => isset($ups['power']['loadPercentage'])     ? (float) $ups['power']['loadPercentage']     : null,
+        ];
+    }
+
+    /**
+     * Parity health from two independent queries: `vars` (mdcmd resync state —
+     * live progress) and `parityHistory` (completed checks). Either side may be
+     * missing (old API / partial key scope); null only when both are.
+     */
+    private function mapParity(?array $status, ?array $history, ?float $sizeFallback = null): ?array
+    {
+        $vars = is_array($status['vars'] ?? null) ? $status['vars'] : null;
+        $runs = is_array($history['parityHistory'] ?? null)
+            ? array_values(array_filter($history['parityHistory'], 'is_array')) : null;
+        if ($vars === null && $runs === null) return null;
+
+        $pos  = isset($vars['mdResyncPos'])  ? (float) $vars['mdResyncPos']  : 0.0;
+        $size = isset($vars['mdResyncSize']) ? (float) $vars['mdResyncSize'] : 0.0;
+        // mdResyncPos > 0 ⇔ a check/rebuild is in flight. Deliberately NOT gated on
+        // mdResyncSize: on arrays > 2^31 md-units the API's 32-bit Int type nulls
+        // that field (live-verified), so requiring it would read "idle" mid-check.
+        $running = $pos > 0;
+        // Denominator preference: mdResyncSize (exact md units) when the API managed
+        // to return it, else the parity-disk size from the array group — live-verified
+        // to be the SAME value/units (27344764876 on a dual-parity box). No denominator
+        // → progress null; the tile still shows the badge/elapsed/errors.
+        $denom = $size > 0 ? $size : (float) ($sizeFallback ?? 0.0);
+        $progress = ($running && $denom > 0) ? round($pos / $denom * 100, 1) : null;
+
+        $elapsed = null;
+        if ($running && (int) ($vars['sbSynced'] ?? 0) > 0) {
+            $elapsed = max(0, $this->now() - (int) $vars['sbSynced']);
+        }
+        // ETA: prefer the live md throughput (mdResyncDb blocks per mdResyncDt
+        // seconds — the same current-rate estimate Unraid's own footer shows).
+        // The elapsed-average formula is only a fallback: sbSynced can reflect
+        // a pause/resume rather than the check's true start (live-verified ~8h
+        // drift), which skews any average computed from it.
+        $dt = isset($vars['mdResyncDt']) ? (float) $vars['mdResyncDt'] : 0.0;
+        $db = isset($vars['mdResyncDb']) ? (float) $vars['mdResyncDb'] : 0.0;
+        if ($running && $denom > 0 && $dt > 0 && $db > 0) {
+            $eta = (int) round(($denom - $pos) / ($db / $dt));
+        } elseif ($elapsed !== null && $progress !== null && $progress > 0) {
+            $eta = (int) round($elapsed * (100 - $progress) / $progress);
+        } else {
+            $eta = null;
+        }
+
+        $last = null;
+        foreach ($runs ?? [] as $run) {
+            $epoch = isset($run['date']) ? strtotime((string) $run['date']) : false;
+            $cand = [
+                'dateEpoch' => $epoch !== false ? $epoch : null,
+                'duration'  => isset($run['duration']) ? (int) $run['duration'] : null,
+                'errors'    => isset($run['errors'])   ? (int) $run['errors']   : null,
+                'status'    => isset($run['status'])   ? (string) $run['status'] : null,
+            ];
+            if ($last === null || ($cand['dateEpoch'] ?? PHP_INT_MIN) > ($last['dateEpoch'] ?? PHP_INT_MIN)) {
+                $last = $cand;
+            }
+        }
+
+        // parityHistory reads /boot/config/parity-checks.log, which Unraid only
+        // appends while its webGui Main page is open in a browser (the writer is
+        // an nchan daemon that exits without listeners) — so history can lag a
+        // finished check by days. vars.sbSynced2 is the kernel's completion
+        // stamp and always current: synthesize the last check from it when it
+        // is newer. Duration is omitted — sbSynced may mark a resume, not the
+        // start, so sbSynced2−sbSynced lies on paused checks.
+        $synced2 = (int) ($vars['sbSynced2'] ?? 0);
+        if (!$running && $synced2 > 0 && $synced2 > ($last['dateEpoch'] ?? PHP_INT_MIN)) {
+            $exit = isset($vars['sbSyncExit']) ? (int) $vars['sbSyncExit'] : null;
+            $last = [
+                'dateEpoch' => $synced2,
+                'duration'  => null,
+                'errors'    => isset($vars['sbSyncErrs']) ? (int) $vars['sbSyncErrs'] : null,
+                'status'    => $exit === null ? null : ($exit === 0 ? 'COMPLETED' : ($exit === -4 ? 'CANCELLED' : 'FAILED')),
+            ];
+        }
+
+        return [
+            'running'    => $running,
+            'progress'   => $progress,
+            'elapsed'    => $elapsed,
+            'etaSeconds' => $eta,
+            'errors'     => $running && isset($vars['sbSyncErrs']) ? (int) $vars['sbSyncErrs'] : null,
+            'last'       => $last,
+        ];
+    }
+
+    /** Clock seam — parity elapsed math is testable with a fixed now. */
+    protected function now(): int
+    {
+        return time();
+    }
+
+    /**
+     * Execute one GraphQL query document. Returns the decoded `data` object,
+     * or null on transport error / non-200 / GraphQL errors without data.
+     * Protected so tests can substitute canned payloads.
+     */
+    protected function gql(string $query): ?array
+    {
+        $this->ensureConfig();
+        if (!$this->enabled || $this->baseUrl === null || $this->baseUrl === '' || $this->apiKey === '') {
+            return null;
+        }
+        $url = rtrim($this->baseUrl, '/') . '/graphql';
+
+        $ch = curl_init($url);
+        if ($ch === false) return null;
+        $opts = $this->curlOptions();
+        $opts[CURLOPT_POST]       = true;
+        $opts[CURLOPT_POSTFIELDS] = (string) json_encode(['query' => $query]);
+        $opts[CURLOPT_HTTPHEADER] = $this->authHeaders();
+        curl_setopt_array($ch, $opts);
+        $body  = curl_exec($ch);
+        $code  = curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        $errno = curl_errno($ch);
+        curl_close($ch);
+
+        if ($body === false || $code !== 200) {
+            // Distinguish "host unreachable" (connect/DNS/timeout) from an
+            // HTTP/GraphQL error so overview() can short-circuit a dead box.
+            if (in_array($errno, [CURLE_COULDNT_CONNECT, CURLE_OPERATION_TIMEOUTED, CURLE_COULDNT_RESOLVE_HOST], true)) {
+                $this->transportDown = true;
+            }
+            $this->logger->debug('UnraidClient gql failed', ['code' => $code, 'errno' => $errno]);
+            return null;
+        }
+        $decoded = json_decode((string) $body, true);
+        if (!is_array($decoded) || !is_array($decoded['data'] ?? null)) {
+            // GraphQL errors (bad field, missing scope) come back as
+            // {errors:[...]} with data null/absent — treat as group-missing.
+            $this->logger->debug('UnraidClient gql returned no data', ['body' => substr((string) $body, 0, 300)]);
+            return null;
+        }
+        return $decoded['data'];
+    }
+
+    /** @return array<int, string> */
+    private function authHeaders(): array
+    {
+        $this->ensureConfig();
+        return [
+            'x-api-key: ' . $this->apiKey,
+            'Content-Type: application/json',
+            'Accept: application/json',
+        ];
+    }
+
+    /** Base cURL options, TLS verification driven by unraid_skip_tls_verify. */
+    private function curlOptions(): array
+    {
+        $this->ensureConfig();
+        return [
+            CURLOPT_RETURNTRANSFER  => true,
+            CURLOPT_TIMEOUT         => 8,
+            CURLOPT_CONNECTTIMEOUT  => 3,
+            // HTTP(S) only — same SSRF stance as GluetunClient.
+            CURLOPT_PROTOCOLS       => CURLPROTO_HTTP | CURLPROTO_HTTPS,
+            CURLOPT_REDIR_PROTOCOLS => CURLPROTO_HTTP | CURLPROTO_HTTPS,
+            // Self-signed / myunraid.net certs are the norm on LAN Unraid GUIs;
+            // the admin opts out of verification explicitly in settings.
+            CURLOPT_SSL_VERIFYPEER  => !$this->skipTlsVerify,
+            CURLOPT_SSL_VERIFYHOST  => $this->skipTlsVerify ? 0 : 2,
+        ];
+    }
+}
diff --git a/symfony/src/Service/ThemeService.php b/symfony/src/Service/ThemeService.php
new file mode 100644
index 00000000..c43c8406
--- /dev/null
+++ b/symfony/src/Service/ThemeService.php
@@ -0,0 +1,119 @@
+<?php
+namespace App\Service;
+
+use App\Theme\ColorMath;
+use App\Theme\ThemePresets;
+use Symfony\Contracts\Service\ResetInterface;
+
+/**
+ * Resolves the admin-selected `display_theme` preset into a flat map of
+ * concrete CSS variables, injected by base.html.twig before first paint.
+ *
+ * Resolution happens server-side (not via in-browser CSS calc) so there is
+ * no flash, the math is unit-testable, and Tabler's `--tblr-primary-rgb`
+ * tuple — which pure CSS cannot derive from hsl() — is precomputed here.
+ *
+ * Implements ResetInterface so an admin's theme change takes effect without
+ * waiting for a FrankenPHP worker recycle (mirrors DisplayPreferencesService).
+ */
+final class ThemeService implements ResetInterface
+{
+    /** @var array<string,mixed>|null */
+    private ?array $cache = null;
+
+    public function __construct(private readonly ConfigService $config) {}
+
+    public function reset(): void
+    {
+        $this->cache = null;
+    }
+
+    /**
+     * @return array{key:string,light:bool,primary_hex:string,primary_rgb:string,css:array<string,string>}
+     */
+    public function resolve(): array
+    {
+        if ($this->cache !== null) {
+            return $this->cache;
+        }
+
+        $stored = $this->config->get('display_theme');
+        $key = is_string($stored) && isset(ThemePresets::PRESETS[$stored])
+            ? $stored
+            : ThemePresets::DEFAULT_KEY;
+
+        $p = ThemePresets::PRESETS[$key];
+        $light = $p['light'];
+
+        [$bh, $bs, $bl] = $p['bg'];
+        // Surface tiers. Dark themes: cards/footer lift ABOVE the background
+        // while the sidebar sits BELOW it — reproduces the hand-tuned
+        // #1c1c1c / #161616 / #0d0d0d palette for `midnight`. Light themes:
+        // everything trends toward white.
+        if ($light) {
+            $surface  = $this->hsl($bh, $bs, ColorMath::clamp($bl + 3));
+            $surface2 = $this->hsl($bh, $bs, ColorMath::clamp($bl + 1.5));
+            $sidebar  = $this->hsl($bh, $bs, ColorMath::clamp($bl + 3));
+        } else {
+            $surface  = $this->hsl($bh, $bs, ColorMath::clamp($bl + 4.5));
+            $surface2 = $this->hsl($bh, $bs, ColorMath::clamp($bl + 2));
+            $sidebar  = $this->hsl($bh, $bs, ColorMath::clamp($bl - 1.5));
+        }
+
+        // Border + text are alpha overlays whose strength scales with the
+        // contrast multiplier (glance's `contrast-multiplier`).
+        $contrast = (float) $p['contrast'];
+        $borderAlpha = round(($light ? 0.10 : 0.08) * $contrast, 3);
+        $border = $light
+            ? "rgba(0, 0, 0, $borderAlpha)"
+            : "rgba(255, 255, 255, $borderAlpha)";
+
+        // Body text: high-contrast against bg, saturation scaled by
+        // text-saturation-multiplier.
+        $textSat = ColorMath::clamp($bs * (float) $p['textSaturation']);
+        $bodyL = $light ? ColorMath::clamp(20 / $contrast) : ColorMath::clamp(100 - 12 / $contrast);
+        $secondaryL = $light ? ColorMath::clamp(38 / $contrast) : ColorMath::clamp(68 / $contrast);
+        $bodyColor = $this->hsl($bh, $textSat, $bodyL);
+        $secondaryColor = $this->hsl($bh, $textSat, $secondaryL);
+
+        [$ph, $ps, $pl] = $p['primary'];
+        [$poh, $pos, $pol] = $p['positive'];
+        [$neh, $nes, $nel] = $p['negative'];
+
+        $this->cache = [
+            'key'         => $key,
+            'light'       => $light,
+            'primary_hex' => ColorMath::hslToHex($ph, $ps, $pl),
+            'primary_rgb' => ColorMath::hslToRgbTuple($ph, $ps, $pl),
+            'css'         => [
+                '--tblr-body-bg'        => $this->hsl($bh, $bs, $bl),
+                '--prismarr-surface'    => $surface,
+                '--prismarr-surface-2'  => $surface2,
+                '--prismarr-sidebar'    => $sidebar,
+                // Sticky topbar: the background tint with slight translucency so
+                // the blur(12px) backdrop still shows content scrolling beneath.
+                // Tracks the theme bg, so it no longer stays stuck near-black on
+                // non-midnight themes.
+                '--prismarr-topbar-bg'  => sprintf('hsla(%d, %s%%, %s%%, 0.95)', $bh, $this->num($bs), $this->num($bl)),
+                '--tblr-border-color'   => $border,
+                '--prismarr-border'     => $border,
+                '--tblr-body-color'     => $bodyColor,
+                '--tblr-secondary-color'=> $secondaryColor,
+                '--tblr-success'        => $this->hsl($poh, $pos, $pol),
+                '--tblr-danger'         => $this->hsl($neh, $nes, $nel),
+            ],
+        ];
+
+        return $this->cache;
+    }
+
+    private function hsl(int $h, float $s, float $l): string
+    {
+        return sprintf('hsl(%d, %s%%, %s%%)', $h, $this->num($s), $this->num($l));
+    }
+
+    private function num(float $v): string
+    {
+        return rtrim(rtrim(number_format($v, 2, '.', ''), '0'), '.');
+    }
+}
diff --git a/symfony/src/Service/Unifi/UnifiFetcher.php b/symfony/src/Service/Unifi/UnifiFetcher.php
new file mode 100644
index 00000000..dca91688
--- /dev/null
+++ b/symfony/src/Service/Unifi/UnifiFetcher.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Service\Unifi;
+
+/**
+ * Transport seam over the classic UniFi Network API. Exists so the readers in
+ * this namespace can be unit-tested against canned payloads with no cURL and
+ * no network, while the single real implementation (UnifiClient) keeps sole
+ * ownership of config, TLS policy, headers and the ok-envelope contract.
+ *
+ * Read-only by construction: callers pass a stat/rest/list path. $body turns
+ * the call into a POST, which the classic API requires for report queries —
+ * it is never used to mutate.
+ */
+interface UnifiFetcher
+{
+    /**
+     * One API call. Returns the ok-envelope's `data` list, or null on
+     * transport error / non-200 / error envelope — never throws.
+     *
+     * @param  ?array $body  when non-null, sent as a JSON POST body
+     * @return ?array<mixed>
+     */
+    public function fetch(string $path, ?array $body = null): ?array;
+
+    /**
+     * True when the MOST RECENT fetch() failed at the transport layer
+     * (connect refused, DNS failure, timeout) rather than returning an HTTP
+     * or application-level error. Readers use this to skip their remaining
+     * calls against a dead console instead of burning one connect timeout
+     * per endpoint. Reset at the start of every fetch().
+     */
+    public function transportFailed(): bool;
+}
diff --git a/symfony/src/Service/Unifi/UnifiHistoryReader.php b/symfony/src/Service/Unifi/UnifiHistoryReader.php
new file mode 100644
index 00000000..c1268d1c
--- /dev/null
+++ b/symfony/src/Service/Unifi/UnifiHistoryReader.php
@@ -0,0 +1,141 @@
+<?php
+
+namespace App\Service\Unifi;
+
+use Psr\Log\LoggerInterface;
+use Symfony\Contracts\Service\ResetInterface;
+
+/**
+ * Network-tab `history` group: the two slow-moving series behind the trends
+ * panels. 300 s TTL — a 7-day hourly chart and a 30-day speedtest archive do
+ * not change meaningfully faster than that, and both are heavier report
+ * queries than the live endpoints.
+ *
+ * Shape (every leaf nullable — parse is fully defensive):
+ *  [
+ *    'usage7d'    => ?list<['ts' => int (epoch s), 'downBytes' => float, 'upBytes' => float]>,
+ *    'speedtests' => ?list<['ts' => int (epoch s), 'downMbps' => ?float,
+ *                           'upMbps' => ?float, 'latencyMs' => ?int]>,
+ *  ]
+ *
+ * Direction convention matches UnifiClient: wan-rx is download, wan-tx is
+ * upload. Report timestamps are epoch MILLISECONDS.
+ *
+ * FIELD MAP verified against the live console in plan Task 0 — see
+ * docs/superpowers/plans/2026-07-24-unifi-probe-output.md.
+ */
+final class UnifiHistoryReader implements ResetInterface
+{
+    private const PATH_REPORT    = '/stat/report/hourly.site';
+    private const PATH_SPEEDTEST = '/stat/report/archive.speedtest';
+
+    /** Matches the history region's data-dash-poll cadence (300 s). */
+    private const TTL = 300.0;
+
+    private const FIELD_LATENCY = 'latency';
+    /** Multiplier from the API's throughput unit to Mbps. 1.0 if already Mbps. */
+    private const SPEEDTEST_TO_MBPS = 1.0;
+
+    /** Clock seam — the report windows are testable with a fixed now. */
+    public ?int $nowOverride = null;
+
+    private ?array $cache = null;
+    private float $cacheAt = 0.0;
+
+    public function __construct(
+        private readonly UnifiFetcher $unifi,
+        private readonly LoggerInterface $logger,
+    ) {}
+
+    public function reset(): void
+    {
+        $this->cache   = null;
+        $this->cacheAt = 0.0;
+    }
+
+    public function read(): ?array
+    {
+        $now = microtime(true);
+        if ($this->cache !== null && ($now - $this->cacheAt) < self::TTL) {
+            return $this->cache;
+        }
+
+        $ts = $this->nowOverride ?? time();
+
+        $usage = $this->mapUsage($this->unifi->fetch(self::PATH_REPORT, [
+            'attrs' => ['time', 'wan-tx_bytes', 'wan-rx_bytes'],
+            'start' => ($ts - 7 * 86400) * 1000,
+            'end'   => $ts * 1000,
+        ]));
+
+        // Fail fast on a dead console: the second report query would burn
+        // another connect timeout. An HTTP/application error does NOT trigger
+        // this, so a partial API surface still tries both endpoints.
+        if ($this->unifi->transportFailed()) {
+            return null; // don't cache — retry next call
+        }
+
+        $speedtests = $this->mapSpeedtests($this->unifi->fetch(self::PATH_SPEEDTEST, [
+            'attrs' => ['time', 'xput_download', 'xput_upload', self::FIELD_LATENCY],
+            'start' => ($ts - 30 * 86400) * 1000,
+            'end'   => $ts * 1000,
+        ]));
+
+        if ($usage === null && $speedtests === null) {
+            $this->logger->debug('UnifiHistoryReader: both report queries returned no data');
+            return null; // fully unavailable — don't cache, retry next call
+        }
+
+        $this->cache   = ['usage7d' => $usage, 'speedtests' => $speedtests];
+        $this->cacheAt = $now;
+        return $this->cache;
+    }
+
+    /** Hourly wan byte buckets; `time` is epoch MILLISECONDS. */
+    private function mapUsage(?array $data): ?array
+    {
+        if (!is_array($data)) return null;
+        $out = [];
+        foreach ($data as $row) {
+            if (!is_array($row) || !is_numeric($row['time'] ?? null)) continue;
+            $out[] = [
+                'ts'        => (int) round(((float) $row['time']) / 1000),
+                'downBytes' => is_numeric($row['wan-rx_bytes'] ?? null) ? (float) $row['wan-rx_bytes'] : 0.0,
+                'upBytes'   => is_numeric($row['wan-tx_bytes'] ?? null) ? (float) $row['wan-tx_bytes'] : 0.0,
+            ];
+        }
+        if ($out === []) return null;
+        usort($out, static fn(array $a, array $b): int => $a['ts'] <=> $b['ts']);
+        return $out;
+    }
+
+    /**
+     * Speedtest archive rows. Unlike usage buckets, a missing throughput value
+     * stays null rather than becoming 0.0 — SpeedtestChart skips null points
+     * instead of drawing a fake drop to the floor, and a 0 Mbps run would read
+     * as an outage that never happened.
+     */
+    private function mapSpeedtests(?array $data): ?array
+    {
+        if (!is_array($data)) return null;
+        $num = static fn(array $r, string $k): ?float =>
+            is_numeric($r[$k] ?? null) ? (float) $r[$k] : null;
+
+        $out = [];
+        foreach ($data as $row) {
+            if (!is_array($row) || !is_numeric($row['time'] ?? null)) continue;
+            $down = $num($row, 'xput_download');
+            $up   = $num($row, 'xput_upload');
+            $lat  = $num($row, self::FIELD_LATENCY);
+            $out[] = [
+                'ts'        => (int) round(((float) $row['time']) / 1000),
+                'downMbps'  => $down === null ? null : $down * self::SPEEDTEST_TO_MBPS,
+                'upMbps'    => $up === null ? null : $up * self::SPEEDTEST_TO_MBPS,
+                'latencyMs' => $lat === null ? null : (int) round($lat),
+            ];
+        }
+        if ($out === []) return null;
+        usort($out, static fn(array $a, array $b): int => $a['ts'] <=> $b['ts']);
+        return $out;
+    }
+}
diff --git a/symfony/src/Service/Unifi/UnifiInfraReader.php b/symfony/src/Service/Unifi/UnifiInfraReader.php
new file mode 100644
index 00000000..21ec8722
--- /dev/null
+++ b/symfony/src/Service/Unifi/UnifiInfraReader.php
@@ -0,0 +1,299 @@
+<?php
+
+namespace App\Service\Unifi;
+
+use Psr\Log\LoggerInterface;
+use Symfony\Contracts\Service\ResetInterface;
+
+/**
+ * Network-tab `infra` group: physical topology and RF — the things that change
+ * on the order of minutes. 60 s TTL.
+ *
+ * One stat/device fetch feeds BOTH the infrastructure cards and the flattened
+ * per-radio RF table; that sharing is the reason these panels are grouped.
+ *
+ * Shape (every leaf nullable — parse is fully defensive):
+ *  [
+ *    'devices'   => ?list<['name' => ?string, 'model' => ?string, 'kind' => string,
+ *                          'ip' => ?string, 'online' => bool, 'uptimeSeconds' => ?int,
+ *                          'cpuPercent' => ?float, 'memPercent' => ?float,
+ *                          'tempC' => ?float (gateway only), 'clients' => ?int,
+ *                          'upgradable' => bool]>,
+ *    'radios'    => ?list<['device' => ?string, 'band' => string, 'channel' => ?int,
+ *                          'widthMhz' => ?int, 'txPowerDbm' => ?int,
+ *                          'utilizationPercent' => ?float, 'retryPercent' => ?float,
+ *                          'satisfaction' => ?int, 'clients' => ?int]>,
+ *    'neighbors' => ?list<['ssid' => ?string, 'channel' => ?int,
+ *                          'signalDbm' => ?int, 'vendor' => ?string]>,
+ *    'networks'  => ?list<['name' => ?string, 'vlan' => ?int, 'subnet' => ?string]>,
+ *    'counts'    => ['devices' => int, 'online' => int, 'upgradable' => int, 'neighbors' => int],
+ *  ]
+ *
+ * `counts` exists because the reference dashboard's composite "Watch items"
+ * tile spanned two poll cadences; those figures live in the section headers
+ * that already own the data instead (see the spec's deviations section).
+ *
+ * FIELD MAP verified against the live console in plan Task 0 — see
+ * docs/superpowers/plans/2026-07-24-unifi-probe-output.md.
+ */
+final class UnifiInfraReader implements ResetInterface
+{
+    private const PATH_DEVICE   = '/stat/device';
+    /**
+     * POST, not GET: `list/rogueap` 400s on a bodyless GET (Task 0). The classic
+     * API wants stat/rogueap with a lookback window.
+     */
+    private const PATH_ROGUEAP  = '/stat/rogueap';
+    private const ROGUEAP_HOURS = 24;
+    private const PATH_NETWORKS = '/rest/networkconf';
+
+    /** Matches the infra region's data-dash-poll cadence (60 s). */
+    private const TTL = 60.0;
+
+    /**
+     * Gateway-only array of {name, type, value}; `general_temperature` does not
+     * exist on this firmware and `has_temperature` is false on every device.
+     */
+    private const FIELD_TEMP    = 'temperatures';
+    private const FIELD_CLIENTS = 'num_sta';
+    private const FIELD_UTIL    = 'cu_total';
+    private const FIELD_RETRY   = 'tx_retries_pct';
+    /** Multiplier to reach 0-100. Set to 100.0 if the console reports 0-1. */
+    private const SCALE_UTIL  = 1.0;
+    private const SCALE_RETRY = 1.0;
+
+    /** networkconf carries WAN and VPN objects too; the VLAN panel wants LANs. */
+    private const LAN_PURPOSES = ['corporate', 'guest', 'vlan-only'];
+
+    private ?array $cache = null;
+    private float $cacheAt = 0.0;
+
+    public function __construct(
+        private readonly UnifiFetcher $unifi,
+        private readonly LoggerInterface $logger,
+    ) {}
+
+    public function reset(): void
+    {
+        $this->cache   = null;
+        $this->cacheAt = 0.0;
+    }
+
+    public function read(): ?array
+    {
+        $now = microtime(true);
+        if ($this->cache !== null && ($now - $this->cacheAt) < self::TTL) {
+            return $this->cache;
+        }
+
+        $raw = $this->unifi->fetch(self::PATH_DEVICE);
+        // Fail fast on a dead console — the remaining two calls would each
+        // burn another connect timeout. An HTTP/application error does NOT
+        // trigger this, so a partial API surface still tries every endpoint.
+        if ($this->unifi->transportFailed()) {
+            return null; // don't cache — retry next call
+        }
+
+        $devices   = $this->mapDevices($raw);
+        $radios    = $this->mapRadios($raw);
+        $neighbors = $this->mapNeighbors(
+            $this->unifi->fetch(self::PATH_ROGUEAP, ['within' => self::ROGUEAP_HOURS]),
+        );
+        $networks  = $this->mapNetworks($this->unifi->fetch(self::PATH_NETWORKS));
+
+        if ($devices === null && $neighbors === null && $networks === null) {
+            $this->logger->debug('UnifiInfraReader: every endpoint returned no data');
+            return null; // don't cache — retry next call
+        }
+
+        $this->cache = [
+            'devices'   => $devices,
+            'radios'    => $radios,
+            'neighbors' => $neighbors,
+            'networks'  => $networks,
+            'counts'    => [
+                'devices'    => $devices === null ? 0 : count($devices),
+                'online'     => $devices === null ? 0
+                    : count(array_filter($devices, static fn(array $d): bool => $d['online'])),
+                'upgradable' => $devices === null ? 0
+                    : count(array_filter($devices, static fn(array $d): bool => $d['upgradable'])),
+                'neighbors'  => $neighbors === null ? 0 : count($neighbors),
+            ],
+        ];
+        $this->cacheAt = $now;
+        return $this->cache;
+    }
+
+    /** Same `kind` vocabulary as UnifiClient::mapDevices() — keep the two in sync. */
+    private static function kindOf(string $type): string
+    {
+        return match ($type) {
+            'ugw', 'udm', 'uxg', 'ucg' => 'gateway',
+            'usw'                      => 'switch',
+            'uap'                      => 'ap',
+            default                    => 'other',
+        };
+    }
+
+    private static function num(mixed $v): ?float
+    {
+        return is_numeric($v) ? (float) $v : null;
+    }
+
+    /** Empty strings become null so templates can use a single `?? '—'` fallback. */
+    private static function str(mixed $v): ?string
+    {
+        return is_string($v) && $v !== '' ? $v : null;
+    }
+
+    /**
+     * Device temperature in °C, or null. Only the gateway reports one, as a
+     * `temperatures: [{name, type, value}]` array — there is no scalar
+     * `general_temperature` field on this firmware. First entry wins: the
+     * gateway lists CPU first and the card shows a single figure.
+     */
+    private static function tempOf(array $d): ?float
+    {
+        $temps = $d[self::FIELD_TEMP] ?? null;
+        if (!is_array($temps) || !is_array($temps[0] ?? null)) return null;
+        return self::num($temps[0]['value'] ?? null);
+    }
+
+    /** Offline first (they're the news), then gateway → switch → AP → other, then name. */
+    private function mapDevices(?array $data): ?array
+    {
+        if (!is_array($data)) return null;
+        $out = [];
+        foreach ($data as $d) {
+            if (!is_array($d)) continue;
+            $stats   = is_array($d['system-stats'] ?? null) ? $d['system-stats'] : null;
+            $clients = self::num($d[self::FIELD_CLIENTS] ?? null);
+            $uptime  = self::num($d['uptime'] ?? null);
+            $out[] = [
+                'name'          => self::str($d['name'] ?? null),
+                'model'         => self::str($d['model'] ?? null),
+                'kind'          => self::kindOf(strtolower((string) ($d['type'] ?? ''))),
+                // Gateways report their WAN address in `ip`, which is the wrong
+                // answer in a LAN inventory (and needless exposure in a
+                // screenshot), so prefer a LAN address when the payload carries
+                // one. Switches and APs have no `lan_ip` and fall through to
+                // `ip` unchanged.
+                'ip'            => self::str($d['lan_ip'] ?? null) ?? self::str($d['ip'] ?? null),
+                'online'        => is_numeric($d['state'] ?? null) && (int) $d['state'] === 1,
+                'uptimeSeconds' => $uptime === null ? null : (int) $uptime,
+                'cpuPercent'    => $stats === null ? null : self::num($stats['cpu'] ?? null),
+                'memPercent'    => $stats === null ? null : self::num($stats['mem'] ?? null),
+                'tempC'         => self::tempOf($d),
+                'clients'       => $clients === null ? null : (int) $clients,
+                // Strict true: the field is absent on some firmwares, and a
+                // truthy non-bool must not light up an "update available" chip.
+                'upgradable'    => ($d['upgradable'] ?? false) === true,
+            ];
+        }
+        if ($out === []) return null;
+        $rank = ['gateway' => 0, 'switch' => 1, 'ap' => 2, 'other' => 3];
+        usort($out, static fn(array $a, array $b): int =>
+            [$a['online'] ? 1 : 0, $rank[$a['kind']], strtolower($a['name'] ?? '')]
+            <=> [$b['online'] ? 1 : 0, $rank[$b['kind']], strtolower($b['name'] ?? '')]);
+        return $out;
+    }
+
+    /**
+     * Flatten every AP's radio_table_stats into one row per radio so the RF
+     * table is a flat list rather than a nested loop in Twig. Devices with no
+     * radios (gateways, switches) contribute nothing.
+     */
+    private function mapRadios(?array $data): ?array
+    {
+        if (!is_array($data)) return null;
+        $out = [];
+        foreach ($data as $d) {
+            if (!is_array($d) || !is_array($d['radio_table_stats'] ?? null)) continue;
+            foreach ($d['radio_table_stats'] as $r) {
+                if (!is_array($r)) continue;
+                $ch    = self::num($r['channel'] ?? null);
+                // `bw`, not `ht` — `ht` lives on radio_table, a different array.
+                $bw    = self::num($r['bw'] ?? null);
+                $power = self::num($r['tx_power'] ?? null);
+                // Radio-level satisfaction is -1 in the field (the AP-level one
+                // is the valid figure). Negative means "not reported", so null.
+                $sat   = self::num($r['satisfaction'] ?? null);
+                if ($sat !== null && $sat < 0) $sat = null;
+                $sta   = self::num($r[self::FIELD_CLIENTS] ?? null);
+                $util  = self::num($r[self::FIELD_UTIL] ?? null);
+                $retry = self::num($r[self::FIELD_RETRY] ?? null);
+                $out[] = [
+                    'device'             => self::str($d['name'] ?? null),
+                    'band'               => match (strtolower((string) ($r['radio'] ?? ''))) {
+                        'ng'    => '2.4 GHz',
+                        'na'    => '5 GHz',
+                        '6e'    => '6 GHz',
+                        default => '—',
+                    },
+                    'channel'            => $ch === null ? null : (int) $ch,
+                    'widthMhz'           => $bw === null ? null : (int) $bw,
+                    'txPowerDbm'         => $power === null ? null : (int) $power,
+                    'utilizationPercent' => $util === null ? null : $util * self::SCALE_UTIL,
+                    'retryPercent'       => $retry === null ? null : $retry * self::SCALE_RETRY,
+                    'satisfaction'       => $sat === null ? null : (int) $sat,
+                    'clients'            => $sta === null ? null : (int) $sta,
+                ];
+            }
+        }
+        return $out === [] ? null : $out;
+    }
+
+    /**
+     * Neighbor BSSIDs heard by our APs, strongest signal first. Fed by a POST to
+     * stat/rogueap; if that endpoint is unavailable this is permanently null and
+     * Task 9's table renders its empty state — a known scope reduction, not a bug.
+     */
+    private function mapNeighbors(?array $data): ?array
+    {
+        if (!is_array($data)) return null;
+        $out = [];
+        foreach ($data as $r) {
+            if (!is_array($r)) continue;
+            $ch  = self::num($r['channel'] ?? null);
+            $sig = self::num($r['signal'] ?? null);
+            $out[] = [
+                'ssid'      => self::str($r['essid'] ?? null), // empty = hidden network
+                'channel'   => $ch === null ? null : (int) $ch,
+                'signalDbm' => $sig === null ? null : (int) $sig,
+                'vendor'    => self::str($r['oui'] ?? null),
+            ];
+        }
+        if ($out === []) return null;
+        // Strongest (least negative) first; unknown signal sorts last.
+        usort($out, static fn(array $a, array $b): int =>
+            ($b['signalDbm'] ?? PHP_INT_MIN) <=> ($a['signalDbm'] ?? PHP_INT_MIN));
+        return $out;
+    }
+
+    /**
+     * LAN/VLAN definitions. WAN and VPN entries share this endpoint and are
+     * excluded — the panel is a VLAN inventory, not a dump of every network
+     * object the console knows about. A row with no `purpose` at all is kept:
+     * older firmwares omit it on plain LANs.
+     */
+    private function mapNetworks(?array $data): ?array
+    {
+        if (!is_array($data)) return null;
+        $out = [];
+        foreach ($data as $n) {
+            if (!is_array($n)) continue;
+            $purpose = strtolower((string) ($n['purpose'] ?? ''));
+            if ($purpose !== '' && !in_array($purpose, self::LAN_PURPOSES, true)) continue;
+            $vlan = self::num($n['vlan'] ?? null);
+            $out[] = [
+                'name'   => self::str($n['name'] ?? null),
+                'vlan'   => $vlan === null ? null : (int) $vlan,
+                'subnet' => self::str($n['ip_subnet'] ?? null),
+            ];
+        }
+        if ($out === []) return null;
+        usort($out, static fn(array $a, array $b): int =>
+            ($a['vlan'] ?? PHP_INT_MAX) <=> ($b['vlan'] ?? PHP_INT_MAX));
+        return $out;
+    }
+}
diff --git a/symfony/src/Service/Unifi/UnifiLiveReader.php b/symfony/src/Service/Unifi/UnifiLiveReader.php
new file mode 100644
index 00000000..24a86c4b
--- /dev/null
+++ b/symfony/src/Service/Unifi/UnifiLiveReader.php
@@ -0,0 +1,404 @@
+<?php
+
+namespace App\Service\Unifi;
+
+use Psr\Log\LoggerInterface;
+use Symfony\Contracts\Service\ResetInterface;
+
+/**
+ * Network-tab `live` group: everything that is genuinely per-second. 10 s TTL.
+ *
+ * One stat/sta payload feeds FOUR panels (wireless, talkers, top clients,
+ * reservations) — that sharing is why they are one group. Splitting them into
+ * per-panel routes would re-fetch every client four times per cycle, because
+ * with worker mode off the client's cache is per-request.
+ *
+ * Two of the four endpoints are configuration rather than telemetry
+ * (rest/user = DHCP reservations, stat/device-basic = AP names), so they carry
+ * their own longer TTL. The reservations panel still updates at live cadence
+ * because the LIVE half of its comparison — each client's current IP — comes
+ * from stat/sta.
+ *
+ * Shape (every leaf nullable — parse is fully defensive):
+ *  [
+ *    'wan'          => ?['status', 'ip', 'uptimeSeconds', 'downBps', 'upBps', 'latencyMs',
+ *                        'ispName', 'drops'],
+ *    'gateway'      => ?['cpuPercent', 'memPercent'],   // no temp/load in stat/health
+ *    'clients'      => ?['total', 'wired', 'wireless', 'guest'],
+ *    'wireless'     => ?list<['ssid', 'band', 'ap', 'clients', 'avgSignalDbm']>,
+ *    'talkers'      => ?list<['name', 'bps']>,     // BYTES/sec, busiest first
+ *    'topClients'   => ?list<['name', 'bytes']>,   // total, largest first
+ *    'reservations' => ?['total', 'mismatched', 'rows' => list<['name', 'reservedIp',
+ *                        'liveIp', 'status' => 'ok'|'mismatch'|'offline']>],
+ *  ]
+ *
+ * `wan` and `clients` deliberately mirror UnifiClient::overview() so the tile
+ * row can reuse the dashboard widget's rate()/dur() Twig macros unchanged.
+ *
+ * FIELD MAP verified against the live console in plan Task 0 — see
+ * docs/superpowers/plans/2026-07-24-unifi-probe-output.md.
+ */
+final class UnifiLiveReader implements ResetInterface
+{
+    private const PATH_HEALTH       = '/stat/health';
+    private const PATH_STA          = '/stat/sta';
+    private const PATH_USER         = '/rest/user';
+    private const PATH_DEVICE_BASIC = '/stat/device-basic';
+
+    /** Matches the live region's data-dash-poll cadence (10 s). */
+    private const TTL = 10.0;
+    /** Reservations and AP names are config: they change monthly, not per-second. */
+    private const CONFIG_TTL = 300.0;
+
+    private const MAX_TALKERS = 8;
+    private const MAX_TOP     = 10;
+
+    /** Test seam — advances the reader's clock without sleeping. */
+    public float $nowOffset = 0.0;
+
+    private ?array $cache = null;
+    private float $cacheAt = 0.0;
+
+    /** @var ?array{users: ?array, apNames: array<string, string>} */
+    private ?array $configCache = null;
+    private float $configCacheAt = 0.0;
+
+    public function __construct(
+        private readonly UnifiFetcher $unifi,
+        private readonly LoggerInterface $logger,
+    ) {}
+
+    public function reset(): void
+    {
+        $this->cache         = null;
+        $this->cacheAt       = 0.0;
+        $this->configCache   = null;
+        $this->configCacheAt = 0.0;
+    }
+
+    public function read(): ?array
+    {
+        $now = microtime(true) + $this->nowOffset;
+        if ($this->cache !== null && ($now - $this->cacheAt) < self::TTL) {
+            return $this->cache;
+        }
+
+        $health = $this->mapHealth($this->unifi->fetch(self::PATH_HEALTH));
+        // Fail fast on a dead console — the remaining calls would each burn
+        // another connect timeout.
+        if ($this->unifi->transportFailed()) {
+            return null; // don't cache — retry next call
+        }
+
+        $sta = $this->unifi->fetch(self::PATH_STA);
+        [$users, $apNames] = $this->config($now);
+
+        $result = [
+            'wan'          => $health['wan'] ?? null,
+            'gateway'      => $health['gateway'] ?? null,
+            'clients'      => $health['clients'] ?? null,
+            'wireless'     => $this->mapWireless($sta, $apNames),
+            'talkers'      => $this->mapTalkers($sta),
+            'topClients'   => $this->mapTopClients($sta),
+            'reservations' => $this->mapReservations($users, $sta),
+        ];
+
+        if (array_filter($result, static fn($v): bool => $v !== null) === []) {
+            $this->logger->debug('UnifiLiveReader: every endpoint returned no data');
+            return null; // don't cache — retry next call
+        }
+
+        $this->cache   = $result;
+        $this->cacheAt = $now;
+        return $this->cache;
+    }
+
+    /**
+     * The two configuration endpoints, on their own longer TTL.
+     *
+     * @return array{0: ?array, 1: array<string, string>} raw user rows, mac => AP name
+     */
+    private function config(float $now): array
+    {
+        if ($this->configCache !== null && ($now - $this->configCacheAt) < self::CONFIG_TTL) {
+            return [$this->configCache['users'], $this->configCache['apNames']];
+        }
+
+        $users = $this->unifi->fetch(self::PATH_USER);
+
+        // AP names: device names live in the 60s infra group, but the wireless
+        // panel is here in the 10s group. device-basic is a name-only payload,
+        // so resolving MAC => name costs far less than a full stat/device.
+        $apNames = [];
+        foreach ((array) ($this->unifi->fetch(self::PATH_DEVICE_BASIC) ?? []) as $d) {
+            if (!is_array($d)) continue;
+            $mac  = self::str($d['mac'] ?? null);
+            $name = self::str($d['name'] ?? null);
+            if ($mac !== null && $name !== null) {
+                $apNames[strtolower($mac)] = $name;
+            }
+        }
+
+        $this->configCache   = ['users' => $users, 'apNames' => $apNames];
+        $this->configCacheAt = $now;
+        return [$users, $apNames];
+    }
+
+    private static function num(mixed $v): ?float
+    {
+        return is_numeric($v) ? (float) $v : null;
+    }
+
+    private static function str(mixed $v): ?string
+    {
+        return is_string($v) && $v !== '' ? $v : null;
+    }
+
+    /** name → hostname → mac. Never empty: the panels are lists of things, not blanks. */
+    private static function clientName(array $c): string
+    {
+        return self::str($c['name'] ?? null)
+            ?? self::str($c['hostname'] ?? null)
+            ?? self::str($c['mac'] ?? null)
+            ?? '—';
+    }
+
+    /** Current combined throughput in BYTES/sec. */
+    private static function rateOf(array $c): float
+    {
+        return (self::num($c['tx_bytes-r'] ?? null) ?? 0.0)
+             + (self::num($c['rx_bytes-r'] ?? null) ?? 0.0);
+    }
+
+    /** Session total in bytes. */
+    private static function totalOf(array $c): float
+    {
+        return (self::num($c['tx_bytes'] ?? null) ?? 0.0)
+             + (self::num($c['rx_bytes'] ?? null) ?? 0.0);
+    }
+
+    /**
+     * Same subsystem walk as UnifiClient::mapHealth(), plus the ISP name and
+     * the WAN drop count — the tab has room for them where the widget's tile
+     * did not.
+     */
+    private function mapHealth(?array $data): ?array
+    {
+        if (!is_array($data)) return null;
+        $sub = [];
+        foreach ($data as $row) {
+            if (is_array($row) && isset($row['subsystem'])) {
+                $sub[(string) $row['subsystem']] = $row;
+            }
+        }
+        if ($sub === []) return null;
+
+        $wan  = $sub['wan']  ?? null;
+        $www  = $sub['www']  ?? null;
+        $lan  = $sub['lan']  ?? null;
+        $wlan = $sub['wlan'] ?? null;
+
+        $field = static fn(?array $s, string $k): ?float =>
+            is_array($s) ? self::num($s[$k] ?? null) : null;
+
+        // num_user excludes guests/IoT on recent Network versions, so a count
+        // is the SUM of the three buckets — same rule as UnifiClient.
+        $count = static function (?array $s) use ($field): ?int {
+            $total = null;
+            foreach (['num_user', 'num_guest', 'num_iot'] as $k) {
+                $v = $field($s, $k);
+                if ($v !== null) $total = ($total ?? 0) + (int) $v;
+            }
+            return $total;
+        };
+
+        $wired    = $count($lan);
+        $wireless = $count($wlan);
+        $guest    = null;
+        foreach ([$lan, $wlan] as $s) {
+            $g = $field($s, 'num_guest');
+            if ($g !== null) $guest = ($guest ?? 0) + (int) $g;
+        }
+
+        $wanBlock = null;
+        if (is_array($wan) || is_array($www)) {
+            $uptime  = $field($www, 'uptime');
+            $latency = $field($www, 'latency');
+            $drops   = $field($www, 'drops');
+            $wanBlock = [
+                'status'        => isset($wan['status']) ? (string) $wan['status']
+                                   : (isset($www['status']) ? (string) $www['status'] : null),
+                'ip'            => self::str($wan['wan_ip'] ?? null),
+                'uptimeSeconds' => $uptime === null ? null : (int) $uptime,
+                'downBps'       => $field($www, 'rx_bytes-r') ?? $field($wan, 'rx_bytes-r'),
+                'upBps'         => $field($www, 'tx_bytes-r') ?? $field($wan, 'tx_bytes-r'),
+                'latencyMs'     => $latency === null ? null : (int) $latency,
+                // The ISP name is the WAN tile's subtitle ("AT&T Internet · 3 ms"),
+                // and drops is a real WAN health signal. Both come free out of a
+                // payload already being parsed.
+                'ispName'       => self::str($wan['isp_name'] ?? null),
+                'drops'         => $drops === null ? null : (int) $drops,
+            ];
+        }
+
+        // CPU and memory only: stat/health's gw_system-stats has no temperature
+        // and no load average (verified in Task 0). Gateway temperature comes
+        // from UnifiInfraReader's devices[].tempC on the infrastructure card.
+        $gw = is_array($wan['gw_system-stats'] ?? null) ? $wan['gw_system-stats'] : null;
+
+        return [
+            'wan'     => $wanBlock,
+            'clients' => ($wired === null && $wireless === null) ? null : [
+                'total'    => (int) (($wired ?? 0) + ($wireless ?? 0)),
+                'wired'    => $wired,
+                'wireless' => $wireless,
+                'guest'    => $guest,
+            ],
+            'gateway' => $gw === null ? null : [
+                'cpuPercent' => self::num($gw['cpu'] ?? null),
+                'memPercent' => self::num($gw['mem'] ?? null),
+            ],
+        ];
+    }
+
+    /**
+     * Wireless clients grouped by SSID x AP, with the mean signal per group.
+     * Wired clients are excluded — this panel answers "how is each SSID doing
+     * on each radio", which is meaningless for a cable.
+     *
+     * @param array<string, string> $apNames mac => AP name
+     */
+    private function mapWireless(?array $sta, array $apNames): ?array
+    {
+        if (!is_array($sta)) return null;
+        $groups = [];
+        foreach ($sta as $c) {
+            if (!is_array($c) || ($c['is_wired'] ?? false) === true) continue;
+            $ssid = self::str($c['essid'] ?? null);
+            if ($ssid === null) continue; // not usably wireless
+            $apMac = strtolower((string) ($c['ap_mac'] ?? ''));
+            $band  = match (strtolower((string) ($c['radio'] ?? ''))) {
+                'ng'    => '2.4 GHz',
+                'na'    => '5 GHz',
+                '6e'    => '6 GHz',
+                default => null,
+            };
+            $key = $ssid . '|' . $apMac . '|' . ($band ?? '');
+            if (!isset($groups[$key])) {
+                $groups[$key] = [
+                    'ssid'    => $ssid,
+                    'band'    => $band,
+                    'ap'      => $apNames[$apMac] ?? null,
+                    'clients' => 0,
+                    'signals' => [],
+                ];
+            }
+            $groups[$key]['clients']++;
+            $signal = self::num($c['signal'] ?? null);
+            if ($signal !== null) $groups[$key]['signals'][] = $signal;
+        }
+        if ($groups === []) return null;
+
+        $out = [];
+        foreach ($groups as $g) {
+            $out[] = [
+                'ssid'         => $g['ssid'],
+                'band'         => $g['band'],
+                'ap'           => $g['ap'],
+                'clients'      => $g['clients'],
+                'avgSignalDbm' => $g['signals'] === [] ? null
+                    : (int) round(array_sum($g['signals']) / count($g['signals'])),
+            ];
+        }
+        // Busiest SSID first, then by name for a stable order across polls.
+        usort($out, static fn(array $a, array $b): int =>
+            [$b['clients'], $a['ssid']] <=> [$a['clients'], $b['ssid']]);
+        return $out;
+    }
+
+    /** Busiest clients right now. Idle clients are omitted — a bar of 0 is noise. */
+    private function mapTalkers(?array $sta): ?array
+    {
+        if (!is_array($sta)) return null;
+        $out = [];
+        foreach ($sta as $c) {
+            if (!is_array($c)) continue;
+            $bps = self::rateOf($c);
+            if ($bps <= 0.0) continue;
+            $out[] = ['name' => self::clientName($c), 'bps' => $bps];
+        }
+        if ($out === []) return null;
+        usort($out, static fn(array $a, array $b): int => $b['bps'] <=> $a['bps']);
+        return array_slice($out, 0, self::MAX_TALKERS);
+    }
+
+    /** Largest data movers this session. */
+    private function mapTopClients(?array $sta): ?array
+    {
+        if (!is_array($sta)) return null;
+        $out = [];
+        foreach ($sta as $c) {
+            if (!is_array($c)) continue;
+            $bytes = self::totalOf($c);
+            if ($bytes <= 0.0) continue;
+            $out[] = ['name' => self::clientName($c), 'bytes' => $bytes];
+        }
+        if ($out === []) return null;
+        usort($out, static fn(array $a, array $b): int => $b['bytes'] <=> $a['bytes']);
+        return array_slice($out, 0, self::MAX_TOP);
+    }
+
+    /**
+     * DHCP reservations vs the address each client actually holds.
+     *
+     * `mismatched` counts only status 'mismatch' — a reserved device that is
+     * merely offline has not violated its reservation, and counting it would
+     * cry wolf every time a laptop sleeps.
+     */
+    private function mapReservations(?array $users, ?array $sta): ?array
+    {
+        if (!is_array($users)) return null;
+
+        $liveByMac = [];
+        foreach ((array) ($sta ?? []) as $c) {
+            if (!is_array($c)) continue;
+            $mac = self::str($c['mac'] ?? null);
+            if ($mac !== null) $liveByMac[strtolower($mac)] = self::str($c['ip'] ?? null);
+        }
+
+        $rows = [];
+        foreach ($users as $u) {
+            if (!is_array($u)) continue;
+            if (($u['use_fixedip'] ?? false) !== true) continue; // not a reservation
+            $mac      = self::str($u['mac'] ?? null);
+            $reserved = self::str($u['fixed_ip'] ?? null);
+            if ($mac === null || $reserved === null) continue;   // unusable row
+
+            $isOnline = array_key_exists(strtolower($mac), $liveByMac);
+            $liveIp   = $isOnline ? $liveByMac[strtolower($mac)] : null;
+            $status   = !$isOnline || $liveIp === null ? 'offline'
+                : ($liveIp === $reserved ? 'ok' : 'mismatch');
+
+            $rows[] = [
+                'name'       => self::clientName($u),
+                'reservedIp' => $reserved,
+                'liveIp'     => $liveIp,
+                'status'     => $status,
+            ];
+        }
+        if ($rows === []) return null;
+
+        // Mismatches first — they're the reason the panel exists and must be
+        // visible without scrolling a 38-row table.
+        $rank = ['mismatch' => 0, 'offline' => 1, 'ok' => 2];
+        usort($rows, static fn(array $a, array $b): int =>
+            [$rank[$a['status']], strtolower($a['name'])]
+            <=> [$rank[$b['status']], strtolower($b['name'])]);
+
+        return [
+            'total'      => count($rows),
+            'mismatched' => count(array_filter($rows, static fn(array $r): bool => $r['status'] === 'mismatch')),
+            'rows'       => $rows,
+        ];
+    }
+}
diff --git a/symfony/src/Theme/ColorMath.php b/symfony/src/Theme/ColorMath.php
new file mode 100644
index 00000000..7a04d2cb
--- /dev/null
+++ b/symfony/src/Theme/ColorMath.php
@@ -0,0 +1,54 @@
+<?php
+namespace App\Theme;
+
+/**
+ * Pure HSL → RGB/hex color math. No state, no dependencies — kept separate
+ * from ThemeService so the conversion can be unit-tested in isolation and
+ * reused if a custom-theme editor lands later.
+ */
+final class ColorMath
+{
+    public static function clamp(float $v, float $min = 0.0, float $max = 100.0): float
+    {
+        return max($min, min($max, $v));
+    }
+
+    /** @return array{0:int,1:int,2:int} */
+    private static function hslToRgb(int $h, float $s, float $l): array
+    {
+        $h = (($h % 360) + 360) % 360;
+        $s = self::clamp($s) / 100.0;
+        $l = self::clamp($l) / 100.0;
+
+        $c = (1 - abs(2 * $l - 1)) * $s;
+        $x = $c * (1 - abs(fmod($h / 60.0, 2) - 1));
+        $m = $l - $c / 2;
+
+        [$r, $g, $b] = match (true) {
+            $h < 60  => [$c, $x, 0.0],
+            $h < 120 => [$x, $c, 0.0],
+            $h < 180 => [0.0, $c, $x],
+            $h < 240 => [0.0, $x, $c],
+            $h < 300 => [$x, 0.0, $c],
+            default  => [$c, 0.0, $x],
+        };
+
+        return [
+            (int) round(($r + $m) * 255),
+            (int) round(($g + $m) * 255),
+            (int) round(($b + $m) * 255),
+        ];
+    }
+
+    public static function hslToHex(int $h, float $s, float $l): string
+    {
+        [$r, $g, $b] = self::hslToRgb($h, $s, $l);
+        return sprintf('#%02x%02x%02x', $r, $g, $b);
+    }
+
+    public static function hslToRgbTuple(int $h, float $s, float $l): string
+    {
+        [$r, $g, $b] = self::hslToRgb($h, $s, $l);
+        return "$r, $g, $b";
+    }
+}
diff --git a/symfony/src/Theme/ThemePresets.php b/symfony/src/Theme/ThemePresets.php
new file mode 100644
index 00000000..a42cb80d
--- /dev/null
+++ b/symfony/src/Theme/ThemePresets.php
@@ -0,0 +1,204 @@
+<?php
+namespace App\Theme;
+
+/**
+ * Curated, glance-style theme presets. Authored in HSL + multipliers
+ * (background / primary / positive / negative + contrast & text-saturation
+ * multipliers + light flag), exactly like glance's theme model. ThemeService
+ * resolves these into concrete CSS variables.
+ *
+ * `midnight` is the default and reproduces Prismarr's pre-themes dark look
+ * (#111 background, indigo primary) so upgrades are a visual no-op.
+ */
+final class ThemePresets
+{
+    public const DEFAULT_KEY = 'midnight';
+
+    // glance HSL values are "H S L"; we store [H, S, L]. Where glance omits
+    // positive/negative we fill a sensible green/red; omitted multipliers → 1.0.
+    // Authored from https://github.com/glanceapp/glance/blob/main/docs/themes.md
+    public const PRESETS = [
+        'midnight' => [
+            'label_key'      => 'admin.display.theme.preset.midnight',
+            'light'          => false,
+            'bg'             => [0, 0, 6.5],       // #111111
+            'primary'        => [239, 84, 66.8],   // #6366f1 indigo
+            'positive'       => [142, 71, 45],     // green
+            'negative'       => [0, 84, 60],       // red
+            'contrast'       => 1.0,
+            'textSaturation' => 1.0,
+        ],
+        'nord' => [
+            'label_key'      => 'admin.display.theme.preset.nord',
+            'light'          => false,
+            'bg'             => [220, 16, 22],
+            'primary'        => [213, 32, 70],
+            'positive'       => [92, 28, 65],
+            'negative'       => [354, 42, 56],
+            'contrast'       => 1.0,
+            'textSaturation' => 1.0,
+        ],
+        'catppuccin_latte' => [
+            'label_key'      => 'admin.display.theme.preset.catppuccin_latte',
+            'light'          => true,
+            'bg'             => [220, 23, 95],
+            'primary'        => [220, 91, 54],
+            'positive'       => [109, 58, 40],
+            'negative'       => [347, 87, 44],
+            'contrast'       => 1.0,
+            'textSaturation' => 1.0,
+        ],
+        'catppuccin_frappe' => [
+            'label_key'      => 'admin.display.theme.preset.catppuccin_frappe',
+            'light'          => false,
+            'bg'             => [229, 19, 23],
+            'primary'        => [222, 74, 74],
+            'positive'       => [96, 44, 68],
+            'negative'       => [359, 68, 71],
+            'contrast'       => 1.2,
+            'textSaturation' => 1.0,
+        ],
+        'catppuccin_macchiato' => [
+            'label_key'      => 'admin.display.theme.preset.catppuccin_macchiato',
+            'light'          => false,
+            'bg'             => [232, 23, 18],
+            'primary'        => [220, 83, 75],
+            'positive'       => [105, 48, 72],
+            'negative'       => [351, 74, 73],
+            'contrast'       => 1.2,
+            'textSaturation' => 1.0,
+        ],
+        'catppuccin_mocha' => [
+            'label_key'      => 'admin.display.theme.preset.catppuccin_mocha',
+            'light'          => false,
+            'bg'             => [240, 21, 15],
+            'primary'        => [217, 92, 83],
+            'positive'       => [115, 54, 76],
+            'negative'       => [347, 70, 65],
+            'contrast'       => 1.2,
+            'textSaturation' => 1.0,
+        ],
+        'dracula' => [
+            'label_key'      => 'admin.display.theme.preset.dracula',
+            'light'          => false,
+            'bg'             => [231, 15, 21],
+            'primary'        => [265, 89, 79],
+            'positive'       => [135, 94, 66],
+            'negative'       => [0, 100, 67],
+            'contrast'       => 1.2,
+            'textSaturation' => 1.0,
+        ],
+        'gruvbox_dark' => [
+            'label_key'      => 'admin.display.theme.preset.gruvbox_dark',
+            'light'          => false,
+            'bg'             => [0, 0, 16],
+            'primary'        => [43, 59, 81],
+            'positive'       => [61, 66, 44],
+            'negative'       => [6, 96, 59],
+            'contrast'       => 1.0,
+            'textSaturation' => 1.0,
+        ],
+        'kanagawa_dark' => [
+            'label_key'      => 'admin.display.theme.preset.kanagawa_dark',
+            'light'          => false,
+            'bg'             => [240, 13, 14],
+            'primary'        => [51, 33, 68],
+            'positive'       => [142, 40, 55],
+            'negative'       => [358, 100, 68],
+            'contrast'       => 1.2,
+            'textSaturation' => 1.0,
+        ],
+        'teal_city' => [
+            'label_key'      => 'admin.display.theme.preset.teal_city',
+            'light'          => false,
+            'bg'             => [225, 14, 15],
+            'primary'        => [157, 47, 65],
+            'positive'       => [142, 45, 55],
+            'negative'       => [0, 75, 60],
+            'contrast'       => 1.1,
+            'textSaturation' => 1.0,
+        ],
+        'camouflage' => [
+            'label_key'      => 'admin.display.theme.preset.camouflage',
+            'light'          => false,
+            'bg'             => [186, 21, 20],
+            'primary'        => [97, 13, 80],
+            'positive'       => [142, 40, 55],
+            'negative'       => [0, 70, 60],
+            'contrast'       => 1.2,
+            'textSaturation' => 1.0,
+        ],
+        'tucan' => [
+            'label_key'      => 'admin.display.theme.preset.tucan',
+            'light'          => false,
+            'bg'             => [50, 1, 6],
+            'primary'        => [24, 97, 58],
+            'positive'       => [142, 45, 55],
+            'negative'       => [209, 88, 54],
+            'contrast'       => 1.0,
+            'textSaturation' => 1.0,
+        ],
+        'shades_of_purple' => [
+            'label_key'      => 'admin.display.theme.preset.shades_of_purple',
+            'light'          => false,
+            'bg'             => [243, 33, 25],
+            'primary'        => [50, 100, 49],
+            'positive'       => [98, 82, 71],
+            'negative'       => [12, 77, 52],
+            'contrast'       => 1.2,
+            'textSaturation' => 1.0,
+        ],
+        'neon_pink' => [
+            'label_key'      => 'admin.display.theme.preset.neon_pink',
+            'light'          => false,
+            'bg'             => [240, 27, 11],
+            'primary'        => [321, 100, 71],
+            'positive'       => [165, 78, 51],
+            'negative'       => [360, 100, 71],
+            'contrast'       => 1.5,
+            'textSaturation' => 1.0,
+        ],
+        'solarized_light' => [
+            'label_key'      => 'admin.display.theme.preset.solarized_light',
+            'light'          => true,
+            'bg'             => [44, 87, 94],
+            'primary'        => [205, 69, 49],
+            'positive'       => [68, 100, 30],
+            'negative'       => [1, 71, 52],
+            'contrast'       => 1.0,
+            'textSaturation' => 1.0,
+        ],
+        'peachy' => [
+            'label_key'      => 'admin.display.theme.preset.peachy',
+            'light'          => true,
+            'bg'             => [28, 40, 77],
+            'primary'        => [155, 100, 20],
+            'positive'       => [142, 45, 40],
+            'negative'       => [0, 100, 60],
+            'contrast'       => 1.1,
+            'textSaturation' => 0.5,
+        ],
+        'zebra' => [
+            'label_key'      => 'admin.display.theme.preset.zebra',
+            'light'          => true,
+            'bg'             => [0, 0, 95],
+            'primary'        => [0, 0, 10],
+            'positive'       => [142, 45, 40],
+            'negative'       => [0, 90, 50],
+            'contrast'       => 1.0,
+            'textSaturation' => 1.0,
+        ],
+    ];
+
+    /** @return array<int,string> */
+    public static function keys(): array
+    {
+        return array_keys(self::PRESETS);
+    }
+
+    /** @return array<string,string> key => label translation key */
+    public static function optionLabels(): array
+    {
+        return array_map(static fn (array $p): string => $p['label_key'], self::PRESETS);
+    }
+}
diff --git a/symfony/src/Twig/ConfigExtension.php b/symfony/src/Twig/ConfigExtension.php
index f94a4595..549f33b8 100644
--- a/symfony/src/Twig/ConfigExtension.php
+++ b/symfony/src/Twig/ConfigExtension.php
@@ -25,10 +25,13 @@ class ConfigExtension extends AbstractExtension
         'prowlarr'    => 'prowlarr_api_key',
         'jellyseerr'  => 'jellyseerr_api_key',
         'qbittorrent' => 'qbittorrent_url',
+        'deluge'      => 'deluge_url',
+        'transmission' => 'transmission_url',
         'sabnzbd'     => 'sabnzbd_url',
         'nzbget'      => 'nzbget_url',
         'gluetun'     => 'gluetun_url',
         'tautulli'    => 'tautulli_url',
+        'unifi'       => 'unifi_url',
     ];
 
     /** Services backed by service_instance instead of a flat setting. */
diff --git a/symfony/src/Twig/DisplayPreferencesExtension.php b/symfony/src/Twig/DisplayPreferencesExtension.php
index 3b35ab53..65e5776a 100644
--- a/symfony/src/Twig/DisplayPreferencesExtension.php
+++ b/symfony/src/Twig/DisplayPreferencesExtension.php
@@ -151,6 +151,8 @@ public function pref(string $key): mixed
             'theme_color_hex'      => $this->prefs->getThemeColorHex(),
             'theme_color_rgb'      => $this->prefs->getThemeColorRgb(),
             'qbit_refresh_seconds' => $this->prefs->getQbitRefreshSeconds(),
+            'deluge_refresh_seconds' => $this->prefs->getDelugeRefreshSeconds(),
+            'transmission_refresh_seconds' => $this->prefs->getTransmissionRefreshSeconds(),
             'ui_density'           => $this->prefs->getUiDensity(),
             default                => null,
         };
diff --git a/symfony/src/Twig/ThemeExtension.php b/symfony/src/Twig/ThemeExtension.php
new file mode 100644
index 00000000..51c83c0d
--- /dev/null
+++ b/symfony/src/Twig/ThemeExtension.php
@@ -0,0 +1,24 @@
+<?php
+namespace App\Twig;
+
+use App\Service\ThemeService;
+use Twig\Extension\AbstractExtension;
+use Twig\TwigFunction;
+
+/**
+ * Exposes the resolved theme to templates:
+ *   {{ theme().light }}                 {# bool #}
+ *   {{ theme().primary_hex }}           {# "#6366f1" #}
+ *   {% for name, value in theme().css %}{{ name }}: {{ value }};{% endfor %}
+ */
+final class ThemeExtension extends AbstractExtension
+{
+    public function __construct(private readonly ThemeService $theme) {}
+
+    public function getFunctions(): array
+    {
+        return [
+            new TwigFunction('theme', [$this->theme, 'resolve']),
+        ];
+    }
+}
diff --git a/symfony/templates/_filter_pills.html.twig b/symfony/templates/_filter_pills.html.twig
new file mode 100644
index 00000000..cf19b162
--- /dev/null
+++ b/symfony/templates/_filter_pills.html.twig
@@ -0,0 +1,12 @@
+{# Shared filter-pill row. Params:
+     pills : list of { filter: string(data-filter value), label: string(translated),
+                       hue?: string(raw colour or Tabler var; omit → theme primary),
+                       count?: string|int(optional badge),
+                       title?: string(optional native tooltip) }
+     active     : the currently-active filter value
+     fill       : bool (default false) — add .flex-fill so pills split the row evenly
+     btn_class  : extra classes on each pill (default '')
+   The page's own JS handles clicks (delegated on .filter-pill, read data-filter). #}
+{% for p in pills %}
+  <button type="button" class="filter-pill{{ fill|default(false) ? ' flex-fill' }}{{ p.filter == active ? ' active' }}{{ btn_class is defined and btn_class ? ' ' ~ btn_class }}" data-filter="{{ p.filter }}"{% if p.title is defined and p.title %} title="{{ p.title }}"{% endif %}{% if p.hue is defined and p.hue %} style="--pill-hue:{{ p.hue }}"{% endif %}>{{ p.label }}{% if p.count is defined and p.count is not null %} <span class="badge">{{ p.count }}</span>{% endif %}</button>
+{% endfor %}
diff --git a/symfony/templates/_form.html.twig b/symfony/templates/_form.html.twig
new file mode 100644
index 00000000..b75c2931
--- /dev/null
+++ b/symfony/templates/_form.html.twig
@@ -0,0 +1,34 @@
+{#
+  Shared form macros.
+
+  secret_input — the single "password field with reveal toggle" pattern
+  (stock Tabler input-group). The click handler is a page-level binding on
+  [data-toggle-for] (setup/_layout.html.twig for the wizard,
+  admin/settings.html.twig for the admin page): it flips the target input
+  between type=password and type=text.
+
+  opts:
+    value        prefill (default '')
+    placeholder  optional placeholder
+    autocomplete autocomplete attribute (default 'off')
+    required     bool (default false)
+    minlength    optional int
+#}
+{% macro secret_input(id, name, opts = {}) %}
+  {% import '_icons.html.twig' as ico %}
+  <div class="input-group input-group-flat">
+    <input type="password" id="{{ id }}" name="{{ name }}" class="form-control"
+           value="{{ opts.value ?? '' }}"
+           {%- if opts.placeholder ?? false %} placeholder="{{ opts.placeholder }}"{% endif %}
+           autocomplete="{{ opts.autocomplete ?? 'off' }}" spellcheck="false"
+           {%- if opts.required ?? false %} required{% endif %}
+           {%- if opts.minlength ?? false %} minlength="{{ opts.minlength }}"{% endif %}/>
+    <span class="input-group-text">
+      <button type="button" class="btn btn-link link-secondary p-0 border-0"
+              aria-label="{{ 'setup.step.admin.toggle_visibility'|trans }}"
+              data-toggle-for="{{ id }}">
+        {{ ico.icon('eye', '', 16) }}
+      </button>
+    </span>
+  </div>
+{% endmacro %}
diff --git a/symfony/templates/_icons.html.twig b/symfony/templates/_icons.html.twig
index 2e03725e..68727d77 100644
--- a/symfony/templates/_icons.html.twig
+++ b/symfony/templates/_icons.html.twig
@@ -57,6 +57,7 @@
   'map': '<path d="M3 7l6 -3l6 3l6 -3v13l-6 3l-6 -3l-6 3v-13"/> <path d="M9 4v13"/> <path d="M15 7v13"/>',
   'heart': '<path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572"/>',
   'brand-discord': '<path d="M8 12a1 1 0 1 0 2 0a1 1 0 0 0 -2 0"/> <path d="M14 12a1 1 0 1 0 2 0a1 1 0 0 0 -2 0"/> <path d="M8.5 17c0 1 -1.356 3 -1.832 3c-1.429 0 -2.698 -1.667 -3.333 -3c-.635 -1.667 -.476 -5.833 1.428 -11.667c1.388 -1.027 2.782 -1.32 4.237 -1.333l1 1.833h1.667l1 -1.833c1.455 .013 2.849 .306 4.237 1.333c1.904 5.834 2.063 10 1.428 11.667c-.635 1.333 -1.904 3 -3.333 3c-.476 0 -1.832 -2 -1.832 -3"/> <path d="M7 16.5c3.5 1 6.5 1 10 0"/>',
+  'folder-plus': '<path d="M12 19h-7a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v3.5"/> <path d="M16 19h6"/> <path d="M19 16v6"/>',
 } -%}
 {%- if _paths[name] is defined -%}
 {%- set _filled = name ends with '-filled' -%}
diff --git a/symfony/templates/_quicklook.html.twig b/symfony/templates/_quicklook.html.twig
new file mode 100644
index 00000000..bd7f7a57
--- /dev/null
+++ b/symfony/templates/_quicklook.html.twig
@@ -0,0 +1,316 @@
+<style>
+  /* ── Quick-look modal ───────────────────────────────────────────── */
+  .ql-modal-content { background: var(--tblr-bg-surface); overflow: hidden; border-radius: 14px; }
+  .ql-loading { padding: 4rem; text-align: center; }
+  .ql-backdrop {
+    position: relative; min-height: 180px;
+    background-size: cover; background-position: center 25%;
+    background-color: var(--tblr-bg-surface-secondary);
+  }
+  .ql-backdrop-fade {
+    position: absolute; inset: 0;
+    background: linear-gradient(to top, var(--tblr-bg-surface) 2%, rgba(0,0,0,.15) 60%, rgba(0,0,0,.35) 100%);
+  }
+  /* Close must survive any hero artwork: 32px circular target on a permanent
+     dark scrim, full-opacity glyph (was Bootstrap's 14px at 40% opacity). */
+  .ql-close { position: absolute; top: .75rem; right: .75rem; z-index: 2;
+    width: 32px; height: 32px; padding: 0; border-radius: 50%; opacity: 1;
+    background-color: rgba(0,0,0,.55); background-size: .85rem; }
+  .ql-close:hover, .ql-close:focus { opacity: 1; background-color: rgba(0,0,0,.75); }
+  .ql-body { display: flex; gap: 1.25rem; padding: 0 1.5rem 1.5rem; margin-top: -60px; position: relative; z-index: 1; }
+  @media (max-width: 576px) { .ql-body { flex-direction: column; align-items: center; text-align: center; } }
+  .ql-poster { width: 120px; aspect-ratio: 2/3; object-fit: cover; border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.45); flex-shrink: 0; }
+  .ql-poster-empty { display: flex; align-items: center; justify-content: center; background: var(--tblr-bg-surface-secondary); color: var(--tblr-secondary); }
+  .ql-main { flex: 1; min-width: 0; padding-top: 64px; }
+  @media (max-width: 576px) { .ql-main { padding-top: .5rem; } }
+  .ql-title { font-size: 1.4rem; font-weight: 700; margin: 0 0 .5rem; color: var(--tblr-body-color); }
+  .ql-year { font-weight: 400; color: var(--tblr-secondary); }
+  .ql-meta { display: flex; flex-wrap: wrap; gap: .5rem .7rem; align-items: center; margin-bottom: .85rem; font-size: .8rem; color: var(--tblr-secondary); }
+  .ql-meta .ql-rating { color: #f59e0b; font-weight: 600; }
+  .ql-chip { padding: .12rem .5rem; background: rgba(148,163,184,.18); border-radius: 4px; font-size: .7rem; }
+  .ql-badge { padding: .15rem .55rem; border-radius: 999px; font-size: .68rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
+  .ql-badge.is-downloaded { background: rgba(34,197,94,.18); color: #22c55e; }
+  .ql-badge.is-monitored { background: rgba(99,102,241,.18); color: #6366f1; }
+  .ql-badge.is-missing { background: rgba(245,158,11,.18); color: #f59e0b; }
+  .ql-overview { font-size: .88rem; line-height: 1.55; color: var(--tblr-body-color); margin-bottom: 1rem; }
+  .ql-action {
+    display: inline-flex; align-items: center; gap: .4rem;
+    padding: .5rem 1rem; border-radius: 8px;
+    background: var(--tblr-primary); color: #fff; font-weight: 600; font-size: .85rem;
+    text-decoration: none !important;
+  }
+  .ql-action:hover { filter: brightness(1.08); color: #fff; }
+  .ql-error { padding: 3rem 1.5rem; text-align: center; color: var(--tblr-secondary); }
+  /* ── Release dates + air-status ────────────────────────────────── */
+  .ql-dates { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .5rem; margin-bottom: .85rem; }
+  .ql-date {
+    display: inline-flex; flex-direction: column; gap: .05rem;
+    padding: .2rem .55rem; border-radius: 6px;
+    background: rgba(148,163,184,.12); border: 1px solid var(--tblr-border-color);
+    font-size: .72rem; line-height: 1.3;
+  }
+  .ql-date-label { color: var(--tblr-secondary); font-size: .65rem; text-transform: uppercase; letter-spacing: .03em; }
+  .ql-date-val { color: var(--tblr-body-color); font-weight: 500; }
+  .ql-date.is-upcoming {
+    background: rgba(var(--tblr-primary-rgb, 32,107,196),.13);
+    border-color: var(--tblr-primary);
+  }
+  .ql-date.is-upcoming .ql-date-label { color: var(--tblr-primary); }
+  .ql-date.is-upcoming .ql-date-val { color: var(--tblr-primary); font-weight: 600; }
+  .ql-airstatus { display: inline-flex; align-items: center; justify-content: center; padding: .25rem .6rem; border-radius: 999px; font-size: .68rem; font-weight: 600; line-height: 1; text-transform: uppercase; letter-spacing: .04em; }
+  .ql-airstatus.is-continuing { background: rgba(34,197,94,.16); color: #22c55e; }
+  .ql-airstatus.is-ended { background: rgba(148,163,184,.18); color: var(--tblr-secondary); }
+  /* ── Providers / cast / trailer / actions ──────────────────────── */
+  .ql-providers { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .85rem; }
+  .ql-provider { width: 30px; height: 30px; border-radius: 6px; object-fit: cover; }
+  .ql-cast { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 1rem; }
+  .ql-cast-item { width: 52px; text-align: center; }
+  .ql-cast-photo { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; }
+  .ql-cast-photo-empty { display: flex; align-items: center; justify-content: center; background: var(--tblr-bg-surface-secondary); color: var(--tblr-secondary); font-size: .8rem; }
+  .ql-cast-name { display: block; font-size: .6rem; line-height: 1.15; color: var(--tblr-secondary); margin-top: .2rem; }
+  .ql-trailer { border-radius: 10px; overflow: hidden; margin-bottom: 1rem; }
+  .ql-actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
+  .ql-action-secondary {
+    display: inline-flex; align-items: center; padding: .5rem .9rem; border-radius: 8px;
+    border: 1px solid var(--tblr-border-color); color: var(--tblr-body-color);
+    font-weight: 600; font-size: .8rem; text-decoration: none !important;
+  }
+  .ql-action-secondary:hover { border-color: var(--tblr-primary); color: var(--tblr-primary); }
+  .ql-wl { cursor: pointer; gap: .35rem; }
+  .ql-wl.is-active { border-color: #f59e0b; color: #f59e0b; }
+  .ql-wl.is-active:hover { border-color: #f59e0b; color: #f59e0b; }
+
+  /* ── Mobile/tablet readability floor (responsive audit 2026-06-29) ──
+     Floor sub-11px text at 11px (.6875rem) below the lg breakpoint;
+     desktop (≥992px) keeps the original sizes. */
+  @media (max-width: 991.98px) {
+    .ql-badge,
+    .ql-date-label,
+    .ql-airstatus,
+    .ql-cast-name { font-size: .6875rem; }
+  }
+</style>
+
+{% include 'dashboard/_quicklook_modal.html.twig' with {} only %}
+
+<script>
+  (function () {
+    var BASE = '{{ app.request.getBasePath() }}';
+    // ── Quick-look modal: delegated open + fetch + manual show/hide.
+    // Tiles carry [data-ql-trigger] + data-ql-source/type/slug/id and keep
+    // their href as a no-JS fallback. We intercept the click, open the shell,
+    // fetch the matching fragment, and swap it into [data-ql-body].
+    // Re-query the modal on every use: it lives in the content block, so Turbo
+    // replaces the node on each render. Caching it once would leave the
+    // document-level delegated listeners pointing at a detached node after a
+    // navigation, and the quick-look would silently stop opening.
+    function qlEl() { return document.getElementById('ql-modal'); }
+    function qlBody() { var m = qlEl(); return m ? m.querySelector('[data-ql-body]') : null; }
+
+    function qlOpen() {
+      var m = qlEl();
+      if (!m) return;
+      m.classList.add('show');
+      m.style.display = 'block';
+      m.removeAttribute('aria-hidden');
+      m.setAttribute('aria-modal', 'true');
+      document.body.classList.add('modal-open');
+      if (!document.querySelector('.modal-backdrop.ql-backdrop-el')) {
+        var bd = document.createElement('div');
+        bd.className = 'modal-backdrop fade show ql-backdrop-el';
+        document.body.appendChild(bd);
+      }
+      // Reflect watchlist state onto the ☆ button each time a fragment loads.
+      var body = m.querySelector('[data-ql-body]');
+      if (body && window.MutationObserver) {
+        if (qlWlObserver) { qlWlObserver.disconnect(); }
+        qlWlObserver = new MutationObserver(function () { qlDecorateWl(body); });
+        qlWlObserver.observe(body, { childList: true });
+      }
+    }
+    function qlClose() {
+      var m = qlEl();
+      if (!m) return;
+      if (qlWlObserver) { qlWlObserver.disconnect(); qlWlObserver = null; }
+      m.classList.remove('show');
+      m.style.display = 'none';
+      m.setAttribute('aria-hidden', 'true');
+      m.removeAttribute('aria-modal');
+      var bd = document.querySelector('.modal-backdrop.ql-backdrop-el');
+      if (bd) bd.remove();
+      if (!document.querySelector('.modal.show')) { document.body.classList.remove('modal-open'); }
+      var b = qlBody();
+      if (b) { b.innerHTML = '<div class="ql-loading"><span class="spinner-border"></span></div>'; }
+    }
+
+    // ── Watchlist: shared global index + modal ☆ toggle ──────────────
+    // Index is fetched once and reused across the dashboard, top-bar search
+    // and the Explorer page. A MutationObserver on the modal body reflects
+    // current state onto the ☆ button whenever a fragment loads, so no
+    // per-open wiring is needed at the call sites.
+    window._prismarrWatchlist = window._prismarrWatchlist || {};
+    if (!window._prismarrWatchlistReady) {
+      window._prismarrWatchlistReady = fetch(BASE + '/decouverte/watchlist/status', { credentials: 'same-origin' })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { window._prismarrWatchlist = d.index || {}; return window._prismarrWatchlist; })
+        .catch(function () { return window._prismarrWatchlist; });
+    }
+    var qlWlObserver = null;
+    function qlWlKey(type, id) { return type + '_' + id; }
+    function qlSetWl(btn, inWl) {
+      btn.classList.toggle('is-active', inWl);
+      var label = btn.querySelector('[data-wl-label]');
+      if (label) { label.textContent = inWl ? (btn.getAttribute('data-wl-on') || '') : (btn.getAttribute('data-wl-add') || ''); }
+      var svg = btn.querySelector('svg');
+      if (svg) { svg.setAttribute('fill', inWl ? 'currentColor' : 'none'); }
+    }
+    function qlDecorateWl(scope) {
+      var root = scope || document;
+      var apply = function () {
+        root.querySelectorAll('[data-ql-wl]').forEach(function (btn) {
+          qlSetWl(btn, !!window._prismarrWatchlist[qlWlKey(btn.getAttribute('data-wl-type'), btn.getAttribute('data-wl-id'))]);
+        });
+      };
+      apply();
+      if (window._prismarrWatchlistReady) { window._prismarrWatchlistReady.then(apply); }
+    }
+
+    function qlUrl(t) {
+      var src = t.getAttribute('data-ql-source');
+      var type = t.getAttribute('data-ql-type');
+      var id = t.getAttribute('data-ql-id');
+      if (!type || !id) return null;
+      if (src === 'tmdb') { return BASE + '/tableau-de-bord/quicklook/tmdb/' + type + '/' + id; }
+      var slug = t.getAttribute('data-ql-slug');
+      if (!slug) return null;
+      return BASE + '/tableau-de-bord/quicklook/' + type + '/' + slug + '/' + id;
+    }
+
+    // Open the modal, fetch a quick-look fragment, and inject it. On an empty
+    // or failed response, fall back to `fallbackHref` (full-page navigation)
+    // when one is given, else render the inline error. Shared by the delegated
+    // [data-ql-trigger] handler and any caller via window.prismarrQl.openUrl
+    // (e.g. the calendar opens events in place instead of ejecting to /medias).
+    function qlOpenUrl(url, fallbackHref) {
+      if (!url) { if (fallbackHref) window.location.href = fallbackHref; return; }
+      qlOpen();
+      fetch(url, { headers: { 'X-Requested-With': 'fetch' }, credentials: 'same-origin' })
+        .then(function (r) { return r.ok ? r.text() : ''; })
+        .then(function (html) {
+          var b = qlBody();
+          if (!b) return;
+          if ((html || '').trim()) { b.innerHTML = html; }
+          else if (fallbackHref) { window.location.href = fallbackHref; }
+          else { b.innerHTML = '<div class="ql-error"></div>'; }
+        })
+        .catch(function () { if (fallbackHref) window.location.href = fallbackHref; });
+    }
+
+    if (!window._qlDelegated) {
+      window._qlDelegated = true;
+      document.addEventListener('click', function (e) {
+        var trigger = e.target.closest('[data-ql-trigger]');
+        if (trigger) {
+          var url = qlUrl(trigger);
+          if (!url) return; // missing data → let the href navigate (fallback)
+          e.preventDefault();
+          qlOpenUrl(url, trigger.getAttribute('href'));
+          return;
+        }
+        // Close on backdrop click or [data-ql-dismiss] (the × in the body).
+        if (e.target.closest('[data-ql-dismiss]') || e.target === qlEl()) {
+          qlClose();
+        }
+      });
+      document.addEventListener('keydown', function (e) {
+        var m = qlEl();
+        if (e.key === 'Escape' && m && m.classList.contains('show')) { qlClose(); }
+      });
+      // Keyboard activation for card DIVs that act as buttons (media/ex/
+      // calendar cards). They open a modal/quick-look on click but aren't
+      // native buttons; make Enter/Space trigger the same click. Ignore the
+      // keystroke when focus is inside a real control.
+      document.addEventListener('keydown', function (e) {
+        if (e.key !== 'Enter' && e.key !== ' ' && e.key !== 'Spacebar') return;
+        var el = e.target.closest('[data-kb-activate]');
+        if (!el || el !== e.target) return;
+        if (e.target.matches('input, textarea, select, button, a, [contenteditable="true"]')) return;
+        e.preventDefault();
+        el.click();
+      });
+      // Watchlist ☆ toggle from inside the modal (optimistic, then reconcile).
+      document.addEventListener('click', function (e) {
+        var btn = e.target.closest('[data-ql-wl]');
+        if (!btn) return;
+        e.preventDefault();
+        var type = btn.getAttribute('data-wl-type');
+        var id = btn.getAttribute('data-wl-id');
+        var key = qlWlKey(type, id);
+        var wasIn = !!window._prismarrWatchlist[key];
+        var willAdd = !wasIn;
+        if (willAdd) { window._prismarrWatchlist[key] = true; } else { delete window._prismarrWatchlist[key]; }
+        qlSetWl(btn, willAdd);
+        fetch(BASE + '/decouverte/watchlist/toggle', {
+          method: 'POST', credentials: 'same-origin',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({
+            tmdb_id: parseInt(id, 10), type: type,
+            title: btn.getAttribute('data-wl-title') || '',
+            poster_path: btn.getAttribute('data-wl-poster-path') || null,
+            vote: btn.getAttribute('data-wl-vote') ? parseFloat(btn.getAttribute('data-wl-vote')) : null,
+            year: btn.getAttribute('data-wl-year') ? parseInt(btn.getAttribute('data-wl-year'), 10) : null
+          })
+        })
+        .then(function (r) { return r.json(); })
+        .then(function (d) {
+          var added = d.action === 'added';
+          if (added) { window._prismarrWatchlist[key] = true; } else { delete window._prismarrWatchlist[key]; }
+          if (added !== willAdd) { qlSetWl(btn, added); }
+          if (window._prismarrToast) { window._prismarrToast(added ? (btn.getAttribute('data-wl-toast-add') || '') : (btn.getAttribute('data-wl-toast-rm') || ''), added ? 'success' : 'info'); }
+        })
+        .catch(function () {
+          if (wasIn) { window._prismarrWatchlist[key] = true; } else { delete window._prismarrWatchlist[key]; }
+          qlSetWl(btn, wasIn);
+        });
+      });
+      // Add-to-Radarr/Sonarr from the modal → resolve the TMDb id to the *arr
+      // payload, then hand off to the shared quick-add picker (the
+      // document-level [data-quick-add] handler). Mirrors the old Explorer
+      // modal's Add button so search, dashboard and Explorer share one path.
+      document.addEventListener('click', function (e) {
+        var btn = e.target.closest('[data-ql-add]');
+        if (!btn) return;
+        e.preventDefault();
+        var type = btn.getAttribute('data-ql-add-type'); // movie | tv
+        var id = btn.getAttribute('data-ql-add-id');
+        if (!type || !id) return;
+        var orig = btn.innerHTML;
+        btn.disabled = true;
+        btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span>';
+        fetch(BASE + '/decouverte/resolve/' + type + '/' + id, { credentials: 'same-origin' })
+          .then(function (r) { return r.json(); })
+          .then(function (data) {
+            if (!data || data.error) { btn.disabled = false; btn.innerHTML = orig; return; }
+            qlClose();
+            setTimeout(function () {
+              var trigger = document.createElement('a');
+              trigger.href = '#';
+              trigger.setAttribute('data-quick-add', JSON.stringify(data));
+              trigger.style.cssText = 'position:fixed;top:-9999px;left:-9999px;';
+              document.body.appendChild(trigger);
+              trigger.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
+              setTimeout(function () { trigger.remove(); }, 100);
+            }, 200);
+          })
+          .catch(function () { btn.disabled = false; btn.innerHTML = orig; });
+      });
+      // Tidy up if Turbo navigates away with the modal open.
+      document.addEventListener('turbo:before-render', function () {
+        var m = qlEl();
+        if (m && m.classList.contains('show')) { qlClose(); }
+      });
+    }
+
+    window.prismarrQl = { open: qlOpen, close: qlClose, body: qlBody, openUrl: qlOpenUrl, decorateWatchlist: qlDecorateWl };
+  })();
+</script>
diff --git a/symfony/templates/_stat_tiles.html.twig b/symfony/templates/_stat_tiles.html.twig
new file mode 100644
index 00000000..8acc3189
--- /dev/null
+++ b/symfony/templates/_stat_tiles.html.twig
@@ -0,0 +1,32 @@
+{# Shared header stat-tiles. Params:
+     tiles  : list of { value, label, hue?, unit?, id?, data_stat? }
+              hue = a Tabler token ('success','warning','blue','green','cyan',
+              'orange','secondary','danger') applied as .text-<hue>, OR a raw
+              color ('#hex' / 'var(--…)' / 'rgb(…)') applied inline. value +
+              label are already resolved/translated by the caller.
+     layout : 'strip' (one card, inline value+label row) | 'grid' (one card per tile)
+     wrap   : bool (default true) — wrap in the outer .card (strip) / .row (grid)
+     cols   : grid column classes (default 'col-6 col-sm-4 col-lg')  [grid only]
+     row_class : outer row classes (default 'row g-2 mb-3')          [grid only] #}
+{% macro _val(t) %}
+  {%- set raw = t.hue is defined and t.hue is not null and (t.hue starts with '#' or t.hue starts with 'var(' or t.hue starts with 'rgb') -%}
+  <div class="stat-val{% if t.hue is defined and t.hue is not null and not raw %} text-{{ t.hue }}{% endif %}"{% if raw %} style="color:{{ t.hue }}"{% endif %}{% if t.id is defined and t.id %} id="{{ t.id }}"{% endif %}{% if t.data_stat is defined and t.data_stat %} data-stat="{{ t.data_stat }}"{% endif %}>{{ t.value|raw }}{% if t.unit is defined and t.unit %} <span class="text-muted fs-5">{{ t.unit }}</span>{% endif %}</div>
+{% endmacro %}
+{% import _self as st %}
+{% if layout|default('grid') == 'strip' %}
+  <div class="card card-sm mb-3"><div class="card-body py-2 d-flex flex-wrap align-items-baseline justify-content-around gap-2 gap-sm-3">
+    {% for t in tiles %}
+      <div>{{ st._val(t) }}<span class="stat-lbl ms-1">{{ t.label }}</span></div>
+    {% endfor %}
+  </div></div>
+{% else %}
+  <div class="{{ row_class|default('row g-2 mb-3') }}">
+    {% for t in tiles %}
+      <div class="{{ cols|default('col-6 col-sm-4 col-lg') }}">
+        <div class="card card-sm"><div class="card-body text-center">
+          {{ st._val(t) }}<div class="stat-lbl mt-1">{{ t.label }}</div>
+        </div></div>
+      </div>
+    {% endfor %}
+  </div>
+{% endif %}
diff --git a/symfony/templates/_view_switcher.html.twig b/symfony/templates/_view_switcher.html.twig
new file mode 100644
index 00000000..722756dd
--- /dev/null
+++ b/symfony/templates/_view_switcher.html.twig
@@ -0,0 +1,14 @@
+{# Shared segmented view-switcher for the download-client list pages
+   (deluge/qbittorrent/usenet). Params:
+     modes      : list of { view: string, label: string, icon: string(raw SVG), title: string(optional) }
+     active     : the currently-active view key
+     aria_label : group aria-label (already translated)
+   The page's own JS wires the clicks (delegated on .view-btn) and persists
+   the choice; this partial only renders consistent markup. #}
+<div class="view-switcher" role="group" aria-label="{{ aria_label }}">
+  {% for m in modes %}
+    <button type="button" class="view-btn{{ m.view == active ? ' active' }}" data-view="{{ m.view }}"{% if m.title is defined and m.title %} title="{{ m.title }}"{% endif %}>
+      {{ m.icon|raw }}{% if m.label is defined and m.label %}<span>{{ m.label }}</span>{% endif %}
+    </button>
+  {% endfor %}
+</div>
diff --git a/symfony/templates/admin/_instance_card.html.twig b/symfony/templates/admin/_instance_card.html.twig
index b193c331..3ef26e18 100644
--- a/symfony/templates/admin/_instance_card.html.twig
+++ b/symfony/templates/admin/_instance_card.html.twig
@@ -13,6 +13,7 @@
    fetch() — see admin-instances.js — to bypass the nested-form CSRF
    issue and to keep the user on the same page (no full reload).
 #}
+{% import '_icons.html.twig' as ico %}
 
 <div class="service-card service-card--wide" data-service-card="{{ service_id }}">
   <div class="service-card-head">
@@ -36,23 +37,18 @@
 
   {% set enabled_count = instances|filter(i => i.enabled)|length %}
   {% if instances is empty %}
-    <div class="instance-empty-state"
-         style="padding: 2rem 1rem; text-align: center; border: 1px dashed var(--tblr-border-color); border-radius: 8px; margin-top: .5rem;">
-      <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24"
-           fill="none" stroke="currentColor" stroke-width="1.5"
-           stroke-linecap="round" stroke-linejoin="round"
-           style="color: var(--tblr-secondary); margin-bottom: .5rem;">
-        <path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2"/>
-        <path d="M12 10v6M9 13h6"/>
-      </svg>
-      <p style="font-weight: 500; margin: 0 0 .25rem;">{{ 'admin.instances.empty.title'|trans({ '%service%': service_label }) }}</p>
-      <p style="color: var(--tblr-secondary); font-size: .875rem; margin: 0 0 1rem;">{{ 'admin.instances.empty.subtitle'|trans({ '%service%': service_label }) }}</p>
-      <button type="button"
-              class="btn btn-primary"
-              data-bs-toggle="modal"
-              data-bs-target="#instance-add-modal-{{ service_id }}">
-        {{ 'admin.instances.add'|trans({ '%service%': service_label }) }}
-      </button>
+    <div class="empty empty-bordered py-4 mt-2">
+      <div class="empty-icon">{{ ico.icon('folder-plus', '', 36) }}</div>
+      <p class="empty-title">{{ 'admin.instances.empty.title'|trans({ '%service%': service_label }) }}</p>
+      <p class="empty-subtitle text-secondary">{{ 'admin.instances.empty.subtitle'|trans({ '%service%': service_label }) }}</p>
+      <div class="empty-action">
+        <button type="button"
+                class="btn btn-primary"
+                data-bs-toggle="modal"
+                data-bs-target="#instance-add-modal-{{ service_id }}">
+          {{ 'admin.instances.add'|trans({ '%service%': service_label }) }}
+        </button>
+      </div>
     </div>
   {% else %}
     <div class="instance-list" style="margin-top: .5rem;">
diff --git a/symfony/templates/admin/_instance_modals.html.twig b/symfony/templates/admin/_instance_modals.html.twig
index ebcf6343..19061469 100644
--- a/symfony/templates/admin/_instance_modals.html.twig
+++ b/symfony/templates/admin/_instance_modals.html.twig
@@ -1,4 +1,5 @@
 {% import '_icons.html.twig' as ico %}
+{% import '_form.html.twig' as forms %}
 {# v1.1.0 Phase B1 — modales (add/edit) for the multi-instance card.
    MUST be rendered OUTSIDE the admin_settings_index main form because
    HTML doesn't allow nested forms (CSRF gets confused otherwise).
@@ -36,19 +37,7 @@
         </div>
         <div class="mb-3">
           <label class="form-label" for="instance-add-key-{{ service_id }}">{{ 'admin.field.api_key'|trans }}</label>
-          <div class="secret-wrapper">
-            <input type="password" id="instance-add-key-{{ service_id }}" name="api_key" class="form-control"
-                   autocomplete="new-password" spellcheck="false"/>
-            <button type="button" class="secret-toggle" data-toggle-for="instance-add-key-{{ service_id }}"
-                    aria-label="{{ 'setup.step.admin.toggle_visibility'|trans }}">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
-                   fill="none" stroke="currentColor" stroke-width="2"
-                   stroke-linecap="round" stroke-linejoin="round">
-                <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"/>
-                <path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6"/>
-              </svg>
-            </button>
-          </div>
+          {{ forms.secret_input('instance-add-key-' ~ service_id, 'api_key', { autocomplete: 'new-password' }) }}
         </div>
         <details>
           <summary style="cursor: pointer; font-size: .85rem; color: var(--tblr-secondary);">
@@ -94,20 +83,7 @@
           </div>
           <div class="mb-3">
             <label class="form-label" for="instance-edit-key-{{ instance.id }}">{{ 'admin.field.api_key'|trans }}</label>
-            <div class="secret-wrapper">
-              <input type="password" id="instance-edit-key-{{ instance.id }}" name="api_key" class="form-control"
-                     value="{{ instance.apiKey ?? '' }}"
-                     autocomplete="new-password" spellcheck="false"/>
-              <button type="button" class="secret-toggle" data-toggle-for="instance-edit-key-{{ instance.id }}"
-                      aria-label="{{ 'setup.step.admin.toggle_visibility'|trans }}">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
-                     fill="none" stroke="currentColor" stroke-width="2"
-                     stroke-linecap="round" stroke-linejoin="round">
-                  <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"/>
-                  <path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6"/>
-                </svg>
-              </button>
-            </div>
+            {{ forms.secret_input('instance-edit-key-' ~ instance.id, 'api_key', { value: instance.apiKey ?? '', autocomplete: 'new-password' }) }}
           </div>
           <details>
             <summary style="cursor: pointer; font-size: .85rem; color: var(--tblr-secondary);">
diff --git a/symfony/templates/admin/settings.html.twig b/symfony/templates/admin/settings.html.twig
index f0b2ca21..4e492b42 100644
--- a/symfony/templates/admin/settings.html.twig
+++ b/symfony/templates/admin/settings.html.twig
@@ -1,6 +1,7 @@
 {% extends 'base.html.twig' %}
 
 {% import '_icons.html.twig' as ico %}
+{% import '_form.html.twig' as forms %}
 
 {% block title %}{{ 'admin.page.title'|trans }}{% endblock %}
 
@@ -123,21 +124,27 @@
   .service-card + .service-card { margin-top: 1rem; }
   .service-card:focus-within { border-color: rgba(var(--tblr-primary-rgb),.55); }
 
-  /* Two-column layout for the service cards so the list doesn't grow into a
-     very tall single column. Collapses to one column under ~700px; the grid
-     gap replaces the stacked margin, and align-items:start keeps a short card
-     from stretching to match a tall neighbour. */
+  /* Two-column layout for the service cards. CSS multi-column (not grid) so
+     cards pack tightly by height: grid allocates every row track to its
+     tallest card, leaving dead space beside/below a short card (Deluge,
+     Houndarr) and an empty column when the count is odd (NZBGet). Columns
+     flow cards into balanced stacks with no row tracks, so no gaps.
+     `columns: 2 320px` = at most 2 columns, each ≥320px → drops to one column
+     under ~660px, matching the old auto-fit responsive behaviour. */
   .service-grid-2col {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
-    gap: 1rem;
-    align-items: start;
+    columns: 2 320px;
+    column-gap: 1rem;
+  }
+  .service-grid-2col .service-card {
+    margin-top: 0;
+    margin-bottom: 1rem;
+    /* Keep a card whole — never split one across a column break. */
+    break-inside: avoid;
   }
-  .service-grid-2col .service-card { margin-top: 0; }
   /* Multi-instance cards (Radarr/Sonarr) hold a 6-column table that can't fit
-     a half-width column, so they span the full row; only the simple URL+key
+     a half-width column, so they span both columns; only the simple URL+key
      cards share the two columns. */
-  .service-grid-2col .service-card--wide { grid-column: 1 / -1; }
+  .service-grid-2col .service-card--wide { column-span: all; }
   /* The 6-column instance table can't shrink to phone width, so let it scroll
      horizontally inside the card instead of overflowing the layout. */
   .instance-list { overflow-x: auto; }
@@ -194,22 +201,6 @@
     margin-bottom: .3rem;
   }
 
-  .secret-wrapper { position: relative; }
-  .secret-wrapper input {
-    padding-right: 2.4rem;
-    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;
-    font-size: .85rem;
-  }
-  .secret-toggle {
-    position: absolute; right: .55rem; top: 50%; transform: translateY(-50%);
-    background: transparent; border: 0; padding: 0;
-    cursor: pointer; color: inherit; opacity: .5;
-    display: inline-flex; align-items: center;
-    transition: opacity .15s ease;
-  }
-  .secret-toggle:hover { opacity: .95; }
-  .secret-toggle svg { width: 16px; height: 16px; }
-
   /* "Clear" button next to qBit user/password (issue #10 — reverse-proxy
      setups need to deliberately wipe these credentials; the default
      empty-value guard would otherwise silently restore the previous value). */
@@ -324,6 +315,16 @@
     border-color: currentColor;
     box-shadow: 0 0 0 2px var(--tblr-body-bg) inset, 0 2px 6px rgba(0,0,0,.25);
   }
+  .color-swatch-auto {
+    background: conic-gradient(from 0deg, #ef4444, #f59e0b, #22c55e, #3b82f6, #6366f1, #ec4899, #ef4444);
+  }
+  .dashboard-layout-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .4rem; }
+  .dashboard-layout-row { display: flex; align-items: center; gap: .65rem; padding: .55rem .7rem;
+    background: var(--tblr-bg-surface-secondary); border: 1px solid var(--tblr-border-color);
+    border-radius: 8px; cursor: grab; }
+  .dashboard-layout-row.dragging { opacity: .5; }
+  .dashboard-layout-handle { color: var(--tblr-secondary); display: inline-flex; }
+  .dashboard-layout-toggle { flex: 1; }
 </style>
 {% endblock %}
 
@@ -432,18 +433,23 @@
             'prowlarr':    { icon_bg: '#e86100', subtitle: 'admin.services.subtitle.prowlarr'|trans },
             'jellyseerr':  { icon_bg: '#6366f1', subtitle: 'admin.services.subtitle.jellyseerr'|trans },
             'qbittorrent': { icon_bg: '#2f67ba', subtitle: 'admin.services.subtitle.qbittorrent'|trans },
+            'deluge':      { icon_bg: '#3e7bbf', subtitle: 'admin.services.subtitle.deluge'|trans },
+            'transmission': { icon_bg: '#d7302f', subtitle: 'admin.services.subtitle.transmission'|trans },
             'sabnzbd':     { icon_bg: '#ffa000', subtitle: 'admin.services.subtitle.sabnzbd'|trans },
             'nzbget':      { icon_bg: '#1f9c3a', subtitle: 'admin.services.subtitle.nzbget'|trans },
             'gluetun':     { icon_bg: '#10b981', subtitle: 'admin.services.subtitle.gluetun'|trans },
             'tautulli':    { icon_bg: '#e5a00d', subtitle: 'admin.services.subtitle.tautulli'|trans },
+            'unraid':      { icon_bg: '#f15a2c', subtitle: 'admin.services.subtitle.unraid'|trans },
+            'unifi':       { icon_bg: '#006fff', subtitle: 'admin.services.subtitle.unifi'|trans },
+            'houndarr':    { icon_bg: '#c2703d', subtitle: 'admin.services.subtitle.houndarr'|trans },
           } %}
 
           {% set groupings = {
             ('admin.services.group.discovery'|trans):  ['tmdb'],
             ('admin.services.group.managers'|trans):   ['radarr', 'sonarr'],
             ('admin.services.group.indexers'|trans):   ['prowlarr', 'jellyseerr'],
-            ('admin.services.group.downloads'|trans):  ['qbittorrent', 'gluetun', 'sabnzbd', 'nzbget'],
-            ('admin.services.group.monitoring'|trans): ['tautulli'],
+            ('admin.services.group.downloads'|trans):  ['qbittorrent', 'deluge', 'transmission', 'gluetun', 'sabnzbd', 'nzbget'],
+            ('admin.services.group.monitoring'|trans): ['tautulli', 'unraid', 'unifi', 'houndarr'],
           } %}
 
           {# ─── Section 1 : Services externes ─────────────────────── #}
@@ -484,7 +490,7 @@
                       {# Issue #15 — per-service kill switch. Only the flat-config
                          services have it; radarr/sonarr enable/disable per
                          instance. Unchecked box isn't POSTed → disabled. #}
-                      {% if service_id in ['tmdb', 'prowlarr', 'jellyseerr', 'qbittorrent', 'sabnzbd', 'nzbget', 'tautulli'] %}
+                      {% if service_id in ['tmdb', 'prowlarr', 'jellyseerr', 'qbittorrent', 'deluge', 'transmission', 'sabnzbd', 'nzbget', 'tautulli', 'unraid', 'unifi', 'houndarr'] %}
                         <label class="form-check form-switch m-0 me-2" style="padding-left:2.4em;"
                                title="{{ 'admin.services.enabled_title'|trans }}">
                           <input class="form-check-input" type="checkbox"
@@ -518,25 +524,15 @@
                     <div class="field-row" data-field-key="{{ field.key }}">
                       <label for="{{ field.key }}">{{ field.label|trans }}</label>
                       {% if field.type == 'password' %}
-                        <div class="secret-wrapper">
-                          <input type="password"
-                                 id="{{ field.key }}"
-                                 name="{{ field.key }}"
-                                 class="form-control"
-                                 value="{{ values[field.key] ?? '' }}"
-                                 autocomplete="off"
-                                 spellcheck="false"
-                                 {% if field.placeholder is defined %}placeholder="{{ field.placeholder }}"{% endif %}/>
-                          <button type="button" class="secret-toggle" aria-label="{{ 'setup.step.admin.toggle_visibility'|trans }}"
-                                  data-toggle-for="{{ field.key }}">
-                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
-                                 fill="none" stroke="currentColor" stroke-width="2"
-                                 stroke-linecap="round" stroke-linejoin="round">
-                              <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"/>
-                              <path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6"/>
-                            </svg>
-                          </button>
-                        </div>
+                        {{ forms.secret_input(field.key, field.key, { value: values[field.key] ?? '', placeholder: field.placeholder ?? null }) }}
+                      {% elseif field.type == 'checkbox' %}
+                        {# Unchecked box isn't POSTed → saveSubmitted stores
+                           null (off). Checked → '1'. #}
+                        <label class="form-check form-switch m-0" style="padding-left:2.4em;">
+                          <input class="form-check-input" type="checkbox"
+                                 id="{{ field.key }}" name="{{ field.key }}" value="1"
+                                 {{ (values[field.key] ?? '') == '1' ? 'checked' : '' }}>
+                        </label>
                       {% else %}
                         <input type="text"
                                id="{{ field.key }}"
@@ -629,10 +625,11 @@
                       <input type="hidden" id="{{ key }}" name="{{ key }}" value="{{ display_values[key] }}"/>
                       <div class="color-swatches" data-color-target="{{ key }}">
                         {% for color_id, hex in spec.options %}
+                          {% set _is_auto = not (hex starts with '#') %}
                           <button type="button"
-                                  class="color-swatch {% if display_values[key] == color_id %}is-active{% endif %}"
+                                  class="color-swatch {% if _is_auto %}color-swatch-auto{% endif %} {% if display_values[key] == color_id %}is-active{% endif %}"
                                   data-color-value="{{ color_id }}"
-                                  style="background: {{ hex }};"
+                                  style="{% if not _is_auto %}background: {{ hex }};{% endif %}"
                                   aria-label="{{ color_id }}"
                                   title="{{ color_id }}"></button>
                         {% endfor %}
@@ -674,7 +671,7 @@
               </div>
 
               <div class="sidebar-visibility-grid">
-                {% for service_id, label in service_labels %}
+                {% for service_id, label in service_labels|filter((label, service_id) => service_id != 'houndarr') %}
                   <label class="form-check form-switch sidebar-visibility-row">
                     <input class="form-check-input"
                            type="checkbox"
@@ -696,6 +693,53 @@
                 {% endfor %}
               </div>
             </div>
+
+            {# --- Dashboard layout (reorder + visibility) ------------- #}
+            <div class="service-card">
+              <div class="service-card-head" style="margin-bottom: .75rem;">
+                <div class="service-card-icon" style="background: #64748b;">
+                  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
+                       fill="none" stroke="currentColor" stroke-width="2"
+                       stroke-linecap="round" stroke-linejoin="round">
+                    <rect x="4" y="4" width="16" height="6" rx="1"/>
+                    <rect x="4" y="14" width="16" height="6" rx="1"/>
+                  </svg>
+                </div>
+                <div>
+                  <p class="service-card-title">{{ 'admin.display.dashboard_layout.title'|trans }}</p>
+                  <p class="service-card-sub">{{ 'admin.display.dashboard_layout.description'|trans }}</p>
+                </div>
+              </div>
+
+              <input type="hidden" name="dashboard_section_order"
+                     id="dashboard_section_order"
+                     value="{{ dashboard_layout|map(s => s.key)|join(',') }}">
+
+              <ul class="dashboard-layout-list" id="dashboard-layout-list">
+                {% for s in dashboard_layout %}
+                  <li class="dashboard-layout-row" draggable="true" data-key="{{ s.key }}">
+                    <span class="dashboard-layout-handle" aria-hidden="true">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
+                           fill="none" stroke="currentColor" stroke-width="2"
+                           stroke-linecap="round" stroke-linejoin="round">
+                        <circle cx="9" cy="6" r="1"/><circle cx="9" cy="12" r="1"/><circle cx="9" cy="18" r="1"/>
+                        <circle cx="15" cy="6" r="1"/><circle cx="15" cy="12" r="1"/><circle cx="15" cy="18" r="1"/>
+                      </svg>
+                    </span>
+                    <label class="form-check form-switch dashboard-layout-toggle mb-0">
+                      <input class="form-check-input" type="checkbox"
+                             name="dashboard_visible_{{ s.key }}" value="1"
+                             {% if s.visible %}checked{% endif %}>
+                      <span class="form-check-label">{{ s.label|trans }}</span>
+                    </label>
+                  </li>
+                {% endfor %}
+              </ul>
+
+              <p class="text-secondary mt-2" style="font-size:.8rem;">
+                {{ 'admin.display.dashboard_layout.reset_hint'|trans }}
+              </p>
+            </div>
           </section>
 
           {# Save button + close main form BEFORE the Backup section.
@@ -1212,7 +1256,7 @@
       // Turbo-safe: IIFE + var + .then()
 
       // ── Toggle secret visibility ────────────────────────────────────
-      document.querySelectorAll('.secret-toggle').forEach(function (btn) {
+      document.querySelectorAll('[data-toggle-for]').forEach(function (btn) {
         btn.onclick = function () {
           var input = document.getElementById(btn.dataset.toggleFor);
           if (!input) return;
@@ -1266,8 +1310,11 @@
         jellyseerr:  ['jellyseerr_url', 'jellyseerr_api_key'],
         tmdb:        ['tmdb_api_key'],
         qbittorrent: ['qbittorrent_url', 'qbittorrent_user', 'qbittorrent_password'],
+        deluge:      ['deluge_url', 'deluge_password'],
+        transmission: ['transmission_url', 'transmission_user', 'transmission_password'],
         sabnzbd:     ['sabnzbd_url', 'sabnzbd_api_key'],
         nzbget:      ['nzbget_url', 'nzbget_user', 'nzbget_password'],
+        unifi:       ['unifi_url', 'unifi_api_key', 'unifi_site'],
       };
       // Per-service test buttons (TMDb, Prowlarr, Jellyseerr, qBit). Same
       // state-driven look as the per-instance Test (button colour + label
@@ -1522,4 +1569,37 @@
       activate(initial);
     })();
   </script>
+  <script>
+(function () {
+  function initDashboardLayoutSort() {
+    var list = document.getElementById('dashboard-layout-list');
+    var orderInput = document.getElementById('dashboard_section_order');
+    if (!list || !orderInput) return;
+    var dragged = null;
+    function syncOrder() {
+      var keys = [];
+      list.querySelectorAll('.dashboard-layout-row').forEach(function (r) { keys.push(r.dataset.key); });
+      orderInput.value = keys.join(',');
+    }
+    list.addEventListener('dragstart', function (e) {
+      var row = e.target.closest('.dashboard-layout-row'); if (!row) return;
+      dragged = row; row.classList.add('dragging');
+    });
+    list.addEventListener('dragend', function () {
+      if (dragged) dragged.classList.remove('dragging'); dragged = null; syncOrder();
+    });
+    list.addEventListener('dragover', function (e) {
+      e.preventDefault(); if (!dragged) return;
+      var after = null;
+      list.querySelectorAll('.dashboard-layout-row:not(.dragging)').forEach(function (r) {
+        var box = r.getBoundingClientRect();
+        if (e.clientY < box.top + box.height / 2 && after === null) after = r;
+      });
+      if (after) list.insertBefore(dragged, after); else list.appendChild(dragged);
+    });
+  }
+  document.addEventListener('turbo:load', initDashboardLayoutSort);
+  if (document.readyState !== 'loading') initDashboardLayoutSort();
+})();
+  </script>
 {% endblock %}
diff --git a/symfony/templates/base.html.twig b/symfony/templates/base.html.twig
index 76ac2b6e..d893edd3 100644
--- a/symfony/templates/base.html.twig
+++ b/symfony/templates/base.html.twig
@@ -1,6 +1,6 @@
 {% import '_icons.html.twig' as ico %}
 <!doctype html>
-<html lang="{{ app.request.locale|default('fr') }}">
+<html lang="{{ app.request.locale|default('fr') }}" data-bs-theme="{{ theme().light ? 'light' : 'dark' }}">
 <head>
   <meta charset="utf-8"/>
   <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
@@ -62,6 +62,28 @@
         return Math.round(bytes) + ' ' + u.B;
       };
     }
+    // Shared sidebar download-count badge updater. Hides at 0, else shows the
+    // clamped count. Fires a single state-driven `.dl-bumped` pulse only when
+    // the count rises above its previous value (never on first paint), so the
+    // motion means "a new download appeared" rather than looping decoratively.
+    if (!window.prismarrDlBadge) {
+      window.prismarrDlBadge = function (badge, active) {
+        if (!badge) return;
+        if (active > 0) {
+          var prev = badge._dlPrev;
+          badge.textContent = active > 99 ? '99+' : String(active);
+          badge.style.display = '';
+          if (typeof prev === 'number' && active > prev) {
+            badge.classList.remove('dl-bumped');
+            void badge.offsetWidth; // restart the animation
+            badge.classList.add('dl-bumped');
+          }
+        } else {
+          badge.style.display = 'none';
+        }
+        badge._dlPrev = active;
+      };
+    }
 
     // HTML escape helper used wherever JS builds strings via innerHTML with
     // operator-side-controlled values (instance names, search results titles,
@@ -102,7 +124,9 @@
     body.density-compact .card-body { padding: .7rem .85rem; }
     body.density-compact .list-group-item { padding: .45rem .75rem; }
     body.density-compact .row.g-3 > *, body.density-compact .row.g-2 > * { padding-top: .35rem; padding-bottom: .35rem; }
-    body.density-compact .form-control,
+    /* The global search input keeps fixed horizontal padding for its
+       absolutely-positioned icon, so it is exempt from the compact shrink. */
+    body.density-compact .form-control:not(.prismarr-search-input),
     body.density-compact .form-select { padding: .35rem .55rem; }
 
     /* Toasts off (opt-out via display_toasts = '0') — JS also guards, this
@@ -142,13 +166,25 @@
       font-size: .68rem; font-weight: 700; line-height: 1;
       background: linear-gradient(135deg, #3b82f6, #60a5fa);
       color: #fff; border-radius: 9px;
-      box-shadow: 0 0 10px rgba(59,130,246,.55);
-      animation: dl-pulse 2.2s ease-in-out infinite;
+      box-shadow: 0 0 8px rgba(59,130,246,.5);
     }
-    @keyframes dl-pulse {
-      0%, 100% { box-shadow: 0 0 8px rgba(59,130,246,.45); transform: scale(1); }
-      50%      { box-shadow: 0 0 14px rgba(59,130,246,.9);  transform: scale(1.08); }
+    /* The badge's presence is the state signal (downloads active); a static
+       glow draws the eye without an always-on decorative loop. When the count
+       increases the poller adds `.dl-bumped` for a single state-driven pulse. */
+    .sidebar-dl-badge.dl-bumped { animation: dl-bump .45s ease-out; }
+    @keyframes dl-bump {
+      0%   { transform: scale(1); }
+      40%  { transform: scale(1.14); box-shadow: 0 0 14px rgba(59,130,246,.9); }
+      100% { transform: scale(1); }
     }
+    @media (prefers-reduced-motion: reduce) {
+      .sidebar-dl-badge.dl-bumped { animation: none; }
+    }
+
+    /* Keyboard focus ring for card DIVs promoted to buttons (media/ex/wl/
+       calendar cards carry [data-kb-activate]). outline is not clipped by the
+       cards' overflow:hidden, so a positive offset renders cleanly. */
+    [data-kb-activate]:focus-visible { outline: 2px solid var(--tblr-primary); outline-offset: 2px; }
 
     /* ── Live Plex streaming pill (sous le logo) ── */
     .sidebar-plex-pill {
@@ -161,68 +197,63 @@
     html.sidebar-collapsed aside.navbar-vertical .sidebar-plex-pill span { display: none; }
 
     /* ── Header sticky (recherche + profil) ── */
-    .page-header:has(#topbar-actions) { position: sticky; top: 0; z-index: 40; background: rgba(17,17,17,.95); backdrop-filter: blur(12px); margin: 0; border-bottom: 1px solid rgba(255,255,255,.06); }
+    .page-header:has(#topbar-actions) { position: sticky; top: 0; z-index: 40; background: var(--prismarr-topbar-bg); backdrop-filter: blur(12px); margin: 0; border-bottom: 1px solid var(--prismarr-border); }
     .page-header:has(#topbar-actions) .container-xl { padding-top: .5rem; padding-bottom: .5rem; }
     .page-header:has(#topbar-actions) .page-title { margin: 0; padding: 0; line-height: 1; }
     .page-header:has(#topbar-actions) .row { margin: 0; align-items: center; }
+    /* Shared segmented view-switcher (list-density toggles on the download-client pages) */
+    .view-switcher { display:inline-flex; background:rgba(0,0,0,.04); border-radius:6px; padding:2px; gap:1px; }
+    [data-bs-theme="dark"] .view-switcher { background:rgba(255,255,255,.05); }
+    .view-switcher .view-btn { border:0; background:transparent; color:var(--tblr-body-color); padding:3px 9px; border-radius:4px; font-size:.72rem; font-weight:500; cursor:pointer; display:inline-flex; align-items:center; gap:4px; transition:background .12s ease, color .12s ease; }
+    .view-switcher .view-btn:hover { background:rgba(var(--tblr-primary-rgb),.08); }
+    .view-switcher .view-btn.active { background:var(--tblr-primary); color:#fff; }
+    .view-switcher .view-btn svg { width:13px; height:13px; }
+    /* Shared stat-tile vocabulary (header summary metrics) */
+    .stat-val { font-size: 1.5rem; font-weight: 700; line-height: 1; letter-spacing: -.5px; }
+    .stat-lbl { font-size: .7rem; text-transform: uppercase; letter-spacing: .4px; color: var(--tblr-secondary-color); font-weight: 600; }
+    /* Shared filter pill: transparent by default, hue-tinted when active.
+       Per-pill semantic colour comes in via --pill-hue (a raw colour or a
+       Tabler var); defaults to the theme primary. */
+    .filter-pill { border: 1px solid transparent; background: transparent; border-radius: 6px; padding: 4px 11px; font-size: .78rem; font-weight: 500; line-height: 1.3; color: var(--tblr-body-color); cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; gap: .35rem; transition: background .12s ease, color .12s ease; }
+    .filter-pill:hover { background: rgba(var(--tblr-primary-rgb), .07); }
+    .filter-pill.active { font-weight: 600; background: color-mix(in srgb, var(--pill-hue, var(--tblr-primary)) 16%, transparent); color: var(--pill-hue, var(--tblr-primary)); }
     /* ── Mode clair global — plus de profondeur et contraste ── */
-    [data-bs-theme="light"] .page-header:has(#topbar-actions) { background: rgba(250,250,252,.97); border-bottom: 1px solid rgba(0,0,0,.1); box-shadow: 0 1px 4px rgba(0,0,0,.05); }
+    [data-bs-theme="light"] .page-header:has(#topbar-actions) { border-bottom: 1px solid var(--prismarr-border); box-shadow: 0 1px 4px rgba(0,0,0,.05); }
     :root[data-bs-theme="light"] .card { border-color: rgba(0,0,0,.1); box-shadow: 0 1px 6px rgba(0,0,0,.06); }
     :root[data-bs-theme="light"] .card:hover { box-shadow: 0 2px 12px rgba(0,0,0,.1); }
-    :root[data-bs-theme="light"] .card-header { border-color: rgba(0,0,0,.08); background: rgba(0,0,0,.015); }
-    :root[data-bs-theme="light"] .page-wrapper { background: #f0f2f7; }
+    :root[data-bs-theme="light"] .card-header { border-color: var(--prismarr-border); background: rgba(0,0,0,.015); }
+    :root[data-bs-theme="light"] .page-wrapper { background: var(--tblr-body-bg); }
     :root[data-bs-theme="light"] .page-body { background: transparent; }
     :root[data-bs-theme="light"] .table { --tblr-table-striped-bg: rgba(0,0,0,.02); }
     :root[data-bs-theme="light"] .table thead th { background: rgba(0,0,0,.03); color: #444; font-weight: 600; border-bottom: 2px solid rgba(0,0,0,.1); }
-    :root[data-bs-theme="light"] .navbar-vertical { background: #fff !important; border-right: 1px solid rgba(0,0,0,.08); box-shadow: 2px 0 8px rgba(0,0,0,.04); }
+    :root[data-bs-theme="light"] .navbar-vertical { background: var(--prismarr-surface) !important; border-right: 1px solid var(--prismarr-border); box-shadow: 2px 0 8px rgba(0,0,0,.04); }
     :root[data-bs-theme="light"] .badge.bg-secondary-lt { background: rgba(0,0,0,.06) !important; color: #555 !important; }
     :root[data-bs-theme="light"] .text-secondary { color: #5a5a6e !important; }
     :root[data-bs-theme="light"] .btn-ghost-secondary:hover { background: rgba(0,0,0,.05) !important; }
+
+    /* ── Readability floor (responsive audit 2026-06-29, extended to desktop
+       2026-07-10) ── Sub-12px text (clusters at 8.8/9.6/10.4px) is illegible
+       on phones and hard to read anywhere. The shared offenders are floored
+       at 11px (.6875rem) at ALL breakpoints. Hierarchy is preserved — floored
+       text stays the smallest on the page. Per-page style blocks carry the
+       same floor for their local classes below lg. */
+    .sidebar-dl-badge,
+    .prismarr-search-section,
+    .prismarr-search-section .count { font-size: .6875rem; }
+    /* Badges/helper text sized via inline style="font-size:.5–.68rem"
+       (Twig + JS-built markup across the app): an attribute-substring
+       match is the only CSS-only way to floor inline styles. Only values
+       starting with ".5"/".6"/"0.5"/"0.6" match — larger sizes such as
+       "1.5rem" contain "1.5", never ":.5", and are unaffected. */
+    [style*="font-size:.5"], [style*="font-size:.6"],
+    [style*="font-size: .5"], [style*="font-size: .6"],
+    [style*="font-size:0.5"], [style*="font-size:0.6"] {
+      font-size: .6875rem !important;
+    }
   </style>
 
-  {# Light/dark theme handling — all in <head> to survive Turbo navigations #}
+  {# Modal and backdrop cleanup — in <head> to survive Turbo navigations #}
   <script>
-    (function () {
-      // 1. Apply the theme immediately (before CSS) to avoid any flash
-      var t = localStorage.getItem('tablerTheme') || 'dark';
-      document.documentElement.setAttribute('data-bs-theme', t);
-
-      // 2. Sync moon/sun icons after each load/navigation
-      var THEME_LABEL_LIGHT = {{ 'topbar.theme.label_light'|trans|json_encode|raw }};
-      var THEME_LABEL_DARK  = {{ 'topbar.theme.label_dark'|trans|json_encode|raw }};
-      function syncIcons() {
-        var theme = document.documentElement.getAttribute('data-bs-theme') || 'dark';
-        var isDark = theme === 'dark';
-        var moon  = document.getElementById('icon-moon');
-        var sun   = document.getElementById('icon-sun');
-        var label = document.getElementById('theme-label');
-        if (moon) moon.style.display = isDark ? '' : 'none';
-        if (sun)  sun.style.display  = isDark ? 'none' : '';
-        if (label) label.textContent = isDark ? THEME_LABEL_LIGHT : THEME_LABEL_DARK;
-        var moonT = document.getElementById('icon-moon-top');
-        var sunT  = document.getElementById('icon-sun-top');
-        if (moonT) moonT.style.display = isDark ? '' : 'none';
-        if (sunT)  sunT.style.display  = isDark ? 'none' : '';
-      }
-
-      // 3. Click handler via event delegation on document
-      //    → survives Turbo navigations, never duplicated since it's in the <head>
-      document.addEventListener('click', function (e) {
-        if (e.target.closest('#theme-toggle') || e.target.closest('#theme-toggle-top')) {
-          e.preventDefault();
-          var next = document.documentElement.getAttribute('data-bs-theme') === 'dark' ? 'light' : 'dark';
-          document.documentElement.setAttribute('data-bs-theme', next);
-          localStorage.setItem('tablerTheme', next);
-          syncIcons();
-        }
-      });
-
-      // 4. Sync icons on first load and after each Turbo navigation
-      document.addEventListener('DOMContentLoaded', syncIcons);
-      document.addEventListener('turbo:load', syncIcons);
-
-    })();
-
     // Backdrop and modal cleanup
     (function() {
       // Before each modal opens: clean up extra backdrops
@@ -260,22 +291,36 @@
   <link rel="stylesheet" href="{{ asset('static/tabler/css/tabler.min.css') }}"/>
   <link rel="stylesheet" href="{{ asset('static/tabler/css/tabler-themes.min.css') }}"/>
 
-  {# Override Tabler dark blue background + visual tweaks #}
-  <style>
-    /* User-picked theme color — MUST be set after Tabler's own stylesheet,
-       otherwise its own `:root { --tblr-primary }` rule wins the cascade
-       and every page resets to Tabler's default blue. */
+  {# Library filter memory: loaded once in <head> so Turbo runs it a single
+     time; it binds its own turbo:load/DOMContentLoaded listeners. #}
+  <script defer src="{{ asset('static/js/library-filter-memory.js') }}"></script>
+
+  {# Theme variables + user-picked accent — MUST be set after Tabler's own
+     stylesheet, otherwise its own `:root { --tblr-primary }` rule wins the
+     cascade and every page resets to Tabler's default blue.
+
+     `data-turbo-track="reload"`: the theme is global, so this block is byte-for-byte
+     identical on every page and normal Turbo visits stay fast. But when the admin
+     changes the theme/accent, the saved page's block differs → Turbo forces a FULL
+     reload, which re-parses `<html data-bs-theme>` AND these vars together. Without
+     it, Turbo keeps the persistent <html> element and the old `data-bs-theme`
+     sticks, leaving text colours unreadable until a manual refresh. #}
+  <style data-turbo-track="reload">
     :root {
+      {% for _name, _value in theme().css %}{{ _name }}: {{ _value }};
+      {% endfor %}
       --tblr-primary: {{ display_pref('theme_color_hex') }};
       --tblr-primary-rgb: {{ display_pref('theme_color_rgb') }};
     }
+  </style>
 
+  {# Override Tabler dark blue background + visual tweaks #}
+  <style>
     [data-bs-theme="dark"] {
-      --tblr-body-bg:       #111111;
-      --tblr-secondary-bg:  #1a1a1a;
-      --tblr-tertiary-bg:   #1a1a1a;
-      --tblr-card-bg:       #1c1c1c;
-      --tblr-border-color:  rgba(255, 255, 255, 0.08);
+      --tblr-secondary-bg:  var(--prismarr-surface);
+      --tblr-tertiary-bg:   var(--prismarr-surface);
+      --tblr-card-bg:       var(--prismarr-surface);
+      --tblr-border-color:  var(--prismarr-border);
     }
 
     /* ── Topbar layout : title left · big search centered · actions right ── */
@@ -463,37 +508,38 @@
     .prismarr-health-row-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
     .prismarr-health-row-dot.is-ok  { background: #22c55e; }
     .prismarr-health-row-dot.is-ko  { background: #ef4444; }
+    .prismarr-health-row-dot.is-warn { background: #f59e0b; }
     .prismarr-health-row-dot.is-unk { background: #6b7280; }
     .prismarr-health-row-name { flex: 1; font-weight: 500; }
     .prismarr-health-row-state { font-size: .7rem; color: var(--tblr-secondary); }
 
     /* Ciblage direct — évite tout conflit de variable */
-    [data-bs-theme="dark"] body          { background-color: #111111 !important; }
-    [data-bs-theme="dark"] .page-wrapper { background-color: #111111 !important; }
-    [data-bs-theme="dark"] .page-body    { background-color: #111111 !important; }
+    [data-bs-theme="dark"] body          { background-color: var(--tblr-body-bg) !important; }
+    [data-bs-theme="dark"] .page-wrapper { background-color: var(--tblr-body-bg) !important; }
+    [data-bs-theme="dark"] .page-body    { background-color: var(--tblr-body-bg) !important; }
 
     /* Sidebar fond neutre */
     [data-bs-theme="dark"] .navbar-vertical {
-      background-color: #0d0d0d !important;
-      border-right: 1px solid rgba(255,255,255,0.07) !important;
+      background-color: var(--prismarr-sidebar) !important;
+      border-right: 1px solid var(--prismarr-border) !important;
     }
-    [data-bs-theme="light"] body          { background-color: #f4f6fb !important; }
-    [data-bs-theme="light"] .page-wrapper { background-color: #f4f6fb !important; }
-    [data-bs-theme="light"] .page-body    { background-color: #f4f6fb !important; }
+    [data-bs-theme="light"] body          { background-color: var(--tblr-body-bg) !important; }
+    [data-bs-theme="light"] .page-wrapper { background-color: var(--tblr-body-bg) !important; }
+    [data-bs-theme="light"] .page-body    { background-color: var(--tblr-body-bg) !important; }
     [data-bs-theme="light"] .navbar-vertical {
-      background-color: #ffffff !important;
-      border-right: 1px solid rgba(0,0,0,0.08) !important;
+      background-color: var(--prismarr-surface) !important;
+      border-right: 1px solid var(--prismarr-border) !important;
     }
 
     /* Cards : fond légèrement surélevé + ombre douce */
     [data-bs-theme="dark"] .card {
-      background-color: #1c1c1c !important;
-      border: 1px solid rgba(255,255,255,0.08) !important;
+      background-color: var(--prismarr-surface) !important;
+      border: 1px solid var(--prismarr-border) !important;
       box-shadow: 0 2px 16px rgba(0,0,0,0.35) !important;
     }
     [data-bs-theme="dark"] .card-footer  {
-      background-color: #161616 !important;
-      border-top: 1px solid rgba(255,255,255,0.06) !important;
+      background-color: var(--prismarr-surface-2) !important;
+      border-top: 1px solid var(--prismarr-border) !important;
     }
     [data-bs-theme="light"] .card {
       box-shadow: 0 1px 8px rgba(0,0,0,0.08);
@@ -514,8 +560,8 @@
     /* Scrollbar discrète */
     ::-webkit-scrollbar { width: 6px; height: 6px; }
     ::-webkit-scrollbar-track { background: transparent; }
-    ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.12); border-radius: 99px; }
-    [data-bs-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); }
+    ::-webkit-scrollbar-thumb { background: var(--prismarr-border); border-radius: 99px; }
+    [data-bs-theme="light"] ::-webkit-scrollbar-thumb { background: var(--prismarr-border); }
 
     /* Sous-menu Infrastructure — décalé + plus petit */
     #infra-submenu .nav-link {
@@ -673,6 +719,31 @@
     .navbar-vertical ~ .navbar {
       transition: margin-left 0.2s ease;
     }
+
+    /* ── Tap targets on touch devices (responsive audit 2026-06-29) ────
+       Secondary controls measured 22–33px (nav toggle 32px, topbar icon
+       buttons, search clear 22px) against the 44px guideline. Coarse-pointer
+       only, so desktop rendering is completely unchanged. */
+    @media (pointer: coarse) {
+      .btn-icon,
+      .navbar-toggler {
+        min-width: 44px; min-height: 44px;
+        display: inline-flex; align-items: center; justify-content: center;
+      }
+      .prismarr-search-clear { width: 32px; height: 32px; right: .45rem; }
+      .prismarr-search-recent .clear-x { width: 32px; height: 32px; }
+    }
+
+    /* ── Phone table density (responsive audit 2026-06-29) ─────────────
+       Library sub-pages (history/queue…) keep their .table-responsive
+       sideways scroll, but slightly tighter type/padding lets noticeably
+       more columns fit on a phone. 13px stays above the 11px readability
+       floor. */
+    @media (max-width: 575.98px) {
+      .table-responsive > .table { font-size: .8125rem; }
+      .table-responsive > .table th,
+      .table-responsive > .table td { padding: .4rem .5rem; }
+    }
   </style>
 
   {% block stylesheets %}{% endblock %}
@@ -696,7 +767,10 @@
         </button>
 
         <div class="navbar-brand navbar-brand-autodark">
-          <a href="{{ path('tmdb_index') }}" class="d-flex align-items-center gap-2 text-decoration-none">
+          {# Logo → the home route, which resolves the admin's display_home_page
+             preference (dashboard/discovery/films/…/last-visited), instead of
+             hardcoding Discover. #}
+          <a href="{{ path('app_home') }}" class="d-flex align-items-center gap-2 text-decoration-none">
             <img src="{{ asset('img/prismarr/prismarr-icon-512.png') }}" alt="Prismarr" width="28" height="28" style="border-radius:5px;">
             <span class="fw-bold fs-4" style="color: var(--tblr-primary)">Prismarr</span>
           </a>
@@ -802,7 +876,7 @@
               {% if _radarr_count <= 1 %}
                 {# Single instance — keep the legacy URL so existing bookmarks survive. #}
                 <li class="nav-item">
-                  <a class="nav-link {{ _radarr_active ? 'active' }}" href="{{ instance_path('app_media_films') }}">
+                  <a class="nav-link {{ _radarr_active ? 'active' }} js-libfilter-link" href="{{ instance_path('app_media_films') }}">
                     {{ _radarr_icon|raw }}
                     <span class="nav-link-title">Radarr</span>
                   </a>
@@ -810,7 +884,7 @@
               {% elseif _radarr_count <= 3 %}
                 {% for _inst in _radarr_instances %}
                   <li class="nav-item">
-                    <a class="nav-link {{ _radarr_active and _radarr_slug == _inst.slug ? 'active' }}"
+                    <a class="nav-link {{ _radarr_active and _radarr_slug == _inst.slug ? 'active' }} js-libfilter-link"
                        href="{{ instance_path('app_media_films', { slug: _inst.slug }) }}">
                       {{ _radarr_icon|raw }}
                       <span class="nav-link-title">{{ _inst.name }}</span>
@@ -826,7 +900,7 @@
                   </a>
                   <div class="dropdown-menu">
                     {% for _inst in _radarr_instances %}
-                      <a class="dropdown-item {{ _radarr_active and _radarr_slug == _inst.slug ? 'active' }}"
+                      <a class="dropdown-item {{ _radarr_active and _radarr_slug == _inst.slug ? 'active' }} js-libfilter-link"
                          href="{{ instance_path('app_media_films', { slug: _inst.slug }) }}">
                         {{ _inst.name }}
                       </a>
@@ -853,7 +927,7 @@
 
               {% if _sonarr_count <= 1 %}
                 <li class="nav-item">
-                  <a class="nav-link {{ _sonarr_active ? 'active' }}" href="{{ instance_path('app_media_series') }}">
+                  <a class="nav-link {{ _sonarr_active ? 'active' }} js-libfilter-link" href="{{ instance_path('app_media_series') }}">
                     {{ _sonarr_icon|raw }}
                     <span class="nav-link-title">Sonarr</span>
                   </a>
@@ -861,7 +935,7 @@
               {% elseif _sonarr_count <= 3 %}
                 {% for _inst in _sonarr_instances %}
                   <li class="nav-item">
-                    <a class="nav-link {{ _sonarr_active and _sonarr_slug == _inst.slug ? 'active' }}"
+                    <a class="nav-link {{ _sonarr_active and _sonarr_slug == _inst.slug ? 'active' }} js-libfilter-link"
                        href="{{ instance_path('app_media_series', { slug: _inst.slug }) }}">
                       {{ _sonarr_icon|raw }}
                       <span class="nav-link-title">{{ _inst.name }}</span>
@@ -877,7 +951,7 @@
                   </a>
                   <div class="dropdown-menu">
                     {% for _inst in _sonarr_instances %}
-                      <a class="dropdown-item {{ _sonarr_active and _sonarr_slug == _inst.slug ? 'active' }}"
+                      <a class="dropdown-item {{ _sonarr_active and _sonarr_slug == _inst.slug ? 'active' }} js-libfilter-link"
                          href="{{ instance_path('app_media_series', { slug: _inst.slug }) }}">
                         {{ _inst.name }}
                       </a>
@@ -932,6 +1006,42 @@
             </li>
             {% endif %}
 
+            {% if service_visible_in_sidebar('deluge') %}
+            <li class="nav-item">
+              <a class="nav-link {{ app.request.attributes.get('_route') starts with 'app_deluge_' ? 'active' }}"
+                 href="{{ path('app_deluge_index') }}">
+                <span class="nav-link-icon d-md-none d-lg-inline-block">
+                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
+                       fill="none" stroke="#3e7bbf" stroke-width="2"
+                       stroke-linecap="round" stroke-linejoin="round">
+                    <path d="M12 3c3.5 4.2 6 7.4 6 10.5a6 6 0 1 1 -12 0c0 -3.1 2.5 -6.3 6 -10.5z"/>
+                  </svg>
+                </span>
+                <span class="nav-link-title d-flex align-items-center">{{ 'sidebar.nav.deluge'|trans }}
+                  <span id="sidebar-deluge-badge" class="sidebar-dl-badge" style="display:none;">0</span>
+                </span>
+              </a>
+            </li>
+            {% endif %}
+
+            {% if service_visible_in_sidebar('transmission') %}
+            <li class="nav-item">
+              <a class="nav-link {{ app.request.attributes.get('_route') starts with 'app_transmission_' ? 'active' }}"
+                 href="{{ path('app_transmission_index') }}">
+                <span class="nav-link-icon d-md-none d-lg-inline-block">
+                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
+                       fill="none" stroke="#d7302f" stroke-width="2"
+                       stroke-linecap="round" stroke-linejoin="round" class="icon">
+                    <path d="M12 3c3.5 4.2 6 7.4 6 10.5a6 6 0 1 1 -12 0c0 -3.1 2.5 -6.3 6 -10.5z"/>
+                  </svg>
+                </span>
+                <span class="nav-link-title d-flex align-items-center">{{ 'sidebar.nav.transmission'|trans }}
+                  <span id="sidebar-transmission-badge" class="sidebar-dl-badge" style="display:none;">0</span>
+                </span>
+              </a>
+            </li>
+            {% endif %}
+
             {% if service_visible_in_sidebar('sabnzbd') %}
             <li class="nav-item">
               <a class="nav-link {{ app.request.attributes.get('_route') starts with 'app_usenet_' and app.request.attributes.get('client') == 'sabnzbd' ? 'active' }}"
@@ -986,6 +1096,25 @@
             </li>
             {% endif %}
 
+            {% if is_granted('ROLE_ADMIN') and service_visible_in_sidebar('unifi') %}
+            <li class="nav-item">
+              <a class="nav-link {{ app.request.attributes.get('_route') starts with 'app_unifi_' ? 'active' }}"
+                 href="{{ path('app_unifi_index') }}">
+                <span class="nav-link-icon d-md-none d-lg-inline-block">
+                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
+                       fill="none" stroke="#0559C9" stroke-width="2"
+                       stroke-linecap="round" stroke-linejoin="round" class="icon">
+                    <path d="M12 18l.01 0"/>
+                    <path d="M9.172 15.172a4 4 0 0 1 5.656 0"/>
+                    <path d="M6.343 12.343a8 8 0 0 1 11.314 0"/>
+                    <path d="M3.515 9.515c4.686 -4.687 12.284 -4.687 17 0"/>
+                  </svg>
+                </span>
+                <span class="nav-link-title">{{ 'unifi.title'|trans }}</span>
+              </a>
+            </li>
+            {% endif %}
+
           </ul>
 
           {# ── Sidebar footer: admin settings + logout (mobile included) ── #}
@@ -1138,19 +1267,6 @@
                   </div>
                 </div>
 
-                {# Theme #}
-                <a href="#" id="theme-toggle-top" class="btn btn-icon btn-ghost-secondary" title="{{ 'topbar.theme.toggle'|trans }}">
-                  <svg id="icon-moon-top" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
-                       fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                    <path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"/>
-                  </svg>
-                  <svg id="icon-sun-top" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
-                       fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none;">
-                    <circle cx="12" cy="12" r="4"/>
-                    <path d="M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"/>
-                  </svg>
-                </a>
-
                 {# Profile #}
                 <div class="dropdown" style="position:relative;">
                   <button type="button" class="btn btn-icon btn-ghost-secondary" data-prismarr-dropdown="profile-menu">
@@ -1369,6 +1485,8 @@
 
   </div>
 
+  {% include '_quicklook.html.twig' with {} only %}
+
   <script src="{{ asset('static/tabler/js/tabler.min.js') }}"></script>
 
   {# Strings translated server-side and exposed to inline JS. Keep this block
@@ -1391,16 +1509,18 @@
       'search.forget':         'topbar.search.forget'|trans,
       'search.in_library_badge': 'topbar.search.in_library_badge'|trans,
       'search.not_added_badge':  'topbar.search.not_added_badge'|trans,
-      'theme.label_light':     'topbar.theme.label_light'|trans,
-      'theme.label_dark':      'topbar.theme.label_dark'|trans,
+      'search.add':              'topbar.search.add'|trans,
+      'dashboard.quicklook.manage': 'dashboard.quicklook.manage'|trans,
       'health.all_ok':         'topbar.health.summary_ok'|trans,
       'health.loading':        'topbar.health.loading'|trans,
       'health.unknown':        'topbar.health.summary_unknown'|trans,
       'health.no_service':     'topbar.health.summary_no_service'|trans,
       'health.summary_tpl':    'topbar.health.summary_running'|trans({'{ok}': '__OK__', '{total}': '__TOTAL__'}),
-      'health.status_ok':      'topbar.health.status.ok'|trans,
-      'health.status_down':    'topbar.health.status.down'|trans,
-      'health.status_unk':     'topbar.health.status.not_configured'|trans,
+      'health.status_up':        'dashboard.health.status_up'|trans,
+      'health.status_slow':      'dashboard.health.status_slow'|trans,
+      'health.status_very_slow': 'dashboard.health.status_very_slow'|trans,
+      'health.status_degraded':  'dashboard.health.status_degraded'|trans,
+      'health.status_down':      'dashboard.health.status_down'|trans,
       'common.loading':        'common.status.loading'|trans,
       'qa.add_radarr':         'quickadd.cta.add_radarr'|trans,
       'qa.add_sonarr':         'quickadd.cta.add_sonarr'|trans,
@@ -1423,6 +1543,7 @@
   {% block javascripts %}{% endblock %}
   <script>
   (function () {
+    var BASE = '{{ app.request.getBasePath() }}';
     function initAutohide() {
       document.querySelectorAll('.js-autohide').forEach(function (el) {
         if (el.dataset.autohideInit) return;
@@ -1479,7 +1600,7 @@
         var poster = item.poster
           ? '<img src="' + item.poster + '" style="width:30px;height:45px;object-fit:cover;border-radius:4px;" class="flex-shrink-0" loading="lazy">'
           : '<div style="width:30px;height:45px;background:rgba(255,255,255,.05);border-radius:4px;display:flex;align-items:center;justify-content:center;" class="flex-shrink-0">' + typeIcon + '</div>';
-        var dataAttr = ' data-quick-add=\'' + JSON.stringify(item).replace(/'/g, '&#39;') + '\'';
+        var dataAttr = ' data-item=\'' + JSON.stringify(item).replace(/'/g, '&#39;') + '\'';
         // v1.1.0 multi-instance: when the result comes from a non-default
         // instance, surface its name in the meta line so the user knows
         // exactly which Radarr 4K / Sonarr Anime owns the match. Default
@@ -1619,11 +1740,54 @@
       var lastLocal = [];
       var lastOnline = [];
 
+      function openDetailFor(item) {
+        if (!window.prismarrQl) return;
+        var isFilm = item.type === 'film';
+        var url;
+        if (item.inLibrary && item.instance && item.instance.slug && item.id) {
+          // Local library result — authoritative Radarr/Sonarr data + Manage deep-link.
+          url = BASE + '/tableau-de-bord/quicklook/' + (isFilm ? 'movie' : 'series')
+              + '/' + item.instance.slug + '/' + item.id;
+        } else {
+          // Online result — TMDb data. Movies key on tmdbId (== id); series need tmdbId.
+          var tmdbId = item.tmdbId || (isFilm ? item.id : null);
+          if (!tmdbId) {
+            // No TMDb id (e.g. TVDB-only series) → can't show TMDb detail.
+            // Fall back to the existing quick-add flow so the user can still add it.
+            closeResults();
+            var trigger = document.createElement('a');
+            trigger.href = '#';
+            trigger.setAttribute('data-quick-add', JSON.stringify(item));
+            trigger.style.display = 'none';
+            document.body.appendChild(trigger);
+            trigger.click();           // bubbles to the document-level [data-quick-add] handler
+            trigger.remove();
+            return;
+          }
+          url = BASE + '/tableau-de-bord/quicklook/tmdb/' + (isFilm ? 'movie' : 'tv') + '/' + tmdbId;
+        }
+        closeResults();
+        window.prismarrQl.open();
+        fetch(url, { headers: { 'X-Requested-With': 'fetch' }, credentials: 'same-origin' })
+          .then(function (r) { return r.ok ? r.text() : ''; })
+          .then(function (html) {
+            var b = window.prismarrQl.body();
+            if (!b) return;
+            b.innerHTML = (html || '').trim() || '<div class="ql-error"></div>';
+            // The quick-look body now renders the correct primary action
+            // server-side (Manage deep-link to the exact instance when the
+            // title is in a library, otherwise an Add button wired to the
+            // shared resolve→quick-add flow), so no client-side patching is
+            // needed here.
+          })
+          .catch(function () { window.prismarrQl.close(); });
+      }
+
       function runSearch(q) {
         showSpinner();
         var ctrl = new AbortController();
         currentReq = ctrl;
-        fetch('/medias/' + DEFAULT_RADARR_SLUG + '/search?q=' + encodeURIComponent(q), { signal: ctrl.signal })
+        fetch(BASE + '/medias/' + DEFAULT_RADARR_SLUG + '/search?q=' + encodeURIComponent(q), { signal: ctrl.signal })
           .then(function (r) { return r.json(); })
           .then(function (localItems) {
             hideSpinner();
@@ -1633,7 +1797,7 @@
 
             var ctrl2 = new AbortController();
             onlineReq = ctrl2;
-            fetch('/medias/' + DEFAULT_RADARR_SLUG + '/search/online?q=' + encodeURIComponent(q), { signal: ctrl2.signal })
+            fetch(BASE + '/medias/' + DEFAULT_RADARR_SLUG + '/search/online?q=' + encodeURIComponent(q), { signal: ctrl2.signal })
               .then(function (r) { return r.json(); })
               .then(function (onlineItems) {
                 onlineReq = null;
@@ -1715,7 +1879,10 @@
         }
         var item = e.target.closest('.prismarr-search-item');
         if (item) {
+          e.preventDefault();
+          e.stopPropagation();
           saveRecent(input.value.trim());
+          try { openDetailFor(JSON.parse(item.dataset.item)); } catch (err) {}
         }
       });
 
@@ -1790,11 +1957,11 @@
           return Promise.resolve();
         }
         var profileUrl = isFilm
-          ? '/medias/' + slug + '/films/quality-profiles'
-          : '/medias/' + slug + '/sonarr/quality-profiles';
+          ? BASE + '/medias/' + slug + '/films/quality-profiles'
+          : BASE + '/medias/' + slug + '/sonarr/quality-profiles';
         var folderUrl = isFilm
-          ? '/medias/' + slug + '/films/root-folders'
-          : '/medias/' + slug + '/sonarr/root-folders';
+          ? BASE + '/medias/' + slug + '/films/root-folders'
+          : BASE + '/medias/' + slug + '/sonarr/root-folders';
         return Promise.all([
           fetch(profileUrl).then(function (r) { return r.json(); }),
           fetch(folderUrl).then(function (r) { return r.json(); })
@@ -1819,7 +1986,7 @@
         var rows = instances.map(function (inst) {
           var lbl = statusLabels[inst.status] || inst.status;
           var openLbl = i18n['qa.action.view'] || 'Voir';
-          var url = '/medias/' + inst.slug + (isFilm ? '/films?open=' : '/series?open=') + inst.id;
+          var url = BASE + '/medias/' + inst.slug + (isFilm ? '/films?open=' : '/series?open=') + inst.id;
           return '<div class="d-flex align-items-center gap-2 p-2 mb-1 rounded" style="background:rgba(255,255,255,.04);">'
             + '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#22c55e" stroke-width="2.5"><path d="M5 12l5 5l10-10"/></svg>'
             + '<span class="small fw-medium">' + window.escHtml(inst.name) + '</span>'
@@ -1857,6 +2024,7 @@
         if (!qaModal) return;
         e.preventDefault();
         e.stopPropagation();
+        if (window.prismarrQl) { window.prismarrQl.close(); }
 
         qaItem = JSON.parse(el.dataset.quickAdd);
         var isFilm = qaItem.type === 'film';
@@ -1889,7 +2057,7 @@
         // falls back to default-only behaviour so the modal still works.
         var resolveType = isFilm ? 'movie' : 'tv';
         var resolveId   = qaItem.tmdbId || qaItem.id;
-        fetch('/decouverte/resolve/' + resolveType + '/' + resolveId)
+        fetch(BASE + '/decouverte/resolve/' + resolveType + '/' + resolveId)
           .then(function (r) { return r.json(); })
           .then(function (resolved) {
             var defaultSlug = isFilm ? DEFAULT_RADARR_SLUG : DEFAULT_SONARR_SLUG;
@@ -2027,7 +2195,7 @@
         var targetSlug = qaSelectedSlug || (isFilm ? DEFAULT_RADARR_SLUG : DEFAULT_SONARR_SLUG);
         var url, payload;
         if (isFilm) {
-          url = '/medias/' + targetSlug + '/films/add';
+          url = BASE + '/medias/' + targetSlug + '/films/add';
           payload = {
             tmdbId: qaItem.id, title: qaItem.title, year: qaItem.year || 0,
             qualityProfileId: parseInt(qualVal), rootFolderPath: folderVal,
@@ -2036,7 +2204,7 @@
             searchForMovie: document.getElementById('qa-film-search').checked
           };
         } else {
-          url = '/medias/' + targetSlug + '/series/add';
+          url = BASE + '/medias/' + targetSlug + '/series/add';
           payload = {
             tvdbId: qaItem.id, title: qaItem.title,
             qualityProfileId: parseInt(qualVal), rootFolderPath: folderVal,
@@ -2187,7 +2355,11 @@
     if (!window._prismarrQbtCleanupBound) {
       window._prismarrQbtCleanupBound = true;
       document.addEventListener('turbo:before-render', function () {
-        ['_prismarrQbtPollTimer', '_prismarrQbtVpnTimer'].forEach(function (key) {
+        // _prismarrTorrentPagePollTimer : le poller 3s des pages qBittorrent /
+        // Deluge / Transmission. Un seul nom pour les trois (une seule page de
+        // client torrent est montée à la fois) ; sans cette purge, naviguer vers
+        // une page NON-torrent laisse l'intervalle tourner indéfiniment.
+        ['_prismarrQbtPollTimer', '_prismarrQbtVpnTimer', '_prismarrDelugePollTimer', '_prismarrUnifiPollTimer', '_prismarrTransmissionPollTimer', '_prismarrTorrentPagePollTimer'].forEach(function (key) {
           if (window[key]) { clearInterval(window[key]); window[key] = null; }
         });
         // Usenet page uses a setTimeout poll chain — kill it on navigation so
@@ -2294,16 +2466,8 @@
     function fmtGo(bytes) { return window.prismarrBytes(bytes); }
 
     function updateBadge(active) {
-      var label = active > 99 ? '99+' : String(active);
       ['sidebar-qbt-badge', 'sidebar-media-badge'].forEach(function (id) {
-        var badge = document.getElementById(id);
-        if (!badge) return;
-        if (active > 0) {
-          badge.textContent = label;
-          badge.style.display = '';
-        } else {
-          badge.style.display = 'none';
-        }
+        window.prismarrDlBadge(document.getElementById(id), active);
       });
     }
 
@@ -2402,6 +2566,340 @@
   </script>
   {% endif %}
 
+  {# ══════════════════════════════════════════════════════════════════════════
+     Global Deluge poll — DL completion / error toasts + sidebar badge
+     Active only on media pages (avoids hitting Deluge everywhere). Also skipped
+     when Deluge is disabled (#15) — otherwise the poll endpoint would chase a
+     route-guard redirect every few seconds and turn `r.json()` into a JS
+     SyntaxError that the circuit breaker then backs off for two minutes.
+     ══════════════════════════════════════════════════════════════════════════ #}
+  {% set route = app.request.attributes.get('_route') ?? '' %}
+  {% if service_configured('deluge') and (
+        route starts with 'app_deluge_'
+     or route starts with 'app_media'
+     or route starts with 'radarr_'
+     or route starts with 'sonarr_'
+     or route starts with 'prowlarr_'
+     or route starts with 'jellyseerr_'
+     or route starts with 'tmdb_') %}
+  <script>
+  (function () {
+    var DELUGE_POLL_URL = '{{ path('app_deluge_api_poll_summary') }}';
+    {# User preference drives the polling cadence — 0 disables Deluge polling entirely. #}
+    var DELUGE_POLL_INTERVAL_SECONDS = {{ display_pref('deluge_refresh_seconds') }};
+    if (DELUGE_POLL_INTERVAL_SECONDS <= 0) return;  // poll disabled via /admin/settings
+    var DELUGE_POLL_INTERVAL = DELUGE_POLL_INTERVAL_SECONDS * 1000;
+    var STATE_KEY = 'prismarr_deluge_last_state';
+    var NOTIFIED_KEY = 'prismarr_deluge_notified';  // hashes already notified (cross-tab dedup)
+    var NOTIFIED_TTL = 60 * 60 * 1000; // 1h — beyond that we re-allow the notification (e.g. torrent re-DL)
+
+    // Cross-tab channel to sync notifications across multiple open tabs
+    var bchan = null;
+    try { if (typeof BroadcastChannel !== 'undefined') bchan = new BroadcastChannel('prismarr-deluge-toasts'); } catch (e) {}
+    if (bchan && !window._prismarrDelugeBchanBound) {
+      window._prismarrDelugeBchanBound = true;
+      bchan.onmessage = function (e) {
+        // Another tab already notified this hash → mark locally to skip
+        if (e.data && e.data.type === 'notified' && e.data.hash) markNotified(e.data.hash);
+      };
+    }
+
+    function loadNotified() { try { return JSON.parse(localStorage.getItem(NOTIFIED_KEY) || '{}'); } catch (e) { return {}; } }
+    function markNotified(hash) {
+      var n = loadNotified();
+      n[hash] = Date.now();
+      // Purge entries that are too old to avoid bloat
+      var cutoff = Date.now() - NOTIFIED_TTL;
+      Object.keys(n).forEach(function (k) { if (n[k] < cutoff) delete n[k]; });
+      try { localStorage.setItem(NOTIFIED_KEY, JSON.stringify(n)); } catch (e) {}
+      if (bchan) try { bchan.postMessage({ type: 'notified', hash: hash }); } catch (e) {}
+    }
+    function alreadyNotified(hash) {
+      var n = loadNotified();
+      return n[hash] && (Date.now() - n[hash]) < NOTIFIED_TTL;
+    }
+
+    function loadPrev() { try { return JSON.parse(localStorage.getItem(STATE_KEY) || '{}'); } catch (e) { return {}; } }
+    function savePrev(map) { try { localStorage.setItem(STATE_KEY, JSON.stringify(map)); } catch (e) {} }
+
+    // window.prismarrBytes is defined in the head script at the top of
+    // base.html.twig so child templates' javascripts block can rely on it
+    // during initial render. Local fmtGo wrapper kept for the Deluge poll
+    // block below.
+    function fmtGo(bytes) { return window.prismarrBytes(bytes); }
+
+    function updateBadge(active) {
+      window.prismarrDlBadge(document.getElementById('sidebar-deluge-badge'), active);
+    }
+
+    // Circuit breaker: when Deluge is unreachable we back off exponentially
+    // from 15s up to 2min between polls instead of hammering the NAS every
+    // 15s. A single successful poll resets the backoff to the base interval.
+    var DELUGE_POLL_INTERVAL_MAX = 120000; // 2 min
+    window._prismarrDelugeFailCount = 0;
+
+    function delugeNextDelay() {
+      if (window._prismarrDelugeFailCount === 0) return DELUGE_POLL_INTERVAL;
+      var scaled = DELUGE_POLL_INTERVAL * Math.pow(2, window._prismarrDelugeFailCount - 1);
+      return Math.min(scaled, DELUGE_POLL_INTERVAL_MAX);
+    }
+
+    function schedulePoll() {
+      if (window._prismarrDelugePollTimer) clearTimeout(window._prismarrDelugePollTimer);
+      window._prismarrDelugePollTimer = setTimeout(pollDeluge, delugeNextDelay());
+    }
+
+    function pollDeluge() {
+      fetch(DELUGE_POLL_URL, { headers: { 'X-Requested-With': 'XMLHttpRequest' } })
+        .then(function (r) {
+          if (!r.ok) throw new Error('HTTP ' + r.status);
+          return r.json();
+        })
+        .then(function (d) {
+          if (!d || d.error) {
+            // Server says Deluge is unreachable — count it as a failure.
+            window._prismarrDelugeFailCount++;
+            schedulePoll();
+            return;
+          }
+
+          // Success: reset backoff and resume base interval.
+          window._prismarrDelugeFailCount = 0;
+          updateBadge(d.active || 0);
+
+          // Detect transitions (vs previous snapshot)
+          var prev = loadPrev();
+          var next = {};
+          var justCompleted = [];
+          var justErrored = [];
+          (d.items || []).forEach(function (it) {
+            next[it.hash] = it.state;
+            var was = prev[it.hash];
+            if (was === 'downloading' && (it.state === 'completed' || it.state === 'seeding')) {
+              justCompleted.push(it);
+            }
+            if (was && was !== 'error' && it.state === 'error') {
+              justErrored.push(it);
+            }
+          });
+
+          if (window._prismarrToast) {
+            justCompleted.forEach(function (it) {
+              if (alreadyNotified(it.hash)) return;
+              var truncated = (it.name || '').length > 60 ? it.name.substring(0, 60) + '…' : it.name;
+              window._prismarrToast(truncated + ' — ' + fmtGo(it.size), 'success', 6000);
+              markNotified(it.hash);
+            });
+            justErrored.forEach(function (it) {
+              if (alreadyNotified(it.hash)) return;
+              var truncated = (it.name || '').length > 60 ? it.name.substring(0, 60) + '…' : it.name;
+              window._prismarrToast('Erreur sur : ' + truncated, 'danger', 8000);
+              markNotified(it.hash);
+            });
+          }
+
+          savePrev(next);
+          schedulePoll();
+        })
+        .catch(function () {
+          // Network error / fetch rejected → back off.
+          window._prismarrDelugeFailCount++;
+          schedulePoll();
+        });
+    }
+
+    // Turbo-safe singleton pattern: a single global poll even with re-exec
+    if (window._prismarrDelugePollTimer) clearTimeout(window._prismarrDelugePollTimer);
+    pollDeluge();
+
+    // Pause when tab is hidden, resume when it returns
+    if (!window._prismarrDelugeVisibilityBound) {
+      window._prismarrDelugeVisibilityBound = true;
+      document.addEventListener('visibilitychange', function () {
+        if (document.hidden) {
+          if (window._prismarrDelugePollTimer) { clearTimeout(window._prismarrDelugePollTimer); window._prismarrDelugePollTimer = null; }
+        } else {
+          pollDeluge();
+        }
+      });
+    }
+  })();
+  </script>
+  {% endif %}
+
+  {# ══════════════════════════════════════════════════════════════════════════
+     Global Transmission poll — DL completion / error toasts + sidebar badge
+     Active only on media pages (avoids hitting Transmission everywhere). Also
+     skipped when Transmission is disabled (#15) — otherwise the poll endpoint
+     would chase a route-guard redirect every few seconds and turn `r.json()`
+     into a JS SyntaxError that the circuit breaker then backs off for two
+     minutes.
+     ══════════════════════════════════════════════════════════════════════════ #}
+  {% set route = app.request.attributes.get('_route') ?? '' %}
+  {% if service_configured('transmission') and (
+        route starts with 'app_transmission_'
+     or route starts with 'app_media'
+     or route starts with 'radarr_'
+     or route starts with 'sonarr_'
+     or route starts with 'prowlarr_'
+     or route starts with 'jellyseerr_'
+     or route starts with 'tmdb_') %}
+  <script>
+  (function () {
+    var TRANSMISSION_POLL_URL = '{{ path('app_transmission_api_poll_summary') }}';
+    {# User preference drives the polling cadence — 0 disables Transmission polling entirely. #}
+    var TRANSMISSION_POLL_INTERVAL_SECONDS = {{ display_pref('transmission_refresh_seconds') }};
+    if (TRANSMISSION_POLL_INTERVAL_SECONDS <= 0) return;  // poll disabled via /admin/settings
+    var TRANSMISSION_POLL_INTERVAL = TRANSMISSION_POLL_INTERVAL_SECONDS * 1000;
+    var STATE_KEY = 'prismarr_transmission_last_state';
+    var NOTIFIED_KEY = 'prismarr_transmission_notified';  // hashes already notified (cross-tab dedup)
+    var NOTIFIED_TTL = 60 * 60 * 1000; // 1h — beyond that we re-allow the notification (e.g. torrent re-DL)
+
+    // Cross-tab channel to sync notifications across multiple open tabs
+    var bchan = null;
+    try { if (typeof BroadcastChannel !== 'undefined') bchan = new BroadcastChannel('prismarr-transmission-toasts'); } catch (e) {}
+    if (bchan && !window._prismarrTransmissionBchanBound) {
+      window._prismarrTransmissionBchanBound = true;
+      bchan.onmessage = function (e) {
+        // Another tab already notified this hash → mark locally to skip
+        if (e.data && e.data.type === 'notified' && e.data.hash) markNotified(e.data.hash);
+      };
+    }
+
+    function loadNotified() { try { return JSON.parse(localStorage.getItem(NOTIFIED_KEY) || '{}'); } catch (e) { return {}; } }
+    function markNotified(hash) {
+      var n = loadNotified();
+      n[hash] = Date.now();
+      // Purge entries that are too old to avoid bloat
+      var cutoff = Date.now() - NOTIFIED_TTL;
+      Object.keys(n).forEach(function (k) { if (n[k] < cutoff) delete n[k]; });
+      try { localStorage.setItem(NOTIFIED_KEY, JSON.stringify(n)); } catch (e) {}
+      if (bchan) try { bchan.postMessage({ type: 'notified', hash: hash }); } catch (e) {}
+    }
+    function alreadyNotified(hash) {
+      var n = loadNotified();
+      return n[hash] && (Date.now() - n[hash]) < NOTIFIED_TTL;
+    }
+
+    function loadPrev() { try { return JSON.parse(localStorage.getItem(STATE_KEY) || '{}'); } catch (e) { return {}; } }
+    function savePrev(map) { try { localStorage.setItem(STATE_KEY, JSON.stringify(map)); } catch (e) {} }
+
+    // window.prismarrBytes is defined in the head script at the top of
+    // base.html.twig so child templates' javascripts block can rely on it
+    // during initial render. Local fmtGo wrapper kept for the Transmission
+    // poll block below.
+    function fmtGo(bytes) { return window.prismarrBytes(bytes); }
+
+    function updateBadge(active) {
+      var label = active > 99 ? '99+' : String(active);
+      ['sidebar-transmission-badge'].forEach(function (id) {
+        var badge = document.getElementById(id);
+        if (!badge) return;
+        if (active > 0) {
+          badge.textContent = label;
+          badge.style.display = '';
+        } else {
+          badge.style.display = 'none';
+        }
+      });
+    }
+
+    // Circuit breaker: when Transmission is unreachable we back off
+    // exponentially from 15s up to 2min between polls instead of hammering
+    // the NAS every 15s. A single successful poll resets the backoff to the
+    // base interval.
+    var TRANSMISSION_POLL_INTERVAL_MAX = 120000; // 2 min
+    window._prismarrTransmissionFailCount = 0;
+
+    function transmissionNextDelay() {
+      if (window._prismarrTransmissionFailCount === 0) return TRANSMISSION_POLL_INTERVAL;
+      var scaled = TRANSMISSION_POLL_INTERVAL * Math.pow(2, window._prismarrTransmissionFailCount - 1);
+      return Math.min(scaled, TRANSMISSION_POLL_INTERVAL_MAX);
+    }
+
+    function schedulePoll() {
+      if (window._prismarrTransmissionPollTimer) clearTimeout(window._prismarrTransmissionPollTimer);
+      window._prismarrTransmissionPollTimer = setTimeout(pollTransmission, transmissionNextDelay());
+    }
+
+    function pollTransmission() {
+      fetch(TRANSMISSION_POLL_URL, { headers: { 'X-Requested-With': 'XMLHttpRequest' } })
+        .then(function (r) {
+          if (!r.ok) throw new Error('HTTP ' + r.status);
+          return r.json();
+        })
+        .then(function (d) {
+          if (!d || d.error) {
+            // Server says Transmission is unreachable — count it as a failure.
+            window._prismarrTransmissionFailCount++;
+            schedulePoll();
+            return;
+          }
+
+          // Success: reset backoff and resume base interval.
+          window._prismarrTransmissionFailCount = 0;
+          updateBadge(d.active || 0);
+
+          // Detect transitions (vs previous snapshot)
+          var prev = loadPrev();
+          var next = {};
+          var justCompleted = [];
+          var justErrored = [];
+          (d.items || []).forEach(function (it) {
+            next[it.hash] = it.state;
+            var was = prev[it.hash];
+            if (was === 'downloading' && (it.state === 'completed' || it.state === 'seeding')) {
+              justCompleted.push(it);
+            }
+            if (was && was !== 'error' && it.state === 'error') {
+              justErrored.push(it);
+            }
+          });
+
+          if (window._prismarrToast) {
+            justCompleted.forEach(function (it) {
+              if (alreadyNotified(it.hash)) return;
+              var truncated = (it.name || '').length > 60 ? it.name.substring(0, 60) + '…' : it.name;
+              window._prismarrToast(truncated + ' — ' + fmtGo(it.size), 'success', 6000);
+              markNotified(it.hash);
+            });
+            justErrored.forEach(function (it) {
+              if (alreadyNotified(it.hash)) return;
+              var truncated = (it.name || '').length > 60 ? it.name.substring(0, 60) + '…' : it.name;
+              window._prismarrToast('Erreur sur : ' + truncated, 'danger', 8000);
+              markNotified(it.hash);
+            });
+          }
+
+          savePrev(next);
+          schedulePoll();
+        })
+        .catch(function () {
+          // Network error / fetch rejected → back off.
+          window._prismarrTransmissionFailCount++;
+          schedulePoll();
+        });
+    }
+
+    // Turbo-safe singleton pattern: a single global poll even with re-exec
+    if (window._prismarrTransmissionPollTimer) clearTimeout(window._prismarrTransmissionPollTimer);
+    pollTransmission();
+
+    // Pause when tab is hidden, resume when it returns
+    if (!window._prismarrTransmissionVisibilityBound) {
+      window._prismarrTransmissionVisibilityBound = true;
+      document.addEventListener('visibilitychange', function () {
+        if (document.hidden) {
+          if (window._prismarrTransmissionPollTimer) { clearTimeout(window._prismarrTransmissionPollTimer); window._prismarrTransmissionPollTimer = null; }
+        } else {
+          pollTransmission();
+        }
+      });
+    }
+  })();
+  </script>
+  {% endif %}
+
   {# ══════════════════════════════════════════════════════════════════════════
      Jellyseerr pending-requests poll — sidebar badge. Unlike the qBit poll
      above (media pages only, to avoid hammering the NAS every 15s), this one
@@ -2421,14 +2919,7 @@
     window._prismarrSeerrFailCount = 0;
 
     function updateSeerrBadge(pending) {
-      var badge = document.getElementById('sidebar-seerr-badge');
-      if (!badge) return;
-      if (pending > 0) {
-        badge.textContent = pending > 99 ? '99+' : String(pending);
-        badge.style.display = '';
-      } else {
-        badge.style.display = 'none';
-      }
+      window.prismarrDlBadge(document.getElementById('sidebar-seerr-badge'), pending);
     }
 
     function seerrNextDelay() {
@@ -2543,10 +3034,7 @@
       var fails = 0, timer = null;
 
       function update(active) {
-        var badge = document.getElementById(c.id);
-        if (!badge) return;
-        if (active > 0) { badge.textContent = active > 99 ? '99+' : String(active); badge.style.display = ''; }
-        else { badge.style.display = 'none'; }
+        window.prismarrDlBadge(document.getElementById(c.id), active);
       }
       function schedule() {
         if (timer) clearTimeout(timer);
@@ -2571,77 +3059,52 @@
   <script>
     // Topbar health indicator — lazy-loaded state + auto-refresh 60s.
     (function () {
-      var SERVICE_LABELS = {
-        radarr: 'Radarr', sonarr: 'Sonarr', prowlarr: 'Prowlarr',
-        jellyseerr: 'Seerr', qbittorrent: 'qBittorrent',
-        sabnzbd: 'SABnzbd', nzbget: 'NZBGet', tmdb: 'TMDb',
-      };
-      // v1.1.0 — radarr/sonarr can have multiple instances; we render
-      // each instance on its own row instead of a single aggregate row.
-      var INSTANCE_TYPES = ['radarr', 'sonarr'];
-      var FLAT_SERVICES = ['tmdb', 'prowlarr', 'jellyseerr', 'qbittorrent', 'sabnzbd', 'nzbget'];
       var dot   = document.getElementById('topbar-health-dot');
       var summ  = document.getElementById('topbar-health-summary');
       var list  = document.getElementById('topbar-health-list');
       if (!dot || !summ || !list) return;
 
+      // v1.2 — renders the server-built `chips` list (same rows as the
+      // dashboard health section): brand-colored names, latency, 5-state
+      // dots, and NO rows for unconfigured services.
+      var STATUS_I18N = { up: 'health.status_up', slow: 'health.status_slow', very_slow: 'health.status_very_slow', degraded: 'health.status_degraded', down: 'health.status_down' };
+      var DOT_CLS = { up: 'is-ok', slow: 'is-warn', very_slow: 'is-warn', degraded: 'is-warn', down: 'is-ko' };
+
       function renderHealth(data) {
+        var i18n = window._i18n || {};
+        var chips = data.chips || [];
         var ok = data.ok || 0;
         var total = data.total || 0;
-        var services = data.services || {};
 
-        // Overall dot color : all configured up = green, partial = orange,
-        // none configured or all down = red.
         dot.classList.remove('is-ok', 'is-warn', 'is-ko');
         if (total === 0)       dot.classList.add('is-ko');
         else if (ok === total) dot.classList.add('is-ok');
         else if (ok > 0)       dot.classList.add('is-warn');
         else                   dot.classList.add('is-ko');
 
-        var i18n = window._i18n || {};
         summ.textContent = total === 0
           ? (i18n['health.no_service'] || 'No service configured')
           : (i18n['health.summary_tpl'] || '__OK__ / __TOTAL__ services up')
               .replace('__OK__', ok).replace('__TOTAL__', total);
 
-        function rowFor(name, state) {
-          var cls = state === null || state === undefined ? 'is-unk' : (state ? 'is-ok' : 'is-ko');
-          var label = state === null || state === undefined
-            ? (i18n['health.status_unk']  || 'Not configured')
-            : (state
-                ? (i18n['health.status_ok']   || 'Up')
-                : (i18n['health.status_down'] || 'Unreachable'));
-          return '<div class="prismarr-health-row">'
-               +  '<span class="prismarr-health-row-dot ' + cls + '"></span>'
-               +  '<span class="prismarr-health-row-name">' + window.escHtml(name) + '</span>'
-               +  '<span class="prismarr-health-row-state">' + label + '</span>'
-               +  '</div>';
+        if (!chips.length) {
+          list.innerHTML = '<div class="px-3 py-2 small text-secondary">'
+            + (i18n['health.no_service'] || 'No service configured') + '</div>';
+          return;
         }
-
-        var html = '';
-        // TMDb first (cosmetic — matches the wizard order).
-        html += rowFor(SERVICE_LABELS.tmdb, services.tmdb);
-        // Multi-instance services — one row per configured instance, falls
-        // back to a single "Not configured" row when none enabled.
-        INSTANCE_TYPES.forEach(function (type) {
-          var insts = (data.instances || {})[type] || [];
-          if (insts.length === 0) {
-            html += rowFor(SERVICE_LABELS[type], services[type]);
-            return;
-          }
-          insts.forEach(function (inst) {
-            html += rowFor(inst.name, inst.state);
-          });
-        });
-        // Remaining flat services.
-        ['prowlarr', 'jellyseerr', 'qbittorrent', 'sabnzbd', 'nzbget'].forEach(function (id) {
-          html += rowFor(SERVICE_LABELS[id], services[id]);
-        });
-        list.innerHTML = html;
+        list.innerHTML = chips.map(function (c) {
+          var state = i18n[STATUS_I18N[c.status]] || c.status || '';
+          if (c.latencyMs !== null && c.latencyMs !== undefined) state += ' · ' + c.latencyMs + ' ms';
+          return '<div class="prismarr-health-row">'
+            +  '<span class="prismarr-health-row-dot ' + (DOT_CLS[c.status] || 'is-unk') + '"></span>'
+            +  '<span class="prismarr-health-row-name" style="color:' + (c.color || 'inherit') + '">' + window.escHtml(c.name) + '</span>'
+            +  '<span class="prismarr-health-row-state">' + window.escHtml(state) + '</span>'
+            +  '</div>';
+        }).join('');
       }
 
       function fetchHealth() {
-        fetch('/api/health/services', { credentials: 'same-origin', headers: { 'Accept': 'application/json' } })
+        fetch('{{ path('api_health_services') }}', { credentials: 'same-origin', headers: { 'Accept': 'application/json' } })
           .then(function (r) { return r.ok ? r.json() : null; })
           .then(function (d) { if (d) renderHealth(d); })
           .catch(function () {});
diff --git a/symfony/templates/calendrier/index.html.twig b/symfony/templates/calendrier/index.html.twig
index 4e597d0a..49fecd48 100644
--- a/symfony/templates/calendrier/index.html.twig
+++ b/symfony/templates/calendrier/index.html.twig
@@ -12,8 +12,8 @@
 .cal-toolbar { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; margin-bottom:1rem; padding:.6rem .85rem; background:var(--tblr-bg-surface); border:1px solid var(--tblr-border-color); border-radius:.75rem; }
 .cal-toolbar-label { font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--tblr-secondary); }
 .cal-filter-pill { display:inline-flex; align-items:center; gap:.35rem; padding:.25rem .6rem; border:1px solid var(--tblr-border-color); background:none; border-radius:2rem; font-size:.72rem; color:var(--tblr-body-color); cursor:pointer; transition:all .15s; white-space:nowrap; }
-.cal-filter-pill:hover { background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.15); }
-.cal-filter-pill.active { background:rgba(var(--tblr-primary-rgb),.15); border-color:var(--tblr-primary); color:#a5b4fc; font-weight:600; }
+.cal-filter-pill:hover { background:rgba(var(--tblr-primary-rgb),.06); border-color:rgba(var(--tblr-primary-rgb),.2); }
+.cal-filter-pill.active { background:rgba(var(--tblr-primary-rgb),.15); border-color:var(--tblr-primary); color:var(--tblr-primary); font-weight:600; }
 .cal-filter-dot { width:7px; height:7px; border-radius:50%; flex-shrink:0; }
 .cal-filter-count { font-size:.6rem; color:var(--tblr-secondary); }
 .cal-toolbar-sep { width:1px; height:1.5rem; background:var(--tblr-border-color); margin:0 .25rem; }
@@ -147,7 +147,7 @@
 @media (max-width: 768px) {
   .cal-grid { grid-template-columns:repeat(7, minmax(92px, 1fr)); min-width:680px; }
 }
-.cal-grid-dow { background:rgba(var(--tblr-primary-rgb),.08); padding:.5rem .35rem; text-align:center; font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#818cf8; }
+.cal-grid-dow { background:rgba(var(--tblr-primary-rgb),.08); padding:.5rem .35rem; text-align:center; font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--tblr-primary); }
 .cal-grid-dow.is-weekend { color:#f59e0b; }
 .cal-cell { background:var(--tblr-bg-surface); min-height:110px; padding:.3rem .35rem; position:relative; transition:background .15s; }
 .cal-cell:hover { background:rgba(255,255,255,.02); }
@@ -161,7 +161,7 @@
 .cal-cell.is-past .cal-block:hover { opacity:.85; filter:grayscale(0); }
 .cal-cell.is-selected { box-shadow:inset 0 0 0 2px var(--tblr-primary); }
 .cal-cell.is-weekend { background:rgba(255,255,255,.01); }
-.cal-cell-num { font-size:.75rem; font-weight:700; color:rgba(255,255,255,.45); padding:.15rem .3rem; display:inline-block; border-radius:.25rem; cursor:pointer; }
+.cal-cell-num { font-size:.75rem; font-weight:700; color:var(--tblr-secondary-color); padding:.15rem .3rem; display:inline-block; border-radius:.25rem; cursor:pointer; }
 .cal-cell.is-today .cal-cell-num { background:var(--tblr-primary); color:#fff; border-radius:50%; width:1.5rem; height:1.5rem; display:inline-flex; align-items:center; justify-content:center; padding:0; }
 .cal-cell-events { display:flex; flex-direction:column; gap:2px; margin-top:3px; }
 
@@ -176,15 +176,32 @@
 .cal-block-physical { background:rgba(21,128,61,.7); border-left-color:#22c55e; color:#bbf7d0; }
 .cal-block-unknown { background:rgba(107,114,128,.6); border-left-color:#9ca3af; color:#e5e7eb; }
 
-/* Épisodes — couleurs par série */
-.cal-block-episode { background:rgba(14,165,233,.7); border-left-color:#38bdf8; color:#e0f2fe; }
-.cal-block-ep-v1 { background:rgba(139,92,246,.7); border-left-color:#a78bfa; color:#ede9fe; }
-.cal-block-ep-v2 { background:rgba(219,39,119,.65); border-left-color:#ec4899; color:#fce7f3; }
-.cal-block-ep-v3 { background:rgba(22,163,74,.7); border-left-color:#4ade80; color:#dcfce7; }
-.cal-block-ep-v4 { background:rgba(234,88,12,.7); border-left-color:#fb923c; color:#ffedd5; }
-.cal-block-ep-v5 { background:rgba(6,182,212,.7); border-left-color:#22d3ee; color:#cffafe; }
-
-.cal-block-more { font-size:.58rem; color:#818cf8; font-weight:700; padding:1px 5px; cursor:pointer; }
+/* Épisodes — nuances par série, MAIS toutes dans la famille bleu/cyan pour
+   rester fidèles à la pastille unique « épisode » (#38bdf8) de la légende.
+   Les anciennes teintes violet/rose/vert/orange entraient en conflit avec
+   cinéma (rouge), digital (violet) et physique (vert) de la même légende. */
+.cal-block-episode { background:rgba(14,165,233,.7);  border-left-color:#38bdf8; color:#e0f2fe; }
+.cal-block-ep-v1 { background:rgba(37,99,235,.68);  border-left-color:#60a5fa; color:#dbeafe; }
+.cal-block-ep-v2 { background:rgba(2,132,199,.7);   border-left-color:#38bdf8; color:#e0f2fe; }
+.cal-block-ep-v3 { background:rgba(6,182,212,.68);  border-left-color:#22d3ee; color:#cffafe; }
+.cal-block-ep-v4 { background:rgba(15,118,178,.72); border-left-color:#7dd3fc; color:#e0f2fe; }
+.cal-block-ep-v5 { background:rgba(30,64,175,.68);  border-left-color:#93c5fd; color:#dbeafe; }
+
+/* Light mode: the .6–.75 translucent fills composite over the white cell
+   surface and wash out, dropping the pastel text below contrast. Bump the
+   fills near-opaque so the existing light text stays legible. */
+[data-bs-theme="light"] .cal-block-cinema   { background:rgba(185,28,28,.92); }
+[data-bs-theme="light"] .cal-block-digital  { background:rgba(126,34,206,.92); }
+[data-bs-theme="light"] .cal-block-physical { background:rgba(21,128,61,.92); }
+[data-bs-theme="light"] .cal-block-unknown  { background:rgba(75,85,99,.92); }
+[data-bs-theme="light"] .cal-block-episode  { background:rgba(14,165,233,.92); }
+[data-bs-theme="light"] .cal-block-ep-v1    { background:rgba(37,99,235,.92); }
+[data-bs-theme="light"] .cal-block-ep-v2    { background:rgba(2,132,199,.92); }
+[data-bs-theme="light"] .cal-block-ep-v3    { background:rgba(6,182,212,.92); }
+[data-bs-theme="light"] .cal-block-ep-v4    { background:rgba(15,118,178,.94); }
+[data-bs-theme="light"] .cal-block-ep-v5    { background:rgba(30,64,175,.92); }
+
+.cal-block-more { font-size:.58rem; color:var(--tblr-primary); font-weight:700; padding:1px 5px; cursor:pointer; }
 .cal-block-more:hover { text-decoration:underline; }
 
 /* ── Bloc infos dans grille (2 lignes) ── */
@@ -211,7 +228,7 @@
 .cal-day-popup-title { font-size:.9rem; font-weight:700; margin-bottom:.6rem; display:flex; align-items:center; justify-content:space-between; }
 .cal-day-popup-close { background:none; border:none; color:var(--tblr-secondary); cursor:pointer; padding:2px; }
 .cal-day-popup-close:hover { color:#fff; }
-.cal-day-popup-event { display:flex; align-items:center; gap:.5rem; padding:.45rem .5rem; border-radius:.4rem; margin-bottom:.35rem; border-left:3px solid transparent; transition:background .1s; }
+.cal-day-popup-event { display:flex; align-items:center; gap:.5rem; padding:.45rem .5rem; border-radius:.4rem; margin-bottom:.35rem; border-left:3px solid transparent; transition:background .1s; cursor:pointer; }
 .cal-day-popup-event:hover { background:rgba(255,255,255,.04); }
 .cal-day-popup-event.rel-cinema { border-left-color:#dc2626; }
 .cal-day-popup-event.rel-digital { border-left-color:#a855f7; }
@@ -242,6 +259,27 @@
 .cal-bottom-stats { display:flex; gap:1.5rem; margin-top:.75rem; font-size:.75rem; color:var(--tblr-secondary); }
 .cal-bottom-stat { display:flex; align-items:center; gap:.35rem; }
 .cal-bottom-dot { width:8px; height:8px; border-radius:2px; }
+
+/* ── Readability floor (responsive audit 2026-06-29, extended to all
+   breakpoints 2026-07-10) ── Floor sub-11px calendar text at 11px
+   (.6875rem). The month-view event blocks were the app's smallest text
+   (8.8-9.9px) and equally unreadable on desktop. Blocks/tooltips already
+   truncate with ellipsis, so the bigger glyphs clip instead of overflowing;
+   line2 keeps its hierarchy via weight and opacity. */
+.cal-toolbar-label,
+.cal-filter-count,
+.cal-week-dow,
+.cal-day-row-type,
+.cal-block,
+.cal-block-more,
+.cal-block-line2,
+.cal-tooltip-type,
+.cal-tooltip-meta,
+.cal-tooltip-badge,
+.cal-day-popup-ev-sub,
+.cal-day-popup-ev-meta,
+.cal-mini-dow,
+.cal-mini-day { font-size: .6875rem; }
 </style>
 {% endblock %}
 
@@ -378,6 +416,7 @@
 {% block javascripts %}
 <script>
 (function () {
+    var BASE = '{{ app.request.getBasePath() }}';
     var allEvents = {{ eventsJson|json_encode|raw }};
     // Calendar-scoped i18n (strings the JS renders on the fly).
     var CAL_I18N = {
@@ -584,7 +623,7 @@
             }
             // data-ev-idx pour tooltip hover
             var evIdx = allEvents.indexOf(ev);
-            h += '<div class="' + blockCls + '" data-ev-idx="' + evIdx + '">' + title + line2 + '</div>';
+            h += '<div class="' + blockCls + '" tabindex="0" role="button" data-kb-activate aria-label="' + (window.escHtml ? window.escHtml(title) : title) + '" data-ev-idx="' + evIdx + '">' + title + line2 + '</div>';
         });
         if (evs.length > max) h += '<div class="cal-block-more" data-date-detail="' + ds + '">' + CAL_I18N.day_overflow.replace('__N__', evs.length-max) + '</div>';
         h += '</div></div>';
@@ -662,7 +701,7 @@
                     } else if (ev.type === 'episode' && ev.title) {
                         line2 = '<div class="cal-block-line2">' + ev.title + '</div>';
                     }
-                    h += '<div class="' + blockCls + '" data-ev-idx="' + evIdx + '">' + evTitle(ev) + line2 + '</div>';
+                    h += '<div class="' + blockCls + '" tabindex="0" role="button" data-kb-activate aria-label="' + (window.escHtml ? window.escHtml(evTitle(ev)) : evTitle(ev)) + '" data-ev-idx="' + evIdx + '">' + evTitle(ev) + line2 + '</div>';
                 });
             }
             h += '</div></div>';
@@ -727,7 +766,7 @@
                     sub = sxe + (ev.title ? ' · ' + ev.title : '') + (ev.network ? ' · ' + ev.network : '');
                 }
 
-                h += '<div class="cal-day-row" data-ev-idx="' + evIdx + '">';
+                h += '<div class="cal-day-row" tabindex="0" role="button" data-kb-activate aria-label="' + (window.escHtml ? window.escHtml(title) : title) + '" data-ev-idx="' + evIdx + '">';
                 h += poster;
                 h += '<div class="cal-day-row-body">';
                 h += '<span class="' + typeCls + '" style="' + typeBg + '">' + typeLbl + '</span>';
@@ -898,31 +937,36 @@
         if (block) { clearTimeout(tooltipTimer); hideTooltip(); }
     });
 
-    // Click on an event → opens the entry on Movies/Series via `?open=`
-    // (the poster-card tile reuses this contract elsewhere in the app).
+    // Click on an event → open the rich quick-look modal IN PLACE (same
+    // app-global modal the dashboard/search/Explorer use) rather than ejecting
+    // the user to the Movies/Series page. Each event carries _instanceSlug from
+    // the controller so we build the authoritative library quick-look URL; the
+    // old `/medias/…?open=` route is passed as a graceful fallback (used if the
+    // modal isn't present or the fragment fetch fails). Events live in
+    // #main-grid (month/week/day) and inside the day-detail popup.
     document.addEventListener('click', function(e) {
         var block = e.target.closest('[data-ev-idx]');
         if (!block) return;
-        if (!block.closest('#main-grid')) return;       // ignore tooltips / popup etc.
+        if (!block.closest('#main-grid') && !block.closest('#cal-day-popup')) return; // ignore tooltip
         var idx = parseInt(block.dataset.evIdx);
         if (isNaN(idx) || !allEvents[idx]) return;
         var ev = allEvents[idx];
-        var target = null;
-        // Phase D — each event carries _instanceSlug from the controller so
-        // the click navigates to the page of the instance that owns it.
-        // Default fallback if for some reason the slug is missing (older
-        // cached JSON or edge case with empty libraries).
+        var url = null, fallback = null;
         if (ev.type === 'film' && ev.id) {
             var radarrSlug = ev._instanceSlug || DEFAULT_RADARR_SLUG;
-            target = '/medias/' + radarrSlug + '/films?open=' + ev.id;
+            url = BASE + '/tableau-de-bord/quicklook/movie/' + radarrSlug + '/' + ev.id;
+            fallback = BASE + '/medias/' + radarrSlug + '/films?open=' + ev.id;
         } else if (ev.type === 'episode' && ev.seriesId) {
             var sonarrSlug = ev._instanceSlug || DEFAULT_SONARR_SLUG;
-            target = '/medias/' + sonarrSlug + '/series?open=' + ev.seriesId;
+            url = BASE + '/tableau-de-bord/quicklook/series/' + sonarrSlug + '/' + ev.seriesId;
+            fallback = BASE + '/medias/' + sonarrSlug + '/series?open=' + ev.seriesId;
         }
-        if (target) {
+        if (url) {
             e.preventDefault();
             hideTooltip();
-            window.location.href = target;
+            closeDayPopup();
+            if (window.prismarrQl && window.prismarrQl.openUrl) { window.prismarrQl.openUrl(url, fallback); }
+            else { window.location.href = fallback; }
         }
     });
 
@@ -1007,6 +1051,7 @@
         h += '</div>';
 
         evs.forEach(function(ev) {
+            var evIdx = allEvents.indexOf(ev);
             var poster = ev.poster ? '<img src="' + ev.poster + '" class="cal-day-popup-poster" loading="lazy">' : '<div class="cal-day-popup-poster-ph"></div>';
             var title = evTitle(ev);
             var relCls = 'rel-' + (ev.releaseType || 'unknown');
@@ -1027,7 +1072,7 @@
             var sub = ev.type === 'episode' && ev.title ? '<div class="cal-day-popup-ev-sub" style="color:rgba(255,255,255,.6);">' + ev.title + '</div>' : '';
             var meta = metas.length ? '<div class="cal-day-popup-ev-meta">' + metas.join(' · ') + '</div>' : '';
 
-            h += '<div class="cal-day-popup-event ' + relCls + '">' + poster + '<div class="overflow-hidden flex-grow-1">'
+            h += '<div class="cal-day-popup-event ' + relCls + '" tabindex="0" role="button" data-kb-activate aria-label="' + (window.escHtml ? window.escHtml(title) : title) + '" data-ev-idx="' + evIdx + '">' + poster + '<div class="overflow-hidden flex-grow-1">'
               + '<div class="d-flex align-items-center gap-1 mb-1">' + relLabel + ' ' + statusBadge + '</div>'
               + '<div class="cal-day-popup-ev-title">' + title + '</div>'
               + sub + meta
diff --git a/symfony/templates/dashboard/_health.html.twig b/symfony/templates/dashboard/_health.html.twig
index f348aa63..48a9f30c 100644
--- a/symfony/templates/dashboard/_health.html.twig
+++ b/symfony/templates/dashboard/_health.html.twig
@@ -2,22 +2,13 @@
    DashboardController::widgetHealth into the card's [data-dash-body]. Only
    configured services get a chip (issue #9); none → a neutral message.
    v1.1.0 — services_health is a list: radarr/sonarr expand to one chip per
-   enabled instance (chip.name), colour keyed by chip.id (the service type). #}
+   enabled instance (chip.name), color pre-set in HealthService::chips(). #}
 {% if services_health is empty %}
   <div class="text-center text-secondary py-3">
     {{ 'dashboard.health.none_configured'|trans }}
   </div>
 {% else %}
   <div class="service-grid">
-    {% set service_colors = {
-      radarr:      '#FFC230',
-      sonarr:      '#00CCFF',
-      prowlarr:    '#E88D1A',
-      jellyseerr:  '#a259ff',
-      qbittorrent: '#2f67ba',
-      tmdb:        '#01B4E4',
-      tautulli:    '#e5a00d',
-    } %}
     {% set status_dot = {
       up:        'is-up',
       slow:      'is-slow',
@@ -29,7 +20,7 @@
       <div class="service-chip">
         <span class="service-chip-dot {{ status_dot[chip.status]|default('is-unk') }}"></span>
         <div class="flex-fill">
-          <div class="service-chip-name" style="color: {{ service_colors[chip.id]|default('#888') }};">{{ chip.name }}</div>
+          <div class="service-chip-name" style="color: {{ chip.color|default('#888') }};">{{ chip.name }}</div>
           <div class="service-chip-state">
             {{ ('dashboard.health.status_' ~ chip.status)|trans }}{% if chip.latencyMs is not null %} · {{ chip.latencyMs }} ms{% endif %}
           </div>
diff --git a/symfony/templates/dashboard/_houndarr.html.twig b/symfony/templates/dashboard/_houndarr.html.twig
new file mode 100644
index 00000000..fb59c912
--- /dev/null
+++ b/symfony/templates/dashboard/_houndarr.html.twig
@@ -0,0 +1,68 @@
+{# Async-hydrated fragment — Houndarr widget totals, rendered by
+   DashboardController::widgetHoundarr into the card's [data-dash-body].
+   `houndarr` = HoundarrClient::widget(): null → unreachable; error 'auth' →
+   key rejected; otherwise the five allow-listed totals. #}
+{% if houndarr is null %}
+  <div class="text-center text-secondary py-3">{{ 'dashboard.houndarr.unreachable'|trans }}</div>
+{% elseif houndarr.error == 'auth' %}
+  <div class="text-center text-secondary py-3">{{ 'dashboard.houndarr.auth_error'|trans }}</div>
+{% else %}
+  <div class="houndarr-stats">
+    <div class="houndarr-stat">
+      <div class="houndarr-stat-value">{{ houndarr.totals.tracked }}</div>
+      <div class="houndarr-stat-label">{{ 'dashboard.houndarr.tracked'|trans }}</div>
+    </div>
+    <div class="houndarr-stat houndarr-stat--eligible">
+      <div class="houndarr-stat-value">{{ houndarr.totals.eligible }}</div>
+      <div class="houndarr-stat-label">{{ 'dashboard.houndarr.eligible'|trans }}</div>
+    </div>
+    <div class="houndarr-stat">
+      <div class="houndarr-stat-value">{{ houndarr.totals.gated }}</div>
+      <div class="houndarr-stat-label">{{ 'dashboard.houndarr.gated'|trans }}</div>
+    </div>
+    <div class="houndarr-stat">
+      <div class="houndarr-stat-value">{{ houndarr.totals.unreleased }}</div>
+      <div class="houndarr-stat-label">{{ 'dashboard.houndarr.unreleased'|trans }}</div>
+    </div>
+    <div class="houndarr-stat">
+      <div class="houndarr-stat-value">{{ houndarr.totals.searches7d }}</div>
+      <div class="houndarr-stat-label">{{ 'dashboard.houndarr.searches_7d'|trans }}</div>
+    </div>
+  </div>
+  {# Library-health bar — same eligible/gated/unreleased split as the stat
+     tiles, stacked as proportions of tracked (mirrors Houndarr's own bar).
+     No new upstream calls: pure re-render of the widget() totals. #}
+  {% if houndarr.totals.tracked > 0 %}
+    {% set tracked = houndarr.totals.tracked %}
+    <div class="houndarr-bar">
+      <div class="houndarr-bar-seg" style="width: {{ (houndarr.totals.eligible / tracked * 100)|round(1) }}%; background: var(--tblr-green);"></div>
+      <div class="houndarr-bar-seg" style="width: {{ (houndarr.totals.gated / tracked * 100)|round(1) }}%; background: var(--tblr-blue);"></div>
+      <div class="houndarr-bar-seg" style="width: {{ (houndarr.totals.unreleased / tracked * 100)|round(1) }}%; background: var(--tblr-secondary); opacity: .35;"></div>
+    </div>
+    <div class="houndarr-legend">
+      <span><span class="houndarr-legend-dot" style="background: var(--tblr-green);"></span>{{ 'dashboard.houndarr.eligible'|trans }} {{ houndarr.totals.eligible }}</span>
+      <span><span class="houndarr-legend-dot" style="background: var(--tblr-blue);"></span>{{ 'dashboard.houndarr.gated'|trans }} {{ houndarr.totals.gated }}</span>
+      <span><span class="houndarr-legend-dot" style="background: var(--tblr-secondary); opacity: .5;"></span>{{ 'dashboard.houndarr.unreleased'|trans }} {{ houndarr.totals.unreleased }}</span>
+    </div>
+  {% endif %}
+  {# Per-instance Radarr/Sonarr wanted counts — *arr-side numbers (see the
+     micro-note), null count → '—' when an instance was unreachable. #}
+  {% if instances|default([]) is not empty %}
+    <div class="houndarr-insts">
+      {% for inst in instances %}
+        <div class="houndarr-inst">
+          <span class="houndarr-inst-dot" style="background: {{ inst.type == 'radarr' ? '#FFC230' : '#00CCFF' }};"></span>
+          <span class="houndarr-inst-name">{{ inst.name }}</span>
+          <span class="houndarr-inst-counts">
+            <span>{{ 'dashboard.houndarr.wanted'|trans }}: {{ inst.wanted ?? '—' }}</span>
+            <span>{{ 'dashboard.houndarr.cutoff_unmet'|trans }}: {{ inst.cutoffUnmet ?? '—' }}</span>
+          </span>
+        </div>
+      {% endfor %}
+      <div class="houndarr-note">{{ 'dashboard.houndarr.arr_note'|trans }}</div>
+    </div>
+  {% endif %}
+  {% if houndarr.generatedAtEpoch %}
+    <div class="houndarr-updated">{{ 'dashboard.houndarr.updated'|trans }} {{ houndarr.generatedAtEpoch|prismarr_time }}</div>
+  {% endif %}
+{% endif %}
diff --git a/symfony/templates/dashboard/_network.html.twig b/symfony/templates/dashboard/_network.html.twig
new file mode 100644
index 00000000..30e7459f
--- /dev/null
+++ b/symfony/templates/dashboard/_network.html.twig
@@ -0,0 +1,125 @@
+{# Async-hydrated fragment — UniFi network overview (admin-only), rendered by
+   DashboardController::widgetNetwork into the card's [data-dash-body].
+   `net` = UnifiClient::overview(): null → unreachable state; each block
+   renders only when the API returned it (missing subsystem tolerated).
+   `chart` = NetworkUsageChart::build(): null → graph block hidden.
+   Layout: stat tiles (Down · Up · Clients · WAN), then the full-width 24h
+   SVG usage chart, then the infrastructure device chips + gateway gauges.
+   Reuses the Unraid widget's .server-* tile/bar/chip classes. #}
+{% macro rate(bps) %}{% apply spaceless %}
+  {% set bits = bps * 8 %}
+  {% if bits >= 1000000000 %}{{ (bits / 1000000000)|round(2) }} Gbit/s
+  {% elseif bits >= 1000000 %}{{ (bits / 1000000)|round(1) }} Mbit/s
+  {% else %}{{ (bits / 1000)|round }} kbit/s{% endif %}
+{% endapply %}{% endmacro %}
+{% macro dur(s) %}{% apply spaceless %}
+  {% set d = (s / 86400)|round(0, 'floor') %}
+  {% set h = ((s - d * 86400) / 3600)|round(0, 'floor') %}
+  {% set m = ((s - d * 86400 - h * 3600) / 60)|round(0, 'floor') %}
+  {% if d > 0 %}{{ d }}d {{ h }}h{% elseif h > 0 %}{{ h }}h {{ m }}m{% else %}{{ m }}m{% endif %}
+{% endapply %}{% endmacro %}
+{% if net is null %}
+  <div class="text-center text-secondary py-3">{{ 'dashboard.network.unreachable'|trans }}</div>
+{% else %}
+<div class="server-grid">
+
+  {% if net.wan is not null %}
+    <div class="server-tile">
+      <div class="server-tile-head">
+        <span class="server-tile-label">{{ 'dashboard.network.down'|trans }}</span>
+      </div>
+      <div class="net-rate">{% if net.wan.downBps is not null %}{{ _self.rate(net.wan.downBps) }}{% else %}—{% endif %}</div>
+    </div>
+    <div class="server-tile">
+      <div class="server-tile-head">
+        <span class="server-tile-label">{{ 'dashboard.network.up'|trans }}</span>
+      </div>
+      <div class="net-rate">{% if net.wan.upBps is not null %}{{ _self.rate(net.wan.upBps) }}{% else %}—{% endif %}</div>
+    </div>
+  {% endif %}
+
+  {% if net.clients is not null %}
+    <div class="server-tile">
+      <div class="server-tile-head">
+        <span class="server-tile-label">{{ 'dashboard.network.clients'|trans }}</span>
+      </div>
+      <div class="net-rate">{{ net.clients.total }}</div>
+      <div class="server-tile-sub">
+        {%- if net.clients.wired is not null %}{{ net.clients.wired }} {{ 'dashboard.network.wired'|trans }}{% endif -%}
+        {%- if net.clients.wireless is not null %}{% if net.clients.wired is not null %} · {% endif %}{{ net.clients.wireless }} {{ 'dashboard.network.wireless'|trans }}{% endif -%}
+        {%- if net.clients.guest %} · {{ net.clients.guest }} {{ 'dashboard.network.guest'|trans }}{% endif -%}
+      </div>
+    </div>
+  {% endif %}
+
+  {% if net.wan is not null %}
+    <div class="server-tile">
+      <div class="server-tile-head">
+        <span class="server-tile-label">{{ 'dashboard.network.wan'|trans }}</span>
+        {# 'ok' = green; 'warning' = grey; anything else ('error', unknown) = red. #}
+        {% set wstatus = net.wan.status|default('')|lower %}
+        <span class="server-state-badge {{ wstatus == 'ok' ? 'is-ok' : (wstatus == 'warning' ? 'is-idle' : 'is-ko') }}">{{ net.wan.status|default('—') }}</span>
+      </div>
+      {% if net.wan.ip %}<div class="server-tile-sub">{{ net.wan.ip }}</div>{% endif %}
+      <div class="server-tile-sub">
+        {%- if net.wan.uptimeSeconds is not null %}{{ 'dashboard.network.uptime'|trans }} {{ _self.dur(net.wan.uptimeSeconds) }}{% endif -%}
+        {%- if net.wan.latencyMs is not null %}{% if net.wan.uptimeSeconds is not null %} · {% endif %}{{ net.wan.latencyMs }} ms{% endif -%}
+      </div>
+    </div>
+  {% endif %}
+
+  {% if chart is not null %}
+    <div class="server-tile server-tile--wide">
+      <div class="server-tile-head">
+        <span class="server-tile-label">{{ 'dashboard.network.usage_24h'|trans }}</span>
+        <span class="server-tile-sub">↓ {{ chart.downTotal }} · ↑ {{ chart.upTotal }}</span>
+      </div>
+      <svg class="net-chart" viewBox="0 0 600 120" preserveAspectRatio="none" role="img" aria-label="{{ 'dashboard.network.usage_24h'|trans }}">
+        <polygon class="net-chart-fill" points="{{ chart.downArea }}"/>
+        <polyline class="net-chart-down" points="{{ chart.downLine }}"/>
+        <polyline class="net-chart-up" points="{{ chart.upLine }}"/>
+        {% for p in chart.points %}
+          <rect x="{{ p.x }}" y="0" width="{{ p.w }}" height="120" fill="transparent"><title>{{ p.label }}</title></rect>
+        {% endfor %}
+      </svg>
+      <div class="net-chart-axis"><span>{{ chart.startLabel }}</span><span>{{ chart.endLabel }}</span></div>
+      <div class="net-legend">
+        <span><span class="net-legend-dot" style="background: var(--tblr-primary);"></span>{{ 'dashboard.network.down'|trans }}</span>
+        <span><span class="net-legend-dot" style="background: #38bdf8;"></span>{{ 'dashboard.network.up'|trans }}</span>
+      </div>
+    </div>
+  {% endif %}
+
+  {% if net.devices is not null and net.devices is not empty %}
+    {% set online = net.devices|filter(d => d.online)|length %}
+    <div class="server-tile server-tile--wide">
+      <div class="server-tile-head">
+        <span class="server-tile-label">{{ 'dashboard.network.infrastructure'|trans }}</span>
+        <span class="server-tile-sub">{{ online }}/{{ net.devices|length }} {{ 'dashboard.network.online'|trans }}</span>
+      </div>
+      <div class="server-chips">
+        {% for d in net.devices %}
+          <span class="{{ d.online ? 'server-chip-ok' : 'server-chip-ko' }}"{% if d.model %} title="{{ d.model }}{% if not d.online %} · {{ 'dashboard.network.offline'|trans }}{% endif %}"{% endif %}>{{ d.name ?? d.model ?? '—' }}</span>
+        {% endfor %}
+      </div>
+      {% if net.gateway is not null %}
+        {% if net.gateway.cpuPercent is not null %}
+          <div class="server-gauge-row">
+            <span class="server-gauge-label">CPU</span>
+            <div class="server-bar"><div class="server-bar-fill {{ net.gateway.cpuPercent >= 90 ? 'is-hot' : '' }}" style="width: {{ net.gateway.cpuPercent|round }}%"></div></div>
+            <span class="server-gauge-value">{{ net.gateway.cpuPercent|round }}%</span>
+          </div>
+        {% endif %}
+        {% if net.gateway.memPercent is not null %}
+          <div class="server-gauge-row">
+            <span class="server-gauge-label">RAM</span>
+            <div class="server-bar"><div class="server-bar-fill {{ net.gateway.memPercent >= 90 ? 'is-hot' : '' }}" style="width: {{ net.gateway.memPercent|round }}%"></div></div>
+            <span class="server-gauge-value">{{ net.gateway.memPercent|round }}%</span>
+          </div>
+        {% endif %}
+      {% endif %}
+    </div>
+  {% endif %}
+
+</div>
+{% endif %}
diff --git a/symfony/templates/dashboard/_plex_info_modal.html.twig b/symfony/templates/dashboard/_plex_info_modal.html.twig
index 2b814a20..05092557 100644
--- a/symfony/templates/dashboard/_plex_info_modal.html.twig
+++ b/symfony/templates/dashboard/_plex_info_modal.html.twig
@@ -1,11 +1,18 @@
-{# Shared Plex info modal: shell + hidden data-API trigger + the delegated
-   open/keydown handler. Included by the dashboard and the Tautulli page.
+{# Shared Plex item click handling. Included by the dashboard and the Tautulli
+   page. A click on [data-plex-rating-key] first resolves the item's TMDb id
+   (/tautulli/api/quicklook/{ratingKey}); on a hit it opens the app-global
+   quick-look modal by clicking the hidden [data-ql-trigger] ghost below —
+   the delegated handler in _quicklook.html.twig does the rest (open, fetch,
+   watchlist decoration). Items with no tmdb guid (music, home videos) fall
+   back to the legacy Plex metadata modal kept underneath, so every click
+   keeps working.
    Tabler doesn't expose window.bootstrap, so we click a hidden data-bs-toggle
    trigger (same pattern as the usenet/qBit detail modals).
    Include exactly ONCE per rendered document (the dashboard and the Tautulli
    page are separate pages, so this holds); the window._plexModalDelegated guard
    only de-dupes the JS listener, not the modal DOM itself. #}
 <button type="button" class="d-none" data-plex-modal-trigger data-bs-toggle="modal" data-bs-target="#plex-info-modal"></button>
+<a class="d-none" href="#" data-ql-trigger data-plex-ql-ghost data-ql-source="tmdb" data-ql-type="" data-ql-id=""></a>
 <div class="modal modal-blur fade" id="plex-info-modal" tabindex="-1" aria-hidden="true">
   <div class="modal-dialog modal-lg modal-dialog-centered">
     <div class="modal-content" data-plex-modal-body>
@@ -17,6 +24,7 @@
 (function () {
   if (window._plexModalDelegated) return;
   window._plexModalDelegated = true;
+  var BASE = '{{ app.request.getBasePath() }}';
   function openPlexModal(ratingKey, player, device) {
     var modalEl = document.getElementById('plex-info-modal');
     var trigger = document.querySelector('[data-plex-modal-trigger]');
@@ -24,24 +32,43 @@
     var body = modalEl.querySelector('[data-plex-modal-body]');
     body.innerHTML = '<div class="modal-body text-center py-5"><span class="spinner-border"></span></div>';
     trigger.click();
-    var url = '/tautulli/api/metadata/' + encodeURIComponent(ratingKey)
+    var url = BASE + '/tautulli/api/metadata/' + encodeURIComponent(ratingKey)
       + '?player=' + encodeURIComponent(player || '') + '&device=' + encodeURIComponent(device || '');
     fetch(url, { headers: { 'X-Requested-With': 'fetch' }, credentials: 'same-origin' })
       .then(function (r) { return r.ok ? r.text() : ''; })
       .then(function (html) { body.innerHTML = html || '<div class="modal-body text-center text-secondary py-5">—</div>'; })
       .catch(function () { body.innerHTML = '<div class="modal-body text-center text-secondary py-5">—</div>'; });
   }
+  function openPlexItem(t) {
+    var ratingKey = t.getAttribute('data-plex-rating-key');
+    var legacy = function () {
+      openPlexModal(ratingKey, t.getAttribute('data-plex-player'), t.getAttribute('data-plex-device'));
+    };
+    fetch(BASE + '/tautulli/api/quicklook/' + encodeURIComponent(ratingKey), { headers: { 'X-Requested-With': 'fetch' }, credentials: 'same-origin' })
+      .then(function (r) { return r.ok ? r.json() : null; })
+      .then(function (d) {
+        var ghost = document.querySelector('[data-plex-ql-ghost]');
+        if (!d || !d.id || (d.type !== 'movie' && d.type !== 'tv') || !ghost) { legacy(); return; }
+        ghost.setAttribute('data-ql-type', d.type);
+        ghost.setAttribute('data-ql-id', String(d.id));
+        // Real deep-link href: the global handler navigates here if the
+        // quick-look fragment fetch itself fails (same as watchlist tiles).
+        ghost.setAttribute('href', BASE + '/decouverte?detail=' + d.type + '/' + d.id);
+        ghost.click();
+      })
+      .catch(legacy);
+  }
   document.addEventListener('click', function (e) {
     var t = e.target.closest('[data-plex-rating-key]');
     if (!t) return;
-    openPlexModal(t.getAttribute('data-plex-rating-key'), t.getAttribute('data-plex-player'), t.getAttribute('data-plex-device'));
+    openPlexItem(t);
   });
   document.addEventListener('keydown', function (e) {
     if (e.key !== 'Enter' && e.key !== ' ') return;
     var t = e.target.closest('[data-plex-rating-key]');
     if (!t) return;
     e.preventDefault();
-    openPlexModal(t.getAttribute('data-plex-rating-key'), t.getAttribute('data-plex-player'), t.getAttribute('data-plex-device'));
+    openPlexItem(t);
   });
 })();
 </script>
diff --git a/symfony/templates/dashboard/_plex_styles.html.twig b/symfony/templates/dashboard/_plex_styles.html.twig
index 990a0d30..3fa47c03 100644
--- a/symfony/templates/dashboard/_plex_styles.html.twig
+++ b/symfony/templates/dashboard/_plex_styles.html.twig
@@ -16,9 +16,22 @@
   .plex-session-title.plex-clickable:hover { color: var(--tblr-primary); }
   .plex-session-main { flex: 1 1 auto; min-width: 0; }
   .plex-session-title { font-size: .88rem; font-weight: 600; }
-  .plex-session-year { font-weight: 400; color: var(--tblr-secondary); }
+  /* The year span could overhang the session card edge by ~13px on narrow
+     cards (responsive audit 2026-06-29): cap it to the title's width so it
+     truncates with the title instead of overflowing. */
+  .plex-session-year {
+    font-weight: 400; color: var(--tblr-secondary);
+    display: inline-block; max-width: 100%;
+    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+    vertical-align: bottom;
+  }
   .plex-session-meta { font-size: .75rem; color: var(--tblr-secondary); margin-top: .1rem; }
   .plex-badges { display: flex; flex-wrap: wrap; gap: .3rem; margin: .4rem 0 .35rem; }
   .plex-decisions { font-size: .68rem; margin-bottom: .35rem; }
   .progress.plex-progress { height: 5px; background: var(--tblr-bg-surface-secondary); }
+  /* Mobile/tablet readability floor (responsive audit 2026-06-29) — see
+     base.html.twig; floors sub-11px text at 11px below the lg breakpoint. */
+  @media (max-width: 991.98px) {
+    .plex-decisions { font-size: .6875rem; }
+  }
 </style>
diff --git a/symfony/templates/dashboard/_plex_summary.html.twig b/symfony/templates/dashboard/_plex_summary.html.twig
index fe33fccd..8fe5dc48 100644
--- a/symfony/templates/dashboard/_plex_summary.html.twig
+++ b/symfony/templates/dashboard/_plex_summary.html.twig
@@ -3,11 +3,27 @@
    dashboard widget (_plex_activity) and the Tautulli page (_now_playing). The
    .plex-summary CSS lives in dashboard/_plex_styles.html.twig (loaded on both). #}
 {% import '_icons.html.twig' as ico %}
+{# Distinct current viewers, for the stacked avatar-list glance below. #}
+{% set viewers = [] %}
+{% for s in plex.sessions|default([]) %}
+  {% if s.userDisplayName and s.userDisplayName not in viewers %}
+    {% set viewers = viewers|merge([s.userDisplayName]) %}
+  {% endif %}
+{% endfor %}
 <div class="plex-summary">
   <div class="plex-stat">
     <div class="plex-stat-value">{{ plex.streamCount }}</div>
     <div class="plex-stat-label">{{ 'dashboard.plex.streams'|trans }}</div>
   </div>
+  {% if viewers is not empty %}
+  <div class="avatar-list avatar-list-stacked plex-viewers" aria-label="{{ 'dashboard.plex.viewers'|trans }}">
+    {% for v in viewers|slice(0, 5) %}
+      {% set initials = v|split(' ')|map(w => w|first)|slice(0, 2)|join|upper %}
+      <span class="avatar avatar-sm" style="background:hsl({{ (loop.index0 * 67) % 360 }}, 42%, 46%);color:#fff;" title="{{ v }}">{{ initials }}</span>
+    {% endfor %}
+    {% if viewers|length > 5 %}<span class="avatar avatar-sm">+{{ viewers|length - 5 }}</span>{% endif %}
+  </div>
+  {% endif %}
   <div class="plex-stat-badges">
     {% if plex.directPlayCount > 0 %}<span class="badge bg-green-lt text-green">{{ 'dashboard.plex.summary.direct_play'|trans({count: plex.directPlayCount}) }}</span>{% endif %}
     {% if plex.directStreamCount > 0 %}<span class="badge bg-azure-lt text-azure">{{ 'dashboard.plex.summary.direct_stream'|trans({count: plex.directStreamCount}) }}</span>{% endif %}
diff --git a/symfony/templates/dashboard/_quicklook_body.html.twig b/symfony/templates/dashboard/_quicklook_body.html.twig
index a72e6376..767738bc 100644
--- a/symfony/templates/dashboard/_quicklook_body.html.twig
+++ b/symfony/templates/dashboard/_quicklook_body.html.twig
@@ -22,8 +22,76 @@
         {% if ql.metaLine %}<span>{{ ql.metaLine }}</span>{% endif %}
         {% for g in ql.genres %}<span class="ql-chip">{{ g }}</span>{% endfor %}
       </div>
+      {% if ql.airStatus|default(null) or ql.releaseDates|default([])|length %}
+      <div class="ql-dates">
+        {% if ql.airStatus|default(null) %}
+          <span class="ql-airstatus is-{{ ql.airStatus }}">{{ ('dashboard.quicklook.airstatus.' ~ ql.airStatus)|trans }}</span>
+        {% endif %}
+        {% for d in ql.releaseDates|default([]) %}
+          <span class="ql-date{% if d.upcoming %} is-upcoming{% endif %}">
+            <span class="ql-date-label">{{ d.label }}</span>
+            <span class="ql-date-val">{{ d.date|date('M j, Y') }}</span>
+          </span>
+        {% endfor %}
+      </div>
+      {% endif %}
       {% if ql.overview %}<p class="ql-overview">{{ ql.overview }}</p>{% endif %}
-      <a href="{{ ql.actionUrl }}" class="ql-action">{{ ql.actionLabel }} →</a>
+
+      {% if ql.providers|default([])|length %}
+      <div class="ql-providers" aria-label="{{ 'dashboard.quicklook.providers'|trans }}">
+        {% for p in ql.providers %}
+          {% if p.logo %}<img src="{{ p.logo }}" alt="{{ p.name }}" title="{{ p.name }}" class="ql-provider">{% endif %}
+        {% endfor %}
+      </div>
+      {% endif %}
+
+      {% if ql.cast|default([])|length %}
+      <div class="ql-cast">
+        {% for c in ql.cast %}
+          <div class="ql-cast-item">
+            {% if c.profile %}<img src="{{ c.profile }}" alt="{{ c.name }}" class="ql-cast-photo">
+            {% else %}<div class="ql-cast-photo ql-cast-photo-empty">?</div>{% endif %}
+            <span class="ql-cast-name">{{ c.name }}</span>
+          </div>
+        {% endfor %}
+      </div>
+      {% endif %}
+
+      {% if ql.trailerKey|default(null) %}
+      <div class="ql-trailer">
+        <div class="ratio ratio-16x9">
+          <iframe src="https://www.youtube.com/embed/{{ ql.trailerKey }}?rel=0" title="{{ 'dashboard.quicklook.trailer'|trans }}" allowfullscreen loading="lazy"></iframe>
+        </div>
+      </div>
+      {% endif %}
+
+      <div class="ql-actions">
+        {% if ql.inLibrary|default(false) or not ql.tmdbId|default(null) %}
+          <a href="{{ ql.actionUrl }}" class="ql-action">{{ ql.actionLabel }} →</a>
+        {% else %}
+          <button type="button" class="ql-action ql-add"
+                  data-ql-add data-ql-add-type="{{ ql.tmdbType }}" data-ql-add-id="{{ ql.tmdbId }}">
+            {{ 'decouverte.explorer.add_to'|trans({service: ql.tmdbType == 'movie' ? 'Radarr' : 'Sonarr'}) }} →
+          </button>
+        {% endif %}
+        {% if ql.tmdbId|default(null) %}
+          <button type="button" class="ql-action-secondary ql-wl" data-ql-wl
+                  data-wl-type="{{ ql.tmdbType }}" data-wl-id="{{ ql.tmdbId }}"
+                  data-wl-title="{{ ql.title }}" data-wl-poster-path="{{ ql.posterPath }}"
+                  data-wl-vote="{{ ql.rating }}" data-wl-year="{{ ql.year }}"
+                  data-wl-add="{{ 'dashboard.quicklook.watchlist'|trans }}"
+                  data-wl-on="{{ 'dashboard.quicklook.watchlist_added'|trans }}"
+                  data-wl-toast-add="{{ 'dashboard.quicklook.watchlist_add_toast'|trans }}"
+                  data-wl-toast-rm="{{ 'dashboard.quicklook.watchlist_remove_toast'|trans }}">
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l2.4 7.4h7.6l-6.2 4.5 2.4 7.4-6.2-4.6-6.2 4.6 2.4-7.4-6.2-4.5h7.6z"/></svg>
+            <span data-wl-label>{{ 'dashboard.quicklook.watchlist'|trans }}</span>
+          </button>
+          <a href="https://www.themoviedb.org/{{ ql.tmdbType }}/{{ ql.tmdbId }}" target="_blank" rel="noopener" class="ql-action-secondary">TMDb</a>
+        {% endif %}
+        {% if ql.imdbId|default(null) %}
+          <a href="https://www.imdb.com/title/{{ ql.imdbId }}" target="_blank" rel="noopener" class="ql-action-secondary">IMDb</a>
+        {% endif %}
+      </div>
     </div>
   </div>
 </div>
diff --git a/symfony/templates/dashboard/_requests.html.twig b/symfony/templates/dashboard/_requests.html.twig
index a50596de..493f4112 100644
--- a/symfony/templates/dashboard/_requests.html.twig
+++ b/symfony/templates/dashboard/_requests.html.twig
@@ -3,8 +3,9 @@
    Returns the empty-state message when there are no pending requests. #}
 {% import '_icons.html.twig' as ico %}
 {% if jellyseerr_requests is empty %}
-  <div class="card-body text-center text-secondary py-4">
-    {{ 'dashboard.requests.empty'|trans }}
+  <div class="empty py-4">
+    <div class="empty-icon">{{ ico.icon('hourglass', '', 32) }}</div>
+    <p class="empty-subtitle text-secondary mb-0">{{ 'dashboard.requests.empty'|trans }}</p>
   </div>
 {% else %}
   {% for req in jellyseerr_requests %}
diff --git a/symfony/templates/dashboard/_server.html.twig b/symfony/templates/dashboard/_server.html.twig
new file mode 100644
index 00000000..f8b0d796
--- /dev/null
+++ b/symfony/templates/dashboard/_server.html.twig
@@ -0,0 +1,166 @@
+{# Async-hydrated fragment — Unraid server overview (admin-only), rendered by
+   DashboardController::widgetServer into the card's [data-dash-body].
+   `server` = UnraidClient::overview(): null → unreachable state; each group
+   renders only when the API returned it (partial schema/scope tolerated).
+   Layout: top row Array · System · Parity · UPS, then full-width Disks,
+   then full-width Docker container chip row. #}
+{% macro dur(s) %}{% apply spaceless %}
+  {% set h = (s / 3600)|round(0, 'floor') %}
+  {% set m = ((s - h * 3600) / 60)|round(0, 'floor') %}
+  {% if h > 0 %}{{ h }}h {{ m }}m{% else %}{{ m }}m{% endif %}
+{% endapply %}{% endmacro %}
+{% if server is null %}
+  <div class="text-center text-secondary py-3">{{ 'dashboard.server.unreachable'|trans }}</div>
+{% else %}
+<div class="server-grid">
+
+  {% if server.array is not null %}
+    <div class="server-tile">
+      <div class="server-tile-head">
+        <span class="server-tile-label">{{ 'dashboard.server.array'|trans }}</span>
+        {# STARTED = green; STOPPED = neutral grey (a deliberately-stopped array
+           isn't an error); anything else (unmountable, etc.) = red. #}
+        {% set state_up = server.array.state|default('')|upper %}
+        {% set state_class = state_up starts with 'STARTED' ? 'is-ok' : (state_up starts with 'STOPPED' ? 'is-idle' : 'is-ko') %}
+        <span class="server-state-badge {{ state_class }}">{{ server.array.state|default('—') }}</span>
+      </div>
+      {% if server.array.capacity.total %}
+        {% set pct = (server.array.capacity.used / server.array.capacity.total * 100)|round %}
+        <div class="server-bar" title="{{ pct }}%">
+          <div class="server-bar-fill {{ pct >= 90 ? 'is-hot' : '' }}" style="width: {{ pct }}%"></div>
+        </div>
+        <div class="server-tile-sub">
+          {{ (server.array.capacity.used / 1073741824)|round(1) }} TB / {{ (server.array.capacity.total / 1073741824)|round(1) }} TB · {{ pct }}%
+        </div>
+      {% endif %}
+    </div>
+  {% endif %}
+
+  {% if server.system is not null %}
+    <div class="server-tile">
+      <div class="server-tile-head">
+        <span class="server-tile-label">{{ 'dashboard.server.system'|trans }}</span>
+        {% if server.system.cpuBrand %}<span class="server-tile-sub">{{ server.system.cpuBrand }}</span>{% endif %}
+      </div>
+      {% if server.system.cpuPercent is not null %}
+        <div class="server-gauge-row">
+          <span class="server-gauge-label">{{ 'dashboard.server.cpu'|trans }}</span>
+          <div class="server-bar"><div class="server-bar-fill {{ server.system.cpuPercent >= 90 ? 'is-hot' : '' }}" style="width: {{ server.system.cpuPercent|round }}%"></div></div>
+          <span class="server-gauge-value">{{ server.system.cpuPercent|round }}%</span>
+        </div>
+      {% endif %}
+      {% if server.system.memPercent is not null %}
+        <div class="server-gauge-row">
+          <span class="server-gauge-label">{{ 'dashboard.server.ram'|trans }}</span>
+          <div class="server-bar"><div class="server-bar-fill {{ server.system.memPercent >= 90 ? 'is-hot' : '' }}" style="width: {{ server.system.memPercent|round }}%"></div></div>
+          <span class="server-gauge-value">{{ server.system.memPercent|round }}%</span>
+        </div>
+      {% endif %}
+      {% if server.system.uptimeEpoch %}
+        {# Boot time parsed to epoch by UnraidClient so the locale-aware
+           relative_date filter applies ("17 days ago" / "il y a 17 jours"). #}
+        <div class="server-tile-sub">{{ 'dashboard.server.uptime'|trans }} · {{ server.system.uptimeEpoch|relative_date }}</div>
+      {% elseif server.system.uptime %}
+        {# Unparseable boot timestamp — fall back to the raw string. #}
+        <div class="server-tile-sub">{{ 'dashboard.server.uptime'|trans }} · {{ server.system.uptime }}</div>
+      {% endif %}
+    </div>
+  {% endif %}
+
+  {% if server.array is not null or server.parity is not null %}
+    <div class="server-tile">
+      <div class="server-tile-head">
+        <span class="server-tile-label">{{ 'dashboard.server.parity'|trans }}</span>
+        {% if server.parity is not null and server.parity.running %}
+          <span class="server-state-badge is-ok">{{ 'dashboard.server.parity_checking'|trans }}</span>
+        {% endif %}
+      </div>
+      {% if server.parity is not null and server.parity.running %}
+        {% if server.parity.progress is not null %}
+          <div class="server-bar" title="{{ server.parity.progress }}%"><div class="server-bar-fill" style="width: {{ server.parity.progress }}%"></div></div>
+          <div class="server-tile-sub">
+            {{ server.parity.progress }}%
+            {% if server.parity.elapsed is not null %} · {{ 'dashboard.server.elapsed'|trans }} {{ _self.dur(server.parity.elapsed) }}{% endif %}
+            {% if server.parity.etaSeconds is not null %} · {{ 'dashboard.server.eta'|trans }} {{ _self.dur(server.parity.etaSeconds) }}{% endif %}
+          </div>
+        {% elseif server.parity.elapsed is not null %}
+          <div class="server-tile-sub">{{ 'dashboard.server.elapsed'|trans }} {{ _self.dur(server.parity.elapsed) }}</div>
+        {% endif %}
+        {% if server.parity.errors is not null %}
+          <div class="server-tile-sub">{{ server.parity.errors }} {{ 'dashboard.server.errors'|trans }}</div>
+        {% endif %}
+      {% elseif server.parity is not null and server.parity.last is not null %}
+        <div class="server-tile-sub">
+          {{ 'dashboard.server.last_check'|trans }}{% if server.parity.last.dateEpoch is not null %} · {{ server.parity.last.dateEpoch|relative_date }}{% endif %}
+        </div>
+        <div class="server-tile-sub">
+          {% if server.parity.last.duration is not null %}{{ _self.dur(server.parity.last.duration) }} · {% endif %}{{ server.parity.last.errors ?? 0 }} {{ 'dashboard.server.errors'|trans }}
+        </div>
+      {% endif %}
+      {% if server.array is not null and server.array.parities is not empty %}
+        <div class="server-tile-sub">
+          {% for p in server.array.parities %}{{ p.status|default('—') }}{% if p.temp is not null %} · {{ p.temp }}°C{% endif %}{% if not loop.last %}, {% endif %}{% endfor %}
+        </div>
+      {% endif %}
+    </div>
+  {% endif %}
+
+  {% if server.ups is not null %}
+    <div class="server-tile">
+      <div class="server-tile-head">
+        <span class="server-tile-label">{{ 'dashboard.server.ups'|trans }}</span>
+        {% if server.ups.name %}<span class="server-tile-sub">{{ server.ups.name }}</span>{% endif %}
+      </div>
+      {% if server.ups.battery is not null %}
+        <div class="server-gauge-row">
+          <span class="server-gauge-label">{{ 'dashboard.server.battery'|trans }}</span>
+          <div class="server-bar"><div class="server-bar-fill {{ server.ups.battery <= 25 ? 'is-hot' : '' }}" style="width: {{ server.ups.battery }}%"></div></div>
+          <span class="server-gauge-value">{{ server.ups.battery }}%</span>
+        </div>
+      {% endif %}
+      <div class="server-tile-sub">
+        {% if server.ups.load is not null %}{{ 'dashboard.server.load'|trans }} {{ server.ups.load|round }}%{% endif %}
+        {% if server.ups.runtime is not null %} · {{ server.ups.runtime }} min{% endif %}
+      </div>
+    </div>
+  {% endif %}
+
+  {% if server.array is not null and server.array.disks is not empty %}
+    <div class="server-tile server-tile--wide">
+      <div class="server-tile-head">
+        <span class="server-tile-label">{{ 'dashboard.server.disks'|trans }}</span>
+      </div>
+      <div class="server-disk-grid">
+        {% for disk in server.array.disks|merge(server.array.caches) %}
+          <div class="server-disk">
+            <div class="server-disk-name">
+              {{ disk.name|default('—') }}
+              {% if disk.temp is not null %}<span class="server-disk-temp {{ disk.temp > 45 ? 'is-hot' : '' }}">{{ disk.temp }}°C</span>{% endif %}
+            </div>
+            {% if disk.size %}
+              {% set dpct = (disk.used / disk.size * 100)|round %}
+              <div class="server-bar"><div class="server-bar-fill {{ dpct >= 90 ? 'is-hot' : '' }}" style="width: {{ dpct }}%"></div></div>
+              <div class="server-disk-sub">{{ dpct }}%</div>
+            {% endif %}
+          </div>
+        {% endfor %}
+      </div>
+    </div>
+  {% endif %}
+
+  {% if server.docker is not null %}
+    <div class="server-tile server-tile--wide">
+      <div class="server-tile-head">
+        <span class="server-tile-label">{{ 'dashboard.server.docker'|trans }}</span>
+        <span class="server-tile-sub">{{ server.docker.running }}/{{ server.docker.total }} {{ 'dashboard.server.running'|trans }}</span>
+      </div>
+      <div class="server-chips">
+        {% for c in server.docker.containers|default([]) %}
+          <span class="{{ c.running ? 'server-chip-ok' : 'server-chip-muted' }}">{{ c.name }}</span>
+        {% endfor %}
+      </div>
+    </div>
+  {% endif %}
+
+</div>
+{% endif %}
diff --git a/symfony/templates/dashboard/_upcoming.html.twig b/symfony/templates/dashboard/_upcoming.html.twig
index b9ec8f5b..f82d2a74 100644
--- a/symfony/templates/dashboard/_upcoming.html.twig
+++ b/symfony/templates/dashboard/_upcoming.html.twig
@@ -3,8 +3,9 @@
    [data-dash-body]. Returns the empty-state message when there's nothing. #}
 {% import '_icons.html.twig' as ico %}
 {% if upcoming is empty %}
-  <div class="card-body text-center text-secondary py-4">
-    {{ 'dashboard.upcoming.empty'|trans }}
+  <div class="empty py-4">
+    <div class="empty-icon">{{ ico.icon('calendar', '', 32) }}</div>
+    <p class="empty-subtitle text-secondary mb-0">{{ 'dashboard.upcoming.empty'|trans }}</p>
   </div>
 {% else %}
   <div class="mini-cal">
diff --git a/symfony/templates/dashboard/index.html.twig b/symfony/templates/dashboard/index.html.twig
index 3eb5d0fd..4e2f0b38 100644
--- a/symfony/templates/dashboard/index.html.twig
+++ b/symfony/templates/dashboard/index.html.twig
@@ -448,6 +448,52 @@
   .service-chip-dot.is-down { background: #ef4444; }
   .service-chip-name { font-size: .82rem; font-weight: 500; line-height: 1; }
   .service-chip-state { font-size: .68rem; color: var(--tblr-secondary); margin-top: .15rem; }
+  /* ── Unraid server widget ──────────────────────────────────────── */
+  .server-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    gap: .6rem;
+  }
+  .server-tile {
+    padding: .7rem .8rem; border-radius: 8px;
+    background: var(--tblr-bg-surface-secondary);
+    border: 1px solid var(--tblr-border-color);
+    min-width: 0;
+  }
+  .server-tile--wide { grid-column: 1 / -1; }
+  .server-tile-head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .45rem; }
+  .server-tile-label { font-size: .82rem; font-weight: 600; }
+  .server-tile-sub { font-size: .68rem; color: var(--tblr-secondary); margin-top: .3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .server-state-badge {
+    font-size: .62rem; font-weight: 700; padding: .12rem .45rem; border-radius: 999px;
+    text-transform: uppercase; letter-spacing: .04em;
+  }
+  .server-state-badge.is-ok { background: rgba(34,197,94,.15); color: #22c55e; }
+  .server-state-badge.is-idle { background: rgba(148,163,184,.18); color: var(--tblr-secondary); }
+  .server-state-badge.is-ko { background: rgba(239,68,68,.15); color: #ef4444; }
+  .server-bar { flex: 1; height: 6px; border-radius: 3px; background: var(--tblr-border-color); overflow: hidden; }
+  .server-bar-fill { height: 100%; border-radius: 3px; background: var(--tblr-primary); transition: width .3s ease; }
+  .server-bar-fill.is-hot { background: #ef4444; }
+  .server-gauge-row { display: flex; align-items: center; gap: .5rem; margin-top: .35rem; }
+  .server-gauge-label { font-size: .66rem; color: var(--tblr-secondary); min-width: 2.2rem; white-space: nowrap; flex-shrink: 0; }
+  .server-gauge-value { font-size: .68rem; font-weight: 600; width: 2.4rem; text-align: right; flex-shrink: 0; }
+  .server-chips { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .35rem; }
+  .server-chip-muted {
+    font-size: .62rem; padding: .1rem .4rem; border-radius: 4px;
+    background: var(--tblr-bg-surface); border: 1px solid var(--tblr-border-color);
+    color: var(--tblr-secondary);
+  }
+  .server-chip-ok {
+    font-size: .62rem; padding: .1rem .4rem; border-radius: 4px;
+    background: rgba(34,197,94,.12); border: 1px solid rgba(34,197,94,.35);
+    color: #22c55e;
+  }
+  .server-disk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: .5rem; }
+  .server-disk { min-width: 0; }
+  .server-disk-name { font-size: .68rem; font-weight: 600; display: flex; justify-content: space-between; gap: .3rem; margin-bottom: .25rem; }
+  .server-disk-temp { color: var(--tblr-secondary); font-weight: 500; }
+  .server-disk-temp.is-hot { color: #ef4444; font-weight: 700; }
+  .server-disk-sub { font-size: .62rem; color: var(--tblr-secondary); margin-top: .2rem; }
   /* Async widget hydration skeletons (#27) */
   .dash-skel { pointer-events: none; }
   .dash-skel .poster-tile-wrap { aspect-ratio: 2/3; }
@@ -461,43 +507,92 @@
   .dash-skel-line { height: .7rem; width: 80%; margin-top: .45rem; border-radius: .25rem; }
   @keyframes dash-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }
 
-  /* ── Quick-look modal ───────────────────────────────────────────── */
-  .ql-modal-content { background: var(--tblr-bg-surface); overflow: hidden; border-radius: 14px; }
-  .ql-loading { padding: 4rem; text-align: center; }
-  .ql-backdrop {
-    position: relative; min-height: 180px;
-    background-size: cover; background-position: center 25%;
-    background-color: var(--tblr-bg-surface-secondary);
-  }
-  .ql-backdrop-fade {
-    position: absolute; inset: 0;
-    background: linear-gradient(to top, var(--tblr-bg-surface) 2%, rgba(0,0,0,.15) 60%, rgba(0,0,0,.35) 100%);
-  }
-  .ql-close { position: absolute; top: .75rem; right: .75rem; z-index: 2; filter: drop-shadow(0 0 2px rgba(0,0,0,.8)); }
-  .ql-body { display: flex; gap: 1.25rem; padding: 0 1.5rem 1.5rem; margin-top: -60px; position: relative; z-index: 1; }
-  @media (max-width: 576px) { .ql-body { flex-direction: column; align-items: center; text-align: center; } }
-  .ql-poster { width: 120px; aspect-ratio: 2/3; object-fit: cover; border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.45); flex-shrink: 0; }
-  .ql-poster-empty { display: flex; align-items: center; justify-content: center; background: var(--tblr-bg-surface-secondary); color: var(--tblr-secondary); }
-  .ql-main { flex: 1; min-width: 0; padding-top: 64px; }
-  @media (max-width: 576px) { .ql-main { padding-top: .5rem; } }
-  .ql-title { font-size: 1.4rem; font-weight: 700; margin: 0 0 .5rem; color: var(--tblr-body-color); }
-  .ql-year { font-weight: 400; color: var(--tblr-secondary); }
-  .ql-meta { display: flex; flex-wrap: wrap; gap: .5rem .7rem; align-items: center; margin-bottom: .85rem; font-size: .8rem; color: var(--tblr-secondary); }
-  .ql-meta .ql-rating { color: #f59e0b; font-weight: 600; }
-  .ql-chip { padding: .12rem .5rem; background: rgba(148,163,184,.18); border-radius: 4px; font-size: .7rem; }
-  .ql-badge { padding: .15rem .55rem; border-radius: 999px; font-size: .68rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
-  .ql-badge.is-downloaded { background: rgba(34,197,94,.18); color: #22c55e; }
-  .ql-badge.is-monitored { background: rgba(99,102,241,.18); color: #6366f1; }
-  .ql-badge.is-missing { background: rgba(245,158,11,.18); color: #f59e0b; }
-  .ql-overview { font-size: .88rem; line-height: 1.55; color: var(--tblr-body-color); margin-bottom: 1rem; }
-  .ql-action {
-    display: inline-flex; align-items: center; gap: .4rem;
-    padding: .5rem 1rem; border-radius: 8px;
-    background: var(--tblr-primary); color: #fff; font-weight: 600; font-size: .85rem;
-    text-decoration: none !important;
-  }
-  .ql-action:hover { filter: brightness(1.08); color: #fff; }
-  .ql-error { padding: 3rem 1.5rem; text-align: center; color: var(--tblr-secondary); }
+  /* ── Houndarr stat strip ───────────────────────────────────────── */
+  .houndarr-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: .75rem; }
+  .houndarr-stat { background: var(--tblr-bg-surface-secondary, rgba(128,128,128,.06)); border-radius: .5rem; padding: .6rem .75rem; text-align: center; }
+  .houndarr-stat-value { font-size: 1.4rem; font-weight: 700; line-height: 1.2; }
+  .houndarr-stat--eligible .houndarr-stat-value { color: var(--tblr-primary); }
+  .houndarr-stat-label { font-size: .72rem; color: var(--tblr-secondary); text-transform: uppercase; letter-spacing: .04em; }
+  .houndarr-updated { margin-top: .5rem; font-size: .72rem; color: var(--tblr-secondary); text-align: right; }
+  .houndarr-bar { display: flex; height: .5rem; border-radius: .25rem; overflow: hidden; margin-top: .75rem; background: var(--tblr-bg-surface-secondary, rgba(128,128,128,.06)); }
+  .houndarr-bar-seg { height: 100%; }
+  .houndarr-legend { display: flex; flex-wrap: wrap; gap: .35rem 1rem; margin-top: .4rem; font-size: .72rem; color: var(--tblr-secondary); }
+  .houndarr-legend-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: .3rem; }
+  .houndarr-insts { margin-top: .75rem; }
+  .houndarr-inst { display: flex; align-items: center; gap: .5rem; font-size: .8rem; padding: .35rem 0; border-top: 1px solid var(--tblr-border-color-translucent, rgba(128,128,128,.15)); }
+  .houndarr-inst-dot { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto; }
+  .houndarr-inst-name { font-weight: 600; }
+  .houndarr-inst-counts { margin-left: auto; display: flex; gap: .75rem; color: var(--tblr-secondary); text-align: right; }
+  .houndarr-note { margin-top: .35rem; font-size: .7rem; color: var(--tblr-secondary); }
+
+  /* ── UniFi network widget ──────────────────────────────────────── */
+  .net-rate { font-size: 1.35rem; font-weight: 700; line-height: 1.2; margin-top: .1rem; }
+  .net-chart { display: block; width: 100%; height: 120px; margin-top: .35rem; }
+  .net-chart-fill { fill: rgba(var(--tblr-primary-rgb, 99,102,241), .22); stroke: none; }
+  .net-chart-down { fill: none; stroke: var(--tblr-primary); stroke-width: 1.5; }
+  /* Upload is a fixed sky blue (not the theme primary): green-primary themes
+     otherwise render both series in near-identical greens (live-verified). */
+  .net-chart-up { fill: none; stroke: #38bdf8; stroke-width: 1.5; }
+  .net-chart-axis { display: flex; justify-content: space-between; font-size: .62rem; color: var(--tblr-secondary); margin-top: .2rem; }
+  .net-legend { display: flex; gap: 1rem; font-size: .66rem; color: var(--tblr-secondary); margin-top: .3rem; }
+  .net-legend-dot { display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: .3rem; }
+  .server-chip-ko {
+    font-size: .62rem; padding: .1rem .4rem; border-radius: 4px;
+    background: rgba(239,68,68,.12); border: 1px solid rgba(239,68,68,.35);
+    color: #ef4444;
+  }
+
+  /* ── Edit-mode layout toolbar ──────────────────────────────────── */
+  .dash-layout-toolbar { display: flex; gap: .5rem; justify-content: flex-end; margin-bottom: 1rem; }
+  .dashboard-scope.is-editing [data-section-key] { position: relative; outline: 2px dashed rgba(var(--tblr-primary-rgb), .5); outline-offset: 4px; border-radius: 12px; cursor: grab; }
+  .dashboard-scope.is-editing [data-section-key].dragging { opacity: .5; }
+  .section-edit-overlay { position: absolute; top: .5rem; right: .5rem; z-index: 5; display: flex; gap: .35rem; }
+  .section-edit-overlay button { background: rgba(0,0,0,.7); color: #fff; border: 0; border-radius: 6px; padding: .25rem .5rem; font-size: .72rem; cursor: pointer; }
+  .dashboard-scope:not(.is-editing) .section-edit-overlay { display: none; }
+
+  /* ── Mobile/tablet readability floor (responsive audit 2026-06-29) ────
+     Floor sub-11px dashboard text at 11px (.6875rem) below the lg
+     breakpoint. Same selectors as above so specificity matches; desktop
+     (≥992px) keeps the original sizes. */
+  @media (max-width: 991.98px) {
+    .mini-cal-dow,
+    .mini-cal-more,
+    .mini-cal-item-type,
+    .mini-cal-item-meta,
+    .dash-date-time,
+    .dash-badge-inline,
+    .poster-tile-sub,
+    .poster-tile-badge,
+    .service-chip-state,
+    .server-tile-sub,
+    .server-state-badge,
+    .server-gauge-label,
+    .server-gauge-value,
+    .server-chip-muted,
+    .server-chip-ok,
+    .server-chip-ko,
+    .server-disk-name,
+    .server-disk-sub,
+    .net-chart-axis,
+    .net-legend { font-size: .6875rem; }
+  }
+
+  /* ── Tap targets (responsive audit 2026-06-29) ────────────────────────
+     The small header/section arrow links measure ~26px tall; on touch
+     devices give them a ≥44px hit area. Coarse-pointer only, desktop
+     rendering unchanged. */
+  @media (pointer: coarse) {
+    .dash-action-btn,
+    .row-section-link { min-height: 44px; padding-top: .3rem; padding-bottom: .3rem; }
+  }
+
+  /* Tablet 2-column dashboard was tried (responsive audit 2026-06-29) but
+     reverted after live verification: dashboard section order is
+     admin-configurable, so a half-width section (health / houndarr / network)
+     with no adjacent half-width neighbour left a large empty column beside it
+     — e.g. Services health next to an empty cell — which looked worse than
+     the single-column stack. Sections stay full-width at every breakpoint. */
+
 </style>
 {% include 'dashboard/_plex_styles.html.twig' %}
 {% endblock %}
@@ -514,6 +609,17 @@
 <div class="page-body dashboard-scope">
   <div class="container-xl">
 
+    {% if is_granted('ROLE_ADMIN') %}
+    <div class="dash-layout-toolbar"
+         data-layout-url="{{ path('admin_settings_dashboard_layout') }}"
+         data-layout-csrf="{{ csrf_token('admin_dashboard_layout') }}"
+         data-hide-label="{{ 'dashboard.layout.hide'|trans }}">
+      <button type="button" class="dash-action-btn" data-layout-edit>{{ 'dashboard.layout.edit'|trans }}</button>
+      <button type="button" class="dash-action-btn" data-layout-save hidden>{{ 'dashboard.layout.save'|trans }}</button>
+      <button type="button" class="dash-action-btn" data-layout-cancel hidden>{{ 'dashboard.layout.cancel'|trans }}</button>
+    </div>
+    {% endif %}
+
     {# ── Hero: welcome + spotlight/stats (async-hydrated, #27) ─────────
        Greeting + clock paint instantly; the spotlight and library stats load
        from app_dashboard_widget_hero after first paint. The fanart background
@@ -541,197 +647,19 @@
       </div>
     </div>
 
-    {# ── Prochaines sorties (mini-calendrier, async-hydraté #27) ──────
-       Issue #9 — masqué quand ni Radarr ni Sonarr ne sont configurés. Le
-       corps (mini-cal ou message vide) est chargé via
-       app_dashboard_widget_upcoming après le first paint. #}
-    {% if services_configured.radarr or services_configured.sonarr %}
-    <div class="row row-cards mb-3" data-dash-widget="upcoming" data-dash-url="{{ path('app_dashboard_widget_upcoming') }}">
-      <div class="col-12">
-        <div class="card">
-          <div class="card-header">
-            <h3 class="card-title">
-              <span class="card-title-icon">
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
-              </span>
-              {{ 'dashboard.upcoming.title'|trans }}
-            </h3>
-            <div class="card-actions">
-              <a href="{{ path('app_calendrier') }}" class="dash-action-btn">{{ 'dashboard.upcoming.calendar_cta'|trans }}</a>
-            </div>
-          </div>
-          <div data-dash-body>
-            <div class="card-body text-center text-secondary py-4"><span class="spinner-border spinner-border-sm"></span></div>
-          </div>
-        </div>
-      </div>
-    </div>
-    {% endif %}
-
-    {# ── Requests + Services health ─────────────────────────────────── #}
-    {# Seerr requests masqué quand le service n'est pas configuré.
-       La grid se réduit alors à la seule carte "Services health". #}
-    <div class="row row-cards mb-3">
-      {% if services_configured.jellyseerr %}
-      <div class="col-12 col-lg-6" data-dash-widget="requests" data-dash-url="{{ path('app_dashboard_widget_requests') }}">
-        <div class="card h-100">
-          <div class="card-header">
-            <h3 class="card-title">
-              <span class="card-title-icon">
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12M9 12l3 3l3 -3"/><path d="M21 14v4a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-4"/></svg>
-              </span>
-              {{ 'dashboard.requests.title'|trans }}
-            </h3>
-            <div class="card-actions">
-              <a href="{{ path('jellyseerr_index') }}" class="dash-action-btn">{{ 'dashboard.requests.manage_cta'|trans }}</a>
-            </div>
-          </div>
-          <div class="list-group list-group-flush dash-list" data-dash-body>
-            <div class="card-body text-center text-secondary py-4"><span class="spinner-border spinner-border-sm"></span></div>
-          </div>
-        </div>
-      </div>
+    {# ── Reorderable content sections (order + visibility resolved
+       server-side by DashboardLayoutService). Each partial self-gates on
+       service configuration; we only skip user-hidden ones here. ───────── #}
+    {% for section in dashboard_layout %}
+      {% if section.visible %}
+        {% include 'dashboard/sections/_' ~ section.key ~ '.html.twig' %}
       {% endif %}
-
-      {# Services health card spans the full width when the requests card is
-         hidden (no Seerr), otherwise sits next to it on the right. #}
-      <div class="col-12 {% if services_configured.jellyseerr %}col-lg-6{% endif %}" data-dash-widget="health" data-dash-url="{{ path('app_dashboard_widget_health') }}">
-        <div class="card h-100">
-          <div class="card-header">
-            <h3 class="card-title">
-              <span class="card-title-icon">
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12h4l3 -9l4 18l3 -9h4"/></svg>
-              </span>
-              {{ 'dashboard.health.title'|trans }}
-            </h3>
-            <div class="card-actions">
-              <a href="{{ path('admin_settings_index') }}" class="dash-action-btn">{{ 'dashboard.health.settings_cta'|trans }}</a>
-            </div>
-          </div>
-          <div class="card-body" data-dash-body>
-            <div class="text-center text-secondary py-3"><span class="spinner-border spinner-border-sm"></span></div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    {# ── Current Plex activity (Tautulli, async-hydrated) ────────────
-       Hidden entirely when Tautulli isn't configured/enabled (issue #9
-       pattern). The body loads from app_dashboard_widget_plex after first
-       paint and refreshes every 10s (see the javascripts block); an empty
-       fragment hides the whole card client-side. #}
-    {% if services_configured.tautulli %}
-    <div class="row row-cards mb-3">
-      <div class="col-12" id="plex-activity" data-dash-widget="plex" data-dash-url="{{ path('app_dashboard_widget_plex') }}">
-        <div class="card h-100">
-          <div class="card-header">
-            <h3 class="card-title">
-              <span class="card-title-icon">
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12h4l3 8l4 -16l3 8h4"/></svg>
-              </span>
-              {{ 'dashboard.plex.title'|trans }}
-            </h3>
-            <div class="card-actions">
-              <a href="{{ path('admin_settings_index') }}" class="dash-action-btn">{{ 'dashboard.plex.settings_cta'|trans }}</a>
-            </div>
-          </div>
-          <div class="card-body" data-dash-body>
-            <div class="text-center text-secondary py-4"><span class="spinner-border spinner-border-sm"></span></div>
-          </div>
-        </div>
-      </div>
-    </div>
-    {% endif %}
-
-    {# ── Ma watchlist (perso, DB locale) ────────────────────────────── #}
-    {% if watchlist is not empty %}
-    <div class="row-section">
-      <div class="row-section-head">
-        <h2 class="row-section-title">
-          <span class="row-section-title-icon">
-            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"/></svg>
-          </span>
-          {{ 'dashboard.watchlist.title'|trans }}
-        </h2>
-        <a href="{{ path('tmdb_watchlist') }}" class="row-section-link">{{ 'dashboard.watchlist.view_all'|trans }}</a>
-      </div>
-      <div class="poster-row">
-        {% for w in watchlist %}
-          <a href="{{ path('tmdb_index') }}?detail={{ w.mediaType }}/{{ w.tmdbId }}" class="poster-tile"
-             data-ql-trigger
-             data-ql-source="tmdb"
-             data-ql-type="{{ w.mediaType == 'tv' ? 'tv' : 'movie' }}"
-             data-ql-id="{{ w.tmdbId }}">
-            <div class="poster-tile-wrap">
-              {% if w.poster %}
-                <img src="https://image.tmdb.org/t/p/w342{{ w.poster }}" alt="{{ w.title }}" loading="lazy" class="poster-tile-img">
-              {% else %}
-                <div class="poster-tile-placeholder">{{ w.mediaType == 'tv' ? ico.icon('device-tv', '', 28) : ico.icon('movie', '', 28) }}</div>
-              {% endif %}
-              {% if w.vote and w.vote > 0 %}
-                <span class="poster-tile-badge">{{ ico.icon('star-filled', '', 12) }} {{ w.vote|round(1) }}</span>
-              {% endif %}
-            </div>
-            <div class="poster-tile-info">
-              <div class="poster-tile-title text-truncate">{{ w.title }}</div>
-              <div class="poster-tile-sub">
-                {{ w.mediaType == 'tv' ? 'dashboard.type.series'|trans : 'dashboard.type.film'|trans }}
-                {%- if w.year %} · {{ w.year }}{% endif -%}
-              </div>
-            </div>
-          </a>
-        {% endfor %}
-      </div>
-    </div>
-    {% endif %}
-
-    {# ── TMDb trending (async-hydrated, #27) ─────────────────────────
-       Issue #9 — still hidden entirely when TMDb isn't configured. The
-       tiles load from app_dashboard_widget_recommendations after first paint;
-       an empty fragment hides the section. #}
-    {% if services_configured.tmdb %}
-    <div class="row-section" data-dash-widget="recommendations" data-dash-url="{{ path('app_dashboard_widget_recommendations') }}">
-      <div class="row-section-head">
-        <h2 class="row-section-title">
-          <span class="row-section-title-icon">
-            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 17 9 11 13 15 21 7"/><polyline points="14 7 21 7 21 14"/></svg>
-          </span>
-          {{ 'dashboard.trending.title'|trans }}
-        </h2>
-        <a href="{{ path('tmdb_index') }}" class="row-section-link">{{ 'dashboard.trending.discover_cta'|trans }}</a>
-      </div>
-      <div class="poster-row" data-dash-body>
-        {% for i in 1..7 %}<div class="poster-tile dash-skel" aria-hidden="true"><div class="poster-tile-wrap"></div><div class="poster-tile-info"><div class="dash-skel-line"></div></div></div>{% endfor %}
-      </div>
-    </div>
-    {% endif %}
-
-    {# ── Recent library additions (async-hydrated, #27) ──────────────
-       The section shell + skeleton paint instantly; the poster tiles are
-       fetched from app_dashboard_widget_recent after first paint and
-       injected into [data-dash-body]. An empty fragment hides the section.
-       Issue #9 — still skipped entirely when neither service is configured. #}
-    {% if services_configured.radarr or services_configured.sonarr %}
-    <div class="row-section" data-dash-widget="recent" data-dash-url="{{ path('app_dashboard_widget_recent') }}">
-      <div class="row-section-head">
-        <h2 class="row-section-title">
-          <span class="row-section-title-icon">
-            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M9 12l2 2l4 -4"/></svg>
-          </span>
-          {{ 'dashboard.recent.title'|trans }}
-        </h2>
-      </div>
-      <div class="poster-row" data-dash-body>
-        {% for i in 1..7 %}<div class="poster-tile dash-skel" aria-hidden="true"><div class="poster-tile-wrap"></div><div class="poster-tile-info"><div class="dash-skel-line"></div></div></div>{% endfor %}
-      </div>
-    </div>
-    {% endif %}
+    {% endfor %}
 
   </div>
 </div>
 
 {% include 'dashboard/_plex_info_modal.html.twig' with {} only %}
-{% include 'dashboard/_quicklook_modal.html.twig' with {} only %}
 {% endblock %}
 
 {% block javascripts %}
@@ -755,55 +683,117 @@
       }
     }
 
+    // Failure ≠ empty: an empty 200 body means "section not applicable" and
+    // hides the node (contract above), but a non-OK response or network error
+    // must stay visible — a monitoring dashboard may never answer "is
+    // everything OK?" by removing the evidence. Render a retryable state
+    // in the card body instead.
+    function applyFailure(node) {
+      var body = node.querySelector('[data-dash-body]') || node;
+      body.innerHTML =
+        '<div class="text-center text-secondary py-3" data-dash-error>' +
+          '<div class="mb-2">{{ 'dashboard.widget_error.unreachable'|trans|e('js') }}</div>' +
+          '<button type="button" class="btn btn-sm btn-outline-secondary" data-dash-retry>{{ 'common.action.retry'|trans|e('js') }}</button>' +
+        '</div>';
+    }
+
+    function hydrateNode(node) {
+      if (node.dataset.dashLoaded === '1') return;
+      node.dataset.dashLoaded = '1';
+      fetch(node.dataset.dashUrl, { headers: { 'X-Requested-With': 'fetch' }, credentials: 'same-origin' })
+        .then(function (r) {
+          if (!r.ok) { applyFailure(node); return; }
+          return r.text().then(function (html) { applyFragment(node, html); });
+        })
+        .catch(function () { applyFailure(node); });
+    }
+
     function hydrateDashWidgets() {
       var nodes = document.querySelectorAll('[data-dash-widget][data-dash-url]');
-      for (var i = 0; i < nodes.length; i++) {
-        (function (node) {
-          if (node.dataset.dashLoaded === '1') return;
-          node.dataset.dashLoaded = '1';
-          fetch(node.dataset.dashUrl, { headers: { 'X-Requested-With': 'fetch' }, credentials: 'same-origin' })
-            .then(function (r) { return r.ok ? r.text() : ''; })
-            .then(function (html) { applyFragment(node, html); })
-            .catch(function () { node.style.display = 'none'; });
-        })(nodes[i]);
-      }
+      for (var i = 0; i < nodes.length; i++) { hydrateNode(nodes[i]); }
     }
     document.addEventListener('turbo:load', hydrateDashWidgets);
     if (document.readyState !== 'loading') { hydrateDashWidgets(); }
 
-    // Keep the services-health widget live instead of frozen at first paint:
-    // re-fetch just that fragment on an interval. It's cheap — isHealthy() is
-    // 10s-cached server-side. Turbo-safe singleton (window._dashHealthTimer) so
-    // navigating away and back doesn't stack timers; skipped while the tab is
-    // hidden so a background dashboard isn't polling.
-    function refreshHealth() {
-      if (document.hidden) return;
-      var node = document.querySelector('[data-dash-widget="health"][data-dash-url]');
-      if (!node) return;
-      fetch(node.dataset.dashUrl, { headers: { 'X-Requested-With': 'fetch' }, credentials: 'same-origin' })
-        .then(function (r) { return r.ok ? r.text() : ''; })
-        .then(function (html) { if ((html || '').trim()) applyFragment(node, html); })
-        .catch(function () {});
+    // Retry: delegated + bound once per session (window guard) — this block
+    // re-executes on every Turbo visit, so a bare addEventListener would stack.
+    if (!window._dashRetryBound) {
+      window._dashRetryBound = true;
+      document.addEventListener('click', function (e) {
+        var btn = e.target.closest('[data-dash-retry]');
+        if (!btn) return;
+        var node = btn.closest('[data-dash-widget]');
+        if (!node) return;
+        node.dataset.dashLoaded = '';
+        var body = node.querySelector('[data-dash-body]') || node;
+        body.innerHTML = '<div class="text-center text-secondary py-3"><span class="spinner-border spinner-border-sm"></span></div>';
+        hydrateNode(node);
+      });
+    }
+
+    // Live-widget polling — one coalescing scheduler for every widget that
+    // declares a data-dash-poll cadence (plex 10s, health/server/network 30s,
+    // houndarr 60s). Previously each ran its own setInterval + its own fragment
+    // request, which at the 30s alignment fired up to four HTTP requests at
+    // once. Instead we tick once at the GCD of the cadences and batch every
+    // widget due on that tick into a single /widgets?w=… request, applying each
+    // returned fragment to its node. Preserves the per-widget behaviour exactly:
+    // hidden-tab guarded, fails open (a widget missing from the JSON map keeps
+    // its last value), Turbo-safe singleton timer (window._dashLiveTimer), and
+    // the plex post-apply hook that re-asserts the active tab after a swap.
+    var DASH_WIDGETS_URL = '{{ path('app_dashboard_widgets') }}';
+    var dashPostApply = {
+      plex: function (node) { applyPlexTab(node.querySelector('[data-dash-body]') || node); }
+    };
+    function dashGcd(a, b) { return b ? dashGcd(b, a % b) : a; }
+    function dashLiveNodes() {
+      return document.querySelectorAll('[data-dash-widget][data-dash-poll][data-dash-url]');
     }
-    if (window._dashHealthTimer) { clearInterval(window._dashHealthTimer); }
-    window._dashHealthTimer = setInterval(refreshHealth, 30000);
-
-    // Same live-refresh pattern for the Plex activity widget, but on a tighter
-    // 10s cadence (stream progress/state move fast). Cheap server-side:
-    // TautulliClient is 10s-circuit-breaker-cached and the call is read-only.
-    // Skipped while the tab is hidden; re-fetched fragment fails open so a
-    // down Tautulli can't break the loop.
-    function refreshPlex() {
+    // First poll for each widget is scheduled one full interval out (matching
+    // the old setInterval), and re-armed to now+interval whenever it fires.
+    var dashNextDue = {};
+    var dashBaseTick = 0;
+    (function planDashCadences() {
+      var nodes = dashLiveNodes();
+      var now = Date.now();
+      for (var i = 0; i < nodes.length; i++) {
+        var name = nodes[i].dataset.dashWidget;
+        var ms = parseInt(nodes[i].dataset.dashPoll, 10) || 30000;
+        if (!(name in dashNextDue)) { dashNextDue[name] = now + ms; }
+        dashBaseTick = dashBaseTick ? dashGcd(dashBaseTick, ms) : ms;
+      }
+      if (!dashBaseTick) { dashBaseTick = 30000; }
+    })();
+    function dashTick() {
       if (document.hidden) return;
-      var node = document.querySelector('[data-dash-widget="plex"][data-dash-url]');
-      if (!node) return;
-      fetch(node.dataset.dashUrl, { headers: { 'X-Requested-With': 'fetch' }, credentials: 'same-origin' })
-        .then(function (r) { return r.ok ? r.text() : ''; })
-        .then(function (html) { if ((html || '').trim()) { applyFragment(node, html); applyPlexTab(node.querySelector('[data-dash-body]') || node); } })
+      var nodes = dashLiveNodes();
+      if (!nodes.length) return;
+      var now = Date.now();
+      var byName = {};
+      var due = [];
+      for (var i = 0; i < nodes.length; i++) {
+        var name = nodes[i].dataset.dashWidget;
+        var ms = parseInt(nodes[i].dataset.dashPoll, 10) || 30000;
+        byName[name] = nodes[i];
+        if (now >= (dashNextDue[name] || 0)) { due.push(name); dashNextDue[name] = now + ms; }
+      }
+      if (!due.length) return;
+      fetch(DASH_WIDGETS_URL + '?w=' + encodeURIComponent(due.join(',')),
+            { headers: { 'X-Requested-With': 'fetch' }, credentials: 'same-origin' })
+        .then(function (r) { return r.ok ? r.json() : null; })
+        .then(function (map) {
+          if (!map) return;
+          Object.keys(map).forEach(function (name) {
+            var node = byName[name];
+            if (!node || !(map[name] || '').trim()) return;
+            applyFragment(node, map[name]);
+            if (dashPostApply[name]) { dashPostApply[name](node); }
+          });
+        })
         .catch(function () {});
     }
-    if (window._dashPlexTimer) { clearInterval(window._dashPlexTimer); }
-    window._dashPlexTimer = setInterval(refreshPlex, 10000);
+    if (window._dashLiveTimer) { clearInterval(window._dashLiveTimer); }
+    window._dashLiveTimer = setInterval(dashTick, dashBaseTick);
 
     // Plex widget tabs: client-side pane toggle, remembers the active tab so the
     // 10s fragment refresh doesn't snap the user back to "Now playing".
@@ -831,95 +821,86 @@
     }
 
     document.addEventListener('turbo:before-render', function () {
-      if (window._dashHealthTimer) { clearInterval(window._dashHealthTimer); window._dashHealthTimer = null; }
-      if (window._dashPlexTimer) { clearInterval(window._dashPlexTimer); window._dashPlexTimer = null; }
+      if (window._dashLiveTimer) { clearInterval(window._dashLiveTimer); window._dashLiveTimer = null; }
     });
 
-    // ── Quick-look modal: delegated open + fetch + manual show/hide.
-    // Tiles carry [data-ql-trigger] + data-ql-source/type/slug/id and keep
-    // their href as a no-JS fallback. We intercept the click, open the shell,
-    // fetch the matching fragment, and swap it into [data-ql-body].
-    // Re-query the modal on every use: it lives in the content block, so Turbo
-    // replaces the node on each render. Caching it once would leave the
-    // document-level delegated listeners pointing at a detached node after a
-    // navigation, and the quick-look would silently stop opening.
-    function qlEl() { return document.getElementById('ql-modal'); }
-    function qlBody() { var m = qlEl(); return m ? m.querySelector('[data-ql-body]') : null; }
-
-    function qlOpen() {
-      var m = qlEl();
-      if (!m) return;
-      m.classList.add('show');
-      m.style.display = 'block';
-      m.removeAttribute('aria-hidden');
-      m.setAttribute('aria-modal', 'true');
-      document.body.classList.add('modal-open');
-      if (!document.querySelector('.modal-backdrop.ql-backdrop-el')) {
-        var bd = document.createElement('div');
-        bd.className = 'modal-backdrop fade show ql-backdrop-el';
-        document.body.appendChild(bd);
-      }
-    }
-    function qlClose() {
-      var m = qlEl();
-      if (!m) return;
-      m.classList.remove('show');
-      m.style.display = 'none';
-      m.setAttribute('aria-hidden', 'true');
-      m.removeAttribute('aria-modal');
-      var bd = document.querySelector('.modal-backdrop.ql-backdrop-el');
-      if (bd) bd.remove();
-      if (!document.querySelector('.modal.show')) { document.body.classList.remove('modal-open'); }
-      var b = qlBody();
-      if (b) { b.innerHTML = '<div class="ql-loading"><span class="spinner-border"></span></div>'; }
-    }
-
-    function qlUrl(t) {
-      var src = t.getAttribute('data-ql-source');
-      var type = t.getAttribute('data-ql-type');
-      var id = t.getAttribute('data-ql-id');
-      if (!type || !id) return null;
-      if (src === 'tmdb') { return '/tableau-de-bord/quicklook/tmdb/' + type + '/' + id; }
-      var slug = t.getAttribute('data-ql-slug');
-      if (!slug) return null;
-      return '/tableau-de-bord/quicklook/' + type + '/' + slug + '/' + id;
+  })();
+</script>
+<script>
+(function () {
+  function initLayoutEdit() {
+    var toolbar = document.querySelector('.dash-layout-toolbar');
+    var scope = document.querySelector('.dashboard-scope');
+    if (!toolbar || !scope) return;
+    if (toolbar.dataset.layoutBound) return;
+    toolbar.dataset.layoutBound = '1';
+    var editBtn = toolbar.querySelector('[data-layout-edit]');
+    var saveBtn = toolbar.querySelector('[data-layout-save]');
+    var cancelBtn = toolbar.querySelector('[data-layout-cancel]');
+    var container = scope.querySelector('.container-xl');
+    var hidden = {};       // key -> true while hidden in this edit session
+    var dragged = null;
+
+    function sections() { return Array.prototype.slice.call(container.querySelectorAll('[data-section-key]')); }
+
+    function addOverlays() {
+      sections().forEach(function (sec) {
+        // Skip gated-out/empty section wrappers (e.g. an empty watchlist or an
+        // unconfigured service): the partial still emits a zero-height
+        // [data-section-key] div, and it must not get a drag handle or an
+        // orphaned Hide button that floats onto the next section.
+        if (sec.offsetHeight === 0) return;
+        if (sec.querySelector('.section-edit-overlay')) return;
+        var ov = document.createElement('div');
+        ov.className = 'section-edit-overlay';
+        var btn = document.createElement('button');
+        btn.type = 'button';
+        btn.textContent = toolbar.dataset.hideLabel || '✕';
+        btn.addEventListener('click', function () { hidden[sec.dataset.sectionKey] = true; sec.style.display = 'none'; });
+        ov.appendChild(btn);
+        sec.appendChild(ov);
+        sec.setAttribute('draggable', 'true');
+      });
     }
 
-    if (!window._qlDelegated) {
-      window._qlDelegated = true;
-      document.addEventListener('click', function (e) {
-        var trigger = e.target.closest('[data-ql-trigger]');
-        if (trigger) {
-          var url = qlUrl(trigger);
-          if (!url) return; // missing data → let the href navigate (fallback)
-          e.preventDefault();
-          qlOpen();
-          fetch(url, { headers: { 'X-Requested-With': 'fetch' }, credentials: 'same-origin' })
-            .then(function (r) { return r.ok ? r.text() : ''; })
-            .then(function (html) {
-              var b = qlBody();
-              if (!b) return;
-              if ((html || '').trim()) { b.innerHTML = html; }
-              else { window.location.href = trigger.getAttribute('href'); } // empty → fall back to navigation
-            })
-            .catch(function () { window.location.href = trigger.getAttribute('href'); });
-          return;
-        }
-        // Close on backdrop click or [data-ql-dismiss] (the × in the body).
-        if (e.target.closest('[data-ql-dismiss]') || e.target === qlEl()) {
-          qlClose();
-        }
-      });
-      document.addEventListener('keydown', function (e) {
-        var m = qlEl();
-        if (e.key === 'Escape' && m && m.classList.contains('show')) { qlClose(); }
-      });
-      // Tidy up if Turbo navigates away with the modal open.
-      document.addEventListener('turbo:before-render', function () {
-        var m = qlEl();
-        if (m && m.classList.contains('show')) { qlClose(); }
+    container.addEventListener('dragstart', function (e) {
+      if (!scope.classList.contains('is-editing')) return;
+      var sec = e.target.closest('[data-section-key]'); if (!sec) return;
+      dragged = sec; sec.classList.add('dragging');
+    });
+    container.addEventListener('dragend', function () { if (dragged) dragged.classList.remove('dragging'); dragged = null; });
+    container.addEventListener('dragover', function (e) {
+      if (!dragged) return; e.preventDefault();
+      var after = null;
+      sections().forEach(function (sec) {
+        if (sec === dragged || sec.style.display === 'none' || sec.offsetHeight === 0) return;
+        var box = sec.getBoundingClientRect();
+        if (e.clientY < box.top + box.height / 2 && after === null) after = sec;
       });
-    }
-  })();
+      if (after) container.insertBefore(dragged, after); else container.appendChild(dragged);
+    });
+
+    editBtn.addEventListener('click', function () {
+      hidden = {}; scope.classList.add('is-editing'); addOverlays();
+      editBtn.hidden = true; saveBtn.hidden = false; cancelBtn.hidden = false;
+    });
+    cancelBtn.addEventListener('click', function () { window.location.reload(); });
+    saveBtn.addEventListener('click', function () {
+      var order = sections().filter(function (s) { return !hidden[s.dataset.sectionKey]; })
+                            .map(function (s) { return s.dataset.sectionKey; });
+      var body = new URLSearchParams();
+      body.set('_csrf_token', toolbar.dataset.layoutCsrf);
+      body.set('order', order.join(','));
+      body.set('hidden', Object.keys(hidden).join(','));
+      fetch(toolbar.dataset.layoutUrl, { method: 'POST', credentials: 'same-origin',
+        headers: { 'Content-Type': 'application/x-www-form-urlencoded', 'X-Requested-With': 'fetch' }, body: body })
+        .then(function (r) { return r.ok ? r.json() : null; })
+        .then(function () { window.location.reload(); })
+        .catch(function () { window.location.reload(); });
+    });
+  }
+  document.addEventListener('turbo:load', initLayoutEdit);
+  if (document.readyState !== 'loading') initLayoutEdit();
+})();
 </script>
 {% endblock %}
diff --git a/symfony/templates/dashboard/sections/_health.html.twig b/symfony/templates/dashboard/sections/_health.html.twig
new file mode 100644
index 00000000..bd112e48
--- /dev/null
+++ b/symfony/templates/dashboard/sections/_health.html.twig
@@ -0,0 +1,23 @@
+{# Services health card — always renders, no config gate. Full-width card. #}
+<div data-section-key="health">
+<div class="row row-cards mb-3">
+  <div class="col-12" data-dash-widget="health" data-dash-url="{{ path('app_dashboard_widget_health') }}" data-dash-poll="30000">
+    <div class="card h-100">
+      <div class="card-header">
+        <h3 class="card-title">
+          <span class="card-title-icon">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12h4l3 -9l4 18l3 -9h4"/></svg>
+          </span>
+          {{ 'dashboard.health.title'|trans }}
+        </h3>
+        <div class="card-actions">
+          <a href="{{ path('admin_settings_index') }}" class="dash-action-btn">{{ 'dashboard.health.settings_cta'|trans }}</a>
+        </div>
+      </div>
+      <div class="card-body" data-dash-body>
+        <div class="text-center text-secondary py-3"><span class="spinner-border spinner-border-sm"></span></div>
+      </div>
+    </div>
+  </div>
+</div>
+</div>
diff --git a/symfony/templates/dashboard/sections/_houndarr.html.twig b/symfony/templates/dashboard/sections/_houndarr.html.twig
new file mode 100644
index 00000000..9bd84ce4
--- /dev/null
+++ b/symfony/templates/dashboard/sections/_houndarr.html.twig
@@ -0,0 +1,25 @@
+{# Houndarr backlog-search totals — self-gates on houndarr config. #}
+<div data-section-key="houndarr">
+{% if services_configured.houndarr %}
+<div class="row row-cards mb-3">
+  <div class="col-12" data-dash-widget="houndarr" data-dash-url="{{ path('app_dashboard_widget_houndarr') }}" data-dash-poll="60000">
+    <div class="card h-100">
+      <div class="card-header">
+        <h3 class="card-title">
+          <span class="card-title-icon">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="4" r="2"/><circle cx="18" cy="8" r="2"/><circle cx="20" cy="16" r="2"/><path d="M9 10a5 5 0 0 1 5 5v3.5a3.5 3.5 0 0 1 -6.84 1.045q-.64 -2.065 -2.7 -2.705a3.5 3.5 0 0 1 1.045 -6.84z"/></svg>
+          </span>
+          {{ 'dashboard.houndarr.title'|trans }}
+        </h3>
+        <div class="card-actions">
+          <a href="{{ path('admin_settings_index') }}" class="dash-action-btn">{{ 'dashboard.houndarr.settings_cta'|trans }}</a>
+        </div>
+      </div>
+      <div class="card-body" data-dash-body>
+        <div class="text-center text-secondary py-3"><span class="spinner-border spinner-border-sm"></span></div>
+      </div>
+    </div>
+  </div>
+</div>
+{% endif %}
+</div>
diff --git a/symfony/templates/dashboard/sections/_network.html.twig b/symfony/templates/dashboard/sections/_network.html.twig
new file mode 100644
index 00000000..16d439a9
--- /dev/null
+++ b/symfony/templates/dashboard/sections/_network.html.twig
@@ -0,0 +1,31 @@
+{# UniFi network monitoring — admin-only, self-gates on unifi config.
+   The fragment endpoint re-checks ROLE_ADMIN server-side; this gate just
+   avoids rendering a card shell non-admins would see spin forever. #}
+<div data-section-key="network">
+{% if is_granted('ROLE_ADMIN') and services_configured.unifi %}
+<div class="row row-cards mb-3">
+  <div class="col-12" data-dash-widget="network" data-dash-url="{{ path('app_dashboard_widget_network') }}" data-dash-poll="30000">
+    <div class="card h-100">
+      <div class="card-header">
+        <h3 class="card-title">
+          <span class="card-title-icon">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 18l.01 0"/><path d="M9.172 15.172a4 4 0 0 1 5.656 0"/><path d="M6.343 12.343a8 8 0 0 1 11.314 0"/><path d="M3.515 9.515c4.686 -4.687 12.284 -4.687 17 0"/></svg>
+          </span>
+          {{ 'dashboard.network.title'|trans }}
+        </h3>
+        <div class="card-actions">
+          {# The widget is the glance; /unifi is the detail. Same admin gate as
+             the card itself, so this link is only ever rendered to someone who
+             can follow it. #}
+          <a href="{{ path('app_unifi_index') }}" class="dash-action-btn">{{ 'common.action.view_all'|trans }}</a>
+          <a href="{{ path('admin_settings_index') }}" class="dash-action-btn">{{ 'dashboard.network.settings_cta'|trans }}</a>
+        </div>
+      </div>
+      <div class="card-body" data-dash-body>
+        <div class="text-center text-secondary py-3"><span class="spinner-border spinner-border-sm"></span></div>
+      </div>
+    </div>
+  </div>
+</div>
+{% endif %}
+</div>
diff --git a/symfony/templates/dashboard/sections/_plex.html.twig b/symfony/templates/dashboard/sections/_plex.html.twig
new file mode 100644
index 00000000..6f9a3b78
--- /dev/null
+++ b/symfony/templates/dashboard/sections/_plex.html.twig
@@ -0,0 +1,25 @@
+{# Current Plex activity (Tautulli) — self-gates on tautulli config. #}
+<div data-section-key="plex">
+{% if services_configured.tautulli %}
+<div class="row row-cards mb-3">
+  <div class="col-12" id="plex-activity" data-dash-widget="plex" data-dash-url="{{ path('app_dashboard_widget_plex') }}" data-dash-poll="10000">
+    <div class="card h-100">
+      <div class="card-header">
+        <h3 class="card-title">
+          <span class="card-title-icon">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12h4l3 8l4 -16l3 8h4"/></svg>
+          </span>
+          {{ 'dashboard.plex.title'|trans }}
+        </h3>
+        <div class="card-actions">
+          <a href="{{ path('admin_settings_index') }}" class="dash-action-btn">{{ 'dashboard.plex.settings_cta'|trans }}</a>
+        </div>
+      </div>
+      <div class="card-body" data-dash-body>
+        <div class="text-center text-secondary py-4"><span class="spinner-border spinner-border-sm"></span></div>
+      </div>
+    </div>
+  </div>
+</div>
+{% endif %}
+</div>
diff --git a/symfony/templates/dashboard/sections/_recent.html.twig b/symfony/templates/dashboard/sections/_recent.html.twig
new file mode 100644
index 00000000..2973308e
--- /dev/null
+++ b/symfony/templates/dashboard/sections/_recent.html.twig
@@ -0,0 +1,18 @@
+{# Recent library additions (async-hydrated) — self-gates on radarr/sonarr config. #}
+<div data-section-key="recent">
+{% if services_configured.radarr or services_configured.sonarr %}
+<div class="row-section" data-dash-widget="recent" data-dash-url="{{ path('app_dashboard_widget_recent') }}">
+  <div class="row-section-head">
+    <h2 class="row-section-title">
+      <span class="row-section-title-icon">
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M9 12l2 2l4 -4"/></svg>
+      </span>
+      {{ 'dashboard.recent.title'|trans }}
+    </h2>
+  </div>
+  <div class="poster-row" data-dash-body>
+    {% for i in 1..7 %}<div class="poster-tile dash-skel" aria-hidden="true"><div class="poster-tile-wrap"></div><div class="poster-tile-info"><div class="dash-skel-line"></div></div></div>{% endfor %}
+  </div>
+</div>
+{% endif %}
+</div>
diff --git a/symfony/templates/dashboard/sections/_requests.html.twig b/symfony/templates/dashboard/sections/_requests.html.twig
new file mode 100644
index 00000000..9ceb51a1
--- /dev/null
+++ b/symfony/templates/dashboard/sections/_requests.html.twig
@@ -0,0 +1,25 @@
+{# Jellyseerr requests — self-gates on jellyseerr config. Full-width card. #}
+<div data-section-key="requests">
+{% if services_configured.jellyseerr %}
+<div class="row row-cards mb-3">
+  <div class="col-12" data-dash-widget="requests" data-dash-url="{{ path('app_dashboard_widget_requests') }}">
+    <div class="card h-100">
+      <div class="card-header">
+        <h3 class="card-title">
+          <span class="card-title-icon">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12M9 12l3 3l3 -3"/><path d="M21 14v4a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-4"/></svg>
+          </span>
+          {{ 'dashboard.requests.title'|trans }}
+        </h3>
+        <div class="card-actions">
+          <a href="{{ path('jellyseerr_index') }}" class="dash-action-btn">{{ 'dashboard.requests.manage_cta'|trans }}</a>
+        </div>
+      </div>
+      <div class="list-group list-group-flush dash-list" data-dash-body>
+        <div class="card-body text-center text-secondary py-4"><span class="spinner-border spinner-border-sm"></span></div>
+      </div>
+    </div>
+  </div>
+</div>
+{% endif %}
+</div>
diff --git a/symfony/templates/dashboard/sections/_server.html.twig b/symfony/templates/dashboard/sections/_server.html.twig
new file mode 100644
index 00000000..e90b6e4c
--- /dev/null
+++ b/symfony/templates/dashboard/sections/_server.html.twig
@@ -0,0 +1,27 @@
+{# Unraid server monitoring — admin-only, self-gates on unraid config.
+   The fragment endpoint re-checks ROLE_ADMIN server-side; this gate just
+   avoids rendering a card shell non-admins would see spin forever. #}
+<div data-section-key="server">
+{% if is_granted('ROLE_ADMIN') and services_configured.unraid %}
+<div class="row row-cards mb-3">
+  <div class="col-12" data-dash-widget="server" data-dash-url="{{ path('app_dashboard_widget_server') }}" data-dash-poll="30000">
+    <div class="card h-100">
+      <div class="card-header">
+        <h3 class="card-title">
+          <span class="card-title-icon">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="8" rx="2"/><rect x="3" y="12" width="18" height="8" rx="2"/><path d="M7 8l0 .01M7 16l0 .01"/></svg>
+          </span>
+          {{ 'dashboard.server.title'|trans }}
+        </h3>
+        <div class="card-actions">
+          <a href="{{ path('admin_settings_index') }}" class="dash-action-btn">{{ 'dashboard.server.settings_cta'|trans }}</a>
+        </div>
+      </div>
+      <div class="card-body" data-dash-body>
+        <div class="text-center text-secondary py-3"><span class="spinner-border spinner-border-sm"></span></div>
+      </div>
+    </div>
+  </div>
+</div>
+{% endif %}
+</div>
diff --git a/symfony/templates/dashboard/sections/_trending.html.twig b/symfony/templates/dashboard/sections/_trending.html.twig
new file mode 100644
index 00000000..962eb9f8
--- /dev/null
+++ b/symfony/templates/dashboard/sections/_trending.html.twig
@@ -0,0 +1,19 @@
+{# TMDb trending poster row (async-hydrated) — self-gates on tmdb config. #}
+<div data-section-key="trending">
+{% if services_configured.tmdb %}
+<div class="row-section" data-dash-widget="recommendations" data-dash-url="{{ path('app_dashboard_widget_recommendations') }}">
+  <div class="row-section-head">
+    <h2 class="row-section-title">
+      <span class="row-section-title-icon">
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 17 9 11 13 15 21 7"/><polyline points="14 7 21 7 21 14"/></svg>
+      </span>
+      {{ 'dashboard.trending.title'|trans }}
+    </h2>
+    <a href="{{ path('tmdb_index') }}" class="row-section-link">{{ 'dashboard.trending.discover_cta'|trans }}</a>
+  </div>
+  <div class="poster-row" data-dash-body>
+    {% for i in 1..7 %}<div class="poster-tile dash-skel" aria-hidden="true"><div class="poster-tile-wrap"></div><div class="poster-tile-info"><div class="dash-skel-line"></div></div></div>{% endfor %}
+  </div>
+</div>
+{% endif %}
+</div>
diff --git a/symfony/templates/dashboard/sections/_upcoming.html.twig b/symfony/templates/dashboard/sections/_upcoming.html.twig
new file mode 100644
index 00000000..43120f71
--- /dev/null
+++ b/symfony/templates/dashboard/sections/_upcoming.html.twig
@@ -0,0 +1,25 @@
+{# Upcoming releases mini-calendar — self-gates on radarr/sonarr config. #}
+<div data-section-key="upcoming">
+{% if services_configured.radarr or services_configured.sonarr %}
+<div class="row row-cards mb-3" data-dash-widget="upcoming" data-dash-url="{{ path('app_dashboard_widget_upcoming') }}">
+  <div class="col-12">
+    <div class="card">
+      <div class="card-header">
+        <h3 class="card-title">
+          <span class="card-title-icon">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
+          </span>
+          {{ 'dashboard.upcoming.title'|trans }}
+        </h3>
+        <div class="card-actions">
+          <a href="{{ path('app_calendrier') }}" class="dash-action-btn">{{ 'dashboard.upcoming.calendar_cta'|trans }}</a>
+        </div>
+      </div>
+      <div data-dash-body>
+        <div class="card-body text-center text-secondary py-4"><span class="spinner-border spinner-border-sm"></span></div>
+      </div>
+    </div>
+  </div>
+</div>
+{% endif %}
+</div>
diff --git a/symfony/templates/dashboard/sections/_watchlist.html.twig b/symfony/templates/dashboard/sections/_watchlist.html.twig
new file mode 100644
index 00000000..632b4df8
--- /dev/null
+++ b/symfony/templates/dashboard/sections/_watchlist.html.twig
@@ -0,0 +1,43 @@
+{# Personal watchlist (local DB) — self-gates when watchlist is empty. #}
+<div data-section-key="watchlist">
+{% if watchlist is not empty %}
+<div class="row-section">
+  <div class="row-section-head">
+    <h2 class="row-section-title">
+      <span class="row-section-title-icon">
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"/></svg>
+      </span>
+      {{ 'dashboard.watchlist.title'|trans }}
+    </h2>
+    <a href="{{ path('tmdb_watchlist') }}" class="row-section-link">{{ 'dashboard.watchlist.view_all'|trans }}</a>
+  </div>
+  <div class="poster-row">
+    {% for w in watchlist %}
+      <a href="{{ path('tmdb_index') }}?detail={{ w.mediaType }}/{{ w.tmdbId }}" class="poster-tile"
+         data-ql-trigger
+         data-ql-source="tmdb"
+         data-ql-type="{{ w.mediaType == 'tv' ? 'tv' : 'movie' }}"
+         data-ql-id="{{ w.tmdbId }}">
+        <div class="poster-tile-wrap">
+          {% if w.poster %}
+            <img src="https://image.tmdb.org/t/p/w342{{ w.poster }}" alt="{{ w.title }}" loading="lazy" class="poster-tile-img">
+          {% else %}
+            <div class="poster-tile-placeholder">{{ w.mediaType == 'tv' ? ico.icon('device-tv', '', 28) : ico.icon('movie', '', 28) }}</div>
+          {% endif %}
+          {% if w.vote and w.vote > 0 %}
+            <span class="poster-tile-badge">{{ ico.icon('star-filled', '', 12) }} {{ w.vote|round(1) }}</span>
+          {% endif %}
+        </div>
+        <div class="poster-tile-info">
+          <div class="poster-tile-title text-truncate">{{ w.title }}</div>
+          <div class="poster-tile-sub">
+            {{ w.mediaType == 'tv' ? 'dashboard.type.series'|trans : 'dashboard.type.film'|trans }}
+            {%- if w.year %} · {{ w.year }}{% endif -%}
+          </div>
+        </div>
+      </a>
+    {% endfor %}
+  </div>
+</div>
+{% endif %}
+</div>
diff --git a/symfony/templates/decouverte/explorer.html.twig b/symfony/templates/decouverte/explorer.html.twig
index 4e32bbfb..8c02f536 100644
--- a/symfony/templates/decouverte/explorer.html.twig
+++ b/symfony/templates/decouverte/explorer.html.twig
@@ -136,6 +136,24 @@
     .explorer-layout { flex-direction: column !important; }
     .explorer-sidebar { width: 100% !important; }
   }
+
+  /* ── Touch devices: the watchlist star is hover-only and unreachable on
+     touch (responsive audit 2026-06-29) — keep it always visible with a
+     bigger hit area. Desktop hover behaviour unchanged. */
+  @media (hover: none) {
+    .ex-card .wl-star { opacity: 1; width: 32px; height: 32px; }
+    .ex-card .wl-star svg { width: 16px; height: 16px; }
+  }
+
+  /* ── Mobile/tablet readability floor (responsive audit 2026-06-29) ──
+     Floor sub-11px text at 11px (.6875rem) below the lg breakpoint;
+     desktop (≥992px) keeps the original sizes. */
+  @media (max-width: 991.98px) {
+    .ex-card .overlay .sub,
+    .ex-card .badge-type,
+    .ex-card .badge-lib,
+    .ex-card .badge-vote { font-size: .6875rem; }
+  }
 </style>
 
 <div class="container-xl">
@@ -251,50 +269,9 @@
   </div>
 </div>
 
-<!-- Explorer detail modal -->
-<div class="modal modal-blur fade" id="ex-detail-modal" tabindex="-1" style="z-index:1060;">
-  <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
-    <div class="modal-content" style="background:var(--tblr-bg-surface); overflow:hidden;">
-      <div class="modal-body p-0">
-        <div id="ex-detail-loading" class="text-center py-5 text-secondary">
-          <div class="spinner-border spinner-border-sm me-2"></div> {{ 'decouverte.explorer.loading'|trans }}
-        </div>
-        <div id="ex-detail-content" style="display:none;"></div>
-      </div>
-    </div>
-  </div>
-</div>
-
-<style>
-  .exd-header { position: relative; min-height: 180px; overflow: hidden; }
-  .exd-bg { position: absolute; inset: 0; background-size: cover; background-position: center; filter: blur(2px); transform: scale(1.05); }
-  .exd-bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 20%, rgba(0,0,0,.85)); }
-  .exd-info { position: relative; z-index: 1; padding: 1.25rem; display: flex; gap: 1rem; align-items: flex-end; }
-  .exd-poster { width: 100px; border-radius: .4rem; box-shadow: 0 4px 12px rgba(0,0,0,.5); }
-  .exd-meta { color: #fff; }
-  .exd-meta h3 { margin: 0 0 .2rem; font-size: 1.15rem; }
-  .exd-meta .sub { font-size: .8rem; color: rgba(255,255,255,.7); }
-  .exd-close {
-    position: absolute; top: .6rem; right: .6rem; z-index: 5;
-    width: 30px; height: 30px; border-radius: 50%;
-    background: rgba(0,0,0,.5); border: none; color: #fff;
-    display: flex; align-items: center; justify-content: center; cursor: pointer;
-  }
-  .exd-close:hover { background: rgba(0,0,0,.7); }
-  .exd-body { padding: 1rem 1.25rem; }
-  .exd-body .synopsis { color: var(--tblr-body-color); line-height: 1.6; margin-bottom: .75rem; font-size: .85rem; }
-  .exd-providers { display: flex; gap: .35rem; flex-wrap: wrap; margin-bottom: .75rem; }
-  .exd-providers img { width: 28px; height: 28px; border-radius: .25rem; }
-  .exd-cast { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: .75rem; }
-  .exd-cast-item { text-align: center; width: 50px; }
-  .exd-cast-item img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }
-  .exd-cast-item .name { font-size: .55rem; color: var(--tblr-muted); line-height: 1.1; margin-top: .15rem; }
-  .exd-trailer { border-radius: .4rem; overflow: hidden; margin-bottom: .75rem; }
-  .exd-actions { display: flex; gap: .4rem; flex-wrap: wrap; }
-</style>
-
 <script>
 (function() {
+  var BASE = '{{ app.request.getBasePath() }}';
   function escHtml(s) { if (s == null) return ''; var d = document.createElement('div'); d.textContent = s; return d.innerHTML; }
 
   // Localized strings used by the dynamic JS parts of this page.
@@ -352,7 +329,7 @@
     var vote = item.vote ? '<span class="badge-vote ' + vc + '">' + {{ ico.icon('star-filled', '', 14)|json_encode|raw }} + ' ' + escHtml(item.vote) + '</span>' : '';
     var wlClass = (window._prismarrWatchlist && window._prismarrWatchlist[item.type + '_' + item.id]) ? ' in-wl' : '';
     var wlStar = '<button type="button" class="wl-star' + wlClass + '" data-tmdb-id="' + escHtml(item.id) + '" data-tmdb-type="' + escHtml(item.type) + '" data-title="' + escHtml(item.title) + '" data-poster="' + escHtml(item.poster) + '" data-vote="' + escHtml(item.vote) + '" data-year="' + escHtml(item.year) + '"><svg viewBox="0 0 24 24" fill="' + (wlClass ? '#f59e0b' : 'none') + '" stroke="#f59e0b" stroke-width="2"><path d="M12 2l2.4 7.4h7.6l-6.2 4.5 2.4 7.4-6.2-4.6-6.2 4.6 2.4-7.4-6.2-4.5h7.6z"/></svg></button>';
-    return '<div class="ex-card" data-tmdb-id="' + escHtml(item.id) + '" data-type="' + escHtml(item.type) + '">'
+    return '<div class="ex-card" tabindex="0" role="button" data-kb-activate aria-label="' + escHtml(item.title || item.name || '') + '" data-tmdb-id="' + escHtml(item.id) + '" data-type="' + escHtml(item.type) + '">'
       + poster
       + '<span class="badge-type ' + escHtml(item.type) + '">' + (item.type === 'movie' ? EX_I18N.type_film : EX_I18N.type_series) + '</span>'
       + lib + wlStar + vote
@@ -387,163 +364,25 @@
     loadMoreWrap.style.display = 'none';
   }
 
-  // ── Detail modal ──
-  var detailModal = document.getElementById('ex-detail-modal');
-  var detailLoading = document.getElementById('ex-detail-loading');
-  var detailContent = document.getElementById('ex-detail-content');
-  var detailBackdrop = null;
-
-  function isOnExplorerPage() {
-    return document.getElementById('ex-detail-modal') !== null;
-  }
-
-  function openModal() {
-    if (!isOnExplorerPage()) return;
-    detailLoading.style.display = '';
-    detailContent.style.display = 'none';
-    detailContent.innerHTML = '';
-    detailModal.classList.add('show');
-    detailModal.style.display = 'block';
-    document.body.classList.add('modal-open');
-    if (!document.querySelector('.modal-backdrop.exd-backdrop')) {
-      detailBackdrop = document.createElement('div');
-      detailBackdrop.className = 'modal-backdrop fade show exd-backdrop';
-      document.body.appendChild(detailBackdrop);
-      detailBackdrop.addEventListener('click', closeModal);
-    }
-  }
-
-  function closeModal() {
-    if (!isOnExplorerPage()) return;
-    detailModal.classList.remove('show');
-    detailModal.style.display = 'none';
-    var bd = document.querySelector('.exd-backdrop');
-    if (bd) bd.remove();
-    if (!document.querySelector('.modal.show')) {
-      document.body.classList.remove('modal-open');
-    }
-    detailContent.querySelectorAll('iframe').forEach(function(f) { f.src = ''; });
-  }
-
-  detailModal.addEventListener('click', function(e) {
-    if (e.target === detailModal) closeModal();
-  });
-  document.addEventListener('keydown', function(e) {
-    if (!isOnExplorerPage()) return;
-    if (e.key === 'Escape' && detailModal.classList.contains('show')) closeModal();
-  });
-
-  function renderDetailModal(d) {
-    detailLoading.style.display = 'none';
-    detailContent.style.display = '';
-
-    var genres = (d.genres || []).join(', ');
-    var cast = (d.cast || []).slice(0, 6).map(function(c) {
-      var img = c.profile ? '<img src="' + escHtml(c.profile) + '">' : '<div style="width:42px;height:42px;border-radius:50%;background:var(--tblr-bg-surface-secondary);display:flex;align-items:center;justify-content:center;font-size:.7rem;">?</div>';
-      return '<div class="exd-cast-item">' + img + '<div class="name">' + escHtml(c.name) + '</div></div>';
-    }).join('');
-
-    var providers = '';
-    if (d.providers && d.providers.flatrate && d.providers.flatrate.length) {
-      providers = '<div class="exd-providers">' + d.providers.flatrate.map(function(p) {
-        return p.logo ? '<img src="' + escHtml(p.logo) + '" title="' + escHtml(p.name) + '">' : '';
-      }).join('') + '</div>';
-    }
-
-    var trailer = '';
-    if (d.trailer && d.trailer.key) {
-      trailer = '<div class="exd-trailer"><div class="ratio ratio-16x9"><iframe src="https://www.youtube.com/embed/' + escHtml(d.trailer.key) + '?rel=0&cc_lang_pref=fr&hl=fr" allowfullscreen></iframe></div></div>';
-    }
-
-    // Watchlist
-    var wlKey = d.type + '_' + d.id;
-    var isInWl = window._prismarrWatchlist && window._prismarrWatchlist[wlKey];
-
-    var html = '<div class="exd-header">'
-      + (d.backdrop ? '<div class="exd-bg" style="background-image:url(\'' + escHtml(d.backdrop) + '\')"></div>' : '')
-      + '<button class="exd-close" id="exd-close-btn"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M18 6L6 18"/><path d="M6 6l12 12"/></svg></button>'
-      + '<div class="exd-info">'
-      + (d.poster ? '<img class="exd-poster" src="' + escHtml(d.poster) + '">' : '')
-      + '<div class="exd-meta"><h3>' + escHtml(d.title) + '</h3>'
-      + '<div class="sub">' + escHtml(d.year) + (d.runtime ? ' · ' + escHtml(d.runtime) + ' min' : '') + (genres ? ' · ' + escHtml(genres) : '') + '</div>'
-      + (d.vote ? '<div class="sub">' + {{ ico.icon('star-filled', '', 14)|json_encode|raw }} + ' ' + escHtml(d.vote) + ' / 10</div>' : '')
-      + '</div></div></div>'
-      + '<div class="exd-body">';
-
-    if (d.overview) html += '<p class="synopsis">' + escHtml(d.overview) + '</p>';
-    html += providers;
-    if (cast) html += '<div class="exd-cast">' + cast + '</div>';
-    html += trailer;
-
-    html += '<div class="exd-actions">';
-    if (!d.in_library) {
-      html += '<button class="btn btn-primary btn-sm exd-add-btn" data-tmdb-id="' + escHtml(d.id) + '" data-type="' + escHtml(d.type) + '" data-title="' + escHtml(d.title) + '">' + (d.type === 'movie' ? EX_I18N.add_to_radarr : EX_I18N.add_to_sonarr) + '</button>';
-    } else {
-      var libUrl = (d.type === 'movie' ? '/medias/' + DEFAULT_RADARR_SLUG + '/films' : '/medias/' + DEFAULT_SONARR_SLUG + '/series') + (d.lib_id ? '?open=' + encodeURIComponent(d.lib_id) : '');
-      html += '<a href="' + escHtml(libUrl) + '" class="btn btn-success btn-sm">' + (d.type === 'movie' ? EX_I18N.view_movies : EX_I18N.view_series) + '</a>';
-    }
-    html += '<button class="btn btn-sm ' + (isInWl ? 'btn-warning' : 'btn-outline-warning') + ' exd-wl-btn" data-tmdb-id="' + escHtml(d.id) + '" data-type="' + escHtml(d.type) + '" data-title="' + escHtml(d.title) + '" data-poster-path="' + escHtml(d.poster_path) + '" data-vote="' + escHtml(d.vote) + '" data-year="' + escHtml(d.year) + '">'
-      + '<svg width="13" height="13" viewBox="0 0 24 24" fill="' + (isInWl ? '#fff' : 'none') + '" stroke="currentColor" stroke-width="2" class="me-1"><path d="M12 2l2.4 7.4h7.6l-6.2 4.5 2.4 7.4-6.2-4.6-6.2 4.6 2.4-7.4-6.2-4.5h7.6z"/></svg>'
-      + (isInWl ? EX_I18N.watchlist + ' ✓' : EX_I18N.watchlist) + '</button>';
-    html += '<a href="https://www.themoviedb.org/' + encodeURIComponent(d.type) + '/' + encodeURIComponent(d.id) + '" target="_blank" rel="noopener" class="btn btn-sm btn-outline-secondary">TMDb</a>';
-    if (d.imdb_id) html += '<a href="https://www.imdb.com/title/' + encodeURIComponent(d.imdb_id) + '" target="_blank" rel="noopener" class="btn btn-sm btn-outline-secondary">IMDb</a>';
-    html += '</div></div>';
-
-    detailContent.innerHTML = html;
-    document.getElementById('exd-close-btn').addEventListener('click', closeModal);
-  }
-
-  function openDetail(type, id) {
-    openModal();
-    fetch('/decouverte/detail/' + type + '/' + id, { credentials: 'same-origin' })
-      .then(function(r) { return r.json(); })
-      .then(function(d) {
-        if (d.error) { detailLoading.innerHTML = '<div class="alert alert-danger m-3">' + escHtml(d.error) + '</div>'; return; }
-        renderDetailModal(d);
-      })
-      .catch(function() { detailLoading.innerHTML = '<div class="alert alert-danger m-3">' + EX_I18N.network_error + '</div>'; });
-  }
-
-  // Click on card → local detail modal
+  // ── Card click → global quick-look modal ──
+  // The Explorer page now reuses the app-wide quick-look (_quicklook.html.twig)
+  // instead of its own modal: same rich detail (cast/providers/trailer),
+  // Add/Manage and watchlist, with far less code to maintain. Cards carry the
+  // TMDb id + type, which map straight to the quicklook/tmdb endpoint.
   document.addEventListener('click', function(e) {
-    if (!isOnExplorerPage()) return;
     if (e.target.closest('.wl-star')) return;
     var card = e.target.closest('.ex-card[data-tmdb-id]');
-    if (!card) return;
-    openDetail(card.dataset.type, card.dataset.tmdbId);
-  });
-
-  // Watchlist toggle from the modal
-  document.addEventListener('click', function(e) {
-    var btn = e.target.closest('.exd-wl-btn');
-    if (!btn) return;
-    e.stopImmediatePropagation();
-    var key = btn.dataset.type + '_' + btn.dataset.tmdbId;
-    fetch('/decouverte/watchlist/toggle', {
-      method: 'POST', credentials: 'same-origin',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({
-        tmdb_id: parseInt(btn.dataset.tmdbId), type: btn.dataset.type,
-        title: btn.dataset.title, poster_path: btn.dataset.posterPath || null,
-        vote: btn.dataset.vote ? parseFloat(btn.dataset.vote) : null,
-        year: btn.dataset.year ? parseInt(btn.dataset.year) : null
+    if (!card || !window.prismarrQl) return;
+    var type = card.dataset.type === 'movie' ? 'movie' : 'tv';
+    window.prismarrQl.open();
+    fetch(BASE + '/tableau-de-bord/quicklook/tmdb/' + type + '/' + card.dataset.tmdbId, { headers: { 'X-Requested-With': 'fetch' }, credentials: 'same-origin' })
+      .then(function(r) { return r.ok ? r.text() : ''; })
+      .then(function(html) {
+        var b = window.prismarrQl.body();
+        if (!b) return;
+        b.innerHTML = (html || '').trim() || '<div class="ql-error"></div>';
       })
-    })
-    .then(function(r) { return r.json(); })
-    .then(function(d) {
-      var added = d.action === 'added';
-      if (added) window._prismarrWatchlist[key] = true; else delete window._prismarrWatchlist[key];
-      btn.className = 'btn btn-sm ' + (added ? 'btn-warning' : 'btn-outline-warning') + ' exd-wl-btn';
-      btn.querySelector('svg').setAttribute('fill', added ? '#fff' : 'none');
-      var txt = btn.childNodes[btn.childNodes.length - 1];
-      txt.textContent = added ? EX_I18N.watchlist + ' ✓' : EX_I18N.watchlist;
-      // Sync stars in the grid
-      document.querySelectorAll('.wl-star[data-tmdb-id="' + btn.dataset.tmdbId + '"]').forEach(function(s) {
-        s.classList.toggle('in-wl', added);
-        s.querySelector('svg').setAttribute('fill', added ? '#f59e0b' : 'none');
-      });
-      if (window._prismarrToast) window._prismarrToast(added ? EX_I18N.wl_added : EX_I18N.wl_removed, added ? 'success' : 'info');
-    });
+      .catch(function() { window.prismarrQl.close(); });
   });
 
   // ── Type switch ──
@@ -564,7 +403,7 @@
   var genrePills = document.getElementById('ex-genre-pills');
 
   function loadGenres(type) {
-    fetch('/decouverte/genres/' + type, { credentials: 'same-origin' })
+    fetch(BASE + '/decouverte/genres/' + type, { credentials: 'same-origin' })
       .then(function(r) { return r.json(); })
       .then(function(d) {
         genrePills.innerHTML = (d.genres || []).map(function(g) {
@@ -623,7 +462,7 @@
     lastParams = info;
     lastLabel = buildLabel(info);
     showSpinner();
-    fetch('/decouverte/filter?' + info.params.toString(), { credentials: 'same-origin' })
+    fetch(BASE + '/decouverte/filter?' + info.params.toString(), { credentials: 'same-origin' })
       .then(function(r) { return r.json(); })
       .then(function(d) {
         totalPages = d.total_pages || 1;
@@ -639,7 +478,7 @@
     loadMoreBtn.disabled = true;
     loadMoreBtn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span>' + EX_I18N.loading;
     var info = buildParams(currentPage);
-    fetch('/decouverte/filter?' + info.params.toString(), { credentials: 'same-origin' })
+    fetch(BASE + '/decouverte/filter?' + info.params.toString(), { credentials: 'same-origin' })
       .then(function(r) { return r.json(); })
       .then(function(d) {
         render(d.results || [], lastLabel, true);
@@ -676,7 +515,7 @@
     var q = colSearch.value.trim();
     if (q.length < 2) { colSugg.innerHTML = ''; return; }
     colTimer = setTimeout(function() {
-      fetch('/decouverte/collection/search?q=' + encodeURIComponent(q), { credentials: 'same-origin' })
+      fetch(BASE + '/decouverte/collection/search?q=' + encodeURIComponent(q), { credentials: 'same-origin' })
         .then(function(r) { return r.json(); })
         .then(function(d) {
           colSugg.innerHTML = (d.results || []).map(function(c) {
@@ -696,7 +535,7 @@
     clearCollectionActive();
     clearPersonHeader();
     showSpinner();
-    fetch('/decouverte/collection/' + s.dataset.colId, { credentials: 'same-origin' })
+    fetch(BASE + '/decouverte/collection/' + s.dataset.colId, { credentials: 'same-origin' })
       .then(function(r) { return r.json(); })
       .then(function(d) {
         if (d.error) { grid.innerHTML = '<div class="ex-empty">' + escHtml(d.error) + '</div>'; return; }
@@ -713,7 +552,7 @@
     clearPersonHeader();
     pill.classList.add('active');
     showSpinner();
-    fetch('/decouverte/collection/' + pill.dataset.colId, { credentials: 'same-origin' })
+    fetch(BASE + '/decouverte/collection/' + pill.dataset.colId, { credentials: 'same-origin' })
       .then(function(r) { return r.json(); })
       .then(function(d) {
         if (d.error) { grid.innerHTML = '<div class="ex-empty">' + escHtml(d.error) + '</div>'; return; }
@@ -738,7 +577,7 @@
     var q = personInput.value.trim();
     if (q.length < 2) { personSugg.innerHTML = ''; return; }
     personTimer = setTimeout(function() {
-      fetch('/decouverte/person/search?q=' + encodeURIComponent(q), { credentials: 'same-origin' })
+      fetch(BASE + '/decouverte/person/search?q=' + encodeURIComponent(q), { credentials: 'same-origin' })
         .then(function(r) { return r.json(); })
         .then(function(d) {
           personSugg.innerHTML = (d.results || []).map(function(p) {
@@ -764,7 +603,7 @@
     else { photo.style.display = 'none'; }
 
     showSpinner();
-    fetch('/decouverte/person/' + s.dataset.personId, { credentials: 'same-origin' })
+    fetch(BASE + '/decouverte/person/' + s.dataset.personId, { credentials: 'same-origin' })
       .then(function(r) { return r.json(); })
       .then(function(d) {
         if (d.error) { grid.innerHTML = '<div class="ex-empty">' + escHtml(d.error) + '</div>'; return; }
@@ -774,45 +613,9 @@
         document.getElementById('ex-person-count').textContent = (n === 1 ? EX_I18N.titles_one : EX_I18N.titles_many).replace('42', n);
       });
   });
-  // ── Add to Radarr/Sonarr from the modal ──
-  document.addEventListener('click', function(e) {
-    var btn = e.target.closest('.exd-add-btn');
-    if (!btn) return;
-    e.stopPropagation();
-    var origText = btn.innerHTML;
-    btn.disabled = true;
-    btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span>' + EX_I18N.resolving;
-    fetch('/decouverte/resolve/' + btn.dataset.type + '/' + btn.dataset.tmdbId, { credentials: 'same-origin' })
-      .then(function(r) { return r.json(); })
-      .then(function(data) {
-        if (data.error) {
-          btn.className = 'btn btn-danger btn-sm exd-add-btn';
-          btn.innerHTML = escHtml(data.error);
-          btn.disabled = false;
-          setTimeout(function() { btn.className = 'btn btn-primary btn-sm exd-add-btn'; btn.innerHTML = origText; }, 3000);
-          return;
-        }
-        closeModal();
-        setTimeout(function() {
-          var trigger = document.createElement('button');
-          trigger.setAttribute('data-quick-add', JSON.stringify(data));
-          trigger.style.cssText = 'position:fixed;top:-9999px;left:-9999px;';
-          document.body.appendChild(trigger);
-          trigger.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
-          setTimeout(function() { trigger.remove(); }, 100);
-        }, 300);
-      })
-      .catch(function() {
-        btn.className = 'btn btn-danger btn-sm exd-add-btn';
-        btn.innerHTML = EX_I18N.network_error;
-        btn.disabled = false;
-        setTimeout(function() { btn.className = 'btn btn-primary btn-sm exd-add-btn'; btn.innerHTML = origText; }, 3000);
-      });
-  });
-
   // ── Watchlist ──
   window._prismarrWatchlist = window._prismarrWatchlist || {};
-  fetch('/decouverte/watchlist/status', { credentials: 'same-origin' })
+  fetch(BASE + '/decouverte/watchlist/status', { credentials: 'same-origin' })
     .then(function(r) { return r.json(); })
     .then(function(d) {
       window._prismarrWatchlist = d.index || {};
@@ -851,7 +654,7 @@
     else delete window._prismarrWatchlist[key];
     syncExWlStar(star.dataset.tmdbId, star.dataset.tmdbType, willAdd);
 
-    fetch('/decouverte/watchlist/toggle', {
+    fetch(BASE + '/decouverte/watchlist/toggle', {
       method: 'POST', credentials: 'same-origin',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({
diff --git a/symfony/templates/decouverte/index.html.twig b/symfony/templates/decouverte/index.html.twig
index 0361ca3e..c24eeeaa 100644
--- a/symfony/templates/decouverte/index.html.twig
+++ b/symfony/templates/decouverte/index.html.twig
@@ -71,15 +71,15 @@
   .media-card[data-tmdb-id] .card-year { font-size: .62rem; color: rgba(255,255,255,.6); }
   .media-card[data-tmdb-id] .quality-badge {
     position: absolute; top: .4rem; left: .4rem;
-    font-size: .6rem; font-weight: 700; padding: .1rem .35rem;
+    font-size: .6875rem; font-weight: 700; padding: .1rem .35rem;
     border-radius: .25rem; background: rgba(0,0,0,.65); color: #fff;
     backdrop-filter: blur(4px);
   }
   .media-card[data-tmdb-id] .quality-badge.movie { background: rgba(255,194,48,.92); color: #1a1a1a; }
   .media-card[data-tmdb-id] .quality-badge.tv    { background: rgba(0,204,255,.92);  color: #1a1a1a; }
   .media-card[data-tmdb-id] .lib-badge {
-    position: absolute; top: .4rem; left: calc(.4rem + 2.2rem + .25rem);
-    font-size: .6rem; font-weight: 700; padding: .1rem .35rem;
+    position: absolute; top: .4rem; left: calc(.4rem + 2.7rem + .25rem);
+    font-size: .6875rem; font-weight: 700; padding: .1rem .35rem;
     border-radius: .25rem; color: #fff;
     backdrop-filter: blur(4px);
   }
@@ -148,6 +148,33 @@
   .media-card[data-tmdb-id] .wl-star.in-wl:hover { background: rgba(245,158,11,1); }
   .media-card[data-tmdb-id] .wl-star:not(.in-wl):hover { background: rgba(245,158,11,.6); }
 
+  /* ── Touch devices: hover-only actions made reachable (audit 2026-06-29)
+     Details/Add and the watchlist star only appear via :hover, which never
+     fires on touch. On hover-less devices the hover-info becomes a compact
+     persistent bottom bar (not the full-cover overlay) carrying title/year
+     + actions, replacing the plain card-overlay, and the star stays
+     visible. CSS-only; desktop hover behaviour unchanged. */
+  @media (hover: none) {
+    .media-card[data-tmdb-id] .hover-info {
+      opacity: 1; pointer-events: auto;
+      top: auto; /* bottom bar instead of inset:0 full cover */
+      background: linear-gradient(transparent, rgba(0,0,0,.88) 35%);
+      padding-top: 1.4rem;
+    }
+    .media-card[data-tmdb-id] .hover-info .h-overview { display: none; }
+    .media-card[data-tmdb-id] .card-overlay { display: none; } /* title/year now in hover-info */
+    .media-card[data-tmdb-id] .wl-star { opacity: 1; }
+    /* Tap targets: the 24px star and the tiny action buttons get a larger
+       hit area on coarse pointers. */
+    .media-card[data-tmdb-id] .wl-star { width: 32px; height: 32px; }
+    .media-card[data-tmdb-id] .wl-star svg { width: 16px; height: 16px; }
+    .media-card[data-tmdb-id] .hover-info .h-actions .btn { min-height: 32px; }
+    /* The compact "Vu récemment" strip (100px tiles) has no room for the
+       persistent bar — keep its plain overlay there. */
+    #tmdb-recent-row .media-card[data-tmdb-id] .hover-info { display: none; }
+    #tmdb-recent-row .media-card[data-tmdb-id] .card-overlay { display: block; }
+  }
+
   /* Overrides contextuels */
   .tmdb-results-grid .media-card[data-tmdb-id] { flex: none; width: auto; }
   .td-similar-row .media-card[data-tmdb-id] { flex: 0 0 110px; width: 110px; }
@@ -434,6 +461,29 @@
   }
   .td-video-btn:hover { background: var(--tblr-primary); color: white; border-color: var(--tblr-primary); }
   .td-video-btn.active { background: var(--tblr-primary); color: white; border-color: var(--tblr-primary); }
+
+  /* ── Mobile/tablet readability floor (responsive audit 2026-06-29) ──
+     Floor sub-11px text at 11px (.6875rem) below the lg breakpoint. Kept
+     last in this block so it wins the cascade at equal specificity;
+     desktop (≥992px) keeps the original sizes. */
+  @media (max-width: 991.98px) {
+    .media-card[data-tmdb-id] .card-year,
+    .media-card[data-tmdb-id] .quality-badge,
+    .media-card[data-tmdb-id] .lib-badge,
+    .media-card[data-tmdb-id] .vote-badge,
+    .media-card[data-tmdb-id] .countdown-badge,
+    #tmdb-recent-row .media-card[data-tmdb-id] .card-title-text,
+    #tmdb-recent-row .media-card[data-tmdb-id] .card-year,
+    .media-card[data-tmdb-id] .hover-info .h-year,
+    .media-card[data-tmdb-id] .hover-info .h-actions .btn,
+    .tmdb-search-kbd,
+    .tmdb-filter-badge,
+    .tmdb-results-grid .media-card .card-year,
+    .tmdb-hero-label,
+    .td-cast-card .cast-role,
+    .td-season-card .season-meta,
+    .td-genre-badge { font-size: .6875rem; }
+  }
 </style>
 
 <div class="page-body">
@@ -487,38 +537,44 @@
       </div>
     </div>
 
-    {# Filter bar (hidden by default) #}
-    <div id="tmdb-filters" class="card mb-3" style="display:none;">
-      <div class="card-body py-2">
-        <div class="row g-2 align-items-end">
-          <div class="col-auto">
+    {# Filter drawer (offcanvas at all widths) #}
+    <div id="tmdb-filters" class="offcanvas offcanvas-start" tabindex="-1" aria-labelledby="tmdb-filters-label">
+      <div class="offcanvas-header">
+        <h5 class="offcanvas-title" id="tmdb-filters-label">{{ 'decouverte.filters.drawer_title'|trans }}</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#tmdb-filters" aria-label="Close"></button>
+      </div>
+      <div class="offcanvas-body">
+        <div class="d-flex flex-column gap-3">
+          <div>
             <label class="form-label small mb-1">{{ 'decouverte.filters.type'|trans }}</label>
-            <div class="btn-group" role="group">
+            <div class="btn-group d-flex" role="group">
               <input type="radio" class="btn-check" name="filter-type" id="filter-type-movie" value="movie" checked>
               <label class="btn btn-outline-primary btn-sm" for="filter-type-movie">{{ 'decouverte.filters.movies'|trans }}</label>
               <input type="radio" class="btn-check" name="filter-type" id="filter-type-tv" value="tv">
               <label class="btn btn-outline-primary btn-sm" for="filter-type-tv">{{ 'decouverte.filters.series'|trans }}</label>
             </div>
           </div>
-          <div class="col-md-3">
+          <div>
             <label class="form-label small mb-1">{{ 'decouverte.filters.genre'|trans }}</label>
             <select class="form-select form-select-sm" id="filter-genre">
               <option value="">{{ 'decouverte.filters.all'|trans }}</option>
             </select>
           </div>
-          <div class="col-auto">
-            <label class="form-label small mb-1">{{ 'decouverte.filters.year_from'|trans }}</label>
-            <input type="number" class="form-control form-control-sm" id="filter-year-min" placeholder="1970" min="1900" max="2030" style="width:90px;">
-          </div>
-          <div class="col-auto">
-            <label class="form-label small mb-1">{{ 'decouverte.filters.year_to'|trans }}</label>
-            <input type="number" class="form-control form-control-sm" id="filter-year-max" placeholder="2030" min="1900" max="2030" style="width:90px;">
+          <div class="d-flex gap-2">
+            <div class="flex-fill">
+              <label class="form-label small mb-1">{{ 'decouverte.filters.year_from'|trans }}</label>
+              <input type="number" class="form-control form-control-sm" id="filter-year-min" placeholder="1970" min="1900" max="2030">
+            </div>
+            <div class="flex-fill">
+              <label class="form-label small mb-1">{{ 'decouverte.filters.year_to'|trans }}</label>
+              <input type="number" class="form-control form-control-sm" id="filter-year-max" placeholder="2030" min="1900" max="2030">
+            </div>
           </div>
-          <div class="col-auto" style="min-width:140px;">
+          <div>
             <label class="form-label small mb-1">{{ 'decouverte.filters.vote_min'|trans({value: '__VAL__'})|replace({'__VAL__': '<span id="filter-vote-val" class="fw-medium">0</span>'})|raw }}</label>
             <input type="range" class="form-range" id="filter-vote-min" min="0" max="10" step="0.5" value="0">
           </div>
-          <div class="col-md-2">
+          <div>
             <label class="form-label small mb-1">{{ 'decouverte.filters.sort'|trans }}</label>
             <select class="form-select form-select-sm" id="filter-sort">
               <option value="popularity.desc">{{ 'decouverte.filters.sort_options.popularity'|trans }}</option>
@@ -528,11 +584,9 @@
               <option value="revenue.desc">{{ 'decouverte.filters.sort_options.revenue'|trans }}</option>
             </select>
           </div>
-          <div class="col-auto">
-            <button type="button" class="btn btn-primary btn-sm" id="filter-apply">{{ 'decouverte.filters.apply'|trans }}</button>
-          </div>
-          <div class="col-auto">
+          <div class="d-flex gap-2 justify-content-end mt-2 pt-2 border-top">
             <button type="button" class="btn btn-ghost-secondary btn-sm" id="filter-reset">{{ 'decouverte.filters.reset'|trans }}</button>
+            <button type="button" class="btn btn-primary btn-sm" id="filter-apply">{{ 'decouverte.filters.apply'|trans }}</button>
           </div>
         </div>
       </div>
@@ -948,6 +1002,8 @@
   {% elseif item.vote >= 5 %}{% set voteClass = 'mid' %}
   {% endif %}
   <div class="media-card"
+       tabindex="0" role="button" data-kb-activate
+       aria-label="{{ item.title }}"
        data-tmdb-id="{{ item.id }}"
        data-tmdb-type="{{ item.type }}"
        data-tmdb-title="{{ item.title }}"
@@ -962,7 +1018,7 @@
         <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4v16l13 -8z"/></svg>
       </div>
     {% endif %}
-    <span class="quality-badge {{ item.type }}">{{ item.type == 'movie' ? 'decouverte.modal.type_film'|trans : 'decouverte.modal.type_series'|trans }}</span>
+    <span class="quality-badge {{ item.type }}">{{ item.type == 'movie' ? 'decouverte.badge_type_film'|trans : 'decouverte.badge_type_series'|trans }}</span>
     {% if item.in_library %}
       {% set statusColors = {'downloaded':'#22c55e','missing':'#f59e0b','announced':'#6366f1','inCinemas':'#6366f1','partial':'#3b82f6','unmonitored':'#6b7280'} %}
       {% set statusShortKey = 'decouverte.card.status_short.' ~ (item.lib_status ?: 'default') %}
@@ -991,7 +1047,7 @@
           {% set statusColors = {'downloaded':'#22c55e','missing':'#f59e0b','announced':'#6366f1','inCinemas':'#6366f1','partial':'#3b82f6','unmonitored':'#6b7280'} %}
           {% set statusKey = 'decouverte.modal.status.' ~ (item.lib_status ?: 'downloaded') %}
           {% set statusLabel = item.lib_status ? statusKey|trans : 'decouverte.card.in_library_short'|trans %}
-          <a href="{{ (item.type == 'movie' ? '/medias/' ~ current_slug('radarr') ~ '/films' : '/medias/' ~ current_slug('sonarr') ~ '/series') ~ '?open=' ~ item.lib_id }}" class="btn btn-sm" style="background:{{ statusColors[item.lib_status] ?? '#22c55e' }};color:#fff;">{{ statusLabel }}</a>
+          <a href="{{ (item.type == 'movie' ? app.request.getBasePath() ~ '/medias/' ~ current_slug('radarr') ~ '/films' : app.request.getBasePath() ~ '/medias/' ~ current_slug('sonarr') ~ '/series') ~ '?open=' ~ item.lib_id }}" class="btn btn-sm" style="background:{{ statusColors[item.lib_status] ?? '#22c55e' }};color:#fff;">{{ statusLabel }}</a>
         {% endif %}
       </div>
     </div>
@@ -1000,6 +1056,7 @@
 
 <script>
 (function() {
+  var BASE = '{{ app.request.getBasePath() }}';
   function escHtml(s) { var d = document.createElement('div'); d.textContent = s; return d.innerHTML; }
 
   // Localized strings used by the detail modal + toasts. Built server-side
@@ -1007,6 +1064,8 @@
   var TMDB_I18N = {
     type_film:    {{ 'decouverte.modal.type_film'|trans|json_encode|raw }},
     type_series:  {{ 'decouverte.modal.type_series'|trans|json_encode|raw }},
+    badge_film:   {{ 'decouverte.badge_type_film'|trans|json_encode|raw }},
+    badge_series: {{ 'decouverte.badge_type_series'|trans|json_encode|raw }},
     watchlist:    {{ 'decouverte.modal.watchlist'|trans|json_encode|raw }},
     in_watchlist: {{ 'decouverte.modal.in_watchlist'|trans|json_encode|raw }},
     in_library:   {{ 'decouverte.modal.in_library'|trans|json_encode|raw }},
@@ -1160,7 +1219,7 @@
       if (diff > 0 && diff <= 365) {
         var badge = document.createElement('span');
         badge.className = 'countdown-badge';
-        badge.textContent = 'J-' + diff;
+        badge.textContent = '{{ 'decouverte.countdown_prefix'|trans|e('js') }}' + diff;
         card.appendChild(badge);
       }
     });
@@ -1185,7 +1244,7 @@
     btn.disabled = true;
     btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span>';
 
-    fetch('/decouverte/resolve/' + type + '/' + id, { credentials: 'same-origin' })
+    fetch(BASE + '/decouverte/resolve/' + type + '/' + id, { credentials: 'same-origin' })
       .then(function(r) { return r.json().then(function(d) { return { ok: r.ok, body: d }; }); })
       .then(function(res) {
         btn.disabled = false;
@@ -1374,7 +1433,7 @@
       actions.push('<button class="btn btn-primary tmdb-add-btn" data-tmdb-id="' + d.id + '" data-tmdb-type="' + d.type + '" data-tmdb-title="' + safeTitle + '">'
         + '<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="me-1"><path d="M12 5v14"/><path d="M5 12h14"/></svg>' + (d.type === 'movie' ? TMDB_I18N.add_to_radarr : TMDB_I18N.add_to_sonarr) + '</button>');
     } else {
-      var libUrl = d.type === 'movie' ? '/medias/' + DEFAULT_RADARR_SLUG + '/films' : '/medias/' + DEFAULT_SONARR_SLUG + '/series';
+      var libUrl = d.type === 'movie' ? BASE + '/medias/' + DEFAULT_RADARR_SLUG + '/films' : BASE + '/medias/' + DEFAULT_SONARR_SLUG + '/series';
       if (d.lib_id) libUrl += '?open=' + d.lib_id;
       var btnClass = d.lib_status === 'downloaded' ? 'btn-success' : (d.lib_status === 'missing' || d.lib_status === 'partial' ? 'btn-warning' : 'btn-outline-primary');
       actions.push('<a href="' + libUrl + '" class="btn ' + btnClass + '">'
@@ -1759,7 +1818,7 @@
     var libBadge = item.in_library ? '<span class="lib-badge" style="background:' + (statusColors[item.lib_status] || '#22c55e') + ';">' + (cardShort[item.lib_status] || cardShort._default) + '</span>' : '';
     var voteBadge = item.vote ? '<span class="vote-badge ' + vc + '">' + {{ ico.icon('star-filled', '', 12)|json_encode|raw }} + ' ' + item.vote + '</span>' : '';
     var hoverBtn  = item.in_library
-      ? '<a href="' + (item.type === 'movie' ? '/medias/' + DEFAULT_RADARR_SLUG + '/films' : '/medias/' + DEFAULT_SONARR_SLUG + '/series') + '?open=' + (item.lib_id||'') + '" class="btn btn-sm" style="background:' + ({downloaded:'#22c55e',missing:'#f59e0b',announced:'#6366f1',inCinemas:'#6366f1',partial:'#3b82f6',unmonitored:'#6b7280'}[item.lib_status]||'#22c55e') + ';color:#fff;">' + (cardShort[item.lib_status] || inLibraryShort) + '</a>'
+      ? '<a href="' + (item.type === 'movie' ? BASE + '/medias/' + DEFAULT_RADARR_SLUG + '/films' : BASE + '/medias/' + DEFAULT_SONARR_SLUG + '/series') + '?open=' + (item.lib_id||'') + '" class="btn btn-sm" style="background:' + ({downloaded:'#22c55e',missing:'#f59e0b',announced:'#6366f1',inCinemas:'#6366f1',partial:'#3b82f6',unmonitored:'#6b7280'}[item.lib_status]||'#22c55e') + ';color:#fff;">' + (cardShort[item.lib_status] || inLibraryShort) + '</a>'
       : '<button type="button" class="btn btn-primary btn-sm tmdb-add-btn" data-tmdb-id="' + item.id + '" data-tmdb-type="' + item.type + '" data-tmdb-title="' + safeTitle + '">' + {{ 'decouverte.action.add'|trans|json_encode|raw }} + '</button>';
 
     var wlClass = (window._prismarrWatchlist && window._prismarrWatchlist[item.type + '_' + item.id]) ? ' in-wl' : '';
@@ -1769,7 +1828,7 @@
     var countdown = '';
     if (item.release) {
       var diff = Math.ceil((new Date(item.release) - new Date()) / 86400000);
-      if (diff > 0 && diff <= 365) countdown = '<span class="countdown-badge">J-' + diff + '</span>';
+      if (diff > 0 && diff <= 365) countdown = '<span class="countdown-badge">{{ 'decouverte.countdown_prefix'|trans|e('js') }}' + diff + '</span>';
     }
 
     // safeTitle is already escHtml'd above; also escape the textual fields
@@ -1778,9 +1837,9 @@
     // numeric but defense-in-depth costs nothing.
     var titleOrDash = item.title ? safeTitle : '—';
     var safeYear    = escHtml(item.year || '');
-    return '<div class="media-card" data-tmdb-id="' + item.id + '" data-tmdb-type="' + item.type + '" data-tmdb-title="' + safeTitle + '" data-tmdb-vote="' + (item.vote||'') + '" data-tmdb-year="' + safeYear + '" data-release="' + escHtml(item.release||'') + '">'
+    return '<div class="media-card" tabindex="0" role="button" data-kb-activate aria-label="' + safeTitle + '" data-tmdb-id="' + item.id + '" data-tmdb-type="' + item.type + '" data-tmdb-title="' + safeTitle + '" data-tmdb-vote="' + (item.vote||'') + '" data-tmdb-year="' + safeYear + '" data-release="' + escHtml(item.release||'') + '">'
       + poster
-      + '<span class="quality-badge ' + item.type + '">' + (item.type === 'movie' ? TMDB_I18N.type_film : TMDB_I18N.type_series) + '</span>'
+      + '<span class="quality-badge ' + item.type + '">' + (item.type === 'movie' ? TMDB_I18N.badge_film : TMDB_I18N.badge_series) + '</span>'
       + libBadge + countdown + wlStar + voteBadge
       + '<div class="card-overlay"><div class="card-title-text" title="' + safeTitle + '">' + titleOrDash + '</div>'
       + '<div class="card-year">' + safeYear + '</div></div>'
@@ -1791,7 +1850,7 @@
 
   function loadDetail(type, id) {
     openDetailModal();
-    fetch('/decouverte/detail/' + type + '/' + id, { credentials: 'same-origin' })
+    fetch(BASE + '/decouverte/detail/' + type + '/' + id, { credentials: 'same-origin' })
       .then(function(r) { return r.json(); })
       .then(function(d) {
         if (d.error) {
@@ -1831,7 +1890,7 @@
       return;
     }
     searchAbort = new AbortController();
-    fetch('/decouverte/search?q=' + encodeURIComponent(q), { signal: searchAbort.signal, credentials: 'same-origin' })
+    fetch(BASE + '/decouverte/search?q=' + encodeURIComponent(q), { signal: searchAbort.signal, credentials: 'same-origin' })
       .then(function(r) { return r.json(); })
       .then(function(d) {
         var results = d.results || [];
@@ -1890,7 +1949,7 @@
   // ── Recommendations based on the library (AJAX load on page load)
   var myRecsBlock = document.getElementById('tmdb-my-recs');
   var myRecsRow = document.getElementById('tmdb-my-recs-row');
-  fetch('/decouverte/mes-recommandations', { credentials: 'same-origin' })
+  fetch(BASE + '/decouverte/mes-recommandations', { credentials: 'same-origin' })
     .then(function(r) { return r.json(); })
     .then(function(d) {
       if (d.seeds === 0 || !d.results || !d.results.length) {
@@ -1919,11 +1978,19 @@
   var filterReset   = document.getElementById('filter-reset');
   var genresCache   = { movie: null, tv: null };
 
+  // This build ships Bootstrap under window.tabler (no window.bootstrap global),
+  // so resolve the Offcanvas class defensively rather than assuming `bootstrap`.
+  function offcanvasFor(el) {
+    var C = (window.bootstrap && window.bootstrap.Offcanvas)
+         || (window.tabler && (window.tabler.Offcanvas
+              || (window.tabler.bootstrap && window.tabler.bootstrap.Offcanvas)));
+    return C ? C.getOrCreateInstance(el) : null;
+  }
+
   filtersToggle.addEventListener('click', function() {
-    var show = filtersPanel.style.display === 'none';
-    filtersPanel.style.display = show ? '' : 'none';
-    filtersToggle.classList.toggle('active', show);
-    if (show && !genresCache.movie) loadGenres('movie');
+    var oc = offcanvasFor(filtersPanel);
+    if (oc) oc.toggle();
+    if (!genresCache.movie) loadGenres('movie');
   });
 
   function currentType() {
@@ -1932,7 +1999,7 @@
   }
 
   function loadGenres(type) {
-    fetch('/decouverte/genres/' + type, { credentials: 'same-origin' })
+    fetch(BASE + '/decouverte/genres/' + type, { credentials: 'same-origin' })
       .then(function(r) { return r.json(); })
       .then(function(d) {
         genresCache[type] = d.genres || [];
@@ -2005,7 +2072,7 @@
     searchGrid.innerHTML = '<div class="text-secondary p-3"><span class="spinner-border spinner-border-sm me-2"></span>' + {{ 'decouverte.search.searching'|trans|json_encode|raw }} + '</div>';
     searchBlock.style.display = '';
 
-    fetch('/decouverte/filter?' + params.toString(), { credentials: 'same-origin' })
+    fetch(BASE + '/decouverte/filter?' + params.toString(), { credentials: 'same-origin' })
       .then(function(r) { return r.json(); })
       .then(function(d) {
         searchGrid.innerHTML = (d.results || []).map(renderCardHTML).join('')
@@ -2017,7 +2084,11 @@
         searchGrid.innerHTML = '<div class="alert alert-danger">' + {{ 'decouverte.search.search_error'|trans|json_encode|raw }} + '</div>';
       });
   }
-  filterApply.addEventListener('click', applyFilters);
+  filterApply.addEventListener('click', function() {
+    applyFilters();
+    var oc = offcanvasFor(filtersPanel);
+    if (oc) oc.hide();
+  });
   filterReset.addEventListener('click', function() {
     filterGenre.value = '';
     filterYearMin.value = '';
@@ -2057,7 +2128,7 @@
   }
   window._prismarrWatchlistSync = syncAllWlStars;
 
-  fetch('/decouverte/watchlist/status', { credentials: 'same-origin' })
+  fetch(BASE + '/decouverte/watchlist/status', { credentials: 'same-origin' })
     .then(function(r) { return r.json(); })
     .then(function(d) {
       window._prismarrWatchlist = d.index || {};
@@ -2090,7 +2161,7 @@
     else delete window._prismarrWatchlist[key];
     syncWlUI(tmdbId, type, willAdd);
 
-    fetch('/decouverte/watchlist/toggle', {
+    fetch(BASE + '/decouverte/watchlist/toggle', {
       method: 'POST',
       credentials: 'same-origin',
       headers: { 'Content-Type': 'application/json' },
diff --git a/symfony/templates/decouverte/watchlist.html.twig b/symfony/templates/decouverte/watchlist.html.twig
index 8c618ad0..70609981 100644
--- a/symfony/templates/decouverte/watchlist.html.twig
+++ b/symfony/templates/decouverte/watchlist.html.twig
@@ -101,6 +101,25 @@
   }
   .wl-search:focus { border-color: var(--tblr-primary); outline: none; box-shadow: 0 0 0 3px rgba(var(--tblr-primary-rgb),.18); }
   .wl-count { font-size: .8rem; color: var(--tblr-muted); }
+
+  /* ── Touch devices: remove/notes buttons are hover-only and unreachable
+     on touch (responsive audit 2026-06-29) — keep them always visible with
+     a bigger hit area. Desktop hover behaviour unchanged. */
+  @media (hover: none) {
+    .wl-card .wl-remove,
+    .wl-card .wl-notes-ico { opacity: 1; width: 32px; height: 32px; }
+    .wl-card .wl-notes-ico { right: 2.6rem; }
+  }
+
+  /* ── Mobile/tablet readability floor (responsive audit 2026-06-29) ──
+     Floor sub-11px text at 11px (.6875rem) below the lg breakpoint;
+     desktop (≥992px) keeps the original sizes. */
+  @media (max-width: 991.98px) {
+    .wl-card .card-sub,
+    .wl-card .type-badge,
+    .wl-card .vote-badge,
+    .wl-card .wl-notes-preview { font-size: .6875rem; }
+  }
 </style>
 
 <div class="container-xl">
@@ -164,6 +183,8 @@
   <div class="wl-grid" id="wl-grid">
     {% for item in items %}
     <div class="wl-card"
+         tabindex="0" role="button" data-kb-activate
+         aria-label="{{ item.title }}"
          data-wl-id="{{ item.id }}"
          data-tmdb-id="{{ item.tmdbId }}"
          data-type="{{ item.type }}"
@@ -232,6 +253,7 @@
 
 <script>
 (function() {
+  var BASE = '{{ app.request.getBasePath() }}';
   var grid = document.getElementById('wl-grid');
   var cards = grid ? Array.from(grid.querySelectorAll('.wl-card')) : [];
   var currentFilter = 'all';
@@ -304,7 +326,7 @@
     var wlId = rmBtn.dataset.wlId;
     if (!confirm({{ 'decouverte.watchlist.remove_confirm'|trans({title: '__TITLE__'})|json_encode|raw }}.replace('__TITLE__', card.dataset.title))) return;
 
-    fetch('/decouverte/watchlist/remove/' + wlId, { method: 'POST', credentials: 'same-origin' })
+    fetch(BASE + '/decouverte/watchlist/remove/' + wlId, { method: 'POST', credentials: 'same-origin' })
       .then(function(r) { return r.json(); })
       .then(function(d) {
         if (d.ok) {
@@ -364,7 +386,7 @@
   notesSave.addEventListener('click', function() {
     if (!currentNotesId) return;
     var notes = notesText.value.trim();
-    fetch('/decouverte/watchlist/notes/' + currentNotesId, {
+    fetch(BASE + '/decouverte/watchlist/notes/' + currentNotesId, {
       method: 'POST',
       credentials: 'same-origin',
       headers: { 'Content-Type': 'application/json' },
@@ -396,7 +418,7 @@
     if (e.target.closest('.wl-remove') || e.target.closest('.wl-notes-ico')) return;
     var card = e.target.closest('.wl-card');
     if (!card) return;
-    window.location.href = '/decouverte?detail=' + card.dataset.type + '/' + card.dataset.tmdbId;
+    window.location.href = BASE + '/decouverte?detail=' + card.dataset.type + '/' + card.dataset.tmdbId;
   });
 
   function updateStats() {
diff --git a/symfony/templates/deluge/index.html.twig b/symfony/templates/deluge/index.html.twig
new file mode 100644
index 00000000..87cf6e69
--- /dev/null
+++ b/symfony/templates/deluge/index.html.twig
@@ -0,0 +1,1958 @@
+{% extends 'base.html.twig' %}
+{% import '_icons.html.twig' as ico %}
+{% block title %}{{ 'deluge.title'|trans }}{% endblock %}
+{% block page_title %}<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#2f67ba" stroke-width="2"><path d="M4 17v2a2 2 0 002 2h12a2 2 0 002-2v-2"/><path d="M7 11l5 5 5-5"/><path d="M12 4v12"/></svg> {{ 'deluge.title'|trans }}{% endblock %}
+
+{% block stylesheets %}
+<style>
+/* ══════════════════════════════════════════════════════════════════════════
+   Stats cards
+   ══════════════════════════════════════════════════════════════════════════ */
+.qbt-stat-card { position:relative; overflow:hidden; height:100%; }
+.qbt-stat-card .card-body { min-height:88px; display:flex; flex-direction:column; justify-content:center; }
+.qbt-stat-card .stat-speed { font-size:.72rem; font-weight:600; margin-top:2px; font-family:'SF Mono', Menlo, monospace; min-height:1em; }
+.qbt-stat-card .stat-icon { position:absolute; right:-8px; top:-8px; opacity:.08; }
+/* 2e ligne — cards totaux un peu plus hautes, stat-val à droite */
+.qbt-total-card .card-body { min-height:96px; justify-content:center; }
+
+.qbt-connection { width:9px; height:9px; border-radius:50%; display:inline-block; }
+.qbt-connection.connected    { background:#22c55e; box-shadow:0 0 8px #22c55e; animation:pulse-connected 2s infinite; }
+.qbt-connection.firewalled   { background:#f59e0b; box-shadow:0 0 8px #f59e0b; }
+.qbt-connection.disconnected { background:#ef4444; box-shadow:0 0 8px #ef4444; }
+@keyframes pulse-connected { 0%,100% { opacity:1; } 50% { opacity:.5; } }
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Torrent row — style cards horizontales
+   ══════════════════════════════════════════════════════════════════════════ */
+.qbt-torrent-list { display:flex; flex-direction:column; gap:.3rem; }
+
+.qbt-torrent {
+    display:grid;
+    grid-template-columns: 22px 32px 1fr auto;
+    gap:.6rem;
+    align-items:center;
+    padding:.45rem .7rem;
+    background:var(--tblr-bg-surface);
+    border:1px solid var(--tblr-border-color);
+    border-left:3px solid var(--tblr-border-color);
+    border-radius:6px;
+    transition:all .12s;
+    cursor:pointer;
+    position:relative;
+    overflow:hidden;
+}
+.qbt-torrent:hover { border-color:rgba(47,103,186,.4); box-shadow:0 2px 6px rgba(0,0,0,.05); }
+.qbt-torrent.selected { background:rgba(47,103,186,.05); border-color:#2f67ba; }
+
+/* bordure gauche colorée par état */
+.qbt-torrent[data-state="downloading"] { border-left-color:#3b82f6; }
+.qbt-torrent[data-state="seeding"]     { border-left-color:#22c55e; }
+.qbt-torrent[data-state="paused"]      { border-left-color:#f59e0b; }
+.qbt-torrent[data-state="completed"]   { border-left-color:#14b8a6; }
+.qbt-torrent[data-state="stalled"]     { border-left-color:#f97316; }
+.qbt-torrent[data-state="error"]       { border-left-color:#ef4444; }
+.qbt-torrent[data-state="queued"]      { border-left-color:#6b7280; }
+.qbt-torrent[data-state="checking"]    { border-left-color:#06b6d4; }
+.qbt-torrent[data-state="unknown"]     { border-left-color:#9ca3af; }
+
+/* Colonne 1 — checkbox */
+.qbt-torrent .qbt-check { width:15px; height:15px; cursor:pointer; }
+
+/* Colonne 2 — icône catégorie */
+.qbt-ico {
+    width:32px; height:32px;
+    display:flex; align-items:center; justify-content:center;
+    border-radius:7px;
+    background:linear-gradient(135deg, rgba(47,103,186,.08), rgba(47,103,186,.03));
+    color:#2f67ba;
+    flex-shrink:0;
+}
+.qbt-ico svg { width:16px; height:16px; }
+.qbt-torrent[data-state="downloading"] .qbt-ico { background:linear-gradient(135deg, rgba(59,130,246,.15), rgba(59,130,246,.05)); color:#3b82f6; animation:pulse-ico 2s infinite; }
+.qbt-torrent[data-state="seeding"] .qbt-ico { background:linear-gradient(135deg, rgba(34,197,94,.12), rgba(34,197,94,.03)); color:#22c55e; }
+.qbt-torrent[data-state="paused"] .qbt-ico { background:linear-gradient(135deg, rgba(245,158,11,.12), rgba(245,158,11,.03)); color:#f59e0b; }
+.qbt-torrent[data-state="completed"] .qbt-ico { background:linear-gradient(135deg, rgba(20,184,166,.12), rgba(20,184,166,.03)); color:#14b8a6; }
+.qbt-torrent[data-state="error"] .qbt-ico { background:linear-gradient(135deg, rgba(239,68,68,.15), rgba(239,68,68,.03)); color:#ef4444; }
+@keyframes pulse-ico { 0%,100% { transform:scale(1); } 50% { transform:scale(1.06); } }
+
+/* Colonne 3 — contenu principal */
+.qbt-main { min-width:0; }
+.qbt-name-row { display:flex; align-items:center; gap:.4rem; margin-bottom:.2rem; }
+.qbt-name { font-size:.78rem; font-weight:600; color:var(--tblr-body-color); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; flex:1; line-height:1.2; }
+.qbt-meta { font-size:.68rem; color:var(--tblr-text-secondary); }
+.qbt-tag { display:inline-flex; align-items:center; gap:3px; font-size:.6rem; padding:1px 6px; border-radius:3px; font-weight:600; text-transform:uppercase; letter-spacing:.3px; line-height:1.4; }
+.qbt-tag svg { width:10px; height:10px; }
+.qbt-tag-cat { background:rgba(47,103,186,.12); color:#2f67ba; }
+.qbt-tag-tag { background:rgba(162,89,255,.12); color:#a259ff; }
+/* Catégories colorées par type */
+.qbt-tag-radarr { background:rgba(255,194,48,.15); color:#d99400; border:1px solid rgba(255,194,48,.25); cursor:pointer; }
+.qbt-tag-radarr:hover { background:rgba(255,194,48,.28); }
+.qbt-tag-sonarr { background:rgba(0,204,255,.15); color:#0094c4; border:1px solid rgba(0,204,255,.25); cursor:pointer; }
+.qbt-tag-sonarr:hover { background:rgba(0,204,255,.28); }
+.qbt-tag-generic { background:rgba(var(--tblr-primary-rgb),.12); color:var(--tblr-primary); }
+
+/* progress bar visuelle */
+.qbt-bar-wrap { position:relative; height:4px; background:rgba(0,0,0,.06); border-radius:3px; overflow:hidden; }
+body[data-bs-theme="dark"] .qbt-bar-wrap { background:rgba(255,255,255,.06); }
+.qbt-bar { height:100%; border-radius:4px; transition:width .6s ease; position:relative; }
+.qbt-bar-downloading { background:linear-gradient(90deg, #3b82f6, #60a5fa); }
+.qbt-bar-seeding     { background:linear-gradient(90deg, #22c55e, #4ade80); }
+.qbt-bar-paused      { background:linear-gradient(90deg, #f59e0b, #fbbf24); }
+.qbt-bar-completed   { background:linear-gradient(90deg, #14b8a6, #2dd4bf); }
+.qbt-bar-stalled     { background:linear-gradient(90deg, #f97316, #fb923c); }
+.qbt-bar-error       { background:linear-gradient(90deg, #ef4444, #f87171); }
+.qbt-bar-queued      { background:linear-gradient(90deg, #6b7280, #9ca3af); }
+.qbt-bar-checking    { background:linear-gradient(90deg, #06b6d4, #22d3ee); }
+.qbt-bar-unknown     { background:linear-gradient(90deg, #9ca3af, #cbd5e1); }
+
+/* shimmer pendant download */
+.qbt-bar-downloading::after {
+    content:''; position:absolute; top:0; left:-50%; width:50%; height:100%;
+    background:linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
+    animation:shimmer 1.8s infinite linear;
+}
+@keyframes shimmer { 0% { left:-50%; } 100% { left:150%; } }
+
+.qbt-stats-line { display:flex; align-items:center; gap:.7rem; margin-top:.2rem; font-size:.68rem; color:var(--tblr-text-secondary); flex-wrap:wrap; line-height:1.3; }
+.qbt-stats-line .item { display:flex; align-items:center; gap:.2rem; }
+.qbt-stats-line .item strong { color:var(--tblr-body-color); font-weight:600; font-family:'SF Mono', Menlo, monospace; }
+.qbt-stats-line .sep { width:2px; height:2px; border-radius:50%; background:var(--tblr-border-color); }
+.qbt-stats-line .dl-speed { color:#3b82f6; font-weight:600; font-family:'SF Mono', Menlo, monospace; }
+.qbt-stats-line .up-speed { color:#22c55e; font-weight:600; font-family:'SF Mono', Menlo, monospace; }
+
+/* Colonne 4 — actions */
+.qbt-row-actions { display:flex; gap:.15rem; flex-shrink:0; }
+.qbt-row-actions .btn { padding:3px 6px; border-radius:5px; }
+.qbt-row-actions .btn svg { width:13px; height:13px; }
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Filtres + recherche
+   ══════════════════════════════════════════════════════════════════════════ */
+
+.qbt-filter-badge { display:inline-block; margin-left:4px; padding:0 5px; font-size:.6rem; background:rgba(0,0,0,.08); border-radius:8px; font-weight:700; }
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Barre bulk
+   ══════════════════════════════════════════════════════════════════════════ */
+.qbt-bulk-bar { position:fixed; bottom:0; left:15rem; right:0; z-index:1050; background:var(--tblr-bg-surface); border-top:2px solid #2f67ba; padding:.7rem 1.25rem; display:none; align-items:center; gap:.6rem; box-shadow:0 -6px 18px rgba(0,0,0,.12); }
+.qbt-bulk-bar.show { display:flex; }
+@media(max-width:991px){ .qbt-bulk-bar { left:0; } }
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Add modal — drop zone fichiers .torrent
+   ══════════════════════════════════════════════════════════════════════════ */
+.qbt-drop-zone { position:relative; border:2px dashed var(--tblr-border-color); border-radius:8px; padding:1rem; text-align:center; cursor:pointer; transition:all .15s; background:var(--tblr-bg-surface-secondary); }
+.qbt-drop-zone:hover { border-color:#2f67ba; background:rgba(47,103,186,.04); }
+.qbt-drop-zone.drag-over { border-color:#2f67ba; background:rgba(47,103,186,.1); transform:scale(1.01); }
+.qbt-drop-inner { display:flex; flex-direction:column; align-items:center; gap:.4rem; color:var(--tblr-text-secondary); }
+.qbt-drop-inner svg { color:#2f67ba; opacity:.75; }
+.qbt-drop-text { font-size:.78rem; line-height:1.4; }
+.qbt-drop-files { list-style:none; padding:0; margin:.7rem 0 0; text-align:left; }
+.qbt-drop-files li { font-size:.74rem; padding:3px 8px; background:var(--tblr-bg-surface); border-radius:4px; margin-top:3px; display:flex; align-items:center; gap:6px; }
+.qbt-drop-files li .remove { margin-left:auto; color:var(--tblr-text-secondary); cursor:pointer; font-size:.9rem; line-height:1; padding:0 4px; }
+.qbt-drop-files li .remove:hover { color:#ef4444; }
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Detail modal
+   ══════════════════════════════════════════════════════════════════════════ */
+.qbt-detail-tab { border-bottom:1px solid var(--tblr-border-color); }
+.qbt-detail-tab .nav-link { padding:.5rem 1rem; font-size:.82rem; color:var(--tblr-text-secondary); border:none; border-bottom:2px solid transparent; }
+.qbt-detail-tab .nav-link.active { color:#2f67ba; border-bottom-color:#2f67ba; background:transparent; font-weight:600; }
+
+.qbt-file-row { font-size:.78rem; }
+.qbt-file-row:hover { background:rgba(47,103,186,.04); }
+.qbt-tracker-row { font-size:.78rem; }
+.qbt-peer-row { font-size:.75rem; }
+
+.qbt-prop-card { padding:.6rem .85rem; background:var(--tblr-bg-surface-secondary); border-radius:8px; }
+.qbt-prop-label { font-size:.68rem; color:var(--tblr-text-secondary); text-transform:uppercase; letter-spacing:.3px; font-weight:600; margin-bottom:3px; }
+.qbt-prop-value { font-size:.85rem; font-weight:600; color:var(--tblr-body-color); }
+
+/* mini progress bar dans fichiers */
+.qbt-mini-bar { width:70px; height:5px; background:rgba(0,0,0,.08); border-radius:3px; overflow:hidden; }
+body[data-bs-theme="dark"] .qbt-mini-bar { background:rgba(255,255,255,.08); }
+.qbt-mini-bar > div { height:100%; background:linear-gradient(90deg, #3b82f6, #60a5fa); }
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Empty state
+   ══════════════════════════════════════════════════════════════════════════ */
+.qbt-empty { padding:3rem 1rem; text-align:center; }
+.qbt-empty svg { opacity:.25; margin-bottom:.6rem; }
+.qbt-empty p { color:var(--tblr-text-secondary); font-size:.9rem; }
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Sélecteur de vue
+   ══════════════════════════════════════════════════════════════════════════ */
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Mode COMPACT
+   ══════════════════════════════════════════════════════════════════════════ */
+.qbt-torrent-list[data-view="compact"] { gap:2px; }
+.qbt-torrent-list[data-view="compact"] .qbt-torrent { grid-template-columns: 18px 22px 1fr 55px auto; padding:.25rem .55rem; gap:.5rem; }
+.qbt-torrent-list[data-view="compact"] .qbt-ico { width:22px; height:22px; border-radius:5px; }
+.qbt-torrent-list[data-view="compact"] .qbt-ico svg { width:12px; height:12px; }
+.qbt-torrent-list[data-view="compact"] .qbt-name-row { margin-bottom:2px; }
+.qbt-torrent-list[data-view="compact"] .qbt-name { font-size:.73rem; }
+.qbt-torrent-list[data-view="compact"] .qbt-tag:not(.qbt-tag-radarr):not(.qbt-tag-sonarr) { display:none; }
+.qbt-torrent-list[data-view="compact"] .qbt-tag-radarr,
+.qbt-torrent-list[data-view="compact"] .qbt-tag-sonarr { font-size:.52rem; padding:0 4px; }
+.qbt-torrent-list[data-view="compact"] .qbt-tag-radarr svg,
+.qbt-torrent-list[data-view="compact"] .qbt-tag-sonarr svg { width:8px; height:8px; }
+.qbt-torrent-list[data-view="compact"] .qbt-bar-wrap { height:3px; }
+.qbt-torrent-list[data-view="compact"] .qbt-stats-line { display:none; }
+.qbt-torrent-list[data-view="compact"] .qbt-compact-pct { font-size:.7rem; font-weight:600; font-family:'SF Mono', Menlo, monospace; color:var(--tblr-text-secondary); text-align:right; align-self:center; }
+.qbt-torrent-list[data-view="compact"] .qbt-row-actions .btn { padding:2px 4px; }
+.qbt-torrent-list[data-view="compact"] .qbt-row-actions .btn svg { width:11px; height:11px; }
+.qbt-torrent-list:not([data-view="compact"]) .qbt-compact-pct { display:none; }
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Mode TABLEAU
+   ══════════════════════════════════════════════════════════════════════════ */
+#qbt-table-header { display:none; grid-template-columns: 22px 26px 1fr 80px 70px 85px 85px 70px 75px 85px 90px 95px 90px; gap:.6rem; align-items:center; padding:.5rem .7rem; background:var(--tblr-bg-surface-secondary); border:1px solid var(--tblr-border-color); border-radius:6px 6px 0 0; font-size:.66rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--tblr-text-secondary); position:sticky; top:0; z-index:5; margin-bottom:-1px; }
+#qbt-table-header.show { display:grid; }
+#qbt-table-header .qbt-sort { cursor:pointer; user-select:none; display:flex; align-items:center; gap:3px; }
+#qbt-table-header .qbt-sort:hover { color:#2f67ba; }
+#qbt-table-header .qbt-sort.active { color:#2f67ba; }
+#qbt-table-header .qbt-sort svg { width:9px; height:9px; opacity:.35; transition:transform .15s; }
+#qbt-table-header .qbt-sort.active svg { opacity:1; }
+#qbt-table-header .qbt-sort.active.desc svg { transform:rotate(180deg); }
+
+.qbt-torrent-list[data-view="table"] { gap:0; border-radius:0 0 6px 6px; overflow:hidden; border:1px solid var(--tblr-border-color); border-top:none; }
+.qbt-torrent-list[data-view="table"] .qbt-torrent {
+    grid-template-columns: 22px 26px 1fr 80px 70px 85px 85px 70px 75px 85px 90px 95px 90px;
+    gap:.6rem;
+    padding:.5rem .7rem;
+    border-radius:0;
+    border:none;
+    border-bottom:1px solid var(--tblr-border-color);
+    border-left:3px solid var(--tblr-border-color);
+}
+.qbt-torrent-list[data-view="table"] .qbt-torrent:last-child { border-bottom:none; }
+.qbt-torrent-list[data-view="table"] .qbt-torrent[data-state="downloading"] { border-left-color:#3b82f6; }
+.qbt-torrent-list[data-view="table"] .qbt-torrent[data-state="seeding"] { border-left-color:#22c55e; }
+.qbt-torrent-list[data-view="table"] .qbt-torrent[data-state="paused"] { border-left-color:#f59e0b; }
+.qbt-torrent-list[data-view="table"] .qbt-torrent[data-state="completed"] { border-left-color:#14b8a6; }
+.qbt-torrent-list[data-view="table"] .qbt-torrent[data-state="error"] { border-left-color:#ef4444; }
+.qbt-torrent-list[data-view="table"] .qbt-ico { width:26px; height:26px; border-radius:5px; }
+.qbt-torrent-list[data-view="table"] .qbt-ico svg { width:13px; height:13px; }
+.qbt-torrent-list[data-view="table"] .qbt-main { display:contents; }
+.qbt-torrent-list[data-view="table"] .qbt-name-row { margin:0; min-width:0; }
+.qbt-torrent-list[data-view="table"] .qbt-name { font-size:.74rem; font-weight:500; }
+.qbt-torrent-list[data-view="table"] .qbt-tag:not(.qbt-tag-radarr):not(.qbt-tag-sonarr) { display:none; }
+.qbt-torrent-list[data-view="table"] .qbt-bar-wrap { display:none; }
+.qbt-torrent-list[data-view="table"] .qbt-stats-line { display:none; }
+.qbt-torrent-list[data-view="table"] .qbt-table-cell { font-size:.72rem; font-family:'SF Mono', Menlo, monospace; text-align:right; color:var(--tblr-body-color); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+.qbt-torrent-list[data-view="table"] .qbt-cell-progress { position:relative; background:rgba(0,0,0,.06); border-radius:3px; overflow:hidden; text-align:center; color:var(--tblr-body-color); font-weight:600; font-family:'SF Mono', Menlo, monospace; font-size:.7rem; padding:2px 0; }
+body[data-bs-theme="dark"] .qbt-torrent-list[data-view="table"] .qbt-cell-progress { background:rgba(255,255,255,.06); }
+.qbt-torrent-list[data-view="table"] .qbt-cell-progress-fill { position:absolute; inset:0; width:0; background:rgba(59,130,246,.3); transition:width .4s; }
+.qbt-torrent-list[data-view="table"] .qbt-torrent[data-state="seeding"] .qbt-cell-progress-fill { background:rgba(34,197,94,.3); }
+.qbt-torrent-list[data-view="table"] .qbt-torrent[data-state="paused"] .qbt-cell-progress-fill { background:rgba(245,158,11,.3); }
+.qbt-torrent-list[data-view="table"] .qbt-torrent[data-state="completed"] .qbt-cell-progress-fill { background:rgba(20,184,166,.3); }
+.qbt-torrent-list[data-view="table"] .qbt-cell-progress > span { position:relative; z-index:1; }
+.qbt-torrent-list[data-view="table"] .qbt-cell-dl { color:#3b82f6; }
+.qbt-torrent-list[data-view="table"] .qbt-cell-up { color:#22c55e; }
+.qbt-torrent-list[data-view="table"] .qbt-row-actions .btn { padding:3px 5px; }
+.qbt-torrent-list[data-view="table"] .qbt-row-actions .btn svg { width:12px; height:12px; }
+.qbt-torrent-list:not([data-view="table"]) .qbt-table-cell,
+.qbt-torrent-list:not([data-view="table"]) .qbt-cell-progress { display:none; }
+</style>
+{% endblock %}
+
+{% block body %}
+<div class="container-xl">
+
+{% if error %}
+  {% include 'error/_service_banner.html.twig' with {
+    service: 'Deluge',
+    wizard_route: 'app_setup_downloads',
+    configured_url: service_url,
+    reason: 'unreachable'
+  } %}
+{% endif %}
+
+{% if not error %}
+
+{# ══════════════════════════════════════════════════════════════════════════
+   Stats cards — row 1: torrent states
+   ══════════════════════════════════════════════════════════════════════════ #}
+<div class="row g-2 mb-2">
+    <div class="col-6 col-md-4 col-lg-2">
+        <div class="card card-sm qbt-stat-card"><div class="card-body">
+            <div class="d-flex align-items-center gap-2">
+                <span class="qbt-connection" id="qbt-conn-dot"></span>
+                <span class="stat-val text-secondary" id="qbt-stat-total">{{ stats.total ?? 0 }}</span>
+            </div>
+            <div class="stat-lbl mt-1">{{ 'qbittorrent.stats.total'|trans }}</div>
+            <svg class="stat-icon" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#6b7280" stroke-width="1.5"><circle cx="12" cy="12" r="9"/></svg>
+        </div></div>
+    </div>
+    <div class="col-6 col-md-4 col-lg-2">
+        <div class="card card-sm qbt-stat-card"><div class="card-body">
+            <span class="stat-val" style="color:#3b82f6" id="qbt-stat-dl">{{ stats.downloading ?? 0 }}</span>
+            <div class="stat-lbl mt-1">{{ 'qbittorrent.stats.downloading'|trans }}</div>
+            <div class="stat-speed" style="color:#3b82f6" id="qbt-speed-dl">&nbsp;</div>
+            <svg class="stat-icon" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#3b82f6" stroke-width="1.5"><path d="M12 3v13m-5-5l5 5 5-5"/></svg>
+        </div></div>
+    </div>
+    <div class="col-6 col-md-4 col-lg-2">
+        <div class="card card-sm qbt-stat-card"><div class="card-body">
+            <span class="stat-val" style="color:#22c55e" id="qbt-stat-seed">{{ stats.seeding ?? 0 }}</span>
+            <div class="stat-lbl mt-1">{{ 'qbittorrent.stats.seeding'|trans }}</div>
+            <div class="stat-speed" style="color:#22c55e" id="qbt-speed-up">&nbsp;</div>
+            <svg class="stat-icon" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#22c55e" stroke-width="1.5"><path d="M12 21V8m-5 5l5-5 5 5"/></svg>
+        </div></div>
+    </div>
+    <div class="col-6 col-md-4 col-lg-2">
+        <div class="card card-sm qbt-stat-card"><div class="card-body">
+            <span class="stat-val" style="color:{{ (stats.paused ?? 0) > 0 ? '#f59e0b' : 'var(--tblr-text-secondary)' }}" id="qbt-stat-paused">{{ stats.paused ?? 0 }}</span>
+            <div class="stat-lbl mt-1">{{ 'qbittorrent.stats.paused'|trans }}</div>
+            <svg class="stat-icon" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#f59e0b" stroke-width="1.5"><path d="M6 5h4v14H6zm8 0h4v14h-4z"/></svg>
+        </div></div>
+    </div>
+    <div class="col-6 col-md-4 col-lg-2">
+        <div class="card card-sm qbt-stat-card"><div class="card-body">
+            <span class="stat-val" style="color:{{ (stats.errored ?? 0) > 0 ? '#ef4444' : 'var(--tblr-text-secondary)' }}" id="qbt-stat-error">{{ stats.errored ?? 0 }}</span>
+            <div class="stat-lbl mt-1">{{ 'qbittorrent.stats.errored'|trans }}</div>
+            <svg class="stat-icon" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="1.5"><circle cx="12" cy="12" r="9"/><path d="M12 8v4m0 4h.01"/></svg>
+        </div></div>
+    </div>
+</div>
+
+{# ══════════════════════════════════════════════════════════════════════════
+   Stats cards — row 2: totals + Session
+   ══════════════════════════════════════════════════════════════════════════ #}
+<div class="row g-2 mb-3">
+    <div class="col-12 col-md-6 col-lg-4">
+        <div class="card card-sm qbt-stat-card qbt-total-card"><div class="card-body">
+            <div class="d-flex align-items-center justify-content-between">
+                <div>
+                    <div class="stat-lbl">{{ 'qbittorrent.stats.total_downloaded'|trans }}</div>
+                    <span class="stat-val" style="color:#3b82f6" id="qbt-total-dl">{{ (stats.dl_alltime ?? 0)|prismarr_bytes }}</span>
+                </div>
+                <div class="text-end" style="font-size:.68rem;color:var(--tblr-text-secondary);line-height:1.3;">
+                    <div>{{ 'qbittorrent.stats.session'|trans }}</div>
+                    <strong id="qbt-session-dl" style="color:#3b82f6;font-family:'SF Mono',Menlo,monospace;">{{ (stats.dl_session ?? 0)|prismarr_bytes }}</strong>
+                </div>
+            </div>
+            <svg class="stat-icon" xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="#3b82f6" stroke-width="1.5"><path d="M12 3v13m-5-5l5 5 5-5"/><path d="M4 20h16"/></svg>
+        </div></div>
+    </div>
+    <div class="col-12 col-md-6 col-lg-4">
+        <div class="card card-sm qbt-stat-card qbt-total-card"><div class="card-body">
+            <div class="d-flex align-items-center justify-content-between">
+                <div>
+                    <div class="stat-lbl">{{ 'qbittorrent.stats.total_uploaded'|trans }}</div>
+                    <span class="stat-val" style="color:#22c55e" id="qbt-total-up">{{ (stats.up_alltime ?? 0)|prismarr_bytes }}</span>
+                </div>
+                <div class="text-end" style="font-size:.68rem;color:var(--tblr-text-secondary);line-height:1.3;">
+                    <div>{{ 'qbittorrent.stats.session'|trans }}</div>
+                    <strong id="qbt-session-up" style="color:#22c55e;font-family:'SF Mono',Menlo,monospace;">{{ (stats.up_session ?? 0)|prismarr_bytes }}</strong>
+                </div>
+            </div>
+            <svg class="stat-icon" xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="#22c55e" stroke-width="1.5"><path d="M12 21V8m-5 5l5-5 5 5"/><path d="M4 4h16"/></svg>
+        </div></div>
+    </div>
+    {# Card Session #}
+    <div class="col-12 col-md-6 col-lg-4">
+        <div class="card card-sm qbt-stat-card qbt-session-card"><div class="card-body">
+            <div class="d-flex align-items-center justify-content-between">
+                <div>
+                    <div class="stat-lbl d-flex align-items-center gap-1">
+                        <span>{{ 'qbittorrent.session.label'|trans }}</span>
+                        <span id="qbt-session-uptime" style="font-size:.6rem;color:var(--tblr-text-secondary);text-transform:none;letter-spacing:0;font-weight:500;">·&nbsp;—</span>
+                    </div>
+                    <span class="stat-val" style="color:#a259ff;font-size:1.05rem;">{{ 'qbittorrent.session.ratio'|trans }} <span id="qbt-total-ratio" style="font-family:'SF Mono',Menlo,monospace;">{{ (stats.global_ratio ?? 0)|number_format(2) }}</span></span>
+                </div>
+                <div class="text-end" style="font-size:.68rem;color:var(--tblr-text-secondary);line-height:1.3;white-space:nowrap;">
+                    <div>{{ 'qbittorrent.stats.peak_dl'|trans }} <strong id="qbt-peak-dl" style="color:#3b82f6;font-family:'SF Mono',Menlo,monospace;">—</strong></div>
+                    <div>{{ 'qbittorrent.stats.peak_up'|trans }} <strong id="qbt-peak-up" style="color:#22c55e;font-family:'SF Mono',Menlo,monospace;">—</strong></div>
+                    <div>{{ 'qbittorrent.stats.free_space'|trans }} <strong id="qbt-free-space" style="color:var(--tblr-body-color);font-family:'SF Mono',Menlo,monospace;">{{ (stats.free_space ?? 0)|prismarr_bytes(0) }}</strong></div>
+                </div>
+            </div>
+            <svg class="stat-icon" xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="#a259ff" stroke-width="1.5"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 3"/></svg>
+        </div></div>
+    </div>
+</div>
+
+{# ══════════════════════════════════════════════════════════════════════════
+   Filter bar + search + actions
+   ══════════════════════════════════════════════════════════════════════════ #}
+<div class="card mb-3">
+    <div class="card-body py-2">
+        <div class="d-flex align-items-center gap-3 flex-wrap">
+            <div class="input-icon" style="max-width:240px;">
+                <span class="input-icon-addon">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="10" cy="10" r="7"/><path d="M21 21l-6-6"/></svg>
+                </span>
+                <input type="text" id="qbt-search" class="form-control form-control-sm" placeholder="{{ 'qbittorrent.filters.search_placeholder'|trans }}" autocomplete="off">
+            </div>
+            <div class="d-flex gap-1 flex-wrap">
+                {% include '_filter_pills.html.twig' with {
+                  active: 'all',
+                  pills: [
+                    { filter: 'all',         label: 'qbittorrent.filters.all'|trans,         hue: '#6b7280' },
+                    { filter: 'active',      label: 'qbittorrent.filters.active'|trans,      hue: '#b45309', title: 'qbittorrent.filters.active_title'|trans },
+                    { filter: 'downloading', label: 'qbittorrent.filters.downloading'|trans, hue: '#3b82f6' },
+                    { filter: 'seeding',     label: 'qbittorrent.filters.seeding'|trans,     hue: '#22c55e' },
+                    { filter: 'paused',      label: 'qbittorrent.filters.paused'|trans,      hue: '#f59e0b' },
+                    { filter: 'completed',   label: 'qbittorrent.filters.completed'|trans,   hue: '#14b8a6' },
+                    { filter: 'error',       label: 'qbittorrent.filters.error'|trans,       hue: '#ef4444' }
+                  ]
+                } only %}
+            </div>
+            <span class="text-muted small ms-auto" id="qbt-count">{{ 'qbittorrent.count_tpl'|trans({count: torrents|length}) }}</span>
+            <div class="d-flex gap-1">
+                <button class="btn btn-sm btn-primary" id="qbt-btn-add" title="{{ 'qbittorrent.toolbar.add_title'|trans }}" style="background:#2f67ba;border-color:#2f67ba;">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14"/><path d="M5 12h14"/></svg>
+                    {{ 'qbittorrent.toolbar.add'|trans }}
+                </button>
+                <button class="btn btn-sm btn-outline-secondary" id="qbt-btn-pause-all" title="{{ 'qbittorrent.toolbar.pause_all_title'|trans }}">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 4h4v16H6z"/><path d="M14 4h4v16h-4z"/></svg>
+                </button>
+                <button class="btn btn-sm btn-outline-secondary" id="qbt-btn-resume-all" title="{{ 'qbittorrent.toolbar.resume_all_title'|trans }}">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 4v16l13-8z"/></svg>
+                </button>
+            </div>
+        </div>
+        <div class="d-flex align-items-center gap-2 mt-2 pt-2 flex-wrap" style="border-top:1px solid var(--tblr-border-color);">
+            <label class="form-check mb-0" style="font-size:.75rem;">
+                <input type="checkbox" class="form-check-input" id="qbt-select-all">
+                <span class="form-check-label">{{ 'qbittorrent.filters.select_all'|trans }}</span>
+            </label>
+            <div class="d-flex align-items-center gap-2" style="font-size:.72rem;">
+                <span class="text-muted" style="white-space:nowrap;font-weight:500;">{{ 'deluge.filters.labels'|trans }}</span>
+                <select id="qbt-cat-filter" class="form-select form-select-sm" style="min-width:140px;font-size:.75rem;padding:3px 24px 3px 8px;">
+                    <option value="">{{ 'qbittorrent.filters.category_all'|trans }}</option>
+                    {% for key, cat in categories %}<option value="{{ key }}">{{ cat.name ?? key }}</option>{% endfor %}
+                </select>
+            </div>
+            <div class="ms-auto d-flex align-items-center gap-2 flex-shrink-0" id="qbt-list-sort-wrap">
+                <span class="text-muted" style="font-size:.78rem;white-space:nowrap;font-weight:500;">{{ 'qbittorrent.filters.sort_label'|trans }}</span>
+                <select id="qbt-list-sort" class="form-select form-select-sm" style="min-width:210px;font-size:.78rem;padding:4px 28px 4px 10px;">
+                    <option value="added|1">{{ 'qbittorrent.sort.added_desc'|trans }}</option>
+                    <option value="added|0">{{ 'qbittorrent.sort.added_asc'|trans }}</option>
+                    <option value="name|0">{{ 'qbittorrent.sort.name_asc'|trans }}</option>
+                    <option value="name|1">{{ 'qbittorrent.sort.name_desc'|trans }}</option>
+                    <option value="size|1">{{ 'qbittorrent.sort.size_desc'|trans }}</option>
+                    <option value="size|0">{{ 'qbittorrent.sort.size_asc'|trans }}</option>
+                    <option value="progress|1">{{ 'qbittorrent.sort.progress_desc'|trans }}</option>
+                    <option value="dlspeed|1">{{ 'qbittorrent.sort.dlspeed_desc'|trans }}</option>
+                    <option value="upspeed|1">{{ 'qbittorrent.sort.upspeed_desc'|trans }}</option>
+                    <option value="ratio|1">{{ 'qbittorrent.sort.ratio_desc'|trans }}</option>
+                    <option value="seeds|1">{{ 'qbittorrent.sort.seeds_desc'|trans }}</option>
+                </select>
+            </div>
+            {% set vs_icon_list = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h16"/></svg>' %}
+            {% set vs_icon_table = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 5h18v14H3zM3 10h18M3 15h18M10 5v14"/></svg>' %}
+            {% set vs_icon_compact = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 10h16M4 14h16M4 18h16"/></svg>' %}
+            {% include '_view_switcher.html.twig' with {
+                active: 'list',
+                aria_label: 'qbittorrent.view.aria_label'|trans,
+                modes: [
+                    { view: 'list', label: 'qbittorrent.view.list'|trans, title: 'qbittorrent.view.list_title'|trans, icon: vs_icon_list },
+                    { view: 'table', label: 'qbittorrent.view.table'|trans, title: 'qbittorrent.view.table_title'|trans, icon: vs_icon_table },
+                    { view: 'compact', label: 'qbittorrent.view.compact'|trans, title: 'qbittorrent.view.compact_title'|trans, icon: vs_icon_compact }
+                ]
+            } only %}
+        </div>
+        {# 3rd row of the card: pagination #}
+        <div id="qbt-pagination-bar" class="d-flex align-items-center justify-content-between flex-wrap gap-2 mt-2 pt-2" style="display:none;border-top:1px solid var(--tblr-border-color);">
+            <div class="d-flex align-items-center gap-2 flex-shrink-0" style="font-size:.78rem;">
+                <span class="text-muted" style="white-space:nowrap;font-weight:500;">{{ 'qbittorrent.pagination.per_page'|trans }}</span>
+                <select id="qbt-per-page" class="form-select form-select-sm" style="min-width:90px;font-size:.78rem;padding:4px 28px 4px 10px;">
+                    <option value="25">25</option>
+                    <option value="50" selected>50</option>
+                    <option value="100">100</option>
+                    <option value="200">200</option>
+                </select>
+                <span class="text-muted ms-2" id="qbt-page-info" style="white-space:nowrap;">—</span>
+            </div>
+            <ul class="pagination pagination-sm mb-0" id="qbt-pagination-links"></ul>
+        </div>
+    </div>
+</div>
+
+{# ══════════════════════════════════════════════════════════════════════════
+   Table header (visible only in table mode)
+   ══════════════════════════════════════════════════════════════════════════ #}
+<div id="qbt-table-header">
+    <div></div>
+    <div></div>
+    <div class="qbt-sort active" data-sort="name">{{ 'qbittorrent.table.name'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div class="qbt-sort" data-sort="size" style="justify-content:flex-end">{{ 'qbittorrent.table.size'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div class="qbt-sort" data-sort="progress" style="justify-content:center">{{ 'qbittorrent.table.progress'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div class="qbt-sort" data-sort="dlspeed" style="justify-content:flex-end">{{ 'qbittorrent.table.dl_speed'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div class="qbt-sort" data-sort="upspeed" style="justify-content:flex-end">{{ 'qbittorrent.table.up_speed'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div class="qbt-sort" data-sort="seeds" style="justify-content:flex-end">{{ 'qbittorrent.table.seeds'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div class="qbt-sort" data-sort="ratio" style="justify-content:flex-end">{{ 'qbittorrent.table.ratio'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div class="qbt-sort" data-sort="uploaded" style="justify-content:flex-end">{{ 'deluge.table.uploaded'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div class="qbt-sort" data-sort="completed" style="justify-content:flex-end">{{ 'deluge.table.completed'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div class="qbt-sort" data-sort="added" style="justify-content:flex-end">{{ 'qbittorrent.table.added'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div style="text-align:center">{{ 'qbittorrent.table.actions'|trans }}</div>
+</div>
+
+{# ══════════════════════════════════════════════════════════════════════════
+   Liste torrents
+   ══════════════════════════════════════════════════════════════════════════ #}
+<div class="qbt-torrent-list" id="qbt-list" data-view="list">
+    {% for t in torrents %}
+    {{ _self.torrent_row(t) }}
+    {% endfor %}
+</div>
+
+<div id="qbt-empty" class="card" style="display:none;"><div class="qbt-empty">
+    <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 17v2a2 2 0 002 2h12a2 2 0 002-2v-2"/><path d="M7 11l5 5 5-5"/><path d="M12 4v12"/></svg>
+    <p>{{ 'qbittorrent.empty.no_match'|trans }}</p>
+</div></div>
+
+{# Barre bulk #}
+<div class="qbt-bulk-bar" id="qbt-bulk-bar">
+    <span class="fw-bold" style="font-size:.82rem;color:#2f67ba;" id="qbt-bulk-count-label">{{ 'qbittorrent.bulk.selected_tpl'|trans({count: 0}) }}</span>
+    <button class="btn btn-sm btn-outline-primary" id="qbt-bulk-resume">
+        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 4v16l13-8z"/></svg> {{ 'qbittorrent.bulk.resume'|trans }}
+    </button>
+    <button class="btn btn-sm btn-outline-warning" id="qbt-bulk-pause">
+        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 4h4v16H6z"/><path d="M14 4h4v16h-4z"/></svg> {{ 'qbittorrent.bulk.pause'|trans }}
+    </button>
+    <button class="btn btn-sm btn-outline-danger" id="qbt-bulk-delete">
+        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16"/><path d="M10 11v6"/><path d="M14 11v6"/><path d="M5 7l1 12a2 2 0 002 2h8a2 2 0 002-2l1-12"/><path d="M9 7V4a1 1 0 011-1h4a1 1 0 011 1v3"/></svg> {{ 'qbittorrent.bulk.delete'|trans }}
+    </button>
+    <button class="btn btn-sm btn-outline-info" id="qbt-bulk-recheck">
+        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12l5 5L20 7"/></svg> {{ 'qbittorrent.bulk.recheck'|trans }}
+    </button>
+    <button class="btn btn-sm btn-ghost-secondary ms-auto" id="qbt-bulk-clear">{{ 'qbittorrent.bulk.cancel'|trans }}</button>
+</div>
+
+</div>{# /container-xl #}
+
+{# ══════════════════════════════════════════════════════════════════════════
+   Torrent detail modal
+   ══════════════════════════════════════════════════════════════════════════ #}
+<div class="modal modal-blur fade" id="qbt-modal-detail" tabindex="-1">
+<div class="modal-dialog modal-lg modal-dialog-scrollable">
+<div class="modal-content">
+    <div class="modal-header">
+        <h5 class="modal-title text-truncate" id="qbt-detail-title" style="font-size:.9rem;max-width:90%;"></h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+    </div>
+    <div class="modal-body p-0">
+        <ul class="nav nav-tabs qbt-detail-tab px-3 pt-2" role="tablist">
+            <li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#qbt-tab-general">{{ 'qbittorrent.modal_detail.tab_general'|trans }}</a></li>
+            <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#qbt-tab-files">{{ 'qbittorrent.modal_detail.tab_files'|trans }}</a></li>
+            <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#qbt-tab-trackers">{{ 'qbittorrent.modal_detail.tab_trackers'|trans }}</a></li>
+            <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#qbt-tab-peers">{{ 'qbittorrent.modal_detail.tab_peers'|trans }}</a></li>
+        </ul>
+        <div class="tab-content p-3">
+            <div class="tab-pane active" id="qbt-tab-general">
+                <div class="row g-2" id="qbt-detail-props"></div>
+            </div>
+            <div class="tab-pane" id="qbt-tab-files">
+                <div class="table-responsive">
+                    <table class="table table-vcenter mb-0" style="font-size:.78rem;">
+                        <thead><tr><th>{{ 'qbittorrent.modal_detail.files.col_name'|trans }}</th><th style="width:80px">{{ 'qbittorrent.modal_detail.files.col_size'|trans }}</th><th style="width:110px">{{ 'qbittorrent.modal_detail.files.col_progress'|trans }}</th></tr></thead>
+                        <tbody id="qbt-detail-files"></tbody>
+                    </table>
+                </div>
+            </div>
+            <div class="tab-pane" id="qbt-tab-trackers">
+                <div class="table-responsive">
+                    <table class="table table-vcenter mb-0" style="font-size:.78rem;">
+                        <thead><tr><th>{{ 'qbittorrent.modal_detail.trackers.col_url'|trans }}</th><th style="width:90px">{{ 'qbittorrent.modal_detail.trackers.col_status'|trans }}</th><th style="width:60px">{{ 'qbittorrent.modal_detail.trackers.col_seeds'|trans }}</th><th style="width:60px">{{ 'qbittorrent.modal_detail.trackers.col_leechs'|trans }}</th></tr></thead>
+                        <tbody id="qbt-detail-trackers"></tbody>
+                    </table>
+                </div>
+            </div>
+            <div class="tab-pane" id="qbt-tab-peers">
+                <div class="table-responsive">
+                    <table class="table table-vcenter mb-0" style="font-size:.75rem;">
+                        <thead><tr><th>{{ 'qbittorrent.modal_detail.peers.col_ip'|trans }}</th><th>{{ 'qbittorrent.modal_detail.peers.col_client'|trans }}</th><th style="width:60px">{{ 'qbittorrent.modal_detail.peers.col_progress'|trans }}</th><th style="width:80px">{{ 'qbittorrent.modal_detail.peers.col_dl'|trans }}</th><th style="width:80px">{{ 'qbittorrent.modal_detail.peers.col_up'|trans }}</th></tr></thead>
+                        <tbody id="qbt-detail-peers"></tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="modal-footer">
+        <div class="d-flex gap-1 w-100 flex-wrap" id="qbt-detail-actions"></div>
+    </div>
+</div>
+</div>
+</div>
+
+{# ══════════════════════════════════════════════════════════════════════════
+   Modal ajout torrent
+   ══════════════════════════════════════════════════════════════════════════ #}
+<div class="modal modal-blur fade" id="qbt-modal-add" tabindex="-1">
+<div class="modal-dialog modal-lg">
+<div class="modal-content">
+    <div class="modal-header">
+        <h5 class="modal-title" style="font-size:.9rem;">
+            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#2f67ba" stroke-width="2" style="vertical-align:-3px;margin-right:4px;"><path d="M12 5v14"/><path d="M5 12h14"/></svg>
+            {{ 'qbittorrent.modal_add.title'|trans }}
+        </h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+    </div>
+    <div class="modal-body">
+        <div class="mb-3">
+            <label class="form-label">{{ 'qbittorrent.modal_add.urls_label'|trans }}</label>
+            <textarea class="form-control" id="qbt-add-urls" rows="3" wrap="soft" placeholder="{{ 'qbittorrent.modal_add.urls_placeholder'|trans }}" style="font-family:'SF Mono',Menlo,monospace;font-size:.78rem;word-break:break-all;"></textarea>
+            <div class="form-hint">{{ 'qbittorrent.modal_add.urls_hint'|trans }}</div>
+        </div>
+        {# Zone drag-drop fichiers .torrent #}
+        <div class="mb-3">
+            <label class="form-label">{{ 'qbittorrent.modal_add.files_label'|trans }}</label>
+            <div id="qbt-drop-zone" class="qbt-drop-zone">
+                <input type="file" id="qbt-file-input" accept=".torrent" multiple style="display:none;">
+                <div class="qbt-drop-inner">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"/><path d="M7 9l5 -5l5 5"/><path d="M12 4l0 12"/></svg>
+                    <div class="qbt-drop-text">{{ 'qbittorrent.modal_add.drop_text'|trans|raw }}<br><span class="text-muted" style="font-size:.72rem;">{{ 'qbittorrent.modal_add.drop_browse'|trans }}</span></div>
+                </div>
+                <ul id="qbt-drop-files" class="qbt-drop-files"></ul>
+            </div>
+        </div>
+        <div class="row g-3">
+            <div class="col-6">
+                <label class="form-label">{{ 'qbittorrent.modal_detail.props.save_path'|trans }}</label>
+                <input type="text" class="form-control form-control-sm" id="deluge-add-savepath" placeholder="{{ 'qbittorrent.modal_detail.props.save_path'|trans }}">
+            </div>
+            <div class="col-6">
+                <label class="form-label">{{ 'qbittorrent.modal_add.start_label'|trans }}</label>
+                <select class="form-select form-select-sm" id="qbt-add-paused">
+                    <option value="false">{{ 'qbittorrent.modal_add.start_now'|trans }}</option>
+                    <option value="true">{{ 'qbittorrent.modal_add.start_paused'|trans }}</option>
+                </select>
+            </div>
+        </div>
+    </div>
+    <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ 'qbittorrent.modal_add.cancel'|trans }}</button>
+        <button type="button" class="btn btn-primary" id="qbt-add-submit" style="background:#2f67ba;border-color:#2f67ba;">{{ 'qbittorrent.modal_add.submit'|trans }}</button>
+    </div>
+</div>
+</div>
+</div>
+
+{# ══════════════════════════════════════════════════════════════════════════
+   Delete modal
+   ══════════════════════════════════════════════════════════════════════════ #}
+<div class="modal modal-blur fade" id="qbt-modal-delete" tabindex="-1">
+<div class="modal-dialog modal-sm">
+<div class="modal-content">
+    <div class="modal-header">
+        <h5 class="modal-title text-danger" style="font-size:.9rem;">{{ 'qbittorrent.modal_delete.title'|trans }}</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+    </div>
+    <div class="modal-body">
+        <p style="font-size:.82rem;" id="qbt-delete-msg">{{ 'qbittorrent.modal_delete.msg_single'|trans }}</p>
+        <label class="form-check">
+            <input type="checkbox" class="form-check-input" id="qbt-delete-files">
+            <span class="form-check-label">{{ 'qbittorrent.modal_delete.delete_files'|trans }}</span>
+        </label>
+    </div>
+    <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ 'qbittorrent.modal_delete.cancel'|trans }}</button>
+        <button type="button" class="btn btn-danger" id="qbt-delete-confirm">{{ 'qbittorrent.modal_delete.confirm'|trans }}</button>
+    </div>
+</div>
+</div>
+</div>
+
+{# Triggers Turbo-safe #}
+<button id="qbt-detail-trigger" class="d-none" data-bs-toggle="modal" data-bs-target="#qbt-modal-detail"></button>
+<button id="qbt-add-trigger" class="d-none" data-bs-toggle="modal" data-bs-target="#qbt-modal-add"></button>
+<button id="qbt-delete-trigger" class="d-none" data-bs-toggle="modal" data-bs-target="#qbt-modal-delete"></button>
+
+{% endif %} {# /if not error #}
+
+{# ══════════════════════════════════════════════════════════════════════════
+   Macro torrent row
+   ══════════════════════════════════════════════════════════════════════════ #}
+{% macro torrent_row(t) %}
+{% set state_label = {
+    'downloading': 'qbittorrent.state.downloading'|trans,
+    'seeding':     'qbittorrent.state.seeding'|trans,
+    'paused':      'qbittorrent.state.paused'|trans,
+    'queued':      'qbittorrent.state.queued'|trans,
+    'checking':    'qbittorrent.state.checking'|trans,
+    'error':       'qbittorrent.state.error'|trans,
+    'completed':   'qbittorrent.state.completed'|trans,
+    'stalled':     'qbittorrent.state.stalled'|trans,
+    'moving':      'qbittorrent.state.moving'|trans,
+    'unknown':     'qbittorrent.state.unknown'|trans
+}[t.state] ?? t.state %}
+{% set cat = t.category|lower %}
+{% set ico_type = cat in ['films', 'movies', 'radarr'] ? 'movie' : (cat in ['tv', 'tv-sonarr', 'series', 'sonarr'] ? 'tv' : 'generic') %}
+<div class="qbt-torrent" data-hash="{{ t.hash }}" data-state="{{ t.state }}" data-name="{{ t.name|lower }}" data-cat="{{ cat }}"
+     data-size="{{ t.size }}" data-progress="{{ t.progress }}" data-dlspeed="{{ t.dlspeed }}" data-upspeed="{{ t.upspeed }}" data-seeds="{{ t.num_seeds }}" data-ratio="{{ t.ratio ?? 0 }}" data-added="{{ t.added_on ?? 0 }}">
+    <input type="checkbox" class="form-check-input qbt-check" data-hash="{{ t.hash }}">
+
+    <div class="qbt-ico" title="{{ state_label }}">
+        {% if t.state == 'downloading' %}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"><path d="M12 4v13"/><path d="M6 11l6 6 6-6"/></svg>
+        {% elseif t.state == 'seeding' %}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20V7"/><path d="M6 13l6-6 6 6"/></svg>
+        {% elseif t.state == 'paused' %}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="5" width="4" height="14" rx="1"/><rect x="14" y="5" width="4" height="14" rx="1"/></svg>
+        {% elseif t.state == 'completed' %}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12l5 5L20 7"/></svg>
+        {% elseif t.state == 'stalled' %}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 3"/></svg>
+        {% elseif t.state == 'error' %}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"><path d="M12 9v4"/><path d="M12 17h.01"/><path d="M10.24 3.957l-8.422 14.06a1.989 1.989 0 0 0 1.7 2.983h16.845a1.989 1.989 0 0 0 1.7 -2.983l-8.423 -14.06a1.989 1.989 0 0 0 -3.4 0z"/></svg>
+        {% elseif t.state == 'queued' %}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6h16M4 12h16M4 18h10"/></svg>
+        {% elseif t.state == 'checking' %}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 11a8.1 8.1 0 0 0-15.5-2m-.5-4v4h4"/><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"/></svg>
+        {% elseif t.state == 'moving' %}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M13 6l6 6-6 6"/></svg>
+        {% else %}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 8v5M12 16h.01"/></svg>
+        {% endif %}
+    </div>
+
+    <div class="qbt-main">
+        <div class="qbt-name-row">
+            <div class="qbt-name" title="{{ t.name }}">{{ t.name }}</div>
+            {% if t.category %}
+                {% if cat in ['films', 'movies', 'radarr'] %}
+                <span class="qbt-tag qbt-tag-radarr qbt-cat-link" data-pipeline="radarr" data-name="{{ t.name|e('html_attr') }}" data-hash="{{ t.hash }}" title="{{ 'qbittorrent.row.title_radarr'|trans }}">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="12" r="4"/></svg>
+                    {{ t.category }}
+                </span>
+                {% elseif cat in ['tv', 'tv-sonarr', 'series', 'sonarr'] %}
+                <span class="qbt-tag qbt-tag-sonarr qbt-cat-link" data-pipeline="sonarr" data-name="{{ t.name|e('html_attr') }}" data-hash="{{ t.hash }}" title="{{ 'qbittorrent.row.title_sonarr'|trans }}">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="3" y="6" width="18" height="12" rx="1"/><path d="M8 3l4 3 4-3"/></svg>
+                    {{ t.category }}
+                </span>
+                {% else %}
+                <span class="qbt-tag qbt-tag-generic">{{ t.category }}</span>
+                {% endif %}
+            {% endif %}
+        </div>
+        <div class="qbt-bar-wrap">
+            <div class="qbt-bar qbt-bar-{{ t.state }}" style="width:{{ t.progress }}%"></div>
+        </div>
+        <div class="qbt-stats-line">
+            <span class="item"><strong>{{ t.progress }}%</strong></span>
+            <span class="sep"></span>
+            <span class="item">{{ t.size|prismarr_bytes(2) }}</span>
+            <span class="sep"></span>
+            <span class="item">{{ state_label }}</span>
+            {% if t.dlspeed > 0 %}
+            <span class="sep"></span>
+            <span class="item dl-speed">&#8595; {{ t.dlspeed|prismarr_speed }}</span>
+            {% endif %}
+            {% if t.upspeed > 0 %}
+            <span class="sep"></span>
+            <span class="item up-speed">&#8593; {{ t.upspeed|prismarr_speed }}</span>
+            {% endif %}
+            {% if t.state == 'downloading' and t.eta < 8640000 %}
+            <span class="sep"></span>
+            <span class="item">{{ ico.icon('clock', '', 14) }} {{ (t.eta / 3600)|round(0,'floor') }}h{{ ((t.eta % 3600) / 60)|round }}m</span>
+            {% endif %}
+            <span class="sep"></span>
+            <span class="item" title="{{ 'qbittorrent.row.title_seeds_leechers'|trans }}">{{ ico.icon('seeding', '', 14) }} {{ t.num_seeds }}/{{ t.num_leechs ?? 0 }}</span>
+            <span class="sep"></span>
+            <span class="item" title="{{ 'qbittorrent.row.title_ratio'|trans }}">{{ ico.icon('scale', '', 14) }} {{ (t.ratio ?? 0)|number_format(2) }}</span>
+            {% if t.added_on %}
+            <span class="sep"></span>
+            <span class="item" title="{{ 'qbittorrent.row.title_added_tpl'|trans|replace({'__DATE__': t.added_on|date('d/m/Y H:i')}) }}">{{ ico.icon('calendar', '', 14) }} {{ t.added_on|date('d/m/y') }}</span>
+            {% endif %}
+        </div>
+    </div>
+
+    {# Cellules mode tableau #}
+    <div class="qbt-table-cell qbt-cell-size">{{ t.size|prismarr_bytes(2) }}</div>
+    <div class="qbt-table-cell qbt-cell-progress"><div class="qbt-cell-progress-fill" style="width:{{ t.progress }}%"></div><span>{{ t.progress }}%</span></div>
+    <div class="qbt-table-cell qbt-cell-dl">{{ t.dlspeed > 0 ? t.dlspeed|prismarr_speed : '—' }}</div>
+    <div class="qbt-table-cell qbt-cell-up">{{ t.upspeed > 0 ? t.upspeed|prismarr_speed : '—' }}</div>
+    <div class="qbt-table-cell">{{ t.num_seeds }}</div>
+    <div class="qbt-table-cell">{{ (t.ratio ?? 0)|number_format(2) }}</div>
+    <div class="qbt-table-cell qbt-cell-uploaded">{{ t.uploaded|prismarr_bytes }}</div>
+    <div class="qbt-table-cell qbt-cell-completed">{{ t.completion_on ? (t.completion_on|prismarr_date) : '—' }}</div>
+    <div class="qbt-table-cell qbt-cell-added" data-added="{{ t.added_on ?? 0 }}">{% if t.added_on %}{{ t.added_on|date('d/m/y') }}{% else %}—{% endif %}</div>
+
+    {# Cellule mode compact — % seul #}
+    <div class="qbt-compact-pct">{{ t.progress }}%</div>
+
+    <div class="qbt-row-actions">
+        {% if t.state == 'paused' %}
+        <button class="btn btn-sm btn-ghost-success qbt-act" data-action="resume" data-hash="{{ t.hash }}" title="{{ 'qbittorrent.row.resume_title'|trans }}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 4v16l13-8z"/></svg></button>
+        {% else %}
+        <button class="btn btn-sm btn-ghost-warning qbt-act" data-action="pause" data-hash="{{ t.hash }}" title="{{ 'qbittorrent.row.pause_title'|trans }}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 4h4v16H6z"/><path d="M14 4h4v16h-4z"/></svg></button>
+        {% endif %}
+        <button class="btn btn-sm btn-ghost-danger qbt-act" data-action="delete" data-hash="{{ t.hash }}" data-name="{{ t.name|e('html_attr') }}" title="{{ 'qbittorrent.row.delete_title'|trans }}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16"/><path d="M10 11v6"/><path d="M14 11v6"/><path d="M5 7l1 12a2 2 0 002 2h8a2 2 0 002-2l1-12"/><path d="M9 7V4a1 1 0 011-1h4a1 1 0 011 1v3"/></svg></button>
+    </div>
+</div>
+{% endmacro %}
+{% endblock %}
+
+{% block javascripts %}
+<script>
+(function(){
+    var BASE = '{{ path("app_deluge_index") }}';
+    var LOCALE = {{ app.request.locale|default('fr')|json_encode|raw }};
+    var currentFilter = 'all';
+    var selectedHashes = {};
+    var deleteTarget = { hashes: [], mode: 'single' };
+
+    var QBT_I18N = {
+        units: {
+            gb: {{ 'qbittorrent.units.gb'|trans|json_encode|raw }},
+            mb: {{ 'qbittorrent.units.mb'|trans|json_encode|raw }},
+            kb: {{ 'qbittorrent.units.kb'|trans|json_encode|raw }},
+            bytes: {{ 'qbittorrent.units.bytes'|trans|json_encode|raw }},
+            mb_per_s: {{ 'qbittorrent.units.mb_per_s'|trans|json_encode|raw }},
+            kb_per_s: {{ 'qbittorrent.units.kb_per_s'|trans|json_encode|raw }},
+            bytes_per_s: {{ 'qbittorrent.units.bytes_per_s'|trans|json_encode|raw }}
+        },
+        state: {
+            downloading: {{ 'qbittorrent.state.downloading'|trans|json_encode|raw }},
+            seeding:     {{ 'qbittorrent.state.seeding'|trans|json_encode|raw }},
+            paused:      {{ 'qbittorrent.state.paused'|trans|json_encode|raw }},
+            queued:      {{ 'qbittorrent.state.queued'|trans|json_encode|raw }},
+            checking:    {{ 'qbittorrent.state.checking'|trans|json_encode|raw }},
+            error:       {{ 'qbittorrent.state.error'|trans|json_encode|raw }},
+            completed:   {{ 'qbittorrent.state.completed'|trans|json_encode|raw }},
+            stalled:     {{ 'qbittorrent.state.stalled'|trans|json_encode|raw }},
+            moving:      {{ 'qbittorrent.state.moving'|trans|json_encode|raw }},
+            unknown:     {{ 'qbittorrent.state.unknown'|trans|json_encode|raw }}
+        },
+        row: {
+            radarr_title:  {{ 'qbittorrent.row.title_radarr'|trans|json_encode|raw }},
+            sonarr_title:  {{ 'qbittorrent.row.title_sonarr'|trans|json_encode|raw }},
+            pause_title:   {{ 'qbittorrent.row.pause_title'|trans|json_encode|raw }},
+            resume_title:  {{ 'qbittorrent.row.resume_title'|trans|json_encode|raw }},
+            delete_title:  {{ 'qbittorrent.row.delete_title'|trans|json_encode|raw }},
+            seeds_leech:   {{ 'qbittorrent.row.title_seeds_leechers'|trans|json_encode|raw }},
+            ratio_title:   {{ 'qbittorrent.row.title_ratio'|trans|json_encode|raw }},
+            added_title_tpl: {{ 'qbittorrent.row.title_added_tpl'|trans|json_encode|raw }}
+        },
+        modal_detail: {
+            loading:     {{ 'qbittorrent.modal_detail.loading'|trans|json_encode|raw }},
+            error_load:  {{ 'qbittorrent.modal_detail.error_load'|trans|json_encode|raw }},
+            files_empty:    {{ 'qbittorrent.modal_detail.files.empty'|trans|json_encode|raw }},
+            trackers_empty: {{ 'qbittorrent.modal_detail.trackers.empty'|trans|json_encode|raw }},
+            peers_empty:    {{ 'qbittorrent.modal_detail.peers.empty'|trans|json_encode|raw }},
+            tracker_status: {
+                '0': {{ 'qbittorrent.modal_detail.trackers.status_disabled'|trans|json_encode|raw }},
+                '1': {{ 'qbittorrent.modal_detail.trackers.status_not_contacted'|trans|json_encode|raw }},
+                '2': {{ 'qbittorrent.modal_detail.trackers.status_ok'|trans|json_encode|raw }},
+                '3': {{ 'qbittorrent.modal_detail.trackers.status_running'|trans|json_encode|raw }},
+                '4': {{ 'qbittorrent.modal_detail.trackers.status_error'|trans|json_encode|raw }}
+            },
+            props: {
+                downloaded: {{ 'qbittorrent.modal_detail.props.downloaded'|trans|json_encode|raw }},
+                uploaded:   {{ 'qbittorrent.modal_detail.props.uploaded'|trans|json_encode|raw }},
+                ratio:      {{ 'qbittorrent.modal_detail.props.ratio'|trans|json_encode|raw }},
+                dl_speed:   {{ 'qbittorrent.modal_detail.props.dl_speed'|trans|json_encode|raw }},
+                up_speed:   {{ 'qbittorrent.modal_detail.props.up_speed'|trans|json_encode|raw }},
+                eta:        {{ 'qbittorrent.modal_detail.props.eta'|trans|json_encode|raw }},
+                seeds:      {{ 'qbittorrent.modal_detail.props.seeds'|trans|json_encode|raw }},
+                peers:      {{ 'qbittorrent.modal_detail.props.peers'|trans|json_encode|raw }},
+                total_size: {{ 'qbittorrent.modal_detail.props.total_size'|trans|json_encode|raw }},
+                added:      {{ 'qbittorrent.modal_detail.props.added'|trans|json_encode|raw }},
+                completed:  {{ 'qbittorrent.modal_detail.props.completed'|trans|json_encode|raw }},
+                save_path:  {{ 'qbittorrent.modal_detail.props.save_path'|trans|json_encode|raw }}
+            },
+            actions: {
+                pause:      {{ 'qbittorrent.modal_detail.actions.pause'|trans|json_encode|raw }},
+                resume:     {{ 'qbittorrent.modal_detail.actions.resume'|trans|json_encode|raw }},
+                recheck:    {{ 'qbittorrent.modal_detail.actions.recheck'|trans|json_encode|raw }},
+                reannounce: {{ 'qbittorrent.modal_detail.actions.reannounce'|trans|json_encode|raw }},
+                'delete':   {{ 'qbittorrent.modal_detail.actions.delete'|trans|json_encode|raw }}
+            }
+        },
+        modal_delete: {
+            msg_single:    {{ 'qbittorrent.modal_delete.msg_single'|trans|json_encode|raw }},
+            msg_named_tpl: {{ 'qbittorrent.modal_delete.msg_named_tpl'|trans|json_encode|raw }},
+            msg_bulk_one:  {{ 'qbittorrent.modal_delete.msg_bulk_tpl'|trans({count: 1})|json_encode|raw }},
+            msg_bulk_many: {{ 'qbittorrent.modal_delete.msg_bulk_tpl'|trans({count: 42})|json_encode|raw }}
+        },
+        bulk: {
+            sel_one:  {{ 'qbittorrent.bulk.selected_tpl'|trans({count: 1})|json_encode|raw }},
+            sel_many: {{ 'qbittorrent.bulk.selected_tpl'|trans({count: 42})|json_encode|raw }}
+        },
+        count: {
+            one:  {{ 'qbittorrent.count_tpl'|trans({count: 1})|json_encode|raw }},
+            many: {{ 'qbittorrent.count_tpl'|trans({count: 42})|json_encode|raw }}
+        },
+        pagination: {
+            info_tpl: {{ 'qbittorrent.pagination.info_tpl'|trans|json_encode|raw }}
+        },
+        toast: {
+            action_sent:    {{ 'qbittorrent.toast.action_sent'|trans|json_encode|raw }},
+            network_error:  {{ 'qbittorrent.toast.network_error'|trans|json_encode|raw }},
+            failed_tpl:     {{ 'qbittorrent.toast.failed_tpl'|trans|json_encode|raw }},
+            error_generic:  {{ 'qbittorrent.toast.error_generic'|trans|json_encode|raw }},
+            paused:         {{ 'qbittorrent.toast.paused'|trans|json_encode|raw }},
+            resumed:        {{ 'qbittorrent.toast.resumed'|trans|json_encode|raw }},
+            recheck_started:{{ 'qbittorrent.toast.recheck_started'|trans|json_encode|raw }},
+            reannounce_sent:{{ 'qbittorrent.toast.reannounce_sent'|trans|json_encode|raw }},
+            bulk_resumed_one:  {{ 'qbittorrent.toast.bulk_resumed_tpl'|trans({count: 1})|json_encode|raw }},
+            bulk_resumed_many: {{ 'qbittorrent.toast.bulk_resumed_tpl'|trans({count: 42})|json_encode|raw }},
+            bulk_paused_one:   {{ 'qbittorrent.toast.bulk_paused_tpl'|trans({count: 1})|json_encode|raw }},
+            bulk_paused_many:  {{ 'qbittorrent.toast.bulk_paused_tpl'|trans({count: 42})|json_encode|raw }},
+            bulk_recheck_one:  {{ 'qbittorrent.toast.bulk_recheck_tpl'|trans({count: 1})|json_encode|raw }},
+            bulk_recheck_many: {{ 'qbittorrent.toast.bulk_recheck_tpl'|trans({count: 42})|json_encode|raw }},
+            bulk_deleted_one:  {{ 'qbittorrent.toast.bulk_deleted_tpl'|trans({count: 1})|json_encode|raw }},
+            bulk_deleted_many: {{ 'qbittorrent.toast.bulk_deleted_tpl'|trans({count: 42})|json_encode|raw }},
+            bulk_deleted_with_files_suffix: {{ 'qbittorrent.toast.bulk_deleted_with_files_suffix'|trans|json_encode|raw }},
+            pause_all:      {{ 'qbittorrent.toast.pause_all'|trans|json_encode|raw }},
+            resume_all:     {{ 'qbittorrent.toast.resume_all'|trans|json_encode|raw }},
+            add_files_ok_one:  {{ 'qbittorrent.toast.add_files_ok_tpl'|trans({count: 1})|json_encode|raw }},
+            add_files_ok_many: {{ 'qbittorrent.toast.add_files_ok_tpl'|trans({count: 42})|json_encode|raw }},
+            add_files_ko:   {{ 'qbittorrent.toast.add_files_ko'|trans|json_encode|raw }},
+            add_url_ok:     {{ 'qbittorrent.toast.add_url_ok'|trans|json_encode|raw }},
+            add_url_ko:     {{ 'qbittorrent.toast.add_url_ko'|trans|json_encode|raw }},
+            add_required:   {{ 'qbittorrent.toast.add_required'|trans|json_encode|raw }},
+            file_ignored_tpl: {{ 'qbittorrent.toast.file_ignored_tpl'|trans|json_encode|raw }},
+            cat_resolve_search:      {{ 'qbittorrent.toast.cat_resolve_search'|trans|json_encode|raw }},
+            cat_resolve_no_match_tpl:{{ 'qbittorrent.toast.cat_resolve_no_match_tpl'|trans|json_encode|raw }},
+            cat_resolve_error:       {{ 'qbittorrent.toast.cat_resolve_error'|trans|json_encode|raw }}
+        },
+        date: {
+            just_now:        {{ 'qbittorrent.date.just_now'|trans|json_encode|raw }},
+            minutes_ago_tpl: {{ 'qbittorrent.date.minutes_ago_tpl'|trans|json_encode|raw }},
+            hours_ago_tpl:   {{ 'qbittorrent.date.hours_ago_tpl'|trans|json_encode|raw }},
+            days_ago_tpl:    {{ 'qbittorrent.date.days_ago_tpl'|trans|json_encode|raw }},
+            months_ago_tpl:  {{ 'qbittorrent.date.months_ago_tpl'|trans|json_encode|raw }},
+            years_ago_one:   {{ 'qbittorrent.date.years_ago_tpl'|trans({count: 1})|json_encode|raw }},
+            years_ago_many:  {{ 'qbittorrent.date.years_ago_tpl'|trans({count: 42})|json_encode|raw }}
+        },
+        uptime: {
+            hm_tpl:      {{ 'qbittorrent.units.uptime_hours_tpl'|trans|json_encode|raw }},
+            min_tpl:     {{ 'qbittorrent.units.uptime_minutes_tpl'|trans|json_encode|raw }},
+            sec_tpl:     {{ 'qbittorrent.units.uptime_seconds_tpl'|trans|json_encode|raw }}
+        },
+        eta_tpl:           {{ 'qbittorrent.units.eta_tpl'|trans|json_encode|raw }},
+        duration_d_tpl:    {{ 'qbittorrent.units.duration_days_tpl'|trans|json_encode|raw }},
+        duration_h_tpl:    {{ 'qbittorrent.units.duration_hours_tpl'|trans|json_encode|raw }},
+        duration_m_tpl:    {{ 'qbittorrent.units.duration_minutes_tpl'|trans|json_encode|raw }}
+    };
+
+    /** Helper template : remplace tous les __KEY__ par les valeurs du map */
+    function tpl(template, map) {
+        var s = String(template == null ? '' : template);
+        for (var k in map) {
+            if (Object.prototype.hasOwnProperty.call(map, k)) {
+                s = s.split('__' + k + '__').join(map[k]);
+            }
+        }
+        return s;
+    }
+
+    /** Helper plural : choisit la chaîne ICU one/many et substitue le sentinel par le compte.
+     *  Les variants _one sont pré-rendus avec count: 1, les _many avec count: 42 (sentinel),
+     *  ICU substitue # → 1 / 42 au render Twig, on remplace 42 par le vrai count côté JS. */
+    function plural(n, oneStr, manyStr) {
+        if (n === 1) return String(oneStr == null ? n : oneStr);
+        return String(manyStr == null ? n : manyStr).replace('42', n);
+    }
+
+    // ── Helpers ──────────────────────────────────────────────────────────────
+    // Defer to the global locale-aware helpers from base.html.twig so qBit
+    // sizes and speeds match the rest of the app (and the server-rendered
+    // |prismarr_bytes / |prismarr_speed Twig output).
+    function fmtSize(bytes) { return window.prismarrBytes(bytes); }
+    function fmtSpeed(bytes) { return bytes > 0 ? window.prismarrBytes(bytes) + '/s' : '-'; }
+    function fmtEta(sec) {
+        if (!sec || sec >= 8640000) return '∞';
+        var h = Math.floor(sec / 3600);
+        var m = Math.round((sec % 3600) / 60);
+        return tpl(QBT_I18N.eta_tpl, { H: h, M: (m < 10 ? '0' : '') + m });
+    }
+    function fmtDuration(sec) {
+        if (!sec || sec < 0) return '-';
+        var d = Math.floor(sec / 86400);
+        var h = Math.floor((sec % 86400) / 3600);
+        var m = Math.floor((sec % 3600) / 60);
+        if (d > 0) return tpl(QBT_I18N.duration_d_tpl, { D: d, H: h });
+        if (h > 0) return tpl(QBT_I18N.duration_h_tpl, { H: h, M: m });
+        return tpl(QBT_I18N.duration_m_tpl, { M: m });
+    }
+    function fmtDate(ts) {
+        if (!ts || ts < 0) return '-';
+        var d = new Date(ts * 1000);
+        var loc = (LOCALE === 'en') ? 'en-US' : 'fr-FR';
+        return d.toLocaleDateString(loc) + ' ' + d.toLocaleTimeString(loc, {hour:'2-digit',minute:'2-digit'});
+    }
+    function escapeHtml(s) { return String(s == null ? '' : s).replace(/[&<>"']/g, function(c){ return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]; }); }
+
+    var STATE_LABELS = QBT_I18N.state;
+    var TRACKER_STATUS = {
+        0: '<span class="badge bg-secondary-lt">' + escapeHtml(QBT_I18N.modal_detail.tracker_status['0']) + '</span>',
+        1: '<span class="badge bg-warning-lt">'   + escapeHtml(QBT_I18N.modal_detail.tracker_status['1']) + '</span>',
+        2: '<span class="badge bg-success-lt">'   + escapeHtml(QBT_I18N.modal_detail.tracker_status['2']) + '</span>',
+        3: '<span class="badge bg-info-lt">'      + escapeHtml(QBT_I18N.modal_detail.tracker_status['3']) + '</span>',
+        4: '<span class="badge bg-danger-lt">'    + escapeHtml(QBT_I18N.modal_detail.tracker_status['4']) + '</span>'
+    };
+
+    var RADARR_CATS = ['films', 'movies', 'radarr'];
+    var SONARR_CATS = ['tv', 'tv-sonarr', 'series', 'sonarr'];
+
+    /** Source unique pour le bouton Pause ou Reprendre d'une row (createRow + updateRow). */
+    function buildPauseResumeBtn(hash, state) {
+        var open = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">';
+        if (state === 'paused') {
+            return '<button class="btn btn-sm btn-ghost-success qbt-act" data-action="resume" data-hash="'+hash+'" title="'+escapeHtml(QBT_I18N.row.resume_title)+'">'+open+'<path d="M7 4v16l13-8z"/></svg></button>';
+        }
+        return '<button class="btn btn-sm btn-ghost-warning qbt-act" data-action="pause" data-hash="'+hash+'" title="'+escapeHtml(QBT_I18N.row.pause_title)+'">'+open+'<path d="M6 4h4v16H6z"/><path d="M14 4h4v16h-4z"/></svg></button>';
+    }
+
+    function buildCatTag(category, torrentName, hash) {
+        var cat = (category || '').toLowerCase();
+        var safeCat  = escapeHtml(category);
+        var safeName = escapeHtml(torrentName || '');
+        if (RADARR_CATS.indexOf(cat) !== -1) {
+            return '<span class="qbt-tag qbt-tag-radarr qbt-cat-link" data-pipeline="radarr" data-name="' + safeName + '" data-hash="' + hash + '" title="' + escapeHtml(QBT_I18N.row.radarr_title) + '">'
+                + '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="12" r="4"/></svg>'
+                + safeCat + '</span>';
+        }
+        if (SONARR_CATS.indexOf(cat) !== -1) {
+            return '<span class="qbt-tag qbt-tag-sonarr qbt-cat-link" data-pipeline="sonarr" data-name="' + safeName + '" data-hash="' + hash + '" title="' + escapeHtml(QBT_I18N.row.sonarr_title) + '">'
+                + '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="3" y="6" width="18" height="12" rx="1"/><path d="M8 3l4 3 4-3"/></svg>'
+                + safeCat + '</span>';
+        }
+        return '<span class="qbt-tag qbt-tag-generic">' + safeCat + '</span>';
+    }
+
+    function getIcoType(cat) {
+        cat = (cat || '').toLowerCase();
+        if (['films','movies','radarr'].indexOf(cat) !== -1) return 'movie';
+        if (['tv','tv-sonarr','series','sonarr'].indexOf(cat) !== -1) return 'tv';
+        return 'generic';
+    }
+    function getStateIcoSvg(state) {
+        var open = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round">';
+        switch (state) {
+            case 'downloading': return open+'<path d="M12 4v13"/><path d="M6 11l6 6 6-6"/></svg>';
+            case 'seeding':     return open+'<path d="M12 20V7"/><path d="M6 13l6-6 6 6"/></svg>';
+            case 'paused':      return open+'<rect x="6" y="5" width="4" height="14" rx="1"/><rect x="14" y="5" width="4" height="14" rx="1"/></svg>';
+            case 'completed':   return open.replace('2.3','2.5')+'<path d="M5 12l5 5L20 7"/></svg>';
+            case 'stalled':     return open.replace('2.3','2')+'<circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 3"/></svg>';
+            case 'error':       return open+'<path d="M12 9v4"/><path d="M12 17h.01"/><path d="M10.24 3.957l-8.422 14.06a1.989 1.989 0 0 0 1.7 2.983h16.845a1.989 1.989 0 0 0 1.7 -2.983l-8.423 -14.06a1.989 1.989 0 0 0 -3.4 0z"/></svg>';
+            case 'queued':      return open.replace('2.3','2')+'<path d="M4 6h16M4 12h16M4 18h10"/></svg>';
+            case 'checking':    return open.replace('2.3','2')+'<path d="M20 11a8.1 8.1 0 0 0-15.5-2m-.5-4v4h4"/><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"/></svg>';
+            case 'moving':      return open.replace('2.3','2')+'<path d="M5 12h14"/><path d="M13 6l6 6-6 6"/></svg>';
+            default:            return open.replace('2.3','2')+'<circle cx="12" cy="12" r="9"/><path d="M12 8v5M12 16h.01"/></svg>';
+        }
+    }
+
+    // ── API ─────────────────────────────────────────────────────────────────
+    function qbtPost(url, body) {
+        return fetch(url, { method:'POST', headers:{'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'}, body: JSON.stringify(body || {}) }).then(function(r){ return r.json(); });
+    }
+
+    // Wrapper avec feedback visuel : désactive le bouton + spinner + toast
+    function qbtAction(btn, url, body, successMsg) {
+        if (btn) {
+            btn.disabled = true;
+            btn.dataset.qbtOriginalHtml = btn.innerHTML;
+            if (btn.offsetWidth > 40) {
+                btn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>';
+            } else {
+                btn.style.opacity = '.55';
+            }
+        }
+        return qbtPost(url, body)
+            .then(function(d){
+                var ok = d && d.ok !== false && !d.error;
+                if (window._prismarrToast) {
+                    var errMsg = (d && d.error) ? d.error : QBT_I18N.toast.error_generic;
+                    window._prismarrToast(
+                        ok ? (successMsg || QBT_I18N.toast.action_sent) : tpl(QBT_I18N.toast.failed_tpl, { ERROR: errMsg }),
+                        ok ? 'success' : 'danger'
+                    );
+                }
+                return d;
+            })
+            .catch(function(){
+                if (window._prismarrToast) window._prismarrToast(QBT_I18N.toast.network_error, 'danger');
+            })
+            .finally(function(){
+                if (btn) {
+                    btn.disabled = false;
+                    if (btn.dataset.qbtOriginalHtml !== undefined) {
+                        btn.innerHTML = btn.dataset.qbtOriginalHtml;
+                        delete btn.dataset.qbtOriginalHtml;
+                    }
+                    btn.style.opacity = '';
+                }
+            });
+    }
+
+    // ── Helper Turbo-safe : remplace au lieu d'empiler ──────────────────────
+    function bindDoc(event, key, handler) {
+        var fullKey = '_prismarrQbt_' + key;
+        if (window[fullKey]) document.removeEventListener(event, window[fullKey]);
+        window[fullKey] = handler;
+        document.addEventListener(event, handler);
+    }
+
+    // ── Pagination / tri / filtre — état partagé ───────────────────────────
+    var pagState = {
+        page:     1,
+        perPage:  parseInt(localStorage.getItem('qbt_per_page') || '50', 10),
+        sort:     localStorage.getItem('qbt_sort_field') || 'added',
+        desc:     localStorage.getItem('qbt_sort_desc') !== '0',
+        filter:   'all',
+        search:   '',
+        category: '',
+    };
+
+    // ── Refresh temps réel ──────────────────────────────────────────────────
+    var REFRESH_INTERVAL = 3000; // 3s — compromis entre fluidité et charge qBit
+
+    // Le handle du timer vit sur window et NON dans cette closure : Turbo Drive
+    // ré-exécute le script de la page entrante avec une closure neuve, tandis que
+    // celle de la page sortante survit, son setInterval toujours vivant. Les trois
+    // pages de clients torrent (qBittorrent, Deluge, Transmission) partagent ce
+    // nom — une seule est montée à la fois — et rendent les MÊMES ids d'éléments :
+    // sans ce global, le poller orphelin de la page sortante continuerait d'écrire
+    // ses torrents par-dessus ceux de la page entrante. base.html.twig le purge
+    // aussi sur turbo:before-render, pour la navigation vers une page non-torrent.
+    function clearPollTimer() {
+        if (window._prismarrTorrentPagePollTimer) {
+            clearInterval(window._prismarrTorrentPagePollTimer);
+            window._prismarrTorrentPagePollTimer = null;
+        }
+    }
+
+    function startRefresh() {
+        clearPollTimer();
+        if (document.hidden) return;  // pas de poll si onglet masqué
+        window._prismarrTorrentPagePollTimer = setInterval(refreshData, REFRESH_INTERVAL);
+    }
+    function stopRefresh() {
+        clearPollTimer();
+        if (refreshCtrl) { refreshCtrl.abort(); refreshCtrl = null; }
+    }
+
+    // Pause/reprend le polling selon la visibilité de l'onglet (Page Visibility API)
+    bindDoc('visibilitychange', 'visibility', function() {
+        if (document.hidden) {
+            stopRefresh();
+        } else {
+            refreshData();   // rattrape un fetch à l'instant où on revient
+            startRefresh();
+        }
+    });
+
+    var refreshCtrl = null;
+    function refreshData() {
+        // Annule le fetch précédent s'il est encore en vol (évite empilement)
+        if (refreshCtrl) refreshCtrl.abort();
+        refreshCtrl = new AbortController();
+        var q = new URLSearchParams({
+            page: pagState.page,
+            perPage: pagState.perPage,
+            sort: pagState.sort,
+            desc: pagState.desc ? '1' : '0',
+            filter: pagState.filter,
+            search: pagState.search,
+            category: pagState.category,
+        }).toString();
+        fetch(BASE + '/api/torrents?' + q, { signal: refreshCtrl.signal, headers: { 'X-Requested-With': 'XMLHttpRequest' } })
+        .then(function(r) { return r.json(); })
+        .then(function(data) {
+            if (data.error) return;
+            updateStats(data.stats);
+            updateList(data.torrents);
+            updatePagination(data.pagination);
+        })
+        .catch(function() {});
+    }
+
+    // ── Tracking session ────────────────────────────────────────────────────
+    var sessionStartTs = Date.now();
+    var peakDl = 0, peakUp = 0;
+
+    function fmtUptime(ms) {
+        var s = Math.floor(ms / 1000);
+        var h = Math.floor(s / 3600);
+        var m = Math.floor((s % 3600) / 60);
+        if (h > 0) return tpl(QBT_I18N.uptime.hm_tpl, { H: h, M: m });
+        if (m > 0) return tpl(QBT_I18N.uptime.min_tpl, { M: m });
+        return tpl(QBT_I18N.uptime.sec_tpl, { S: s });
+    }
+
+    function updateStats(s) {
+        function set(id, val) { var el = document.getElementById(id); if (el) el.textContent = val; }
+        set('qbt-stat-total', s.total); set('qbt-stat-dl', s.downloading); set('qbt-stat-seed', s.seeding);
+        set('qbt-stat-paused', s.paused); set('qbt-stat-error', s.errored);
+        // Semantic hues must be earned: orange/red only when the count is
+        // nonzero, otherwise the numeral goes neutral like the total.
+        function hue(id, n, c) { var el = document.getElementById(id); if (el) el.style.color = n > 0 ? c : 'var(--tblr-text-secondary)'; }
+        hue('qbt-stat-paused', s.paused, '#f59e0b'); hue('qbt-stat-error', s.errored, '#ef4444');
+        var dlEl = document.getElementById('qbt-speed-dl'); if (dlEl) dlEl.innerHTML = s.dl_speed > 0 ? ('&#8595; ' + fmtSpeed(s.dl_speed)) : '&nbsp;';
+        var upEl = document.getElementById('qbt-speed-up'); if (upEl) upEl.innerHTML = s.up_speed > 0 ? ('&#8593; ' + fmtSpeed(s.up_speed)) : '&nbsp;';
+        var dot = document.getElementById('qbt-conn-dot');
+        if (dot) dot.className = 'qbt-connection ' + (s.connection === 'connected' ? 'connected' : s.connection === 'firewalled' ? 'firewalled' : 'disconnected');
+        // Totaux globaux — uses the global locale-aware byte formatter
+        // (defined in base.html.twig) so EN gets GB and FR gets Go.
+        set('qbt-total-dl', window.prismarrBytes(s.dl_alltime || 0));
+        set('qbt-total-up', window.prismarrBytes(s.up_alltime || 0));
+        set('qbt-session-dl', window.prismarrBytes(s.dl_session || 0));
+        set('qbt-session-up', window.prismarrBytes(s.up_session || 0));
+        set('qbt-total-ratio', (s.global_ratio || 0).toFixed(2));
+        set('qbt-free-space', window.prismarrBytes(s.free_space || 0));
+        // Pics DL/UP
+        if (s.dl_speed > peakDl) { peakDl = s.dl_speed; set('qbt-peak-dl', fmtSpeed(peakDl)); }
+        if (s.up_speed > peakUp) { peakUp = s.up_speed; set('qbt-peak-up', fmtSpeed(peakUp)); }
+        // Uptime session
+        set('qbt-session-uptime', '· ' + fmtUptime(Date.now() - sessionStartTs));
+    }
+
+    function updateList(torrents) {
+        var list = document.getElementById('qbt-list');
+        if (!list) return;
+
+        var existing = {};
+        var rows = list.querySelectorAll('.qbt-torrent');
+        for (var i = 0; i < rows.length; i++) existing[rows[i].dataset.hash] = rows[i];
+
+        var keep = {};
+        // 1) MAJ ou création en préservant l'ordre serveur
+        var fragments = [];
+        for (var j = 0; j < torrents.length; j++) {
+            var t = torrents[j];
+            keep[t.hash] = true;
+            var row = existing[t.hash];
+            if (row) {
+                updateRow(row, t);
+            } else {
+                row = createRow(t);
+            }
+            var cb = row.querySelector('.qbt-check');
+            if (cb) cb.checked = !!selectedHashes[t.hash];
+            row.classList.toggle('selected', !!selectedHashes[t.hash]);
+            fragments.push(row);
+        }
+        // 2) Supprimer ceux qui ne sont plus dans la page
+        for (var hash in existing) {
+            if (!keep[hash]) existing[hash].remove();
+        }
+        // 3) Réordonner en respectant l'ordre serveur (sans flash visuel)
+        //    Optimisation : skip si l'ordre est déjà bon (zéro mutation DOM, zéro reflow)
+        var needsReorder = false;
+        for (var check = 0; check < fragments.length; check++) {
+            if (list.children[check] !== fragments[check]) { needsReorder = true; break; }
+        }
+        if (needsReorder) {
+            for (var k = 0; k < fragments.length; k++) list.appendChild(fragments[k]);
+        }
+        // Empty state
+        var empty = document.getElementById('qbt-empty');
+        if (empty) empty.style.display = torrents.length === 0 ? '' : 'none';
+    }
+
+    function updatePagination(p) {
+        if (!p) return;
+        var bar = document.getElementById('qbt-pagination-bar');
+        var links = document.getElementById('qbt-pagination-links');
+        var info = document.getElementById('qbt-page-info');
+        var cnt  = document.getElementById('qbt-count');
+        if (!bar || !links) return;
+
+        pagState.page = p.page;
+        bar.style.display = p.total > 0 ? 'flex' : 'none';
+
+        var from = p.total === 0 ? 0 : ((p.page - 1) * p.perPage + 1);
+        var to   = Math.min(p.page * p.perPage, p.total);
+        if (info) info.textContent = tpl(QBT_I18N.pagination.info_tpl, { FROM: from, TO: to, TOTAL: p.total });
+        if (cnt)  cnt.textContent  = plural(p.total, QBT_I18N.count.one, QBT_I18N.count.many);
+
+        // Construction des liens avec ellipses
+        var html = '';
+        function liBtn(pg, label, opts) {
+            opts = opts || {};
+            var cls = 'page-item' + (opts.disabled ? ' disabled' : '') + (opts.active ? ' active' : '');
+            var lbl = (label === undefined || label === null) ? pg : label;
+            // <button> au lieu de <a> : pas d'interception Turbo
+            return '<li class="' + cls + '"><button type="button" class="page-link" data-page="' + pg + '"' + (opts.disabled ? ' disabled' : '') + '>' + lbl + '</button></li>';
+        }
+        html += liBtn(Math.max(1, p.page - 1), '‹', { disabled: p.page <= 1 });
+        var pages = [];
+        var tp = p.totalPages;
+        var cp = p.page;
+        var push = function(n) { if (pages.indexOf(n) === -1 && n >= 1 && n <= tp) pages.push(n); };
+        push(1); push(2); push(tp - 1); push(tp); push(cp - 1); push(cp); push(cp + 1);
+        pages.sort(function(a,b){return a-b;});
+        var prev = 0;
+        for (var i = 0; i < pages.length; i++) {
+            if (pages[i] - prev > 1) html += '<li class="page-item disabled"><span class="page-link">…</span></li>';
+            html += liBtn(pages[i], null, { active: pages[i] === cp });
+            prev = pages[i];
+        }
+        html += liBtn(Math.min(tp, p.page + 1), '›', { disabled: p.page >= tp });
+        links.innerHTML = html;
+    }
+
+    function updateRow(row, t) {
+        row.dataset.state = t.state;
+        row.dataset.name = (t.name || '').toLowerCase();
+        row.dataset.size = t.size;
+        row.dataset.progress = t.progress;
+        row.dataset.dlspeed = t.dlspeed;
+        row.dataset.upspeed = t.upspeed;
+        row.dataset.seeds = t.num_seeds;
+        row.dataset.ratio = t.ratio || 0;
+        row.dataset.added = t.added_on || 0;
+
+        // icône de statut
+        var ico = row.querySelector('.qbt-ico');
+        if (ico && ico.dataset.state !== t.state) {
+            ico.innerHTML = getStateIcoSvg(t.state);
+            ico.title = STATE_LABELS[t.state] || t.state;
+            ico.dataset.state = t.state;
+        }
+
+        // bar
+        var bar = row.querySelector('.qbt-bar');
+        if (bar) { bar.style.width = t.progress + '%'; bar.className = 'qbt-bar qbt-bar-' + t.state; }
+
+        // stats line
+        var statsLine = row.querySelector('.qbt-stats-line');
+        if (statsLine) statsLine.innerHTML = buildStatsLine(t);
+
+        // cellules mode tableau
+        var cSize = row.querySelector('.qbt-cell-size'); if (cSize) cSize.textContent = fmtSize(t.size);
+        var cProg = row.querySelector('.qbt-cell-progress'); if (cProg) cProg.innerHTML = '<div class="qbt-cell-progress-fill" style="width:' + t.progress + '%"></div><span>' + t.progress + '%</span>';
+        var cDl   = row.querySelector('.qbt-cell-dl'); if (cDl) cDl.textContent = t.dlspeed > 0 ? fmtSpeed(t.dlspeed) : '—';
+        var cUp   = row.querySelector('.qbt-cell-up'); if (cUp) cUp.textContent = t.upspeed > 0 ? fmtSpeed(t.upspeed) : '—';
+        var cells = row.querySelectorAll('.qbt-table-cell');
+        if (cells.length >= 6) {
+            cells[4].textContent = t.num_seeds;
+            cells[5].textContent = (t.ratio || 0).toFixed(2);
+        }
+        var cUploaded = row.querySelector('.qbt-cell-uploaded'); if (cUploaded) cUploaded.textContent = fmtSize(t.uploaded || 0);
+        var cCompleted = row.querySelector('.qbt-cell-completed'); if (cCompleted) cCompleted.textContent = t.completion_on ? fmtShortDate(t.completion_on) : '—';
+
+        // cellule compact
+        var cPct = row.querySelector('.qbt-compact-pct'); if (cPct) cPct.textContent = t.progress + '%';
+
+        // action button — remplace le 1er .qbt-act par le bon (Pause ou Reprendre) via source unique
+        var actions = row.querySelector('.qbt-row-actions');
+        if (actions) {
+            var firstBtn = actions.querySelector('.qbt-act');
+            var currentAction = firstBtn ? firstBtn.dataset.action : null;
+            var expectedAction = t.state === 'paused' ? 'resume' : 'pause';
+            if (firstBtn && currentAction !== expectedAction) {
+                firstBtn.outerHTML = buildPauseResumeBtn(t.hash, t.state);
+            }
+        }
+    }
+
+    function fmtRelativeDate(ts) {
+        if (!ts) return '—';
+        var diff = Math.floor(Date.now() / 1000) - ts;
+        if (diff < 60) return QBT_I18N.date.just_now;
+        if (diff < 3600)    return tpl(QBT_I18N.date.minutes_ago_tpl, { N: Math.floor(diff / 60) });
+        if (diff < 86400)   return tpl(QBT_I18N.date.hours_ago_tpl,   { N: Math.floor(diff / 3600) });
+        if (diff < 2592000) return tpl(QBT_I18N.date.days_ago_tpl,    { N: Math.floor(diff / 86400) });
+        if (diff < 31536000) return tpl(QBT_I18N.date.months_ago_tpl, { N: Math.floor(diff / 2592000) });
+        var years = Math.floor(diff / 31536000);
+        return plural(years, QBT_I18N.date.years_ago_one, QBT_I18N.date.years_ago_many);
+    }
+    function fmtShortDate(ts) {
+        if (!ts) return '—';
+        var d = new Date(ts * 1000);
+        return ('0' + d.getDate()).slice(-2) + '/' + ('0' + (d.getMonth() + 1)).slice(-2) + '/' + String(d.getFullYear()).slice(-2);
+    }
+    function fmtLongDate(ts) {
+        if (!ts) return '—';
+        var d = new Date(ts * 1000);
+        return ('0' + d.getDate()).slice(-2) + '/' + ('0' + (d.getMonth() + 1)).slice(-2) + '/' + d.getFullYear()
+            + ' ' + ('0' + d.getHours()).slice(-2) + ':' + ('0' + d.getMinutes()).slice(-2);
+    }
+
+    function buildStatsLine(t) {
+        var ratio = (t.ratio || 0).toFixed(2);
+        var leech = t.num_leechs || 0;
+        var html = '<span class="item"><strong>' + t.progress + '%</strong></span>'
+            + '<span class="sep"></span>'
+            + '<span class="item">' + fmtSize(t.size) + '</span>'
+            + '<span class="sep"></span>'
+            + '<span class="item">' + (STATE_LABELS[t.state] || t.state) + '</span>';
+        if (t.dlspeed > 0) html += '<span class="sep"></span><span class="item dl-speed">&#8595; ' + fmtSpeed(t.dlspeed) + '</span>';
+        if (t.upspeed > 0) html += '<span class="sep"></span><span class="item up-speed">&#8593; ' + fmtSpeed(t.upspeed) + '</span>';
+        if (t.state === 'downloading' && t.eta < 8640000) html += '<span class="sep"></span><span class="item">' + {{ ico.icon('clock', '', 14)|json_encode|raw }} + ' ' + fmtEta(t.eta) + '</span>';
+        html += '<span class="sep"></span><span class="item" title="' + escapeHtml(QBT_I18N.row.seeds_leech) + '">' + {{ ico.icon('seeding', '', 14)|json_encode|raw }} + ' ' + t.num_seeds + '/' + leech + '</span>';
+        html += '<span class="sep"></span><span class="item" title="' + escapeHtml(QBT_I18N.row.ratio_title) + '">' + {{ ico.icon('scale', '', 14)|json_encode|raw }} + ' ' + ratio + '</span>';
+        if (t.added_on) {
+            var addedTitle = tpl(QBT_I18N.row.added_title_tpl, { DATE: fmtLongDate(t.added_on) });
+            html += '<span class="sep"></span><span class="item" title="' + escapeHtml(addedTitle) + '">' + {{ ico.icon('calendar', '', 14)|json_encode|raw }} + ' ' + fmtRelativeDate(t.added_on) + '</span>';
+        }
+        return html;
+    }
+
+    function createRow(t) {
+        var div = document.createElement('div');
+        div.className = 'qbt-torrent';
+        div.dataset.hash = t.hash;
+        div.dataset.state = t.state;
+        div.dataset.name = (t.name || '').toLowerCase();
+        div.dataset.cat = (t.category || '').toLowerCase();
+        div.dataset.size = t.size;
+        div.dataset.progress = t.progress;
+        div.dataset.dlspeed = t.dlspeed;
+        div.dataset.upspeed = t.upspeed;
+        div.dataset.seeds = t.num_seeds;
+        div.dataset.ratio = t.ratio || 0;
+        div.dataset.added = t.added_on || 0;
+
+        var ico = getStateIcoSvg(t.state);
+        var catTag = t.category ? buildCatTag(t.category, t.name, t.hash) : '';
+        var pauseResume = buildPauseResumeBtn(t.hash, t.state);
+
+        div.innerHTML = '<input type="checkbox" class="form-check-input qbt-check" data-hash="'+t.hash+'">'
+            + '<div class="qbt-ico" title="'+(STATE_LABELS[t.state]||t.state)+'">'+ico+'</div>'
+            + '<div class="qbt-main">'
+            +   '<div class="qbt-name-row"><div class="qbt-name" title="'+escapeHtml(t.name)+'">'+escapeHtml(t.name)+'</div>'+catTag+'</div>'
+            +   '<div class="qbt-bar-wrap"><div class="qbt-bar qbt-bar-'+t.state+'" style="width:'+t.progress+'%"></div></div>'
+            +   '<div class="qbt-stats-line">' + buildStatsLine(t) + '</div>'
+            + '</div>'
+            + '<div class="qbt-table-cell qbt-cell-size">' + fmtSize(t.size) + '</div>'
+            + '<div class="qbt-table-cell qbt-cell-progress"><div class="qbt-cell-progress-fill" style="width:' + t.progress + '%"></div><span>' + t.progress + '%</span></div>'
+            + '<div class="qbt-table-cell qbt-cell-dl">' + (t.dlspeed > 0 ? fmtSpeed(t.dlspeed) : '—') + '</div>'
+            + '<div class="qbt-table-cell qbt-cell-up">' + (t.upspeed > 0 ? fmtSpeed(t.upspeed) : '—') + '</div>'
+            + '<div class="qbt-table-cell">' + t.num_seeds + '</div>'
+            + '<div class="qbt-table-cell">' + (t.ratio || 0).toFixed(2) + '</div>'
+            + '<div class="qbt-table-cell qbt-cell-uploaded">' + fmtSize(t.uploaded || 0) + '</div>'
+            + '<div class="qbt-table-cell qbt-cell-completed">' + (t.completion_on ? fmtShortDate(t.completion_on) : '—') + '</div>'
+            + '<div class="qbt-table-cell qbt-cell-added" title="' + fmtShortDate(t.added_on) + '">' + fmtShortDate(t.added_on) + '</div>'
+            + '<div class="qbt-compact-pct">' + t.progress + '%</div>'
+            + '<div class="qbt-row-actions">'+pauseResume
+            +   '<button class="btn btn-sm btn-ghost-danger qbt-act" data-action="delete" data-hash="'+t.hash+'" data-name="'+escapeHtml(t.name)+'" title="'+escapeHtml(QBT_I18N.row.delete_title)+'"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16"/><path d="M10 11v6"/><path d="M14 11v6"/><path d="M5 7l1 12a2 2 0 002 2h8a2 2 0 002-2l1-12"/><path d="M9 7V4a1 1 0 011-1h4a1 1 0 011 1v3"/></svg></button>'
+            + '</div>';
+        return div;
+    }
+
+    // ── Vue & tri ───────────────────────────────────────────────────────────
+    var currentView = localStorage.getItem('qbt_view') || 'list';
+
+    function applyView(view) {
+        currentView = view;
+        localStorage.setItem('qbt_view', view);
+        var list = document.getElementById('qbt-list');
+        if (list) list.dataset.view = view;
+        var hdr = document.getElementById('qbt-table-header');
+        if (hdr) hdr.classList.toggle('show', view === 'table');
+        var btns = document.querySelectorAll('.view-btn');
+        for (var i = 0; i < btns.length; i++) btns[i].classList.toggle('active', btns[i].dataset.view === view);
+        syncSortUI();
+    }
+
+    function syncSortUI() {
+        // Header tableau
+        var sortBtns = document.querySelectorAll('#qbt-table-header .qbt-sort');
+        for (var j = 0; j < sortBtns.length; j++) {
+            sortBtns[j].classList.toggle('active', sortBtns[j].dataset.sort === pagState.sort);
+            sortBtns[j].classList.toggle('desc', sortBtns[j].dataset.sort === pagState.sort && pagState.desc);
+        }
+        // Dropdown liste
+        var sel = document.getElementById('qbt-list-sort');
+        if (sel) sel.value = pagState.sort + '|' + (pagState.desc ? '1' : '0');
+        // Dropdown perPage
+        var pp = document.getElementById('qbt-per-page');
+        if (pp) pp.value = String(pagState.perPage);
+    }
+
+    function setSort(field, desc) {
+        pagState.sort = field;
+        pagState.desc = !!desc;
+        pagState.page = 1;
+        localStorage.setItem('qbt_sort_field', field);
+        localStorage.setItem('qbt_sort_desc', desc ? '1' : '0');
+        syncSortUI();
+        refreshData();
+    }
+
+    bindDoc('click', 'viewSortPag', function(e) {
+        var vb = e.target.closest('.view-btn');
+        if (vb) { applyView(vb.dataset.view); return; }
+        var sb = e.target.closest('#qbt-table-header .qbt-sort');
+        if (sb) {
+            var f = sb.dataset.sort;
+            if (pagState.sort === f) setSort(f, !pagState.desc);
+            else setSort(f, f !== 'name');
+            return;
+        }
+        var pg = e.target.closest('#qbt-pagination-links .page-link');
+        if (pg) {
+            var li = pg.closest('.page-item');
+            if (!li || li.classList.contains('disabled') || li.classList.contains('active')) return;
+            var n = parseInt(pg.dataset.page, 10);
+            if (n > 0 && n !== pagState.page) { pagState.page = n; refreshData(); window.scrollTo({top:0, behavior:'smooth'}); }
+        }
+    });
+
+    bindDoc('change', 'listSort', function(e) {
+        if (e.target && e.target.id === 'qbt-list-sort') {
+            var parts = e.target.value.split('|');
+            setSort(parts[0], parts[1] === '1');
+        }
+    });
+
+    // ── Filtres ─────────────────────────────────────────────────────────────
+    var filterBtns = document.querySelectorAll('.filter-pill');
+    for (var i = 0; i < filterBtns.length; i++) {
+        // onclick (pas addEventListener) — évite les doublons après re-exec Turbo
+        filterBtns[i].onclick = function(){
+            for (var j = 0; j < filterBtns.length; j++) filterBtns[j].classList.remove('active');
+            this.classList.add('active');
+            currentFilter = this.dataset.filter;
+            pagState.filter = currentFilter;
+            pagState.page = 1;
+            refreshData();
+        };
+    }
+
+    var searchInput = document.getElementById('qbt-search');
+    if (searchInput) {
+        var searchTimeout;
+        searchInput.oninput = function() {
+            clearTimeout(searchTimeout);
+            var val = searchInput.value;
+            searchTimeout = setTimeout(function(){
+                pagState.search = val;
+                pagState.page = 1;
+                refreshData();
+            }, 250);
+        };
+    }
+
+    // Sélecteur perPage + filtres catégorie/tag
+    bindDoc('change', 'perPage', function(e) {
+        if (!e.target) return;
+        if (e.target.id === 'qbt-per-page') {
+            pagState.perPage = parseInt(e.target.value, 10) || 50;
+            pagState.page = 1;
+            localStorage.setItem('qbt_per_page', String(pagState.perPage));
+            refreshData();
+        } else if (e.target.id === 'qbt-cat-filter') {
+            pagState.category = e.target.value;
+            pagState.page = 1;
+            refreshData();
+        }
+    });
+
+    // ── Actions par torrent ─────────────────────────────────────────────────
+    bindDoc('click', 'torrentActs', function(e) {
+        var btn = e.target.closest('.qbt-act');
+        if (!btn) return;
+        e.stopPropagation();
+        var action = btn.dataset.action;
+        var hash = btn.dataset.hash;
+
+        if (action === 'pause') qbtAction(btn, BASE + '/api/torrent/' + hash + '/pause', null, QBT_I18N.toast.paused).then(refreshData);
+        else if (action === 'resume') qbtAction(btn, BASE + '/api/torrent/' + hash + '/resume', null, QBT_I18N.toast.resumed).then(refreshData);
+        else if (action === 'delete') {
+            deleteTarget = { hashes: [hash], mode: 'single' };
+            var msg = document.getElementById('qbt-delete-msg');
+            if (msg) msg.textContent = tpl(QBT_I18N.modal_delete.msg_named_tpl, { NAME: (btn.dataset.name || hash).substring(0, 60) });
+            document.getElementById('qbt-delete-files').checked = false;
+            document.getElementById('qbt-delete-trigger').click();
+        }
+    });
+
+    // ── Badge Radarr/Sonarr : résolution + redirection ──────────────────────
+    bindDoc('click', 'catLink', function(e) {
+        var tag = e.target.closest('.qbt-cat-link');
+        if (!tag) return;
+        e.stopPropagation();
+        e.preventDefault();
+        var pipeline = tag.dataset.pipeline;
+        var hash = tag.dataset.hash;
+        var name = tag.dataset.name;
+        if (!pipeline || !hash) return;
+        // Feedback visuel
+        var original = tag.innerHTML;
+        tag.innerHTML = '<span class="spinner-border spinner-border-sm" style="width:10px;height:10px;border-width:1px;"></span> ' + escapeHtml(QBT_I18N.toast.cat_resolve_search);
+        fetch(BASE + '/api/resolve/' + pipeline + '/' + hash, { headers: { 'X-Requested-With': 'XMLHttpRequest' } })
+            .then(function(r){ return r.json(); })
+            .then(function(d){
+                if (d && d.found && d.url) {
+                    window.location.href = d.url;
+                } else {
+                    tag.innerHTML = original;
+                    if (window._prismarrToast) window._prismarrToast(tpl(QBT_I18N.toast.cat_resolve_no_match_tpl, { NAME: (name || '').substring(0, 50) }), 'warning');
+                }
+            })
+            .catch(function(){
+                tag.innerHTML = original;
+                if (window._prismarrToast) window._prismarrToast(QBT_I18N.toast.cat_resolve_error, 'danger');
+            });
+    });
+
+    // ── Clic ligne = modal détail ───────────────────────────────────────────
+    bindDoc('click', 'rowDetail', function(e) {
+        var row = e.target.closest('.qbt-torrent');
+        if (!row) return;
+        if (e.target.closest('.qbt-act') || e.target.closest('.qbt-check') || e.target.closest('.qbt-cat-link') || e.target.tagName === 'INPUT') return;
+        openDetail(row.dataset.hash);
+    });
+
+    function openDetail(hash) {
+        document.getElementById('qbt-detail-title').textContent = QBT_I18N.modal_detail.loading;
+        document.getElementById('qbt-detail-props').innerHTML = '<div class="col-12 text-center text-muted py-3">' + escapeHtml(QBT_I18N.modal_detail.loading) + '</div>';
+        document.getElementById('qbt-detail-files').innerHTML = '';
+        document.getElementById('qbt-detail-trackers').innerHTML = '';
+        document.getElementById('qbt-detail-peers').innerHTML = '';
+        document.getElementById('qbt-detail-actions').innerHTML = '';
+        document.getElementById('qbt-detail-trigger').click();
+
+        fetch(BASE + '/api/torrent/' + hash, { headers: { 'X-Requested-With': 'XMLHttpRequest' } })
+        .then(function(r) { return r.json(); })
+        .then(function(data) { renderDetail(hash, data); })
+        .catch(function() { document.getElementById('qbt-detail-props').innerHTML = '<div class="col-12 text-center text-danger py-3">' + escapeHtml(QBT_I18N.modal_detail.error_load) + '</div>'; });
+    }
+
+    function renderDetail(hash, data) {
+        var p = data.properties || {};
+        document.getElementById('qbt-detail-title').textContent = p.name || hash;
+
+        // ── Propriétés simplifiées ──
+        var pp = QBT_I18N.modal_detail.props;
+        var props = [
+            [pp.downloaded, fmtSize(p.total_downloaded || 0)],
+            [pp.uploaded,   fmtSize(p.total_uploaded || 0)],
+            [pp.ratio,      (p.share_ratio || 0).toFixed(2)],
+            [pp.dl_speed,   fmtSpeed(p.dl_speed || 0)],
+            [pp.up_speed,   fmtSpeed(p.up_speed || 0)],
+            [pp.eta,        (p.eta || 0) >= 8640000 ? '-' : fmtDuration(p.eta)],
+            [pp.seeds,      (p.seeds || 0) + ' / ' + (p.seeds_total || 0)],
+            [pp.peers,      (p.peers || 0) + ' / ' + (p.peers_total || 0)],
+            [pp.total_size, fmtSize(p.total_size || 0)],
+            [pp.added,      fmtDate(p.addition_date)],
+            [pp.completed,  fmtDate(p.completion_date)],
+        ];
+        var html = '';
+        for (var i = 0; i < props.length; i++) {
+            html += '<div class="col-6 col-md-4"><div class="qbt-prop-card"><div class="qbt-prop-label">' + escapeHtml(props[i][0]) + '</div><div class="qbt-prop-value">' + props[i][1] + '</div></div></div>';
+        }
+        if (p.save_path) {
+            html += '<div class="col-12"><div class="qbt-prop-card"><div class="qbt-prop-label">' + escapeHtml(pp.save_path) + '</div><div class="qbt-prop-value" style="font-family:monospace;font-size:.75rem;word-break:break-all;">' + escapeHtml(p.save_path) + '</div></div></div>';
+        }
+        document.getElementById('qbt-detail-props').innerHTML = html;
+
+        // ── Fichiers ──
+        var filesEl = document.getElementById('qbt-detail-files');
+        if (data.files && data.files.length) {
+            var fhtml = '';
+            for (var fi = 0; fi < data.files.length; fi++) {
+                var f = data.files[fi];
+                var fprog = Math.round((f.progress || 0) * 100);
+                var fname = (f.name || '').split('/').pop();
+                fhtml += '<tr class="qbt-file-row" data-file-id="' + f.index + '">'
+                    + '<td title="' + escapeHtml(f.name || '') + '">' + escapeHtml(fname) + '</td>'
+                    + '<td>' + fmtSize(f.size || 0) + '</td>'
+                    + '<td><div class="d-flex align-items-center gap-2"><div class="qbt-mini-bar"><div style="width:' + fprog + '%"></div></div><span style="font-size:.7rem;">' + fprog + '%</span></div></td>'
+                    + '</tr>';
+            }
+            filesEl.innerHTML = fhtml;
+        } else {
+            filesEl.innerHTML = '<tr><td colspan="3" class="text-center text-muted">' + escapeHtml(QBT_I18N.modal_detail.files_empty) + '</td></tr>';
+        }
+
+        // ── Trackers ──
+        var trackersEl = document.getElementById('qbt-detail-trackers');
+        // TRACKER_STATUS hissé au module-level (éviter redéclaration à chaque ouverture de modal)
+        if (data.trackers && data.trackers.length) {
+            var thtml = '';
+            for (var ti = 0; ti < data.trackers.length; ti++) {
+                var tr = data.trackers[ti];
+                if (tr.url === '** [DHT] **' || tr.url === '** [PeX] **' || tr.url === '** [LSD] **') continue;
+                thtml += '<tr class="qbt-tracker-row">'
+                    + '<td class="text-truncate" style="max-width:320px;" title="' + escapeHtml(tr.url) + '">' + escapeHtml(tr.url) + '</td>'
+                    + '<td>' + (TRACKER_STATUS[tr.status] || escapeHtml(tr.status)) + '</td>'
+                    + '<td>' + (tr.num_seeds || 0) + '</td>'
+                    + '<td>' + (tr.num_leeches || 0) + '</td>'
+                    + '</tr>';
+            }
+            trackersEl.innerHTML = thtml || '<tr><td colspan="4" class="text-center text-muted">' + escapeHtml(QBT_I18N.modal_detail.trackers_empty) + '</td></tr>';
+        }
+
+        // ── Peers ──
+        var peersEl = document.getElementById('qbt-detail-peers');
+        if (data.peers && data.peers.length) {
+            var phtml = '';
+            for (var pi = 0; pi < data.peers.length; pi++) {
+                var peer = data.peers[pi];
+                var ipPort = escapeHtml((peer.ip || '') + ':' + (peer.port || ''));
+                var cc     = escapeHtml(peer.country_code || '');
+                var prog   = parseFloat(peer.progress) || 0;
+                phtml += '<tr class="qbt-peer-row">'
+                    + '<td>' + ipPort + (cc ? ' <span class="text-muted">(' + cc + ')</span>' : '') + '</td>'
+                    + '<td class="text-truncate" style="max-width:180px;">' + escapeHtml(peer.client || '-') + '</td>'
+                    + '<td>' + prog + '%</td>'
+                    + '<td>' + fmtSpeed(peer.dl_speed) + '</td>'
+                    + '<td>' + fmtSpeed(peer.up_speed) + '</td>'
+                    + '</tr>';
+            }
+            peersEl.innerHTML = phtml;
+        } else {
+            peersEl.innerHTML = '<tr><td colspan="5" class="text-center text-muted">' + escapeHtml(QBT_I18N.modal_detail.peers_empty) + '</td></tr>';
+        }
+
+        // ── Actions — boutons conditionnés selon l'état du torrent ──
+        var row = document.querySelector('.qbt-torrent[data-hash="'+hash+'"]');
+        var state = row ? row.dataset.state : '';
+        var pauseResumeBtn = state === 'paused'
+            ? '<button class="btn btn-sm btn-outline-success qbt-detail-act" data-action="resume" data-hash="'+hash+'"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 4v16l13-8z"/></svg> '+escapeHtml(QBT_I18N.modal_detail.actions.resume)+'</button>'
+            : '<button class="btn btn-sm btn-outline-warning qbt-detail-act" data-action="pause" data-hash="'+hash+'"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 4h4v16H6z"/><path d="M14 4h4v16h-4z"/></svg> '+escapeHtml(QBT_I18N.modal_detail.actions.pause)+'</button>';
+        document.getElementById('qbt-detail-actions').innerHTML = ''
+            + pauseResumeBtn
+            + '<button class="btn btn-sm btn-outline-info qbt-detail-act" data-action="recheck" data-hash="'+hash+'"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12l5 5L20 7"/></svg> '+escapeHtml(QBT_I18N.modal_detail.actions.recheck)+'</button>'
+            + '<button class="btn btn-sm btn-outline-secondary qbt-detail-act" data-action="reannounce" data-hash="'+hash+'"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 1 0 9 -9m-9 9l3 -3m-3 3l3 3"/></svg> '+escapeHtml(QBT_I18N.modal_detail.actions.reannounce)+'</button>'
+            + '<button class="btn btn-sm btn-outline-danger qbt-detail-act ms-auto" data-action="delete" data-hash="'+hash+'"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16"/><path d="M10 11v6"/><path d="M14 11v6"/><path d="M5 7l1 12a2 2 0 002 2h8a2 2 0 002-2l1-12"/></svg> '+escapeHtml(QBT_I18N.modal_detail.actions['delete'])+'</button>';
+    }
+
+    // ── Actions modal détail ────────────────────────────────────────────────
+    bindDoc('click', 'detailActs', function(e) {
+        var btn = e.target.closest('.qbt-detail-act');
+        if (!btn) return;
+        var action = btn.dataset.action;
+        var hash = btn.dataset.hash;
+
+        if (action === 'delete') {
+            deleteTarget = { hashes: [hash], mode: 'single' };
+            document.getElementById('qbt-delete-msg').textContent = QBT_I18N.modal_delete.msg_single;
+            document.getElementById('qbt-delete-files').checked = false;
+            document.getElementById('qbt-delete-trigger').click();
+            return;
+        }
+        var labels = { pause: QBT_I18N.toast.paused, resume: QBT_I18N.toast.resumed, recheck: QBT_I18N.toast.recheck_started, reannounce: QBT_I18N.toast.reannounce_sent };
+        qbtAction(btn, BASE + '/api/torrent/' + hash + '/' + action, null, labels[action] || QBT_I18N.toast.action_sent).then(refreshData);
+    });
+
+    // ── Sélection multiple ──────────────────────────────────────────────────
+    var selectAll = document.getElementById('qbt-select-all');
+    if (selectAll) selectAll.onchange = function() {
+        var checked = this.checked;
+        var cbs = document.querySelectorAll('.qbt-check');
+        selectedHashes = {};
+        for (var i = 0; i < cbs.length; i++) {
+            var row = cbs[i].closest('.qbt-torrent');
+            if (row && row.style.display !== 'none') {
+                cbs[i].checked = checked;
+                if (checked) selectedHashes[cbs[i].dataset.hash] = true;
+                row.classList.toggle('selected', checked);
+            }
+        }
+        updateBulkBar();
+    };
+
+    bindDoc('change', 'rowCheck', function(e) {
+        if (!e.target.classList.contains('qbt-check')) return;
+        var hash = e.target.dataset.hash;
+        if (e.target.checked) selectedHashes[hash] = true; else delete selectedHashes[hash];
+        var row = e.target.closest('.qbt-torrent');
+        if (row) row.classList.toggle('selected', e.target.checked);
+        updateBulkBar();
+    });
+
+    function updateBulkBar() {
+        var count = Object.keys(selectedHashes).length;
+        var bar = document.getElementById('qbt-bulk-bar');
+        var lbl = document.getElementById('qbt-bulk-count-label');
+        if (lbl) lbl.textContent = plural(count, QBT_I18N.bulk.sel_one, QBT_I18N.bulk.sel_many);
+        if (bar) bar.classList.toggle('show', count > 0);
+    }
+
+    function getSelectedHashes() { return Object.keys(selectedHashes); }
+
+    function bindBulk(id, fn) { var el = document.getElementById(id); if (el) el.onclick = function(e){ fn(e.currentTarget); }; }
+    bindBulk('qbt-bulk-resume', function(btn){ var h = getSelectedHashes(); qbtAction(btn, BASE + '/api/bulk/resume',  { hashes: h }, plural(h.length, QBT_I18N.toast.bulk_resumed_one, QBT_I18N.toast.bulk_resumed_many)).then(refreshData); });
+    bindBulk('qbt-bulk-pause',  function(btn){ var h = getSelectedHashes(); qbtAction(btn, BASE + '/api/bulk/pause',   { hashes: h }, plural(h.length, QBT_I18N.toast.bulk_paused_one, QBT_I18N.toast.bulk_paused_many)).then(refreshData); });
+    bindBulk('qbt-bulk-recheck',function(btn){ var h = getSelectedHashes(); qbtAction(btn, BASE + '/api/bulk/recheck', { hashes: h }, plural(h.length, QBT_I18N.toast.bulk_recheck_one, QBT_I18N.toast.bulk_recheck_many)).then(refreshData); });
+    bindBulk('qbt-bulk-delete', function(){
+        deleteTarget = { hashes: getSelectedHashes(), mode: 'bulk' };
+        document.getElementById('qbt-delete-msg').textContent = plural(deleteTarget.hashes.length, QBT_I18N.modal_delete.msg_bulk_one, QBT_I18N.modal_delete.msg_bulk_many);
+        document.getElementById('qbt-delete-files').checked = false;
+        document.getElementById('qbt-delete-trigger').click();
+    });
+    bindBulk('qbt-bulk-clear', function(){
+        selectedHashes = {};
+        var cbs = document.querySelectorAll('.qbt-check');
+        for (var i = 0; i < cbs.length; i++) { cbs[i].checked = false; cbs[i].closest('.qbt-torrent').classList.remove('selected'); }
+        if (selectAll) selectAll.checked = false;
+        updateBulkBar();
+    });
+
+    // ── Delete confirm ──────────────────────────────────────────────────────
+    var deleteConfirm = document.getElementById('qbt-delete-confirm');
+    if (deleteConfirm) deleteConfirm.onclick = function(e) {
+        var btn = e.currentTarget;
+        var deleteFiles = document.getElementById('qbt-delete-files').checked;
+        var url = deleteTarget.mode === 'bulk' ? BASE + '/api/bulk/delete' : BASE + '/api/torrent/' + deleteTarget.hashes[0] + '/delete';
+        var body = deleteTarget.mode === 'bulk' ? { hashes: deleteTarget.hashes, deleteFiles: deleteFiles } : { deleteFiles: deleteFiles };
+        var msg = plural(deleteTarget.hashes.length, QBT_I18N.toast.bulk_deleted_one, QBT_I18N.toast.bulk_deleted_many)
+            + (deleteFiles ? QBT_I18N.toast.bulk_deleted_with_files_suffix : '');
+
+        qbtAction(btn, url, body, msg).then(function() {
+            document.querySelector('#qbt-modal-delete .btn-close').click();
+            for (var i = 0; i < deleteTarget.hashes.length; i++) {
+                var row = document.querySelector('.qbt-torrent[data-hash="' + deleteTarget.hashes[i] + '"]');
+                if (row) row.style.opacity = '0';
+                delete selectedHashes[deleteTarget.hashes[i]];
+            }
+            updateBulkBar();
+            setTimeout(function() {
+                for (var i = 0; i < deleteTarget.hashes.length; i++) {
+                    var row = document.querySelector('.qbt-torrent[data-hash="' + deleteTarget.hashes[i] + '"]');
+                    if (row) row.remove();
+                }
+                refreshData();
+            }, 300);
+        });
+    };
+
+    // ── Pause all / Resume all ──────────────────────────────────────────────
+    bindBulk('qbt-btn-pause-all',  function(btn){ qbtAction(btn, BASE + '/api/pause-all',  null, QBT_I18N.toast.pause_all).then(refreshData); });
+    bindBulk('qbt-btn-resume-all', function(btn){ qbtAction(btn, BASE + '/api/resume-all', null, QBT_I18N.toast.resume_all).then(refreshData); });
+
+    // ── Ajout torrent ───────────────────────────────────────────────────────
+    // ── Ajouter torrent : reset URL + fichiers ──
+    bindBulk('qbt-btn-add', function(){
+        document.getElementById('qbt-add-urls').value = '';
+        pendingTorrentFiles = [];
+        renderPendingFiles();
+        document.getElementById('qbt-add-trigger').click();
+    });
+
+    // ── Drag-drop + input file (pattern Turbo-safe : re-bind à chaque exec) ──
+    var pendingTorrentFiles = [];
+    var dropZone = document.getElementById('qbt-drop-zone');
+    var fileInput = document.getElementById('qbt-file-input');
+
+    var FILE_REMOVE_TITLE = {{ 'qbittorrent.modal_add.file_remove_title'|trans|json_encode|raw }};
+
+    function renderPendingFiles() {
+        var ul = document.getElementById('qbt-drop-files');
+        if (!ul) return;
+        if (!pendingTorrentFiles.length) { ul.innerHTML = ''; return; }
+        var html = '';
+        pendingTorrentFiles.forEach(function(f, i){
+            html += '<li>' + {{ ico.icon('file', '', 14)|json_encode|raw }} + ' <strong>' + escapeHtml(f.name) + '</strong> <span class="text-muted" style="font-size:.7rem;">(' + fmtSize(f.size) + ')</span><span class="remove" data-i="' + i + '" title="' + escapeHtml(FILE_REMOVE_TITLE) + '">×</span></li>';
+        });
+        ul.innerHTML = html;
+    }
+
+    function addFiles(fileList) {
+        for (var i = 0; i < fileList.length; i++) {
+            var f = fileList[i];
+            if (f.name.toLowerCase().endsWith('.torrent')) pendingTorrentFiles.push(f);
+            else if (window._prismarrToast) window._prismarrToast(tpl(QBT_I18N.toast.file_ignored_tpl, { NAME: f.name }), 'warning');
+        }
+        renderPendingFiles();
+    }
+
+    if (dropZone && fileInput) {
+        dropZone.onclick = function(e) { if (!e.target.classList.contains('remove')) fileInput.click(); };
+        fileInput.onchange = function() { addFiles(fileInput.files); fileInput.value = ''; };
+        dropZone.ondragover = function(e) { e.preventDefault(); dropZone.classList.add('drag-over'); };
+        dropZone.ondragleave = function() { dropZone.classList.remove('drag-over'); };
+        dropZone.ondrop = function(e) {
+            e.preventDefault();
+            dropZone.classList.remove('drag-over');
+            if (e.dataTransfer && e.dataTransfer.files) addFiles(e.dataTransfer.files);
+        };
+    }
+    bindDoc('click', 'dropFileRemove', function(e) {
+        var rm = e.target.closest('#qbt-drop-files .remove');
+        if (!rm) return;
+        pendingTorrentFiles.splice(parseInt(rm.dataset.i, 10), 1);
+        renderPendingFiles();
+    });
+
+    var addSubmitInFlight = false;
+    bindBulk('qbt-add-submit', function(btn){
+        if (addSubmitInFlight) return;  // garde anti double-submit globale
+
+        var urls = document.getElementById('qbt-add-urls').value.trim();
+        var savepath = document.getElementById('deluge-add-savepath').value.trim();
+        var paused = document.getElementById('qbt-add-paused').value === 'true';
+        var hasFiles = pendingTorrentFiles.length > 0;
+        var hasUrls = urls.length > 0;
+
+        if (!hasFiles && !hasUrls) {
+            if (window._prismarrToast) window._prismarrToast(QBT_I18N.toast.add_required, 'warning');
+            return;
+        }
+
+        addSubmitInFlight = true;
+        if (btn) { btn.disabled = true; btn.dataset.qbtOriginalHtml = btn.innerHTML; btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span>'; }
+
+        var restoreBtn = function() {
+            addSubmitInFlight = false;
+            if (btn) { btn.disabled = false; if (btn.dataset.qbtOriginalHtml) { btn.innerHTML = btn.dataset.qbtOriginalHtml; delete btn.dataset.qbtOriginalHtml; } }
+        };
+
+        var closeAndRefresh = function() {
+            document.querySelector('#qbt-modal-add .btn-close').click();
+            pendingTorrentFiles = []; renderPendingFiles();
+            setTimeout(refreshData, 1000);
+        };
+
+        // 1) Envoi des fichiers d'abord si présents
+        var filesDone = Promise.resolve(true);
+        if (hasFiles) {
+            var fd = new FormData();
+            pendingTorrentFiles.forEach(function(f){ fd.append('torrents[]', f); });
+            if (savepath) fd.append('savepath', savepath);
+            if (paused)   fd.append('paused', 'true');
+            filesDone = fetch(BASE + '/api/add-file', { method: 'POST', body: fd })
+                .then(function(r){ return r.json(); })
+                .then(function(d){
+                    if (window._prismarrToast) {
+                        var msg = (d && d.ok)
+                            ? plural(d.count, QBT_I18N.toast.add_files_ok_one, QBT_I18N.toast.add_files_ok_many)
+                            : QBT_I18N.toast.add_files_ko;
+                        window._prismarrToast(msg, d && d.ok ? 'success' : 'danger');
+                    }
+                    return d && d.ok;
+                })
+                .catch(function(){ return false; });
+        }
+
+        filesDone.then(function(filesOk){
+            // 2) Puis les URLs si présentes
+            if (hasUrls) {
+                return qbtPost(BASE + '/api/add', { urls: urls, savepath: savepath || null, paused: paused })
+                    .then(function(d){
+                        var ok = d && d.ok;
+                        var msg = ok ? QBT_I18N.toast.add_url_ok : ((d && d.error) ? d.error : QBT_I18N.toast.add_url_ko);
+                        if (window._prismarrToast) window._prismarrToast(msg, ok ? 'success' : 'danger');
+                        return ok;
+                    })
+                    .catch(function(){ return false; });
+            }
+            return filesOk;
+        }).then(function(ok){
+            restoreBtn();
+            if (ok) closeAndRefresh();
+        });
+    });
+
+    // ── Init ────────────────────────────────────────────────────────────────
+    applyView(currentView);
+    syncSortUI();
+    // Aligne l'état avec le filtre actif (.filter-pill.active)
+    var activeFilter = document.querySelector('.filter-pill.active');
+    if (activeFilter) pagState.filter = activeFilter.dataset.filter || 'all';
+    refreshData();    // premier fetch immédiat (applique pagination+tri+filtre serveur)
+    startRefresh();
+    var initDl = {{ (stats.dl_speed ?? 0)|json_encode|raw }};
+    var initUp = {{ (stats.up_speed ?? 0)|json_encode|raw }};
+    var speedDl = document.getElementById('qbt-speed-dl');
+    var speedUp = document.getElementById('qbt-speed-up');
+    if (speedDl && initDl > 0) speedDl.innerHTML = '&#8595; ' + fmtSpeed(initDl);
+    if (speedUp && initUp > 0) speedUp.innerHTML = '&#8593; ' + fmtSpeed(initUp);
+    var connDot = document.getElementById('qbt-conn-dot');
+    var connStatus = {{ (stats.connection ?? "unknown")|json_encode|raw }};
+    if (connDot) connDot.className = 'qbt-connection ' + (connStatus === 'connected' ? 'connected' : connStatus === 'firewalled' ? 'firewalled' : 'disconnected');
+})();
+</script>
+{% endblock %}
diff --git a/symfony/templates/jellyseerr/index.html.twig b/symfony/templates/jellyseerr/index.html.twig
index 377ad24f..f9bb6e05 100644
--- a/symfony/templates/jellyseerr/index.html.twig
+++ b/symfony/templates/jellyseerr/index.html.twig
@@ -165,7 +165,7 @@
     </div>
     <div class="col-6 col-lg-2">
         <div class="card card-sm"><div class="card-body text-center">
-            <div class="js-stat" style="color:#f59e0b;">{{ counts.pending ?? 0 }}</div>
+            <div class="js-stat" style="color:{{ (counts.pending ?? 0) > 0 ? '#f59e0b' : 'var(--tblr-text-secondary)' }};">{{ counts.pending ?? 0 }}</div>
             <div class="text-secondary small">{{ 'jellyseerr.index.stat_pending'|trans }}</div>
         </div></div>
     </div>
@@ -183,7 +183,7 @@
     </div>
     <div class="col-6 col-lg-2">
         <div class="card card-sm"><div class="card-body text-center">
-            <div class="js-stat" style="color:#ef4444;">{{ counts.declined ?? 0 }}</div>
+            <div class="js-stat" style="color:{{ (counts.declined ?? 0) > 0 ? '#ef4444' : 'var(--tblr-text-secondary)' }};">{{ counts.declined ?? 0 }}</div>
             <div class="text-secondary small">{{ 'jellyseerr.index.stat_declined'|trans }}</div>
         </div></div>
     </div>
@@ -379,6 +379,7 @@
 {% block javascripts %}
 <script>
 (function(){
+    var BASE = '{{ app.request.getBasePath() }}';
     var _I18N = {
         movie: {{ 'jellyseerr.common.movie'|trans|json_encode|raw }},
         tv: {{ 'jellyseerr.common.tv'|trans|json_encode|raw }},
@@ -481,7 +482,7 @@
             this.disabled = true;
             var self = this;
 
-            fetch('/jellyseerr/request/' + id + '/' + action, {
+            fetch(BASE + '/jellyseerr/request/' + id + '/' + action, {
                 method: 'POST',
                 credentials: 'same-origin',
                 headers: {'X-Requested-With': 'XMLHttpRequest'}
@@ -525,7 +526,7 @@
         var body = document.getElementById('js-modal-body');
         body.innerHTML = '<div class="text-center py-5"><div class="spinner-border text-purple"></div></div>';
 
-        fetch('/jellyseerr/request/' + id, { credentials: 'same-origin', headers: {'Accept':'application/json'} })
+        fetch(BASE + '/jellyseerr/request/' + id, { credentials: 'same-origin', headers: {'Accept':'application/json'} })
             .then(function(r){ return r.json(); })
             .then(function(req){
                 currentReq = req;
@@ -547,7 +548,7 @@
                     html += 'background:linear-gradient(135deg, #1a1033 0%, #2d1b69 50%, #0f0a1a 100%);';
                 }
                 html += '">';
-                html += '<div style="position:absolute;inset:0;background:linear-gradient(to top, var(--tblr-card-bg) 0%, rgba(0,0,0,.5) 50%, rgba(0,0,0,.2) 100%);"></div>';
+                html += '<div style="position:absolute;inset:0;background:linear-gradient(to top, rgba(15,15,20,.96) 0%, rgba(0,0,0,.5) 50%, rgba(0,0,0,.2) 100%);"></div>';
                 html += '<div style="position:relative;z-index:1;padding:1.5rem 1.5rem 0;display:flex;gap:1.25rem;align-items:flex-end;min-height:240px;">';
 
                 if (poster) {
@@ -666,7 +667,7 @@
                         if (act === 'delete' && !confirm(_I18N.confirmDelete)) return;
                         this.disabled = true;
 
-                        fetch('/jellyseerr/request/' + rid + '/' + act, { method:'POST', credentials:'same-origin', headers:{'X-Requested-With':'XMLHttpRequest'} })
+                        fetch(BASE + '/jellyseerr/request/' + rid + '/' + act, { method:'POST', credentials:'same-origin', headers:{'X-Requested-With':'XMLHttpRequest'} })
                             .then(function(r){ return r.json(); })
                             .then(function(d){
                                 if (d.ok) {
@@ -699,15 +700,15 @@
         // Load request if not cached
         var reqPromise = (currentReq && String(currentReq.id) === String(id))
             ? Promise.resolve(currentReq)
-            : fetch('/jellyseerr/request/' + id, { credentials:'same-origin', headers:{'Accept':'application/json'} }).then(function(r){ return r.json(); });
+            : fetch(BASE + '/jellyseerr/request/' + id, { credentials:'same-origin', headers:{'Accept':'application/json'} }).then(function(r){ return r.json(); });
 
         reqPromise.then(function(req){
             var tmdb = req._tmdb || {};
             var serviceType = req.type === 'movie' ? 'radarr' : 'sonarr';
             titleEl.textContent = tpl(_I18N.editRequestTitleTpl, {TITLE: tmdb.title || tpl(_I18N.editRequestFallbackTpl, {ID: req.id})});
 
-            var svcP = fetch('/jellyseerr/service/' + serviceType, { credentials:'same-origin', headers:{'Accept':'application/json'} }).then(function(r){ return r.json(); }).catch(function(){ return {}; });
-            var usersP = fetch('/jellyseerr/users', { credentials:'same-origin', headers:{'Accept':'application/json'} }).then(function(r){ return r.json(); }).catch(function(){ return []; });
+            var svcP = fetch(BASE + '/jellyseerr/service/' + serviceType, { credentials:'same-origin', headers:{'Accept':'application/json'} }).then(function(r){ return r.json(); }).catch(function(){ return {}; });
+            var usersP = fetch(BASE + '/jellyseerr/users', { credentials:'same-origin', headers:{'Accept':'application/json'} }).then(function(r){ return r.json(); }).catch(function(){ return []; });
 
             Promise.all([svcP, usersP]).then(function(results){
                 var svc = results[0];
@@ -855,7 +856,7 @@
                     saveBtn.disabled = true;
                     saveBtn.innerHTML = '<div class="spinner-border spinner-border-sm" style="width:16px;height:16px;"></div> ' + _I18N.savingShort;
 
-                    fetch('/jellyseerr/request/' + req.id + '/edit', {
+                    fetch(BASE + '/jellyseerr/request/' + req.id + '/edit', {
                         method: 'POST',
                         credentials: 'same-origin',
                         headers: {'Content-Type':'application/json', 'X-Requested-With':'XMLHttpRequest'},
diff --git a/symfony/templates/jellyseerr/settings/general.html.twig b/symfony/templates/jellyseerr/settings/general.html.twig
index 33c640ed..fdf6beab 100644
--- a/symfony/templates/jellyseerr/settings/general.html.twig
+++ b/symfony/templates/jellyseerr/settings/general.html.twig
@@ -175,6 +175,7 @@
 {% block javascripts %}
 <script>
 (function(){
+    var BASE = '{{ app.request.getBasePath() }}';
     var _I18N = {
         allLanguages: {{ 'jellyseerr.settings.general.all_languages'|trans|json_encode|raw }},
         languagesCountOne: {{ 'jellyseerr.user_detail.languages_count_one'|trans|json_encode|raw }},
@@ -218,7 +219,7 @@
         var langs = []; document.querySelectorAll('.js-lang-cb:checked').forEach(function(cb){ langs.push(cb.value); }); payload.originalLanguage = langs.join('|');
         if (payload.blacklistedTagsLimit) payload.blacklistedTagsLimit = parseInt(payload.blacklistedTagsLimit)||50;
         saveBtn.disabled = true; var orig = saveBtn.innerHTML; saveBtn.innerHTML = '<div class="spinner-border spinner-border-sm" style="width:16px;height:16px;"></div>';
-        fetch('/jellyseerr/parametres/save', { method:'POST', credentials:'same-origin', headers:{'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'}, body:JSON.stringify(payload) })
+        fetch(BASE + '/jellyseerr/parametres/save', { method:'POST', credentials:'same-origin', headers:{'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'}, body:JSON.stringify(payload) })
         .then(function(r){ return r.json(); }).then(function(d){ saveBtn.disabled=false; saveBtn.innerHTML=orig; statusEl.innerHTML=d.ok?'<span class="text-success">' + _I18N.saved + '</span>':'<span class="text-danger">' + _I18N.error + '</span>'; setTimeout(function(){statusEl.innerHTML='';},3000); })
         .catch(function(){ saveBtn.disabled=false; saveBtn.innerHTML=orig; statusEl.innerHTML='<span class="text-danger">' + _I18N.error + '</span>'; });
     });
diff --git a/symfony/templates/jellyseerr/settings/services.html.twig b/symfony/templates/jellyseerr/settings/services.html.twig
index 9ad07974..15101d96 100644
--- a/symfony/templates/jellyseerr/settings/services.html.twig
+++ b/symfony/templates/jellyseerr/settings/services.html.twig
@@ -171,6 +171,7 @@
 {% block javascripts %}
 <script>
 (function(){
+    var BASE = '{{ app.request.getBasePath() }}';
     var _I18N = {
         addTitleTpl: {{ 'jellyseerr.settings.services.modal_add_title_tpl'|trans|json_encode|raw }},
         editTitleTpl: {{ 'jellyseerr.settings.services.modal_edit_title_tpl'|trans|json_encode|raw }},
@@ -391,8 +392,8 @@
 
         btn.disabled = true; btn.innerHTML = '<div class="spinner-border spinner-border-sm" style="width:14px;height:14px;"></div>';
         var saveUrl = currentId === -1
-            ? '/jellyseerr/parametres/services/' + currentType + '/create'
-            : '/jellyseerr/parametres/services/' + currentType + '/' + currentId + '/save';
+            ? BASE + '/jellyseerr/parametres/services/' + currentType + '/create'
+            : BASE + '/jellyseerr/parametres/services/' + currentType + '/' + currentId + '/save';
         fetch(saveUrl, {
             method:'POST', credentials:'same-origin',
             headers:{'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'},
@@ -407,7 +408,7 @@
     document.getElementById('js-modal-test').addEventListener('click', function(){
         var statusEl = document.getElementById('js-modal-status');
         statusEl.innerHTML = '<div class="spinner-border spinner-border-sm text-success" style="width:14px;height:14px;"></div> ' + _I18N.testingLabel;
-        fetch('/jellyseerr/parametres/services/test', {
+        fetch(BASE + '/jellyseerr/parametres/services/test', {
             method:'POST', credentials:'same-origin',
             headers:{'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'},
             body: JSON.stringify({ type:currentType, hostname:document.getElementById('js-srv-host').value, port:parseInt(document.getElementById('js-srv-port').value)||0, apiKey:document.getElementById('js-srv-apikey').value, useSsl:document.getElementById('js-srv-ssl').checked, baseUrl:document.getElementById('js-srv-base').value })
@@ -460,7 +461,7 @@
         var typeLabel = currentType === 'radarr' ? _I18N.radarrLabel : _I18N.sonarrLabel;
         if (!confirm(tpl(_I18N.confirmDeleteTpl, {TYPE: typeLabel}))) return;
         this.disabled = true;
-        fetch('/jellyseerr/parametres/services/' + currentType + '/' + currentId + '/delete', {
+        fetch(BASE + '/jellyseerr/parametres/services/' + currentType + '/' + currentId + '/delete', {
             method:'POST', credentials:'same-origin', headers:{'X-Requested-With':'XMLHttpRequest'}
         })
         .then(function(r){ return r.json(); })
@@ -473,7 +474,7 @@
     document.querySelectorAll('.js-test-srv').forEach(function(btn){
         btn.addEventListener('click', function(){
             var self = this; self.disabled = true; self.innerHTML = '<div class="spinner-border spinner-border-sm" style="width:12px;height:12px;"></div>';
-            fetch('/jellyseerr/parametres/services/test', {
+            fetch(BASE + '/jellyseerr/parametres/services/test', {
                 method:'POST', credentials:'same-origin',
                 headers:{'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'},
                 body: JSON.stringify({ type:this.dataset.type, hostname:this.dataset.hostname, port:parseInt(this.dataset.port), apiKey:(JSON.parse(this.closest('.card-body').querySelector('.js-edit-srv').dataset.srv)||{}).apiKey||'', useSsl:this.dataset.ssl==='1', baseUrl:this.dataset.base||'' })
diff --git a/symfony/templates/jellyseerr/settings/tasks_cache.html.twig b/symfony/templates/jellyseerr/settings/tasks_cache.html.twig
index 07fda2d2..a79e6476 100644
--- a/symfony/templates/jellyseerr/settings/tasks_cache.html.twig
+++ b/symfony/templates/jellyseerr/settings/tasks_cache.html.twig
@@ -282,6 +282,7 @@
 {% block javascripts %}
 <script>
 (function(){
+    var BASE = '{{ app.request.getBasePath() }}';
     // ── Run job ──
     document.querySelectorAll('.js-run-job').forEach(function(btn){
         btn.addEventListener('click', function(){
@@ -293,7 +294,7 @@
             var cancelBtn = btn.parentElement.querySelector('.js-cancel-job');
             if (cancelBtn) { cancelBtn.disabled = false; cancelBtn.style.opacity = '1'; }
 
-            fetch('/jellyseerr/job/' + jobId + '/run', {
+            fetch(BASE + '/jellyseerr/job/' + jobId + '/run', {
                 method: 'POST', credentials: 'same-origin',
                 headers: {'X-Requested-With': 'XMLHttpRequest'}
             })
@@ -318,7 +319,7 @@
     document.querySelectorAll('.js-cancel-job').forEach(function(btn){
         btn.addEventListener('click', function(){
             var jobId = btn.dataset.jobId;
-            fetch('/jellyseerr/job/' + jobId + '/cancel', {
+            fetch(BASE + '/jellyseerr/job/' + jobId + '/cancel', {
                 method: 'POST', credentials: 'same-origin',
                 headers: {'X-Requested-With': 'XMLHttpRequest'}
             })
@@ -343,7 +344,7 @@
             btn.disabled = true;
             btn.innerHTML = '<div class="spinner-border spinner-border-sm" style="width:12px;height:12px;"></div>';
 
-            fetch('/jellyseerr/cache/' + cacheId + '/flush', {
+            fetch(BASE + '/jellyseerr/cache/' + cacheId + '/flush', {
                 method: 'POST', credentials: 'same-origin',
                 headers: {'X-Requested-With': 'XMLHttpRequest'}
             })
@@ -370,7 +371,7 @@
         if (!confirm('Vider tout le cache Seerr ?')) return;
         flushAll.disabled = true;
         flushAll.innerHTML = '<div class="spinner-border spinner-border-sm" style="width:14px;height:14px;"></div> Vidage…';
-        fetch('/jellyseerr/cache/flush', {
+        fetch(BASE + '/jellyseerr/cache/flush', {
             method: 'POST', credentials: 'same-origin',
             headers: {'X-Requested-With': 'XMLHttpRequest'}
         })
@@ -521,7 +522,7 @@
         if (!schedule || schedule === '—') return;
 
         cronSave.disabled = true;
-        fetch('/jellyseerr/job/' + jobId + '/schedule', {
+        fetch(BASE + '/jellyseerr/job/' + jobId + '/schedule', {
             method: 'POST', credentials: 'same-origin',
             headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
             body: JSON.stringify({schedule: schedule})
diff --git a/symfony/templates/jellyseerr/settings/users.html.twig b/symfony/templates/jellyseerr/settings/users.html.twig
index 8e237dd5..6168c345 100644
--- a/symfony/templates/jellyseerr/settings/users.html.twig
+++ b/symfony/templates/jellyseerr/settings/users.html.twig
@@ -150,6 +150,7 @@
 {% block javascripts %}
 <script>
 (function(){
+    var BASE = '{{ app.request.getBasePath() }}';
     var SU_I18N = {
         saved: {{ 'jellyseerr.settings.settings_users.saved'|trans|json_encode|raw }},
         error: {{ 'jellyseerr.settings.settings_users.error'|trans|json_encode|raw }}
@@ -207,7 +208,7 @@
 
         saveBtn.disabled = true; var orig = saveBtn.innerHTML;
         saveBtn.innerHTML = '<div class="spinner-border spinner-border-sm" style="width:16px;height:16px;"></div>';
-        fetch('/jellyseerr/parametres/save', { method:'POST', credentials:'same-origin', headers:{'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'}, body:JSON.stringify(payload) })
+        fetch(BASE + '/jellyseerr/parametres/save', { method:'POST', credentials:'same-origin', headers:{'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'}, body:JSON.stringify(payload) })
         .then(function(r){ return r.json(); })
         .then(function(d){ saveBtn.disabled=false; saveBtn.innerHTML=orig; statusEl.innerHTML=d.ok?'<span class="text-success">'+SU_I18N.saved+'</span>':'<span class="text-danger">'+SU_I18N.error+'</span>'; setTimeout(function(){statusEl.innerHTML='';},3000); })
         .catch(function(){ saveBtn.disabled=false; saveBtn.innerHTML=orig; statusEl.innerHTML='<span class="text-danger">'+SU_I18N.error+'</span>'; });
diff --git a/symfony/templates/jellyseerr/user_detail.html.twig b/symfony/templates/jellyseerr/user_detail.html.twig
index 2549fddd..8fedebf6 100644
--- a/symfony/templates/jellyseerr/user_detail.html.twig
+++ b/symfony/templates/jellyseerr/user_detail.html.twig
@@ -523,6 +523,7 @@
 {% block javascripts %}
 <script>
 (function(){
+    var BASE = '{{ app.request.getBasePath() }}';
     var _I18N = {
         saved: {{ 'jellyseerr.common.saved'|trans|json_encode|raw }},
         error: {{ 'jellyseerr.common.error'|trans|json_encode|raw }},
@@ -645,7 +646,7 @@
         var discoverLangs = [];
         document.querySelectorAll('.js-lang-cb:checked').forEach(function(cb){ discoverLangs.push(cb.value); });
         var discoverLangVal = discoverLangs.join('|');
-        postJSON('/jellyseerr/utilisateurs/' + userId + '/settings', {
+        postJSON(BASE + '/jellyseerr/utilisateurs/' + userId + '/settings', {
             username: document.getElementById('js-set-username').value.trim() || null,
             email: document.getElementById('js-set-email').value.trim(),
             locale: langVal === '' ? '' : langVal,
@@ -668,7 +669,7 @@
         var statusEl = document.getElementById('js-password-status');
         if (pw.length < 8) { feedback(statusEl, false, _I18N.passwordMinLength); return; }
         if (pw !== confirm) { feedback(statusEl, false, _I18N.passwordMismatch); return; }
-        postJSON('/jellyseerr/utilisateurs/' + userId + '/password', {password: pw}, this, statusEl);
+        postJSON(BASE + '/jellyseerr/utilisateurs/' + userId + '/password', {password: pw}, this, statusEl);
     });
 
     // ── Permissions — same behavior as native Seerr ──
@@ -767,7 +768,7 @@
         fourKBits.forEach(function(bit) {
             if (originalPerms & bit) newPerms |= bit;
         });
-        postJSON('/jellyseerr/utilisateurs/' + userId + '/permissions', {permissions: newPerms}, this, document.getElementById('js-perms-status'));
+        postJSON(BASE + '/jellyseerr/utilisateurs/' + userId + '/permissions', {permissions: newPerms}, this, document.getElementById('js-perms-status'));
     });
 
     // ── Notification channel tabs ──
@@ -855,7 +856,7 @@
         el = document.getElementById('js-notif-pushover-user');
         if (el) payload.pushoverUserKey = el.value.trim() || null;
 
-        postJSON('/jellyseerr/utilisateurs/' + userId + '/notifications', payload, this, document.getElementById('js-notifs-status'));
+        postJSON(BASE + '/jellyseerr/utilisateurs/' + userId + '/notifications', payload, this, document.getElementById('js-notifs-status'));
     });
 
     // ── Delete user ──
@@ -863,12 +864,12 @@
     if (deleteBtn) deleteBtn.addEventListener('click', function(){
         if (!confirm(_I18N.confirmDelete)) return;
         this.disabled = true;
-        fetch('/jellyseerr/utilisateurs/' + userId + '/delete', {
+        fetch(BASE + '/jellyseerr/utilisateurs/' + userId + '/delete', {
             method:'POST', credentials:'same-origin', headers:{'X-Requested-With':'XMLHttpRequest'}
         })
         .then(function(r){ return r.json(); })
         .then(function(d){
-            if (d.ok) { window.location.href = '/jellyseerr/utilisateurs'; }
+            if (d.ok) { window.location.href = BASE + '/jellyseerr/utilisateurs'; }
             else { alert(d.error || _I18N.error); deleteBtn.disabled = false; }
         });
     });
diff --git a/symfony/templates/jellyseerr/users.html.twig b/symfony/templates/jellyseerr/users.html.twig
index a7f520fa..6f31c9f6 100644
--- a/symfony/templates/jellyseerr/users.html.twig
+++ b/symfony/templates/jellyseerr/users.html.twig
@@ -194,6 +194,7 @@
 {% block javascripts %}
 <script>
 (function(){
+    var BASE = '{{ app.request.getBasePath() }}';
     var _I18N = {
         confirmDeleteTpl: {{ 'jellyseerr.common.confirm_delete_user_tpl'|trans|json_encode|raw }},
         cannotDelete: {{ 'jellyseerr.users.cannot_delete_account'|trans|json_encode|raw }},
@@ -307,7 +308,7 @@
 
             var self = this;
             self.disabled = true;
-            fetch('/jellyseerr/utilisateurs/' + id + '/delete', {
+            fetch(BASE + '/jellyseerr/utilisateurs/' + id + '/delete', {
                 method:'POST', credentials:'same-origin', headers:{'X-Requested-With':'XMLHttpRequest'}
             })
             .then(function(r){ return r.json(); })
@@ -336,7 +337,7 @@
         var body = document.getElementById('js-create-body');
         body.innerHTML = '<div class="text-center py-3"><div class="spinner-border text-purple"></div></div>';
 
-        fetch('/jellyseerr/service/settings-main', { credentials:'same-origin', headers:{'Accept':'application/json'} })
+        fetch(BASE + '/jellyseerr/service/settings-main', { credentials:'same-origin', headers:{'Accept':'application/json'} })
             .then(function(r){ return r.json(); })
             .then(function(settings){
                 var localLogin = settings.localLogin || false;
@@ -446,7 +447,7 @@
         createSubmit.disabled = true;
         createSubmit.innerHTML = '<div class="spinner-border spinner-border-sm"></div>';
 
-        fetch('/jellyseerr/utilisateurs/create', {
+        fetch(BASE + '/jellyseerr/utilisateurs/create', {
             method:'POST', credentials:'same-origin',
             headers:{'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'},
             body: JSON.stringify(payload)
@@ -466,7 +467,7 @@
         body.innerHTML = '<div class="text-center py-3"><div class="spinner-border text-purple"></div></div>';
         submitBtn.disabled = true;
 
-        fetch('/jellyseerr/service/jellyfin-users', { credentials:'same-origin', headers:{'Accept':'application/json'} })
+        fetch(BASE + '/jellyseerr/service/jellyfin-users', { credentials:'same-origin', headers:{'Accept':'application/json'} })
             .then(function(r){ return r.json(); })
             .then(function(data){
                 var users = data.users || [];
@@ -522,7 +523,7 @@
         importSubmit.disabled = true;
         importSubmit.innerHTML = '<div class="spinner-border spinner-border-sm"></div>';
 
-        fetch('/jellyseerr/utilisateurs/import-jellyfin', {
+        fetch(BASE + '/jellyseerr/utilisateurs/import-jellyfin', {
             method:'POST', credentials:'same-origin',
             headers:{'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'},
             body: JSON.stringify({jellyfinUserIds: ids})
@@ -545,7 +546,7 @@
         var body = document.getElementById('js-profile-body');
         body.innerHTML = '<div class="text-center py-4"><div class="spinner-border text-purple"></div></div>';
 
-        fetch('/jellyseerr/utilisateurs/' + id, { credentials:'same-origin', headers:{'Accept':'application/json','X-Requested-With':'XMLHttpRequest'} })
+        fetch(BASE + '/jellyseerr/utilisateurs/' + id, { credentials:'same-origin', headers:{'Accept':'application/json','X-Requested-With':'XMLHttpRequest'} })
             .then(function(r){ return r.json(); })
             .then(function(u){
                 var name = u.displayName || u.jellyfinUsername || u.email || '?';
@@ -696,7 +697,7 @@
                 if (u.id === 1) {
                     html += '<div class="text-secondary text-center small py-1">' + _I18N.profileOwnerLocked + '</div>';
                 } else {
-                    html += '<a href="/jellyseerr/utilisateurs/' + u.id + '" class="btn btn-primary w-100">';
+                    html += '<a href="' + BASE + '/jellyseerr/utilisateurs/' + u.id + '" class="btn btn-primary w-100">';
                     html += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="me-1"><path d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/><circle cx="12" cy="12" r="3"/></svg>';
                     html += _I18N.profileManageUser + '</a>';
                 }
diff --git a/symfony/templates/media/_radarr_nav.html.twig b/symfony/templates/media/_radarr_nav.html.twig
index 0f0fcc38..194e3581 100644
--- a/symfony/templates/media/_radarr_nav.html.twig
+++ b/symfony/templates/media/_radarr_nav.html.twig
@@ -18,7 +18,7 @@
 <div class="d-flex gap-2 align-items-center" style="position:relative;">
 
   <a href="{{ instance_path('app_media_films') }}"
-     class="btn btn-sm btn-primary"
+     class="btn btn-sm btn-primary js-libfilter-link"
      title="{{ 'media.nav.library_films'|trans }}">
     {{ 'media.nav.films'|trans }}
   </a>
diff --git a/symfony/templates/media/_sonarr_nav.html.twig b/symfony/templates/media/_sonarr_nav.html.twig
index 22604a6b..b73bdbb8 100644
--- a/symfony/templates/media/_sonarr_nav.html.twig
+++ b/symfony/templates/media/_sonarr_nav.html.twig
@@ -18,7 +18,7 @@
 <div class="d-flex gap-2 align-items-center" style="position:relative;">
 
   <a href="{{ instance_path('app_media_series') }}"
-     class="btn btn-sm btn-primary"
+     class="btn btn-sm btn-primary js-libfilter-link"
      title="{{ 'media.nav.library_series'|trans }}">
     {{ 'media.nav.series'|trans }}
   </a>
diff --git a/symfony/templates/media/downloads.html.twig b/symfony/templates/media/downloads.html.twig
index 2c0ac895..b0e9ff6f 100644
--- a/symfony/templates/media/downloads.html.twig
+++ b/symfony/templates/media/downloads.html.twig
@@ -89,7 +89,13 @@
 
 {# ── Grille ── #}
 {% if torrents is empty and not error %}
-  <div class="card"><div class="card-body text-center text-muted py-4">{{ 'media.downloads.empty'|trans }}</div></div>
+  {% import '_icons.html.twig' as ico %}
+  <div class="card">
+    <div class="empty py-4">
+      <div class="empty-icon">{{ ico.icon('download', '', 32) }}</div>
+      <p class="empty-title mb-0">{{ 'media.downloads.empty'|trans }}</p>
+    </div>
+  </div>
 {% else %}
   <div class="torrent-grid" id="torrent-grid">
     {% for t in torrents %}
diff --git a/symfony/templates/media/films.html.twig b/symfony/templates/media/films.html.twig
index 23f436b4..cc23f547 100644
--- a/symfony/templates/media/films.html.twig
+++ b/symfony/templates/media/films.html.twig
@@ -56,17 +56,11 @@
     border-radius: .25rem; background: rgba(0,0,0,.65); color: #fff;
     backdrop-filter: blur(4px);
 }
+/* Tabler .ribbon scaled for the compact poster card (the "New" flag). */
+.media-card .ribbon { font-size: .56rem; font-weight: 700; padding: .05rem .4rem; z-index: 2; letter-spacing: .03em; }
 .queue-progress { height: 4px; border-radius: 2px; background: var(--tblr-bg-surface-secondary); overflow: hidden; margin-top: .25rem; }
 .queue-progress-bar { height: 100%; border-radius: 2px; background: var(--tblr-primary); transition: width .3s; }
 @keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: .5; } }
-/* Issue #19 — status filter buttons: outlined variants with a tinted active state */
-.filter-btn { font-weight: 500; }
-.filter-btn.active { color: #fff !important; }
-.filter-btn[data-filter="all"].active,
-.filter-btn[data-filter="unmonitored"].active { background-color: var(--tblr-secondary) !important; border-color: var(--tblr-secondary) !important; }
-.filter-btn[data-filter="monitored"].active { background-color: var(--tblr-info) !important; border-color: var(--tblr-info) !important; }
-.filter-btn[data-filter="downloaded"].active { background-color: var(--tblr-success) !important; border-color: var(--tblr-success) !important; }
-.filter-btn[data-filter="missing"].active { background-color: var(--tblr-warning) !important; border-color: var(--tblr-warning) !important; }
 
 /* ── Modal film detail ── */
 .film-header-backdrop {
@@ -244,6 +238,36 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
    la page. Donne l'impression que ça réagit instantanément même sur un full
    reload de 200-500ms. */
 .library-loading { opacity: 0.5; transition: opacity 120ms ease-out; pointer-events: none; }
+
+/* ── Mobile/tablet readability floor (responsive audit 2026-06-29) ──
+   Floor sub-11px text at 11px (.6875rem) below the lg breakpoint. Kept last
+   in this block so it wins the cascade at equal specificity; desktop
+   (≥992px) keeps the original sizes. Note: the hover-info overlay stays
+   hover-only here — every action it carries is also reachable by tapping
+   the card (detail modal), so touch loses nothing. */
+@media (max-width: 991.98px) {
+  .media-card .card-year,
+  .media-card .quality-badge,
+  .media-grid.view-extended .media-card .no-poster,
+  .media-card .hover-info .h-year,
+  .media-card .hover-info .h-overview,
+  .media-card .hover-info .h-badges .badge,
+  .shelf-scroll .shelf-card .shelf-title,
+  .cast-card .cast-role,
+  .film-genre-badge { font-size: .6875rem; }
+}
+/* ── Mobile filter drawer (responsive offcanvas) ──
+   At ≥992px Bootstrap renders .offcanvas-lg static/inline. It forces the
+   element transparent and the body to flex/no-padding/overflow-visible and
+   hides the header — undoing the .card look. Restore the desktop card chrome
+   at equal-or-higher specificity so the ≥992px toolbar is unchanged. */
+@media (min-width: 992px) {
+  .films-toolbar-filters.offcanvas-lg { background-color: var(--tblr-bg-surface, var(--tblr-card-bg)) !important; border: var(--tblr-border-width, 1px) solid var(--tblr-border-color) !important; }
+  .films-toolbar-filters.offcanvas-lg .offcanvas-body { display: block !important; padding: .5rem 1rem !important; overflow: visible !important; }
+}
+@media (max-width: 991.98px) {
+  .films-toolbar-filters.offcanvas-lg { border: 0; border-radius: 0; height: auto !important; }
+}
 </style>
 {% endblock %}
 
@@ -271,28 +295,26 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
 {% if not error %}
 <div id="warnings-banner"></div>
 
-{# ── Stats (compact strip — #7) ── #}
-<div class="card card-sm mb-3">
-  <div class="card-body py-2 d-flex flex-wrap align-items-baseline justify-content-around gap-2 gap-sm-3">
-    <div><span class="h3 mb-0">{{ stats.total }}</span> <span class="text-muted small">{{ 'media.films.stats.total'|trans }}</span></div>
-    <div><span class="h3 mb-0 text-success">{{ stats.downloaded }}</span> <span class="text-muted small">{{ 'media.films.stats.downloaded'|trans }}</span></div>
-    <div><span class="h3 mb-0 text-warning">{{ stats.monitored }}</span> <span class="text-muted small">{{ 'media.films.stats.waiting'|trans }}</span></div>
-    <div><span class="h3 mb-0">{{ stats.totalGb }} <span class="text-muted fs-5">{{ 'media.films.stats.gb_suffix'|trans }}</span></span> <span class="text-muted small">{{ 'media.films.stats.total_size'|trans }}</span></div>
-  </div>
-</div>
+{# ── Stats (compact strip — #7, shared partial) ── #}
+{% include '_stat_tiles.html.twig' with { layout:'strip', tiles:[
+  { value: stats.total,      label: 'media.films.stats.total'|trans },
+  { value: stats.downloaded, label: 'media.films.stats.downloaded'|trans, hue:'success' },
+  { value: stats.monitored,  label: 'media.films.stats.waiting'|trans,    hue:'warning' },
+  { value: stats.totalGb,    label: 'media.films.stats.total_size'|trans, unit: 'media.films.stats.gb_suffix'|trans }
+] } only %}
 
 {# ── Download queue (auto-refresh) ── #}
 <div id="queue-card" class="card mb-3" style="{{ queue is empty ? 'display:none' : '' }}">
   <div class="card-header" style="cursor:pointer;" id="queue-toggle">
     <h3 class="card-title d-flex align-items-center gap-2">
-      <svg id="queue-chevron" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="transition:transform .2s; transform: rotate(90deg);"><path d="m9 18 6-6-6-6"/></svg>
+      <svg id="queue-chevron" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="transition:transform .2s;"><path d="m9 18 6-6-6-6"/></svg>
       {{ ico.icon('download', '', 18) }} {{ 'media.films.queue.title'|trans }} <span class="badge bg-primary text-white ms-1" id="queue-count">{{ queue|length }}</span>
     </h3>
     <div class="card-actions">
       <span class="text-muted small" id="queue-refresh-label"></span>
     </div>
   </div>
-  <div id="queue-body"></div>
+  <div id="queue-body" style="display:none;"></div>
 </div>
 
 {# ── Filters (issue #19 — server-side pagination + filters) ──
@@ -302,21 +324,32 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
      - Right card: view modes (row 1) + actions refresh / RSS / select / + Add (row 2)
    The right card sizes to its content, the left one stretches to fill the rest.
    On mobile (<1200px) they stack vertically via the xl breakpoint. #}
+{% set filter_count = (query.status != 'all' ? 1 : 0) + (query.q != '' ? 1 : 0) + (query.quality != '' ? 1 : 0) + (query.genre != '' ? 1 : 0) + (query.language != '' ? 1 : 0) + (query.sort != 'title-asc' ? 1 : 0) %}
 <div class="row g-2 mb-3 align-items-stretch films-toolbar">
   <div class="col-12 col-xl-9">
-    <div class="card h-100 films-toolbar-filters">
-      <div class="card-body py-2">
-      <form method="get" id="films-filter-form" action="{{ path('app_media_films', { slug: current_instance.slug }) }}" class="d-flex flex-column gap-2">
+    <div class="card h-100 films-toolbar-filters offcanvas-lg offcanvas-start" tabindex="-1" id="films-filters-drawer" aria-labelledby="films-filters-drawer-label">
+      <div class="offcanvas-header">
+        <h5 class="offcanvas-title" id="films-filters-drawer-label">{{ 'media.films.filters.drawer_title'|trans }}</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#films-filters-drawer" aria-label="Close"></button>
+      </div>
+      <div class="card-body offcanvas-body py-2">
+      <form method="get" id="films-filter-form" action="{{ path('app_media_films', { slug: current_instance.slug }) }}" class="d-flex flex-column gap-2" data-libfilter-type="films" data-libfilter-slug="{{ current_instance.slug }}">
         <input type="hidden" name="status" id="films-filter-status" value="{{ query.status }}">
         {# Row 1: search input (fixed width) + 5 status buttons sharing the remaining width via flex-fill. #}
         <div class="d-flex align-items-center gap-2 flex-wrap flex-md-nowrap">
           <input type="text" name="q" id="search-input" class="form-control form-control-sm" placeholder="{{ 'media.films.filters.search_placeholder'|trans }}" style="max-width:220px" value="{{ query.q }}" autocomplete="off">
           <div class="d-flex gap-1 flex-wrap flex-md-nowrap films-status-group flex-fill">
-            <button type="button" class="btn btn-sm btn-outline-secondary filter-btn flex-fill{% if query.status == 'all' %} active{% endif %}" data-filter="all">{{ 'media.films.filters.status.all'|trans }}</button>
-            <button type="button" class="btn btn-sm btn-outline-success filter-btn flex-fill{% if query.status == 'downloaded' %} active{% endif %}" data-filter="downloaded">{{ 'media.films.filters.status.downloaded'|trans }}</button>
-            <button type="button" class="btn btn-sm btn-outline-warning filter-btn flex-fill{% if query.status == 'missing' %} active{% endif %}" data-filter="missing">{{ 'media.films.filters.status.missing'|trans }}</button>
-            <button type="button" class="btn btn-sm btn-outline-secondary filter-btn flex-fill{% if query.status == 'unmonitored' %} active{% endif %}" data-filter="unmonitored">{{ 'media.films.filters.status.unmonitored'|trans }}</button>
-            <button type="button" class="btn btn-sm btn-outline-info filter-btn flex-fill{% if query.status == 'monitored' %} active{% endif %}" data-filter="monitored">{{ 'media.films.filters.status.monitored'|trans }}</button>
+            {% include '_filter_pills.html.twig' with {
+              active: query.status,
+              fill: true,
+              pills: [
+                { filter: 'all',         label: 'media.films.filters.status.all'|trans,         hue: 'var(--tblr-secondary)' },
+                { filter: 'downloaded',  label: 'media.films.filters.status.downloaded'|trans,  hue: 'var(--tblr-success)' },
+                { filter: 'missing',     label: 'media.films.filters.status.missing'|trans,     hue: 'var(--tblr-warning)' },
+                { filter: 'unmonitored', label: 'media.films.filters.status.unmonitored'|trans, hue: 'var(--tblr-secondary)' },
+                { filter: 'monitored',   label: 'media.films.filters.status.monitored'|trans,   hue: 'var(--tblr-info)' }
+              ]
+            } only %}
           </div>
         </div>
         {# Row 2: 4 dropdowns sharing the available width via flex-fill. #}
@@ -361,9 +394,13 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
             {{ 'media.films.actions.search_filtered'|trans }}
           </button>
-          <a href="{{ path('app_media_films', { slug: current_instance.slug }) }}" class="btn btn-sm btn-ghost-secondary ms-auto">{{ 'media.films.pagination.reset_filters'|trans }}</a>
+          <a href="{{ path('app_media_films', { slug: current_instance.slug }) }}" class="btn btn-sm btn-ghost-secondary ms-auto js-libfilter-reset">{{ 'media.films.pagination.reset_filters'|trans }}</a>
         </div>
       {% endif %}
+      <div class="films-drawer-footer d-lg-none d-flex gap-2 justify-content-end mt-2 pt-2 border-top">
+        <a href="{{ path('app_media_films', { slug: current_instance.slug }) }}" class="btn btn-ghost-secondary js-libfilter-reset">{{ 'media.films.pagination.reset_filters'|trans }}</a>
+        <button type="button" class="btn btn-primary" id="films-filters-apply">{{ 'media.films.filters.apply'|trans }}</button>
+      </div>
       </div>
     </div>
   </div>
@@ -371,6 +408,11 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     <div class="card h-100 films-toolbar-actions">
       <div class="card-body py-2">
       <div class="d-flex flex-column gap-2 align-items-stretch">
+        <button type="button" class="btn btn-sm btn-outline-secondary d-lg-none" data-bs-toggle="offcanvas" data-bs-target="#films-filters-drawer">
+          <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/></svg>
+          {{ 'media.films.filters.open'|trans }}
+          {% if filter_count > 0 %}<span class="badge bg-primary ms-1" id="films-filters-count">{{ filter_count }}</span>{% endif %}
+        </button>
         <div class="d-flex gap-1" id="view-mode-btns">
           <button type="button" class="btn btn-sm btn-secondary view-btn flex-fill active" data-view="grid" title="{{ 'media.films.view.grid'|trans }}">
             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg>
@@ -632,6 +674,8 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     alternateTitles: movie.alternateTitles ?? []
   } %}
   <div class="media-card"
+       tabindex="0" role="button" data-kb-activate
+       aria-label="{{ movie.title }}{% if movie.year %} ({{ movie.year }}){% endif %}"
        data-bs-toggle="modal"
        data-bs-target="#modal-film"
        data-title="{{ movie.title|lower }}"
@@ -668,8 +712,12 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
       <div class="status-dot" style="background:#6b7280;" title="{{ 'media.films.status.unmonitored'|trans }}"></div>
     {% endif %}
 
-    {# Quality badge #}
-    {% if movie.quality %}
+    {# "New" ribbon on freshly-added items (Tabler .ribbon), otherwise the
+       quality badge — mutually exclusive so the top-left corner never doubles
+       up and the ribbon stays a sparse, meaningful signal. #}
+    {% if movie.added and date(movie.added) > date('-7 days') %}
+      <span class="ribbon ribbon-top ribbon-start bg-green">{{ 'common.labels.new_badge'|trans }}</span>
+    {% elseif movie.quality %}
       <div class="quality-badge">{{ movie.quality }}</div>
     {% endif %}
 
@@ -1081,6 +1129,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
 {% block javascripts %}
 <script>
 (function () {
+  var BASE = '{{ app.request.getBasePath() }}';
   /* ══════════════════════════════════════════════════════════════════════════
      i18n injection (FR source of truth ; locale bascule via ?_locale=en)
      ══════════════════════════════════════════════════════════════════════════ */
@@ -1339,14 +1388,21 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
      ══════════════════════════════════════════════════════════════════════════ */
   var grid    = document.getElementById('movies-grid');
   var search  = document.getElementById('search-input');
-  var btnAll  = document.querySelectorAll('#films-filter-form .filter-btn');
+  var btnAll  = document.querySelectorAll('#films-filter-form .filter-pill');
   var counter = document.getElementById('count-label'); // peut être null
   var filmsShelfView = document.getElementById('films-shelf-view');
   var filterForm   = document.getElementById('films-filter-form');
   var statusInput  = document.getElementById('films-filter-status');
   var filmsShelfBuilt = false;
 
+  // Below lg the filters live in an offcanvas drawer: auto-submit-on-change is
+  // suppressed (it would navigate and destroy the open drawer). The Apply
+  // button flips _applyingFilters and calls submitFiltersForm() once.
+  var _filtersMobile = window.matchMedia('(max-width: 991.98px)');
+  var _applyingFilters = false;
+
   function submitFiltersForm() {
+    if (_filtersMobile.matches && !_applyingFilters) return;
     if (!filterForm) return;
     if (typeof filterForm.requestSubmit === 'function') {
       filterForm.requestSubmit();
@@ -1369,6 +1425,13 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     if (el) el.addEventListener('change', submitFiltersForm);
   });
 
+  // Drawer Apply (mobile only): defer the single navigation to here.
+  var _filmsApplyBtn = document.getElementById('films-filters-apply');
+  if (_filmsApplyBtn) _filmsApplyBtn.addEventListener('click', function() {
+    _applyingFilters = true;
+    submitFiltersForm();
+  });
+
   // Debounced text search: submit after 300ms of inactivity so typing
   // a 5-letter word doesn't trigger 5 navigations.
   var _filmSearchTimer;
@@ -1412,7 +1475,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
   // the server (so bulk-filtered actions hit the whole filtered scope, not
   // just the items rendered on the current page).
   function fetchFilteredIds(extra) {
-    var url = '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/filter/ids?' + currentFilterParams(extra || {});
+    var url = BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/filter/ids?' + currentFilterParams(extra || {});
     return ajaxGet(url).then(function(data) {
       return (data && Array.isArray(data.ids)) ? data.ids : [];
     });
@@ -1481,7 +1544,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
       btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span> ' + ids.length + '...';
       showPageBannerHtml('<span class="spinner-border spinner-border-sm me-2"></span> ' + tpl(FILM_I18N.w_update_tpl, {COUNT: ids.length}), 'info');
 
-      return ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/bulk/refresh', { movieIds: ids })
+      return ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/bulk/refresh', { movieIds: ids })
       .then(function(data) {
         btn.disabled = false;
         btn.innerHTML = originalHtml;
@@ -1522,7 +1585,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
       btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span> ' + ids.length + '...';
       showPageBannerHtml('<span class="spinner-border spinner-border-sm me-2"></span> ' + tpl(FILM_I18N.w_search_progress_tpl, {COUNT: ids.length, IDX: INDEXER_COUNT}), 'info');
 
-      return ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/bulk/search', { movieIds: ids })
+      return ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/bulk/search', { movieIds: ids })
     .then(function(data) {
       if (data.ok && data.cmdId) {
         // Poll le statut de la commande
@@ -1532,7 +1595,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
         var bulkPoll = setInterval(function() {
           bulkPollCount++;
           var elapsed = bulkPollCount * 2;
-          ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/' + data.cmdId)
+          ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/' + data.cmdId)
           .then(function(cmd) {
             var st = (cmd.status || '').toLowerCase();
             var msg = cmd.message || '';
@@ -1848,7 +1911,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     var extrasEl = document.getElementById('film-extras');
     extrasEl.style.display = 'none';
     if (m.hasFile && m.id) {
-      ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + m.id + '/extras').then(function(extras) {
+      ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + m.id + '/extras').then(function(extras) {
         if (!extras || !extras.length) {
           extrasEl.textContent = FILM_I18N.no_extras;
         } else {
@@ -1908,8 +1971,8 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     titlesTbody.innerHTML = '';
 
     Promise.all([
-      ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + movieId + '/credits'),
-      ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/person/following')
+      ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + movieId + '/credits'),
+      ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/person/following')
     ])
     .then(function (results) {
       var credits = results[0] || [];
@@ -1939,14 +2002,14 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
               bm.querySelector('svg').setAttribute('fill', 'none');
               bm.querySelector('svg').setAttribute('stroke', 'rgba(255,255,255,.4)');
               bm.classList.remove('active');
-              ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/person/unfollow', { listId: parseInt(lid) });
+              ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/person/unfollow', { listId: parseInt(lid) });
               delete following[tmdbId];
             } else {
               // Follow
               bm.querySelector('svg').setAttribute('fill', '#6366f1');
               bm.querySelector('svg').setAttribute('stroke', '#6366f1');
               bm.classList.add('active');
-              ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/person/follow', {
+              ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/person/follow', {
                 personTmdbId: tmdbId,
                 personName: personName,
                 type: personType,
@@ -2054,7 +2117,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     timeline.innerHTML     = '';
     empty.style.display    = 'none';
 
-    ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + movieId + '/history')
+    ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + movieId + '/history')
     .then(function (items) {
       loading.style.display = 'none';
       if (!items.length) { empty.style.display = ''; return; }
@@ -2160,7 +2223,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span> ' + FILM_I18N.search_launch;
     showSearchFeedback(tpl(FILM_I18N.search_start_tpl, {TITLE: movieTitle}), 'info', true);
 
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/search')
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/search')
     .then(function (data) {
       if (!data.ok || !data.cmdId) {
         btn.disabled = false;
@@ -2177,7 +2240,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
 
       pollTimer = setInterval(function () {
         pollCount++;
-        ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/' + data.cmdId)
+        ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/' + data.cmdId)
         .then(function (cmd) {
           var st = (cmd.status || '').toLowerCase();
 
@@ -2188,8 +2251,8 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
 
             // Step 3: check the queue and history for the result
             Promise.all([
-              ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/history'),
-              ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/queue')
+              ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/history'),
+              ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/queue')
             ]).then(function (results) {
               var history = results[0] || [];
               var queue = results[1] || {};
@@ -2236,7 +2299,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
                   showSearchFeedback(msgs[msgIdx] + tpl(FILM_I18N.search_progress_elapsed_tpl, {SEC: releaseTimer}), 'info', true);
                 }, 1000);
 
-                ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/releases')
+                ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/releases')
                 .then(function(releases) {
                   clearInterval(releaseCountdown);
                   var approved = (releases || []).filter(function(r) { return r.approved; });
@@ -2245,7 +2308,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
                   if (approved.length > 0) {
                     showSearchFeedback(tpl(FILM_I18N.search_results_grab_best_tpl, {TOTAL: total, APPR: approved.length}), 'info', true);
                     var best = approved[0];
-                    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/grab', { guid: best.guid, indexerId: best.indexerId })
+                    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/grab', { guid: best.guid, indexerId: best.indexerId })
                     .then(function(gd) {
                       if (gd.ok) {
                         showSearchFeedback(tpl(FILM_I18N.search_grab_started_tpl, {INDEXER: best.indexer, TITLE: best.title.substring(0, 50)}), 'success', false);
@@ -2318,7 +2381,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     empty.style.display     = 'none';
     tbody.innerHTML         = '';
 
-    ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/releases')
+    ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/releases')
     .then(function (releases) {
       loading.style.display = 'none';
       if (!releases.length) { empty.style.display = ''; return; }
@@ -2418,7 +2481,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     var relTitle = row ? row.querySelector('td').textContent.trim() : '';
     btn.innerHTML = '<span class="spinner-border spinner-border-sm" style="width:.7rem;height:.7rem"></span>';
 
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/grab', { guid: btn.dataset.guid, indexerId: parseInt(btn.dataset.indexer) })
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/grab', { guid: btn.dataset.guid, indexerId: parseInt(btn.dataset.indexer) })
     .then(function (data) {
       if (data.ok) {
         btn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#22c55e" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>';
@@ -2446,7 +2509,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     btn.disabled = true;
     showSearchFeedback(FILM_I18N.refresh_in_progress, 'info', true);
 
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/refresh')
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/refresh')
     .then(function (data) {
       if (!data.ok || !data.cmdId) {
         btn.disabled = false;
@@ -2454,7 +2517,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
         return;
       }
       pollTimer = setInterval(function () {
-        ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/' + data.cmdId)
+        ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/' + data.cmdId)
         .then(function (cmd) {
           var st = (cmd.status || '').toLowerCase();
           if (st === 'completed') {
@@ -2463,7 +2526,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
             showSearchFeedback(FILM_I18N.refresh_done, 'success', false);
             setTimeout(hideSearchFeedback, 4000);
             // Refresh infos du film
-            ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/info').then(function(movie) {
+            ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/info').then(function(movie) {
               if (!movie || !movie.id) return;
               currentMovie = movie;
               var card = grid.querySelector('[data-id="' + currentId + '"]');
@@ -2494,7 +2557,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     var newMon = !currentMonitored;
     btn.disabled = true;
 
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/monitor', { monitored: newMon })
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/monitor', { monitored: newMon })
     .then(function (data) {
       btn.disabled = false;
       if (data.ok) {
@@ -2551,7 +2614,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     content.innerHTML = '';
     feedback.style.display = 'none';
 
-    ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/config').then(function(config) {
+    ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/config').then(function(config) {
       editCardLoaded = true;
       loading.style.display = 'none';
       var m = currentMovie;
@@ -2637,7 +2700,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
         var val = input.value.trim();
         if (!val) return;
         input.value = '';
-        ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/config/tag', { label: val }).then(function(data) {
+        ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/config/tag', { label: val }).then(function(data) {
           if (data.ok && data.tag) {
             var container = document.getElementById('edit-tags-container');
             var lbl = document.createElement('label');
@@ -2662,7 +2725,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
       function browsePath(path) {
         browser.style.display = '';
         browser.innerHTML = '<div class="p-2 text-muted small"><span class="spinner-border spinner-border-sm me-1"></span></div>';
-        ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/filesystem?path=' + encodeURIComponent(path)).then(function(data) {
+        ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/filesystem?path=' + encodeURIComponent(path)).then(function(data) {
           var dirs = data.directories || [];
           var parentPath = data.parent || '/';
           var h = '';
@@ -2693,7 +2756,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
       document.getElementById('edit-path-update').addEventListener('click', function() {
         var newPath = document.getElementById('edit-path').value;
         if (!newPath || !confirm(tpl(FILM_I18N.edit_update_path_confirm_tpl, {PATH: newPath}))) return;
-        ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/edit', { path: newPath }).then(function(data) {
+        ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/edit', { path: newPath }).then(function(data) {
           if (data.ok) showPageBanner(FILM_I18N.banner_path_update, 'success');
         });
       });
@@ -2711,7 +2774,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
       document.getElementById('edit-delete-movie').addEventListener('click', function() {
         if (!confirm(tpl(FILM_I18N.edit_delete_confirm_tpl, {TITLE: m.title || ''}))) return;
         var deleteFiles = confirm(FILM_I18N.edit_delete_files_confirm);
-        ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/delete', { deleteFiles: deleteFiles }).then(function() {
+        ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/delete', { deleteFiles: deleteFiles }).then(function() {
           var card = grid.querySelector('[data-id="' + currentId + '"]');
           if (card) card.remove();
           closeEditCard();
@@ -2727,7 +2790,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
         content.querySelectorAll('.edit-tag-cb:checked').forEach(function(cb) {
           selectedTags.push(parseInt(cb.value));
         });
-        ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/edit', {
+        ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/edit', {
           monitored: document.getElementById('edit-monitored').checked,
           minimumAvailability: document.getElementById('edit-availability').value,
           qualityProfileId: parseInt(document.getElementById('edit-qualityProfile').value),
@@ -2801,7 +2864,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     deleteStatusMsg(FILM_I18N.delete_in_progress, 'muted');
 
     if (removeFromRadarr) {
-      ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/delete', { deleteFiles: deleteFiles })
+      ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/delete', { deleteFiles: deleteFiles })
       .then(function (data) {
         if (data.ok) {
           deleteStatusMsg(FILM_I18N.delete_success, 'success');
@@ -2811,10 +2874,10 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
         } else { deleteStatusMsg(FILM_I18N.delete_error_msg, 'danger'); }
       }).catch(function () { deleteStatusMsg(FILM_I18N.network_error, 'danger'); });
     } else {
-      ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/files')
+      ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/files')
       .then(function (files) {
         if (!files || !files.length) { deleteStatusMsg(FILM_I18N.no_file_found, 'danger'); return Promise.reject('no file'); }
-        return ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/files/' + files[0].id + '/delete');
+        return ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/files/' + files[0].id + '/delete');
       })
       .then(function (data) {
         if (data && data.ok) {
@@ -2890,7 +2953,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     // Show current filename from movieFile
     var curName = (currentMovie.movieFile && currentMovie.movieFile.relativePath) ? currentMovie.movieFile.relativePath : '';
 
-    ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + movieId + '/rename-preview')
+    ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + movieId + '/rename-preview')
     .then(function (proposals) {
       loading.style.display = 'none';
       if (!proposals || !proposals.length) {
@@ -2956,7 +3019,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span> ' + FILM_I18N.rename_launch;
     showRenameFeedback(FILM_I18N.rename_launch_start, 'info', true);
 
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/rename')
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/rename')
     .then(function (data) {
       if (!data.ok || !data.cmdId) {
         btn.disabled = false;
@@ -2967,7 +3030,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
 
       // Poll command status
       var renamePoll = setInterval(function () {
-        ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/' + data.cmdId)
+        ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/' + data.cmdId)
         .then(function (cmd) {
           var st = (cmd.status || '').toLowerCase();
           if (st === 'completed') {
@@ -2976,7 +3039,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
             btn.innerHTML = RENAME_SVG + FILM_I18N.rename_label;
             showRenameFeedback(FILM_I18N.rename_success, 'success', false);
             // Refetch the movie from the API to update the cache
-            ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/detail')
+            ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + currentId + '/detail')
             .then(function(freshMovie) {
               if (freshMovie && freshMovie.movieFile) {
                 currentMovie.movieFile = freshMovie.movieFile;
@@ -3072,10 +3135,10 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     content.innerHTML     = '';
 
     // Fetch files + quality definitions in parallel
-    var pFiles = ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + movieId + '/files');
+    var pFiles = ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + movieId + '/files');
     var pQuals = qualityDefsCache
       ? Promise.resolve(qualityDefsCache)
-      : ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/quality-definitions');
+      : ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/quality-definitions');
 
     Promise.all([pFiles, pQuals]).then(function (results) {
       var files = results[0] || [];
@@ -3219,7 +3282,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
         if (!confirm(FILM_I18N.delete_file_confirm)) return;
         btn.disabled = true;
         btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span>';
-        ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/files/' + fId + '/delete')
+        ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/files/' + fId + '/delete')
         .then(function (data) {
           if (data && data.ok) {
             showFileManagerFeedback(FILM_I18N.file_deleted, 'success');
@@ -3326,7 +3389,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     btn.disabled = true;
     btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span> ' + FILM_I18N.saving;
 
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/files/' + fileId + '/update', payload)
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/files/' + fileId + '/update', payload)
     .then(function (data) {
       if (data.ok) {
         showFileManagerFeedback(FILM_I18N.saved, 'success');
@@ -3380,7 +3443,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     if (bannerLocked) return;
     var el = document.getElementById('warnings-banner');
     if (!el) return;
-    ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/warnings?_t=' + Date.now()).then(function(warnings) {
+    ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/warnings?_t=' + Date.now()).then(function(warnings) {
       if (!warnings || !warnings.length) {
         el.innerHTML = '';
         return;
@@ -3544,11 +3607,11 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
         if (progCell) progCell.innerHTML = '<div class="d-flex align-items-center gap-2"><div class="queue-progress flex-grow-1"><div class="queue-progress-bar" style="width:100%;background:#9b59b6;animation:pulse 1.5s infinite"></div></div><span style="color:#9b59b6" class="small fw-medium">' + esc(FILM_I18N.q_importing) + '</span></div>';
         if (statusCell) statusCell.innerHTML = '<span class="badge bg-purple-lt text-purple">' + esc(FILM_I18N.q_status_importing) + '</span>';
 
-        ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/queue/' + queueId + '/import', {})
+        ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/queue/' + queueId + '/import', {})
         .then(function(data) {
           if (data.ok && data.cmdId) {
             var importPoll = setInterval(function() {
-              ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/' + data.cmdId).then(function(cmd) {
+              ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/' + data.cmdId).then(function(cmd) {
                 var st = (cmd.status || '').toLowerCase();
                 var msg = cmd.message || '';
                 if (progCell && st === 'started') {
@@ -3560,8 +3623,8 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
                   if (progCell) progCell.innerHTML = '<div class="d-flex align-items-center gap-2"><div class="queue-progress flex-grow-1"><div class="queue-progress-bar bg-success" style="width:100%"></div></div><span class="text-success small fw-medium">' + esc(FILM_I18N.q_import_done_status) + '</span></div>';
                   if (statusCell) statusCell.innerHTML = '<span class="badge bg-success-lt text-success">' + esc(FILM_I18N.q_import_done_status) + '</span>';
                   btn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#22c55e" stroke-width="2.5"><path d="M20 6 9 17l-5-5"/></svg>';
-                  ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/queue/' + queueId + '/delete', { blacklist: false, skipReimport: true }).catch(function(){});
-                  if (btn.dataset.movieId) ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + btn.dataset.movieId + '/rescan', {}).catch(function(){});
+                  ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/queue/' + queueId + '/delete', { blacklist: false, skipReimport: true }).catch(function(){});
+                  if (btn.dataset.movieId) ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + btn.dataset.movieId + '/rescan', {}).catch(function(){});
                   setTimeout(refreshQueue, 2000);
                 } else if (st === 'failed') {
                   clearInterval(importPoll);
@@ -3593,7 +3656,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
       if (btn._bound) return; btn._bound = true;
       btn.addEventListener('click', function() {
         btn.disabled = true;
-        ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/queue/' + btn.dataset.id + '/grab', {}).then(function(data) {
+        ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/queue/' + btn.dataset.id + '/grab', {}).then(function(data) {
           if (data.ok) refreshQueue();
           else btn.disabled = false;
         });
@@ -3630,7 +3693,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
           var blocklist = document.getElementById('qd-blocklist-' + queueId).checked;
           btn.disabled = true;
           optRow.remove();
-          ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/queue/' + queueId + '/delete', {
+          ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/queue/' + queueId + '/delete', {
             removeFromClient: removeFromClient,
             blocklist: blocklist,
             skipReimport: false
@@ -3649,7 +3712,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
 
   // Detect active commands on page load (ManualImport + searches)
   var RADARR_POLL_CMDS = {'MoviesSearch':1,'MissingMoviesSearch':1,'RenameMovie':1,'ManualImport':1};
-  ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/commands/active').then(function(cmds) {
+  ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/commands/active').then(function(cmds) {
     if (!cmds || !cmds.length) return;
     cmds.forEach(function(cmd) {
       if (!cmd.id) return;
@@ -3674,7 +3737,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
       var pollCmd = setInterval(function() {
         pollCount++;
         var elapsed = pollCount * 2;
-        ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/' + cmd.id).then(function(st) {
+        ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/' + cmd.id).then(function(st) {
           var status = (st.status || '').toLowerCase();
           var msg = st.message || '';
           if (status === 'completed') {
@@ -3720,9 +3783,9 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     refreshCount++;
     // Every 3 refreshes (6s), force Radarr to query qBittorrent
     if (refreshCount % 3 === 1) {
-      ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/refresh-downloads', {}).catch(function(){});
+      ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/refresh-downloads', {}).catch(function(){});
     }
-    ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/queue?_t=' + Date.now()).then(function(items) {
+    ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/queue?_t=' + Date.now()).then(function(items) {
       var currentIds = new Set();
       (items || []).forEach(function(q) { if (q.movieId) currentIds.add(q.movieId); });
 
@@ -3758,7 +3821,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
 
             // Si la modal est ouverte pour ce film → rafraîchir les infos
             if (currentId && String(currentId) === String(mid)) {
-              ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + mid + '/info').then(function(movie) {
+              ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + mid + '/info').then(function(movie) {
                 if (!movie || !movie.id) return;
                 currentMovie = movie;
                 try { card.dataset.movie = JSON.stringify(movie); } catch(e) {}
@@ -3814,7 +3877,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     results.innerHTML = '';
     document.getElementById('add-film-form').style.display = 'none';
 
-    ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/lookup?term=' + encodeURIComponent(term))
+    ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/lookup?term=' + encodeURIComponent(term))
     .then(function (movies) {
       loading.style.display = 'none';
       if (!movies.length) {
@@ -3881,7 +3944,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     document.getElementById('add-film-form').scrollIntoView({ behavior: 'smooth', block: 'nearest' });
 
     if (!configLoaded) {
-      ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/config')
+      ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/config')
       .then(function (cfg) {
         configData = cfg; configLoaded = true;
         var qualSel   = document.getElementById('add-quality-select');
@@ -3944,7 +4007,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     result.className = 'mt-3 alert alert-info'; result.classList.remove('d-none');
     result.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span> ' + FILM_I18N.m_adding;
 
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/add', {
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/add', {
       tmdbId:           parseInt(selectedMovie.tmdbId),
       title:            selectedMovie.title,
       year:             parseInt(selectedMovie.year),
@@ -3975,8 +4038,8 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
             result.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span> ' + tpl(FILM_I18N.m_searching_dots_tpl, {DOTS: dots}) + (elapsed >= 9 ? tpl(FILM_I18N.m_searching_elapsed_tpl, {SEC: elapsed}) : '');
 
             Promise.all([
-              ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/queue?_t=' + Date.now()),
-              ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + movieId + '/history')
+              ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/queue?_t=' + Date.now()),
+              ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + movieId + '/history')
             ]).then(function(results) {
               var queue = results[0];
               var history = results[1] || [];
@@ -4045,7 +4108,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     showPageBannerHtml('<span class="spinner-border spinner-border-sm me-2"></span> ' + tpl(FILM_I18N.w_cmd_in_progress_tpl, {LBL: label}), 'info');
     var timer = setInterval(function() {
       pollCount++;
-      ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/' + cmdId).then(function(cmd) {
+      ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/' + cmdId).then(function(cmd) {
         var st = (cmd.status || '').toLowerCase();
         var msg = cmd.message || '';
         if (st === 'completed') {
@@ -4064,7 +4127,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
 
   document.getElementById('btn-refresh-all').addEventListener('click', function() {
     var btn = this; btn.disabled = true;
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/refresh-all', {}).then(function(d) {
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/refresh-all', {}).then(function(d) {
       btn.disabled = false;
       if (d.ok && d.cmdId) pollFilmCmd(d.cmdId, FILM_I18N.w_refresh_label);
       else showPageBanner(FILM_I18N.w_generic_error, 'danger');
@@ -4073,7 +4136,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
 
   document.getElementById('btn-rss-sync').addEventListener('click', function() {
     var btn = this; btn.disabled = true;
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/rss-sync', {}).then(function(d) {
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/rss-sync', {}).then(function(d) {
       btn.disabled = false;
       if (d.ok && d.cmdId) pollFilmCmd(d.cmdId, FILM_I18N.w_rss_label);
       else showPageBanner(FILM_I18N.w_generic_error, 'danger');
@@ -4244,7 +4307,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     var id = btn.dataset.id;
     var mon = btn.dataset.monitored === '1';
     var newMon = !mon;
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + id + '/monitor', { monitored: newMon }).then(function(data) {
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + id + '/monitor', { monitored: newMon }).then(function(data) {
       if (data.ok) {
         btn.dataset.monitored = newMon ? '1' : '0';
         var svg = btn.querySelector('svg');
@@ -4358,7 +4421,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
   // Load config for bulk modals (lazy)
   function ensureBulkConfig(cb) {
     if (bulkConfigCache) { cb(bulkConfigCache); return; }
-    ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/config').then(function(config) {
+    ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/config').then(function(config) {
       bulkConfigCache = config;
       cb(config);
     });
@@ -4432,7 +4495,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     if (avail) payload.minimumAvailability = avail;
     if (root) payload.rootFolderPath = root;
     var btn = this; btn.disabled = true; btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span>';
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/bulk/edit', payload).then(function(d) {
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/bulk/edit', payload).then(function(d) {
       btn.disabled = false; btn.innerHTML = FILM_I18N.b_save;
       closeBulkModal('modal-bulk-edit');
       if (d.ok) { showPageBanner(tpl(FILM_I18N.w_bulk_modified_tpl, {COUNT: ids.length}), 'success'); setTimeout(function() { location.reload(); }, 1500); }
@@ -4465,7 +4528,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     var tagIds = []; document.querySelectorAll('.bulk-tag-cb:checked').forEach(function(cb) { tagIds.push(parseInt(cb.value)); });
     if (!tagIds.length) return;
     var btn = this; btn.disabled = true; btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span>';
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/bulk/edit', { movieIds: ids, tags: tagIds, applyTags: document.getElementById('bulk-tags-action').value }).then(function(d) {
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/bulk/edit', { movieIds: ids, tags: tagIds, applyTags: document.getElementById('bulk-tags-action').value }).then(function(d) {
       btn.disabled = false; btn.innerHTML = FILM_I18N.b_apply;
       closeBulkModal('modal-bulk-tags');
       if (d.ok) showPageBanner(tpl(FILM_I18N.w_bulk_tags_ok_tpl, {COUNT: ids.length}), 'success');
@@ -4498,7 +4561,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     ids.forEach(function(mid) {
       var card = grid.querySelector('[data-id="' + mid + '"]');
       var title = card ? (card.getAttribute('title') || '?') : '?';
-      ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + mid + '/rename-preview').then(function(proposals) {
+      ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + mid + '/rename-preview').then(function(proposals) {
         loaded++;
         if (proposals && proposals.length) {
           renameMovieIds.push(mid);
@@ -4542,7 +4605,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
     var btn = this; btn.disabled = true; btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span>';
     var done = 0;
     renameMovieIds.forEach(function(mid) {
-      ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + mid + '/rename', {}).then(function() {
+      ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + mid + '/rename', {}).then(function() {
         done++;
         if (done >= renameMovieIds.length) { btn.disabled = false; btn.innerHTML = FILM_I18N.b_organise; closeBulkModal('modal-bulk-rename'); showPageBanner(tpl(FILM_I18N.w_bulk_rename_ok_tpl, {COUNT: renameMovieIds.length}), 'success'); }
       }).catch(function() { done++; });
@@ -4563,7 +4626,7 @@ body.density-compact #modal-film .film-action-btn { font-size: .78rem; padding:
   document.getElementById('bulk-delete-confirm').addEventListener('click', function() {
     var ids = Array.from(selectedIds).map(Number);
     var btn = this; btn.disabled = true; btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span>';
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/bulk/delete', { movieIds: ids, deleteFiles: document.getElementById('bulk-delete-files').checked, addExclusion: document.getElementById('bulk-delete-exclude').checked }).then(function(d) {
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/bulk/delete', { movieIds: ids, deleteFiles: document.getElementById('bulk-delete-files').checked, addExclusion: document.getElementById('bulk-delete-exclude').checked }).then(function(d) {
       btn.disabled = false; btn.innerHTML = FILM_I18N.b_delete;
       closeBulkModal('modal-bulk-delete');
       if (d.ok) {
diff --git a/symfony/templates/media/films_blocklist.html.twig b/symfony/templates/media/films_blocklist.html.twig
index 6ad37f55..a6c2a354 100644
--- a/symfony/templates/media/films_blocklist.html.twig
+++ b/symfony/templates/media/films_blocklist.html.twig
@@ -128,6 +128,7 @@
 {% block javascripts %}
 <script>
 (function () {
+  var BASE = '{{ app.request.getBasePath() }}';
   var BL_I18N = {
     confirm_delete: {{ 'media.films_blocklist.confirm_delete'|trans|json_encode|raw }},
     confirm_bulk_delete_tpl: {{ 'media.films_blocklist.confirm_bulk_delete'|trans({count: '__COUNT__'})|json_encode|raw }},
@@ -170,7 +171,7 @@
       var row = this.closest('tr');
       if (!confirm(BL_I18N.confirm_delete)) return;
       btn.disabled = true;
-      postJson('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/blocklist/' + id + '/delete')
+      postJson(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/blocklist/' + id + '/delete')
       .then(function (data) {
         if (data.ok) row.remove();
         else { alert(BL_I18N.error); btn.disabled = false; }
@@ -186,7 +187,7 @@
     if (!confirm(BL_I18N.confirm_bulk_delete_tpl.replace('__COUNT__', checked.length))) return;
     var ids = Array.from(checked).map(function (c) { return parseInt(c.value); });
     bulkBtn.disabled = true;
-    postJson('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/blocklist/bulk-delete', { ids: ids })
+    postJson(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/blocklist/bulk-delete', { ids: ids })
     .then(function (data) {
       if (data.ok) {
         ids.forEach(function (id) {
diff --git a/symfony/templates/media/films_collections.html.twig b/symfony/templates/media/films_collections.html.twig
index 2402dc6e..9b8de60a 100644
--- a/symfony/templates/media/films_collections.html.twig
+++ b/symfony/templates/media/films_collections.html.twig
@@ -54,7 +54,13 @@
 <div class="container-xl">
 
 {% if collections is empty %}
-  <div class="alert alert-info">{{ 'media.films_collections.empty'|trans }}</div>
+  {% import '_icons.html.twig' as ico %}
+  <div class="card">
+    <div class="empty">
+      <div class="empty-icon">{{ ico.icon('movie', '', 36) }}</div>
+      <p class="empty-title mb-0">{{ 'media.films_collections.empty'|trans }}</p>
+    </div>
+  </div>
 {% else %}
 
 {# Stats globales #}
@@ -178,6 +184,7 @@
 {% block javascripts %}
 <script>
 (function () {
+  var BASE = '{{ app.request.getBasePath() }}';
 
   var COL_I18N = {
     film_count_tpl: {{ 'media.films_collections.modal.film_count'|trans({count: '__COUNT__'})|json_encode|raw }},
@@ -285,7 +292,7 @@
 
     // Load config for selects
     if (hasNonAdded && !colConfigCache) {
-      fetch('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/config', { headers: { 'X-Requested-With': 'XMLHttpRequest' } })
+      fetch(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/config', { headers: { 'X-Requested-With': 'XMLHttpRequest' } })
         .then(function(r) { return r.json(); })
         .then(function(cfg) {
           colConfigCache = cfg;
@@ -310,7 +317,7 @@
         btn.disabled = true;
         btn.innerHTML = '<span class="spinner-border spinner-border-sm" style="width:14px;height:14px;"></span>';
 
-        fetch('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/add', {
+        fetch(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/add', {
           method: 'POST',
           headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
           body: JSON.stringify({
@@ -356,7 +363,7 @@
     var newMonitored = btn.dataset.monitored !== '1';
     btn.disabled = true;
 
-    fetch('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/collections/' + id + '/monitor', {
+    fetch(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/collections/' + id + '/monitor', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' },
       body: JSON.stringify({ monitored: newMonitored }),
@@ -379,7 +386,7 @@
       var btn = this;
       btn.disabled = true;
 
-      fetch('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/collections/' + id + '/monitor', {
+      fetch(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/collections/' + id + '/monitor', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' },
         body: JSON.stringify({ monitored: newMonitored }),
diff --git a/symfony/templates/media/films_cutoff.html.twig b/symfony/templates/media/films_cutoff.html.twig
index c985fb9a..d489e7f0 100644
--- a/symfony/templates/media/films_cutoff.html.twig
+++ b/symfony/templates/media/films_cutoff.html.twig
@@ -111,6 +111,7 @@
 {% block javascripts %}
 <script>
 (function () {
+  var BASE = '{{ app.request.getBasePath() }}';
   var I18N = {
     launched: {{ 'media.films_cutoff.launched'|trans|json_encode|raw }},
     error: {{ 'media.films_cutoff.error'|trans|json_encode|raw }}
@@ -120,7 +121,7 @@
       var id = this.dataset.id;
       btn.disabled = true;
       btn.textContent = '…';
-      fetch('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + id + '/search', {
+      fetch(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + id + '/search', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' },
         body: '{}',
diff --git a/symfony/templates/media/films_missing.html.twig b/symfony/templates/media/films_missing.html.twig
index 419095cf..d05f54f2 100644
--- a/symfony/templates/media/films_missing.html.twig
+++ b/symfony/templates/media/films_missing.html.twig
@@ -147,6 +147,7 @@
 {% block javascripts %}
 <script>
 (function () {
+  var BASE = '{{ app.request.getBasePath() }}';
   var FM_I18N = {
     searching: {{ 'media.films_missing.searching'|trans|json_encode|raw }},
     download_started: {{ 'media.films_missing.download_started'|trans|json_encode|raw }},
@@ -205,7 +206,7 @@
       statusEl.classList.remove('d-none');
       statusEl.innerHTML = '<span class="text-muted">' + FM_I18N.searching + '</span>';
 
-      postJson('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + id + '/search')
+      postJson(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + id + '/search')
       .then(function (data) {
         if (!data.ok || !data.cmdId) {
           btn.innerHTML = SVG_FAIL;
@@ -215,7 +216,7 @@
           return;
         }
         var pollTimer = setInterval(function() {
-          getJson('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/' + data.cmdId).then(function(cmd) {
+          getJson(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/' + data.cmdId).then(function(cmd) {
             var st = (cmd.status || '').toLowerCase();
             var msg = cmd.message || '';
             if (st === 'completed') {
@@ -267,7 +268,7 @@
     btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span> ' + ids.length + '...';
     showBanner('<span class="spinner-border spinner-border-sm me-2"></span> ' + FM_I18N.searching_for_tpl.replace('__COUNT__', ids.length), 'info');
 
-    postJson('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/recherche-manquants')
+    postJson(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/recherche-manquants')
     .then(function (data) {
       if (!data.ok || !data.cmdId) {
         showBanner(FM_I18N.launch_error, 'danger');
@@ -282,7 +283,7 @@
       var pollTimer = setInterval(function() {
         pollCount++;
         var elapsed = Math.round(pollCount * 1.5);
-        getJson('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/' + data.cmdId).then(function(cmd) {
+        getJson(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/command/' + data.cmdId).then(function(cmd) {
           var st = (cmd.status || '').toLowerCase();
           var msg = cmd.message || '';
 
@@ -342,7 +343,7 @@
       var row = btn.closest('tr');
       if (!confirm(FM_I18N.confirm_unmonitor)) return;
       btn.disabled = true;
-      postJson('/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + id + '/monitor', { monitored: false })
+      postJson(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_RADARR_SLUG) + '/films/' + id + '/monitor', { monitored: false })
       .then(function (data) {
         if (data.ok) {
           row.style.opacity = '0.3';
diff --git a/symfony/templates/media/radarr_system.html.twig b/symfony/templates/media/radarr_system.html.twig
index 5d79c03f..801a19b6 100644
--- a/symfony/templates/media/radarr_system.html.twig
+++ b/symfony/templates/media/radarr_system.html.twig
@@ -32,49 +32,58 @@
     </div>
     <div class="card-body">
       {% if status %}
-        <dl class="row g-1">
-          <dt class="col-5 text-muted small">{{ 'media.arr_system.status.version'|trans }}</dt>
-          <dd class="col-7 small fw-medium mb-0">{{ status.version ?? '—' }}</dd>
-
-          <dt class="col-5 text-muted small">{{ 'media.arr_system.status.os'|trans }}</dt>
-          <dd class="col-7 small mb-0">{{ status.osName ?? '—' }} {{ status.osVersion ?? '' }}</dd>
-
-          <dt class="col-5 text-muted small">{{ 'media.arr_system.status.net'|trans }}</dt>
-          <dd class="col-7 small mb-0">{{ status.runtimeVersion ?? '—' }}</dd>
-
-          <dt class="col-5 text-muted small">{{ 'media.arr_system.status.db'|trans }}</dt>
-          <dd class="col-7 small mb-0">{{ status.databaseVersion ?? '—' }}</dd>
-
+        <div class="datagrid">
+          <div class="datagrid-item">
+            <div class="datagrid-title">{{ 'media.arr_system.status.version'|trans }}</div>
+            <div class="datagrid-content fw-medium">{{ status.version ?? '—' }}</div>
+          </div>
+          <div class="datagrid-item">
+            <div class="datagrid-title">{{ 'media.arr_system.status.os'|trans }}</div>
+            <div class="datagrid-content">{{ status.osName ?? '—' }} {{ status.osVersion ?? '' }}</div>
+          </div>
+          <div class="datagrid-item">
+            <div class="datagrid-title">{{ 'media.arr_system.status.net'|trans }}</div>
+            <div class="datagrid-content">{{ status.runtimeVersion ?? '—' }}</div>
+          </div>
+          <div class="datagrid-item">
+            <div class="datagrid-title">{{ 'media.arr_system.status.db'|trans }}</div>
+            <div class="datagrid-content">{{ status.databaseVersion ?? '—' }}</div>
+          </div>
           {% if status.startTime is defined %}
-          <dt class="col-5 text-muted small">{{ 'media.arr_system.status.started'|trans }}</dt>
-          <dd class="col-7 small mb-0">{{ status.startTime|date('d/m/Y H:i') }}</dd>
+          <div class="datagrid-item">
+            <div class="datagrid-title">{{ 'media.arr_system.status.started'|trans }}</div>
+            <div class="datagrid-content">{{ status.startTime|date('d/m/Y H:i') }}</div>
+          </div>
           {% endif %}
-
-          <dt class="col-5 text-muted small">{{ 'media.arr_system.status.url_base'|trans }}</dt>
-          <dd class="col-7 small mb-0">{{ status.urlBase ?? '/' }}</dd>
-
+          <div class="datagrid-item">
+            <div class="datagrid-title">{{ 'media.arr_system.status.url_base'|trans }}</div>
+            <div class="datagrid-content">{{ status.urlBase ?? '/' }}</div>
+          </div>
           {% if status.isDocker is defined %}
-          <dt class="col-5 text-muted small">{{ 'media.arr_system.status.docker'|trans }}</dt>
-          <dd class="col-7 small mb-0">
-            {% if status.isDocker %}
-              <span class="badge bg-blue-lt">{{ 'media.arr_system.status.yes'|trans }}</span>
-            {% else %}
-              <span class="badge bg-secondary-lt">{{ 'media.arr_system.status.no'|trans }}</span>
-            {% endif %}
-          </dd>
+          <div class="datagrid-item">
+            <div class="datagrid-title">{{ 'media.arr_system.status.docker'|trans }}</div>
+            <div class="datagrid-content">
+              {% if status.isDocker %}
+                <span class="badge bg-blue-lt">{{ 'media.arr_system.status.yes'|trans }}</span>
+              {% else %}
+                <span class="badge bg-secondary-lt">{{ 'media.arr_system.status.no'|trans }}</span>
+              {% endif %}
+            </div>
+          </div>
           {% endif %}
-
           {% if status.updateAvailable is defined %}
-          <dt class="col-5 text-muted small">{{ 'media.arr_system.status.update'|trans }}</dt>
-          <dd class="col-7 small mb-0">
-            {% if status.updateAvailable %}
-              <span class="badge bg-warning-lt text-warning">{{ 'media.arr_system.status.update_available'|trans }}</span>
-            {% else %}
-              <span class="badge bg-success-lt">{{ 'media.arr_system.status.up_to_date'|trans }}</span>
-            {% endif %}
-          </dd>
+          <div class="datagrid-item">
+            <div class="datagrid-title">{{ 'media.arr_system.status.update'|trans }}</div>
+            <div class="datagrid-content">
+              {% if status.updateAvailable %}
+                <span class="badge bg-warning-lt text-warning">{{ 'media.arr_system.status.update_available'|trans }}</span>
+              {% else %}
+                <span class="badge bg-success-lt">{{ 'media.arr_system.status.up_to_date'|trans }}</span>
+              {% endif %}
+            </div>
+          </div>
           {% endif %}
-        </dl>
+        </div>
       {% else %}
         <div class="text-muted small">{{ 'media.arr_system.status.unavailable'|trans }}</div>
       {% endif %}
diff --git a/symfony/templates/media/series.html.twig b/symfony/templates/media/series.html.twig
index b166cdc4..69d3eee6 100644
--- a/symfony/templates/media/series.html.twig
+++ b/symfony/templates/media/series.html.twig
@@ -26,6 +26,8 @@
     transition: transform .15s, box-shadow .15s;
 }
 .media-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.3); z-index: 2; }
+/* Tabler .ribbon scaled for the compact poster card (the "New" flag). */
+.media-card .ribbon { font-size: .56rem; font-weight: 700; padding: .05rem .4rem; z-index: 3; letter-spacing: .03em; }
 .media-card .hover-info {
     position: absolute; inset: 0;
     background: rgba(0,0,0,.75);
@@ -97,16 +99,6 @@
 .ep-bar-fill { height: 100%; border-radius: 2px; }
 .queue-progress { height: 4px; border-radius: 2px; background: var(--tblr-bg-surface-secondary); overflow: hidden; margin-top: .25rem; }
 .queue-progress-bar { height: 100%; border-radius: 2px; background: var(--tblr-primary); transition: width .3s; }
-/* Issue #19 — status filter buttons: outlined variants with a tinted active state */
-.filter-btn { font-weight: 500; }
-.filter-btn.active { color: #fff !important; }
-.filter-btn[data-filter="all"].active,
-.filter-btn[data-filter="ended"].active,
-.filter-btn[data-filter="unmonitored"].active { background-color: var(--tblr-secondary) !important; border-color: var(--tblr-secondary) !important; }
-.filter-btn[data-filter="monitored"].active { background-color: var(--tblr-info) !important; border-color: var(--tblr-info) !important; }
-.filter-btn[data-filter="continuing"].active { background-color: var(--tblr-success) !important; border-color: var(--tblr-success) !important; }
-.filter-btn[data-filter="anime"].active { background-color: var(--tblr-purple) !important; border-color: var(--tblr-purple) !important; }
-.filter-btn[data-filter="missing"].active { background-color: var(--tblr-danger) !important; border-color: var(--tblr-danger) !important; }
 /* Mode sélection */
 .select-mode .media-card { cursor: pointer; }
 .select-mode .media-card .select-cb { display: flex !important; }
@@ -234,6 +226,36 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
    la page. Donne l'impression que ça réagit instantanément même sur un full
    reload de 200-500ms. */
 .library-loading { opacity: 0.5; transition: opacity 120ms ease-out; pointer-events: none; }
+
+/* ── Mobile/tablet readability floor (responsive audit 2026-06-29) ──
+   Floor sub-11px text at 11px (.6875rem) below the lg breakpoint. Kept last
+   in this block so it wins the cascade at equal specificity; desktop
+   (≥992px) keeps the original sizes. Note: the hover-info overlay stays
+   hover-only here — every action it carries is also reachable by tapping
+   the card (detail modal), so touch loses nothing. */
+@media (max-width: 991.98px) {
+  .media-card .card-sub,
+  .media-card .type-badge,
+  .media-card .hover-info .h-year,
+  .media-card .hover-info .h-overview,
+  .media-card .hover-info .h-badges .badge,
+  .media-grid.view-table .media-card .no-poster,
+  .media-grid.view-extended .media-card .no-poster,
+  .media-grid.view-compact .media-card .card-title-text,
+  .media-grid.view-compact .media-card .card-sub,
+  .shelf-scroll .shelf-card .shelf-title { font-size: .6875rem; }
+}
+/* ── Mobile filter drawer (responsive offcanvas) ──
+   At ≥992px Bootstrap renders .offcanvas-lg static/inline (transparent bg,
+   flex body with no padding, header hidden). Restore the desktop card chrome
+   so the ≥992px toolbar is visually + behaviourally unchanged. */
+@media (min-width: 992px) {
+  .series-toolbar-filters.offcanvas-lg { background-color: var(--tblr-bg-surface, var(--tblr-card-bg)) !important; border: var(--tblr-border-width, 1px) solid var(--tblr-border-color) !important; }
+  .series-toolbar-filters.offcanvas-lg .offcanvas-body { display: block !important; padding: .5rem 1rem !important; overflow: visible !important; }
+}
+@media (max-width: 991.98px) {
+  .series-toolbar-filters.offcanvas-lg { border: 0; border-radius: 0; height: auto !important; }
+}
 </style>
 {% endblock %}
 
@@ -262,26 +284,24 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
 
 <div id="sonarr-warnings-banner"></div>
 
-{# ── Stats (compact strip — #7) ── #}
-<div class="card card-sm mb-3">
-  <div class="card-body py-2 d-flex flex-wrap align-items-baseline justify-content-around gap-2 gap-sm-3">
-    <div><span class="h3 mb-0">{{ stats.total }}</span> <span class="text-muted small">{{ 'media.series.stats.total'|trans }}</span></div>
-    <div><span class="h3 mb-0 text-success">{{ stats.continuing }}</span> <span class="text-muted small">{{ 'media.series.stats.continuing'|trans }}</span></div>
-    <div><span class="h3 mb-0 text-secondary">{{ stats.ended }}</span> <span class="text-muted small">{{ 'media.series.stats.ended'|trans }}</span></div>
-    <div><span class="h3 mb-0">{{ stats.totalGb }} <span class="text-muted fs-5">{{ 'media.series.stats.gb_suffix'|trans }}</span></span> <span class="text-muted small">{{ 'media.series.stats.total_size'|trans }}</span></div>
-  </div>
-</div>
+{# ── Stats (compact strip — #7, shared partial) ── #}
+{% include '_stat_tiles.html.twig' with { layout:'strip', tiles:[
+  { value: stats.total,      label: 'media.series.stats.total'|trans },
+  { value: stats.continuing, label: 'media.series.stats.continuing'|trans, hue:'success' },
+  { value: stats.ended,      label: 'media.series.stats.ended'|trans,      hue:'secondary' },
+  { value: stats.totalGb,    label: 'media.series.stats.total_size'|trans, unit: 'media.series.stats.gb_suffix'|trans }
+] } only %}
 
 {# ── Download queue (auto-refresh) ── #}
 <div class="card mb-3" id="queue-card" style="{{ queue is empty ? 'display:none;' : '' }}">
   <div class="card-header" style="cursor:pointer;" id="queue-toggle">
     <h3 class="card-title d-flex align-items-center gap-2">
-      <svg id="queue-chevron" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="transition:transform .2s; transform: rotate(90deg);"><path d="m9 18 6-6-6-6"/></svg>
+      <svg id="queue-chevron" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="transition:transform .2s;"><path d="m9 18 6-6-6-6"/></svg>
       <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
       {{ 'media.series.queue.title'|trans }} <span class="badge bg-primary text-white ms-1" id="queue-count">{{ queue|length }}</span>
     </h3>
   </div>
-  <div id="queue-body">
+  <div id="queue-body" style="display:none;">
     <div class="table-responsive">
       <table class="table table-vcenter table-sm card-table mb-0">
         <thead><tr><th>{{ 'media.series.queue.col_series_episode'|trans }}</th><th>{{ 'media.series.queue.col_quality'|trans }}</th><th>{{ 'media.series.queue.col_progress'|trans }}</th><th>{{ 'media.series.queue.col_status'|trans }}</th><th class="w-1"></th></tr></thead>
@@ -337,23 +357,34 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
    (search + 7 status buttons / dropdowns) and view modes + actions right.
    Conditional row 3 inside the filters card surfaces bulk-filtered actions
    and a "reset filters" link when something is narrowed. #}
+{% set filter_count = (query.status != 'all' ? 1 : 0) + (query.q != '' ? 1 : 0) + (query.genre != '' ? 1 : 0) + (query.network != '' ? 1 : 0) + (query.sort != 'title-asc' ? 1 : 0) %}
 <div class="row g-2 mb-3 align-items-stretch series-toolbar">
   <div class="col-12 col-xl-9">
-    <div class="card h-100 series-toolbar-filters">
-      <div class="card-body py-2">
-        <form method="get" id="series-filter-form" action="{{ path('app_media_series', { slug: current_instance.slug }) }}" class="d-flex flex-column gap-2">
+    <div class="card h-100 series-toolbar-filters offcanvas-lg offcanvas-start" tabindex="-1" id="series-filters-drawer" aria-labelledby="series-filters-drawer-label">
+      <div class="offcanvas-header">
+        <h5 class="offcanvas-title" id="series-filters-drawer-label">{{ 'media.series.filters.drawer_title'|trans }}</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#series-filters-drawer" aria-label="Close"></button>
+      </div>
+      <div class="card-body offcanvas-body py-2">
+        <form method="get" id="series-filter-form" action="{{ path('app_media_series', { slug: current_instance.slug }) }}" class="d-flex flex-column gap-2" data-libfilter-type="series" data-libfilter-slug="{{ current_instance.slug }}">
           <input type="hidden" name="status" id="series-filter-status" value="{{ query.status }}">
           {# Row 1: search input (fixed width) + 7 status buttons sharing the remaining width via flex-fill. #}
           <div class="d-flex align-items-center gap-2 flex-wrap flex-md-nowrap">
             <input type="text" name="q" id="search-input" class="form-control form-control-sm" placeholder="{{ 'media.series.filters.search_placeholder'|trans }}" style="max-width:220px" value="{{ query.q }}" autocomplete="off">
             <div class="d-flex gap-1 flex-wrap flex-md-nowrap series-status-group flex-fill">
-              <button type="button" class="btn btn-sm btn-outline-secondary filter-btn flex-fill{% if query.status == 'all' %} active{% endif %}" data-filter="all">{{ 'media.series.filters.status.all'|trans }}</button>
-              <button type="button" class="btn btn-sm btn-outline-success filter-btn flex-fill{% if query.status == 'continuing' %} active{% endif %}" data-filter="continuing">{{ 'media.series.filters.status.continuing'|trans }}</button>
-              <button type="button" class="btn btn-sm btn-outline-secondary filter-btn flex-fill{% if query.status == 'ended' %} active{% endif %}" data-filter="ended">{{ 'media.series.filters.status.ended'|trans }}</button>
-              <button type="button" class="btn btn-sm btn-outline-purple filter-btn flex-fill{% if query.status == 'anime' %} active{% endif %}" data-filter="anime">{{ 'media.series.filters.status.anime'|trans }}</button>
-              <button type="button" class="btn btn-sm btn-outline-secondary filter-btn flex-fill{% if query.status == 'unmonitored' %} active{% endif %}" data-filter="unmonitored">{{ 'media.series.filters.status.unmonitored'|trans }}</button>
-              <button type="button" class="btn btn-sm btn-outline-info filter-btn flex-fill{% if query.status == 'monitored' %} active{% endif %}" data-filter="monitored">{{ 'media.series.filters.status.monitored'|trans }}</button>
-              <button type="button" class="btn btn-sm btn-outline-danger filter-btn flex-fill{% if query.status == 'missing' %} active{% endif %}" data-filter="missing">{{ 'media.series.filters.status.missing'|trans }}</button>
+              {% include '_filter_pills.html.twig' with {
+                active: query.status,
+                fill: true,
+                pills: [
+                  { filter: 'all',         label: 'media.series.filters.status.all'|trans,         hue: 'var(--tblr-secondary)' },
+                  { filter: 'continuing',  label: 'media.series.filters.status.continuing'|trans,  hue: 'var(--tblr-success)' },
+                  { filter: 'ended',       label: 'media.series.filters.status.ended'|trans,       hue: 'var(--tblr-secondary)' },
+                  { filter: 'anime',       label: 'media.series.filters.status.anime'|trans,       hue: 'var(--tblr-purple)' },
+                  { filter: 'unmonitored', label: 'media.series.filters.status.unmonitored'|trans, hue: 'var(--tblr-secondary)' },
+                  { filter: 'monitored',   label: 'media.series.filters.status.monitored'|trans,   hue: 'var(--tblr-info)' },
+                  { filter: 'missing',     label: 'media.series.filters.status.missing'|trans,     hue: 'var(--tblr-danger)' }
+                ]
+              } only %}
             </div>
           </div>
           {# Row 2: 3 dropdowns (genre, network, sort) sharing the available width via flex-fill. #}
@@ -394,9 +425,13 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
               <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
               {{ 'media.series.actions.search_filtered'|trans }}
             </button>
-            <a href="{{ path('app_media_series', { slug: current_instance.slug }) }}" class="btn btn-sm btn-ghost-secondary ms-auto">{{ 'media.series.pagination.reset_filters'|trans }}</a>
+            <a href="{{ path('app_media_series', { slug: current_instance.slug }) }}" class="btn btn-sm btn-ghost-secondary ms-auto js-libfilter-reset">{{ 'media.series.pagination.reset_filters'|trans }}</a>
           </div>
         {% endif %}
+        <div class="series-drawer-footer d-lg-none d-flex gap-2 justify-content-end mt-2 pt-2 border-top">
+          <a href="{{ path('app_media_series', { slug: current_instance.slug }) }}" class="btn btn-ghost-secondary js-libfilter-reset">{{ 'media.series.pagination.reset_filters'|trans }}</a>
+          <button type="button" class="btn btn-primary" id="series-filters-apply">{{ 'media.series.filters.apply'|trans }}</button>
+        </div>
       </div>
     </div>
   </div>
@@ -404,6 +439,11 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     <div class="card h-100 series-toolbar-actions">
       <div class="card-body py-2">
         <div class="d-flex flex-column gap-2 align-items-stretch">
+          <button type="button" class="btn btn-sm btn-outline-secondary d-lg-none" data-bs-toggle="offcanvas" data-bs-target="#series-filters-drawer">
+            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/></svg>
+            {{ 'media.series.filters.open'|trans }}
+            {% if filter_count > 0 %}<span class="badge bg-primary ms-1" id="series-filters-count">{{ filter_count }}</span>{% endif %}
+          </button>
           <div class="d-flex gap-1" id="view-mode-btns">
             <button type="button" class="btn btn-sm btn-secondary view-btn flex-fill active" data-view="grid" title="{{ 'media.series.view.grid'|trans }}">
               <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg>
@@ -510,6 +550,8 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
 <div class="media-grid" id="series-grid">
 {% for s in series %}
   <div class="media-card"
+       tabindex="0" role="button" data-kb-activate
+       aria-label="{{ s.title }}{% if s.year %} ({{ s.year }}){% endif %}"
        data-bs-toggle="modal" data-bs-target="#modal-serie"
        data-title="{{ s.title|lower }}"
        data-status="{{ s.status }}"
@@ -543,6 +585,11 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
       <div class="no-poster">{{ s.title }}</div>
     {% endif %}
 
+    {# "New" ribbon on freshly-added series (Tabler .ribbon), sparse signal. #}
+    {% if s.addedAt and date(s.addedAt) > date('-7 days') %}
+      <span class="ribbon ribbon-top ribbon-start bg-green">{{ 'common.labels.new_badge'|trans }}</span>
+    {% endif %}
+
     {# Selection checkbox #}
     <div class="select-cb"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></div>
 
@@ -986,6 +1033,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
 {% block javascripts %}
 <script>
 (function () {
+  var BASE = '{{ app.request.getBasePath() }}';
   /* ══════════════════════════════════════════════════════════════════════════
      i18n injection (FR source of truth ; locale bascule via ?_locale=en)
      ══════════════════════════════════════════════════════════════════════════ */
@@ -1251,13 +1299,20 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
   var grid    = document.getElementById('series-grid');
   var visibleCards = function() { return Array.from(grid.querySelectorAll('.media-card')).filter(function(c) { return getComputedStyle(c).display !== 'none'; }); };
   var search  = document.getElementById('search-input');
-  var btnAll  = document.querySelectorAll('#series-filter-form .filter-btn');
+  var btnAll  = document.querySelectorAll('#series-filter-form .filter-pill');
   var shelfView = document.getElementById('series-shelf-view');
   var filterForm   = document.getElementById('series-filter-form');
   var statusInput  = document.getElementById('series-filter-status');
   var shelfBuilt = false;
 
+  // Below lg the filters live in an offcanvas drawer: auto-submit-on-change is
+  // suppressed (it would navigate and destroy the open drawer). The Apply
+  // button flips _applyingFilters and calls submitFiltersForm() once.
+  var _filtersMobile = window.matchMedia('(max-width: 991.98px)');
+  var _applyingFilters = false;
+
   function submitFiltersForm() {
+    if (_filtersMobile.matches && !_applyingFilters) return;
     if (!filterForm) return;
     if (typeof filterForm.requestSubmit === 'function') {
       filterForm.requestSubmit();
@@ -1280,6 +1335,13 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     if (el) el.addEventListener('change', submitFiltersForm);
   });
 
+  // Drawer Apply (mobile only): defer the single navigation to here.
+  var _seriesApplyBtn = document.getElementById('series-filters-apply');
+  if (_seriesApplyBtn) _seriesApplyBtn.addEventListener('click', function() {
+    _applyingFilters = true;
+    submitFiltersForm();
+  });
+
   // Debounced text search: submit after 300ms of inactivity so typing
   // a 5-letter word doesn't trigger 5 navigations.
   var _seriesSearchTimer;
@@ -1322,7 +1384,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
   // the server (so bulk-filtered actions hit the whole filtered scope, not
   // just the items rendered on the current page).
   function fetchFilteredSeriesIds(extra) {
-    var url = '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/filter/ids?' + currentFilterParams(extra || {});
+    var url = BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/filter/ids?' + currentFilterParams(extra || {});
     return ajaxGet(url).then(function(data) {
       return (data && Array.isArray(data.ids)) ? data.ids : [];
     });
@@ -1459,7 +1521,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     var id = btn.dataset.id;
     var mon = btn.dataset.monitored === '1';
     var newMon = !mon;
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + id + '/monitor', { monitored: newMon }).then(function(data) {
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + id + '/monitor', { monitored: newMon }).then(function(data) {
       if (data.ok) {
         btn.dataset.monitored = newMon ? '1' : '0';
         var svg = btn.querySelector('svg');
@@ -1528,7 +1590,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
         }
       };
       ids.forEach(function(sid) {
-        ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + sid + '/refresh', {})
+        ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + sid + '/refresh', {})
           .then(finish, finish);
       });
     }).catch(function() {
@@ -1567,7 +1629,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
         }
       };
       ids.forEach(function(sid) {
-        ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + sid + '/search', {})
+        ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + sid + '/search', {})
           .then(finish, finish);
       });
     }).catch(function() {
@@ -1674,7 +1736,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
   });
   function ensureBulkConfig(cb) {
     if (bulkConfigLoaded) { cb(); return; }
-    Promise.all([ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/quality-profiles'), ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/root-folders'), ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/tags-json')]).then(function(r) {
+    Promise.all([ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/quality-profiles'), ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/root-folders'), ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/tags-json')]).then(function(r) {
       bulkConfigLoaded = true;
       var qSel = document.getElementById('bulk-s-quality');
       if (qSel.options.length <= 1) (r[0]||[]).forEach(function(p) { var o = document.createElement('option'); o.value = p.id; o.textContent = p.name; qSel.appendChild(o); });
@@ -1718,7 +1780,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     v = document.getElementById('bulk-s-root').value; if (v) payload.rootFolderPath = v;
     v = document.getElementById('bulk-s-season-folder').value; if (v) payload.seasonFolder = v === 'true';
     var btn = this; btn.disabled = true; btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span>';
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/bulk/edit', payload).then(function(d) {
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/bulk/edit', payload).then(function(d) {
       btn.disabled = false; btn.innerHTML = SERIES_I18N.bulk_save;
       closeBulkModal('modal-bulk-edit-series');
       if (d.ok) { showPageBanner(tpl(SERIES_I18N.w_modified_ok_tpl, { COUNT: ids.length }), 'success'); setTimeout(function() { location.reload(); }, 1500); }
@@ -1741,7 +1803,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     var tagIds = []; document.querySelectorAll('.bulk-s-tag-cb:checked').forEach(function(cb) { tagIds.push(parseInt(cb.value)); });
     if (!tagIds.length) return;
     var btn = this; btn.disabled = true; btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span>';
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/bulk/edit', { seriesIds: ids, tags: tagIds, applyTags: document.getElementById('bulk-s-tags-action').value }).then(function(d) {
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/bulk/edit', { seriesIds: ids, tags: tagIds, applyTags: document.getElementById('bulk-s-tags-action').value }).then(function(d) {
       btn.disabled = false; btn.innerHTML = SERIES_I18N.bulk_apply;
       closeBulkModal('modal-bulk-tags-series');
       if (d.ok) showPageBanner(tpl(SERIES_I18N.w_tags_ok_tpl, { COUNT: ids.length }), 'success');
@@ -1763,7 +1825,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     var deleteFiles = document.getElementById('bulk-s-delete-files').checked;
     var addExclusion = document.getElementById('bulk-s-delete-exclude').checked;
     var btn = this; btn.disabled = true; btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span>';
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/bulk/delete', { seriesIds: ids, deleteFiles: deleteFiles, addImportExclusion: addExclusion }).then(function(d) {
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/bulk/delete', { seriesIds: ids, deleteFiles: deleteFiles, addImportExclusion: addExclusion }).then(function(d) {
       btn.disabled = false; btn.innerHTML = SERIES_I18N.bulk_delete_confirm;
       closeBulkModal('modal-bulk-delete-series');
       if (d.ok) {
@@ -1804,7 +1866,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     ids.forEach(function(sid) {
       var card = grid.querySelector('[data-id="' + sid + '"]');
       var title = card ? (card.getAttribute('title') || '?') : '?';
-      ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + sid + '/rename').then(function(proposals) {
+      ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + sid + '/rename').then(function(proposals) {
         loaded++;
         if (proposals && proposals.length) {
           renameSeriesIds.push(sid);
@@ -1843,7 +1905,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     var btn = this; btn.disabled = true; btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span>';
     var done = 0;
     renameSeriesIds.forEach(function(sid) {
-      ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + sid + '/rename', { fileIds: [] }).then(function() {
+      ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + sid + '/rename', { fileIds: [] }).then(function() {
         done++;
         if (done >= renameSeriesIds.length) {
           btn.innerHTML = SERIES_I18N.bulk_rename_go;
@@ -1979,7 +2041,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
       btn.addEventListener('click', function() {
         if (!confirm(SERIES_I18N.queue_confirm_delete)) return;
         btn.disabled = true;
-        fetch('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/queue/' + btn.dataset.id + '/delete', {
+        fetch(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/queue/' + btn.dataset.id + '/delete', {
           method: 'POST',
           headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
           body: JSON.stringify({ removeFromClient: true, blocklist: false }),
@@ -1994,7 +2056,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     queueTbody.querySelectorAll('.btn-queue-grab').forEach(function(btn) {
       btn.addEventListener('click', function() {
         btn.disabled = true;
-        fetch('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/queue/' + btn.dataset.id + '/grab', {
+        fetch(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/queue/' + btn.dataset.id + '/grab', {
           method: 'POST',
           headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
           body: '{}'
@@ -2061,7 +2123,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
           cleanBtn.innerHTML = '<span class="spinner-border spinner-border-sm" style="width:12px;height:12px;"></span> ' + SERIES_I18N.queue_cleaning;
           var done = 0;
           staleItems.forEach(function(w) {
-            fetch('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/queue/' + w.id + '/delete', {
+            fetch(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/queue/' + w.id + '/delete', {
               method: 'POST',
               headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
               body: JSON.stringify({ removeFromClient: true, blocklist: false }),
@@ -2085,7 +2147,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
           var items = realBlocked.map(function(w) {
             return { path: w.outputPath || '', downloadId: w.downloadId || '' };
           }).filter(function(it) { return it.path !== '' || it.downloadId !== ''; });
-          fetch('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/queue/import', {
+          fetch(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/queue/import', {
             method: 'POST',
             headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
             body: JSON.stringify({ items: items }),
@@ -2128,7 +2190,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
   }
 
   function refreshQueue() {
-    fetch('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/queue', { headers: {'X-Requested-With': 'XMLHttpRequest'} })
+    fetch(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/queue', { headers: {'X-Requested-With': 'XMLHttpRequest'} })
     .then(function(r) { return r.json(); })
     .then(function(items) { renderQueue(items); });
   }
@@ -2139,7 +2201,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
   setInterval(refreshQueue, 2000);
   // RefreshMonitoredDownloads every 8s (tells Sonarr to check qBittorrent)
   setInterval(function() {
-    fetch('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/queue/refresh', {
+    fetch(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/queue/refresh', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
       body: '{}',
@@ -2209,7 +2271,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     var badges = '';
     if (status === 'continuing') badges += '<span class="badge" style="background:rgba(34,197,94,.15);color:#4ade80;">' + esc(SERIES_I18N.continuing) + '</span>';
     else if (status === 'ended') badges += '<span class="badge" style="background:rgba(107,114,128,.15);color:#9ca3af;">' + esc(SERIES_I18N.ended) + '</span>';
-    if (currentMonitored) badges += '<span class="badge" style="background:rgba(var(--tblr-primary-rgb),.15);color:#818cf8;">' + esc(SERIES_I18N.followed) + '</span>';
+    if (currentMonitored) badges += '<span class="badge" style="background:rgba(var(--tblr-primary-rgb),.15);color:var(--tblr-primary);">' + esc(SERIES_I18N.followed) + '</span>';
     else badges += '<span class="badge" style="background:rgba(107,114,128,.15);color:#9ca3af;">' + esc(SERIES_I18N.unfollowed) + '</span>';
     if (type === 'anime') badges += '<span class="badge bg-purple-lt">' + esc(SERIES_I18N.anime) + '</span>';
     if (card.dataset.size && parseFloat(card.dataset.size) > 0) badges += '<span class="badge bg-secondary-lt">' + card.dataset.size + ' ' + esc(SERIES_I18N.gb_suffix) + '</span>';
@@ -2236,8 +2298,8 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     epContainer.innerHTML = '<div class="text-center text-muted py-4"><span class="spinner-border spinner-border-sm me-1"></span> ' + esc(SERIES_I18N.d_loading_episodes) + '</div>';
 
     Promise.all([
-      ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/episodes'),
-      ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/files')
+      ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/episodes'),
+      ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/files')
     ]).then(function(results) {
       var episodes = results[0] || [];
       var allFiles = results[1] || [];
@@ -2366,7 +2428,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
           var epId = parseInt(btn.dataset.epId);
           btn.disabled = true;
           btn.innerHTML = SVG_SPIN_SM;
-          postAction('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/episode/search', { episodeIds: [epId] }, function(data) {
+          postAction(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/episode/search', { episodeIds: [epId] }, function(data) {
             if (data.cmdId) {
               pollCmd(data.cmdId, SERIES_I18N.d_search_cmd_episode, function(success) {
                 btn.innerHTML = success ? SVG_OK_SM : SVG_SEARCH_SM;
@@ -2386,7 +2448,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
           e.stopPropagation();
           var mon = btn.dataset.monitored !== '1';
           btn.disabled = true;
-          postAction('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/season/monitor', {
+          postAction(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/season/monitor', {
             seriesId: parseInt(btn.dataset.seriesId),
             seasonNumber: parseInt(btn.dataset.season),
             monitored: mon,
@@ -2435,12 +2497,12 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
 
             // Send all monitor changes
             epIds.forEach(function(epId) {
-              postAction('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/episode/' + epId + '/monitor', { monitored: mon }, function() {});
+              postAction(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/episode/' + epId + '/monitor', { monitored: mon }, function() {});
             });
           } else {
             // Single click
             btn.disabled = true;
-            postAction('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/episode/' + btn.dataset.epId + '/monitor', { monitored: mon }, function() {
+            postAction(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/episode/' + btn.dataset.epId + '/monitor', { monitored: mon }, function() {
               btn.dataset.monitored = mon ? '1' : '0';
               btn.innerHTML = mon ? SVG_MONITOR_ON : SVG_MONITOR_OFF;
               btn.title = mon ? SERIES_I18N.d_unmonitor : SERIES_I18N.d_monitor;
@@ -2485,7 +2547,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
           content.innerHTML     = '';
           document.getElementById('ep-filemanager-feedback').style.display = 'none';
 
-          ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + seriesId + '/history')
+          ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + seriesId + '/history')
           .then(function(allHistory) {
             btn.innerHTML = SVG_HISTORY;
             loading.style.display = 'none';
@@ -2544,7 +2606,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
           e.stopPropagation();
           btn.disabled = true;
           btn.innerHTML = SVG_SPIN_SM;
-          postAction('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + btn.dataset.seriesId + '/season/' + btn.dataset.season + '/search', {}, function(data) {
+          postAction(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + btn.dataset.seriesId + '/season/' + btn.dataset.season + '/search', {}, function(data) {
             if (data.cmdId) {
               pollCmd(data.cmdId, tpl(SERIES_I18N.d_search_season_tpl, { N: btn.dataset.season }), function(success) {
                 btn.innerHTML = success ? SVG_OK_SM : SVG_SEARCH_SM;
@@ -2582,7 +2644,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
           document.getElementById('ep-releases-title').textContent = tpl(SERIES_I18N.d_releases_season_tpl, { N: sn });
 
           searchInProgress = true;
-          ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + seriesId + '/season/' + sn + '/releases')
+          ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + seriesId + '/season/' + sn + '/releases')
           .then(function(releases) {
             searchInProgress = false;
             btn.disabled = false;
@@ -2619,7 +2681,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
           content.innerHTML = '';
           document.getElementById('ep-filemanager-feedback').style.display = 'none';
 
-          ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + seriesId + '/rename').then(function(proposals) {
+          ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + seriesId + '/rename').then(function(proposals) {
             btn.disabled = false;
             btn.innerHTML = RENAME_ICON;
             loading.style.display = 'none';
@@ -2658,10 +2720,10 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
               var goBtn = this;
               goBtn.disabled = true;
               goBtn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span> ' + SERIES_I18N.d_rename_in_progress;
-              ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + seriesId + '/rename', { fileIds: fileIds }).then(function(data) {
+              ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + seriesId + '/rename', { fileIds: fileIds }).then(function(data) {
                 if (data.ok && data.cmdId) {
                   var pollRename = setInterval(function() {
-                    ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/command/' + data.cmdId).then(function(cmd) {
+                    ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/command/' + data.cmdId).then(function(cmd) {
                       var st = (cmd.status || '').toLowerCase();
                       if (st === 'completed') {
                         clearInterval(pollRename);
@@ -2696,7 +2758,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
           if (!confirm(SERIES_I18N.d_confirm_delete_file)) return;
           btn.disabled = true;
           btn.innerHTML = SVG_SPIN_SM;
-          postAction('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/file/' + btn.dataset.fileId + '/delete', {}, function() {
+          postAction(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/file/' + btn.dataset.fileId + '/delete', {}, function() {
             showBanner(SERIES_I18N.d_file_deleted, 'success');
             setTimeout(function() { hideBanner(); loadEpisodes(); }, 1500);
           }, function() {
@@ -2792,7 +2854,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
   // Tout analyser + RSS Sync
   document.getElementById('btn-refresh-all-series').addEventListener('click', function() {
     var btn = this; btn.disabled = true;
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/command/refresh-all', {}).then(function(d) {
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/command/refresh-all', {}).then(function(d) {
       btn.disabled = false;
       if (d.ok && d.cmdId) {
         pollCmd(d.cmdId, SERIES_I18N.w_refresh_label, function() {});
@@ -2804,7 +2866,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
 
   document.getElementById('btn-rss-sync-series').addEventListener('click', function() {
     var btn = this; btn.disabled = true;
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/command/rss-sync', {}).then(function(d) {
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/command/rss-sync', {}).then(function(d) {
       btn.disabled = false;
       if (d.ok && d.cmdId) {
         pollCmd(d.cmdId, SERIES_I18N.w_rss_label, function() {});
@@ -2819,7 +2881,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     if (bannerLocked) return;
     var el = document.getElementById('sonarr-warnings-banner');
     if (!el) return;
-    ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/warnings').then(function(warnings) {
+    ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/warnings').then(function(warnings) {
       if (!warnings || !warnings.length) { el.innerHTML = ''; return; }
       el.innerHTML = '<div class="alert alert-warning mb-3"><div class="d-flex align-items-center"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="me-2 flex-shrink-0"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg><div>' + warnings.map(function(w) { return '<div>' + w + '</div>'; }).join('') + '</div></div></div>';
     }).catch(function(){});
@@ -2829,7 +2891,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
 
   // Check for active commands on page load (only user-initiated ones)
   var POLL_COMMANDS = {'SeriesSearch':1,'SeasonSearch':1,'EpisodeSearch':1,'RenameFiles':1,'MissingEpisodeSearch':1};
-  ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/commands/active').then(function(cmds) {
+  ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/commands/active').then(function(cmds) {
     if (!cmds || !cmds.length) return;
     cmds.forEach(function(cmd) {
       var name = cmd.name || '';
@@ -2857,7 +2919,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     var timer = setInterval(function() {
       pollCount++;
       var elapsed = pollCount * 2;
-      fetch('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/command/' + cmdId, { headers: {'X-Requested-With':'XMLHttpRequest'} })
+      fetch(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/command/' + cmdId, { headers: {'X-Requested-With':'XMLHttpRequest'} })
       .then(function(r) { return r.json(); })
       .then(function(cmd) {
         var st = (cmd.status || '').toLowerCase();
@@ -2914,7 +2976,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     var btn = this;
     btn.disabled = true;
     btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span> ' + SERIES_I18N.d_refresh_in_progress;
-    postAction('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/refresh', {}, function(data) {
+    postAction(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/refresh', {}, function(data) {
       if (data.cmdId) {
         pollCmd(data.cmdId, SERIES_I18N.w_refresh_label, function(success) {
           btn.disabled = false;
@@ -2936,7 +2998,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     var btn = this;
     btn.disabled = true;
     btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span> ' + SERIES_I18N.d_search_in_progress;
-    postAction('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/search', {}, function (data) {
+    postAction(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/search', {}, function (data) {
       if (data.cmdId) {
         var label = SERIES_I18N.d_search_series;
         pollCmd(data.cmdId, label, function() {
@@ -2972,7 +3034,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     content.innerHTML     = '';
     document.getElementById('ep-filemanager-feedback').style.display = 'none';
 
-    ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/history')
+    ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/history')
     .then(function(history) {
       btn.disabled = false;
       btn.innerHTML = HISTORY_ICON + ' ' + SERIES_I18N.d_history;
@@ -3027,9 +3089,9 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     content.innerHTML     = '';
     document.getElementById('ep-filemanager-feedback').style.display = 'none';
 
-    var pFiles = ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/files');
-    var pQuals = qualityDefsCache ? Promise.resolve(qualityDefsCache) : ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/quality-definitions');
-    var pEpisodes = ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/episodes');
+    var pFiles = ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/files');
+    var pQuals = qualityDefsCache ? Promise.resolve(qualityDefsCache) : ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/quality-definitions');
+    var pEpisodes = ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/episodes');
 
     Promise.all([pFiles, pQuals, pEpisodes]).then(function(results) {
       btn.disabled = false;
@@ -3090,10 +3152,10 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     document.getElementById('ep-filemanager-feedback').style.display = 'none';
 
     Promise.all([
-      ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/info'),
-      ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/quality-profiles'),
-      ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/root-folders'),
-      ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/tags-json')
+      ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/info'),
+      ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/quality-profiles'),
+      ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/root-folders'),
+      ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/tags-json')
     ]).then(function(results) {
       btn.disabled = false;
       btn.innerHTML = EDIT_ICON + ' ' + SERIES_I18N.d_modify;
@@ -3201,7 +3263,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
         var val = input.value.trim();
         if (!val) return;
         input.value = '';
-        ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/tags-json', { label: val }).then(function(data) {
+        ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/tags-json', { label: val }).then(function(data) {
           if (data.ok && data.tag) {
             var container = document.getElementById('edit-tags-container');
             var lbl = document.createElement('label');
@@ -3226,7 +3288,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
       function browsePath(path) {
         browser.style.display = '';
         browser.innerHTML = '<div class="p-2 text-muted small"><span class="spinner-border spinner-border-sm me-1"></span> ' + esc(SERIES_I18N.d_edit_browse_loading) + '</div>';
-        ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/filesystem?path=' + encodeURIComponent(path))
+        ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/filesystem?path=' + encodeURIComponent(path))
         .then(function(data) {
           var dirs = data.directories || [];
           var parentPath = data.parent || '/';
@@ -3271,7 +3333,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
         if (!confirm(tpl(SERIES_I18N.d_confirm_move_tpl, { PATH: newPath }))) return;
         var updateBtn = this;
         updateBtn.disabled = true;
-        ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/edit', { path: newPath })
+        ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/edit', { path: newPath })
         .then(function(data) {
           updateBtn.disabled = false;
           if (data.ok) {
@@ -3295,7 +3357,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
         var title = s.title || SERIES_I18N.d_confirm_delete_series_default;
         if (!confirm(tpl(SERIES_I18N.d_confirm_delete_series_tpl, { TITLE: title }))) return;
         var deleteFiles = confirm(SERIES_I18N.d_confirm_delete_files);
-        postAction('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/delete', { deleteFiles: deleteFiles }, function() {
+        postAction(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/delete', { deleteFiles: deleteFiles }, function() {
           closeFileOverlay();
           var card = grid.querySelector('[data-id="' + currentId + '"]');
           if (card) card.remove();
@@ -3321,7 +3383,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
           path: document.getElementById('edit-path').value,
           tags: selectedTags
         };
-        ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/edit', payload)
+        ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/edit', payload)
         .then(function(data) {
           saveBtn.disabled = false;
           saveBtn.innerHTML = SERIES_I18N.d_edit_save;
@@ -3381,7 +3443,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     var newMonitored = !currentMonitored;
     this.disabled    = true;
     var btn          = this;
-    postAction('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/monitor', { monitored: newMonitored }, function (data) {
+    postAction(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/monitor', { monitored: newMonitored }, function (data) {
       currentMonitored = data.monitored;
       btn.disabled     = false;
       refreshSerieMonitorBtn();
@@ -3407,7 +3469,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     document.getElementById('ep-filemanager-feedback').style.display = 'none';
     document.getElementById('ep-filemanager-title').textContent = SERIES_I18N.d_rename_files;
 
-    ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/rename')
+    ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/rename')
     .then(function(proposals) {
       loading.style.display = 'none';
 
@@ -3472,7 +3534,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
         execBtn.disabled = true;
         execBtn.innerHTML = '<span class="spinner-border spinner-border-sm me-1" style="width:12px;height:12px;"></span> ' + SERIES_I18N.d_rename_in_progress;
 
-        ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/rename', { fileIds: fileIds })
+        ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/rename', { fileIds: fileIds })
         .then(function(data) {
           if (!data.ok || !data.cmdId) {
             execBtn.disabled = false;
@@ -3483,7 +3545,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
 
           // Poll
           var timer = setInterval(function() {
-            ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/command/' + data.cmdId)
+            ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/command/' + data.cmdId)
             .then(function(cmd) {
               var st = (cmd.status || '').toLowerCase();
               if (st === 'completed') {
@@ -3523,7 +3585,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     var deleteFiles = confirm(SERIES_I18N.d_confirm_delete_files);
     var btn = this;
     btn.disabled = true;
-    postAction('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/delete', { deleteFiles: deleteFiles }, function () {
+    postAction(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + currentId + '/delete', { deleteFiles: deleteFiles }, function () {
       // Supprimer la card de la grille
       var card = grid.querySelector('[data-id="' + currentId + '"]');
       if (card) card.remove();
@@ -3586,7 +3648,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     document.getElementById('ep-releases-title').textContent = tpl(SERIES_I18N.d_releases_episode_tpl, { LBL: (epLabel || SERIES_I18N.d_col_episode) });
 
     searchInProgress = true;
-    ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/episode/' + epId + '/releases')
+    ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/episode/' + epId + '/releases')
     .then(function(releases) {
       searchInProgress = false;
       loading.style.display = 'none';
@@ -3693,7 +3755,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     if (!btn) return;
     btn.disabled = true;
     btn.innerHTML = '<span class="spinner-border spinner-border-sm" style="width:.7rem;height:.7rem"></span>';
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/release/grab', { guid: btn.dataset.guid, indexerId: parseInt(btn.dataset.indexer) })
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/release/grab', { guid: btn.dataset.guid, indexerId: parseInt(btn.dataset.indexer) })
     .then(function(data) {
       if (data.ok) {
         btn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#22c55e" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>';
@@ -3763,7 +3825,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
   });
 
   function refreshSeriesCard(seriesId) {
-    ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + seriesId + '/info').then(function(s) {
+    ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + seriesId + '/info').then(function(s) {
       if (!s || !s.id) return;
       var card = grid.querySelector('[data-id="' + seriesId + '"]');
       if (!card) return;
@@ -3900,11 +3962,11 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     document.getElementById('ep-filemanager-feedback').style.display = 'none';
     document.getElementById('ep-filemanager-title').textContent = tpl(SERIES_I18N.d_filemanager_season_title_tpl, { N: seasonNumber });
 
-    var pFiles = ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + seriesId + '/files');
+    var pFiles = ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + seriesId + '/files');
     var pQuals = qualityDefsCache
       ? Promise.resolve(qualityDefsCache)
-      : ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/quality-definitions');
-    var pEpisodes = ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + seriesId + '/episodes');
+      : ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/quality-definitions');
+    var pEpisodes = ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + seriesId + '/episodes');
 
     Promise.all([pFiles, pQuals, pEpisodes]).then(function(results) {
       var allFiles = results[0] || [];
@@ -4562,7 +4624,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
         // Only send bulk-update if non-episode fields changed
         var hasNonEpChanges = Object.keys(payload).length > 1; // more than just fileId
         if (hasNonEpChanges) {
-          promises.push(ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/files/bulk-update', payload));
+          promises.push(ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/files/bulk-update', payload));
         }
         // Send reassign if episode changed
         if (epChanged && curEpVal) {
@@ -4574,7 +4636,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
             if ((ep.episodeNumber || 0) === targetEpNum) targetEpId = ep.id;
           });
           if (targetEpId) {
-            promises.push(ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/file/' + fileId + '/reassign', {
+            promises.push(ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/file/' + fileId + '/reassign', {
               seriesId: parseInt(currentId),
               episodeIds: [targetEpId]
             }));
@@ -4636,7 +4698,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
         if (!confirm(SERIES_I18N.d_confirm_delete_file)) return;
         btn.disabled = true;
         btn.innerHTML = '<span class="spinner-border spinner-border-sm" style="width:12px;height:12px;"></span>';
-        ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/file/' + btn.dataset.fileId + '/delete')
+        ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/file/' + btn.dataset.fileId + '/delete')
         .then(function(data) {
           if (data && data.ok) {
             showFmFeedback(SERIES_I18N.d_file_deleted, 'success');
@@ -4702,9 +4764,9 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     if (!addConfigLoaded) {
       addConfigLoaded = true;
       Promise.all([
-        ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/quality-profiles'),
-        ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/root-folders'),
-        ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/tags-json')
+        ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/quality-profiles'),
+        ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/root-folders'),
+        ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/sonarr/tags-json')
       ]).then(function(results) {
         var profiles = results[0] || [];
         var roots = results[1] || [];
@@ -4746,7 +4808,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     addSearchTimer = setTimeout(function() {
       document.getElementById('add-serie-loading').style.display = '';
       document.getElementById('add-serie-results').innerHTML = '';
-      ajaxGet('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/lookup?term=' + encodeURIComponent(q)).then(function(results) {
+      ajaxGet(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/lookup?term=' + encodeURIComponent(q)).then(function(results) {
         document.getElementById('add-serie-loading').style.display = 'none';
         var container = document.getElementById('add-serie-results');
         container.innerHTML = '';
@@ -4807,7 +4869,7 @@ body.density-compact #modal-serie .modal-body .card-header { padding-top: .4rem
     document.querySelectorAll('.add-tag-cb:checked').forEach(function(cb) {
       selectedTags.push(parseInt(cb.value));
     });
-    ajaxPost('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/add', {
+    ajaxPost(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/add', {
       tvdbId: parseInt(document.getElementById('add-serie-tvdbid').value),
       rootFolderPath: document.getElementById('add-serie-root').value,
       qualityProfileId: parseInt(document.getElementById('add-serie-quality').value),
diff --git a/symfony/templates/media/series_blocklist.html.twig b/symfony/templates/media/series_blocklist.html.twig
index 881af58d..9ea455f3 100644
--- a/symfony/templates/media/series_blocklist.html.twig
+++ b/symfony/templates/media/series_blocklist.html.twig
@@ -80,6 +80,7 @@
 {% block javascripts %}
 <script>
 (function() {
+  var BASE = '{{ app.request.getBasePath() }}';
   var SB_I18N = {
     bulk_delete_tpl: {{ 'media.series_blocklist.bulk_delete_tpl'|trans({count: '__COUNT__'})|json_encode|raw }},
     confirm_delete: {{ 'media.series_blocklist.confirm_delete'|trans|json_encode|raw }},
@@ -116,7 +117,7 @@
     document.querySelectorAll('.blocklist-cb:checked').forEach(function(cb) { ids.push(parseInt(cb.dataset.id)); });
     if (!ids.length || !confirm(tpl(SB_I18N.confirm_bulk_delete_tpl, { COUNT: ids.length }))) return;
     bulkBtn.disabled = true;
-    fetch('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/blocklist/bulk-delete', {
+    fetch(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/blocklist/bulk-delete', {
       method: 'POST',
       headers: {'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'},
       body: JSON.stringify({ids: ids})
@@ -133,7 +134,7 @@
     btn.addEventListener('click', function() {
       if (!confirm(SB_I18N.confirm_delete)) return;
       btn.disabled = true;
-      fetch('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/blocklist/' + btn.dataset.id + '/delete', {
+      fetch(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/blocklist/' + btn.dataset.id + '/delete', {
         method: 'POST',
         headers: {'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'},
         body: '{}'
diff --git a/symfony/templates/media/series_detail.html.twig b/symfony/templates/media/series_detail.html.twig
index 67e0e7ed..d9202307 100644
--- a/symfony/templates/media/series_detail.html.twig
+++ b/symfony/templates/media/series_detail.html.twig
@@ -6,7 +6,7 @@
 <style>
 .serie-header {
   position: relative;
-  background: var(--tblr-bg-surface);
+  background: #181818;
   border-radius: .5rem;
   overflow: hidden;
   margin-bottom: 1rem;
@@ -94,7 +94,7 @@
 
       <div class="d-flex flex-wrap gap-2 mb-2">
         {% if serie.status == 'continuing' %}
-          <span class="badge" style="background:rgba(var(--tblr-primary-rgb),.2);color:#818cf8;">{{ 'media.series_detail.header.status_continuing'|trans }}</span>
+          <span class="badge" style="background:rgba(var(--tblr-primary-rgb),.2);color:var(--tblr-primary);">{{ 'media.series_detail.header.status_continuing'|trans }}</span>
         {% elseif serie.status == 'ended' %}
           <span class="badge bg-secondary-lt">{{ 'media.series_detail.header.status_ended'|trans }}</span>
         {% else %}
@@ -219,6 +219,7 @@
 {% block javascripts %}
 <script>
 (function(){
+  var BASE = '{{ app.request.getBasePath() }}';
   var SD_I18N = {
     search_launched: {{ 'media.series_detail.feedback.search_launched'|trans|json_encode|raw }},
     search_season_launched_tpl: {{ 'media.series_detail.feedback.search_season_launched_tpl'|trans({n: '__N__'})|json_encode|raw }},
@@ -276,7 +277,7 @@
   document.getElementById('btn-search-serie').addEventListener('click', function() {
     var btn = this;
     btn.disabled = true;
-    postJson('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + btn.dataset.id + '/search', {})
+    postJson(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + btn.dataset.id + '/search', {})
     .then(function(data) {
       btn.disabled = false;
       showFeedback(data.ok ? SD_I18N.search_launched : SD_I18N.error, data.ok ? 'success' : 'danger');
@@ -288,7 +289,7 @@
     var btn = this;
     var newMon = btn.dataset.monitored !== '1';
     btn.disabled = true;
-    postJson('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + btn.dataset.id + '/monitor', { monitored: newMon })
+    postJson(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + btn.dataset.id + '/monitor', { monitored: newMon })
     .then(function(data) {
       btn.disabled = false;
       if (data.ok) {
@@ -306,7 +307,7 @@
       var season = btn.dataset.season;
       btn.disabled = true;
       btn.innerHTML = '<span class="spinner-border spinner-border-sm" style="width:14px;height:14px;"></span>';
-      postJson('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + seriesId + '/season/' + season + '/search', {})
+      postJson(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/' + seriesId + '/season/' + season + '/search', {})
       .then(function(data) {
         btn.disabled = false;
         btn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>';
@@ -322,7 +323,7 @@
       if (!epId) return;
       btn.disabled = true;
       btn.innerHTML = '<span class="spinner-border spinner-border-sm" style="width:12px;height:12px;"></span>';
-      postJson('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/episode/search', { episodeIds: [epId] })
+      postJson(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/episode/search', { episodeIds: [epId] })
       .then(function(data) {
         btn.disabled = false;
         if (data.ok) {
diff --git a/symfony/templates/media/series_missing.html.twig b/symfony/templates/media/series_missing.html.twig
index 3a2dde34..a1d14bfc 100644
--- a/symfony/templates/media/series_missing.html.twig
+++ b/symfony/templates/media/series_missing.html.twig
@@ -84,6 +84,7 @@
 {% block javascripts %}
 <script>
 (function() {
+  var BASE = '{{ app.request.getBasePath() }}';
   var SM_I18N = {
     searching_all: {{ 'media.series_missing.searching_all'|trans|json_encode|raw }},
     search_all: {{ 'media.series_missing.search_all'|trans|json_encode|raw }},
@@ -104,7 +105,7 @@
     btn.addEventListener('click', function() {
       btn.disabled = true;
       btn.innerHTML = '<span class="spinner-border spinner-border-sm" style="width:12px;height:12px;"></span>';
-      fetch('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/episode/search', {
+      fetch(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/episode/search', {
         method: 'POST',
         headers: {'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'},
         body: JSON.stringify({episodeIds: [parseInt(btn.dataset.epId)]})
@@ -120,7 +121,7 @@
       btnAll.disabled = true;
       btnAll.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span> ' + SM_I18N.searching_all;
       showBanner('<span class="spinner-border spinner-border-sm me-2"></span> ' + SM_I18N.searching_label, 'info');
-      fetch('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/command/missing-search', {
+      fetch(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/command/missing-search', {
         method: 'POST',
         headers: {'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'},
         body: '{}'
diff --git a/symfony/templates/media/sonarr_system.html.twig b/symfony/templates/media/sonarr_system.html.twig
index d123c3ef..34c8bf70 100644
--- a/symfony/templates/media/sonarr_system.html.twig
+++ b/symfony/templates/media/sonarr_system.html.twig
@@ -28,28 +28,42 @@
     </div>
     <div class="card-body">
       {% if status %}
-        <dl class="row g-1">
-          <dt class="col-5 text-muted small">{{ 'media.arr_system.status.version'|trans }}</dt>
-          <dd class="col-7 small fw-medium mb-0">{{ status.version ?? '—' }}</dd>
-          <dt class="col-5 text-muted small">{{ 'media.arr_system.status.os'|trans }}</dt>
-          <dd class="col-7 small mb-0">{{ status.osName ?? '—' }} {{ status.osVersion ?? '' }}</dd>
-          <dt class="col-5 text-muted small">{{ 'media.arr_system.status.net'|trans }}</dt>
-          <dd class="col-7 small mb-0">{{ status.runtimeVersion ?? '—' }}</dd>
-          <dt class="col-5 text-muted small">{{ 'media.arr_system.status.db'|trans }}</dt>
-          <dd class="col-7 small mb-0">{{ status.databaseVersion ?? '—' }}</dd>
+        <div class="datagrid">
+          <div class="datagrid-item">
+            <div class="datagrid-title">{{ 'media.arr_system.status.version'|trans }}</div>
+            <div class="datagrid-content fw-medium">{{ status.version ?? '—' }}</div>
+          </div>
+          <div class="datagrid-item">
+            <div class="datagrid-title">{{ 'media.arr_system.status.os'|trans }}</div>
+            <div class="datagrid-content">{{ status.osName ?? '—' }} {{ status.osVersion ?? '' }}</div>
+          </div>
+          <div class="datagrid-item">
+            <div class="datagrid-title">{{ 'media.arr_system.status.net'|trans }}</div>
+            <div class="datagrid-content">{{ status.runtimeVersion ?? '—' }}</div>
+          </div>
+          <div class="datagrid-item">
+            <div class="datagrid-title">{{ 'media.arr_system.status.db'|trans }}</div>
+            <div class="datagrid-content">{{ status.databaseVersion ?? '—' }}</div>
+          </div>
           {% if status.startTime is defined %}
-          <dt class="col-5 text-muted small">{{ 'media.arr_system.status.started'|trans }}</dt>
-          <dd class="col-7 small mb-0">{{ status.startTime|date('d/m/Y H:i') }}</dd>
+          <div class="datagrid-item">
+            <div class="datagrid-title">{{ 'media.arr_system.status.started'|trans }}</div>
+            <div class="datagrid-content">{{ status.startTime|date('d/m/Y H:i') }}</div>
+          </div>
           {% endif %}
-          <dt class="col-5 text-muted small">{{ 'media.arr_system.status.url_base'|trans }}</dt>
-          <dd class="col-7 small mb-0">{{ status.urlBase ?? '/' }}</dd>
+          <div class="datagrid-item">
+            <div class="datagrid-title">{{ 'media.arr_system.status.url_base'|trans }}</div>
+            <div class="datagrid-content">{{ status.urlBase ?? '/' }}</div>
+          </div>
           {% if status.isDocker is defined %}
-          <dt class="col-5 text-muted small">{{ 'media.arr_system.status.docker'|trans }}</dt>
-          <dd class="col-7 small mb-0">
-            {% if status.isDocker %}<span class="badge bg-blue-lt">{{ 'media.arr_system.status.yes'|trans }}</span>{% else %}<span class="badge bg-secondary-lt">{{ 'media.arr_system.status.no'|trans }}</span>{% endif %}
-          </dd>
+          <div class="datagrid-item">
+            <div class="datagrid-title">{{ 'media.arr_system.status.docker'|trans }}</div>
+            <div class="datagrid-content">
+              {% if status.isDocker %}<span class="badge bg-blue-lt">{{ 'media.arr_system.status.yes'|trans }}</span>{% else %}<span class="badge bg-secondary-lt">{{ 'media.arr_system.status.no'|trans }}</span>{% endif %}
+            </div>
+          </div>
           {% endif %}
-        </dl>
+        </div>
       {% else %}
         <div class="text-muted small">{{ 'media.arr_system.status.unavailable'|trans }}</div>
       {% endif %}
diff --git a/symfony/templates/prowlarr/apps.html.twig b/symfony/templates/prowlarr/apps.html.twig
index 6cc6d9c9..3c5b46b2 100644
--- a/symfony/templates/prowlarr/apps.html.twig
+++ b/symfony/templates/prowlarr/apps.html.twig
@@ -194,12 +194,13 @@
 {% block javascripts %}
 <script>
 (function () {
-    var SCHEMA_URL = '/prowlarr/application/schema';
-    var GET_URL = '/prowlarr/application/{id}';
-    var ADD_URL = '/prowlarr/application/add';
-    var UPDATE_URL = '/prowlarr/application/{id}/update';
-    var DELETE_URL = '/prowlarr/application/{id}/delete';
-    var TEST_URL = '/prowlarr/application/test';
+    var BASE = '{{ app.request.getBasePath() }}';
+    var SCHEMA_URL = BASE + '/prowlarr/application/schema';
+    var GET_URL = BASE + '/prowlarr/application/{id}';
+    var ADD_URL = BASE + '/prowlarr/application/add';
+    var UPDATE_URL = BASE + '/prowlarr/application/{id}/update';
+    var DELETE_URL = BASE + '/prowlarr/application/{id}/delete';
+    var TEST_URL = BASE + '/prowlarr/application/test';
 
     var _I18N = {
         name: {{ 'prowlarr.common.name'|trans|json_encode|raw }},
@@ -305,7 +306,7 @@
     // Sync Profiles
     var profilesData = [];
     function loadProfiles() {
-        fetch('/prowlarr/app-profiles').then(function(r){return r.json();}).then(function(profiles) {
+        fetch(BASE + '/prowlarr/app-profiles').then(function(r){return r.json();}).then(function(profiles) {
             profilesData = profiles;
             var body = document.getElementById('sync-profiles-body');
             if (!profiles.length) { body.innerHTML = '<div class="text-center text-secondary small">' + esc(_I18N.profilesEmpty) + '</div>'; return; }
@@ -359,7 +360,7 @@
             enableInteractiveSearch: document.getElementById('profile-interactive').checked,
             minimumSeeders: parseInt(document.getElementById('profile-seeders').value) || 1,
         };
-        var url = editingProfileId ? '/prowlarr/app-profile/' + editingProfileId + '/update' : '/prowlarr/app-profile/add';
+        var url = editingProfileId ? BASE + '/prowlarr/app-profile/' + editingProfileId + '/update' : BASE + '/prowlarr/app-profile/add';
         if (editingProfileId) payload.id = editingProfileId;
         btn.disabled = true; btn.textContent = _I18N.saving;
         fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) })
@@ -374,7 +375,7 @@
 
     document.getElementById('profile-delete').addEventListener('click', function() {
         if (!editingProfileId || !confirm(_I18N.confirmDeleteProfile)) return;
-        fetch('/prowlarr/app-profile/' + editingProfileId + '/delete', { method: 'POST' })
+        fetch(BASE + '/prowlarr/app-profile/' + editingProfileId + '/delete', { method: 'POST' })
             .then(function(r) { return r.json(); })
             .then(function(d) { if (d.ok) { closeModal('pw-modal-profile'); loadProfiles(); } });
     });
diff --git a/symfony/templates/prowlarr/backups.html.twig b/symfony/templates/prowlarr/backups.html.twig
index 1cf936f2..9ad6d153 100644
--- a/symfony/templates/prowlarr/backups.html.twig
+++ b/symfony/templates/prowlarr/backups.html.twig
@@ -49,9 +49,10 @@
     </div>
     <div class="card-body p-0">
         {% if backups is empty %}
-            <div class="text-muted text-center py-5">
-                <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="mb-2 d-block mx-auto text-secondary"><path d="M12 5v14m-7-7l7 7l7-7"/></svg>
-                {{ 'prowlarr.backups.empty'|trans }}
+            {% import '_icons.html.twig' as ico %}
+            <div class="empty py-5">
+                <div class="empty-icon">{{ ico.icon('download', '', 36) }}</div>
+                <p class="empty-title mb-0">{{ 'prowlarr.backups.empty'|trans }}</p>
             </div>
         {% else %}
             <div class="table-responsive">
@@ -114,6 +115,7 @@
 {% block javascripts %}
 <script>
 (function(){
+var BASE = '{{ app.request.getBasePath() }}';
 var _I18N = {
     starting: {{ 'prowlarr.backups.create_starting'|trans|json_encode|raw }},
     done: {{ 'prowlarr.backups.create_done'|trans|json_encode|raw }},
@@ -166,7 +168,7 @@ document.querySelectorAll('.btn-backup-delete').forEach(function(btn) {
         if (!confirm(_I18N.confirmDeleteTpl.replace('__NAME__', name))) return;
         btn.disabled = true;
 
-        fetch('/prowlarr/sauvegardes/' + btn.dataset.id + '/supprimer', {
+        fetch(BASE + '/prowlarr/sauvegardes/' + btn.dataset.id + '/supprimer', {
             method: 'POST',
             headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
             body: '{}',
diff --git a/symfony/templates/prowlarr/download_clients.html.twig b/symfony/templates/prowlarr/download_clients.html.twig
index 92c02033..0b2ee81d 100644
--- a/symfony/templates/prowlarr/download_clients.html.twig
+++ b/symfony/templates/prowlarr/download_clients.html.twig
@@ -132,12 +132,13 @@
 {% block javascripts %}
 <script>
 (function () {
-    var SCHEMA_URL = '/prowlarr/downloadclient/schema';
-    var GET_URL = '/prowlarr/downloadclient/{id}';
-    var ADD_URL = '/prowlarr/downloadclient/add';
-    var UPDATE_URL = '/prowlarr/downloadclient/{id}/update';
-    var DELETE_URL = '/prowlarr/downloadclient/{id}/delete';
-    var TEST_URL = '/prowlarr/downloadclient/test';
+    var BASE = '{{ app.request.getBasePath() }}';
+    var SCHEMA_URL = BASE + '/prowlarr/downloadclient/schema';
+    var GET_URL = BASE + '/prowlarr/downloadclient/{id}';
+    var ADD_URL = BASE + '/prowlarr/downloadclient/add';
+    var UPDATE_URL = BASE + '/prowlarr/downloadclient/{id}/update';
+    var DELETE_URL = BASE + '/prowlarr/downloadclient/{id}/delete';
+    var TEST_URL = BASE + '/prowlarr/downloadclient/test';
 
     var _I18N = {
         name: {{ 'prowlarr.common.name'|trans|json_encode|raw }},
diff --git a/symfony/templates/prowlarr/general.html.twig b/symfony/templates/prowlarr/general.html.twig
index feb96c16..23e5b076 100644
--- a/symfony/templates/prowlarr/general.html.twig
+++ b/symfony/templates/prowlarr/general.html.twig
@@ -178,6 +178,7 @@
 {% block javascripts %}
 <script>
 (function () {
+    var BASE = '{{ app.request.getBasePath() }}';
     var _I18N = {
         saveBtn: {{ 'prowlarr.general.save_btn'|trans|json_encode|raw }},
         saving: {{ 'prowlarr.common.saving'|trans|json_encode|raw }},
@@ -227,7 +228,7 @@
         btn.disabled = true;
         btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span> ' + _I18N.saving;
 
-        fetch('/prowlarr/general/save', {
+        fetch(BASE + '/prowlarr/general/save', {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify(payload)
diff --git a/symfony/templates/prowlarr/index.html.twig b/symfony/templates/prowlarr/index.html.twig
index 352f7ea7..a7b5c718 100644
--- a/symfony/templates/prowlarr/index.html.twig
+++ b/symfony/templates/prowlarr/index.html.twig
@@ -5,7 +5,6 @@
 
 {% block stylesheets %}
 <style>
-.pw-stat { font-size:1.5rem; font-weight:700; line-height:1; }
 .pw-indexer-row { transition:background .1s; }
 .pw-indexer-row:hover { background:rgba(255,255,255,.02); }
 .pw-health-item { display:flex; align-items:flex-start; gap:.5rem; padding:.5rem .75rem; border-radius:.4rem; margin-bottom:.35rem; }
@@ -15,6 +14,10 @@
 .pw-search-results { max-height:500px; overflow-y:auto; }
 .pw-result-row { font-size:.8rem; }
 .pw-result-row td { padding:.35rem .5rem !important; }
+/* The ADDED column is the least-read one; below ~1550px viewport the full
+   table outgrows the card and clips the actions column, so drop it first.
+   (Bootstrap's xxl breakpoint at 1400px is below the real fit point.) */
+@media (max-width: 1549.98px) { .pw-col-added { display:none; } }
 .pw-toggle-btn { cursor:pointer; padding:2px 6px; border-radius:.25rem; border:1px solid var(--tblr-border-color); background:none; transition:all .15s; font-size:.7rem; }
 .pw-toggle-btn:hover { border-color:var(--tblr-primary); }
 .pw-toggle-btn.is-on { background:rgba(34,197,94,.15); border-color:#22c55e; color:#22c55e; }
@@ -48,45 +51,15 @@
 
 {% if not error %}
 
-{# ── Stats ── #}
-<div class="row g-3 mb-3">
-    <div class="col-6 col-lg-2">
-        <div class="card card-sm"><div class="card-body text-center">
-            <div class="pw-stat" style="color:#E88D1A;">{{ stats.total ?? 0 }}</div>
-            <div class="text-secondary small">{{ 'prowlarr.index.stats_indexers'|trans }}</div>
-        </div></div>
-    </div>
-    <div class="col-6 col-lg-2">
-        <div class="card card-sm"><div class="card-body text-center">
-            <div class="pw-stat text-success">{{ stats.enabled ?? 0 }}</div>
-            <div class="text-secondary small">{{ 'prowlarr.index.stats_active'|trans }}</div>
-        </div></div>
-    </div>
-    <div class="col-6 col-lg-2">
-        <div class="card card-sm"><div class="card-body text-center">
-            <div class="pw-stat text-danger">{{ stats.failing ?? 0 }}</div>
-            <div class="text-secondary small">{{ 'prowlarr.index.stats_failing'|trans }}</div>
-        </div></div>
-    </div>
-    <div class="col-6 col-lg-2">
-        <div class="card card-sm"><div class="card-body text-center">
-            <div class="pw-stat" style="color:var(--tblr-primary);">{{ stats.torrent ?? 0 }}</div>
-            <div class="text-secondary small">{{ 'prowlarr.index.stats_torrent'|trans }}</div>
-        </div></div>
-    </div>
-    <div class="col-6 col-lg-2">
-        <div class="card card-sm"><div class="card-body text-center">
-            <div class="pw-stat" style="color:#0ea5e9;">{{ stats.usenet ?? 0 }}</div>
-            <div class="text-secondary small">{{ 'prowlarr.index.stats_usenet'|trans }}</div>
-        </div></div>
-    </div>
-    <div class="col-6 col-lg-2">
-        <div class="card card-sm"><div class="card-body text-center">
-            <div class="pw-stat" style="color:#22c55e;">{{ apps|length }}</div>
-            <div class="text-secondary small">{{ 'prowlarr.index.stats_apps'|trans }}</div>
-        </div></div>
-    </div>
-</div>
+{# ── Stats (shared partial) ── #}
+{% include '_stat_tiles.html.twig' with { layout:'grid', cols:'col-6 col-lg-2', tiles:[
+    { value: stats.total ?? 0,   label: 'prowlarr.index.stats_indexers'|trans, hue:'#E88D1A' },
+    { value: stats.enabled ?? 0, label: 'prowlarr.index.stats_active'|trans,   hue:'success' },
+    { value: stats.failing ?? 0, label: 'prowlarr.index.stats_failing'|trans,  hue: (stats.failing ?? 0) > 0 ? 'danger' : 'secondary' },
+    { value: stats.torrent ?? 0, label: 'prowlarr.index.stats_torrent'|trans,  hue:'var(--tblr-primary)' },
+    { value: stats.usenet ?? 0,  label: 'prowlarr.index.stats_usenet'|trans,   hue:'#0ea5e9' },
+    { value: apps|length,        label: 'prowlarr.index.stats_apps'|trans,     hue:'#22c55e' }
+] } only %}
 
 {# ── Health ── #}
 {% if health is not empty %}
@@ -153,7 +126,7 @@
                         <th>{{ 'prowlarr.index.col_grabs'|trans }}</th>
                         <th>{{ 'prowlarr.index.col_failures'|trans }}</th>
                         <th>{{ 'prowlarr.index.col_health'|trans }}</th>
-                        <th>{{ 'prowlarr.index.col_added'|trans }}</th>
+                        <th class="pw-col-added">{{ 'prowlarr.index.col_added'|trans }}</th>
                         <th class="text-end">{{ 'prowlarr.index.col_actions'|trans }}</th>
                     </tr>
                 </thead>
@@ -170,7 +143,7 @@
                             </td>
                             <td>
                                 {% if idx.protocol == 'torrent' %}
-                                    <span class="badge" style="background:rgba(var(--tblr-primary-rgb),.15);color:#818cf8;">Torrent</span>
+                                    <span class="badge" style="background:rgba(var(--tblr-primary-rgb),.15);color:var(--tblr-primary);">Torrent</span>
                                 {% elseif idx.protocol == 'usenet' %}
                                     <span class="badge" style="background:rgba(14,165,233,.15);color:#38bdf8;">Usenet</span>
                                 {% else %}
@@ -220,7 +193,7 @@
                                     <span class="d-flex align-items-center gap-1 text-success small"><span class="status-dot status-dot-animated bg-success"></span> {{ 'prowlarr.index.status_ok'|trans }}</span>
                                 {% endif %}
                             </td>
-                            <td class="text-secondary small text-nowrap">{{ idx.added ? idx.added|date('d/m/Y') : '—' }}</td>
+                            <td class="text-secondary small text-nowrap pw-col-added">{{ idx.added ? idx.added|date('d/m/Y') : '—' }}</td>
                             <td class="text-end">
                                 <div class="d-flex gap-1 justify-content-end">
                                     <button class="btn btn-sm btn-ghost-secondary p-1" data-edit-id="{{ idx.id }}" title="{{ 'prowlarr.common.edit'|trans }}">
@@ -229,10 +202,13 @@
                                     <button class="btn btn-sm btn-ghost-secondary p-1" data-test-id="{{ idx.id }}" title="{{ 'prowlarr.common.test'|trans }}">
                                         <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12l5 5l10-10"/></svg>
                                     </button>
-                                    <button class="pw-toggle-btn {{ idx.enabled ? 'is-on' : 'is-off' }}" data-toggle-id="{{ idx.id }}" title="{{ idx.enabled ? 'prowlarr.index.toggle_disable_title'|trans : 'prowlarr.index.toggle_enable_title'|trans }}">
-                                        {{ idx.enabled ? 'prowlarr.common.on'|trans : 'prowlarr.common.off'|trans }}
-                                    </button>
-                                    <button class="btn btn-sm btn-ghost-danger p-1" data-delete-id="{{ idx.id }}" data-delete-name="{{ idx.name }}" title="{{ 'prowlarr.common.delete'|trans }}">
+                                    {# Enabled state as a switch: position IS the state, so it can't
+                                       read as a mislabeled action button; the destructive delete is
+                                       separated from it by an extra gap. #}
+                                    <label class="form-check form-switch m-0 d-inline-flex align-items-center" title="{{ idx.enabled ? 'prowlarr.index.toggle_disable_title'|trans : 'prowlarr.index.toggle_enable_title'|trans }}">
+                                        <input class="form-check-input" type="checkbox" data-toggle-id="{{ idx.id }}" {% if idx.enabled %}checked{% endif %}>
+                                    </label>
+                                    <button class="btn btn-sm btn-ghost-danger p-1 ms-2" data-delete-id="{{ idx.id }}" data-delete-name="{{ idx.name }}" title="{{ 'prowlarr.common.delete'|trans }}">
                                         <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16M10 11v6M14 11v6M5 7l1 12a2 2 0 002 2h8a2 2 0 002-2l1-12M9 7V4a1 1 0 011-1h4a1 1 0 011 1v3"/></svg>
                                     </button>
                                 </div>
@@ -408,6 +384,7 @@
 {% block javascripts %}
 <script>
 (function () {
+    var BASE = '{{ app.request.getBasePath() }}';
     var _I18N = {
         name: {{ 'prowlarr.common.name'|trans|json_encode|raw }},
         appProfile: {{ 'prowlarr.index.field_app_profile'|trans|json_encode|raw }},
@@ -540,7 +517,7 @@
             h += '</div>';
             // Charger app profiles
             if (!appProfilesCache) {
-                fetch('/prowlarr/app-profiles').then(function(r){return r.json();}).then(function(profiles) {
+                fetch(BASE + '/prowlarr/app-profiles').then(function(r){return r.json();}).then(function(profiles) {
                     appProfilesCache = profiles;
                     fillAppProfileSelect(topLevel.appProfileId);
                 });
@@ -599,7 +576,7 @@
     function loadAndRenderTags(currentTags) {
         selectedTags = currentTags || [];
         if (!tagsCache) {
-            fetch('/prowlarr/tags').then(function(r) { return r.json(); }).then(function(tags) {
+            fetch(BASE + '/prowlarr/tags').then(function(r) { return r.json(); }).then(function(tags) {
                 tagsCache = tags;
                 renderTagsUI();
             });
@@ -616,15 +593,15 @@
         (tagsCache || []).forEach(function(t) {
             var active = selectedTags.indexOf(t.id) !== -1;
             h += '<span class="badge ' + (active ? '' : '') + '" style="cursor:pointer;font-size:.7rem;padding:.3em .6em;border-radius:2rem;transition:all .15s;'
-              + (active ? 'background:var(--tblr-primary);color:#fff;box-shadow:0 0 6px rgba(var(--tblr-primary-rgb),.4);' : 'background:rgba(255,255,255,.06);color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.1);')
+              + (active ? 'background:var(--tblr-primary);color:#fff;box-shadow:0 0 6px rgba(var(--tblr-primary-rgb),.4);' : 'background:rgba(var(--tblr-primary-rgb),.08);color:var(--tblr-secondary-color);border:1px solid var(--tblr-border-color);')
               + '" data-tag-id="' + t.id + '">'
               + (active ? '<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" style="margin-right:3px;"><path d="M5 12l5 5l10-10"/></svg>' : '')
               + esc(t.label) + '</span>';
         });
         // Create-new input
         h += '<div class="d-flex gap-1 align-items-center ms-1" style="border-left:1px solid rgba(255,255,255,.08);padding-left:.5rem;">'
-           + '<input type="text" class="form-control form-control-sm" id="pw-tag-new" placeholder="' + esc(_I18N.newTag) + '" style="width:90px;font-size:.7rem;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);">'
-           + '<button class="btn btn-sm btn-icon" id="pw-tag-add-btn" style="width:28px;height:28px;background:rgba(var(--tblr-primary-rgb),.15);color:#818cf8;border:none;border-radius:.3rem;" title="' + esc(_I18N.createTagTitle) + '">'
+           + '<input type="text" class="form-control form-control-sm" id="pw-tag-new" placeholder="' + esc(_I18N.newTag) + '" style="width:90px;font-size:.7rem;background:var(--tblr-bg-surface);border-color:rgba(255,255,255,.1);">'
+           + '<button class="btn btn-sm btn-icon" id="pw-tag-add-btn" style="width:28px;height:28px;background:rgba(var(--tblr-primary-rgb),.15);color:var(--tblr-primary);border:none;border-radius:.3rem;" title="' + esc(_I18N.createTagTitle) + '">'
            + '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14"/></svg></button></div>';
         wrap.innerHTML = h;
 
@@ -653,7 +630,7 @@
         var label = (input.value || '').trim();
         if (!label) return;
         input.disabled = true;
-        fetch('/prowlarr/tag/create', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ label: label }) })
+        fetch(BASE + '/prowlarr/tag/create', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ label: label }) })
             .then(function(r) { return r.json(); })
             .then(function(d) {
                 input.disabled = false;
@@ -702,13 +679,14 @@
         return fields;
     }
 
-    // ── Toggle ON/OFF ──
-    document.querySelectorAll('[data-toggle-id]').forEach(function (btn) {
-        btn.addEventListener('click', function () {
-            btn.disabled = true; btn.textContent = '…';
-            fetch('/prowlarr/indexer/' + btn.dataset.toggleId + '/toggle', { method: 'POST' })
+    // ── Toggle ON/OFF (Tabler switch — checked state mirrors the server) ──
+    document.querySelectorAll('[data-toggle-id]').forEach(function (input) {
+        input.addEventListener('change', function () {
+            input.disabled = true;
+            fetch(BASE + '/prowlarr/indexer/' + input.dataset.toggleId + '/toggle', { method: 'POST' })
                 .then(function (r) { return r.json(); })
-                .then(function (d) { btn.disabled = false; if (d.ok) { btn.classList.toggle('is-on', d.enabled); btn.classList.toggle('is-off', !d.enabled); btn.textContent = d.enabled ? 'ON' : 'OFF'; } });
+                .then(function (d) { input.disabled = false; input.checked = d.ok ? d.enabled : !input.checked; })
+                .catch(function () { input.disabled = false; input.checked = !input.checked; });
         });
     });
 
@@ -716,7 +694,7 @@
     document.querySelectorAll('[data-delete-id]').forEach(function (btn) {
         btn.addEventListener('click', function () {
             if (!confirm(_I18N.confirmDeleteIndexerTpl.replace('__NAME__', btn.dataset.deleteName))) return;
-            fetch('/prowlarr/indexer/' + btn.dataset.deleteId + '/delete', { method: 'POST' })
+            fetch(BASE + '/prowlarr/indexer/' + btn.dataset.deleteId + '/delete', { method: 'POST' })
                 .then(function (r) { return r.json(); })
                 .then(function (d) { if (d.ok) { var row = btn.closest('tr'); if (row) row.remove(); } });
         });
@@ -729,10 +707,10 @@
             var orig = btn.innerHTML;
             btn.innerHTML = '<span class="spinner-border spinner-border-sm" style="width:.7rem;height:.7rem;"></span>';
             btn.disabled = true;
-            fetch('/prowlarr/indexer/' + id, { method: 'GET' })
+            fetch(BASE + '/prowlarr/indexer/' + id, { method: 'GET' })
                 .then(function (r) { return r.json(); })
                 .then(function (raw) {
-                    return fetch('/prowlarr/indexer/test', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(cleanPayload(raw)) });
+                    return fetch(BASE + '/prowlarr/indexer/test', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(cleanPayload(raw)) });
                 })
                 .then(function (r) { return r.json(); })
                 .then(function (d) {
@@ -749,7 +727,7 @@
         var btn = this;
         btn.disabled = true;
         btn.innerHTML = '<span class="spinner-border spinner-border-sm" style="width:.7rem;height:.7rem;"></span> ' + _I18N.testAllInProgress;
-        fetch('/prowlarr/indexer/testall', { method: 'POST' })
+        fetch(BASE + '/prowlarr/indexer/testall', { method: 'POST' })
             .then(function (r) { return r.json(); })
             .then(function (d) {
                 btn.disabled = false;
@@ -782,7 +760,7 @@
     document.getElementById('btn-sync-indexers').addEventListener('click', function () {
         var btn = this; btn.disabled = true;
         btn.innerHTML = '<span class="spinner-border spinner-border-sm" style="width:.7rem;height:.7rem;"></span> ' + _I18N.syncInProgress;
-        fetch('/prowlarr/command', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ name: 'ApplicationIndexerSync' }) })
+        fetch(BASE + '/prowlarr/command', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ name: 'ApplicationIndexerSync' }) })
             .then(function (r) { return r.json(); })
             .then(function (d) {
                 if (!d.ok) { btn.disabled = false; btn.innerHTML = syncOrigHtml; return; }
@@ -790,7 +768,7 @@
                 if (!cmdId) { btn.disabled = false; btn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#22c55e" stroke-width="2" class="me-1"><path d="M5 12l5 5l10-10"/></svg> ' + _I18N.syncDone; setTimeout(function(){btn.innerHTML=syncOrigHtml;},2000); return; }
                 // Poll command status
                 var poll = setInterval(function () {
-                    fetch('/prowlarr/command/' + cmdId)
+                    fetch(BASE + '/prowlarr/command/' + cmdId)
                         .then(function(r){return r.json();})
                         .then(function(s) {
                             if (!s || s.status === 'completed') {
@@ -821,7 +799,7 @@
         var q = searchInput.value.trim();
         if (q.length < 2) return;
         searchLoading.style.display = ''; searchResults.innerHTML = ''; searchBtn.disabled = true;
-        fetch('/prowlarr/search?q=' + encodeURIComponent(q))
+        fetch(BASE + '/prowlarr/search?q=' + encodeURIComponent(q))
             .then(function (r) { return r.json(); })
             .then(function (items) {
                 searchLoading.style.display = 'none'; searchBtn.disabled = false;
@@ -863,7 +841,7 @@
         openModal('modal-add-indexer');
         if (!schemaCache) {
             document.getElementById('add-idx-list').innerHTML = '<div class="col-12 text-center py-3"><div class="spinner-border spinner-border-sm text-secondary"></div></div>';
-            fetch('/prowlarr/indexer/schema').then(function (r) { return r.json(); }).then(function (data) { schemaCache = data; populateFilterDropdowns(); renderSchemaList(getAddFilters()); });
+            fetch(BASE + '/prowlarr/indexer/schema').then(function (r) { return r.json(); }).then(function (data) { schemaCache = data; populateFilterDropdowns(); renderSchemaList(getAddFilters()); });
         } else { renderSchemaList(getAddFilters()); }
     });
 
@@ -939,7 +917,7 @@
 
         var h = '';
         filtered.forEach(function (s) {
-            var proto = s.protocol === 'torrent' ? '<span class="badge" style="background:rgba(var(--tblr-primary-rgb),.15);color:#818cf8;font-size:.6rem;">Torrent</span>' : '<span class="badge" style="background:rgba(14,165,233,.15);color:#38bdf8;font-size:.6rem;">Usenet</span>';
+            var proto = s.protocol === 'torrent' ? '<span class="badge" style="background:rgba(var(--tblr-primary-rgb),.15);color:var(--tblr-primary);font-size:.6rem;">Torrent</span>' : '<span class="badge" style="background:rgba(14,165,233,.15);color:#38bdf8;font-size:.6rem;">Usenet</span>';
             var privacy = s.privacy === 'private' ? '<span class="badge bg-danger-lt" style="font-size:.6rem;">' + esc(_I18N.infoPrivacyPrivate) + '</span>' : (s.privacy === 'semiPrivate' ? '<span class="badge bg-warning-lt" style="font-size:.6rem;">' + esc(_I18N.listPrivacySemi) + '</span>' : '<span class="badge bg-green-lt" style="font-size:.6rem;">' + esc(_I18N.infoPrivacyPublic) + '</span>');
             var displayName = esc(s.name || s.definitionName || s.implementationName || '—');
             var lang = s.language ? '<span class="badge bg-secondary-lt" style="font-size:.55rem;">' + esc(s.language) + '</span>' : '';
@@ -987,7 +965,7 @@
         var payload = collectTopLevel(document.getElementById('add-idx-fields'), selectedSchema);
         payload.fields = collectFields(document.getElementById('add-idx-fields'), selectedSchema.fields || []);
         btn.disabled = true; btn.textContent = _I18N.testing;
-        fetch('/prowlarr/indexer/test', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(cleanPayload(payload)) })
+        fetch(BASE + '/prowlarr/indexer/test', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(cleanPayload(payload)) })
             .then(function (r) { return r.json(); })
             .then(function (d) {
                 btn.disabled = false; btn.textContent = _I18N.test;
@@ -1001,7 +979,7 @@
         var payload = collectTopLevel(document.getElementById('add-idx-fields'), selectedSchema);
         payload.fields = collectFields(document.getElementById('add-idx-fields'), selectedSchema.fields || []);
         btn.disabled = true; btn.textContent = _I18N.adding;
-        fetch('/prowlarr/indexer/add', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(cleanPayload(payload)) })
+        fetch(BASE + '/prowlarr/indexer/add', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(cleanPayload(payload)) })
             .then(function (r) { return r.json(); })
             .then(function (d) {
                 btn.disabled = false; btn.textContent = _I18N.add;
@@ -1043,7 +1021,7 @@
             document.getElementById('edit-idx-fields').innerHTML = '<div class="text-center py-3"><div class="spinner-border spinner-border-sm text-secondary"></div></div>';
             document.getElementById('edit-idx-result').className = 'mt-2 alert d-none';
             openModal('modal-edit-indexer');
-            fetch('/prowlarr/indexer/' + id)
+            fetch(BASE + '/prowlarr/indexer/' + id)
                 .then(function (r) { return r.json(); })
                 .then(function (raw) {
                     editRaw = raw;
@@ -1065,7 +1043,7 @@
         var payload = collectTopLevel(document.getElementById('edit-idx-fields'), editRaw);
         payload.fields = collectFields(document.getElementById('edit-idx-fields'), editRaw.fields || []);
         btn.disabled = true; btn.textContent = _I18N.testing;
-        fetch('/prowlarr/indexer/test', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(cleanPayload(payload)) })
+        fetch(BASE + '/prowlarr/indexer/test', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(cleanPayload(payload)) })
             .then(function (r) { return r.json(); })
             .then(function (d) {
                 btn.disabled = false; btn.textContent = _I18N.test;
@@ -1079,7 +1057,7 @@
         var payload = collectTopLevel(document.getElementById('edit-idx-fields'), editRaw);
         payload.fields = collectFields(document.getElementById('edit-idx-fields'), editRaw.fields || []);
         btn.disabled = true; btn.textContent = _I18N.saving;
-        fetch('/prowlarr/indexer/' + editRaw.id + '/update', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(cleanPayload(payload)) })
+        fetch(BASE + '/prowlarr/indexer/' + editRaw.id + '/update', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(cleanPayload(payload)) })
             .then(function (r) { return r.json(); })
             .then(function (d) {
                 btn.disabled = false; btn.textContent = _I18N.save;
@@ -1118,7 +1096,7 @@
             document.getElementById('info-tab-history').innerHTML = '';
             openModal('modal-info-indexer');
 
-            fetch('/prowlarr/indexer/' + id)
+            fetch(BASE + '/prowlarr/indexer/' + id)
                 .then(function(r) { return r.json(); })
                 .then(function(raw) {
                     infoRaw = raw;
@@ -1133,7 +1111,7 @@
                         if (histLoaded) return;
                         histLoaded = true;
                         document.getElementById('info-tab-history').innerHTML = '<div class="text-center py-3"><div class="spinner-border spinner-border-sm text-secondary"></div></div>';
-                        fetch('/prowlarr/indexer/' + idxId + '/history')
+                        fetch(BASE + '/prowlarr/indexer/' + idxId + '/history')
                             .then(function(r) { return r.json(); })
                             .then(function(records) { renderInfoHistory(records); });
                     });
@@ -1149,12 +1127,12 @@
         var musicParams = cap.musicSearchParams || [];
         var bookParams = cap.bookSearchParams || [];
 
-        var protoBadge = raw.protocol === 'torrent' ? '<span class="badge" style="background:rgba(var(--tblr-primary-rgb),.15);color:#818cf8;">Torrent</span>' : '<span class="badge" style="background:rgba(14,165,233,.15);color:#38bdf8;">Usenet</span>';
+        var protoBadge = raw.protocol === 'torrent' ? '<span class="badge" style="background:rgba(var(--tblr-primary-rgb),.15);color:var(--tblr-primary);">Torrent</span>' : '<span class="badge" style="background:rgba(14,165,233,.15);color:#38bdf8;">Usenet</span>';
         var privBadge = raw.privacy === 'private' ? '<span class="badge bg-danger-lt">' + esc(_I18N.infoPrivacyPrivate) + '</span>' : (raw.privacy === 'semiPrivate' ? '<span class="badge bg-warning-lt">' + esc(_I18N.infoPrivacySemi) + '</span>' : '<span class="badge bg-green-lt">' + esc(_I18N.infoPrivacyPublic) + '</span>');
 
         var torznabUrl = '';
         if (raw.indexerUrls && raw.indexerUrls.length) {
-            torznabUrl = window.location.origin + '/prowlarr/indexer/' + raw.id;
+            torznabUrl = window.location.origin + BASE + '/prowlarr/indexer/' + raw.id;
         }
 
         var h = '<h6 class="mb-3" style="color:#E88D1A;">' + esc(_I18N.infoDetailsHeading) + '</h6>';
@@ -1183,7 +1161,7 @@
         h += '<div class="row g-1">';
         capRows.forEach(function(c) {
             h += '<div class="col-12 d-flex align-items-center gap-2 py-1">';
-            h += '<div class="small" style="width:130px;flex-shrink:0;color:rgba(255,255,255,.6);">' + esc(c.label) + '</div>';
+            h += '<div class="small" style="width:130px;flex-shrink:0;color:var(--tblr-secondary-color);">' + esc(c.label) + '</div>';
             if (c.supported !== undefined) {
                 h += c.supported
                     ? '<span class="badge bg-green-lt" style="font-size:.6rem;">' + esc(_I18N.infoCapSupported) + '</span>'
@@ -1254,7 +1232,7 @@
     document.getElementById('info-idx-delete').addEventListener('click', function() {
         if (!infoRaw) return;
         if (!confirm(_I18N.confirmDeleteIndexerTpl.replace('__NAME__', infoRaw.name || ''))) return;
-        fetch('/prowlarr/indexer/' + infoRaw.id + '/delete', { method: 'POST' })
+        fetch(BASE + '/prowlarr/indexer/' + infoRaw.id + '/delete', { method: 'POST' })
             .then(function(r) { return r.json(); })
             .then(function(d) { if (d.ok) { closeModal('modal-info-indexer'); window.location.reload(); } });
     });
diff --git a/symfony/templates/prowlarr/logs.html.twig b/symfony/templates/prowlarr/logs.html.twig
index b9e70f4c..54a687db 100644
--- a/symfony/templates/prowlarr/logs.html.twig
+++ b/symfony/templates/prowlarr/logs.html.twig
@@ -42,7 +42,11 @@
     </div>
     <div class="card-body p-0">
         {% if records is empty %}
-            <div class="text-muted text-center py-5">{{ 'prowlarr.logs.empty'|trans }}</div>
+            {% import '_icons.html.twig' as ico %}
+            <div class="empty py-5">
+                <div class="empty-icon">{{ ico.icon('file', '', 36) }}</div>
+                <p class="empty-title mb-0">{{ 'prowlarr.logs.empty'|trans }}</p>
+            </div>
         {% else %}
         <div class="table-responsive">
             <table class="table table-vcenter table-sm mb-0">
diff --git a/symfony/templates/prowlarr/notifications.html.twig b/symfony/templates/prowlarr/notifications.html.twig
index 2ae92ddf..003cb530 100644
--- a/symfony/templates/prowlarr/notifications.html.twig
+++ b/symfony/templates/prowlarr/notifications.html.twig
@@ -68,7 +68,11 @@
     {% endfor %}
 </div>
 {% else %}
-<div class="text-center text-secondary py-4 mb-3">{{ 'prowlarr.notifications.empty'|trans }}</div>
+{% import '_icons.html.twig' as ico %}
+<div class="empty py-4 mb-3">
+    <div class="empty-icon">{{ ico.icon('broadcast', '', 32) }}</div>
+    <p class="empty-title mb-0">{{ 'prowlarr.notifications.empty'|trans }}</p>
+</div>
 {% endif %}
 
 <button class="btn btn-sm btn-outline-secondary pw-add-btn mb-3">
@@ -116,12 +120,13 @@
 {% block javascripts %}
 <script>
 (function () {
-    var SCHEMA_URL = '/prowlarr/notification/schema';
-    var GET_URL = '/prowlarr/notification/{id}';
-    var ADD_URL = '/prowlarr/notification/add';
-    var UPDATE_URL = '/prowlarr/notification/{id}/update';
-    var DELETE_URL = '/prowlarr/notification/{id}/delete';
-    var TEST_URL = '/prowlarr/notification/test';
+    var BASE = '{{ app.request.getBasePath() }}';
+    var SCHEMA_URL = BASE + '/prowlarr/notification/schema';
+    var GET_URL = BASE + '/prowlarr/notification/{id}';
+    var ADD_URL = BASE + '/prowlarr/notification/add';
+    var UPDATE_URL = BASE + '/prowlarr/notification/{id}/update';
+    var DELETE_URL = BASE + '/prowlarr/notification/{id}/delete';
+    var TEST_URL = BASE + '/prowlarr/notification/test';
 
     var _I18N = {
         name: {{ 'prowlarr.common.name'|trans|json_encode|raw }},
diff --git a/symfony/templates/prowlarr/system.html.twig b/symfony/templates/prowlarr/system.html.twig
index 3d9bc765..a4697a1b 100644
--- a/symfony/templates/prowlarr/system.html.twig
+++ b/symfony/templates/prowlarr/system.html.twig
@@ -31,20 +31,40 @@
     <div class="col-lg-6">
         <div class="card">
             <div class="card-header"><h3 class="card-title">{{ 'prowlarr.system.info_card'|trans }}</h3></div>
-            <div class="card-body p-0">
-                <div class="table-responsive">
-                    <table class="table table-vcenter card-table table-sm">
-                        <tbody>
-                            <tr><td class="text-secondary small" style="width:40%;">{{ 'prowlarr.system.info_version'|trans }}</td><td class="fw-medium">{{ status.version ?? '—' }}</td></tr>
-                            <tr><td class="text-secondary small">{{ 'prowlarr.system.info_branch'|trans }}</td><td>{{ status.branch ?? '—' }}</td></tr>
-                            <tr><td class="text-secondary small">{{ 'prowlarr.system.info_os'|trans }}</td><td>{{ status.osName ?? '—' }} {{ status.osVersion ?? '' }}</td></tr>
-                            <tr><td class="text-secondary small">{{ 'prowlarr.system.info_runtime'|trans }}</td><td>{{ status.runtimeName ?? '—' }} {{ status.runtimeVersion ?? '' }}</td></tr>
-                            <tr><td class="text-secondary small">{{ 'prowlarr.system.info_started'|trans }}</td><td>{{ status.startTime ? status.startTime|date('d/m/Y H:i') : '—' }}</td></tr>
-                            <tr><td class="text-secondary small">{{ 'prowlarr.system.info_appdata'|trans }}</td><td class="small" style="word-break:break-all;">{{ status.appData ?? '—' }}</td></tr>
-                            <tr><td class="text-secondary small">{{ 'prowlarr.system.info_migration'|trans }}</td><td>{{ status.migrationVersion ?? '—' }}</td></tr>
-                            <tr><td class="text-secondary small">{{ 'prowlarr.system.info_authentication'|trans }}</td><td>{{ status.authentication ?? '—' }}</td></tr>
-                        </tbody>
-                    </table>
+            <div class="card-body">
+                <div class="datagrid">
+                    <div class="datagrid-item">
+                        <div class="datagrid-title">{{ 'prowlarr.system.info_version'|trans }}</div>
+                        <div class="datagrid-content fw-medium">{{ status.version ?? '—' }}</div>
+                    </div>
+                    <div class="datagrid-item">
+                        <div class="datagrid-title">{{ 'prowlarr.system.info_branch'|trans }}</div>
+                        <div class="datagrid-content">{{ status.branch ?? '—' }}</div>
+                    </div>
+                    <div class="datagrid-item">
+                        <div class="datagrid-title">{{ 'prowlarr.system.info_os'|trans }}</div>
+                        <div class="datagrid-content">{{ status.osName ?? '—' }} {{ status.osVersion ?? '' }}</div>
+                    </div>
+                    <div class="datagrid-item">
+                        <div class="datagrid-title">{{ 'prowlarr.system.info_runtime'|trans }}</div>
+                        <div class="datagrid-content">{{ status.runtimeName ?? '—' }} {{ status.runtimeVersion ?? '' }}</div>
+                    </div>
+                    <div class="datagrid-item">
+                        <div class="datagrid-title">{{ 'prowlarr.system.info_started'|trans }}</div>
+                        <div class="datagrid-content">{{ status.startTime ? status.startTime|date('d/m/Y H:i') : '—' }}</div>
+                    </div>
+                    <div class="datagrid-item">
+                        <div class="datagrid-title">{{ 'prowlarr.system.info_appdata'|trans }}</div>
+                        <div class="datagrid-content" style="word-break:break-all;">{{ status.appData ?? '—' }}</div>
+                    </div>
+                    <div class="datagrid-item">
+                        <div class="datagrid-title">{{ 'prowlarr.system.info_migration'|trans }}</div>
+                        <div class="datagrid-content">{{ status.migrationVersion ?? '—' }}</div>
+                    </div>
+                    <div class="datagrid-item">
+                        <div class="datagrid-title">{{ 'prowlarr.system.info_authentication'|trans }}</div>
+                        <div class="datagrid-content">{{ status.authentication ?? '—' }}</div>
+                    </div>
                 </div>
             </div>
         </div>
diff --git a/symfony/templates/prowlarr/tags.html.twig b/symfony/templates/prowlarr/tags.html.twig
index ab2f446f..db394484 100644
--- a/symfony/templates/prowlarr/tags.html.twig
+++ b/symfony/templates/prowlarr/tags.html.twig
@@ -98,6 +98,7 @@
 {% block javascripts %}
 <script>
 (function () {
+    var BASE = '{{ app.request.getBasePath() }}';
     var _I18N = {
         created: {{ 'prowlarr.tags.feedback_created'|trans|json_encode|raw }},
         error: {{ 'prowlarr.tags.feedback_error'|trans|json_encode|raw }},
@@ -141,7 +142,7 @@
     document.querySelectorAll('.btn-tag-delete').forEach(function (btn) {
         btn.addEventListener('click', function () {
             if (!confirm(_I18N.confirmDeleteTpl.replace('__LABEL__', btn.dataset.label))) return;
-            fetch('/prowlarr/tags/' + btn.dataset.id + '/supprimer', { method: 'POST', credentials: 'same-origin' })
+            fetch(BASE + '/prowlarr/tags/' + btn.dataset.id + '/supprimer', { method: 'POST', credentials: 'same-origin' })
                 .then(function (r) { return r.json(); })
                 .then(function (d) {
                     if (d.ok) {
diff --git a/symfony/templates/prowlarr/tasks.html.twig b/symfony/templates/prowlarr/tasks.html.twig
index 6bb0e00f..86572903 100644
--- a/symfony/templates/prowlarr/tasks.html.twig
+++ b/symfony/templates/prowlarr/tasks.html.twig
@@ -38,9 +38,10 @@
     </div>
     <div class="card-body p-0">
         {% if tasks is empty %}
-            <div class="text-muted text-center py-5">
-                <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="mb-2 d-block mx-auto text-secondary"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 3"/></svg>
-                {{ 'prowlarr.tasks.empty'|trans }}
+            {% import '_icons.html.twig' as ico %}
+            <div class="empty py-5">
+                <div class="empty-icon">{{ ico.icon('clock', '', 36) }}</div>
+                <p class="empty-title mb-0">{{ 'prowlarr.tasks.empty'|trans }}</p>
             </div>
         {% else %}
             <div class="table-responsive">
diff --git a/symfony/templates/prowlarr/ui.html.twig b/symfony/templates/prowlarr/ui.html.twig
index 1d69c9f8..8b2bd299 100644
--- a/symfony/templates/prowlarr/ui.html.twig
+++ b/symfony/templates/prowlarr/ui.html.twig
@@ -134,6 +134,7 @@
 {% block javascripts %}
 <script>
 (function () {
+    var BASE = '{{ app.request.getBasePath() }}';
     var _I18N = {
         saveBtn: {{ 'prowlarr.ui.save_btn'|trans|json_encode|raw }},
         saving: {{ 'prowlarr.common.saving'|trans|json_encode|raw }},
@@ -156,7 +157,7 @@
         btn.disabled = true;
         btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span> ' + _I18N.saving;
 
-        fetch('/prowlarr/ui/save', {
+        fetch(BASE + '/prowlarr/ui/save', {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify(payload)
diff --git a/symfony/templates/prowlarr/updates.html.twig b/symfony/templates/prowlarr/updates.html.twig
index 1027e4eb..5c61aa50 100644
--- a/symfony/templates/prowlarr/updates.html.twig
+++ b/symfony/templates/prowlarr/updates.html.twig
@@ -72,9 +72,10 @@
     </div>
     <div class="card-body p-0">
         {% if updates is empty %}
-            <div class="text-muted text-center py-5">
-                <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" class="mb-2 text-success d-block mx-auto"><path d="M5 12l5 5l10 -10"/></svg>
-                {{ 'prowlarr.updates.empty'|trans }}
+            {% import '_icons.html.twig' as ico %}
+            <div class="empty py-5">
+                <div class="empty-icon">{{ ico.icon('check', 'text-success', 36) }}</div>
+                <p class="empty-title mb-0">{{ 'prowlarr.updates.empty'|trans }}</p>
             </div>
         {% else %}
             <div id="install-progress" class="alert alert-info d-none m-3">
@@ -142,7 +143,7 @@
                                 {% if update.changes.new is defined and update.changes.new %}
                                 <div class="mb-2">
                                     <div class="small fw-semibold" style="color:#22c55e;">{{ 'prowlarr.updates.changes_new'|trans }}</div>
-                                    <ul class="mb-0" style="font-size:.75rem;padding-left:1.2rem;color:rgba(255,255,255,.6);">
+                                    <ul class="mb-0" style="font-size:.75rem;padding-left:1.2rem;color:var(--tblr-secondary-color);">
                                         {% for item in update.changes.new %}
                                             <li>{{ item }}</li>
                                         {% endfor %}
@@ -152,7 +153,7 @@
                                 {% if update.changes.fixed is defined and update.changes.fixed %}
                                 <div>
                                     <div class="small fw-semibold" style="color:#38bdf8;">{{ 'prowlarr.updates.changes_fixed'|trans }}</div>
-                                    <ul class="mb-0" style="font-size:.75rem;padding-left:1.2rem;color:rgba(255,255,255,.6);">
+                                    <ul class="mb-0" style="font-size:.75rem;padding-left:1.2rem;color:var(--tblr-secondary-color);">
                                         {% for item in update.changes.fixed %}
                                             <li>{{ item }}</li>
                                         {% endfor %}
@@ -177,6 +178,7 @@
 {% block javascripts %}
 <script>
 (function(){
+var BASE = '{{ app.request.getBasePath() }}';
 var _I18N = {
     starting: {{ 'prowlarr.updates.install_starting'|trans|json_encode|raw }},
     launched: {{ 'prowlarr.updates.install_launched'|trans|json_encode|raw }},
@@ -193,7 +195,7 @@ document.querySelectorAll('.btn-install').forEach(function(btn) {
         progress.classList.remove('d-none');
         msg.textContent = _I18N.starting;
 
-        fetch('/prowlarr/command', {
+        fetch(BASE + '/prowlarr/command', {
             method: 'POST',
             headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
             body: JSON.stringify({name: 'ApplicationUpdateCheck'}),
diff --git a/symfony/templates/qbittorrent/index.html.twig b/symfony/templates/qbittorrent/index.html.twig
index 0c7b1001..908e1fb2 100644
--- a/symfony/templates/qbittorrent/index.html.twig
+++ b/symfony/templates/qbittorrent/index.html.twig
@@ -10,8 +10,6 @@
    ══════════════════════════════════════════════════════════════════════════ */
 .qbt-stat-card { position:relative; overflow:hidden; height:100%; }
 .qbt-stat-card .card-body { min-height:88px; display:flex; flex-direction:column; justify-content:center; }
-.qbt-stat-card .stat-val { font-size:1.5rem; font-weight:700; line-height:1; letter-spacing:-.5px; }
-.qbt-stat-card .stat-lbl { font-size:.7rem; text-transform:uppercase; letter-spacing:.4px; color:var(--tblr-text-secondary); font-weight:600; }
 .qbt-stat-card .stat-speed { font-size:.72rem; font-weight:600; margin-top:2px; font-family:'SF Mono', Menlo, monospace; min-height:1em; }
 .qbt-stat-card .stat-icon { position:absolute; right:-8px; top:-8px; opacity:.08; }
 /* 2e ligne — cards totaux un peu plus hautes, stat-val à droite */
@@ -139,17 +137,6 @@ body[data-bs-theme="dark"] .qbt-bar-wrap { background:rgba(255,255,255,.06); }
 /* ══════════════════════════════════════════════════════════════════════════
    Filtres + recherche
    ══════════════════════════════════════════════════════════════════════════ */
-.qbt-filter-btn { border-radius:6px !important; background:transparent !important; font-size:.78rem; padding:4px 10px; transition:all .15s; }
-.qbt-filter-btn:hover { background:rgba(47,103,186,.06) !important; }
-.qbt-filter-btn.active { font-weight:600; }
-.qbt-filter-btn[data-filter="all"].active         { background:rgba(107,114,128,.15) !important; color:#6b7280 !important; }
-.qbt-filter-btn[data-filter="active"].active      { background:rgba(250,204,21,.18) !important; color:#b45309 !important; }
-.qbt-filter-btn[data-filter="downloading"].active { background:rgba(59,130,246,.15) !important; color:#3b82f6 !important; }
-.qbt-filter-btn[data-filter="seeding"].active     { background:rgba(34,197,94,.15) !important; color:#22c55e !important; }
-.qbt-filter-btn[data-filter="stalled"].active     { background:rgba(249,115,22,.15) !important; color:#f97316 !important; }
-.qbt-filter-btn[data-filter="paused"].active      { background:rgba(245,158,11,.15) !important; color:#f59e0b !important; }
-.qbt-filter-btn[data-filter="completed"].active   { background:rgba(20,184,166,.15) !important; color:#14b8a6 !important; }
-.qbt-filter-btn[data-filter="error"].active       { background:rgba(239,68,68,.15) !important; color:#ef4444 !important; }
 
 .qbt-filter-badge { display:inline-block; margin-left:4px; padding:0 5px; font-size:.6rem; background:rgba(0,0,0,.08); border-radius:8px; font-weight:700; }
 
@@ -205,13 +192,6 @@ body[data-bs-theme="dark"] .qbt-mini-bar { background:rgba(255,255,255,.08); }
 /* ══════════════════════════════════════════════════════════════════════════
    Sélecteur de vue
    ══════════════════════════════════════════════════════════════════════════ */
-.qbt-view-switcher { display:inline-flex; background:rgba(0,0,0,.04); border-radius:6px; padding:2px; gap:1px; }
-body[data-bs-theme="dark"] .qbt-view-switcher { background:rgba(255,255,255,.05); }
-.qbt-view-btn { border:none !important; background:transparent; padding:3px 9px; border-radius:4px; font-size:.72rem; font-weight:500; color:var(--tblr-text-secondary); display:inline-flex; align-items:center; gap:4px; transition:all .12s; cursor:pointer; }
-.qbt-view-btn:hover { background:rgba(47,103,186,.08); color:#2f67ba; }
-.qbt-view-btn.active { background:#2f67ba; color:#fff; box-shadow:0 1px 3px rgba(47,103,186,.3); }
-.qbt-view-btn.active:hover { background:#2f67ba; color:#fff; }
-.qbt-view-btn svg { width:13px; height:13px; }
 
 /* ══════════════════════════════════════════════════════════════════════════
    Mode COMPACT
@@ -340,14 +320,14 @@ body[data-bs-theme="dark"] .qbt-torrent-list[data-view="table"] .qbt-cell-progre
     </div>
     <div class="col-6 col-md-4 col-lg-2">
         <div class="card card-sm qbt-stat-card"><div class="card-body">
-            <span class="stat-val" style="color:#f59e0b" id="qbt-stat-paused">{{ stats.paused ?? 0 }}</span>
+            <span class="stat-val" style="color:{{ (stats.paused ?? 0) > 0 ? '#f59e0b' : 'var(--tblr-text-secondary)' }}" id="qbt-stat-paused">{{ stats.paused ?? 0 }}</span>
             <div class="stat-lbl mt-1">{{ 'qbittorrent.stats.paused'|trans }}</div>
             <svg class="stat-icon" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#f59e0b" stroke-width="1.5"><path d="M6 5h4v14H6zm8 0h4v14h-4z"/></svg>
         </div></div>
     </div>
     <div class="col-6 col-md-4 col-lg-2">
         <div class="card card-sm qbt-stat-card"><div class="card-body">
-            <span class="stat-val" style="color:#ef4444" id="qbt-stat-error">{{ stats.errored ?? 0 }}</span>
+            <span class="stat-val" style="color:{{ (stats.errored ?? 0) > 0 ? '#ef4444' : 'var(--tblr-text-secondary)' }}" id="qbt-stat-error">{{ stats.errored ?? 0 }}</span>
             <div class="stat-lbl mt-1">{{ 'qbittorrent.stats.errored'|trans }}</div>
             <svg class="stat-icon" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="1.5"><circle cx="12" cy="12" r="9"/><path d="M12 8v4m0 4h.01"/></svg>
         </div></div>
@@ -450,14 +430,19 @@ body[data-bs-theme="dark"] .qbt-torrent-list[data-view="table"] .qbt-cell-progre
                 <input type="text" id="qbt-search" class="form-control form-control-sm" placeholder="{{ 'qbittorrent.filters.search_placeholder'|trans }}" autocomplete="off">
             </div>
             <div class="d-flex gap-1 flex-wrap">
-                <button class="btn btn-sm qbt-filter-btn active" data-filter="all">{{ 'qbittorrent.filters.all'|trans }}</button>
-                <button class="btn btn-sm qbt-filter-btn" data-filter="active" title="{{ 'qbittorrent.filters.active_title'|trans }}">{{ 'qbittorrent.filters.active'|trans }}</button>
-                <button class="btn btn-sm qbt-filter-btn" data-filter="downloading">{{ 'qbittorrent.filters.downloading'|trans }}</button>
-                <button class="btn btn-sm qbt-filter-btn" data-filter="seeding">{{ 'qbittorrent.filters.seeding'|trans }}</button>
-                <button class="btn btn-sm qbt-filter-btn" data-filter="stalled">{{ 'qbittorrent.filters.stalled'|trans }}</button>
-                <button class="btn btn-sm qbt-filter-btn" data-filter="paused">{{ 'qbittorrent.filters.paused'|trans }}</button>
-                <button class="btn btn-sm qbt-filter-btn" data-filter="completed">{{ 'qbittorrent.filters.completed'|trans }}</button>
-                <button class="btn btn-sm qbt-filter-btn" data-filter="error">{{ 'qbittorrent.filters.error'|trans }}</button>
+                {% include '_filter_pills.html.twig' with {
+                  active: 'all',
+                  pills: [
+                    { filter: 'all',         label: 'qbittorrent.filters.all'|trans,         hue: '#6b7280' },
+                    { filter: 'active',      label: 'qbittorrent.filters.active'|trans,      hue: '#b45309', title: 'qbittorrent.filters.active_title'|trans },
+                    { filter: 'downloading', label: 'qbittorrent.filters.downloading'|trans, hue: '#3b82f6' },
+                    { filter: 'seeding',     label: 'qbittorrent.filters.seeding'|trans,     hue: '#22c55e' },
+                    { filter: 'stalled',     label: 'qbittorrent.filters.stalled'|trans,     hue: '#f97316' },
+                    { filter: 'paused',      label: 'qbittorrent.filters.paused'|trans,      hue: '#f59e0b' },
+                    { filter: 'completed',   label: 'qbittorrent.filters.completed'|trans,   hue: '#14b8a6' },
+                    { filter: 'error',       label: 'qbittorrent.filters.error'|trans,       hue: '#ef4444' }
+                  ]
+                } only %}
             </div>
             <span class="text-muted small ms-auto" id="qbt-count">{{ 'qbittorrent.count_tpl'|trans({count: torrents|length}) }}</span>
             <div class="d-flex gap-1">
@@ -510,20 +495,18 @@ body[data-bs-theme="dark"] .qbt-torrent-list[data-view="table"] .qbt-cell-progre
                     <option value="seeds|1">{{ 'qbittorrent.sort.seeds_desc'|trans }}</option>
                 </select>
             </div>
-            <div class="qbt-view-switcher" role="group" aria-label="{{ 'qbittorrent.view.aria_label'|trans }}">
-                <button type="button" class="qbt-view-btn active" data-view="list" title="{{ 'qbittorrent.view.list_title'|trans }}">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h16"/></svg>
-                    {{ 'qbittorrent.view.list'|trans }}
-                </button>
-                <button type="button" class="qbt-view-btn" data-view="table" title="{{ 'qbittorrent.view.table_title'|trans }}">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 5h18v14H3zM3 10h18M3 15h18M10 5v14"/></svg>
-                    {{ 'qbittorrent.view.table'|trans }}
-                </button>
-                <button type="button" class="qbt-view-btn" data-view="compact" title="{{ 'qbittorrent.view.compact_title'|trans }}">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 10h16M4 14h16M4 18h16"/></svg>
-                    {{ 'qbittorrent.view.compact'|trans }}
-                </button>
-            </div>
+            {% set vs_icon_list = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h16"/></svg>' %}
+            {% set vs_icon_table = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 5h18v14H3zM3 10h18M3 15h18M10 5v14"/></svg>' %}
+            {% set vs_icon_compact = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 10h16M4 14h16M4 18h16"/></svg>' %}
+            {% include '_view_switcher.html.twig' with {
+                active: 'list',
+                aria_label: 'qbittorrent.view.aria_label'|trans,
+                modes: [
+                    { view: 'list', label: 'qbittorrent.view.list'|trans, title: 'qbittorrent.view.list_title'|trans, icon: vs_icon_list },
+                    { view: 'table', label: 'qbittorrent.view.table'|trans, title: 'qbittorrent.view.table_title'|trans, icon: vs_icon_table },
+                    { view: 'compact', label: 'qbittorrent.view.compact'|trans, title: 'qbittorrent.view.compact_title'|trans, icon: vs_icon_compact }
+                ]
+            } only %}
         </div>
         {# 3rd row of the card: pagination #}
         <div id="qbt-pagination-bar" class="d-flex align-items-center justify-content-between flex-wrap gap-2 mt-2 pt-2" style="display:none;border-top:1px solid var(--tblr-border-color);">
@@ -865,7 +848,6 @@ body[data-bs-theme="dark"] .qbt-torrent-list[data-view="table"] .qbt-cell-progre
 (function(){
     var BASE = '{{ path("app_qbittorrent_index") }}';
     var LOCALE = {{ app.request.locale|default('fr')|json_encode|raw }};
-    var refreshTimer = null;
     var currentFilter = 'all';
     var selectedHashes = {};
     var deleteTarget = { hashes: [], mode: 'single' };
@@ -1191,13 +1173,28 @@ body[data-bs-theme="dark"] .qbt-torrent-list[data-view="table"] .qbt-cell-progre
     // ── Refresh temps réel ──────────────────────────────────────────────────
     var REFRESH_INTERVAL = 3000; // 3s — compromis entre fluidité et charge qBit
 
+    // Le handle du timer vit sur window et NON dans cette closure : Turbo Drive
+    // ré-exécute le script de la page entrante avec une closure neuve, tandis que
+    // celle de la page sortante survit, son setInterval toujours vivant. Les trois
+    // pages de clients torrent (qBittorrent, Deluge, Transmission) partagent ce
+    // nom — une seule est montée à la fois — et rendent les MÊMES ids d'éléments :
+    // sans ce global, le poller orphelin de la page sortante continuerait d'écrire
+    // ses torrents par-dessus ceux de la page entrante. base.html.twig le purge
+    // aussi sur turbo:before-render, pour la navigation vers une page non-torrent.
+    function clearPollTimer() {
+        if (window._prismarrTorrentPagePollTimer) {
+            clearInterval(window._prismarrTorrentPagePollTimer);
+            window._prismarrTorrentPagePollTimer = null;
+        }
+    }
+
     function startRefresh() {
-        if (refreshTimer) clearInterval(refreshTimer);
+        clearPollTimer();
         if (document.hidden) return;  // pas de poll si onglet masqué
-        refreshTimer = setInterval(refreshData, REFRESH_INTERVAL);
+        window._prismarrTorrentPagePollTimer = setInterval(refreshData, REFRESH_INTERVAL);
     }
     function stopRefresh() {
-        if (refreshTimer) { clearInterval(refreshTimer); refreshTimer = null; }
+        clearPollTimer();
         if (refreshCtrl) { refreshCtrl.abort(); refreshCtrl = null; }
     }
 
@@ -1212,10 +1209,17 @@ body[data-bs-theme="dark"] .qbt-torrent-list[data-view="table"] .qbt-cell-progre
     });
 
     var refreshCtrl = null;
+    var refreshSeq = 0;
     function refreshData() {
         // Annule le fetch précédent s'il est encore en vol (évite empilement)
         if (refreshCtrl) refreshCtrl.abort();
         refreshCtrl = new AbortController();
+        // abort() n'a aucun effet si la réponse précédente est déjà arrivée
+        // (fréquent en local, où le round-trip peut être plus rapide que le
+        // délai clic → exécution JS) : sans ce numéro de séquence, une réponse
+        // de sondage périodique pour l'ancienne page peut s'appliquer APRÈS
+        // celle du clic sur une autre page, et y revenir juste après l'affichage.
+        var seq = ++refreshSeq;
         var q = new URLSearchParams({
             page: pagState.page,
             perPage: pagState.perPage,
@@ -1229,6 +1233,7 @@ body[data-bs-theme="dark"] .qbt-torrent-list[data-view="table"] .qbt-cell-progre
         fetch(BASE + '/api/torrents?' + q, { signal: refreshCtrl.signal, headers: { 'X-Requested-With': 'XMLHttpRequest' } })
         .then(function(r) { return r.json(); })
         .then(function(data) {
+            if (seq !== refreshSeq) return; // une requête plus récente a déjà été émise
             if (data.error) return;
             updateStats(data.stats);
             updateList(data.torrents);
@@ -1255,6 +1260,10 @@ body[data-bs-theme="dark"] .qbt-torrent-list[data-view="table"] .qbt-cell-progre
         set('qbt-stat-total', s.total); set('qbt-stat-dl', s.downloading); set('qbt-stat-seed', s.seeding);
         set('qbt-stat-paused', s.paused); set('qbt-stat-error', s.errored);
         set('qbt-stat-stalled', s.stalled || 0);
+        // Semantic hues must be earned: orange/red only when the count is
+        // nonzero, otherwise the numeral goes neutral like the total.
+        function hue(id, n, c) { var el = document.getElementById(id); if (el) el.style.color = n > 0 ? c : 'var(--tblr-text-secondary)'; }
+        hue('qbt-stat-paused', s.paused, '#f59e0b'); hue('qbt-stat-error', s.errored, '#ef4444');
         var dlEl = document.getElementById('qbt-speed-dl'); if (dlEl) dlEl.innerHTML = s.dl_speed > 0 ? ('&#8595; ' + fmtSpeed(s.dl_speed)) : '&nbsp;';
         var upEl = document.getElementById('qbt-speed-up'); if (upEl) upEl.innerHTML = s.up_speed > 0 ? ('&#8593; ' + fmtSpeed(s.up_speed)) : '&nbsp;';
         var dot = document.getElementById('qbt-conn-dot');
@@ -1543,7 +1552,7 @@ body[data-bs-theme="dark"] .qbt-torrent-list[data-view="table"] .qbt-cell-progre
         if (list) list.dataset.view = view;
         var hdr = document.getElementById('qbt-table-header');
         if (hdr) hdr.classList.toggle('show', view === 'table');
-        var btns = document.querySelectorAll('.qbt-view-btn');
+        var btns = document.querySelectorAll('.view-btn');
         for (var i = 0; i < btns.length; i++) btns[i].classList.toggle('active', btns[i].dataset.view === view);
         syncSortUI();
     }
@@ -1574,7 +1583,7 @@ body[data-bs-theme="dark"] .qbt-torrent-list[data-view="table"] .qbt-cell-progre
     }
 
     bindDoc('click', 'viewSortPag', function(e) {
-        var vb = e.target.closest('.qbt-view-btn');
+        var vb = e.target.closest('.view-btn');
         if (vb) { applyView(vb.dataset.view); return; }
         var sb = e.target.closest('#qbt-table-header .qbt-sort');
         if (sb) {
@@ -1600,7 +1609,7 @@ body[data-bs-theme="dark"] .qbt-torrent-list[data-view="table"] .qbt-cell-progre
     });
 
     // ── Filtres ─────────────────────────────────────────────────────────────
-    var filterBtns = document.querySelectorAll('.qbt-filter-btn');
+    var filterBtns = document.querySelectorAll('.filter-pill');
     for (var i = 0; i < filterBtns.length; i++) {
         // onclick (pas addEventListener) — évite les doublons après re-exec Turbo
         filterBtns[i].onclick = function(){
@@ -2069,8 +2078,8 @@ body[data-bs-theme="dark"] .qbt-torrent-list[data-view="table"] .qbt-cell-progre
     // ── Init ────────────────────────────────────────────────────────────────
     applyView(currentView);
     syncSortUI();
-    // Aligne l'état avec le filtre actif (.qbt-filter-btn.active)
-    var activeFilter = document.querySelector('.qbt-filter-btn.active');
+    // Aligne l'état avec le filtre actif (.filter-pill.active)
+    var activeFilter = document.querySelector('.filter-pill.active');
     if (activeFilter) pagState.filter = activeFilter.dataset.filter || 'all';
     refreshData();    // premier fetch immédiat (applique pagination+tri+filtre serveur)
     startRefresh();
diff --git a/symfony/templates/radarr/_schema_modal.html.twig b/symfony/templates/radarr/_schema_modal.html.twig
index 81f4311f..7b9fb6bc 100644
--- a/symfony/templates/radarr/_schema_modal.html.twig
+++ b/symfony/templates/radarr/_schema_modal.html.twig
@@ -6,8 +6,8 @@
     modal_title_edit: edit title (ex: 'Edit the indexer')
     schema_url     : URL of the GET schema endpoint (ex: instance_path('radarr_indexers_schema'))
     save_url_add   : POST URL to create (ex: instance_path('radarr_indexer_add'))
-    save_url_edit  : POST URL to edit — __ID__ is replaced by the id (ex: '/medias/' + INSTANCE_SLUG + '/radarr/indexeurs/__ID__/modifier')
-    test_url       : (optional) POST URL to test (ex: '/medias/' + INSTANCE_SLUG + '/radarr/indexeurs/__ID__/tester')
+    save_url_edit  : POST URL to edit — __ID__ is replaced by the id (ex: BASE + '/medias/' + INSTANCE_SLUG + '/radarr/indexeurs/__ID__/modifier')
+    test_url       : (optional) POST URL to test (ex: BASE + '/medias/' + INSTANCE_SLUG + '/radarr/indexeurs/__ID__/tester')
     mode           : 'default' | 'notification' — notifications show triggers instead of RSS/search options
 #}
 <div class="modal modal-blur fade" id="{{ modal_id }}" tabindex="-1">
@@ -88,6 +88,7 @@
 
 <script>
 (function () {
+  var BASE = '{{ app.request.getBasePath() }}';
   var MID        = {{ modal_id|json_encode|raw }};
   var SCHEMA_URL = {{ schema_url|json_encode|raw }};
   var SAVE_ADD   = {{ save_url_add|json_encode|raw }};
@@ -330,7 +331,7 @@
         schemaCache = Array.isArray(data) ? data : [];
         // Auto-detect Radarr vs Sonarr from the schema URL to show the right message
         if (!schemaCache.length) {
-          var isSonarr = SCHEMA_URL.indexOf('/medias/' + INSTANCE_SLUG + '/sonarr/') !== -1;
+          var isSonarr = SCHEMA_URL.indexOf(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/') !== -1;
           showFeedback(isSonarr ? I18N.error_schema_none_sonarr : I18N.error_schema_none_radarr, 'warning');
         }
         return schemaCache;
diff --git a/symfony/templates/radarr/auto_tags.html.twig b/symfony/templates/radarr/auto_tags.html.twig
index 75778292..ee453127 100644
--- a/symfony/templates/radarr/auto_tags.html.twig
+++ b/symfony/templates/radarr/auto_tags.html.twig
@@ -171,6 +171,7 @@
 {% block javascripts %}
 <script>
 (function(){
+  var BASE = '{{ app.request.getBasePath() }}';
   var _I18N = {
     modal_title_new: {{ 'media.arr_admin.auto_tags.modal_title_new'|trans|json_encode|raw }},
     modal_title_edit: {{ 'media.arr_admin.auto_tags.modal_title_edit_tpl'|trans({name: '__NAME__'})|json_encode|raw }},
@@ -395,7 +396,7 @@
     var url;
     if (editingItem) {
       payload.id = editingItem.id;
-      url = '/medias/' + INSTANCE_SLUG + '/radarr/auto-tags/' + editingItem.id + '/modifier';
+      url = BASE + '/medias/' + INSTANCE_SLUG + '/radarr/auto-tags/' + editingItem.id + '/modifier';
     } else {
       url = {{ instance_path('radarr_auto_tag_add')|json_encode|raw }};
     }
@@ -422,7 +423,7 @@
   document.querySelectorAll('.btn-at-delete').forEach(function(btn) {
     btn.addEventListener('click', function() {
       if (!confirm(_I18N.delete_confirm_tpl.replace('__NAME__', btn.dataset.name))) return;
-      fetch('/medias/' + INSTANCE_SLUG + '/radarr/auto-tags/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/auto-tags/' + btn.dataset.id + '/supprimer', {
         method: 'POST',
         headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: '{}'
diff --git a/symfony/templates/radarr/backups.html.twig b/symfony/templates/radarr/backups.html.twig
index 393cb262..c5210155 100644
--- a/symfony/templates/radarr/backups.html.twig
+++ b/symfony/templates/radarr/backups.html.twig
@@ -125,6 +125,7 @@
 {% block javascripts %}
 <script>
 (function(){
+var BASE = '{{ app.request.getBasePath() }}';
 var I18N = {
   starting: {{ 'media.arr_admin.backups.backup_starting'|trans|json_encode|raw }},
   statusTpl: {{ 'media.arr_admin.backups.backup_status_tpl'|trans({status: '__STATUS__'})|json_encode|raw }},
@@ -185,7 +186,7 @@ document.querySelectorAll('.btn-backup-delete').forEach(function(btn) {
   btn.onclick = function() {
     if (!confirm(I18N.confirmDelete)) return;
     var id = btn.dataset.id;
-    fetch('/medias/' + INSTANCE_SLUG + '/radarr/sauvegardes/' + id + '/supprimer', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/sauvegardes/' + id + '/supprimer', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
       body: '{}'
@@ -219,7 +220,7 @@ if (btnConfirmRestore) {
     alertEl.classList.remove('d-none');
     msg.textContent = I18N.restoreInProgress;
 
-    fetch('/medias/' + INSTANCE_SLUG + '/radarr/sauvegardes/' + pendingRestoreId + '/restaurer', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/sauvegardes/' + pendingRestoreId + '/restaurer', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
       body: '{}'
diff --git a/symfony/templates/radarr/commands.html.twig b/symfony/templates/radarr/commands.html.twig
index ade3bd1d..4d0744e8 100644
--- a/symfony/templates/radarr/commands.html.twig
+++ b/symfony/templates/radarr/commands.html.twig
@@ -112,6 +112,7 @@
 {% block javascripts %}
 <script>
 (function(){
+var BASE = '{{ app.request.getBasePath() }}';
 var I18N = {
   confirmCancelTpl: {{ 'media.arr_admin.commands.confirm_cancel_tpl'|trans({id: '__ID__'})|json_encode|raw }},
   cancelledTpl: {{ 'media.arr_admin.commands.cancelled_tpl'|trans({id: '__ID__'})|json_encode|raw }},
@@ -132,7 +133,7 @@ function bindCancelButtons() {
       var cmdId = btn.dataset.id;
       if (!confirm(I18N.confirmCancelTpl.replace('__ID__', cmdId))) return;
       btn.disabled = true;
-      fetch('/medias/' + INSTANCE_SLUG + '/radarr/command/' + cmdId + '/annuler', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/command/' + cmdId + '/annuler', {
         method: 'POST',
         headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: '{}'
diff --git a/symfony/templates/radarr/custom_filters.html.twig b/symfony/templates/radarr/custom_filters.html.twig
index 8bfd4d0c..c836fa23 100644
--- a/symfony/templates/radarr/custom_filters.html.twig
+++ b/symfony/templates/radarr/custom_filters.html.twig
@@ -109,6 +109,7 @@
 {% block javascripts %}
 <script>
 (function(){
+  var BASE = '{{ app.request.getBasePath() }}';
   var CF_I18N = {
     title_add: {{ 'media.arr_admin.custom_filters.modal_title_add'|trans|json_encode|raw }},
     title_edit: {{ 'media.arr_admin.custom_filters.modal_title_edit'|trans|json_encode|raw }},
@@ -165,7 +166,7 @@
     var filters;
     try { filters = JSON.parse(filtersRaw || '[]'); } catch(e) { showModalFeedback(CF_I18N.err_invalid_json, 'danger'); return; }
     var payload = {label: label, type: type, filters: filters};
-    var url = id ? '/medias/' + INSTANCE_SLUG + '/radarr/filtres-personnalises/' + id + '/modifier' : '{{ instance_path("radarr_custom_filter_add") }}';
+    var url = id ? BASE + '/medias/' + INSTANCE_SLUG + '/radarr/filtres-personnalises/' + id + '/modifier' : '{{ instance_path("radarr_custom_filter_add") }}';
     if (id) payload.id = parseInt(id, 10);
     fetch(url, {
       method: 'POST',
@@ -180,7 +181,7 @@
   document.querySelectorAll('.btn-cf-delete').forEach(function(btn) {
     btn.onclick = function() {
       if (!confirm(CF_I18N.delete_confirm_tpl.replace('__LABEL__', btn.dataset.label))) return;
-      fetch('/medias/' + INSTANCE_SLUG + '/radarr/filtres-personnalises/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/filtres-personnalises/' + btn.dataset.id + '/supprimer', {
         method: 'POST',
         headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: '{}',
diff --git a/symfony/templates/radarr/custom_formats.html.twig b/symfony/templates/radarr/custom_formats.html.twig
index 847ae36e..f487a183 100644
--- a/symfony/templates/radarr/custom_formats.html.twig
+++ b/symfony/templates/radarr/custom_formats.html.twig
@@ -166,6 +166,7 @@
 {% block javascripts %}
 <script>
 (function(){
+  var BASE = '{{ app.request.getBasePath() }}';
   var I18N = {
     modal_new: {{ 'media.arr_admin.custom_formats.modal_new'|trans|json_encode|raw }},
     modal_edit_tpl: {{ 'media.arr_admin.custom_formats.modal_edit_tpl'|trans({name: '__NAME__'})|json_encode|raw }},
@@ -476,7 +477,7 @@
     try {
       var url = SAVE_URL;
       if (editingItem) {
-        url = '/medias/' + INSTANCE_SLUG + '/radarr/formats/' + editingItem.id + '/modifier';
+        url = BASE + '/medias/' + INSTANCE_SLUG + '/radarr/formats/' + editingItem.id + '/modifier';
       }
       var r = await fetch(url, {
         method: 'POST',
@@ -504,7 +505,7 @@
     var btn = e.target.closest('.btn-cf-delete');
     if (!btn) return;
     if (!confirm(I18N.confirm_delete_tpl.replace('__NAME__', btn.dataset.name))) return;
-    fetch('/medias/' + INSTANCE_SLUG + '/radarr/formats/' + btn.dataset.id + '/supprimer', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/formats/' + btn.dataset.id + '/supprimer', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
       body: '{}',
diff --git a/symfony/templates/radarr/delay_profiles.html.twig b/symfony/templates/radarr/delay_profiles.html.twig
index 4f4020de..a0d53c10 100644
--- a/symfony/templates/radarr/delay_profiles.html.twig
+++ b/symfony/templates/radarr/delay_profiles.html.twig
@@ -192,6 +192,7 @@
 {% block javascripts %}
 <script>
 (function(){
+  var BASE = '{{ app.request.getBasePath() }}';
   var I18N = {
     modal_new: {{ 'media.arr_admin.delay_profiles.modal_new'|trans|json_encode|raw }},
     modal_edit_tpl: {{ 'media.arr_admin.delay_profiles.modal_edit_tpl'|trans({id: '__ID__'})|json_encode|raw }},
@@ -282,7 +283,7 @@
     if (editingItem) {
       payload.id = editingItem.id;
       payload.order = editingItem.order;
-      url = '/medias/' + INSTANCE_SLUG + '/radarr/profils-delai/' + editingItem.id + '/modifier';
+      url = BASE + '/medias/' + INSTANCE_SLUG + '/radarr/profils-delai/' + editingItem.id + '/modifier';
     } else {
       url = {{ instance_path('radarr_delay_profile_add')|json_encode|raw }};
     }
@@ -309,7 +310,7 @@
   document.querySelectorAll('.btn-delay-delete').forEach(function(btn) {
     btn.addEventListener('click', function() {
       if (!confirm(I18N.confirm_delete)) return;
-      fetch('/medias/' + INSTANCE_SLUG + '/radarr/profils-delai/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/profils-delai/' + btn.dataset.id + '/supprimer', {
         method: 'POST',
         headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: '{}'
diff --git a/symfony/templates/radarr/download_clients.html.twig b/symfony/templates/radarr/download_clients.html.twig
index a52db0df..73c58050 100644
--- a/symfony/templates/radarr/download_clients.html.twig
+++ b/symfony/templates/radarr/download_clients.html.twig
@@ -109,7 +109,7 @@
   modal_title_edit: 'media.arr_admin.download_clients.modal_title_edit'|trans,
   schema_url: instance_path('radarr_download_client_schema'),
   save_url_add: instance_path('radarr_download_client_add'),
-  save_url_edit: '/medias/' ~ current_slug('radarr') ~ '/radarr/clients-telechargement/__ID__/modifier',
+  save_url_edit: app.request.getBasePath() ~ '/medias/' ~ current_slug('radarr') ~ '/radarr/clients-telechargement/__ID__/modifier',
   test_url: instance_path('radarr_download_client_test')
 } %}
 {% endblock %}
@@ -117,6 +117,7 @@
 {% block javascripts %}
 <script>
 (function() {
+  var BASE = '{{ app.request.getBasePath() }}';
   var I18N = {
     fallback_name: {{ 'media.arr_admin.download_clients.fallback_name'|trans|json_encode|raw }},
     test_success_title: {{ 'media.arr_admin.download_clients.test_success_title'|trans|json_encode|raw }},
@@ -183,7 +184,7 @@
   document.querySelectorAll('.btn-dc-delete').forEach(function(btn) {
     btn.addEventListener('click', function() {
       if (!confirm(I18N.confirm_delete_tpl.replace('__NAME__', btn.dataset.name))) return;
-      fetch('/medias/' + INSTANCE_SLUG + '/radarr/clients-telechargement/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/clients-telechargement/' + btn.dataset.id + '/supprimer', {
         method: 'POST', headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'}, body: '{}',
       }).then(function(r) { return r.json(); }).then(function(data) {
         if (data.ok) location.reload();
diff --git a/symfony/templates/radarr/exclusions.html.twig b/symfony/templates/radarr/exclusions.html.twig
index 84d65247..30a37574 100644
--- a/symfony/templates/radarr/exclusions.html.twig
+++ b/symfony/templates/radarr/exclusions.html.twig
@@ -119,6 +119,7 @@
 {% block javascripts %}
 <script>
 (function(){
+var BASE = '{{ app.request.getBasePath() }}';
 var _I18N = {
   bulk_confirm_tpl: {{ 'media.arr_admin.exclusions.bulk_confirm_tpl'|trans({count: '__COUNT__'})|json_encode|raw }},
   delete_confirm: {{ 'media.arr_admin.exclusions.delete_confirm'|trans|json_encode|raw }},
@@ -173,7 +174,7 @@ if (bulkBtn) {
 document.querySelectorAll('.btn-excl-delete').forEach(function(btn) {
   btn.addEventListener('click', function() {
     if (!confirm(_I18N.delete_confirm)) return;
-    fetch('/medias/' + INSTANCE_SLUG + '/radarr/exclusions/' + btn.dataset.id + '/supprimer', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/exclusions/' + btn.dataset.id + '/supprimer', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
       body: '{}',
diff --git a/symfony/templates/radarr/import_lists.html.twig b/symfony/templates/radarr/import_lists.html.twig
index a5544938..2a831c34 100644
--- a/symfony/templates/radarr/import_lists.html.twig
+++ b/symfony/templates/radarr/import_lists.html.twig
@@ -93,13 +93,14 @@
   modal_title_edit: 'media.arr_admin.import_lists.modal_title_edit'|trans,
   schema_url: instance_path('radarr_import_list_schema'),
   save_url_add: instance_path('radarr_import_list_add'),
-  save_url_edit: '/medias/' ~ current_slug('radarr') ~ '/radarr/listes-import/__ID__/modifier'
+  save_url_edit: app.request.getBasePath() ~ '/medias/' ~ current_slug('radarr') ~ '/radarr/listes-import/__ID__/modifier'
 } %}
 {% endblock %}
 
 {% block javascripts %}
 <script>
 (function() {
+  var BASE = '{{ app.request.getBasePath() }}';
   var I18N = {
     error_delete: {{ 'media.arr_admin.import_lists.error_delete'|trans|json_encode|raw }},
     confirm_delete_tpl: {{ 'media.arr_admin.import_lists.confirm_delete_tpl'|trans({name: '__NAME__'})|json_encode|raw }}
@@ -117,7 +118,7 @@
   document.querySelectorAll('.btn-il-delete').forEach(function(btn) {
     btn.addEventListener('click', function() {
       if (!confirm(I18N.confirm_delete_tpl.replace('__NAME__', btn.dataset.name))) return;
-      fetch('/medias/' + INSTANCE_SLUG + '/radarr/listes-import/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/listes-import/' + btn.dataset.id + '/supprimer', {
         method: 'POST', headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'}, body: '{}',
       }).then(function(r) { return r.json(); }).then(function(data) {
         if (data.ok) location.reload();
diff --git a/symfony/templates/radarr/indexers.html.twig b/symfony/templates/radarr/indexers.html.twig
index f65d8acd..e2bf3a07 100644
--- a/symfony/templates/radarr/indexers.html.twig
+++ b/symfony/templates/radarr/indexers.html.twig
@@ -97,7 +97,7 @@
   modal_title_edit: 'media.arr_admin.indexers.modal_title_edit'|trans,
   schema_url: instance_path('radarr_indexers_schema'),
   save_url_add: instance_path('radarr_indexer_add'),
-  save_url_edit: '/medias/' ~ current_slug('radarr') ~ '/radarr/indexeurs/__ID__/modifier',
+  save_url_edit: app.request.getBasePath() ~ '/medias/' ~ current_slug('radarr') ~ '/radarr/indexeurs/__ID__/modifier',
   test_url: instance_path('radarr_indexer_test')
 } %}
 {% endblock %}
@@ -105,6 +105,7 @@
 {% block javascripts %}
 <script>
 (function() {
+  var BASE = '{{ app.request.getBasePath() }}';
   var I18N = {
     fallback_name: {{ 'media.arr_admin.indexers.fallback_name'|trans|json_encode|raw }},
     test_success_title: {{ 'media.arr_admin.indexers.test_success_title'|trans|json_encode|raw }},
@@ -147,7 +148,7 @@
         setTimeout(function() { btn.innerHTML = SVG_CHECK; btn.title = I18N.test_label; }, 3000);
         return;
       }
-      fetch('/medias/' + INSTANCE_SLUG + '/radarr/indexeurs/tester', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/indexeurs/tester', {
         method: 'POST', headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: JSON.stringify(indexer),
       }).then(function(r) { return r.json(); }).then(function(data) {
@@ -171,7 +172,7 @@
   document.querySelectorAll('.btn-idx-delete').forEach(function(btn) {
     btn.addEventListener('click', function() {
       if (!confirm(I18N.confirm_delete_tpl.replace('__NAME__', btn.dataset.name))) return;
-      fetch('/medias/' + INSTANCE_SLUG + '/radarr/indexeurs/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/indexeurs/' + btn.dataset.id + '/supprimer', {
         method: 'POST', headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'}, body: '{}',
       }).then(function(r) { return r.json(); }).then(function(data) {
         if (data.ok) location.reload();
diff --git a/symfony/templates/radarr/metadata.html.twig b/symfony/templates/radarr/metadata.html.twig
index bf12b988..13885dd5 100644
--- a/symfony/templates/radarr/metadata.html.twig
+++ b/symfony/templates/radarr/metadata.html.twig
@@ -110,6 +110,7 @@
 {% block javascripts %}
 <script>
 (function(){
+  var BASE = '{{ app.request.getBasePath() }}';
   var META_I18N = {
     title_edit_tpl: {{ 'media.arr_admin.metadata.modal_title_edit_tpl'|trans({name: '__NAME__'})|json_encode|raw }},
     fields_title: {{ 'media.arr_admin.metadata.fields_title'|trans|json_encode|raw }},
@@ -199,7 +200,7 @@
     btn.addEventListener('click', function() {
       var id = btn.dataset.id;
       var enabled = btn.dataset.enabled === '1';
-      fetch('/medias/' + INSTANCE_SLUG + '/radarr/metadata/' + id + '/modifier', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/metadata/' + id + '/modifier', {
         method: 'POST',
         headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: JSON.stringify({enable: !enabled}),
@@ -218,7 +219,7 @@
     payload.name = document.getElementById('meta-name').value.trim();
     payload.enable = document.getElementById('meta-enable').checked;
     payload.fields = collectFields();
-    fetch('/medias/' + INSTANCE_SLUG + '/radarr/metadata/' + payload.id + '/modifier', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/metadata/' + payload.id + '/modifier', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
       body: JSON.stringify(payload),
@@ -237,7 +238,7 @@
   document.querySelectorAll('.btn-meta-delete').forEach(function(btn) {
     btn.addEventListener('click', function() {
       if (!confirm(META_I18N.delete_confirm_tpl.replace('__NAME__', btn.dataset.name))) return;
-      fetch('/medias/' + INSTANCE_SLUG + '/radarr/metadata/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/metadata/' + btn.dataset.id + '/supprimer', {
         method: 'POST',
         headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: '{}',
diff --git a/symfony/templates/radarr/notifications.html.twig b/symfony/templates/radarr/notifications.html.twig
index 680a4ebc..a95ad95c 100644
--- a/symfony/templates/radarr/notifications.html.twig
+++ b/symfony/templates/radarr/notifications.html.twig
@@ -105,7 +105,7 @@
   modal_title_edit: 'media.arr_admin.notifications.modal_title_edit'|trans,
   schema_url: instance_path('radarr_notifications_schema'),
   save_url_add: instance_path('radarr_notification_add'),
-  save_url_edit: '/medias/' ~ current_slug('radarr') ~ '/radarr/notifications/__ID__/modifier',
+  save_url_edit: app.request.getBasePath() ~ '/medias/' ~ current_slug('radarr') ~ '/radarr/notifications/__ID__/modifier',
   test_url: instance_path('radarr_notification_test_payload'),
   mode: 'notification'
 } %}
@@ -114,6 +114,7 @@
 {% block javascripts %}
 <script>
 (function(){
+  var BASE = '{{ app.request.getBasePath() }}';
   var I18N = {
     error_test: {{ 'media.arr_admin.notifications.error_test'|trans|json_encode|raw }},
     error_network: {{ 'media.arr_admin.notifications.error_network'|trans|json_encode|raw }},
@@ -139,7 +140,7 @@
       var origHTML = btn.innerHTML;
       btn.disabled = true;
       btn.innerHTML = SVG_SPIN;
-      fetch('/medias/' + INSTANCE_SLUG + '/radarr/notifications/' + btn.dataset.id + '/tester', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/notifications/' + btn.dataset.id + '/tester', {
         method: 'POST',
         headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: '{}',
@@ -159,7 +160,7 @@
   document.querySelectorAll('.btn-notif-delete').forEach(function(btn) {
     btn.addEventListener('click', function() {
       if (!confirm(I18N.confirm_delete_tpl.replace('__NAME__', btn.dataset.name))) return;
-      fetch('/medias/' + INSTANCE_SLUG + '/radarr/notifications/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/notifications/' + btn.dataset.id + '/supprimer', {
         method: 'POST',
         headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: '{}',
diff --git a/symfony/templates/radarr/quality.html.twig b/symfony/templates/radarr/quality.html.twig
index f8a5def1..8de5e505 100644
--- a/symfony/templates/radarr/quality.html.twig
+++ b/symfony/templates/radarr/quality.html.twig
@@ -380,6 +380,7 @@
 {% block javascripts %}
 <script>
 (function(){
+var BASE = '{{ app.request.getBasePath() }}';
 
 var I18N = {
   error_save_def: {{ 'media.arr_admin.quality.error_save_def'|trans|json_encode|raw }},
@@ -541,7 +542,7 @@ document.getElementById('btn-save-definitions').addEventListener('click', functi
     orig.maxSize       = parseFloat(wrap.querySelector('.range-max').value);
     payload.push(orig);
   });
-  fetch('/medias/' + INSTANCE_SLUG + '/radarr/qualite/definitions/sauvegarder', {
+  fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/qualite/definitions/sauvegarder', {
     method: 'POST',
     headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
     body: JSON.stringify(payload),
@@ -905,8 +906,8 @@ document.getElementById('btn-profile-save').addEventListener('click', function()
   }
 
   var url = isEdit
-    ? '/medias/' + INSTANCE_SLUG + '/radarr/qualite/profils/' + editId + '/modifier'
-    : '/medias/' + INSTANCE_SLUG + '/radarr/qualite/profils/ajouter';
+    ? BASE + '/medias/' + INSTANCE_SLUG + '/radarr/qualite/profils/' + editId + '/modifier'
+    : BASE + '/medias/' + INSTANCE_SLUG + '/radarr/qualite/profils/ajouter';
 
   fetch(url, {
     method: 'POST',
@@ -931,7 +932,7 @@ document.getElementById('btn-profile-delete-modal').addEventListener('click', fu
   var id = this.getAttribute('data-id');
   var name = this.getAttribute('data-name');
   if (!confirm(I18N.confirm_delete_tpl.replace('__NAME__', name))) return;
-  fetch('/medias/' + INSTANCE_SLUG + '/radarr/qualite/profils/' + id + '/supprimer', {
+  fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/qualite/profils/' + id + '/supprimer', {
     method: 'POST',
     headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
     body: '{}',
@@ -951,7 +952,7 @@ document.getElementById('btn-profile-delete-modal').addEventListener('click', fu
 document.querySelectorAll('.btn-profile-delete').forEach(function(btn) {
   btn.addEventListener('click', function() {
     if (!confirm(I18N.confirm_delete_tpl.replace('__NAME__', btn.dataset.name))) return;
-    fetch('/medias/' + INSTANCE_SLUG + '/radarr/qualite/profils/' + btn.dataset.id + '/supprimer', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/qualite/profils/' + btn.dataset.id + '/supprimer', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
       body: '{}',
diff --git a/symfony/templates/radarr/remote_path_mappings.html.twig b/symfony/templates/radarr/remote_path_mappings.html.twig
index 27b5e51c..7514bc44 100644
--- a/symfony/templates/radarr/remote_path_mappings.html.twig
+++ b/symfony/templates/radarr/remote_path_mappings.html.twig
@@ -99,6 +99,7 @@
 {% block javascripts %}
 <script>
 (function(){
+  var BASE = '{{ app.request.getBasePath() }}';
   var I18N = {
     modal_title_add: {{ 'media.arr_admin.remote_path_mappings.modal_title_add'|trans|json_encode|raw }},
     modal_title_edit: {{ 'media.arr_admin.remote_path_mappings.modal_title_edit'|trans|json_encode|raw }},
@@ -157,7 +158,7 @@
       return;
     }
     var payload = {host: host, remotePath: remotePath, localPath: localPath};
-    var url = id ? '/medias/' + INSTANCE_SLUG + '/radarr/chemins-distants/' + id + '/modifier' : '{{ instance_path("radarr_remote_path_mapping_add") }}';
+    var url = id ? BASE + '/medias/' + INSTANCE_SLUG + '/radarr/chemins-distants/' + id + '/modifier' : '{{ instance_path("radarr_remote_path_mapping_add") }}';
     if (id) payload.id = parseInt(id, 10);
     fetch(url, {
       method: 'POST',
@@ -172,7 +173,7 @@
   document.querySelectorAll('.btn-rpm-delete').forEach(function(btn) {
     btn.onclick = function() {
       if (!confirm(I18N.confirm_delete_tpl.replace('__HOST__', btn.dataset.host))) return;
-      fetch('/medias/' + INSTANCE_SLUG + '/radarr/chemins-distants/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/chemins-distants/' + btn.dataset.id + '/supprimer', {
         method: 'POST',
         headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: '{}',
diff --git a/symfony/templates/radarr/rename.html.twig b/symfony/templates/radarr/rename.html.twig
index 41a6e9bc..c79badf4 100644
--- a/symfony/templates/radarr/rename.html.twig
+++ b/symfony/templates/radarr/rename.html.twig
@@ -75,6 +75,7 @@
 {% block javascripts %}
 <script>
 (function(){
+var BASE = '{{ app.request.getBasePath() }}';
 var _I18N = {
   select_movie_hint: {{ 'media.arr_admin.rename.select_movie_hint'|trans|json_encode|raw }},
   no_rename_needed: {{ 'media.arr_admin.rename.no_rename_needed'|trans|json_encode|raw }},
@@ -109,7 +110,7 @@ if (movieSelect) {
     document.getElementById('proposals-loading').classList.remove('d-none');
     document.getElementById('btn-rename-all').classList.add('d-none');
 
-    fetch('/medias/' + INSTANCE_SLUG + '/radarr/renommer/' + id + '/propositions', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/renommer/' + id + '/propositions', {
       headers: {'X-Requested-With': 'XMLHttpRequest'}
     }).then(function(r){ return r.json(); }).then(function(proposals){
       document.getElementById('proposals-loading').classList.add('d-none');
@@ -149,7 +150,7 @@ if (btnRenameAll) {
     progress.classList.remove('d-none');
     msg.textContent = _I18N.progress_starting;
 
-    fetch('/medias/' + INSTANCE_SLUG + '/radarr/renommer/' + currentMovieId + '/executer', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/renommer/' + currentMovieId + '/executer', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
       body: '{}'
diff --git a/symfony/templates/radarr/root_folders.html.twig b/symfony/templates/radarr/root_folders.html.twig
index edac3f1a..0a0c77ad 100644
--- a/symfony/templates/radarr/root_folders.html.twig
+++ b/symfony/templates/radarr/root_folders.html.twig
@@ -76,6 +76,7 @@
 {% block javascripts %}
 <script>
 (function(){
+var BASE = '{{ app.request.getBasePath() }}';
 var I18N = {
   errorPathRequired: {{ 'media.arr_admin.root_folders.error_path_required'|trans|json_encode|raw }},
   errorAdd: {{ 'media.arr_admin.root_folders.error_add_radarr'|trans|json_encode|raw }},
@@ -112,7 +113,7 @@ document.querySelectorAll('.btn-rf-delete').forEach(function(btn) {
   btn.addEventListener('click', function() {
     var msg = I18N.confirmDeleteTpl.replace('__PATH__', btn.dataset.path);
     if (!confirm(msg)) return;
-    fetch('/medias/' + INSTANCE_SLUG + '/radarr/dossiers-racine/' + btn.dataset.id + '/supprimer', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/dossiers-racine/' + btn.dataset.id + '/supprimer', {
       method: 'POST', headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'}, body: '{}',
     }).then(function(r) { return r.json(); }).then(function(data) {
       if (data.ok) location.reload();
diff --git a/symfony/templates/radarr/suggestions.html.twig b/symfony/templates/radarr/suggestions.html.twig
index 701e3692..67e5022b 100644
--- a/symfony/templates/radarr/suggestions.html.twig
+++ b/symfony/templates/radarr/suggestions.html.twig
@@ -41,6 +41,14 @@
   font-size: .6rem; font-weight: 700; padding: .1rem .3rem;
   border-radius: .25rem; background: rgba(0,128,0,.75); color: #fff;
 }
+
+/* ── Mobile/tablet readability floor (responsive audit 2026-06-29) ──
+   Floor sub-11px text at 11px (.6875rem) below the lg breakpoint;
+   desktop (≥992px) keeps the original sizes. */
+@media (max-width: 991.98px) {
+  .media-card .card-year,
+  .already-badge { font-size: .6875rem; }
+}
 </style>
 {% endblock %}
 
diff --git a/symfony/templates/radarr/tags.html.twig b/symfony/templates/radarr/tags.html.twig
index bc35becd..936d8199 100644
--- a/symfony/templates/radarr/tags.html.twig
+++ b/symfony/templates/radarr/tags.html.twig
@@ -88,6 +88,7 @@
 {% block javascripts %}
 <script>
 (function(){
+var BASE = '{{ app.request.getBasePath() }}';
 var TAGS_I18N = {
   created_tpl: {{ 'media.arr_admin.tags.created_tpl'|trans({label: '__LABEL__'})|json_encode|raw }},
   created_error: {{ 'media.arr_admin.tags.created_error'|trans|json_encode|raw }},
@@ -128,7 +129,7 @@ document.querySelectorAll('.btn-tag-rename').forEach(function(btn) {
     var currentLabel = btn.dataset.label;
     var newLabel = prompt(TAGS_I18N.rename_prompt, currentLabel);
     if (!newLabel || newLabel.trim() === '' || newLabel === currentLabel) return;
-    var r = await fetch('/medias/' + INSTANCE_SLUG + '/radarr/tags/' + btn.dataset.id + '/renommer', {
+    var r = await fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/tags/' + btn.dataset.id + '/renommer', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
       body: JSON.stringify({label: newLabel.trim()}),
@@ -146,7 +147,7 @@ document.querySelectorAll('.btn-tag-rename').forEach(function(btn) {
 document.querySelectorAll('.btn-tag-delete').forEach(function(btn) {
   btn.addEventListener('click', async function() {
     if (!confirm(TAGS_I18N.delete_confirm_tpl.replace('__LABEL__', btn.dataset.label))) return;
-    var r = await fetch('/medias/' + INSTANCE_SLUG + '/radarr/tags/' + btn.dataset.id + '/supprimer', {
+    var r = await fetch(BASE + '/medias/' + INSTANCE_SLUG + '/radarr/tags/' + btn.dataset.id + '/supprimer', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
       body: '{}',
diff --git a/symfony/templates/radarr/updates.html.twig b/symfony/templates/radarr/updates.html.twig
index 2d26bcdb..7fe19928 100644
--- a/symfony/templates/radarr/updates.html.twig
+++ b/symfony/templates/radarr/updates.html.twig
@@ -85,7 +85,7 @@
                             {% if update.changes.new is defined and update.changes.new %}
                             <div class="mb-2">
                                 <div class="small fw-semibold" style="color:#22c55e;">{{ 'media.arr_admin.updates.changes_new'|trans }}</div>
-                                <ul class="mb-0" style="font-size:.75rem;padding-left:1.2rem;color:rgba(255,255,255,.6);">
+                                <ul class="mb-0" style="font-size:.75rem;padding-left:1.2rem;color:var(--tblr-secondary-color);">
                                     {% for item in update.changes.new %}<li>{{ item }}</li>{% endfor %}
                                 </ul>
                             </div>
@@ -93,7 +93,7 @@
                             {% if update.changes.fixed is defined and update.changes.fixed %}
                             <div>
                                 <div class="small fw-semibold" style="color:#38bdf8;">{{ 'media.arr_admin.updates.changes_fixed'|trans }}</div>
-                                <ul class="mb-0" style="font-size:.75rem;padding-left:1.2rem;color:rgba(255,255,255,.6);">
+                                <ul class="mb-0" style="font-size:.75rem;padding-left:1.2rem;color:var(--tblr-secondary-color);">
                                     {% for item in update.changes.fixed %}<li>{{ item }}</li>{% endfor %}
                                 </ul>
                             </div>
diff --git a/symfony/templates/setup/_layout.html.twig b/symfony/templates/setup/_layout.html.twig
index 59c8487c..6e748321 100644
--- a/symfony/templates/setup/_layout.html.twig
+++ b/symfony/templates/setup/_layout.html.twig
@@ -60,226 +60,32 @@
       flex: 1;
     }
 
-    /* ── Stepper ── */
-    .wizard-steps {
-      display: grid;
-      grid-template-columns: repeat(7, 1fr);
-      gap: .5rem;
-      margin-bottom: 2rem;
-    }
-    .wizard-step {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      gap: .4rem;
-      font-size: .7rem;
-      letter-spacing: .04em;
-      text-transform: uppercase;
-      color: rgba(255,255,255,.35);
-      text-align: center;
-      position: relative;
-      padding-top: 8px;
-    }
-    [data-bs-theme="light"] .wizard-step { color: rgba(0,0,0,.35); }
-
-    .wizard-step-dot {
-      width: 10px;
-      height: 10px;
-      border-radius: 50%;
-      background: rgba(255,255,255,.12);
-      border: 1px solid rgba(255,255,255,.15);
-      transition: all .15s ease;
-    }
-    [data-bs-theme="light"] .wizard-step-dot {
-      background: rgba(0,0,0,.08);
-      border-color: rgba(0,0,0,.15);
-    }
-    .wizard-step.is-done .wizard-step-dot {
-      background: #22c55e;
-      border-color: #22c55e;
+    /* ── Prismarr accent layer (deliberate — spec 2026-07-10). Everything
+       else in this wizard is stock Tabler; only these flourishes are ours. ── */
+    /* margin/padding/border-left zeroed: Tabler ships a second, unrelated
+       ".steps" doc-component whose border-left otherwise renders a stub
+       line left of step 1. */
+    .steps { margin-bottom: 2rem; margin-left: 0; padding-left: 0; border-left: 0; }
+    .steps .step-item.active::before {
+      box-shadow: 0 0 12px rgba(var(--tblr-primary-rgb), .5);
+    }
+    .steps .step-item.step-done::before {
+      background-color: var(--tblr-green);
+      border-color: var(--tblr-green);
       box-shadow: 0 0 10px rgba(34,197,94,.4);
     }
-    .wizard-step.is-active .wizard-step-dot {
-      background: #6366f1;
-      border-color: #6366f1;
-      box-shadow: 0 0 12px rgba(99,102,241,.5);
-      transform: scale(1.3);
-    }
-    .wizard-step.is-active { color: #6366f1; font-weight: 600; }
-    [data-bs-theme="light"] .wizard-step.is-active { color: #4f46e5; }
-
-    .wizard-step-line {
-      position: absolute;
-      top: 12px;
-      left: 50%;
-      width: 100%;
-      height: 1px;
-      background: rgba(255,255,255,.1);
-      z-index: -1;
-    }
-    [data-bs-theme="light"] .wizard-step-line { background: rgba(0,0,0,.1); }
-    .wizard-step:last-child .wizard-step-line { display: none; }
-
-    /* ── Card ── */
-    .wizard-card {
-      background: #1c1c1c;
-      border: 1px solid rgba(255,255,255,0.08);
-      border-radius: 12px;
-      padding: 2rem;
-      box-shadow: 0 2px 16px rgba(0,0,0,.35);
-    }
-    [data-bs-theme="light"] .wizard-card {
-      background: #ffffff;
-      border-color: rgba(0,0,0,.08);
-      box-shadow: 0 1px 8px rgba(0,0,0,.06);
-    }
-
-    .wizard-eyebrow {
-      font-size: .72rem;
-      text-transform: uppercase;
-      letter-spacing: .1em;
-      opacity: .55;
-      margin-bottom: .4rem;
-    }
-    .wizard-title {
-      font-size: 1.4rem;
-      font-weight: 600;
-      margin-bottom: .4rem;
-      letter-spacing: -0.01em;
-    }
-    .wizard-subtitle {
-      opacity: .6;
-      margin-bottom: 1.5rem;
-      font-size: .9rem;
-      line-height: 1.5;
-    }
-
-    .form-label {
-      font-size: .78rem;
-      font-weight: 500;
-      letter-spacing: .02em;
-      opacity: .75;
-    }
-
-    .form-control, .form-select {
-      background: rgba(255,255,255,.03);
-      border: 1px solid rgba(255,255,255,.09);
-      border-radius: 8px;
-      padding: .6rem .8rem;
-      transition: all .15s ease;
-      color: inherit;
-    }
-    [data-bs-theme="light"] .form-control,
-    [data-bs-theme="light"] .form-select {
-      background: rgba(0,0,0,.02);
-      border-color: rgba(0,0,0,.1);
-    }
-
-    .form-control:focus, .form-select:focus {
-      background: rgba(99, 102, 241, 0.05);
-      border-color: rgba(99, 102, 241, 0.55);
-      box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12);
-      color: inherit;
-    }
-
-    .form-text { opacity: .55; font-size: .78rem; }
-
-    .wizard-section {
-      padding-top: 1rem;
-      margin-top: 1rem;
-      border-top: 1px solid rgba(255,255,255,.06);
-    }
-    [data-bs-theme="light"] .wizard-section { border-top-color: rgba(0,0,0,.07); }
-    .wizard-section:first-of-type { border-top: 0; margin-top: 0; padding-top: 0; }
-    .wizard-section-title {
-      font-size: .82rem;
-      font-weight: 600;
-      margin-bottom: .2rem;
-    }
-    .wizard-section-subtitle {
-      font-size: .78rem;
-      opacity: .55;
-      margin-bottom: 1rem;
-    }
-
-    /* ── Actions footer ── */
-    .wizard-actions {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      gap: 1rem;
-      margin-top: 2rem;
-      padding-top: 1.25rem;
-      border-top: 1px solid rgba(255,255,255,.06);
-    }
-    [data-bs-theme="light"] .wizard-actions { border-top-color: rgba(0,0,0,.07); }
-    .wizard-actions-right { display: flex; gap: .75rem; align-items: center; }
-
-    /* Bouton principal (Continuer / Enregistrer) */
-    .btn-wizard-next {
+    .status .status-dot { box-shadow: 0 0 6px var(--tblr-status-color, currentColor); }
+    .btn-wizard-accent {
       background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
-      border: none;
-      border-radius: 8px;
-      padding: .6rem 1.25rem;
-      font-weight: 500;
-      color: #fff;
-      font-size: .9rem;
-      box-shadow: 0 2px 10px rgba(99, 102, 241, 0.3);
-      transition: all .15s ease;
+      border: 0;
+      box-shadow: 0 2px 10px rgba(99, 102, 241, .3);
+      transition: transform .15s ease, box-shadow .15s ease;
     }
-    .btn-wizard-next:hover {
+    .btn-wizard-accent:hover {
       transform: translateY(-1px);
-      box-shadow: 0 4px 16px rgba(99, 102, 241, 0.45);
-      color: #fff;
+      box-shadow: 0 4px 16px rgba(99, 102, 241, .45);
     }
-    .btn-wizard-next:active { transform: translateY(0); }
-
-    /* Bouton secondaire (Précédent) — outline */
-    .btn-wizard-back {
-      background: transparent;
-      border: 1px solid rgba(255,255,255,.12);
-      border-radius: 8px;
-      padding: .55rem 1rem;
-      color: inherit;
-      font-size: .88rem;
-      font-weight: 500;
-      transition: all .15s ease;
-    }
-    .btn-wizard-back:hover {
-      background: rgba(255,255,255,.05);
-      border-color: rgba(255,255,255,.25);
-      color: inherit;
-    }
-    [data-bs-theme="light"] .btn-wizard-back { border-color: rgba(0,0,0,.15); }
-    [data-bs-theme="light"] .btn-wizard-back:hover { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.25); }
-
-    /* Bouton tertiaire (Passer) — texte souligné */
-    .btn-wizard-skip {
-      background: transparent;
-      border: none;
-      color: #9ca3af;
-      font-size: .85rem;
-      font-weight: 500;
-      text-decoration: underline;
-      text-underline-offset: 3px;
-      text-decoration-color: rgba(156,163,175,.35);
-      padding: .55rem .5rem;
-      transition: all .15s ease;
-    }
-    .btn-wizard-skip:hover {
-      color: #e4e4e7;
-      text-decoration-color: currentColor;
-    }
-    [data-bs-theme="light"] .btn-wizard-skip { color: #64748b; }
-    [data-bs-theme="light"] .btn-wizard-skip:hover { color: #1e293b; }
-
-    .alert { border-radius: 8px; font-size: .85rem; }
-    .alert-danger {
-      background: rgba(239, 68, 68, 0.1);
-      border: 1px solid rgba(239, 68, 68, 0.25);
-      color: #fca5a5;
-    }
-    [data-bs-theme="light"] .alert-danger { color: #991b1b; }
+    .btn-wizard-accent:active { transform: translateY(0); }
 
     .wizard-footer {
       text-align: center;
@@ -314,32 +120,6 @@
     [data-bs-theme="light"] .theme-toggle .icon-moon { display: none; }
     [data-bs-theme="light"] .theme-toggle .icon-sun  { display: inline; }
 
-    /* ── Service badge (récap) ── */
-    .service-row {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      gap: 1rem;
-      padding: .75rem 0;
-      border-bottom: 1px solid rgba(255,255,255,.05);
-    }
-    [data-bs-theme="light"] .service-row { border-bottom-color: rgba(0,0,0,.06); }
-    .service-row:last-child { border-bottom: 0; }
-    .service-row-name { font-weight: 500; }
-    .service-row-sub { font-size: .78rem; opacity: .55; margin-top: .1rem; }
-    .service-badge {
-      font-size: .7rem;
-      padding: .2rem .55rem;
-      border-radius: 999px;
-      font-weight: 500;
-      letter-spacing: .03em;
-      text-transform: uppercase;
-    }
-    .service-badge.ok { background: rgba(34,197,94,.15); color: #4ade80; border: 1px solid rgba(34,197,94,.3); }
-    .service-badge.skipped { background: rgba(255,255,255,.05); color: rgba(255,255,255,.5); border: 1px solid rgba(255,255,255,.08); }
-    [data-bs-theme="light"] .service-badge.ok { color: #16a34a; }
-    [data-bs-theme="light"] .service-badge.skipped { background: rgba(0,0,0,.04); color: rgba(0,0,0,.5); border-color: rgba(0,0,0,.08); }
-
     /* ── Welcome screen ── */
     .welcome-hero {
       text-align: center;
@@ -371,48 +151,6 @@
       color: #6366f1;
     }
 
-    /* ── Secret input (password/API key show/hide toggle) ── */
-    .secret-wrapper { position: relative; }
-    .secret-wrapper .form-control { padding-right: 2.4rem; }
-    .secret-toggle {
-      position: absolute; right: .55rem; top: 50%; transform: translateY(-50%);
-      background: transparent; border: 0; padding: 0;
-      cursor: pointer; color: inherit; opacity: .5;
-      display: inline-flex; align-items: center;
-      transition: opacity .15s ease;
-    }
-    .secret-toggle:hover { opacity: .95; }
-    .secret-toggle svg { width: 16px; height: 16px; }
-
-    /* ── Test connection result badge (button itself is Tabler-standard) ── */
-    .test-row {
-      display: flex;
-      align-items: center;
-      gap: .75rem;
-      margin-top: .6rem;
-      flex-wrap: wrap;
-    }
-
-    .test-result {
-      font-size: .78rem;
-      font-weight: 500;
-      letter-spacing: .01em;
-      display: none;
-    }
-    .test-result.is-pending,
-    .test-result.is-ok,
-    .test-result.is-error { display: inline-flex; align-items: center; gap: .3rem; }
-    .test-result.is-pending { color: #9ca3af; }
-    .test-result.is-ok      { color: #4ade80; }
-    .test-result.is-error   { color: #fca5a5; }
-    [data-bs-theme="light"] .test-result.is-ok    { color: #16a34a; }
-    [data-bs-theme="light"] .test-result.is-error { color: #b91c1c; }
-    .test-result-dot {
-      width: 8px; height: 8px; border-radius: 50%;
-      background: currentColor;
-      box-shadow: 0 0 6px currentColor;
-    }
-
     {% block extra_css %}{% endblock %}
   </style>
 </head>
@@ -447,16 +185,14 @@
         { key: 'finish',    label: 'setup.stepper.finish'|trans,    route: 'app_setup_finish' },
       ] %}
 
-      <div class="wizard-steps">
+      <div class="steps steps-counter">
         {% for step in steps %}
           {% set state = 'todo' %}
           {% if step.key == active_step %}{% set state = 'active' %}{% endif %}
           {% if completed_steps is defined and step.key in completed_steps %}{% set state = 'done' %}{% endif %}
-          <div class="wizard-step {% if state == 'active' %}is-active{% elseif state == 'done' %}is-done{% endif %}">
-            <div class="wizard-step-line"></div>
-            <span class="wizard-step-dot"></span>
-            <span>{{ loop.index }} · {{ step.label }}</span>
-          </div>
+          <span class="step-item {% if state == 'active' %}active{% elseif state == 'done' %}step-done{% endif %}">
+            <span class="d-none d-md-inline">{{ step.label }}</span>
+          </span>
         {% endfor %}
       </div>
 
@@ -468,8 +204,10 @@
         </div>
       {% endif %}
 
-      <div class="wizard-card">
-        {% block wizard_body %}{% endblock %}
+      <div class="card">
+        <div class="card-body">
+          {% block wizard_body %}{% endblock %}
+        </div>
       </div>
 
       <div class="wizard-footer">
@@ -480,6 +218,7 @@
   </div>
 
   <script>
+    var BASE = '{{ app.request.getBasePath() }}';
     document.getElementById('theme-toggle').addEventListener('click', function() {
       var current = document.documentElement.getAttribute('data-bs-theme');
       var next = current === 'dark' ? 'light' : 'dark';
@@ -487,7 +226,7 @@
       localStorage.setItem('tablerTheme', next);
     });
 
-    document.querySelectorAll('.secret-toggle').forEach(function (btn) {
+    document.querySelectorAll('[data-toggle-for]').forEach(function (btn) {
       btn.onclick = function () {
         var input = document.getElementById(btn.dataset.toggleFor);
         if (!input) return;
@@ -527,8 +266,9 @@
 
         // Reflect "pending" state with an aria-live update for screen readers.
         btn.disabled = true;
-        resultEl.className = 'test-result is-pending';
-        resultEl.innerHTML = '<span class="test-result-dot"></span><span>' + TEST_LABELS.pending + '</span>';
+        resultEl.className = 'status status-secondary';
+        resultEl.innerHTML = '<span class="status-dot status-dot-animated"></span><span></span>';
+        resultEl.querySelector('span:last-child').textContent = TEST_LABELS.pending;
 
         var fd = new FormData();
         fd.append('_csrf_token', csrf);
@@ -537,7 +277,7 @@
           if (input) fd.append(f, input.value || '');
         });
 
-        fetch('/setup/test/' + svc, {
+        fetch(BASE + '/setup/test/' + svc, {
           method: 'POST',
           body: fd,
           credentials: 'same-origin',
@@ -553,14 +293,14 @@
           else if (res.http === 403 && !ok) cat = 'forbidden_endpoint';
 
           var label = ok ? TEST_LABELS.ok : (TEST_LABELS[cat] || TEST_LABELS.unknown);
-          resultEl.className = 'test-result ' + (ok ? 'is-ok' : 'is-error');
-          resultEl.innerHTML = '<span class="test-result-dot"></span><span></span>';
+          resultEl.className = 'status ' + (ok ? 'status-green' : 'status-red');
+          resultEl.innerHTML = '<span class="status-dot"></span><span></span>';
           // Use textContent on the inner span to avoid XSS via translation strings.
           resultEl.querySelector('span:last-child').textContent = label;
         })
         .catch(function () {
-          resultEl.className = 'test-result is-error';
-          resultEl.innerHTML = '<span class="test-result-dot"></span><span></span>';
+          resultEl.className = 'status status-red';
+          resultEl.innerHTML = '<span class="status-dot"></span><span></span>';
           resultEl.querySelector('span:last-child').textContent = TEST_LABELS.network;
         })
         .finally(function () { btn.disabled = false; });
diff --git a/symfony/templates/setup/admin.html.twig b/symfony/templates/setup/admin.html.twig
index 3517b5c8..4cb7b2d7 100644
--- a/symfony/templates/setup/admin.html.twig
+++ b/symfony/templates/setup/admin.html.twig
@@ -1,11 +1,12 @@
 {% extends 'setup/_layout.html.twig' %}
+{% import '_form.html.twig' as forms %}
 
 {% block title %}{{ 'setup.stepper.admin'|trans }} - Prismarr{% endblock %}
 
 {% block wizard_body %}
-  <div class="wizard-eyebrow">{{ 'setup.step.admin.eyebrow'|trans }}</div>
-  <h2 class="wizard-title">{{ 'setup.step.admin.title'|trans }}</h2>
-  <p class="wizard-subtitle">{{ 'setup.step.admin.subtitle'|trans }}</p>
+  <div class="subheader mb-1">{{ 'setup.step.admin.eyebrow'|trans }}</div>
+  <h2 class="mb-1">{{ 'setup.step.admin.title'|trans }}</h2>
+  <p class="text-secondary mb-4">{{ 'setup.step.admin.subtitle'|trans }}</p>
 
   <form action="{{ path('app_setup_admin') }}" method="post" autocomplete="off" novalidate>
     <input type="hidden" name="_csrf_token" value="{{ csrf_token('setup_admin') }}"/>
@@ -29,35 +30,17 @@
     <div class="row g-3">
       <div class="col-md-6">
         <label class="form-label" for="password">{{ 'setup.step.admin.password'|trans }} <span class="text-muted">{{ 'setup.step.admin.password_hint'|trans }}</span></label>
-        <div class="secret-wrapper">
-          <input type="password" id="password" name="password" class="form-control"
-                 placeholder="••••••••" autocomplete="new-password" required minlength="8"/>
-          <button type="button" class="secret-toggle" aria-label="{{ 'setup.step.admin.toggle_visibility'|trans }}" data-toggle-for="password">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"/>
-              <path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6"/>
-            </svg>
-          </button>
-        </div>
+        {{ forms.secret_input('password', 'password', { placeholder: '••••••••', autocomplete: 'new-password', required: true, minlength: 8 }) }}
       </div>
       <div class="col-md-6">
         <label class="form-label" for="password_confirm">{{ 'setup.step.admin.password_confirm'|trans }}</label>
-        <div class="secret-wrapper">
-          <input type="password" id="password_confirm" name="password_confirm" class="form-control"
-                 placeholder="••••••••" autocomplete="new-password" required minlength="8"/>
-          <button type="button" class="secret-toggle" aria-label="{{ 'setup.step.admin.toggle_visibility'|trans }}" data-toggle-for="password_confirm">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"/>
-              <path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6"/>
-            </svg>
-          </button>
-        </div>
+        {{ forms.secret_input('password_confirm', 'password_confirm', { placeholder: '••••••••', autocomplete: 'new-password', required: true, minlength: 8 }) }}
       </div>
     </div>
 
-    <div class="wizard-actions">
-      <a href="{{ path('app_setup_welcome') }}" class="btn-wizard-back">{{ 'setup.step.admin.back'|trans }}</a>
-      <button type="submit" class="btn-wizard-next">
+    <div class="d-flex align-items-center justify-content-between gap-3 mt-4 pt-4 border-top">
+      <a href="{{ path('app_setup_welcome') }}" class="btn btn-outline-secondary">{{ 'setup.step.admin.back'|trans }}</a>
+      <button type="submit" class="btn btn-primary btn-wizard-accent">
         {{ 'setup.step.admin.cta'|trans }}
       </button>
     </div>
diff --git a/symfony/templates/setup/downloads.html.twig b/symfony/templates/setup/downloads.html.twig
index 966bdeb9..ec1c957d 100644
--- a/symfony/templates/setup/downloads.html.twig
+++ b/symfony/templates/setup/downloads.html.twig
@@ -1,21 +1,22 @@
 {% extends 'setup/_layout.html.twig' %}
 {% import '_icons.html.twig' as ico %}
+{% import '_form.html.twig' as forms %}
 
 {% block title %}{{ 'setup.stepper.downloads'|trans }} - Prismarr{% endblock %}
 
 {% block max_width %}720px{% endblock %}
 
 {% block wizard_body %}
-  <div class="wizard-eyebrow">{{ 'setup.step.downloads.eyebrow'|trans }}</div>
-  <h2 class="wizard-title">{{ 'setup.step.downloads.title'|trans }}</h2>
-  <p class="wizard-subtitle">{{ 'setup.step.downloads.subtitle'|trans }}</p>
+  <div class="subheader mb-1">{{ 'setup.step.downloads.eyebrow'|trans }}</div>
+  <h2 class="mb-1">{{ 'setup.step.downloads.title'|trans }}</h2>
+  <p class="text-secondary mb-4">{{ 'setup.step.downloads.subtitle'|trans }}</p>
 
   <form action="{{ path('app_setup_downloads') }}" method="post" autocomplete="off" novalidate>
     <input type="hidden" name="_csrf_token" value="{{ csrf_token('setup_downloads') }}"/>
 
-    <div class="wizard-section">
-      <div class="wizard-section-title">{{ 'setup.step.downloads.qbittorrent.section'|trans }}</div>
-      <div class="wizard-section-subtitle">{{ 'setup.step.downloads.qbittorrent.subtitle'|trans }}</div>
+    <div class="mt-3">
+      <div class="hr-text hr-text-left">{{ 'setup.step.downloads.qbittorrent.section'|trans }}</div>
+      <p class="text-secondary small mb-3">{{ 'setup.step.downloads.qbittorrent.subtitle'|trans }}</p>
       <div class="row g-3">
         <div class="col-md-12">
           <label class="form-label" for="qbittorrent_url">{{ 'setup.step.managers.fields.url'|trans }}</label>
@@ -30,17 +31,7 @@
         </div>
         <div class="col-md-6">
           <label class="form-label" for="qbittorrent_password">{{ 'setup.step.downloads.qbittorrent.password'|trans }}</label>
-          <div class="secret-wrapper">
-            <input type="password" id="qbittorrent_password" name="qbittorrent_password" class="form-control"
-                   placeholder="••••••••" value="{{ values.qbittorrent_password }}"
-                   autocomplete="new-password"/>
-            <button type="button" class="secret-toggle" aria-label="{{ 'setup.step.admin.toggle_visibility'|trans }}" data-toggle-for="qbittorrent_password">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"/>
-                <path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6"/>
-              </svg>
-            </button>
-          </div>
+          {{ forms.secret_input('qbittorrent_password', 'qbittorrent_password', { placeholder: '••••••••', value: values.qbittorrent_password, autocomplete: 'new-password' }) }}
         </div>
         <div class="col-md-12">
           <small class="text-secondary" style="font-size: .78rem; line-height: 1.4;">
@@ -48,18 +39,80 @@
           </small>
         </div>
       </div>
-      <div class="test-row">
+      <div class="d-flex align-items-center gap-2 mt-2 flex-wrap">
         <button type="button" class="btn btn-sm btn-outline-primary"
                 data-test-service="qbittorrent"
                 data-test-csrf="{{ csrf_token('setup_test_qbittorrent') }}"
                 data-test-fields="qbittorrent_url,qbittorrent_user,qbittorrent_password">{{ 'setup.test.button'|trans }}</button>
-        <span class="test-result" data-test-result-for="qbittorrent" aria-live="polite"></span>
+        <span data-test-result-for="qbittorrent" aria-live="polite"></span>
       </div>
     </div>
 
-    <div class="wizard-section">
-      <div class="wizard-section-title">{{ 'setup.step.downloads.sabnzbd.section'|trans }} <span class="text-muted" style="font-weight:400;font-size:.75rem;">{{ 'setup.step.downloads.usenet_optional'|trans }}</span></div>
-      <div class="wizard-section-subtitle">{{ 'setup.step.downloads.sabnzbd.subtitle'|trans }}</div>
+    <div class="mt-3">
+      <div class="hr-text hr-text-left">{{ 'setup.step.downloads.deluge.section'|trans }} <span class="text-muted" style="font-weight:400;font-size:.75rem;">{{ 'setup.step.downloads.usenet_optional'|trans }}</span></div>
+      <p class="text-secondary small mb-3">{{ 'setup.step.downloads.deluge.subtitle'|trans }}</p>
+      <div class="row g-3">
+        <div class="col-md-7">
+          <label class="form-label" for="deluge_url">{{ 'setup.step.managers.fields.url'|trans }}</label>
+          <input type="text" id="deluge_url" name="deluge_url" class="form-control"
+                 placeholder="http://host.docker.internal:8112" value="{{ values.deluge_url }}"/>
+        </div>
+        <div class="col-md-5">
+          <label class="form-label" for="deluge_password">{{ 'setup.step.downloads.deluge.password'|trans }}</label>
+          {{ forms.secret_input('deluge_password', 'deluge_password', { placeholder: '••••••••', value: values.deluge_password, autocomplete: 'new-password' }) }}
+        </div>
+        <div class="col-md-12">
+          <small class="text-secondary" style="font-size: .78rem; line-height: 1.4;">
+            {{ 'setup.step.downloads.deluge.reverse_proxy_hint'|trans }}
+          </small>
+        </div>
+      </div>
+      <div class="d-flex align-items-center gap-2 mt-2 flex-wrap">
+        <button type="button" class="btn btn-sm btn-outline-primary"
+                data-test-service="deluge"
+                data-test-csrf="{{ csrf_token('setup_test_deluge') }}"
+                data-test-fields="deluge_url,deluge_password">{{ 'setup.test.button'|trans }}</button>
+        <span data-test-result-for="deluge" aria-live="polite"></span>
+      </div>
+    </div>
+
+    <div class="mt-3">
+      <div class="hr-text hr-text-left">{{ 'setup.step.downloads.transmission.section'|trans }} <span class="text-muted" style="font-weight:400;font-size:.75rem;">{{ 'setup.step.downloads.usenet_optional'|trans }}</span></div>
+      <p class="text-secondary small mb-3">{{ 'setup.step.downloads.transmission.subtitle'|trans }}</p>
+      <div class="row g-3">
+        <div class="col-md-12">
+          <label class="form-label" for="transmission_url">{{ 'setup.step.managers.fields.url'|trans }}</label>
+          <input type="text" id="transmission_url" name="transmission_url" class="form-control"
+                 placeholder="http://host.docker.internal:9091" value="{{ values.transmission_url }}"/>
+        </div>
+        <div class="col-md-6">
+          <label class="form-label" for="transmission_user">{{ 'setup.step.downloads.transmission.user'|trans }}</label>
+          <input type="text" id="transmission_user" name="transmission_user" class="form-control"
+                 placeholder="admin" value="{{ values.transmission_user }}"
+                 autocomplete="off"/>
+        </div>
+        <div class="col-md-6">
+          <label class="form-label" for="transmission_password">{{ 'setup.step.downloads.transmission.password'|trans }}</label>
+          {{ forms.secret_input('transmission_password', 'transmission_password', { placeholder: '••••••••', value: values.transmission_password, autocomplete: 'new-password' }) }}
+        </div>
+        <div class="col-md-12">
+          <small class="text-secondary" style="font-size: .78rem; line-height: 1.4;">
+            {{ 'setup.step.downloads.transmission.reverse_proxy_hint'|trans }}
+          </small>
+        </div>
+      </div>
+      <div class="d-flex align-items-center gap-2 mt-2 flex-wrap">
+        <button type="button" class="btn btn-sm btn-outline-primary"
+                data-test-service="transmission"
+                data-test-csrf="{{ csrf_token('setup_test_transmission') }}"
+                data-test-fields="transmission_url,transmission_user,transmission_password">{{ 'setup.test.button'|trans }}</button>
+        <span data-test-result-for="transmission" aria-live="polite"></span>
+      </div>
+    </div>
+
+    <div class="mt-3">
+      <div class="hr-text hr-text-left">{{ 'setup.step.downloads.sabnzbd.section'|trans }} <span class="text-muted" style="font-weight:400;font-size:.75rem;">{{ 'setup.step.downloads.usenet_optional'|trans }}</span></div>
+      <p class="text-secondary small mb-3">{{ 'setup.step.downloads.sabnzbd.subtitle'|trans }}</p>
       <div class="row g-3">
         <div class="col-md-7">
           <label class="form-label" for="sabnzbd_url">{{ 'setup.step.managers.fields.url'|trans }}</label>
@@ -68,30 +121,21 @@
         </div>
         <div class="col-md-5">
           <label class="form-label" for="sabnzbd_api_key">{{ 'setup.step.downloads.sabnzbd.api_key'|trans }}</label>
-          <div class="secret-wrapper">
-            <input type="password" id="sabnzbd_api_key" name="sabnzbd_api_key" class="form-control"
-                   placeholder="••••••••" value="{{ values.sabnzbd_api_key }}" autocomplete="new-password"/>
-            <button type="button" class="secret-toggle" aria-label="{{ 'setup.step.admin.toggle_visibility'|trans }}" data-toggle-for="sabnzbd_api_key">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"/>
-                <path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6"/>
-              </svg>
-            </button>
-          </div>
+          {{ forms.secret_input('sabnzbd_api_key', 'sabnzbd_api_key', { placeholder: '••••••••', value: values.sabnzbd_api_key, autocomplete: 'new-password' }) }}
         </div>
       </div>
-      <div class="test-row">
+      <div class="d-flex align-items-center gap-2 mt-2 flex-wrap">
         <button type="button" class="btn btn-sm btn-outline-primary"
                 data-test-service="sabnzbd"
                 data-test-csrf="{{ csrf_token('setup_test_sabnzbd') }}"
                 data-test-fields="sabnzbd_url,sabnzbd_api_key">{{ 'setup.test.button'|trans }}</button>
-        <span class="test-result" data-test-result-for="sabnzbd" aria-live="polite"></span>
+        <span data-test-result-for="sabnzbd" aria-live="polite"></span>
       </div>
     </div>
 
-    <div class="wizard-section">
-      <div class="wizard-section-title">{{ 'setup.step.downloads.nzbget.section'|trans }} <span class="text-muted" style="font-weight:400;font-size:.75rem;">{{ 'setup.step.downloads.usenet_optional'|trans }}</span></div>
-      <div class="wizard-section-subtitle">{{ 'setup.step.downloads.nzbget.subtitle'|trans }}</div>
+    <div class="mt-3">
+      <div class="hr-text hr-text-left">{{ 'setup.step.downloads.nzbget.section'|trans }} <span class="text-muted" style="font-weight:400;font-size:.75rem;">{{ 'setup.step.downloads.usenet_optional'|trans }}</span></div>
+      <p class="text-secondary small mb-3">{{ 'setup.step.downloads.nzbget.subtitle'|trans }}</p>
       <div class="row g-3">
         <div class="col-md-12">
           <label class="form-label" for="nzbget_url">{{ 'setup.step.managers.fields.url'|trans }}</label>
@@ -105,30 +149,21 @@
         </div>
         <div class="col-md-6">
           <label class="form-label" for="nzbget_password">{{ 'setup.step.downloads.qbittorrent.password'|trans }}</label>
-          <div class="secret-wrapper">
-            <input type="password" id="nzbget_password" name="nzbget_password" class="form-control"
-                   placeholder="••••••••" value="{{ values.nzbget_password }}" autocomplete="new-password"/>
-            <button type="button" class="secret-toggle" aria-label="{{ 'setup.step.admin.toggle_visibility'|trans }}" data-toggle-for="nzbget_password">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"/>
-                <path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6"/>
-              </svg>
-            </button>
-          </div>
+          {{ forms.secret_input('nzbget_password', 'nzbget_password', { placeholder: '••••••••', value: values.nzbget_password, autocomplete: 'new-password' }) }}
         </div>
       </div>
-      <div class="test-row">
+      <div class="d-flex align-items-center gap-2 mt-2 flex-wrap">
         <button type="button" class="btn btn-sm btn-outline-primary"
                 data-test-service="nzbget"
                 data-test-csrf="{{ csrf_token('setup_test_nzbget') }}"
                 data-test-fields="nzbget_url,nzbget_user,nzbget_password">{{ 'setup.test.button'|trans }}</button>
-        <span class="test-result" data-test-result-for="nzbget" aria-live="polite"></span>
+        <span data-test-result-for="nzbget" aria-live="polite"></span>
       </div>
     </div>
 
-    <div class="wizard-section">
-      <div class="wizard-section-title">{{ ico.icon('shield', '', 18) }} {{ 'setup.step.downloads.gluetun.section'|trans }} <span class="text-muted" style="font-weight:400;font-size:.75rem;">{{ 'setup.step.downloads.gluetun.section_suffix'|trans }}</span></div>
-      <div class="wizard-section-subtitle">{{ 'setup.step.downloads.gluetun.subtitle'|trans }}</div>
+    <div class="mt-3">
+      <div class="hr-text hr-text-left">{{ ico.icon('shield', '', 18) }} {{ 'setup.step.downloads.gluetun.section'|trans }} <span class="text-muted" style="font-weight:400;font-size:.75rem;">{{ 'setup.step.downloads.gluetun.section_suffix'|trans }}</span></div>
+      <p class="text-secondary small mb-3">{{ 'setup.step.downloads.gluetun.subtitle'|trans }}</p>
       <div class="row g-3">
         <div class="col-md-12">
           <label class="form-label" for="gluetun_url">{{ 'setup.step.downloads.gluetun.url'|trans }}</label>
@@ -144,11 +179,11 @@
       </div>
     </div>
 
-    <div class="wizard-actions">
-      <button type="submit" name="_action" value="back" class="btn-wizard-back" formnovalidate>{{ 'setup.step.common.back'|trans }}</button>
-      <div class="wizard-actions-right">
-        <button type="submit" name="_action" value="skip" class="btn-wizard-skip" formnovalidate>{{ 'setup.step.common.skip'|trans }}</button>
-        <button type="submit" name="_action" value="save" class="btn-wizard-next">{{ 'setup.step.common.save_next'|trans }}</button>
+    <div class="d-flex align-items-center justify-content-between gap-3 mt-4 pt-4 border-top">
+      <button type="submit" name="_action" value="back" class="btn btn-outline-secondary" formnovalidate>{{ 'setup.step.common.back'|trans }}</button>
+      <div class="d-flex align-items-center gap-2">
+        <button type="submit" name="_action" value="skip" class="btn btn-link text-secondary" formnovalidate>{{ 'setup.step.common.skip'|trans }}</button>
+        <button type="submit" name="_action" value="save" class="btn btn-primary btn-wizard-accent">{{ 'setup.step.common.save_next'|trans }}</button>
       </div>
     </div>
   </form>
diff --git a/symfony/templates/setup/finish.html.twig b/symfony/templates/setup/finish.html.twig
index 8f2a92e0..d455696b 100644
--- a/symfony/templates/setup/finish.html.twig
+++ b/symfony/templates/setup/finish.html.twig
@@ -3,23 +3,23 @@
 {% block title %}{{ 'setup.stepper.finish'|trans }} - Prismarr{% endblock %}
 
 {% block wizard_body %}
-  <div class="wizard-eyebrow">{{ 'setup.step.finish.eyebrow'|trans }}</div>
-  <h2 class="wizard-title">{{ 'setup.step.finish.title'|trans }}</h2>
-  <p class="wizard-subtitle">{{ 'setup.step.finish.subtitle'|trans }}</p>
+  <div class="subheader mb-1">{{ 'setup.step.finish.eyebrow'|trans }}</div>
+  <h2 class="mb-1">{{ 'setup.step.finish.title'|trans }}</h2>
+  <p class="text-secondary mb-4">{{ 'setup.step.finish.subtitle'|trans }}</p>
 
-  <div class="wizard-section">
+  <div class="list-group list-group-flush mt-3">
     {% for service in services %}
-      <div class="service-row">
+      <div class="list-group-item d-flex align-items-center justify-content-between px-0">
         <div>
-          <div class="service-row-name">{{ service.name }}</div>
+          <div class="fw-medium">{{ service.name }}</div>
           {% if service.configured and service.detail %}
-            <div class="service-row-sub">{{ service.detail }}</div>
+            <div class="text-secondary small">{{ service.detail }}</div>
           {% endif %}
         </div>
         {% if service.configured %}
-          <span class="service-badge ok">{{ 'setup.step.finish.badge_configured'|trans }}</span>
+          <span class="badge bg-green-lt">{{ 'setup.step.finish.badge_configured'|trans }}</span>
         {% else %}
-          <span class="service-badge skipped">{{ 'setup.step.finish.badge_skipped'|trans }}</span>
+          <span class="badge bg-secondary-lt">{{ 'setup.step.finish.badge_skipped'|trans }}</span>
         {% endif %}
       </div>
     {% endfor %}
@@ -28,9 +28,9 @@
   <form action="{{ path('app_setup_finish') }}" method="post" class="mt-4">
     <input type="hidden" name="_csrf_token" value="{{ csrf_token('setup_finish') }}"/>
 
-    <div class="wizard-actions">
-      <a href="{{ path('app_setup_downloads') }}" class="btn-wizard-back">{{ 'setup.step.common.back'|trans }}</a>
-      <button type="submit" class="btn-wizard-next">
+    <div class="d-flex align-items-center justify-content-between gap-3 mt-4 pt-4 border-top">
+      <a href="{{ path('app_setup_downloads') }}" class="btn btn-outline-secondary">{{ 'setup.step.common.back'|trans }}</a>
+      <button type="submit" class="btn btn-primary btn-wizard-accent">
         {{ 'setup.step.finish.cta'|trans }}
       </button>
     </div>
diff --git a/symfony/templates/setup/indexers.html.twig b/symfony/templates/setup/indexers.html.twig
index 4c3fd9b2..9d6c8339 100644
--- a/symfony/templates/setup/indexers.html.twig
+++ b/symfony/templates/setup/indexers.html.twig
@@ -5,16 +5,16 @@
 {% block max_width %}720px{% endblock %}
 
 {% block wizard_body %}
-  <div class="wizard-eyebrow">{{ 'setup.step.indexers.eyebrow'|trans }}</div>
-  <h2 class="wizard-title">{{ 'setup.step.indexers.title'|trans }}</h2>
-  <p class="wizard-subtitle">{{ 'setup.step.indexers.subtitle'|trans }}</p>
+  <div class="subheader mb-1">{{ 'setup.step.indexers.eyebrow'|trans }}</div>
+  <h2 class="mb-1">{{ 'setup.step.indexers.title'|trans }}</h2>
+  <p class="text-secondary mb-4">{{ 'setup.step.indexers.subtitle'|trans }}</p>
 
   <form action="{{ path('app_setup_indexers') }}" method="post" autocomplete="off" novalidate>
     <input type="hidden" name="_csrf_token" value="{{ csrf_token('setup_indexers') }}"/>
 
-    <div class="wizard-section">
-      <div class="wizard-section-title">{{ 'setup.step.indexers.prowlarr.section'|trans }}</div>
-      <div class="wizard-section-subtitle">{{ 'setup.step.indexers.prowlarr.subtitle'|trans }}</div>
+    <div class="mt-3">
+      <div class="hr-text hr-text-left">{{ 'setup.step.indexers.prowlarr.section'|trans }}</div>
+      <p class="text-secondary small mb-3">{{ 'setup.step.indexers.prowlarr.subtitle'|trans }}</p>
       <div class="row g-3">
         <div class="col-md-7">
           <label class="form-label" for="prowlarr_url">{{ 'setup.step.managers.fields.url'|trans }}</label>
@@ -27,18 +27,18 @@
                  placeholder="X-Api-Key" value="{{ values.prowlarr_api_key }}"/>
         </div>
       </div>
-      <div class="test-row">
+      <div class="d-flex align-items-center gap-2 mt-2 flex-wrap">
         <button type="button" class="btn btn-sm btn-outline-primary"
                 data-test-service="prowlarr"
                 data-test-csrf="{{ csrf_token('setup_test_prowlarr') }}"
                 data-test-fields="prowlarr_url,prowlarr_api_key">{{ 'setup.test.button'|trans }}</button>
-        <span class="test-result" data-test-result-for="prowlarr" aria-live="polite"></span>
+        <span data-test-result-for="prowlarr" aria-live="polite"></span>
       </div>
     </div>
 
-    <div class="wizard-section">
-      <div class="wizard-section-title">{{ 'setup.step.indexers.jellyseerr.section'|trans }}</div>
-      <div class="wizard-section-subtitle">{{ 'setup.step.indexers.jellyseerr.subtitle'|trans }}</div>
+    <div class="mt-3">
+      <div class="hr-text hr-text-left">{{ 'setup.step.indexers.jellyseerr.section'|trans }}</div>
+      <p class="text-secondary small mb-3">{{ 'setup.step.indexers.jellyseerr.subtitle'|trans }}</p>
       <div class="row g-3">
         <div class="col-md-7">
           <label class="form-label" for="jellyseerr_url">{{ 'setup.step.managers.fields.url'|trans }}</label>
@@ -51,20 +51,20 @@
                  placeholder="X-Api-Key" value="{{ values.jellyseerr_api_key }}"/>
         </div>
       </div>
-      <div class="test-row">
+      <div class="d-flex align-items-center gap-2 mt-2 flex-wrap">
         <button type="button" class="btn btn-sm btn-outline-primary"
                 data-test-service="jellyseerr"
                 data-test-csrf="{{ csrf_token('setup_test_jellyseerr') }}"
                 data-test-fields="jellyseerr_url,jellyseerr_api_key">{{ 'setup.test.button'|trans }}</button>
-        <span class="test-result" data-test-result-for="jellyseerr" aria-live="polite"></span>
+        <span data-test-result-for="jellyseerr" aria-live="polite"></span>
       </div>
     </div>
 
-    <div class="wizard-actions">
-      <button type="submit" name="_action" value="back" class="btn-wizard-back" formnovalidate>{{ 'setup.step.common.back'|trans }}</button>
-      <div class="wizard-actions-right">
-        <button type="submit" name="_action" value="skip" class="btn-wizard-skip" formnovalidate>{{ 'setup.step.common.skip'|trans }}</button>
-        <button type="submit" name="_action" value="save" class="btn-wizard-next">{{ 'setup.step.common.save_next'|trans }}</button>
+    <div class="d-flex align-items-center justify-content-between gap-3 mt-4 pt-4 border-top">
+      <button type="submit" name="_action" value="back" class="btn btn-outline-secondary" formnovalidate>{{ 'setup.step.common.back'|trans }}</button>
+      <div class="d-flex align-items-center gap-2">
+        <button type="submit" name="_action" value="skip" class="btn btn-link text-secondary" formnovalidate>{{ 'setup.step.common.skip'|trans }}</button>
+        <button type="submit" name="_action" value="save" class="btn btn-primary btn-wizard-accent">{{ 'setup.step.common.save_next'|trans }}</button>
       </div>
     </div>
   </form>
diff --git a/symfony/templates/setup/managers.html.twig b/symfony/templates/setup/managers.html.twig
index 0345f885..c98af6b7 100644
--- a/symfony/templates/setup/managers.html.twig
+++ b/symfony/templates/setup/managers.html.twig
@@ -5,9 +5,9 @@
 {% block max_width %}720px{% endblock %}
 
 {% block wizard_body %}
-  <div class="wizard-eyebrow">{{ 'setup.step.managers.eyebrow'|trans }}</div>
-  <h2 class="wizard-title">{{ 'setup.step.managers.title'|trans }}</h2>
-  <p class="wizard-subtitle">{{ 'setup.step.managers.subtitle'|trans }}</p>
+  <div class="subheader mb-1">{{ 'setup.step.managers.eyebrow'|trans }}</div>
+  <h2 class="mb-1">{{ 'setup.step.managers.title'|trans }}</h2>
+  <p class="text-secondary mb-4">{{ 'setup.step.managers.subtitle'|trans }}</p>
 
   <div class="alert alert-info" style="font-size: .85rem;">
     {{ 'setup.step.managers.default_instance_hint'|trans }}
@@ -16,9 +16,9 @@
   <form action="{{ path('app_setup_managers') }}" method="post" autocomplete="off" novalidate>
     <input type="hidden" name="_csrf_token" value="{{ csrf_token('setup_managers') }}"/>
 
-    <div class="wizard-section">
-      <div class="wizard-section-title">{{ 'setup.step.managers.radarr.section'|trans }}</div>
-      <div class="wizard-section-subtitle">{{ 'setup.step.managers.radarr.subtitle'|trans }}</div>
+    <div class="mt-3">
+      <div class="hr-text hr-text-left">{{ 'setup.step.managers.radarr.section'|trans }}</div>
+      <p class="text-secondary small mb-3">{{ 'setup.step.managers.radarr.subtitle'|trans }}</p>
       <div class="row g-3">
         <div class="col-md-7">
           <label class="form-label" for="radarr_url">{{ 'setup.step.managers.fields.url'|trans }}</label>
@@ -31,18 +31,18 @@
                  placeholder="X-Api-Key" value="{{ values.radarr_api_key }}"/>
         </div>
       </div>
-      <div class="test-row">
+      <div class="d-flex align-items-center gap-2 mt-2 flex-wrap">
         <button type="button" class="btn btn-sm btn-outline-primary"
                 data-test-service="radarr"
                 data-test-csrf="{{ csrf_token('setup_test_radarr') }}"
                 data-test-fields="radarr_url,radarr_api_key">{{ 'setup.test.button'|trans }}</button>
-        <span class="test-result" data-test-result-for="radarr" aria-live="polite"></span>
+        <span data-test-result-for="radarr" aria-live="polite"></span>
       </div>
     </div>
 
-    <div class="wizard-section">
-      <div class="wizard-section-title">{{ 'setup.step.managers.sonarr.section'|trans }}</div>
-      <div class="wizard-section-subtitle">{{ 'setup.step.managers.sonarr.subtitle'|trans }}</div>
+    <div class="mt-3">
+      <div class="hr-text hr-text-left">{{ 'setup.step.managers.sonarr.section'|trans }}</div>
+      <p class="text-secondary small mb-3">{{ 'setup.step.managers.sonarr.subtitle'|trans }}</p>
       <div class="row g-3">
         <div class="col-md-7">
           <label class="form-label" for="sonarr_url">{{ 'setup.step.managers.fields.url'|trans }}</label>
@@ -55,20 +55,20 @@
                  placeholder="X-Api-Key" value="{{ values.sonarr_api_key }}"/>
         </div>
       </div>
-      <div class="test-row">
+      <div class="d-flex align-items-center gap-2 mt-2 flex-wrap">
         <button type="button" class="btn btn-sm btn-outline-primary"
                 data-test-service="sonarr"
                 data-test-csrf="{{ csrf_token('setup_test_sonarr') }}"
                 data-test-fields="sonarr_url,sonarr_api_key">{{ 'setup.test.button'|trans }}</button>
-        <span class="test-result" data-test-result-for="sonarr" aria-live="polite"></span>
+        <span data-test-result-for="sonarr" aria-live="polite"></span>
       </div>
     </div>
 
-    <div class="wizard-actions">
-      <button type="submit" name="_action" value="back" class="btn-wizard-back" formnovalidate>{{ 'setup.step.common.back'|trans }}</button>
-      <div class="wizard-actions-right">
-        <button type="submit" name="_action" value="skip" class="btn-wizard-skip" formnovalidate>{{ 'setup.step.common.skip'|trans }}</button>
-        <button type="submit" name="_action" value="save" class="btn-wizard-next">{{ 'setup.step.common.save_next'|trans }}</button>
+    <div class="d-flex align-items-center justify-content-between gap-3 mt-4 pt-4 border-top">
+      <button type="submit" name="_action" value="back" class="btn btn-outline-secondary" formnovalidate>{{ 'setup.step.common.back'|trans }}</button>
+      <div class="d-flex align-items-center gap-2">
+        <button type="submit" name="_action" value="skip" class="btn btn-link text-secondary" formnovalidate>{{ 'setup.step.common.skip'|trans }}</button>
+        <button type="submit" name="_action" value="save" class="btn btn-primary btn-wizard-accent">{{ 'setup.step.common.save_next'|trans }}</button>
       </div>
     </div>
   </form>
diff --git a/symfony/templates/setup/tmdb.html.twig b/symfony/templates/setup/tmdb.html.twig
index ce156c78..590bda21 100644
--- a/symfony/templates/setup/tmdb.html.twig
+++ b/symfony/templates/setup/tmdb.html.twig
@@ -3,9 +3,9 @@
 {% block title %}TMDb - Prismarr{% endblock %}
 
 {% block wizard_body %}
-  <div class="wizard-eyebrow">{{ 'setup.step.tmdb.eyebrow'|trans }}</div>
-  <h2 class="wizard-title">{{ 'setup.step.tmdb.title'|trans }}</h2>
-  <p class="wizard-subtitle">{{ 'setup.step.tmdb.subtitle'|trans|raw }}</p>
+  <div class="subheader mb-1">{{ 'setup.step.tmdb.eyebrow'|trans }}</div>
+  <h2 class="mb-1">{{ 'setup.step.tmdb.title'|trans }}</h2>
+  <p class="text-secondary mb-4">{{ 'setup.step.tmdb.subtitle'|trans|raw }}</p>
 
   <form action="{{ path('app_setup_tmdb') }}" method="post" autocomplete="off" novalidate>
     <input type="hidden" name="_csrf_token" value="{{ csrf_token('setup_tmdb') }}"/>
@@ -17,20 +17,20 @@
              value="{{ values.tmdb_api_key }}"
              autocomplete="off"/>
       <div class="form-text mt-1">{{ 'setup.step.tmdb.api_key_hint'|trans }}</div>
-      <div class="test-row">
+      <div class="d-flex align-items-center gap-2 mt-2 flex-wrap">
         <button type="button" class="btn btn-sm btn-outline-primary"
                 data-test-service="tmdb"
                 data-test-csrf="{{ csrf_token('setup_test_tmdb') }}"
                 data-test-fields="tmdb_api_key">{{ 'setup.test.button'|trans }}</button>
-        <span class="test-result" data-test-result-for="tmdb" aria-live="polite"></span>
+        <span data-test-result-for="tmdb" aria-live="polite"></span>
       </div>
     </div>
 
-    <div class="wizard-actions">
-      <button type="submit" name="_action" value="back" class="btn-wizard-back" formnovalidate>{{ 'setup.step.common.back'|trans }}</button>
-      <div class="wizard-actions-right">
-        <button type="submit" name="_action" value="skip" class="btn-wizard-skip" formnovalidate>{{ 'setup.step.common.skip'|trans }}</button>
-        <button type="submit" name="_action" value="save" class="btn-wizard-next">{{ 'setup.step.common.save_next'|trans }}</button>
+    <div class="d-flex align-items-center justify-content-between gap-3 mt-4 pt-4 border-top">
+      <button type="submit" name="_action" value="back" class="btn btn-outline-secondary" formnovalidate>{{ 'setup.step.common.back'|trans }}</button>
+      <div class="d-flex align-items-center gap-2">
+        <button type="submit" name="_action" value="skip" class="btn btn-link text-secondary" formnovalidate>{{ 'setup.step.common.skip'|trans }}</button>
+        <button type="submit" name="_action" value="save" class="btn btn-primary btn-wizard-accent">{{ 'setup.step.common.save_next'|trans }}</button>
       </div>
     </div>
   </form>
diff --git a/symfony/templates/setup/welcome.html.twig b/symfony/templates/setup/welcome.html.twig
index 18ab4bc8..ce04b667 100644
--- a/symfony/templates/setup/welcome.html.twig
+++ b/symfony/templates/setup/welcome.html.twig
@@ -16,24 +16,6 @@
   font-size: .8rem;
   opacity: .75;
 }
-.welcome-locale-form select {
-  background: rgba(255,255,255,.04);
-  border: 1px solid rgba(255,255,255,.08);
-  color: inherit;
-  border-radius: 6px;
-  padding: .25rem .5rem;
-  font-size: .8rem;
-  cursor: pointer;
-}
-[data-bs-theme="light"] .welcome-locale-form select {
-  background: rgba(0,0,0,.03);
-  border-color: rgba(0,0,0,.1);
-}
-.welcome-locale-form select:focus {
-  outline: none;
-  border-color: rgba(99,102,241,.55);
-  box-shadow: 0 0 0 2px rgba(99,102,241,.18);
-}
 {% endblock %}
 
 {% block wizard_body %}
@@ -41,7 +23,7 @@
     <form method="post" action="{{ path('app_setup_locale') }}" class="welcome-locale-form" data-locale-form>
       <input type="hidden" name="_csrf_token" value="{{ csrf_token('setup_locale') }}"/>
       <label for="setup-locale-select">{{ 'setup.step.welcome.language_label'|trans }}</label>
-      <select id="setup-locale-select" name="locale" onchange="this.form.submit()">
+      <select id="setup-locale-select" name="locale" class="form-select form-select-sm w-auto" onchange="this.form.submit()">
         {% for code in supported_locales %}
           <option value="{{ code }}" {% if code == current_locale %}selected{% endif %}>
             {{ ('setup.step.welcome.language.' ~ code)|trans }}
@@ -79,9 +61,9 @@
     </div>
   </div>
 
-  <div class="wizard-actions">
+  <div class="d-flex align-items-center justify-content-between gap-3 mt-4 pt-4 border-top">
     <span></span>
-    <a href="{{ path('app_setup_admin') }}" class="btn-wizard-next">
+    <a href="{{ path('app_setup_admin') }}" class="btn btn-primary btn-wizard-accent">
       {{ 'setup.step.welcome.cta'|trans }}
     </a>
   </div>
diff --git a/symfony/templates/sonarr/auto_tags.html.twig b/symfony/templates/sonarr/auto_tags.html.twig
index 7befb6e4..84f7544f 100644
--- a/symfony/templates/sonarr/auto_tags.html.twig
+++ b/symfony/templates/sonarr/auto_tags.html.twig
@@ -171,6 +171,7 @@
 {% block javascripts %}
 <script>
 (function(){
+  var BASE = '{{ app.request.getBasePath() }}';
   var _I18N = {
     modal_title_new: {{ 'media.arr_admin.auto_tags.modal_title_new'|trans|json_encode|raw }},
     modal_title_edit: {{ 'media.arr_admin.auto_tags.modal_title_edit_tpl'|trans({name: '__NAME__'})|json_encode|raw }},
@@ -387,7 +388,7 @@
     var url;
     if (editingItem) {
       payload.id = editingItem.id;
-      url = '/medias/' + INSTANCE_SLUG + '/sonarr/auto-tags/' + editingItem.id + '/modifier';
+      url = BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/auto-tags/' + editingItem.id + '/modifier';
     } else {
       url = {{ instance_path('sonarr_auto_tag_add')|json_encode|raw }};
     }
@@ -413,7 +414,7 @@
   document.querySelectorAll('.btn-at-delete').forEach(function(btn) {
     btn.addEventListener('click', function() {
       if (!confirm(_I18N.delete_confirm_tpl.replace('__NAME__', btn.dataset.name))) return;
-      fetch('/medias/' + INSTANCE_SLUG + '/sonarr/auto-tags/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/auto-tags/' + btn.dataset.id + '/supprimer', {
         method: 'POST',
         headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: '{}'
diff --git a/symfony/templates/sonarr/backups.html.twig b/symfony/templates/sonarr/backups.html.twig
index 15149f82..5d5279a2 100644
--- a/symfony/templates/sonarr/backups.html.twig
+++ b/symfony/templates/sonarr/backups.html.twig
@@ -125,6 +125,7 @@
 {% block javascripts %}
 <script>
 (function(){
+var BASE = '{{ app.request.getBasePath() }}';
 var I18N = {
   starting: {{ 'media.arr_admin.backups.backup_starting'|trans|json_encode|raw }},
   statusTpl: {{ 'media.arr_admin.backups.backup_status_tpl'|trans({status: '__STATUS__'})|json_encode|raw }},
@@ -183,7 +184,7 @@ document.querySelectorAll('.btn-backup-delete').forEach(function(btn) {
   btn.onclick = function() {
     if (!confirm(I18N.confirmDelete)) return;
     var id = btn.dataset.id;
-    fetch('/medias/' + INSTANCE_SLUG + '/sonarr/sauvegardes/' + id + '/supprimer', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/sauvegardes/' + id + '/supprimer', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
       body: '{}'
@@ -216,7 +217,7 @@ if (btnConfirmRestore) {
     alertEl.classList.remove('d-none');
     msg.textContent = I18N.restoreInProgress;
 
-    fetch('/medias/' + INSTANCE_SLUG + '/sonarr/sauvegardes/' + pendingRestoreId + '/restaurer', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/sauvegardes/' + pendingRestoreId + '/restaurer', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
       body: '{}'
diff --git a/symfony/templates/sonarr/commands.html.twig b/symfony/templates/sonarr/commands.html.twig
index 73412ca8..47ca9c20 100644
--- a/symfony/templates/sonarr/commands.html.twig
+++ b/symfony/templates/sonarr/commands.html.twig
@@ -112,6 +112,7 @@
 {% block javascripts %}
 <script>
 (function(){
+var BASE = '{{ app.request.getBasePath() }}';
 var I18N = {
   confirmCancelTpl: {{ 'media.arr_admin.commands.confirm_cancel_tpl'|trans({id: '__ID__'})|json_encode|raw }},
   cancelledTpl: {{ 'media.arr_admin.commands.cancelled_tpl'|trans({id: '__ID__'})|json_encode|raw }},
@@ -132,7 +133,7 @@ function bindCancelButtons() {
       var cmdId = btn.dataset.id;
       if (!confirm(I18N.confirmCancelTpl.replace('__ID__', cmdId))) return;
       btn.disabled = true;
-      fetch('/medias/' + INSTANCE_SLUG + '/sonarr/command/' + cmdId + '/annuler', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/command/' + cmdId + '/annuler', {
         method: 'POST',
         headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: '{}'
diff --git a/symfony/templates/sonarr/custom_filters.html.twig b/symfony/templates/sonarr/custom_filters.html.twig
index 3f418d02..f98cf0ef 100644
--- a/symfony/templates/sonarr/custom_filters.html.twig
+++ b/symfony/templates/sonarr/custom_filters.html.twig
@@ -109,6 +109,7 @@
 {% block javascripts %}
 <script>
 (function(){
+  var BASE = '{{ app.request.getBasePath() }}';
   var CF_I18N = {
     title_add: {{ 'media.arr_admin.custom_filters.modal_title_add'|trans|json_encode|raw }},
     title_edit: {{ 'media.arr_admin.custom_filters.modal_title_edit'|trans|json_encode|raw }},
@@ -165,7 +166,7 @@
     var filters;
     try { filters = JSON.parse(filtersRaw || '[]'); } catch(e) { showModalFeedback(CF_I18N.err_invalid_json, 'danger'); return; }
     var payload = {label: label, type: type, filters: filters};
-    var url = id ? '/medias/' + INSTANCE_SLUG + '/sonarr/filtres-personnalises/' + id + '/modifier' : '{{ instance_path("sonarr_custom_filter_add") }}';
+    var url = id ? BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/filtres-personnalises/' + id + '/modifier' : '{{ instance_path("sonarr_custom_filter_add") }}';
     if (id) payload.id = parseInt(id, 10);
     fetch(url, {
       method: 'POST',
@@ -180,7 +181,7 @@
   document.querySelectorAll('.btn-cf-delete').forEach(function(btn) {
     btn.onclick = function() {
       if (!confirm(CF_I18N.delete_confirm_tpl.replace('__LABEL__', btn.dataset.label))) return;
-      fetch('/medias/' + INSTANCE_SLUG + '/sonarr/filtres-personnalises/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/filtres-personnalises/' + btn.dataset.id + '/supprimer', {
         method: 'POST',
         headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: '{}',
diff --git a/symfony/templates/sonarr/custom_formats.html.twig b/symfony/templates/sonarr/custom_formats.html.twig
index 158cfb35..6f0d067e 100644
--- a/symfony/templates/sonarr/custom_formats.html.twig
+++ b/symfony/templates/sonarr/custom_formats.html.twig
@@ -166,6 +166,7 @@
 {% block javascripts %}
 <script>
 (function(){
+  var BASE = '{{ app.request.getBasePath() }}';
   var I18N = {
     modal_new: {{ 'media.arr_admin.custom_formats.modal_new'|trans|json_encode|raw }},
     modal_edit_tpl: {{ 'media.arr_admin.custom_formats.modal_edit_tpl'|trans({name: '__NAME__'})|json_encode|raw }},
@@ -476,7 +477,7 @@
     try {
       var url = SAVE_URL;
       if (editingItem) {
-        url = '/medias/' + INSTANCE_SLUG + '/sonarr/formats/' + editingItem.id + '/modifier';
+        url = BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/formats/' + editingItem.id + '/modifier';
       }
       var r = await fetch(url, {
         method: 'POST',
@@ -504,7 +505,7 @@
     var btn = e.target.closest('.btn-cf-delete');
     if (!btn) return;
     if (!confirm(I18N.confirm_delete_tpl.replace('__NAME__', btn.dataset.name))) return;
-    fetch('/medias/' + INSTANCE_SLUG + '/sonarr/formats/' + btn.dataset.id + '/supprimer', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/formats/' + btn.dataset.id + '/supprimer', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
       body: '{}',
diff --git a/symfony/templates/sonarr/delay_profiles.html.twig b/symfony/templates/sonarr/delay_profiles.html.twig
index 66eaf03d..db7f7ff5 100644
--- a/symfony/templates/sonarr/delay_profiles.html.twig
+++ b/symfony/templates/sonarr/delay_profiles.html.twig
@@ -192,6 +192,7 @@
 {% block javascripts %}
 <script>
 (function(){
+  var BASE = '{{ app.request.getBasePath() }}';
   var I18N = {
     modal_new: {{ 'media.arr_admin.delay_profiles.modal_new'|trans|json_encode|raw }},
     modal_edit_tpl: {{ 'media.arr_admin.delay_profiles.modal_edit_tpl'|trans({id: '__ID__'})|json_encode|raw }},
@@ -280,7 +281,7 @@
     if (editingItem) {
       payload.id = editingItem.id;
       payload.order = editingItem.order;
-      url = '/medias/' + INSTANCE_SLUG + '/sonarr/profils-delai/' + editingItem.id + '/modifier';
+      url = BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/profils-delai/' + editingItem.id + '/modifier';
     } else {
       url = {{ instance_path('sonarr_delay_profile_add')|json_encode|raw }};
     }
@@ -306,7 +307,7 @@
   document.querySelectorAll('.btn-delay-delete').forEach(function(btn) {
     btn.addEventListener('click', function() {
       if (!confirm(I18N.confirm_delete)) return;
-      fetch('/medias/' + INSTANCE_SLUG + '/sonarr/profils-delai/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/profils-delai/' + btn.dataset.id + '/supprimer', {
         method: 'POST',
         headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: '{}'
diff --git a/symfony/templates/sonarr/download_clients.html.twig b/symfony/templates/sonarr/download_clients.html.twig
index 7b07be95..07ae6f7b 100644
--- a/symfony/templates/sonarr/download_clients.html.twig
+++ b/symfony/templates/sonarr/download_clients.html.twig
@@ -109,7 +109,7 @@
   modal_title_edit: 'media.arr_admin.download_clients.modal_title_edit'|trans,
   schema_url: instance_path('sonarr_download_client_schema'),
   save_url_add: instance_path('sonarr_download_client_add'),
-  save_url_edit: '/medias/' ~ current_slug('sonarr') ~ '/sonarr/clients-telechargement/__ID__/modifier',
+  save_url_edit: app.request.getBasePath() ~ '/medias/' ~ current_slug('sonarr') ~ '/sonarr/clients-telechargement/__ID__/modifier',
   test_url: instance_path('sonarr_download_client_test')
 } %}
 {% endblock %}
@@ -117,6 +117,7 @@
 {% block javascripts %}
 <script>
 (function() {
+  var BASE = '{{ app.request.getBasePath() }}';
   var I18N = {
     fallback_name: {{ 'media.arr_admin.download_clients.fallback_name'|trans|json_encode|raw }},
     test_success_title: {{ 'media.arr_admin.download_clients.test_success_title'|trans|json_encode|raw }},
@@ -183,7 +184,7 @@
   document.querySelectorAll('.btn-dc-delete').forEach(function(btn) {
     btn.addEventListener('click', function() {
       if (!confirm(I18N.confirm_delete_tpl.replace('__NAME__', btn.dataset.name))) return;
-      fetch('/medias/' + INSTANCE_SLUG + '/sonarr/clients-telechargement/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/clients-telechargement/' + btn.dataset.id + '/supprimer', {
         method: 'POST', headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'}, body: '{}',
       }).then(function(r) { return r.json(); }).then(function(data) {
         if (data.ok) location.reload();
diff --git a/symfony/templates/sonarr/exclusions.html.twig b/symfony/templates/sonarr/exclusions.html.twig
index a0aa5a92..4eb63743 100644
--- a/symfony/templates/sonarr/exclusions.html.twig
+++ b/symfony/templates/sonarr/exclusions.html.twig
@@ -70,6 +70,7 @@
 {% block javascripts %}
 <script>
 (function() {
+  var BASE = '{{ app.request.getBasePath() }}';
   var _I18N = {
     delete_confirm: {{ 'media.arr_admin.exclusions.delete_confirm'|trans|json_encode|raw }}
   };
@@ -77,7 +78,7 @@
     btn.addEventListener('click', function() {
       if (!confirm(_I18N.delete_confirm)) return;
       btn.disabled = true;
-      fetch('/medias/' + INSTANCE_SLUG + '/sonarr/exclusions/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/exclusions/' + btn.dataset.id + '/supprimer', {
         method: 'POST',
         headers: {'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'},
         body: '{}'
diff --git a/symfony/templates/sonarr/import_lists.html.twig b/symfony/templates/sonarr/import_lists.html.twig
index a70ad716..9ea22102 100644
--- a/symfony/templates/sonarr/import_lists.html.twig
+++ b/symfony/templates/sonarr/import_lists.html.twig
@@ -93,13 +93,14 @@
   modal_title_edit: 'media.arr_admin.import_lists.modal_title_edit'|trans,
   schema_url: instance_path('sonarr_import_list_schema'),
   save_url_add: instance_path('sonarr_import_list_add'),
-  save_url_edit: '/medias/' ~ current_slug('sonarr') ~ '/sonarr/listes-import/__ID__/modifier'
+  save_url_edit: app.request.getBasePath() ~ '/medias/' ~ current_slug('sonarr') ~ '/sonarr/listes-import/__ID__/modifier'
 } %}
 {% endblock %}
 
 {% block javascripts %}
 <script>
 (function() {
+  var BASE = '{{ app.request.getBasePath() }}';
   var I18N = {
     error_delete: {{ 'media.arr_admin.import_lists.error_delete'|trans|json_encode|raw }},
     confirm_delete_tpl: {{ 'media.arr_admin.import_lists.confirm_delete_tpl'|trans({name: '__NAME__'})|json_encode|raw }}
@@ -117,7 +118,7 @@
   document.querySelectorAll('.btn-il-delete').forEach(function(btn) {
     btn.addEventListener('click', function() {
       if (!confirm(I18N.confirm_delete_tpl.replace('__NAME__', btn.dataset.name))) return;
-      fetch('/medias/' + INSTANCE_SLUG + '/sonarr/listes-import/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/listes-import/' + btn.dataset.id + '/supprimer', {
         method: 'POST', headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'}, body: '{}',
       }).then(function(r) { return r.json(); }).then(function(data) {
         if (data.ok) location.reload();
diff --git a/symfony/templates/sonarr/indexers.html.twig b/symfony/templates/sonarr/indexers.html.twig
index 5bb19681..240f4aae 100644
--- a/symfony/templates/sonarr/indexers.html.twig
+++ b/symfony/templates/sonarr/indexers.html.twig
@@ -97,7 +97,7 @@
   modal_title_edit: 'media.arr_admin.indexers.modal_title_edit'|trans,
   schema_url: instance_path('sonarr_indexers_schema'),
   save_url_add: instance_path('sonarr_indexer_add'),
-  save_url_edit: '/medias/' ~ current_slug('sonarr') ~ '/sonarr/indexeurs/__ID__/modifier',
+  save_url_edit: app.request.getBasePath() ~ '/medias/' ~ current_slug('sonarr') ~ '/sonarr/indexeurs/__ID__/modifier',
   test_url: instance_path('sonarr_indexer_test')
 } %}
 {% endblock %}
@@ -105,6 +105,7 @@
 {% block javascripts %}
 <script>
 (function() {
+  var BASE = '{{ app.request.getBasePath() }}';
   var I18N = {
     fallback_name: {{ 'media.arr_admin.indexers.fallback_name'|trans|json_encode|raw }},
     test_success_title: {{ 'media.arr_admin.indexers.test_success_title'|trans|json_encode|raw }},
@@ -158,7 +159,7 @@
   document.querySelectorAll('.btn-idx-delete').forEach(function(btn) {
     btn.addEventListener('click', function() {
       if (!confirm(I18N.confirm_delete_tpl.replace('__NAME__', btn.dataset.name))) return;
-      fetch('/medias/' + INSTANCE_SLUG + '/sonarr/indexeurs/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/indexeurs/' + btn.dataset.id + '/supprimer', {
         method: 'POST', headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'}, body: '{}',
       }).then(function(r){ return r.json(); }).then(function(data) {
         if (data.ok) location.reload();
diff --git a/symfony/templates/sonarr/library_import.html.twig b/symfony/templates/sonarr/library_import.html.twig
index 94ee9e48..3494238b 100644
--- a/symfony/templates/sonarr/library_import.html.twig
+++ b/symfony/templates/sonarr/library_import.html.twig
@@ -119,6 +119,7 @@
 {% block javascripts %}
 <script>
 (function() {
+  var BASE = '{{ app.request.getBasePath() }}';
   var _I18N = {
     btn_scan: {{ 'media.arr_admin.library_import.btn_scan'|trans|json_encode|raw }},
     btn_scanning: {{ 'media.arr_admin.library_import.btn_scanning'|trans|json_encode|raw }},
@@ -184,7 +185,7 @@
     importableSeries = [];
     importAllBtn.disabled = true;
 
-    fetch('/medias/' + INSTANCE_SLUG + '/sonarr/import-bibliotheque/scan', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/import-bibliotheque/scan', {
       method: 'POST',
       headers: {'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'},
       body: JSON.stringify({folder: folder})
@@ -216,7 +217,7 @@
         tbody.appendChild(tr);
 
         // Auto lookup
-        fetch('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/lookup?term=' + encodeURIComponent(f.name), {
+        fetch(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/lookup?term=' + encodeURIComponent(f.name), {
           headers: {'X-Requested-With':'XMLHttpRequest'}
         }).then(function(r) { return r.json(); }).then(function(series) {
           var serieCell = tr.querySelector('.serie-cell');
@@ -331,7 +332,7 @@
       var statusCell = tr.querySelector('.status-cell');
       statusCell.innerHTML = '<span class="spinner-border spinner-border-sm" style="width:14px;height:14px;"></span>';
 
-      fetch('/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/add', {
+      fetch(BASE + '/medias/' + (INSTANCE_SLUG || DEFAULT_SONARR_SLUG) + '/series/add', {
         method: 'POST',
         headers: {'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'},
         body: JSON.stringify({
diff --git a/symfony/templates/sonarr/media_management.html.twig b/symfony/templates/sonarr/media_management.html.twig
index 415ad780..ded20282 100644
--- a/symfony/templates/sonarr/media_management.html.twig
+++ b/symfony/templates/sonarr/media_management.html.twig
@@ -137,6 +137,7 @@
 {% block javascripts %}
 <script>
 (function() {
+  var BASE = '{{ app.request.getBasePath() }}';
   var I18N = {
     namingSaved: {{ 'media.arr_admin.media_management.naming_saved'|trans|json_encode|raw }},
     mmSaved: {{ 'media.arr_admin.media_management.mm_saved'|trans|json_encode|raw }},
@@ -165,7 +166,7 @@
     new FormData(this).forEach(function(v, k) { data[k] = v; });
     data.renameEpisodes = !!document.getElementById('renameEpisodes').checked;
     data.multiEpisodeStyle = parseInt(data.multiEpisodeStyle || 0);
-    fetch('/medias/' + INSTANCE_SLUG + '/sonarr/gestion-medias/naming', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/gestion-medias/naming', {
       method: 'POST', headers: {'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'},
       body: JSON.stringify(data)
     }).then(function(r) { return r.json(); }).then(function(d) {
@@ -177,7 +178,7 @@
     var btn = this;
     btn.disabled = true;
     btn.textContent = I18N.loading;
-    fetch('/medias/' + INSTANCE_SLUG + '/sonarr/gestion-medias/naming/examples', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/gestion-medias/naming/examples', {
       headers: {'X-Requested-With':'XMLHttpRequest'}
     }).then(function(r) { return r.json(); }).then(function(data) {
       btn.disabled = false;
@@ -213,7 +214,7 @@
     data.createEmptySeriesFolders = !!document.getElementById('createEmptyFolders').checked;
     data.deleteEmptyFolders = !!document.getElementById('deleteEmptyFolders').checked;
     data.recycleBinCleanupDays = parseInt(data.recycleBinCleanupDays || 7);
-    fetch('/medias/' + INSTANCE_SLUG + '/sonarr/gestion-medias/mediamanagement', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/gestion-medias/mediamanagement', {
       method: 'POST', headers: {'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'},
       body: JSON.stringify(data)
     }).then(function(r) { return r.json(); }).then(function(d) {
diff --git a/symfony/templates/sonarr/metadata.html.twig b/symfony/templates/sonarr/metadata.html.twig
index d0eb4c1e..17ffbba1 100644
--- a/symfony/templates/sonarr/metadata.html.twig
+++ b/symfony/templates/sonarr/metadata.html.twig
@@ -110,6 +110,7 @@
 {% block javascripts %}
 <script>
 (function(){
+  var BASE = '{{ app.request.getBasePath() }}';
   var META_I18N = {
     title_edit_tpl: {{ 'media.arr_admin.metadata.modal_title_edit_tpl'|trans({name: '__NAME__'})|json_encode|raw }},
     fields_title: {{ 'media.arr_admin.metadata.fields_title'|trans|json_encode|raw }},
@@ -199,7 +200,7 @@
     btn.addEventListener('click', function() {
       var id = btn.dataset.id;
       var enabled = btn.dataset.enabled === '1';
-      fetch('/medias/' + INSTANCE_SLUG + '/sonarr/metadata/' + id + '/modifier', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/metadata/' + id + '/modifier', {
         method: 'POST',
         headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: JSON.stringify({enable: !enabled}),
@@ -218,7 +219,7 @@
     payload.name = document.getElementById('meta-name').value.trim();
     payload.enable = document.getElementById('meta-enable').checked;
     payload.fields = collectFields();
-    fetch('/medias/' + INSTANCE_SLUG + '/sonarr/metadata/' + payload.id + '/modifier', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/metadata/' + payload.id + '/modifier', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
       body: JSON.stringify(payload),
@@ -237,7 +238,7 @@
   document.querySelectorAll('.btn-meta-delete').forEach(function(btn) {
     btn.addEventListener('click', function() {
       if (!confirm(META_I18N.delete_confirm_tpl.replace('__NAME__', btn.dataset.name))) return;
-      fetch('/medias/' + INSTANCE_SLUG + '/sonarr/metadata/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/metadata/' + btn.dataset.id + '/supprimer', {
         method: 'POST',
         headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: '{}',
diff --git a/symfony/templates/sonarr/notifications.html.twig b/symfony/templates/sonarr/notifications.html.twig
index 96aea661..70581e44 100644
--- a/symfony/templates/sonarr/notifications.html.twig
+++ b/symfony/templates/sonarr/notifications.html.twig
@@ -105,7 +105,7 @@
   modal_title_edit: 'media.arr_admin.notifications.modal_title_edit'|trans,
   schema_url: instance_path('sonarr_notifications_schema'),
   save_url_add: instance_path('sonarr_notification_add'),
-  save_url_edit: '/medias/' ~ current_slug('sonarr') ~ '/sonarr/notifications/__ID__/modifier',
+  save_url_edit: app.request.getBasePath() ~ '/medias/' ~ current_slug('sonarr') ~ '/sonarr/notifications/__ID__/modifier',
   test_url: instance_path('sonarr_notification_test_payload'),
   mode: 'notification'
 } %}
@@ -114,6 +114,7 @@
 {% block javascripts %}
 <script>
 (function(){
+  var BASE = '{{ app.request.getBasePath() }}';
   var I18N = {
     error_test: {{ 'media.arr_admin.notifications.error_test'|trans|json_encode|raw }},
     error_network: {{ 'media.arr_admin.notifications.error_network'|trans|json_encode|raw }},
@@ -139,7 +140,7 @@
       var origHTML = btn.innerHTML;
       btn.disabled = true;
       btn.innerHTML = SVG_SPIN;
-      fetch('/medias/' + INSTANCE_SLUG + '/sonarr/notifications/' + btn.dataset.id + '/tester', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/notifications/' + btn.dataset.id + '/tester', {
         method: 'POST',
         headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: '{}',
@@ -159,7 +160,7 @@
   document.querySelectorAll('.btn-notif-delete').forEach(function(btn) {
     btn.addEventListener('click', function() {
       if (!confirm(I18N.confirm_delete_tpl.replace('__NAME__', btn.dataset.name))) return;
-      fetch('/medias/' + INSTANCE_SLUG + '/sonarr/notifications/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/notifications/' + btn.dataset.id + '/supprimer', {
         method: 'POST',
         headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: '{}',
diff --git a/symfony/templates/sonarr/quality.html.twig b/symfony/templates/sonarr/quality.html.twig
index 093e8fe7..ca0ac731 100644
--- a/symfony/templates/sonarr/quality.html.twig
+++ b/symfony/templates/sonarr/quality.html.twig
@@ -380,6 +380,7 @@
 {% block javascripts %}
 <script>
 (function(){
+var BASE = '{{ app.request.getBasePath() }}';
 
 var I18N = {
   error_save_def: {{ 'media.arr_admin.quality.error_save_def'|trans|json_encode|raw }},
@@ -541,7 +542,7 @@ document.getElementById('btn-save-definitions').addEventListener('click', functi
     orig.maxSize       = parseFloat(wrap.querySelector('.range-max').value);
     payload.push(orig);
   });
-  fetch('/medias/' + INSTANCE_SLUG + '/sonarr/qualite/definitions/sauvegarder', {
+  fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/qualite/definitions/sauvegarder', {
     method: 'POST',
     headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
     body: JSON.stringify(payload),
@@ -905,8 +906,8 @@ document.getElementById('btn-profile-save').addEventListener('click', function()
   }
 
   var url = isEdit
-    ? '/medias/' + INSTANCE_SLUG + '/sonarr/qualite/profils/' + editId + '/modifier'
-    : '/medias/' + INSTANCE_SLUG + '/sonarr/qualite/profils/ajouter';
+    ? BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/qualite/profils/' + editId + '/modifier'
+    : BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/qualite/profils/ajouter';
 
   fetch(url, {
     method: 'POST',
@@ -931,7 +932,7 @@ document.getElementById('btn-profile-delete-modal').addEventListener('click', fu
   var id = this.getAttribute('data-id');
   var name = this.getAttribute('data-name');
   if (!confirm(I18N.confirm_delete_tpl.replace('__NAME__', name))) return;
-  fetch('/medias/' + INSTANCE_SLUG + '/sonarr/qualite/profils/' + id + '/supprimer', {
+  fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/qualite/profils/' + id + '/supprimer', {
     method: 'POST',
     headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
     body: '{}',
@@ -951,7 +952,7 @@ document.getElementById('btn-profile-delete-modal').addEventListener('click', fu
 document.querySelectorAll('.btn-profile-delete').forEach(function(btn) {
   btn.addEventListener('click', function() {
     if (!confirm(I18N.confirm_delete_tpl.replace('__NAME__', btn.dataset.name))) return;
-    fetch('/medias/' + INSTANCE_SLUG + '/sonarr/qualite/profils/' + btn.dataset.id + '/supprimer', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/qualite/profils/' + btn.dataset.id + '/supprimer', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
       body: '{}',
diff --git a/symfony/templates/sonarr/remote_path_mappings.html.twig b/symfony/templates/sonarr/remote_path_mappings.html.twig
index 13c47ede..df57f99d 100644
--- a/symfony/templates/sonarr/remote_path_mappings.html.twig
+++ b/symfony/templates/sonarr/remote_path_mappings.html.twig
@@ -99,6 +99,7 @@
 {% block javascripts %}
 <script>
 (function(){
+  var BASE = '{{ app.request.getBasePath() }}';
   var I18N = {
     modal_title_add: {{ 'media.arr_admin.remote_path_mappings.modal_title_add'|trans|json_encode|raw }},
     modal_title_edit: {{ 'media.arr_admin.remote_path_mappings.modal_title_edit'|trans|json_encode|raw }},
@@ -157,7 +158,7 @@
       return;
     }
     var payload = {host: host, remotePath: remotePath, localPath: localPath};
-    var url = id ? '/medias/' + INSTANCE_SLUG + '/sonarr/chemins-distants/' + id + '/modifier' : '{{ instance_path("radarr_remote_path_mapping_add") }}';
+    var url = id ? BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/chemins-distants/' + id + '/modifier' : '{{ instance_path("radarr_remote_path_mapping_add") }}';
     if (id) payload.id = parseInt(id, 10);
     fetch(url, {
       method: 'POST',
@@ -172,7 +173,7 @@
   document.querySelectorAll('.btn-rpm-delete').forEach(function(btn) {
     btn.onclick = function() {
       if (!confirm(I18N.confirm_delete_tpl.replace('__HOST__', btn.dataset.host))) return;
-      fetch('/medias/' + INSTANCE_SLUG + '/sonarr/chemins-distants/' + btn.dataset.id + '/supprimer', {
+      fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/chemins-distants/' + btn.dataset.id + '/supprimer', {
         method: 'POST',
         headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
         body: '{}',
diff --git a/symfony/templates/sonarr/root_folders.html.twig b/symfony/templates/sonarr/root_folders.html.twig
index e982ae8d..67bbef6d 100644
--- a/symfony/templates/sonarr/root_folders.html.twig
+++ b/symfony/templates/sonarr/root_folders.html.twig
@@ -76,6 +76,7 @@
 {% block javascripts %}
 <script>
 (function(){
+var BASE = '{{ app.request.getBasePath() }}';
 var I18N = {
   errorPathRequired: {{ 'media.arr_admin.root_folders.error_path_required'|trans|json_encode|raw }},
   errorAdd: {{ 'media.arr_admin.root_folders.error_add_sonarr'|trans|json_encode|raw }},
@@ -112,7 +113,7 @@ document.querySelectorAll('.btn-rf-delete').forEach(function(btn) {
   btn.addEventListener('click', function() {
     var msg = I18N.confirmDeleteTpl.replace('__PATH__', btn.dataset.path);
     if (!confirm(msg)) return;
-    fetch('/medias/' + INSTANCE_SLUG + '/sonarr/dossiers-racine/' + btn.dataset.id + '/supprimer', {
+    fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/dossiers-racine/' + btn.dataset.id + '/supprimer', {
       method: 'POST', headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'}, body: '{}',
     }).then(function(r) { return r.json(); }).then(function(data) {
       if (data.ok) location.reload();
diff --git a/symfony/templates/sonarr/tags.html.twig b/symfony/templates/sonarr/tags.html.twig
index d07c2b4e..ee663e05 100644
--- a/symfony/templates/sonarr/tags.html.twig
+++ b/symfony/templates/sonarr/tags.html.twig
@@ -88,6 +88,7 @@
 {% block javascripts %}
 <script>
 (function(){
+var BASE = '{{ app.request.getBasePath() }}';
 var TAGS_I18N = {
   created_tpl: {{ 'media.arr_admin.tags.created_tpl'|trans({label: '__LABEL__'})|json_encode|raw }},
   created_error: {{ 'media.arr_admin.tags.created_error'|trans|json_encode|raw }},
@@ -128,7 +129,7 @@ document.querySelectorAll('.btn-tag-rename').forEach(function(btn) {
     var currentLabel = btn.dataset.label;
     var newLabel = prompt(TAGS_I18N.rename_prompt, currentLabel);
     if (!newLabel || newLabel.trim() === '' || newLabel === currentLabel) return;
-    var r = await fetch('/medias/' + INSTANCE_SLUG + '/sonarr/tags/' + btn.dataset.id + '/renommer', {
+    var r = await fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/tags/' + btn.dataset.id + '/renommer', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
       body: JSON.stringify({label: newLabel.trim()}),
@@ -146,7 +147,7 @@ document.querySelectorAll('.btn-tag-rename').forEach(function(btn) {
 document.querySelectorAll('.btn-tag-delete').forEach(function(btn) {
   btn.addEventListener('click', async function() {
     if (!confirm(TAGS_I18N.delete_confirm_tpl.replace('__LABEL__', btn.dataset.label))) return;
-    var r = await fetch('/medias/' + INSTANCE_SLUG + '/sonarr/tags/' + btn.dataset.id + '/supprimer', {
+    var r = await fetch(BASE + '/medias/' + INSTANCE_SLUG + '/sonarr/tags/' + btn.dataset.id + '/supprimer', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
       body: '{}',
diff --git a/symfony/templates/sonarr/updates.html.twig b/symfony/templates/sonarr/updates.html.twig
index 3adb26a5..b2bffea4 100644
--- a/symfony/templates/sonarr/updates.html.twig
+++ b/symfony/templates/sonarr/updates.html.twig
@@ -85,7 +85,7 @@
                             {% if update.changes.new is defined and update.changes.new %}
                             <div class="mb-2">
                                 <div class="small fw-semibold" style="color:#22c55e;">{{ 'media.arr_admin.updates.changes_new'|trans }}</div>
-                                <ul class="mb-0" style="font-size:.75rem;padding-left:1.2rem;color:rgba(255,255,255,.6);">
+                                <ul class="mb-0" style="font-size:.75rem;padding-left:1.2rem;color:var(--tblr-secondary-color);">
                                     {% for item in update.changes.new %}<li>{{ item }}</li>{% endfor %}
                                 </ul>
                             </div>
@@ -93,7 +93,7 @@
                             {% if update.changes.fixed is defined and update.changes.fixed %}
                             <div>
                                 <div class="small fw-semibold" style="color:#38bdf8;">{{ 'media.arr_admin.updates.changes_fixed'|trans }}</div>
-                                <ul class="mb-0" style="font-size:.75rem;padding-left:1.2rem;color:rgba(255,255,255,.6);">
+                                <ul class="mb-0" style="font-size:.75rem;padding-left:1.2rem;color:var(--tblr-secondary-color);">
                                     {% for item in update.changes.fixed %}<li>{{ item }}</li>{% endfor %}
                                 </ul>
                             </div>
diff --git a/symfony/templates/tautulli/_libraries.html.twig b/symfony/templates/tautulli/_libraries.html.twig
index a1c36516..19fb1b2a 100644
--- a/symfony/templates/tautulli/_libraries.html.twig
+++ b/symfony/templates/tautulli/_libraries.html.twig
@@ -1,7 +1,10 @@
 {# Library list (slim single column). `libraries` = list of {name, type, count, childCount}. #}
 {% import '_icons.html.twig' as ico %}
 {% if libraries is empty %}
-  <div class="text-center text-secondary py-4">{{ 'tautulli.libraries.empty'|trans }}</div>
+  <div class="empty py-4">
+    <div class="empty-icon">{{ ico.icon('book', '', 32) }}</div>
+    <p class="empty-subtitle text-secondary mb-0">{{ 'tautulli.libraries.empty'|trans }}</p>
+  </div>
 {% else %}
 <div class="list-group list-group-flush">
   {% for lib in libraries %}
diff --git a/symfony/templates/tautulli/_now_playing.html.twig b/symfony/templates/tautulli/_now_playing.html.twig
index 2b329a52..bc51ed43 100644
--- a/symfony/templates/tautulli/_now_playing.html.twig
+++ b/symfony/templates/tautulli/_now_playing.html.twig
@@ -1,6 +1,10 @@
 {# Live stream cards for the activity page. `plex` is the getActivity() envelope. #}
+{% import '_icons.html.twig' as ico %}
 {% if plex.error or not plex.connected or plex.sessions is empty %}
-  <div class="text-center text-secondary py-4">{{ 'dashboard.plex.empty'|trans }}</div>
+  <div class="empty py-4">
+    <div class="empty-icon">{{ ico.icon('device-tv', '', 32) }}</div>
+    <p class="empty-subtitle text-secondary mb-0">{{ 'dashboard.plex.empty'|trans }}</p>
+  </div>
 {% else %}
   {% include 'dashboard/_plex_summary.html.twig' with {plex: plex} only %}
   <div class="plex-sessions">
diff --git a/symfony/templates/tautulli/_stats.html.twig b/symfony/templates/tautulli/_stats.html.twig
index 61e4b6f4..24d3d54d 100644
--- a/symfony/templates/tautulli/_stats.html.twig
+++ b/symfony/templates/tautulli/_stats.html.twig
@@ -2,7 +2,10 @@
 {% import '_icons.html.twig' as ico %}
 {% set metric = metric|default('plays') %}
 {% if stats.topMovies is empty and stats.topShows is empty and stats.topUsers is empty and stats.topPlatforms is empty and stats.popularMovies is empty and stats.popularShows is empty and stats.mostConcurrent is empty %}
-  <div class="text-center text-secondary py-4">{{ 'tautulli.stats.empty'|trans }}</div>
+  <div class="empty py-4">
+    <div class="empty-icon">{{ ico.icon('activity', '', 32) }}</div>
+    <p class="empty-subtitle text-secondary mb-0">{{ 'tautulli.stats.empty'|trans }}</p>
+  </div>
 {% else %}
 <div class="row row-cards">
   {# Most-watched movies + shows: clickable poster tiles #}
diff --git a/symfony/templates/tautulli/_users.html.twig b/symfony/templates/tautulli/_users.html.twig
index ffbf8154..2be3e551 100644
--- a/symfony/templates/tautulli/_users.html.twig
+++ b/symfony/templates/tautulli/_users.html.twig
@@ -1,6 +1,10 @@
 {# Per-user overview. `users` = list of {friendlyName, lastSeen, lastPlayed, plays, durationSeconds}. #}
+{% import '_icons.html.twig' as ico %}
 {% if users is empty %}
-  <div class="text-center text-secondary py-4">{{ 'tautulli.users.empty'|trans }}</div>
+  <div class="empty py-4">
+    <div class="empty-icon">{{ ico.icon('user', '', 32) }}</div>
+    <p class="empty-subtitle text-secondary mb-0">{{ 'tautulli.users.empty'|trans }}</p>
+  </div>
 {% else %}
 <div class="table-responsive">
   <table class="table table-vcenter card-table">
diff --git a/symfony/templates/tautulli/index.html.twig b/symfony/templates/tautulli/index.html.twig
index 2c9e65e6..d4e76f2f 100644
--- a/symfony/templates/tautulli/index.html.twig
+++ b/symfony/templates/tautulli/index.html.twig
@@ -187,6 +187,7 @@
 <script src="{{ asset('static/chart/chart.umd.min.js') }}"></script>
 <script>
 (function () {
+  var BASE = '{{ app.request.getBasePath() }}';
   var HISTORY_PAGE = 25;
   var state = { range: 30, metric: 'plays', userId: '' };
   var playsMode = 'media';
@@ -218,16 +219,16 @@
 
   function refreshNow() {
     if (document.hidden) return;
-    loadFragment('/tautulli/api/now-playing', frag('[data-tautulli-now]'));
+    loadFragment(BASE + '/tautulli/api/now-playing', frag('[data-tautulli-now]'));
   }
   function refreshStats() {
-    loadFragment('/tautulli/api/stats?' + qs(), frag('[data-tautulli-stats]'));
+    loadFragment(BASE + '/tautulli/api/stats?' + qs(), frag('[data-tautulli-stats]'));
   }
   function refreshLibraries() {
-    loadFragment('/tautulli/api/libraries', frag('[data-tautulli-libraries]'));
+    loadFragment(BASE + '/tautulli/api/libraries', frag('[data-tautulli-libraries]'));
   }
   function refreshUsers() {
-    loadFragment('/tautulli/api/users', frag('[data-tautulli-users]')).then(function () {
+    loadFragment(BASE + '/tautulli/api/users', frag('[data-tautulli-users]')).then(function () {
       var box = frag('[data-tautulli-users]');
       if (!box) return;
       box.querySelectorAll('[data-tautulli-secs]').forEach(function (el) {
@@ -238,7 +239,7 @@
 
   function loadHistory(append) {
     if (!append) historyStart = 0;
-    var url = '/tautulli/api/history?length=' + HISTORY_PAGE + '&start=' + historyStart + (state.userId ? '&user=' + encodeURIComponent(state.userId) : '');
+    var url = BASE + '/tautulli/api/history?length=' + HISTORY_PAGE + '&start=' + historyStart + (state.userId ? '&user=' + encodeURIComponent(state.userId) : '');
     fetch(url, { headers: { 'X-Requested-With': 'fetch' }, credentials: 'same-origin' })
       .then(function (r) { return r.ok ? r.text() : ''; })
       .then(function (html) {
@@ -304,29 +305,29 @@
   }
 
   function refreshPlays() {
-    drawStackedBar({ id: 'tautulli-plays', url: '/tautulli/api/plays?' + qs('mode=' + playsMode), wrap: '#tautulli-plays-wrap', empty: '[data-tautulli-plays-empty]' });
+    drawStackedBar({ id: 'tautulli-plays', url: BASE + '/tautulli/api/plays?' + qs('mode=' + playsMode), wrap: '#tautulli-plays-wrap', empty: '[data-tautulli-plays-empty]' });
   }
   function refreshActivityHour() {
-    drawStackedBar({ id: 'tautulli-activity-hour', url: '/tautulli/api/activity-hour?' + qs(), wrap: '#tautulli-activity-hour-wrap', empty: '[data-tautulli-activity-hour-empty]' });
+    drawStackedBar({ id: 'tautulli-activity-hour', url: BASE + '/tautulli/api/activity-hour?' + qs(), wrap: '#tautulli-activity-hour-wrap', empty: '[data-tautulli-activity-hour-empty]' });
   }
   function refreshActivityDow() {
-    drawStackedBar({ id: 'tautulli-activity-dow', url: '/tautulli/api/activity-dow?' + qs(), wrap: '#tautulli-activity-dow-wrap', empty: '[data-tautulli-activity-dow-empty]' });
+    drawStackedBar({ id: 'tautulli-activity-dow', url: BASE + '/tautulli/api/activity-dow?' + qs(), wrap: '#tautulli-activity-dow-wrap', empty: '[data-tautulli-activity-dow-empty]' });
   }
   function refreshClients() {
-    drawStackedBar({ id: 'tautulli-clients-stream-type', url: '/tautulli/api/clients-stream-type?' + qs(), wrap: '#tautulli-clients-wrap', empty: '[data-tautulli-clients-empty]' });
+    drawStackedBar({ id: 'tautulli-clients-stream-type', url: BASE + '/tautulli/api/clients-stream-type?' + qs(), wrap: '#tautulli-clients-wrap', empty: '[data-tautulli-clients-empty]' });
   }
   function refreshSourceRes() {
-    drawStackedBar({ id: 'tautulli-source-res', url: '/tautulli/api/plays-source-res?' + qs(), wrap: '#tautulli-source-res-wrap', empty: '[data-tautulli-source-res-empty]' });
+    drawStackedBar({ id: 'tautulli-source-res', url: BASE + '/tautulli/api/plays-source-res?' + qs(), wrap: '#tautulli-source-res-wrap', empty: '[data-tautulli-source-res-empty]' });
   }
   function refreshStreamRes() {
-    drawStackedBar({ id: 'tautulli-stream-res', url: '/tautulli/api/plays-stream-res?' + qs(), wrap: '#tautulli-stream-res-wrap', empty: '[data-tautulli-stream-res-empty]' });
+    drawStackedBar({ id: 'tautulli-stream-res', url: BASE + '/tautulli/api/plays-stream-res?' + qs(), wrap: '#tautulli-stream-res-wrap', empty: '[data-tautulli-stream-res-empty]' });
   }
   function refreshUsersStream() {
-    drawStackedBar({ id: 'tautulli-users-stream-type', url: '/tautulli/api/users-stream-type?' + qs(), wrap: '#tautulli-users-stream-wrap', empty: '[data-tautulli-users-stream-empty]' });
+    drawStackedBar({ id: 'tautulli-users-stream-type', url: BASE + '/tautulli/api/users-stream-type?' + qs(), wrap: '#tautulli-users-stream-wrap', empty: '[data-tautulli-users-stream-empty]' });
   }
   function refreshConcurrent() {
     // Concurrent is always a count — never reformat as duration.
-    drawStackedBar({ id: 'tautulli-concurrent', url: '/tautulli/api/concurrent?' + qs(), wrap: '#tautulli-concurrent-wrap', empty: '[data-tautulli-concurrent-empty]', metricAware: false });
+    drawStackedBar({ id: 'tautulli-concurrent', url: BASE + '/tautulli/api/concurrent?' + qs(), wrap: '#tautulli-concurrent-wrap', empty: '[data-tautulli-concurrent-empty]', metricAware: false });
   }
   function refreshCharts() {
     refreshPlays(); refreshActivityHour(); refreshActivityDow(); refreshClients();
@@ -366,7 +367,7 @@
   var userSel = frag('[data-tautulli-user]');
   if (userSel) {
     userSel.addEventListener('change', function () { state.userId = userSel.value || ''; refreshAll(); });
-    fetch('/tautulli/api/user-names', { headers: { 'X-Requested-With': 'fetch' }, credentials: 'same-origin' })
+    fetch(BASE + '/tautulli/api/user-names', { headers: { 'X-Requested-With': 'fetch' }, credentials: 'same-origin' })
       .then(function (r) { return r.ok ? r.json() : []; })
       .then(function (list) {
         (list || []).forEach(function (u) {
diff --git a/symfony/templates/transmission/index.html.twig b/symfony/templates/transmission/index.html.twig
new file mode 100644
index 00000000..8d04c1e4
--- /dev/null
+++ b/symfony/templates/transmission/index.html.twig
@@ -0,0 +1,1967 @@
+{% extends 'base.html.twig' %}
+{% import '_icons.html.twig' as ico %}
+{% block title %}{{ 'transmission.page_title'|trans }}{% endblock %}
+{% block page_title %}<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#d7302f" stroke-width="2"><path d="M4 17v2a2 2 0 002 2h12a2 2 0 002-2v-2"/><path d="M7 11l5 5 5-5"/><path d="M12 4v12"/></svg> {{ 'transmission.page_title'|trans }}{% endblock %}
+
+{% block stylesheets %}
+<style>
+/* ══════════════════════════════════════════════════════════════════════════
+   Stats cards
+   ══════════════════════════════════════════════════════════════════════════ */
+.qbt-stat-card { position:relative; overflow:hidden; height:100%; }
+.qbt-stat-card .card-body { min-height:88px; display:flex; flex-direction:column; justify-content:center; }
+.qbt-stat-card .stat-speed { font-size:.72rem; font-weight:600; margin-top:2px; font-family:'SF Mono', Menlo, monospace; min-height:1em; }
+.qbt-stat-card .stat-icon { position:absolute; right:-8px; top:-8px; opacity:.08; }
+/* 2e ligne — cards totaux un peu plus hautes, stat-val à droite */
+.qbt-total-card .card-body { min-height:96px; justify-content:center; }
+
+.qbt-connection { width:9px; height:9px; border-radius:50%; display:inline-block; }
+.qbt-connection.connected    { background:#22c55e; box-shadow:0 0 8px #22c55e; animation:pulse-connected 2s infinite; }
+.qbt-connection.firewalled   { background:#f59e0b; box-shadow:0 0 8px #f59e0b; }
+.qbt-connection.disconnected { background:#ef4444; box-shadow:0 0 8px #ef4444; }
+@keyframes pulse-connected { 0%,100% { opacity:1; } 50% { opacity:.5; } }
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Torrent row — style cards horizontales
+   ══════════════════════════════════════════════════════════════════════════ */
+.qbt-torrent-list { display:flex; flex-direction:column; gap:.3rem; }
+
+.qbt-torrent {
+    display:grid;
+    grid-template-columns: 22px 32px 1fr auto;
+    gap:.6rem;
+    align-items:center;
+    padding:.45rem .7rem;
+    background:var(--tblr-bg-surface);
+    border:1px solid var(--tblr-border-color);
+    border-left:3px solid var(--tblr-border-color);
+    border-radius:6px;
+    transition:all .12s;
+    cursor:pointer;
+    position:relative;
+    overflow:hidden;
+}
+.qbt-torrent:hover { border-color:rgba(47,103,186,.4); box-shadow:0 2px 6px rgba(0,0,0,.05); }
+.qbt-torrent.selected { background:rgba(47,103,186,.05); border-color:#2f67ba; }
+
+/* bordure gauche colorée par état */
+.qbt-torrent[data-state="downloading"] { border-left-color:#3b82f6; }
+.qbt-torrent[data-state="seeding"]     { border-left-color:#22c55e; }
+.qbt-torrent[data-state="paused"]      { border-left-color:#f59e0b; }
+.qbt-torrent[data-state="completed"]   { border-left-color:#14b8a6; }
+.qbt-torrent[data-state="error"]       { border-left-color:#ef4444; }
+.qbt-torrent[data-state="queued"]      { border-left-color:#6b7280; }
+.qbt-torrent[data-state="checking"]    { border-left-color:#06b6d4; }
+.qbt-torrent[data-state="unknown"]     { border-left-color:#9ca3af; }
+
+/* Colonne 1 — checkbox */
+.qbt-torrent .qbt-check { width:15px; height:15px; cursor:pointer; }
+
+/* Colonne 2 — icône catégorie */
+.qbt-ico {
+    width:32px; height:32px;
+    display:flex; align-items:center; justify-content:center;
+    border-radius:7px;
+    background:linear-gradient(135deg, rgba(47,103,186,.08), rgba(47,103,186,.03));
+    color:#2f67ba;
+    flex-shrink:0;
+}
+.qbt-ico svg { width:16px; height:16px; }
+.qbt-torrent[data-state="downloading"] .qbt-ico { background:linear-gradient(135deg, rgba(59,130,246,.15), rgba(59,130,246,.05)); color:#3b82f6; animation:pulse-ico 2s infinite; }
+.qbt-torrent[data-state="seeding"] .qbt-ico { background:linear-gradient(135deg, rgba(34,197,94,.12), rgba(34,197,94,.03)); color:#22c55e; }
+.qbt-torrent[data-state="paused"] .qbt-ico { background:linear-gradient(135deg, rgba(245,158,11,.12), rgba(245,158,11,.03)); color:#f59e0b; }
+.qbt-torrent[data-state="completed"] .qbt-ico { background:linear-gradient(135deg, rgba(20,184,166,.12), rgba(20,184,166,.03)); color:#14b8a6; }
+.qbt-torrent[data-state="error"] .qbt-ico { background:linear-gradient(135deg, rgba(239,68,68,.15), rgba(239,68,68,.03)); color:#ef4444; }
+@keyframes pulse-ico { 0%,100% { transform:scale(1); } 50% { transform:scale(1.06); } }
+
+/* Colonne 3 — contenu principal */
+.qbt-main { min-width:0; }
+.qbt-name-row { display:flex; align-items:center; gap:.4rem; margin-bottom:.2rem; }
+.qbt-name { font-size:.78rem; font-weight:600; color:var(--tblr-body-color); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; flex:1; line-height:1.2; }
+/* Les tailles < 11px sont réservées au desktop — cf. le bloc
+   @media (min-width: 992px) en fin de feuille (plancher de lisibilité mobile). */
+.qbt-meta { font-size:.6875rem; color:var(--tblr-text-secondary); }
+.qbt-tag { display:inline-flex; align-items:center; gap:3px; font-size:.6875rem; padding:1px 6px; border-radius:3px; font-weight:600; text-transform:uppercase; letter-spacing:.3px; line-height:1.4; }
+.qbt-tag svg { width:10px; height:10px; }
+.qbt-tag-cat { background:rgba(47,103,186,.12); color:#2f67ba; }
+.qbt-tag-tag { background:rgba(162,89,255,.12); color:#a259ff; }
+/* Catégories colorées par type */
+.qbt-tag-radarr { background:rgba(255,194,48,.15); color:#d99400; border:1px solid rgba(255,194,48,.25); cursor:pointer; }
+.qbt-tag-radarr:hover { background:rgba(255,194,48,.28); }
+.qbt-tag-sonarr { background:rgba(0,204,255,.15); color:#0094c4; border:1px solid rgba(0,204,255,.25); cursor:pointer; }
+.qbt-tag-sonarr:hover { background:rgba(0,204,255,.28); }
+.qbt-tag-generic { background:rgba(var(--tblr-primary-rgb),.12); color:var(--tblr-primary); }
+
+/* progress bar visuelle */
+.qbt-bar-wrap { position:relative; height:4px; background:rgba(0,0,0,.06); border-radius:3px; overflow:hidden; }
+body[data-bs-theme="dark"] .qbt-bar-wrap { background:rgba(255,255,255,.06); }
+.qbt-bar { height:100%; border-radius:4px; transition:width .6s ease; position:relative; }
+.qbt-bar-downloading { background:linear-gradient(90deg, #3b82f6, #60a5fa); }
+.qbt-bar-seeding     { background:linear-gradient(90deg, #22c55e, #4ade80); }
+.qbt-bar-paused      { background:linear-gradient(90deg, #f59e0b, #fbbf24); }
+.qbt-bar-completed   { background:linear-gradient(90deg, #14b8a6, #2dd4bf); }
+.qbt-bar-error       { background:linear-gradient(90deg, #ef4444, #f87171); }
+.qbt-bar-queued      { background:linear-gradient(90deg, #6b7280, #9ca3af); }
+.qbt-bar-checking    { background:linear-gradient(90deg, #06b6d4, #22d3ee); }
+.qbt-bar-unknown     { background:linear-gradient(90deg, #9ca3af, #cbd5e1); }
+
+/* shimmer pendant download */
+.qbt-bar-downloading::after {
+    content:''; position:absolute; top:0; left:-50%; width:50%; height:100%;
+    background:linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
+    animation:shimmer 1.8s infinite linear;
+}
+@keyframes shimmer { 0% { left:-50%; } 100% { left:150%; } }
+
+.qbt-stats-line { display:flex; align-items:center; gap:.7rem; margin-top:.2rem; font-size:.6875rem; color:var(--tblr-text-secondary); flex-wrap:wrap; line-height:1.3; }
+.qbt-stats-line .item { display:flex; align-items:center; gap:.2rem; }
+.qbt-stats-line .item strong { color:var(--tblr-body-color); font-weight:600; font-family:'SF Mono', Menlo, monospace; }
+.qbt-stats-line .sep { width:2px; height:2px; border-radius:50%; background:var(--tblr-border-color); }
+.qbt-stats-line .dl-speed { color:#3b82f6; font-weight:600; font-family:'SF Mono', Menlo, monospace; }
+.qbt-stats-line .up-speed { color:#22c55e; font-weight:600; font-family:'SF Mono', Menlo, monospace; }
+
+/* Colonne 4 — actions */
+.qbt-row-actions { display:flex; gap:.15rem; flex-shrink:0; }
+.qbt-row-actions .btn { padding:3px 6px; border-radius:5px; }
+.qbt-row-actions .btn svg { width:13px; height:13px; }
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Filtres + recherche
+   ══════════════════════════════════════════════════════════════════════════ */
+
+.qbt-filter-badge { display:inline-block; margin-left:4px; padding:0 5px; font-size:.6875rem; background:rgba(0,0,0,.08); border-radius:8px; font-weight:700; }
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Barre bulk
+   ══════════════════════════════════════════════════════════════════════════ */
+.qbt-bulk-bar { position:fixed; bottom:0; left:15rem; right:0; z-index:1050; background:var(--tblr-bg-surface); border-top:2px solid #2f67ba; padding:.7rem 1.25rem; display:none; align-items:center; gap:.6rem; box-shadow:0 -6px 18px rgba(0,0,0,.12); }
+.qbt-bulk-bar.show { display:flex; }
+@media(max-width:991px){ .qbt-bulk-bar { left:0; } }
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Add modal — drop zone fichiers .torrent
+   ══════════════════════════════════════════════════════════════════════════ */
+.qbt-drop-zone { position:relative; border:2px dashed var(--tblr-border-color); border-radius:8px; padding:1rem; text-align:center; cursor:pointer; transition:all .15s; background:var(--tblr-bg-surface-secondary); }
+.qbt-drop-zone:hover { border-color:#2f67ba; background:rgba(47,103,186,.04); }
+.qbt-drop-zone.drag-over { border-color:#2f67ba; background:rgba(47,103,186,.1); transform:scale(1.01); }
+.qbt-drop-inner { display:flex; flex-direction:column; align-items:center; gap:.4rem; color:var(--tblr-text-secondary); }
+.qbt-drop-inner svg { color:#2f67ba; opacity:.75; }
+.qbt-drop-text { font-size:.78rem; line-height:1.4; }
+.qbt-drop-files { list-style:none; padding:0; margin:.7rem 0 0; text-align:left; }
+.qbt-drop-files li { font-size:.74rem; padding:3px 8px; background:var(--tblr-bg-surface); border-radius:4px; margin-top:3px; display:flex; align-items:center; gap:6px; }
+.qbt-drop-files li .remove { margin-left:auto; color:var(--tblr-text-secondary); cursor:pointer; font-size:.9rem; line-height:1; padding:0 4px; }
+.qbt-drop-files li .remove:hover { color:#ef4444; }
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Detail modal
+   ══════════════════════════════════════════════════════════════════════════ */
+.qbt-detail-tab { border-bottom:1px solid var(--tblr-border-color); }
+.qbt-detail-tab .nav-link { padding:.5rem 1rem; font-size:.82rem; color:var(--tblr-text-secondary); border:none; border-bottom:2px solid transparent; }
+.qbt-detail-tab .nav-link.active { color:#2f67ba; border-bottom-color:#2f67ba; background:transparent; font-weight:600; }
+
+.qbt-file-row { font-size:.78rem; }
+.qbt-file-row:hover { background:rgba(47,103,186,.04); }
+.qbt-tracker-row { font-size:.78rem; }
+.qbt-peer-row { font-size:.75rem; }
+
+.qbt-prop-card { padding:.6rem .85rem; background:var(--tblr-bg-surface-secondary); border-radius:8px; }
+.qbt-prop-label { font-size:.6875rem; color:var(--tblr-text-secondary); text-transform:uppercase; letter-spacing:.3px; font-weight:600; margin-bottom:3px; }
+.qbt-prop-value { font-size:.85rem; font-weight:600; color:var(--tblr-body-color); }
+
+/* mini progress bar dans fichiers */
+.qbt-mini-bar { width:70px; height:5px; background:rgba(0,0,0,.08); border-radius:3px; overflow:hidden; }
+body[data-bs-theme="dark"] .qbt-mini-bar { background:rgba(255,255,255,.08); }
+.qbt-mini-bar > div { height:100%; background:linear-gradient(90deg, #3b82f6, #60a5fa); }
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Empty state
+   ══════════════════════════════════════════════════════════════════════════ */
+.qbt-empty { padding:3rem 1rem; text-align:center; }
+.qbt-empty svg { opacity:.25; margin-bottom:.6rem; }
+.qbt-empty p { color:var(--tblr-text-secondary); font-size:.9rem; }
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Sélecteur de vue
+   ══════════════════════════════════════════════════════════════════════════ */
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Mode COMPACT
+   ══════════════════════════════════════════════════════════════════════════ */
+.qbt-torrent-list[data-view="compact"] { gap:2px; }
+.qbt-torrent-list[data-view="compact"] .qbt-torrent { grid-template-columns: 18px 22px 1fr 55px auto; padding:.25rem .55rem; gap:.5rem; }
+.qbt-torrent-list[data-view="compact"] .qbt-ico { width:22px; height:22px; border-radius:5px; }
+.qbt-torrent-list[data-view="compact"] .qbt-ico svg { width:12px; height:12px; }
+.qbt-torrent-list[data-view="compact"] .qbt-name-row { margin-bottom:2px; }
+.qbt-torrent-list[data-view="compact"] .qbt-name { font-size:.73rem; }
+.qbt-torrent-list[data-view="compact"] .qbt-tag:not(.qbt-tag-radarr):not(.qbt-tag-sonarr) { display:none; }
+.qbt-torrent-list[data-view="compact"] .qbt-tag-radarr,
+.qbt-torrent-list[data-view="compact"] .qbt-tag-sonarr { font-size:.6875rem; padding:0 4px; }
+.qbt-torrent-list[data-view="compact"] .qbt-tag-radarr svg,
+.qbt-torrent-list[data-view="compact"] .qbt-tag-sonarr svg { width:8px; height:8px; }
+.qbt-torrent-list[data-view="compact"] .qbt-bar-wrap { height:3px; }
+.qbt-torrent-list[data-view="compact"] .qbt-stats-line { display:none; }
+.qbt-torrent-list[data-view="compact"] .qbt-compact-pct { font-size:.7rem; font-weight:600; font-family:'SF Mono', Menlo, monospace; color:var(--tblr-text-secondary); text-align:right; align-self:center; }
+.qbt-torrent-list[data-view="compact"] .qbt-row-actions .btn { padding:2px 4px; }
+.qbt-torrent-list[data-view="compact"] .qbt-row-actions .btn svg { width:11px; height:11px; }
+.qbt-torrent-list:not([data-view="compact"]) .qbt-compact-pct { display:none; }
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Mode TABLEAU
+   ══════════════════════════════════════════════════════════════════════════ */
+#qbt-table-header { display:none; grid-template-columns: 22px 26px 1fr 80px 70px 85px 85px 70px 75px 85px 90px 95px 90px; gap:.6rem; align-items:center; padding:.5rem .7rem; background:var(--tblr-bg-surface-secondary); border:1px solid var(--tblr-border-color); border-radius:6px 6px 0 0; font-size:.6875rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--tblr-text-secondary); position:sticky; top:0; z-index:5; margin-bottom:-1px; }
+#qbt-table-header.show { display:grid; }
+#qbt-table-header .qbt-sort { cursor:pointer; user-select:none; display:flex; align-items:center; gap:3px; }
+#qbt-table-header .qbt-sort:hover { color:#2f67ba; }
+#qbt-table-header .qbt-sort.active { color:#2f67ba; }
+#qbt-table-header .qbt-sort svg { width:9px; height:9px; opacity:.35; transition:transform .15s; }
+#qbt-table-header .qbt-sort.active svg { opacity:1; }
+#qbt-table-header .qbt-sort.active.desc svg { transform:rotate(180deg); }
+
+.qbt-torrent-list[data-view="table"] { gap:0; border-radius:0 0 6px 6px; overflow:hidden; border:1px solid var(--tblr-border-color); border-top:none; }
+.qbt-torrent-list[data-view="table"] .qbt-torrent {
+    grid-template-columns: 22px 26px 1fr 80px 70px 85px 85px 70px 75px 85px 90px 95px 90px;
+    gap:.6rem;
+    padding:.5rem .7rem;
+    border-radius:0;
+    border:none;
+    border-bottom:1px solid var(--tblr-border-color);
+    border-left:3px solid var(--tblr-border-color);
+}
+.qbt-torrent-list[data-view="table"] .qbt-torrent:last-child { border-bottom:none; }
+.qbt-torrent-list[data-view="table"] .qbt-torrent[data-state="downloading"] { border-left-color:#3b82f6; }
+.qbt-torrent-list[data-view="table"] .qbt-torrent[data-state="seeding"] { border-left-color:#22c55e; }
+.qbt-torrent-list[data-view="table"] .qbt-torrent[data-state="paused"] { border-left-color:#f59e0b; }
+.qbt-torrent-list[data-view="table"] .qbt-torrent[data-state="completed"] { border-left-color:#14b8a6; }
+.qbt-torrent-list[data-view="table"] .qbt-torrent[data-state="error"] { border-left-color:#ef4444; }
+.qbt-torrent-list[data-view="table"] .qbt-ico { width:26px; height:26px; border-radius:5px; }
+.qbt-torrent-list[data-view="table"] .qbt-ico svg { width:13px; height:13px; }
+.qbt-torrent-list[data-view="table"] .qbt-main { display:contents; }
+.qbt-torrent-list[data-view="table"] .qbt-name-row { margin:0; min-width:0; }
+.qbt-torrent-list[data-view="table"] .qbt-name { font-size:.74rem; font-weight:500; }
+.qbt-torrent-list[data-view="table"] .qbt-tag:not(.qbt-tag-radarr):not(.qbt-tag-sonarr) { display:none; }
+.qbt-torrent-list[data-view="table"] .qbt-bar-wrap { display:none; }
+.qbt-torrent-list[data-view="table"] .qbt-stats-line { display:none; }
+.qbt-torrent-list[data-view="table"] .qbt-table-cell { font-size:.72rem; font-family:'SF Mono', Menlo, monospace; text-align:right; color:var(--tblr-body-color); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+.qbt-torrent-list[data-view="table"] .qbt-cell-progress { position:relative; background:rgba(0,0,0,.06); border-radius:3px; overflow:hidden; text-align:center; color:var(--tblr-body-color); font-weight:600; font-family:'SF Mono', Menlo, monospace; font-size:.7rem; padding:2px 0; }
+body[data-bs-theme="dark"] .qbt-torrent-list[data-view="table"] .qbt-cell-progress { background:rgba(255,255,255,.06); }
+.qbt-torrent-list[data-view="table"] .qbt-cell-progress-fill { position:absolute; inset:0; width:0; background:rgba(59,130,246,.3); transition:width .4s; }
+.qbt-torrent-list[data-view="table"] .qbt-torrent[data-state="seeding"] .qbt-cell-progress-fill { background:rgba(34,197,94,.3); }
+.qbt-torrent-list[data-view="table"] .qbt-torrent[data-state="paused"] .qbt-cell-progress-fill { background:rgba(245,158,11,.3); }
+.qbt-torrent-list[data-view="table"] .qbt-torrent[data-state="completed"] .qbt-cell-progress-fill { background:rgba(20,184,166,.3); }
+.qbt-torrent-list[data-view="table"] .qbt-cell-progress > span { position:relative; z-index:1; }
+.qbt-torrent-list[data-view="table"] .qbt-cell-dl { color:#3b82f6; }
+.qbt-torrent-list[data-view="table"] .qbt-cell-up { color:#22c55e; }
+.qbt-torrent-list[data-view="table"] .qbt-row-actions .btn { padding:3px 5px; }
+.qbt-torrent-list[data-view="table"] .qbt-row-actions .btn svg { width:12px; height:12px; }
+.qbt-torrent-list:not([data-view="table"]) .qbt-table-cell,
+.qbt-torrent-list:not([data-view="table"]) .qbt-cell-progress { display:none; }
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Densité desktop — plancher de lisibilité mobile (PRODUCT.md)
+   ══════════════════════════════════════════════════════════════════════════
+   Aucun texte sous 11px (.6875rem) en dessous du breakpoint lg. Les tailles
+   plus serrées ne sont réintroduites qu'à partir de 992px, où l'écran est
+   assez large pour les porter. Les styles inline en font-size:.5/.6 sont déjà
+   plafonnés globalement par base.html.twig, à tous les breakpoints. */
+@media (min-width: 992px) {
+    .qbt-meta { font-size:.68rem; }
+    .qbt-tag { font-size:.6rem; }
+    .qbt-stats-line { font-size:.68rem; }
+    .qbt-filter-badge { font-size:.6rem; }
+    .qbt-prop-label { font-size:.68rem; }
+    #qbt-table-header { font-size:.66rem; }
+    .qbt-torrent-list[data-view="compact"] .qbt-tag-radarr,
+    .qbt-torrent-list[data-view="compact"] .qbt-tag-sonarr { font-size:.52rem; }
+}
+</style>
+{% endblock %}
+
+{% block body %}
+<div class="container-xl">
+
+{% if error %}
+  {% include 'error/_service_banner.html.twig' with {
+    service: 'Transmission',
+    wizard_route: 'app_setup_downloads',
+    configured_url: service_url,
+    reason: 'unreachable'
+  } %}
+{% endif %}
+
+{% if not error %}
+
+{# ══════════════════════════════════════════════════════════════════════════
+   Stats cards — row 1: torrent states (partial partagé _stat_tiles)
+   ──────────────────────────────────────────────────────────────────────────
+   Les id restent ceux que updateStats() pilote par textContent. Les teintes
+   « méritées » (orange / rouge seulement si le compteur est non nul) sont
+   calculées ici comme côté JS, pour éviter un flash de couleur au 1er rendu.
+   Le point de connexion et les débits live vivent dans la 2e rangée : le
+   partial ne rend qu'une valeur + un libellé par tuile.
+   ══════════════════════════════════════════════════════════════════════════ #}
+{% include '_stat_tiles.html.twig' with { layout: 'grid', cols: 'col-6 col-sm-4 col-lg', row_class: 'row g-2 mb-2', tiles: [
+    { value: stats.total ?? 0,       label: 'qbittorrent.stats.total'|trans,       id: 'qbt-stat-total',  hue: 'secondary' },
+    { value: stats.downloading ?? 0, label: 'qbittorrent.stats.downloading'|trans, id: 'qbt-stat-dl',     hue: '#3b82f6' },
+    { value: stats.seeding ?? 0,     label: 'qbittorrent.stats.seeding'|trans,     id: 'qbt-stat-seed',   hue: '#22c55e' },
+    { value: stats.paused ?? 0,      label: 'qbittorrent.stats.paused'|trans,      id: 'qbt-stat-paused', hue: (stats.paused ?? 0) > 0 ? '#f59e0b' : 'var(--tblr-text-secondary)' },
+    { value: stats.errored ?? 0,     label: 'qbittorrent.stats.errored'|trans,     id: 'qbt-stat-error',  hue: (stats.errored ?? 0) > 0 ? '#ef4444' : 'var(--tblr-text-secondary)' }
+] } only %}
+
+{# ══════════════════════════════════════════════════════════════════════════
+   Stats cards — row 2: totals + Session
+   ══════════════════════════════════════════════════════════════════════════ #}
+<div class="row g-2 mb-3">
+    <div class="col-12 col-md-6 col-lg-4">
+        <div class="card card-sm qbt-stat-card qbt-total-card"><div class="card-body">
+            <div class="d-flex align-items-center justify-content-between">
+                <div>
+                    <div class="stat-lbl">{{ 'qbittorrent.stats.total_downloaded'|trans }}</div>
+                    <span class="stat-val" style="color:#3b82f6" id="qbt-total-dl">{{ (stats.dl_alltime ?? 0)|prismarr_bytes }}</span>
+                    {# Débit live — déplacé ici depuis la tuile « En téléchargement »,
+                       que _stat_tiles rend sans sous-ligne. #}
+                    <div class="stat-speed" style="color:#3b82f6" id="qbt-speed-dl">&nbsp;</div>
+                </div>
+                <div class="text-end" style="font-size:.6875rem;color:var(--tblr-text-secondary);line-height:1.3;">
+                    <div>{{ 'qbittorrent.stats.session'|trans }}</div>
+                    <strong id="qbt-session-dl" style="color:#3b82f6;font-family:'SF Mono',Menlo,monospace;">{{ (stats.dl_session ?? 0)|prismarr_bytes }}</strong>
+                </div>
+            </div>
+            <svg class="stat-icon" xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="#3b82f6" stroke-width="1.5"><path d="M12 3v13m-5-5l5 5 5-5"/><path d="M4 20h16"/></svg>
+        </div></div>
+    </div>
+    <div class="col-12 col-md-6 col-lg-4">
+        <div class="card card-sm qbt-stat-card qbt-total-card"><div class="card-body">
+            <div class="d-flex align-items-center justify-content-between">
+                <div>
+                    <div class="stat-lbl">{{ 'qbittorrent.stats.total_uploaded'|trans }}</div>
+                    <span class="stat-val" style="color:#22c55e" id="qbt-total-up">{{ (stats.up_alltime ?? 0)|prismarr_bytes }}</span>
+                    {# Débit live — déplacé ici depuis la tuile « En partage ». #}
+                    <div class="stat-speed" style="color:#22c55e" id="qbt-speed-up">&nbsp;</div>
+                </div>
+                <div class="text-end" style="font-size:.6875rem;color:var(--tblr-text-secondary);line-height:1.3;">
+                    <div>{{ 'qbittorrent.stats.session'|trans }}</div>
+                    <strong id="qbt-session-up" style="color:#22c55e;font-family:'SF Mono',Menlo,monospace;">{{ (stats.up_session ?? 0)|prismarr_bytes }}</strong>
+                </div>
+            </div>
+            <svg class="stat-icon" xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="#22c55e" stroke-width="1.5"><path d="M12 21V8m-5 5l5-5 5 5"/><path d="M4 4h16"/></svg>
+        </div></div>
+    </div>
+    {# Card Session #}
+    <div class="col-12 col-md-6 col-lg-4">
+        <div class="card card-sm qbt-stat-card qbt-session-card"><div class="card-body">
+            <div class="d-flex align-items-center justify-content-between">
+                <div>
+                    <div class="stat-lbl d-flex align-items-center gap-1">
+                        {# Voyant de connexion — déplacé ici depuis la tuile « Total ». #}
+                        <span class="qbt-connection" id="qbt-conn-dot"></span>
+                        <span>{{ 'qbittorrent.session.label'|trans }}</span>
+                        <span id="qbt-session-uptime" style="font-size:.6875rem;color:var(--tblr-text-secondary);text-transform:none;letter-spacing:0;font-weight:500;">·&nbsp;—</span>
+                    </div>
+                    <span class="stat-val" style="color:#a259ff;font-size:1.05rem;">{{ 'qbittorrent.session.ratio'|trans }} <span id="qbt-total-ratio" style="font-family:'SF Mono',Menlo,monospace;">{{ (stats.global_ratio ?? 0)|number_format(2) }}</span></span>
+                </div>
+                <div class="text-end" style="font-size:.6875rem;color:var(--tblr-text-secondary);line-height:1.3;white-space:nowrap;">
+                    <div>{{ 'qbittorrent.stats.peak_dl'|trans }} <strong id="qbt-peak-dl" style="color:#3b82f6;font-family:'SF Mono',Menlo,monospace;">—</strong></div>
+                    <div>{{ 'qbittorrent.stats.peak_up'|trans }} <strong id="qbt-peak-up" style="color:#22c55e;font-family:'SF Mono',Menlo,monospace;">—</strong></div>
+                    <div>{{ 'qbittorrent.stats.free_space'|trans }} <strong id="qbt-free-space" style="color:var(--tblr-body-color);font-family:'SF Mono',Menlo,monospace;">{{ (stats.free_space ?? 0)|prismarr_bytes(0) }}</strong></div>
+                </div>
+            </div>
+            <svg class="stat-icon" xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="#a259ff" stroke-width="1.5"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 3"/></svg>
+        </div></div>
+    </div>
+</div>
+
+{# ══════════════════════════════════════════════════════════════════════════
+   Filter bar + search + actions
+   ══════════════════════════════════════════════════════════════════════════ #}
+<div class="card mb-3">
+    <div class="card-body py-2">
+        <div class="d-flex align-items-center gap-3 flex-wrap">
+            <div class="input-icon" style="max-width:240px;">
+                <span class="input-icon-addon">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="10" cy="10" r="7"/><path d="M21 21l-6-6"/></svg>
+                </span>
+                <input type="text" id="qbt-search" class="form-control form-control-sm" placeholder="{{ 'qbittorrent.filters.search_placeholder'|trans }}" autocomplete="off">
+            </div>
+            <div class="d-flex gap-1 flex-wrap">
+                {% include '_filter_pills.html.twig' with {
+                  active: 'all',
+                  pills: [
+                    { filter: 'all',         label: 'qbittorrent.filters.all'|trans,         hue: '#6b7280' },
+                    { filter: 'active',      label: 'qbittorrent.filters.active'|trans,      hue: '#b45309', title: 'qbittorrent.filters.active_title'|trans },
+                    { filter: 'downloading', label: 'qbittorrent.filters.downloading'|trans, hue: '#3b82f6' },
+                    { filter: 'seeding',     label: 'qbittorrent.filters.seeding'|trans,     hue: '#22c55e' },
+                    { filter: 'paused',      label: 'qbittorrent.filters.paused'|trans,      hue: '#f59e0b' },
+                    { filter: 'completed',   label: 'qbittorrent.filters.completed'|trans,   hue: '#14b8a6' },
+                    { filter: 'error',       label: 'qbittorrent.filters.error'|trans,       hue: '#ef4444' }
+                  ]
+                } only %}
+            </div>
+            <span class="text-muted small ms-auto" id="qbt-count">{{ 'qbittorrent.count_tpl'|trans({count: torrents|length}) }}</span>
+            <div class="d-flex gap-1">
+                <button class="btn btn-sm btn-primary" id="qbt-btn-add" title="{{ 'qbittorrent.toolbar.add_title'|trans }}" style="background:#2f67ba;border-color:#2f67ba;">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14"/><path d="M5 12h14"/></svg>
+                    {{ 'qbittorrent.toolbar.add'|trans }}
+                </button>
+                <button class="btn btn-sm btn-outline-secondary" id="qbt-btn-pause-all" title="{{ 'qbittorrent.toolbar.pause_all_title'|trans }}">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 4h4v16H6z"/><path d="M14 4h4v16h-4z"/></svg>
+                </button>
+                <button class="btn btn-sm btn-outline-secondary" id="qbt-btn-resume-all" title="{{ 'qbittorrent.toolbar.resume_all_title'|trans }}">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 4v16l13-8z"/></svg>
+                </button>
+            </div>
+        </div>
+        <div class="d-flex align-items-center gap-2 mt-2 pt-2 flex-wrap" style="border-top:1px solid var(--tblr-border-color);">
+            <label class="form-check mb-0" style="font-size:.75rem;">
+                <input type="checkbox" class="form-check-input" id="qbt-select-all">
+                <span class="form-check-label">{{ 'qbittorrent.filters.select_all'|trans }}</span>
+            </label>
+            <div class="d-flex align-items-center gap-2" style="font-size:.72rem;">
+                {# Transmission expose des « labels » ; le client mappe labels[0] → category,
+                   d'où la réutilisation du libellé qBittorrent (identique dans les deux locales). #}
+                <span class="text-muted" style="white-space:nowrap;font-weight:500;">{{ 'qbittorrent.filters.category_label'|trans }}</span>
+                <select id="qbt-cat-filter" class="form-select form-select-sm" style="min-width:140px;font-size:.75rem;padding:3px 24px 3px 8px;">
+                    <option value="">{{ 'qbittorrent.filters.category_all'|trans }}</option>
+                    {% for key, cat in categories %}<option value="{{ key }}">{{ cat.name ?? key }}</option>{% endfor %}
+                </select>
+            </div>
+            <div class="ms-auto d-flex align-items-center gap-2 flex-shrink-0" id="qbt-list-sort-wrap">
+                <span class="text-muted" style="font-size:.78rem;white-space:nowrap;font-weight:500;">{{ 'qbittorrent.filters.sort_label'|trans }}</span>
+                <select id="qbt-list-sort" class="form-select form-select-sm" style="min-width:210px;font-size:.78rem;padding:4px 28px 4px 10px;">
+                    <option value="added|1">{{ 'qbittorrent.sort.added_desc'|trans }}</option>
+                    <option value="added|0">{{ 'qbittorrent.sort.added_asc'|trans }}</option>
+                    <option value="name|0">{{ 'qbittorrent.sort.name_asc'|trans }}</option>
+                    <option value="name|1">{{ 'qbittorrent.sort.name_desc'|trans }}</option>
+                    <option value="size|1">{{ 'qbittorrent.sort.size_desc'|trans }}</option>
+                    <option value="size|0">{{ 'qbittorrent.sort.size_asc'|trans }}</option>
+                    <option value="progress|1">{{ 'qbittorrent.sort.progress_desc'|trans }}</option>
+                    <option value="dlspeed|1">{{ 'qbittorrent.sort.dlspeed_desc'|trans }}</option>
+                    <option value="upspeed|1">{{ 'qbittorrent.sort.upspeed_desc'|trans }}</option>
+                    <option value="ratio|1">{{ 'qbittorrent.sort.ratio_desc'|trans }}</option>
+                    <option value="seeds|1">{{ 'qbittorrent.sort.seeds_desc'|trans }}</option>
+                </select>
+            </div>
+            {% set vs_icon_list = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h16"/></svg>' %}
+            {% set vs_icon_table = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 5h18v14H3zM3 10h18M3 15h18M10 5v14"/></svg>' %}
+            {% set vs_icon_compact = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 10h16M4 14h16M4 18h16"/></svg>' %}
+            {% include '_view_switcher.html.twig' with {
+                active: 'list',
+                aria_label: 'qbittorrent.view.aria_label'|trans,
+                modes: [
+                    { view: 'list', label: 'qbittorrent.view.list'|trans, title: 'qbittorrent.view.list_title'|trans, icon: vs_icon_list },
+                    { view: 'table', label: 'qbittorrent.view.table'|trans, title: 'qbittorrent.view.table_title'|trans, icon: vs_icon_table },
+                    { view: 'compact', label: 'qbittorrent.view.compact'|trans, title: 'qbittorrent.view.compact_title'|trans, icon: vs_icon_compact }
+                ]
+            } only %}
+        </div>
+        {# 3rd row of the card: pagination #}
+        <div id="qbt-pagination-bar" class="d-flex align-items-center justify-content-between flex-wrap gap-2 mt-2 pt-2" style="display:none;border-top:1px solid var(--tblr-border-color);">
+            <div class="d-flex align-items-center gap-2 flex-shrink-0" style="font-size:.78rem;">
+                <span class="text-muted" style="white-space:nowrap;font-weight:500;">{{ 'qbittorrent.pagination.per_page'|trans }}</span>
+                <select id="qbt-per-page" class="form-select form-select-sm" style="min-width:90px;font-size:.78rem;padding:4px 28px 4px 10px;">
+                    <option value="25">25</option>
+                    <option value="50" selected>50</option>
+                    <option value="100">100</option>
+                    <option value="200">200</option>
+                </select>
+                <span class="text-muted ms-2" id="qbt-page-info" style="white-space:nowrap;">—</span>
+            </div>
+            <ul class="pagination pagination-sm mb-0" id="qbt-pagination-links"></ul>
+        </div>
+    </div>
+</div>
+
+{# ══════════════════════════════════════════════════════════════════════════
+   Table header (visible only in table mode)
+   ══════════════════════════════════════════════════════════════════════════ #}
+<div id="qbt-table-header">
+    <div></div>
+    <div></div>
+    <div class="qbt-sort active" data-sort="name">{{ 'qbittorrent.table.name'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div class="qbt-sort" data-sort="size" style="justify-content:flex-end">{{ 'qbittorrent.table.size'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div class="qbt-sort" data-sort="progress" style="justify-content:center">{{ 'qbittorrent.table.progress'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div class="qbt-sort" data-sort="dlspeed" style="justify-content:flex-end">{{ 'qbittorrent.table.dl_speed'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div class="qbt-sort" data-sort="upspeed" style="justify-content:flex-end">{{ 'qbittorrent.table.up_speed'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div class="qbt-sort" data-sort="seeds" style="justify-content:flex-end">{{ 'qbittorrent.table.seeds'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div class="qbt-sort" data-sort="ratio" style="justify-content:flex-end">{{ 'qbittorrent.table.ratio'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div class="qbt-sort" data-sort="uploaded" style="justify-content:flex-end">{{ 'qbittorrent.modal_detail.props.uploaded'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div class="qbt-sort" data-sort="completed" style="justify-content:flex-end">{{ 'qbittorrent.modal_detail.props.completed'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div class="qbt-sort" data-sort="added" style="justify-content:flex-end">{{ 'qbittorrent.table.added'|trans }} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></div>
+    <div style="text-align:center">{{ 'qbittorrent.table.actions'|trans }}</div>
+</div>
+
+{# ══════════════════════════════════════════════════════════════════════════
+   Liste torrents
+   ══════════════════════════════════════════════════════════════════════════ #}
+<div class="qbt-torrent-list" id="qbt-list" data-view="list">
+    {% for t in torrents %}
+    {{ _self.torrent_row(t) }}
+    {% endfor %}
+</div>
+
+<div id="qbt-empty" class="card" style="display:none;"><div class="qbt-empty">
+    <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 17v2a2 2 0 002 2h12a2 2 0 002-2v-2"/><path d="M7 11l5 5 5-5"/><path d="M12 4v12"/></svg>
+    <p>{{ 'qbittorrent.empty.no_match'|trans }}</p>
+</div></div>
+
+{# Barre bulk #}
+<div class="qbt-bulk-bar" id="qbt-bulk-bar">
+    <span class="fw-bold" style="font-size:.82rem;color:#2f67ba;" id="qbt-bulk-count-label">{{ 'qbittorrent.bulk.selected_tpl'|trans({count: 0}) }}</span>
+    <button class="btn btn-sm btn-outline-primary" id="qbt-bulk-resume">
+        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 4v16l13-8z"/></svg> {{ 'qbittorrent.bulk.resume'|trans }}
+    </button>
+    <button class="btn btn-sm btn-outline-warning" id="qbt-bulk-pause">
+        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 4h4v16H6z"/><path d="M14 4h4v16h-4z"/></svg> {{ 'qbittorrent.bulk.pause'|trans }}
+    </button>
+    <button class="btn btn-sm btn-outline-danger" id="qbt-bulk-delete">
+        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16"/><path d="M10 11v6"/><path d="M14 11v6"/><path d="M5 7l1 12a2 2 0 002 2h8a2 2 0 002-2l1-12"/><path d="M9 7V4a1 1 0 011-1h4a1 1 0 011 1v3"/></svg> {{ 'qbittorrent.bulk.delete'|trans }}
+    </button>
+    <button class="btn btn-sm btn-outline-info" id="qbt-bulk-recheck">
+        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12l5 5L20 7"/></svg> {{ 'qbittorrent.bulk.recheck'|trans }}
+    </button>
+    <button class="btn btn-sm btn-ghost-secondary ms-auto" id="qbt-bulk-clear">{{ 'qbittorrent.bulk.cancel'|trans }}</button>
+</div>
+
+</div>{# /container-xl #}
+
+{# ══════════════════════════════════════════════════════════════════════════
+   Torrent detail modal
+   ══════════════════════════════════════════════════════════════════════════ #}
+<div class="modal modal-blur fade" id="qbt-modal-detail" tabindex="-1">
+<div class="modal-dialog modal-lg modal-dialog-scrollable">
+<div class="modal-content">
+    <div class="modal-header">
+        <h5 class="modal-title text-truncate" id="qbt-detail-title" style="font-size:.9rem;max-width:90%;"></h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+    </div>
+    <div class="modal-body p-0">
+        <ul class="nav nav-tabs qbt-detail-tab px-3 pt-2" role="tablist">
+            <li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#qbt-tab-general">{{ 'qbittorrent.modal_detail.tab_general'|trans }}</a></li>
+            <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#qbt-tab-files">{{ 'qbittorrent.modal_detail.tab_files'|trans }}</a></li>
+            <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#qbt-tab-trackers">{{ 'qbittorrent.modal_detail.tab_trackers'|trans }}</a></li>
+            <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#qbt-tab-peers">{{ 'qbittorrent.modal_detail.tab_peers'|trans }}</a></li>
+        </ul>
+        <div class="tab-content p-3">
+            <div class="tab-pane active" id="qbt-tab-general">
+                <div class="row g-2" id="qbt-detail-props"></div>
+            </div>
+            <div class="tab-pane" id="qbt-tab-files">
+                <div class="table-responsive">
+                    <table class="table table-vcenter mb-0" style="font-size:.78rem;">
+                        <thead><tr><th>{{ 'qbittorrent.modal_detail.files.col_name'|trans }}</th><th style="width:80px">{{ 'qbittorrent.modal_detail.files.col_size'|trans }}</th><th style="width:110px">{{ 'qbittorrent.modal_detail.files.col_progress'|trans }}</th></tr></thead>
+                        <tbody id="qbt-detail-files"></tbody>
+                    </table>
+                </div>
+            </div>
+            <div class="tab-pane" id="qbt-tab-trackers">
+                <div class="table-responsive">
+                    <table class="table table-vcenter mb-0" style="font-size:.78rem;">
+                        {# Pas de colonnes seeds/leechs ici : TransmissionClient agrège les
+                           compteurs trackerStats en properties.seeds_total / peers_total
+                           (onglet Général) et ne les expose pas par tracker. Afficher un 0
+                           figé serait faux. Le dernier message d'annonce est en title. #}
+                        <thead><tr><th>{{ 'qbittorrent.modal_detail.trackers.col_url'|trans }}</th><th style="width:110px">{{ 'qbittorrent.modal_detail.trackers.col_status'|trans }}</th></tr></thead>
+                        <tbody id="qbt-detail-trackers"></tbody>
+                    </table>
+                </div>
+            </div>
+            <div class="tab-pane" id="qbt-tab-peers">
+                <div class="table-responsive">
+                    <table class="table table-vcenter mb-0" style="font-size:.75rem;">
+                        <thead><tr><th>{{ 'qbittorrent.modal_detail.peers.col_ip'|trans }}</th><th>{{ 'qbittorrent.modal_detail.peers.col_client'|trans }}</th><th style="width:60px">{{ 'qbittorrent.modal_detail.peers.col_progress'|trans }}</th><th style="width:80px">{{ 'qbittorrent.modal_detail.peers.col_dl'|trans }}</th><th style="width:80px">{{ 'qbittorrent.modal_detail.peers.col_up'|trans }}</th></tr></thead>
+                        <tbody id="qbt-detail-peers"></tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="modal-footer">
+        <div class="d-flex gap-1 w-100 flex-wrap" id="qbt-detail-actions"></div>
+    </div>
+</div>
+</div>
+</div>
+
+{# ══════════════════════════════════════════════════════════════════════════
+   Modal ajout torrent
+   ══════════════════════════════════════════════════════════════════════════ #}
+<div class="modal modal-blur fade" id="qbt-modal-add" tabindex="-1">
+<div class="modal-dialog modal-lg">
+<div class="modal-content">
+    <div class="modal-header">
+        <h5 class="modal-title" style="font-size:.9rem;">
+            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#2f67ba" stroke-width="2" style="vertical-align:-3px;margin-right:4px;"><path d="M12 5v14"/><path d="M5 12h14"/></svg>
+            {{ 'qbittorrent.modal_add.title'|trans }}
+        </h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+    </div>
+    <div class="modal-body">
+        <div class="mb-3">
+            <label class="form-label">{{ 'qbittorrent.modal_add.urls_label'|trans }}</label>
+            <textarea class="form-control" id="qbt-add-urls" rows="3" wrap="soft" placeholder="{{ 'qbittorrent.modal_add.urls_placeholder'|trans }}" style="font-family:'SF Mono',Menlo,monospace;font-size:.78rem;word-break:break-all;"></textarea>
+            <div class="form-hint">{{ 'qbittorrent.modal_add.urls_hint'|trans }}</div>
+        </div>
+        {# Zone drag-drop fichiers .torrent #}
+        <div class="mb-3">
+            <label class="form-label">{{ 'qbittorrent.modal_add.files_label'|trans }}</label>
+            <div id="qbt-drop-zone" class="qbt-drop-zone">
+                <input type="file" id="qbt-file-input" accept=".torrent" multiple style="display:none;">
+                <div class="qbt-drop-inner">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"/><path d="M7 9l5 -5l5 5"/><path d="M12 4l0 12"/></svg>
+                    <div class="qbt-drop-text">{{ 'qbittorrent.modal_add.drop_text'|trans|raw }}<br><span class="text-muted" style="font-size:.72rem;">{{ 'qbittorrent.modal_add.drop_browse'|trans }}</span></div>
+                </div>
+                <ul id="qbt-drop-files" class="qbt-drop-files"></ul>
+            </div>
+        </div>
+        <div class="row g-3">
+            <div class="col-6">
+                <label class="form-label">{{ 'qbittorrent.modal_detail.props.save_path'|trans }}</label>
+                <input type="text" class="form-control form-control-sm" id="transmission-add-savepath" placeholder="{{ 'qbittorrent.modal_detail.props.save_path'|trans }}">
+            </div>
+            <div class="col-6">
+                <label class="form-label">{{ 'qbittorrent.modal_add.start_label'|trans }}</label>
+                <select class="form-select form-select-sm" id="qbt-add-paused">
+                    <option value="false">{{ 'qbittorrent.modal_add.start_now'|trans }}</option>
+                    <option value="true">{{ 'qbittorrent.modal_add.start_paused'|trans }}</option>
+                </select>
+            </div>
+        </div>
+    </div>
+    <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ 'qbittorrent.modal_add.cancel'|trans }}</button>
+        <button type="button" class="btn btn-primary" id="qbt-add-submit" style="background:#2f67ba;border-color:#2f67ba;">{{ 'qbittorrent.modal_add.submit'|trans }}</button>
+    </div>
+</div>
+</div>
+</div>
+
+{# ══════════════════════════════════════════════════════════════════════════
+   Delete modal
+   ══════════════════════════════════════════════════════════════════════════ #}
+<div class="modal modal-blur fade" id="qbt-modal-delete" tabindex="-1">
+<div class="modal-dialog modal-sm">
+<div class="modal-content">
+    <div class="modal-header">
+        <h5 class="modal-title text-danger" style="font-size:.9rem;">{{ 'qbittorrent.modal_delete.title'|trans }}</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+    </div>
+    <div class="modal-body">
+        <p style="font-size:.82rem;" id="qbt-delete-msg">{{ 'qbittorrent.modal_delete.msg_single'|trans }}</p>
+        <label class="form-check">
+            <input type="checkbox" class="form-check-input" id="qbt-delete-files">
+            <span class="form-check-label">{{ 'qbittorrent.modal_delete.delete_files'|trans }}</span>
+        </label>
+    </div>
+    <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ 'qbittorrent.modal_delete.cancel'|trans }}</button>
+        <button type="button" class="btn btn-danger" id="qbt-delete-confirm">{{ 'qbittorrent.modal_delete.confirm'|trans }}</button>
+    </div>
+</div>
+</div>
+</div>
+
+{# Triggers Turbo-safe #}
+<button id="qbt-detail-trigger" class="d-none" data-bs-toggle="modal" data-bs-target="#qbt-modal-detail"></button>
+<button id="qbt-add-trigger" class="d-none" data-bs-toggle="modal" data-bs-target="#qbt-modal-add"></button>
+<button id="qbt-delete-trigger" class="d-none" data-bs-toggle="modal" data-bs-target="#qbt-modal-delete"></button>
+
+{% endif %} {# /if not error #}
+
+{# ══════════════════════════════════════════════════════════════════════════
+   Macro torrent row
+   ══════════════════════════════════════════════════════════════════════════ #}
+{% macro torrent_row(t) %}
+{# États émis par TransmissionClient::normalizeState() — l'enum numérique RPC
+   (0 stopped, 1 check-pending, 2 checking, 3 download-pending, 4 downloading,
+   5 seed-pending, 6 seeding) est déjà normalisée côté PHP, `error !== 0`
+   l'emportant sur toutes les autres valeurs. Le front ne voit donc jamais le
+   numéro brut, seulement : paused / checking / queued / downloading /
+   seeding / error / unknown. `completed` reste présent car le filtre du même
+   nom est calculé sur la progression, pas sur l'état. #}
+{% set state_label = {
+    'downloading': 'qbittorrent.state.downloading'|trans,
+    'seeding':     'qbittorrent.state.seeding'|trans,
+    'paused':      'qbittorrent.state.paused'|trans,
+    'queued':      'qbittorrent.state.queued'|trans,
+    'checking':    'qbittorrent.state.checking'|trans,
+    'error':       'qbittorrent.state.error'|trans,
+    'completed':   'qbittorrent.state.completed'|trans,
+    'unknown':     'qbittorrent.state.unknown'|trans
+}[t.state] ?? t.state %}
+{% set cat = t.category|lower %}
+{% set ico_type = cat in ['films', 'movies', 'radarr'] ? 'movie' : (cat in ['tv', 'tv-sonarr', 'series', 'sonarr'] ? 'tv' : 'generic') %}
+<div class="qbt-torrent" data-hash="{{ t.hash }}" data-state="{{ t.state }}" data-name="{{ t.name|lower }}" data-cat="{{ cat }}"
+     data-size="{{ t.size }}" data-progress="{{ t.progress }}" data-dlspeed="{{ t.dlspeed }}" data-upspeed="{{ t.upspeed }}" data-seeds="{{ t.num_seeds }}" data-ratio="{{ t.ratio ?? 0 }}" data-added="{{ t.added_on ?? 0 }}">
+    <input type="checkbox" class="form-check-input qbt-check" data-hash="{{ t.hash }}">
+
+    <div class="qbt-ico" title="{{ state_label }}">
+        {% if t.state == 'downloading' %}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"><path d="M12 4v13"/><path d="M6 11l6 6 6-6"/></svg>
+        {% elseif t.state == 'seeding' %}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20V7"/><path d="M6 13l6-6 6 6"/></svg>
+        {% elseif t.state == 'paused' %}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="5" width="4" height="14" rx="1"/><rect x="14" y="5" width="4" height="14" rx="1"/></svg>
+        {% elseif t.state == 'completed' %}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12l5 5L20 7"/></svg>
+        {% elseif t.state == 'error' %}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"><path d="M12 9v4"/><path d="M12 17h.01"/><path d="M10.24 3.957l-8.422 14.06a1.989 1.989 0 0 0 1.7 2.983h16.845a1.989 1.989 0 0 0 1.7 -2.983l-8.423 -14.06a1.989 1.989 0 0 0 -3.4 0z"/></svg>
+        {% elseif t.state == 'queued' %}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6h16M4 12h16M4 18h10"/></svg>
+        {% elseif t.state == 'checking' %}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 11a8.1 8.1 0 0 0-15.5-2m-.5-4v4h4"/><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"/></svg>
+        {% else %}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 8v5M12 16h.01"/></svg>
+        {% endif %}
+    </div>
+
+    <div class="qbt-main">
+        <div class="qbt-name-row">
+            <div class="qbt-name" title="{{ t.name }}">{{ t.name }}</div>
+            {% if t.category %}
+                {% if cat in ['films', 'movies', 'radarr'] %}
+                <span class="qbt-tag qbt-tag-radarr qbt-cat-link" data-pipeline="radarr" data-name="{{ t.name|e('html_attr') }}" data-hash="{{ t.hash }}" title="{{ 'qbittorrent.row.title_radarr'|trans }}">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="12" r="4"/></svg>
+                    {{ t.category }}
+                </span>
+                {% elseif cat in ['tv', 'tv-sonarr', 'series', 'sonarr'] %}
+                <span class="qbt-tag qbt-tag-sonarr qbt-cat-link" data-pipeline="sonarr" data-name="{{ t.name|e('html_attr') }}" data-hash="{{ t.hash }}" title="{{ 'qbittorrent.row.title_sonarr'|trans }}">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="3" y="6" width="18" height="12" rx="1"/><path d="M8 3l4 3 4-3"/></svg>
+                    {{ t.category }}
+                </span>
+                {% else %}
+                <span class="qbt-tag qbt-tag-generic">{{ t.category }}</span>
+                {% endif %}
+            {% endif %}
+        </div>
+        <div class="qbt-bar-wrap">
+            <div class="qbt-bar qbt-bar-{{ t.state }}" style="width:{{ t.progress }}%"></div>
+        </div>
+        <div class="qbt-stats-line">
+            <span class="item"><strong>{{ t.progress }}%</strong></span>
+            <span class="sep"></span>
+            <span class="item">{{ t.size|prismarr_bytes(2) }}</span>
+            <span class="sep"></span>
+            <span class="item">{{ state_label }}</span>
+            {% if t.dlspeed > 0 %}
+            <span class="sep"></span>
+            <span class="item dl-speed">&#8595; {{ t.dlspeed|prismarr_speed }}</span>
+            {% endif %}
+            {% if t.upspeed > 0 %}
+            <span class="sep"></span>
+            <span class="item up-speed">&#8593; {{ t.upspeed|prismarr_speed }}</span>
+            {% endif %}
+            {% if t.state == 'downloading' and t.eta < 8640000 %}
+            <span class="sep"></span>
+            <span class="item">{{ ico.icon('clock', '', 14) }} {{ (t.eta / 3600)|round(0,'floor') }}h{{ ((t.eta % 3600) / 60)|round }}m</span>
+            {% endif %}
+            <span class="sep"></span>
+            <span class="item" title="{{ 'qbittorrent.row.title_seeds_leechers'|trans }}">{{ ico.icon('seeding', '', 14) }} {{ t.num_seeds }}/{{ t.num_leechs ?? 0 }}</span>
+            <span class="sep"></span>
+            <span class="item" title="{{ 'qbittorrent.row.title_ratio'|trans }}">{{ ico.icon('scale', '', 14) }} {{ (t.ratio ?? 0)|number_format(2) }}</span>
+            {% if t.added_on %}
+            <span class="sep"></span>
+            <span class="item" title="{{ 'qbittorrent.row.title_added_tpl'|trans|replace({'__DATE__': t.added_on|date('d/m/Y H:i')}) }}">{{ ico.icon('calendar', '', 14) }} {{ t.added_on|date('d/m/y') }}</span>
+            {% endif %}
+        </div>
+    </div>
+
+    {# Cellules mode tableau #}
+    <div class="qbt-table-cell qbt-cell-size">{{ t.size|prismarr_bytes(2) }}</div>
+    <div class="qbt-table-cell qbt-cell-progress"><div class="qbt-cell-progress-fill" style="width:{{ t.progress }}%"></div><span>{{ t.progress }}%</span></div>
+    <div class="qbt-table-cell qbt-cell-dl">{{ t.dlspeed > 0 ? t.dlspeed|prismarr_speed : '—' }}</div>
+    <div class="qbt-table-cell qbt-cell-up">{{ t.upspeed > 0 ? t.upspeed|prismarr_speed : '—' }}</div>
+    <div class="qbt-table-cell">{{ t.num_seeds }}</div>
+    <div class="qbt-table-cell">{{ (t.ratio ?? 0)|number_format(2) }}</div>
+    <div class="qbt-table-cell qbt-cell-uploaded">{{ t.uploaded|prismarr_bytes }}</div>
+    <div class="qbt-table-cell qbt-cell-completed">{{ t.completion_on ? (t.completion_on|prismarr_date) : '—' }}</div>
+    <div class="qbt-table-cell qbt-cell-added" data-added="{{ t.added_on ?? 0 }}">{% if t.added_on %}{{ t.added_on|date('d/m/y') }}{% else %}—{% endif %}</div>
+
+    {# Cellule mode compact — % seul #}
+    <div class="qbt-compact-pct">{{ t.progress }}%</div>
+
+    <div class="qbt-row-actions">
+        {% if t.state == 'paused' %}
+        <button class="btn btn-sm btn-ghost-success qbt-act" data-action="resume" data-hash="{{ t.hash }}" title="{{ 'qbittorrent.row.resume_title'|trans }}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 4v16l13-8z"/></svg></button>
+        {% else %}
+        <button class="btn btn-sm btn-ghost-warning qbt-act" data-action="pause" data-hash="{{ t.hash }}" title="{{ 'qbittorrent.row.pause_title'|trans }}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 4h4v16H6z"/><path d="M14 4h4v16h-4z"/></svg></button>
+        {% endif %}
+        <button class="btn btn-sm btn-ghost-danger qbt-act" data-action="delete" data-hash="{{ t.hash }}" data-name="{{ t.name|e('html_attr') }}" title="{{ 'qbittorrent.row.delete_title'|trans }}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16"/><path d="M10 11v6"/><path d="M14 11v6"/><path d="M5 7l1 12a2 2 0 002 2h8a2 2 0 002-2l1-12"/><path d="M9 7V4a1 1 0 011-1h4a1 1 0 011 1v3"/></svg></button>
+    </div>
+</div>
+{% endmacro %}
+{% endblock %}
+
+{% block javascripts %}
+<script>
+(function(){
+    var BASE = '{{ path("app_transmission_index") }}';
+    var LOCALE = {{ app.request.locale|default('fr')|json_encode|raw }};
+    var currentFilter = 'all';
+    var selectedHashes = {};
+    var deleteTarget = { hashes: [], mode: 'single' };
+
+    var QBT_I18N = {
+        units: {
+            gb: {{ 'qbittorrent.units.gb'|trans|json_encode|raw }},
+            mb: {{ 'qbittorrent.units.mb'|trans|json_encode|raw }},
+            kb: {{ 'qbittorrent.units.kb'|trans|json_encode|raw }},
+            bytes: {{ 'qbittorrent.units.bytes'|trans|json_encode|raw }},
+            mb_per_s: {{ 'qbittorrent.units.mb_per_s'|trans|json_encode|raw }},
+            kb_per_s: {{ 'qbittorrent.units.kb_per_s'|trans|json_encode|raw }},
+            bytes_per_s: {{ 'qbittorrent.units.bytes_per_s'|trans|json_encode|raw }}
+        },
+        state: {
+            downloading: {{ 'qbittorrent.state.downloading'|trans|json_encode|raw }},
+            seeding:     {{ 'qbittorrent.state.seeding'|trans|json_encode|raw }},
+            paused:      {{ 'qbittorrent.state.paused'|trans|json_encode|raw }},
+            queued:      {{ 'qbittorrent.state.queued'|trans|json_encode|raw }},
+            checking:    {{ 'qbittorrent.state.checking'|trans|json_encode|raw }},
+            error:       {{ 'qbittorrent.state.error'|trans|json_encode|raw }},
+            completed:   {{ 'qbittorrent.state.completed'|trans|json_encode|raw }},
+            unknown:     {{ 'qbittorrent.state.unknown'|trans|json_encode|raw }}
+        },
+        row: {
+            radarr_title:  {{ 'qbittorrent.row.title_radarr'|trans|json_encode|raw }},
+            sonarr_title:  {{ 'qbittorrent.row.title_sonarr'|trans|json_encode|raw }},
+            pause_title:   {{ 'qbittorrent.row.pause_title'|trans|json_encode|raw }},
+            resume_title:  {{ 'qbittorrent.row.resume_title'|trans|json_encode|raw }},
+            delete_title:  {{ 'qbittorrent.row.delete_title'|trans|json_encode|raw }},
+            seeds_leech:   {{ 'qbittorrent.row.title_seeds_leechers'|trans|json_encode|raw }},
+            ratio_title:   {{ 'qbittorrent.row.title_ratio'|trans|json_encode|raw }},
+            added_title_tpl: {{ 'qbittorrent.row.title_added_tpl'|trans|json_encode|raw }}
+        },
+        modal_detail: {
+            loading:     {{ 'qbittorrent.modal_detail.loading'|trans|json_encode|raw }},
+            error_load:  {{ 'qbittorrent.modal_detail.error_load'|trans|json_encode|raw }},
+            files_empty:    {{ 'qbittorrent.modal_detail.files.empty'|trans|json_encode|raw }},
+            trackers_empty: {{ 'qbittorrent.modal_detail.trackers.empty'|trans|json_encode|raw }},
+            peers_empty:    {{ 'qbittorrent.modal_detail.peers.empty'|trans|json_encode|raw }},
+            {# TransmissionClient::trackerStatusLabel() renvoie une chaîne, pas le code
+               numérique de qBittorrent : announceState 1/2/3 → announcing / queued /
+               active, tout le reste → idle. Ce sont les seules clés transmission.*
+               réellement spécifiques au client dans ce template. #}
+            tracker_status: {
+                idle:       {{ 'transmission.modal_detail.trackers.status_idle'|trans|json_encode|raw }},
+                announcing: {{ 'transmission.modal_detail.trackers.status_announcing'|trans|json_encode|raw }},
+                queued:     {{ 'transmission.modal_detail.trackers.status_queued'|trans|json_encode|raw }},
+                active:     {{ 'transmission.modal_detail.trackers.status_active'|trans|json_encode|raw }}
+            },
+            props: {
+                downloaded: {{ 'qbittorrent.modal_detail.props.downloaded'|trans|json_encode|raw }},
+                uploaded:   {{ 'qbittorrent.modal_detail.props.uploaded'|trans|json_encode|raw }},
+                ratio:      {{ 'qbittorrent.modal_detail.props.ratio'|trans|json_encode|raw }},
+                dl_speed:   {{ 'qbittorrent.modal_detail.props.dl_speed'|trans|json_encode|raw }},
+                up_speed:   {{ 'qbittorrent.modal_detail.props.up_speed'|trans|json_encode|raw }},
+                eta:        {{ 'qbittorrent.modal_detail.props.eta'|trans|json_encode|raw }},
+                seeds:      {{ 'qbittorrent.modal_detail.props.seeds'|trans|json_encode|raw }},
+                peers:      {{ 'qbittorrent.modal_detail.props.peers'|trans|json_encode|raw }},
+                total_size: {{ 'qbittorrent.modal_detail.props.total_size'|trans|json_encode|raw }},
+                added:      {{ 'qbittorrent.modal_detail.props.added'|trans|json_encode|raw }},
+                completed:  {{ 'qbittorrent.modal_detail.props.completed'|trans|json_encode|raw }},
+                save_path:  {{ 'qbittorrent.modal_detail.props.save_path'|trans|json_encode|raw }}
+            },
+            actions: {
+                pause:      {{ 'qbittorrent.modal_detail.actions.pause'|trans|json_encode|raw }},
+                resume:     {{ 'qbittorrent.modal_detail.actions.resume'|trans|json_encode|raw }},
+                recheck:    {{ 'qbittorrent.modal_detail.actions.recheck'|trans|json_encode|raw }},
+                reannounce: {{ 'qbittorrent.modal_detail.actions.reannounce'|trans|json_encode|raw }},
+                'delete':   {{ 'qbittorrent.modal_detail.actions.delete'|trans|json_encode|raw }}
+            }
+        },
+        modal_delete: {
+            msg_single:    {{ 'qbittorrent.modal_delete.msg_single'|trans|json_encode|raw }},
+            msg_named_tpl: {{ 'qbittorrent.modal_delete.msg_named_tpl'|trans|json_encode|raw }},
+            msg_bulk_one:  {{ 'qbittorrent.modal_delete.msg_bulk_tpl'|trans({count: 1})|json_encode|raw }},
+            msg_bulk_many: {{ 'qbittorrent.modal_delete.msg_bulk_tpl'|trans({count: 42})|json_encode|raw }}
+        },
+        bulk: {
+            sel_one:  {{ 'qbittorrent.bulk.selected_tpl'|trans({count: 1})|json_encode|raw }},
+            sel_many: {{ 'qbittorrent.bulk.selected_tpl'|trans({count: 42})|json_encode|raw }}
+        },
+        count: {
+            one:  {{ 'qbittorrent.count_tpl'|trans({count: 1})|json_encode|raw }},
+            many: {{ 'qbittorrent.count_tpl'|trans({count: 42})|json_encode|raw }}
+        },
+        pagination: {
+            info_tpl: {{ 'qbittorrent.pagination.info_tpl'|trans|json_encode|raw }}
+        },
+        toast: {
+            action_sent:    {{ 'qbittorrent.toast.action_sent'|trans|json_encode|raw }},
+            network_error:  {{ 'qbittorrent.toast.network_error'|trans|json_encode|raw }},
+            failed_tpl:     {{ 'qbittorrent.toast.failed_tpl'|trans|json_encode|raw }},
+            error_generic:  {{ 'qbittorrent.toast.error_generic'|trans|json_encode|raw }},
+            paused:         {{ 'qbittorrent.toast.paused'|trans|json_encode|raw }},
+            resumed:        {{ 'qbittorrent.toast.resumed'|trans|json_encode|raw }},
+            recheck_started:{{ 'qbittorrent.toast.recheck_started'|trans|json_encode|raw }},
+            reannounce_sent:{{ 'qbittorrent.toast.reannounce_sent'|trans|json_encode|raw }},
+            bulk_resumed_one:  {{ 'qbittorrent.toast.bulk_resumed_tpl'|trans({count: 1})|json_encode|raw }},
+            bulk_resumed_many: {{ 'qbittorrent.toast.bulk_resumed_tpl'|trans({count: 42})|json_encode|raw }},
+            bulk_paused_one:   {{ 'qbittorrent.toast.bulk_paused_tpl'|trans({count: 1})|json_encode|raw }},
+            bulk_paused_many:  {{ 'qbittorrent.toast.bulk_paused_tpl'|trans({count: 42})|json_encode|raw }},
+            bulk_recheck_one:  {{ 'qbittorrent.toast.bulk_recheck_tpl'|trans({count: 1})|json_encode|raw }},
+            bulk_recheck_many: {{ 'qbittorrent.toast.bulk_recheck_tpl'|trans({count: 42})|json_encode|raw }},
+            bulk_deleted_one:  {{ 'qbittorrent.toast.bulk_deleted_tpl'|trans({count: 1})|json_encode|raw }},
+            bulk_deleted_many: {{ 'qbittorrent.toast.bulk_deleted_tpl'|trans({count: 42})|json_encode|raw }},
+            bulk_deleted_with_files_suffix: {{ 'qbittorrent.toast.bulk_deleted_with_files_suffix'|trans|json_encode|raw }},
+            pause_all:      {{ 'qbittorrent.toast.pause_all'|trans|json_encode|raw }},
+            resume_all:     {{ 'qbittorrent.toast.resume_all'|trans|json_encode|raw }},
+            add_files_ok_one:  {{ 'qbittorrent.toast.add_files_ok_tpl'|trans({count: 1})|json_encode|raw }},
+            add_files_ok_many: {{ 'qbittorrent.toast.add_files_ok_tpl'|trans({count: 42})|json_encode|raw }},
+            add_files_ko:   {{ 'qbittorrent.toast.add_files_ko'|trans|json_encode|raw }},
+            add_url_ok:     {{ 'qbittorrent.toast.add_url_ok'|trans|json_encode|raw }},
+            add_url_ko:     {{ 'qbittorrent.toast.add_url_ko'|trans|json_encode|raw }},
+            add_required:   {{ 'qbittorrent.toast.add_required'|trans|json_encode|raw }},
+            file_ignored_tpl: {{ 'qbittorrent.toast.file_ignored_tpl'|trans|json_encode|raw }},
+            cat_resolve_search:      {{ 'qbittorrent.toast.cat_resolve_search'|trans|json_encode|raw }},
+            cat_resolve_no_match_tpl:{{ 'qbittorrent.toast.cat_resolve_no_match_tpl'|trans|json_encode|raw }},
+            cat_resolve_error:       {{ 'qbittorrent.toast.cat_resolve_error'|trans|json_encode|raw }}
+        },
+        date: {
+            just_now:        {{ 'qbittorrent.date.just_now'|trans|json_encode|raw }},
+            minutes_ago_tpl: {{ 'qbittorrent.date.minutes_ago_tpl'|trans|json_encode|raw }},
+            hours_ago_tpl:   {{ 'qbittorrent.date.hours_ago_tpl'|trans|json_encode|raw }},
+            days_ago_tpl:    {{ 'qbittorrent.date.days_ago_tpl'|trans|json_encode|raw }},
+            months_ago_tpl:  {{ 'qbittorrent.date.months_ago_tpl'|trans|json_encode|raw }},
+            years_ago_one:   {{ 'qbittorrent.date.years_ago_tpl'|trans({count: 1})|json_encode|raw }},
+            years_ago_many:  {{ 'qbittorrent.date.years_ago_tpl'|trans({count: 42})|json_encode|raw }}
+        },
+        uptime: {
+            hm_tpl:      {{ 'qbittorrent.units.uptime_hours_tpl'|trans|json_encode|raw }},
+            min_tpl:     {{ 'qbittorrent.units.uptime_minutes_tpl'|trans|json_encode|raw }},
+            sec_tpl:     {{ 'qbittorrent.units.uptime_seconds_tpl'|trans|json_encode|raw }}
+        },
+        eta_tpl:           {{ 'qbittorrent.units.eta_tpl'|trans|json_encode|raw }},
+        duration_d_tpl:    {{ 'qbittorrent.units.duration_days_tpl'|trans|json_encode|raw }},
+        duration_h_tpl:    {{ 'qbittorrent.units.duration_hours_tpl'|trans|json_encode|raw }},
+        duration_m_tpl:    {{ 'qbittorrent.units.duration_minutes_tpl'|trans|json_encode|raw }}
+    };
+
+    /** Helper template : remplace tous les __KEY__ par les valeurs du map */
+    function tpl(template, map) {
+        var s = String(template == null ? '' : template);
+        for (var k in map) {
+            if (Object.prototype.hasOwnProperty.call(map, k)) {
+                s = s.split('__' + k + '__').join(map[k]);
+            }
+        }
+        return s;
+    }
+
+    /** Helper plural : choisit la chaîne ICU one/many et substitue le sentinel par le compte.
+     *  Les variants _one sont pré-rendus avec count: 1, les _many avec count: 42 (sentinel),
+     *  ICU substitue # → 1 / 42 au render Twig, on remplace 42 par le vrai count côté JS. */
+    function plural(n, oneStr, manyStr) {
+        if (n === 1) return String(oneStr == null ? n : oneStr);
+        return String(manyStr == null ? n : manyStr).replace('42', n);
+    }
+
+    // ── Helpers ──────────────────────────────────────────────────────────────
+    // Defer to the global locale-aware helpers from base.html.twig so qBit
+    // sizes and speeds match the rest of the app (and the server-rendered
+    // |prismarr_bytes / |prismarr_speed Twig output).
+    function fmtSize(bytes) { return window.prismarrBytes(bytes); }
+    function fmtSpeed(bytes) { return bytes > 0 ? window.prismarrBytes(bytes) + '/s' : '-'; }
+    function fmtEta(sec) {
+        if (!sec || sec >= 8640000) return '∞';
+        var h = Math.floor(sec / 3600);
+        var m = Math.round((sec % 3600) / 60);
+        return tpl(QBT_I18N.eta_tpl, { H: h, M: (m < 10 ? '0' : '') + m });
+    }
+    function fmtDuration(sec) {
+        if (!sec || sec < 0) return '-';
+        var d = Math.floor(sec / 86400);
+        var h = Math.floor((sec % 86400) / 3600);
+        var m = Math.floor((sec % 3600) / 60);
+        if (d > 0) return tpl(QBT_I18N.duration_d_tpl, { D: d, H: h });
+        if (h > 0) return tpl(QBT_I18N.duration_h_tpl, { H: h, M: m });
+        return tpl(QBT_I18N.duration_m_tpl, { M: m });
+    }
+    function fmtDate(ts) {
+        if (!ts || ts < 0) return '-';
+        var d = new Date(ts * 1000);
+        var loc = (LOCALE === 'en') ? 'en-US' : 'fr-FR';
+        return d.toLocaleDateString(loc) + ' ' + d.toLocaleTimeString(loc, {hour:'2-digit',minute:'2-digit'});
+    }
+    function escapeHtml(s) { return String(s == null ? '' : s).replace(/[&<>"']/g, function(c){ return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]; }); }
+
+    var STATE_LABELS = QBT_I18N.state;
+    // Clés = chaînes renvoyées par TransmissionClient::trackerStatusLabel().
+    var TRACKER_STATUS = {
+        idle:       '<span class="badge bg-secondary-lt">' + escapeHtml(QBT_I18N.modal_detail.tracker_status.idle)       + '</span>',
+        announcing: '<span class="badge bg-info-lt">'      + escapeHtml(QBT_I18N.modal_detail.tracker_status.announcing) + '</span>',
+        queued:     '<span class="badge bg-warning-lt">'   + escapeHtml(QBT_I18N.modal_detail.tracker_status.queued)     + '</span>',
+        active:     '<span class="badge bg-success-lt">'   + escapeHtml(QBT_I18N.modal_detail.tracker_status.active)     + '</span>'
+    };
+
+    var RADARR_CATS = ['films', 'movies', 'radarr'];
+    var SONARR_CATS = ['tv', 'tv-sonarr', 'series', 'sonarr'];
+
+    /** Source unique pour le bouton Pause ou Reprendre d'une row (createRow + updateRow). */
+    function buildPauseResumeBtn(hash, state) {
+        var open = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">';
+        if (state === 'paused') {
+            return '<button class="btn btn-sm btn-ghost-success qbt-act" data-action="resume" data-hash="'+hash+'" title="'+escapeHtml(QBT_I18N.row.resume_title)+'">'+open+'<path d="M7 4v16l13-8z"/></svg></button>';
+        }
+        return '<button class="btn btn-sm btn-ghost-warning qbt-act" data-action="pause" data-hash="'+hash+'" title="'+escapeHtml(QBT_I18N.row.pause_title)+'">'+open+'<path d="M6 4h4v16H6z"/><path d="M14 4h4v16h-4z"/></svg></button>';
+    }
+
+    function buildCatTag(category, torrentName, hash) {
+        var cat = (category || '').toLowerCase();
+        var safeCat  = escapeHtml(category);
+        var safeName = escapeHtml(torrentName || '');
+        if (RADARR_CATS.indexOf(cat) !== -1) {
+            return '<span class="qbt-tag qbt-tag-radarr qbt-cat-link" data-pipeline="radarr" data-name="' + safeName + '" data-hash="' + hash + '" title="' + escapeHtml(QBT_I18N.row.radarr_title) + '">'
+                + '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="12" r="4"/></svg>'
+                + safeCat + '</span>';
+        }
+        if (SONARR_CATS.indexOf(cat) !== -1) {
+            return '<span class="qbt-tag qbt-tag-sonarr qbt-cat-link" data-pipeline="sonarr" data-name="' + safeName + '" data-hash="' + hash + '" title="' + escapeHtml(QBT_I18N.row.sonarr_title) + '">'
+                + '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="3" y="6" width="18" height="12" rx="1"/><path d="M8 3l4 3 4-3"/></svg>'
+                + safeCat + '</span>';
+        }
+        return '<span class="qbt-tag qbt-tag-generic">' + safeCat + '</span>';
+    }
+
+    function getIcoType(cat) {
+        cat = (cat || '').toLowerCase();
+        if (['films','movies','radarr'].indexOf(cat) !== -1) return 'movie';
+        if (['tv','tv-sonarr','series','sonarr'].indexOf(cat) !== -1) return 'tv';
+        return 'generic';
+    }
+    function getStateIcoSvg(state) {
+        var open = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round">';
+        switch (state) {
+            case 'downloading': return open+'<path d="M12 4v13"/><path d="M6 11l6 6 6-6"/></svg>';
+            case 'seeding':     return open+'<path d="M12 20V7"/><path d="M6 13l6-6 6 6"/></svg>';
+            case 'paused':      return open+'<rect x="6" y="5" width="4" height="14" rx="1"/><rect x="14" y="5" width="4" height="14" rx="1"/></svg>';
+            case 'completed':   return open.replace('2.3','2.5')+'<path d="M5 12l5 5L20 7"/></svg>';
+            case 'error':       return open+'<path d="M12 9v4"/><path d="M12 17h.01"/><path d="M10.24 3.957l-8.422 14.06a1.989 1.989 0 0 0 1.7 2.983h16.845a1.989 1.989 0 0 0 1.7 -2.983l-8.423 -14.06a1.989 1.989 0 0 0 -3.4 0z"/></svg>';
+            case 'queued':      return open.replace('2.3','2')+'<path d="M4 6h16M4 12h16M4 18h10"/></svg>';
+            case 'checking':    return open.replace('2.3','2')+'<path d="M20 11a8.1 8.1 0 0 0-15.5-2m-.5-4v4h4"/><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"/></svg>';
+            default:            return open.replace('2.3','2')+'<circle cx="12" cy="12" r="9"/><path d="M12 8v5M12 16h.01"/></svg>';
+        }
+    }
+
+    // ── API ─────────────────────────────────────────────────────────────────
+    function qbtPost(url, body) {
+        return fetch(url, { method:'POST', headers:{'Content-Type':'application/json','X-Requested-With':'XMLHttpRequest'}, body: JSON.stringify(body || {}) }).then(function(r){ return r.json(); });
+    }
+
+    // Wrapper avec feedback visuel : désactive le bouton + spinner + toast
+    function qbtAction(btn, url, body, successMsg) {
+        if (btn) {
+            btn.disabled = true;
+            btn.dataset.qbtOriginalHtml = btn.innerHTML;
+            if (btn.offsetWidth > 40) {
+                btn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>';
+            } else {
+                btn.style.opacity = '.55';
+            }
+        }
+        return qbtPost(url, body)
+            .then(function(d){
+                var ok = d && d.ok !== false && !d.error;
+                if (window._prismarrToast) {
+                    var errMsg = (d && d.error) ? d.error : QBT_I18N.toast.error_generic;
+                    window._prismarrToast(
+                        ok ? (successMsg || QBT_I18N.toast.action_sent) : tpl(QBT_I18N.toast.failed_tpl, { ERROR: errMsg }),
+                        ok ? 'success' : 'danger'
+                    );
+                }
+                return d;
+            })
+            .catch(function(){
+                if (window._prismarrToast) window._prismarrToast(QBT_I18N.toast.network_error, 'danger');
+            })
+            .finally(function(){
+                if (btn) {
+                    btn.disabled = false;
+                    if (btn.dataset.qbtOriginalHtml !== undefined) {
+                        btn.innerHTML = btn.dataset.qbtOriginalHtml;
+                        delete btn.dataset.qbtOriginalHtml;
+                    }
+                    btn.style.opacity = '';
+                }
+            });
+    }
+
+    // ── Helper Turbo-safe : remplace au lieu d'empiler ──────────────────────
+    function bindDoc(event, key, handler) {
+        var fullKey = '_prismarrQbt_' + key;
+        if (window[fullKey]) document.removeEventListener(event, window[fullKey]);
+        window[fullKey] = handler;
+        document.addEventListener(event, handler);
+    }
+
+    // ── Pagination / tri / filtre — état partagé ───────────────────────────
+    var pagState = {
+        page:     1,
+        perPage:  parseInt(localStorage.getItem('qbt_per_page') || '50', 10),
+        sort:     localStorage.getItem('qbt_sort_field') || 'added',
+        desc:     localStorage.getItem('qbt_sort_desc') !== '0',
+        filter:   'all',
+        search:   '',
+        category: '',
+    };
+
+    // ── Refresh temps réel ──────────────────────────────────────────────────
+    var REFRESH_INTERVAL = 3000; // 3s — compromis entre fluidité et charge qBit
+
+    // Le handle du timer vit sur window et NON dans cette closure : Turbo Drive
+    // ré-exécute le script de la page entrante avec une closure neuve, tandis que
+    // celle de la page sortante survit, son setInterval toujours vivant. Les trois
+    // pages de clients torrent (qBittorrent, Deluge, Transmission) partagent ce
+    // nom — une seule est montée à la fois — et rendent les MÊMES ids d'éléments :
+    // sans ce global, le poller orphelin de la page sortante continuerait d'écrire
+    // ses torrents par-dessus ceux de la page entrante. base.html.twig le purge
+    // aussi sur turbo:before-render, pour la navigation vers une page non-torrent.
+    function clearPollTimer() {
+        if (window._prismarrTorrentPagePollTimer) {
+            clearInterval(window._prismarrTorrentPagePollTimer);
+            window._prismarrTorrentPagePollTimer = null;
+        }
+    }
+
+    function startRefresh() {
+        clearPollTimer();
+        if (document.hidden) return;  // pas de poll si onglet masqué
+        window._prismarrTorrentPagePollTimer = setInterval(refreshData, REFRESH_INTERVAL);
+    }
+    function stopRefresh() {
+        clearPollTimer();
+        if (refreshCtrl) { refreshCtrl.abort(); refreshCtrl = null; }
+    }
+
+    // Pause/reprend le polling selon la visibilité de l'onglet (Page Visibility API)
+    bindDoc('visibilitychange', 'visibility', function() {
+        if (document.hidden) {
+            stopRefresh();
+        } else {
+            refreshData();   // rattrape un fetch à l'instant où on revient
+            startRefresh();
+        }
+    });
+
+    var refreshCtrl = null;
+    function refreshData() {
+        // Annule le fetch précédent s'il est encore en vol (évite empilement)
+        if (refreshCtrl) refreshCtrl.abort();
+        refreshCtrl = new AbortController();
+        var q = new URLSearchParams({
+            page: pagState.page,
+            perPage: pagState.perPage,
+            sort: pagState.sort,
+            desc: pagState.desc ? '1' : '0',
+            filter: pagState.filter,
+            search: pagState.search,
+            category: pagState.category,
+        }).toString();
+        fetch(BASE + '/api/torrents?' + q, { signal: refreshCtrl.signal, headers: { 'X-Requested-With': 'XMLHttpRequest' } })
+        .then(function(r) { return r.json(); })
+        .then(function(data) {
+            if (data.error) return;
+            updateStats(data.stats);
+            updateList(data.torrents);
+            updatePagination(data.pagination);
+        })
+        .catch(function() {});
+    }
+
+    // ── Tracking session ────────────────────────────────────────────────────
+    var sessionStartTs = Date.now();
+    var peakDl = 0, peakUp = 0;
+
+    function fmtUptime(ms) {
+        var s = Math.floor(ms / 1000);
+        var h = Math.floor(s / 3600);
+        var m = Math.floor((s % 3600) / 60);
+        if (h > 0) return tpl(QBT_I18N.uptime.hm_tpl, { H: h, M: m });
+        if (m > 0) return tpl(QBT_I18N.uptime.min_tpl, { M: m });
+        return tpl(QBT_I18N.uptime.sec_tpl, { S: s });
+    }
+
+    function updateStats(s) {
+        function set(id, val) { var el = document.getElementById(id); if (el) el.textContent = val; }
+        set('qbt-stat-total', s.total); set('qbt-stat-dl', s.downloading); set('qbt-stat-seed', s.seeding);
+        set('qbt-stat-paused', s.paused); set('qbt-stat-error', s.errored);
+        // Semantic hues must be earned: orange/red only when the count is
+        // nonzero, otherwise the numeral goes neutral like the total.
+        function hue(id, n, c) { var el = document.getElementById(id); if (el) el.style.color = n > 0 ? c : 'var(--tblr-text-secondary)'; }
+        hue('qbt-stat-paused', s.paused, '#f59e0b'); hue('qbt-stat-error', s.errored, '#ef4444');
+        var dlEl = document.getElementById('qbt-speed-dl'); if (dlEl) dlEl.innerHTML = s.dl_speed > 0 ? ('&#8595; ' + fmtSpeed(s.dl_speed)) : '&nbsp;';
+        var upEl = document.getElementById('qbt-speed-up'); if (upEl) upEl.innerHTML = s.up_speed > 0 ? ('&#8593; ' + fmtSpeed(s.up_speed)) : '&nbsp;';
+        var dot = document.getElementById('qbt-conn-dot');
+        if (dot) dot.className = 'qbt-connection ' + (s.connection === 'connected' ? 'connected' : s.connection === 'firewalled' ? 'firewalled' : 'disconnected');
+        // Totaux globaux — uses the global locale-aware byte formatter
+        // (defined in base.html.twig) so EN gets GB and FR gets Go.
+        set('qbt-total-dl', window.prismarrBytes(s.dl_alltime || 0));
+        set('qbt-total-up', window.prismarrBytes(s.up_alltime || 0));
+        set('qbt-session-dl', window.prismarrBytes(s.dl_session || 0));
+        set('qbt-session-up', window.prismarrBytes(s.up_session || 0));
+        set('qbt-total-ratio', (s.global_ratio || 0).toFixed(2));
+        set('qbt-free-space', window.prismarrBytes(s.free_space || 0));
+        // Pics DL/UP
+        if (s.dl_speed > peakDl) { peakDl = s.dl_speed; set('qbt-peak-dl', fmtSpeed(peakDl)); }
+        if (s.up_speed > peakUp) { peakUp = s.up_speed; set('qbt-peak-up', fmtSpeed(peakUp)); }
+        // Uptime session
+        set('qbt-session-uptime', '· ' + fmtUptime(Date.now() - sessionStartTs));
+    }
+
+    function updateList(torrents) {
+        var list = document.getElementById('qbt-list');
+        if (!list) return;
+
+        var existing = {};
+        var rows = list.querySelectorAll('.qbt-torrent');
+        for (var i = 0; i < rows.length; i++) existing[rows[i].dataset.hash] = rows[i];
+
+        var keep = {};
+        // 1) MAJ ou création en préservant l'ordre serveur
+        var fragments = [];
+        for (var j = 0; j < torrents.length; j++) {
+            var t = torrents[j];
+            keep[t.hash] = true;
+            var row = existing[t.hash];
+            if (row) {
+                updateRow(row, t);
+            } else {
+                row = createRow(t);
+            }
+            var cb = row.querySelector('.qbt-check');
+            if (cb) cb.checked = !!selectedHashes[t.hash];
+            row.classList.toggle('selected', !!selectedHashes[t.hash]);
+            fragments.push(row);
+        }
+        // 2) Supprimer ceux qui ne sont plus dans la page
+        for (var hash in existing) {
+            if (!keep[hash]) existing[hash].remove();
+        }
+        // 3) Réordonner en respectant l'ordre serveur (sans flash visuel)
+        //    Optimisation : skip si l'ordre est déjà bon (zéro mutation DOM, zéro reflow)
+        var needsReorder = false;
+        for (var check = 0; check < fragments.length; check++) {
+            if (list.children[check] !== fragments[check]) { needsReorder = true; break; }
+        }
+        if (needsReorder) {
+            for (var k = 0; k < fragments.length; k++) list.appendChild(fragments[k]);
+        }
+        // Empty state
+        var empty = document.getElementById('qbt-empty');
+        if (empty) empty.style.display = torrents.length === 0 ? '' : 'none';
+    }
+
+    function updatePagination(p) {
+        if (!p) return;
+        var bar = document.getElementById('qbt-pagination-bar');
+        var links = document.getElementById('qbt-pagination-links');
+        var info = document.getElementById('qbt-page-info');
+        var cnt  = document.getElementById('qbt-count');
+        if (!bar || !links) return;
+
+        pagState.page = p.page;
+        bar.style.display = p.total > 0 ? 'flex' : 'none';
+
+        var from = p.total === 0 ? 0 : ((p.page - 1) * p.perPage + 1);
+        var to   = Math.min(p.page * p.perPage, p.total);
+        if (info) info.textContent = tpl(QBT_I18N.pagination.info_tpl, { FROM: from, TO: to, TOTAL: p.total });
+        if (cnt)  cnt.textContent  = plural(p.total, QBT_I18N.count.one, QBT_I18N.count.many);
+
+        // Construction des liens avec ellipses
+        var html = '';
+        function liBtn(pg, label, opts) {
+            opts = opts || {};
+            var cls = 'page-item' + (opts.disabled ? ' disabled' : '') + (opts.active ? ' active' : '');
+            var lbl = (label === undefined || label === null) ? pg : label;
+            // <button> au lieu de <a> : pas d'interception Turbo
+            return '<li class="' + cls + '"><button type="button" class="page-link" data-page="' + pg + '"' + (opts.disabled ? ' disabled' : '') + '>' + lbl + '</button></li>';
+        }
+        html += liBtn(Math.max(1, p.page - 1), '‹', { disabled: p.page <= 1 });
+        var pages = [];
+        var tp = p.totalPages;
+        var cp = p.page;
+        var push = function(n) { if (pages.indexOf(n) === -1 && n >= 1 && n <= tp) pages.push(n); };
+        push(1); push(2); push(tp - 1); push(tp); push(cp - 1); push(cp); push(cp + 1);
+        pages.sort(function(a,b){return a-b;});
+        var prev = 0;
+        for (var i = 0; i < pages.length; i++) {
+            if (pages[i] - prev > 1) html += '<li class="page-item disabled"><span class="page-link">…</span></li>';
+            html += liBtn(pages[i], null, { active: pages[i] === cp });
+            prev = pages[i];
+        }
+        html += liBtn(Math.min(tp, p.page + 1), '›', { disabled: p.page >= tp });
+        links.innerHTML = html;
+    }
+
+    function updateRow(row, t) {
+        row.dataset.state = t.state;
+        row.dataset.name = (t.name || '').toLowerCase();
+        row.dataset.size = t.size;
+        row.dataset.progress = t.progress;
+        row.dataset.dlspeed = t.dlspeed;
+        row.dataset.upspeed = t.upspeed;
+        row.dataset.seeds = t.num_seeds;
+        row.dataset.ratio = t.ratio || 0;
+        row.dataset.added = t.added_on || 0;
+
+        // icône de statut
+        var ico = row.querySelector('.qbt-ico');
+        if (ico && ico.dataset.state !== t.state) {
+            ico.innerHTML = getStateIcoSvg(t.state);
+            ico.title = STATE_LABELS[t.state] || t.state;
+            ico.dataset.state = t.state;
+        }
+
+        // bar
+        var bar = row.querySelector('.qbt-bar');
+        if (bar) { bar.style.width = t.progress + '%'; bar.className = 'qbt-bar qbt-bar-' + t.state; }
+
+        // stats line
+        var statsLine = row.querySelector('.qbt-stats-line');
+        if (statsLine) statsLine.innerHTML = buildStatsLine(t);
+
+        // cellules mode tableau
+        var cSize = row.querySelector('.qbt-cell-size'); if (cSize) cSize.textContent = fmtSize(t.size);
+        var cProg = row.querySelector('.qbt-cell-progress'); if (cProg) cProg.innerHTML = '<div class="qbt-cell-progress-fill" style="width:' + t.progress + '%"></div><span>' + t.progress + '%</span>';
+        var cDl   = row.querySelector('.qbt-cell-dl'); if (cDl) cDl.textContent = t.dlspeed > 0 ? fmtSpeed(t.dlspeed) : '—';
+        var cUp   = row.querySelector('.qbt-cell-up'); if (cUp) cUp.textContent = t.upspeed > 0 ? fmtSpeed(t.upspeed) : '—';
+        var cells = row.querySelectorAll('.qbt-table-cell');
+        if (cells.length >= 6) {
+            cells[4].textContent = t.num_seeds;
+            cells[5].textContent = (t.ratio || 0).toFixed(2);
+        }
+        var cUploaded = row.querySelector('.qbt-cell-uploaded'); if (cUploaded) cUploaded.textContent = fmtSize(t.uploaded || 0);
+        var cCompleted = row.querySelector('.qbt-cell-completed'); if (cCompleted) cCompleted.textContent = t.completion_on ? fmtShortDate(t.completion_on) : '—';
+
+        // cellule compact
+        var cPct = row.querySelector('.qbt-compact-pct'); if (cPct) cPct.textContent = t.progress + '%';
+
+        // action button — remplace le 1er .qbt-act par le bon (Pause ou Reprendre) via source unique
+        var actions = row.querySelector('.qbt-row-actions');
+        if (actions) {
+            var firstBtn = actions.querySelector('.qbt-act');
+            var currentAction = firstBtn ? firstBtn.dataset.action : null;
+            var expectedAction = t.state === 'paused' ? 'resume' : 'pause';
+            if (firstBtn && currentAction !== expectedAction) {
+                firstBtn.outerHTML = buildPauseResumeBtn(t.hash, t.state);
+            }
+        }
+    }
+
+    function fmtRelativeDate(ts) {
+        if (!ts) return '—';
+        var diff = Math.floor(Date.now() / 1000) - ts;
+        if (diff < 60) return QBT_I18N.date.just_now;
+        if (diff < 3600)    return tpl(QBT_I18N.date.minutes_ago_tpl, { N: Math.floor(diff / 60) });
+        if (diff < 86400)   return tpl(QBT_I18N.date.hours_ago_tpl,   { N: Math.floor(diff / 3600) });
+        if (diff < 2592000) return tpl(QBT_I18N.date.days_ago_tpl,    { N: Math.floor(diff / 86400) });
+        if (diff < 31536000) return tpl(QBT_I18N.date.months_ago_tpl, { N: Math.floor(diff / 2592000) });
+        var years = Math.floor(diff / 31536000);
+        return plural(years, QBT_I18N.date.years_ago_one, QBT_I18N.date.years_ago_many);
+    }
+    function fmtShortDate(ts) {
+        if (!ts) return '—';
+        var d = new Date(ts * 1000);
+        return ('0' + d.getDate()).slice(-2) + '/' + ('0' + (d.getMonth() + 1)).slice(-2) + '/' + String(d.getFullYear()).slice(-2);
+    }
+    function fmtLongDate(ts) {
+        if (!ts) return '—';
+        var d = new Date(ts * 1000);
+        return ('0' + d.getDate()).slice(-2) + '/' + ('0' + (d.getMonth() + 1)).slice(-2) + '/' + d.getFullYear()
+            + ' ' + ('0' + d.getHours()).slice(-2) + ':' + ('0' + d.getMinutes()).slice(-2);
+    }
+
+    function buildStatsLine(t) {
+        var ratio = (t.ratio || 0).toFixed(2);
+        var leech = t.num_leechs || 0;
+        var html = '<span class="item"><strong>' + t.progress + '%</strong></span>'
+            + '<span class="sep"></span>'
+            + '<span class="item">' + fmtSize(t.size) + '</span>'
+            + '<span class="sep"></span>'
+            + '<span class="item">' + (STATE_LABELS[t.state] || t.state) + '</span>';
+        if (t.dlspeed > 0) html += '<span class="sep"></span><span class="item dl-speed">&#8595; ' + fmtSpeed(t.dlspeed) + '</span>';
+        if (t.upspeed > 0) html += '<span class="sep"></span><span class="item up-speed">&#8593; ' + fmtSpeed(t.upspeed) + '</span>';
+        if (t.state === 'downloading' && t.eta < 8640000) html += '<span class="sep"></span><span class="item">' + {{ ico.icon('clock', '', 14)|json_encode|raw }} + ' ' + fmtEta(t.eta) + '</span>';
+        html += '<span class="sep"></span><span class="item" title="' + escapeHtml(QBT_I18N.row.seeds_leech) + '">' + {{ ico.icon('seeding', '', 14)|json_encode|raw }} + ' ' + t.num_seeds + '/' + leech + '</span>';
+        html += '<span class="sep"></span><span class="item" title="' + escapeHtml(QBT_I18N.row.ratio_title) + '">' + {{ ico.icon('scale', '', 14)|json_encode|raw }} + ' ' + ratio + '</span>';
+        if (t.added_on) {
+            var addedTitle = tpl(QBT_I18N.row.added_title_tpl, { DATE: fmtLongDate(t.added_on) });
+            html += '<span class="sep"></span><span class="item" title="' + escapeHtml(addedTitle) + '">' + {{ ico.icon('calendar', '', 14)|json_encode|raw }} + ' ' + fmtRelativeDate(t.added_on) + '</span>';
+        }
+        return html;
+    }
+
+    function createRow(t) {
+        var div = document.createElement('div');
+        div.className = 'qbt-torrent';
+        div.dataset.hash = t.hash;
+        div.dataset.state = t.state;
+        div.dataset.name = (t.name || '').toLowerCase();
+        div.dataset.cat = (t.category || '').toLowerCase();
+        div.dataset.size = t.size;
+        div.dataset.progress = t.progress;
+        div.dataset.dlspeed = t.dlspeed;
+        div.dataset.upspeed = t.upspeed;
+        div.dataset.seeds = t.num_seeds;
+        div.dataset.ratio = t.ratio || 0;
+        div.dataset.added = t.added_on || 0;
+
+        var ico = getStateIcoSvg(t.state);
+        var catTag = t.category ? buildCatTag(t.category, t.name, t.hash) : '';
+        var pauseResume = buildPauseResumeBtn(t.hash, t.state);
+
+        div.innerHTML = '<input type="checkbox" class="form-check-input qbt-check" data-hash="'+t.hash+'">'
+            + '<div class="qbt-ico" title="'+(STATE_LABELS[t.state]||t.state)+'">'+ico+'</div>'
+            + '<div class="qbt-main">'
+            +   '<div class="qbt-name-row"><div class="qbt-name" title="'+escapeHtml(t.name)+'">'+escapeHtml(t.name)+'</div>'+catTag+'</div>'
+            +   '<div class="qbt-bar-wrap"><div class="qbt-bar qbt-bar-'+t.state+'" style="width:'+t.progress+'%"></div></div>'
+            +   '<div class="qbt-stats-line">' + buildStatsLine(t) + '</div>'
+            + '</div>'
+            + '<div class="qbt-table-cell qbt-cell-size">' + fmtSize(t.size) + '</div>'
+            + '<div class="qbt-table-cell qbt-cell-progress"><div class="qbt-cell-progress-fill" style="width:' + t.progress + '%"></div><span>' + t.progress + '%</span></div>'
+            + '<div class="qbt-table-cell qbt-cell-dl">' + (t.dlspeed > 0 ? fmtSpeed(t.dlspeed) : '—') + '</div>'
+            + '<div class="qbt-table-cell qbt-cell-up">' + (t.upspeed > 0 ? fmtSpeed(t.upspeed) : '—') + '</div>'
+            + '<div class="qbt-table-cell">' + t.num_seeds + '</div>'
+            + '<div class="qbt-table-cell">' + (t.ratio || 0).toFixed(2) + '</div>'
+            + '<div class="qbt-table-cell qbt-cell-uploaded">' + fmtSize(t.uploaded || 0) + '</div>'
+            + '<div class="qbt-table-cell qbt-cell-completed">' + (t.completion_on ? fmtShortDate(t.completion_on) : '—') + '</div>'
+            + '<div class="qbt-table-cell qbt-cell-added" title="' + fmtShortDate(t.added_on) + '">' + fmtShortDate(t.added_on) + '</div>'
+            + '<div class="qbt-compact-pct">' + t.progress + '%</div>'
+            + '<div class="qbt-row-actions">'+pauseResume
+            +   '<button class="btn btn-sm btn-ghost-danger qbt-act" data-action="delete" data-hash="'+t.hash+'" data-name="'+escapeHtml(t.name)+'" title="'+escapeHtml(QBT_I18N.row.delete_title)+'"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16"/><path d="M10 11v6"/><path d="M14 11v6"/><path d="M5 7l1 12a2 2 0 002 2h8a2 2 0 002-2l1-12"/><path d="M9 7V4a1 1 0 011-1h4a1 1 0 011 1v3"/></svg></button>'
+            + '</div>';
+        return div;
+    }
+
+    // ── Vue & tri ───────────────────────────────────────────────────────────
+    var currentView = localStorage.getItem('qbt_view') || 'list';
+
+    function applyView(view) {
+        currentView = view;
+        localStorage.setItem('qbt_view', view);
+        var list = document.getElementById('qbt-list');
+        if (list) list.dataset.view = view;
+        var hdr = document.getElementById('qbt-table-header');
+        if (hdr) hdr.classList.toggle('show', view === 'table');
+        var btns = document.querySelectorAll('.view-btn');
+        for (var i = 0; i < btns.length; i++) btns[i].classList.toggle('active', btns[i].dataset.view === view);
+        syncSortUI();
+    }
+
+    function syncSortUI() {
+        // Header tableau
+        var sortBtns = document.querySelectorAll('#qbt-table-header .qbt-sort');
+        for (var j = 0; j < sortBtns.length; j++) {
+            sortBtns[j].classList.toggle('active', sortBtns[j].dataset.sort === pagState.sort);
+            sortBtns[j].classList.toggle('desc', sortBtns[j].dataset.sort === pagState.sort && pagState.desc);
+        }
+        // Dropdown liste
+        var sel = document.getElementById('qbt-list-sort');
+        if (sel) sel.value = pagState.sort + '|' + (pagState.desc ? '1' : '0');
+        // Dropdown perPage
+        var pp = document.getElementById('qbt-per-page');
+        if (pp) pp.value = String(pagState.perPage);
+    }
+
+    function setSort(field, desc) {
+        pagState.sort = field;
+        pagState.desc = !!desc;
+        pagState.page = 1;
+        localStorage.setItem('qbt_sort_field', field);
+        localStorage.setItem('qbt_sort_desc', desc ? '1' : '0');
+        syncSortUI();
+        refreshData();
+    }
+
+    bindDoc('click', 'viewSortPag', function(e) {
+        var vb = e.target.closest('.view-btn');
+        if (vb) { applyView(vb.dataset.view); return; }
+        var sb = e.target.closest('#qbt-table-header .qbt-sort');
+        if (sb) {
+            var f = sb.dataset.sort;
+            if (pagState.sort === f) setSort(f, !pagState.desc);
+            else setSort(f, f !== 'name');
+            return;
+        }
+        var pg = e.target.closest('#qbt-pagination-links .page-link');
+        if (pg) {
+            var li = pg.closest('.page-item');
+            if (!li || li.classList.contains('disabled') || li.classList.contains('active')) return;
+            var n = parseInt(pg.dataset.page, 10);
+            if (n > 0 && n !== pagState.page) { pagState.page = n; refreshData(); window.scrollTo({top:0, behavior:'smooth'}); }
+        }
+    });
+
+    bindDoc('change', 'listSort', function(e) {
+        if (e.target && e.target.id === 'qbt-list-sort') {
+            var parts = e.target.value.split('|');
+            setSort(parts[0], parts[1] === '1');
+        }
+    });
+
+    // ── Filtres ─────────────────────────────────────────────────────────────
+    var filterBtns = document.querySelectorAll('.filter-pill');
+    for (var i = 0; i < filterBtns.length; i++) {
+        // onclick (pas addEventListener) — évite les doublons après re-exec Turbo
+        filterBtns[i].onclick = function(){
+            for (var j = 0; j < filterBtns.length; j++) filterBtns[j].classList.remove('active');
+            this.classList.add('active');
+            currentFilter = this.dataset.filter;
+            pagState.filter = currentFilter;
+            pagState.page = 1;
+            refreshData();
+        };
+    }
+
+    var searchInput = document.getElementById('qbt-search');
+    if (searchInput) {
+        var searchTimeout;
+        searchInput.oninput = function() {
+            clearTimeout(searchTimeout);
+            var val = searchInput.value;
+            searchTimeout = setTimeout(function(){
+                pagState.search = val;
+                pagState.page = 1;
+                refreshData();
+            }, 250);
+        };
+    }
+
+    // Sélecteur perPage + filtres catégorie/tag
+    bindDoc('change', 'perPage', function(e) {
+        if (!e.target) return;
+        if (e.target.id === 'qbt-per-page') {
+            pagState.perPage = parseInt(e.target.value, 10) || 50;
+            pagState.page = 1;
+            localStorage.setItem('qbt_per_page', String(pagState.perPage));
+            refreshData();
+        } else if (e.target.id === 'qbt-cat-filter') {
+            pagState.category = e.target.value;
+            pagState.page = 1;
+            refreshData();
+        }
+    });
+
+    // ── Actions par torrent ─────────────────────────────────────────────────
+    bindDoc('click', 'torrentActs', function(e) {
+        var btn = e.target.closest('.qbt-act');
+        if (!btn) return;
+        e.stopPropagation();
+        var action = btn.dataset.action;
+        var hash = btn.dataset.hash;
+
+        if (action === 'pause') qbtAction(btn, BASE + '/api/torrent/' + hash + '/pause', null, QBT_I18N.toast.paused).then(refreshData);
+        else if (action === 'resume') qbtAction(btn, BASE + '/api/torrent/' + hash + '/resume', null, QBT_I18N.toast.resumed).then(refreshData);
+        else if (action === 'delete') {
+            deleteTarget = { hashes: [hash], mode: 'single' };
+            var msg = document.getElementById('qbt-delete-msg');
+            if (msg) msg.textContent = tpl(QBT_I18N.modal_delete.msg_named_tpl, { NAME: (btn.dataset.name || hash).substring(0, 60) });
+            document.getElementById('qbt-delete-files').checked = false;
+            document.getElementById('qbt-delete-trigger').click();
+        }
+    });
+
+    // ── Badge Radarr/Sonarr : résolution + redirection ──────────────────────
+    bindDoc('click', 'catLink', function(e) {
+        var tag = e.target.closest('.qbt-cat-link');
+        if (!tag) return;
+        e.stopPropagation();
+        e.preventDefault();
+        var pipeline = tag.dataset.pipeline;
+        var hash = tag.dataset.hash;
+        var name = tag.dataset.name;
+        if (!pipeline || !hash) return;
+        // Feedback visuel
+        var original = tag.innerHTML;
+        tag.innerHTML = '<span class="spinner-border spinner-border-sm" style="width:10px;height:10px;border-width:1px;"></span> ' + escapeHtml(QBT_I18N.toast.cat_resolve_search);
+        fetch(BASE + '/api/resolve/' + pipeline + '/' + hash, { headers: { 'X-Requested-With': 'XMLHttpRequest' } })
+            .then(function(r){ return r.json(); })
+            .then(function(d){
+                if (d && d.found && d.url) {
+                    window.location.href = d.url;
+                } else {
+                    tag.innerHTML = original;
+                    if (window._prismarrToast) window._prismarrToast(tpl(QBT_I18N.toast.cat_resolve_no_match_tpl, { NAME: (name || '').substring(0, 50) }), 'warning');
+                }
+            })
+            .catch(function(){
+                tag.innerHTML = original;
+                if (window._prismarrToast) window._prismarrToast(QBT_I18N.toast.cat_resolve_error, 'danger');
+            });
+    });
+
+    // ── Clic ligne = modal détail ───────────────────────────────────────────
+    bindDoc('click', 'rowDetail', function(e) {
+        var row = e.target.closest('.qbt-torrent');
+        if (!row) return;
+        if (e.target.closest('.qbt-act') || e.target.closest('.qbt-check') || e.target.closest('.qbt-cat-link') || e.target.tagName === 'INPUT') return;
+        openDetail(row.dataset.hash);
+    });
+
+    function openDetail(hash) {
+        document.getElementById('qbt-detail-title').textContent = QBT_I18N.modal_detail.loading;
+        document.getElementById('qbt-detail-props').innerHTML = '<div class="col-12 text-center text-muted py-3">' + escapeHtml(QBT_I18N.modal_detail.loading) + '</div>';
+        document.getElementById('qbt-detail-files').innerHTML = '';
+        document.getElementById('qbt-detail-trackers').innerHTML = '';
+        document.getElementById('qbt-detail-peers').innerHTML = '';
+        document.getElementById('qbt-detail-actions').innerHTML = '';
+        document.getElementById('qbt-detail-trigger').click();
+
+        fetch(BASE + '/api/torrent/' + hash, { headers: { 'X-Requested-With': 'XMLHttpRequest' } })
+        .then(function(r) { return r.json(); })
+        .then(function(data) { renderDetail(hash, data); })
+        .catch(function() { document.getElementById('qbt-detail-props').innerHTML = '<div class="col-12 text-center text-danger py-3">' + escapeHtml(QBT_I18N.modal_detail.error_load) + '</div>'; });
+    }
+
+    function renderDetail(hash, data) {
+        var p = data.properties || {};
+        document.getElementById('qbt-detail-title').textContent = p.name || hash;
+
+        // ── Propriétés simplifiées ──
+        var pp = QBT_I18N.modal_detail.props;
+        var props = [
+            [pp.downloaded, fmtSize(p.total_downloaded || 0)],
+            [pp.uploaded,   fmtSize(p.total_uploaded || 0)],
+            [pp.ratio,      (p.share_ratio || 0).toFixed(2)],
+            [pp.dl_speed,   fmtSpeed(p.dl_speed || 0)],
+            [pp.up_speed,   fmtSpeed(p.up_speed || 0)],
+            [pp.eta,        (p.eta || 0) >= 8640000 ? '-' : fmtDuration(p.eta)],
+            [pp.seeds,      (p.seeds || 0) + ' / ' + (p.seeds_total || 0)],
+            [pp.peers,      (p.peers || 0) + ' / ' + (p.peers_total || 0)],
+            [pp.total_size, fmtSize(p.total_size || 0)],
+            [pp.added,      fmtDate(p.addition_date)],
+            [pp.completed,  fmtDate(p.completion_date)],
+        ];
+        var html = '';
+        for (var i = 0; i < props.length; i++) {
+            html += '<div class="col-6 col-md-4"><div class="qbt-prop-card"><div class="qbt-prop-label">' + escapeHtml(props[i][0]) + '</div><div class="qbt-prop-value">' + props[i][1] + '</div></div></div>';
+        }
+        if (p.save_path) {
+            html += '<div class="col-12"><div class="qbt-prop-card"><div class="qbt-prop-label">' + escapeHtml(pp.save_path) + '</div><div class="qbt-prop-value" style="font-family:monospace;font-size:.75rem;word-break:break-all;">' + escapeHtml(p.save_path) + '</div></div></div>';
+        }
+        document.getElementById('qbt-detail-props').innerHTML = html;
+
+        // ── Fichiers ──
+        var filesEl = document.getElementById('qbt-detail-files');
+        if (data.files && data.files.length) {
+            var fhtml = '';
+            for (var fi = 0; fi < data.files.length; fi++) {
+                var f = data.files[fi];
+                var fprog = Math.round((f.progress || 0) * 100);
+                var fname = (f.name || '').split('/').pop();
+                // Le client ne renvoie pas d'identifiant de fichier : l'index de la
+                // liste EST l'index Transmission (torrent-get conserve l'ordre).
+                fhtml += '<tr class="qbt-file-row" data-file-id="' + fi + '">'
+                    + '<td title="' + escapeHtml(f.name || '') + '">' + escapeHtml(fname) + '</td>'
+                    + '<td>' + fmtSize(f.size || 0) + '</td>'
+                    + '<td><div class="d-flex align-items-center gap-2"><div class="qbt-mini-bar"><div style="width:' + fprog + '%"></div></div><span style="font-size:.7rem;">' + fprog + '%</span></div></td>'
+                    + '</tr>';
+            }
+            filesEl.innerHTML = fhtml;
+        } else {
+            filesEl.innerHTML = '<tr><td colspan="3" class="text-center text-muted">' + escapeHtml(QBT_I18N.modal_detail.files_empty) + '</td></tr>';
+        }
+
+        // ── Trackers ──
+        var trackersEl = document.getElementById('qbt-detail-trackers');
+        // TRACKER_STATUS hissé au module-level (éviter redéclaration à chaque ouverture de modal)
+        var trackersEmptyRow = '<tr><td colspan="2" class="text-center text-muted">' + escapeHtml(QBT_I18N.modal_detail.trackers_empty) + '</td></tr>';
+        if (data.trackers && data.trackers.length) {
+            var thtml = '';
+            for (var ti = 0; ti < data.trackers.length; ti++) {
+                var tr = data.trackers[ti];
+                if (tr.url === '** [DHT] **' || tr.url === '** [PeX] **' || tr.url === '** [LSD] **') continue;
+                // msg = lastAnnounceResult ; vide tant que le tracker n'a pas répondu.
+                var trTitle = escapeHtml(tr.url) + (tr.msg ? ' — ' + escapeHtml(tr.msg) : '');
+                thtml += '<tr class="qbt-tracker-row">'
+                    + '<td class="text-truncate" style="max-width:380px;" title="' + trTitle + '">' + escapeHtml(tr.url) + '</td>'
+                    + '<td>' + (TRACKER_STATUS[tr.status] || escapeHtml(tr.status || '')) + '</td>'
+                    + '</tr>';
+            }
+            trackersEl.innerHTML = thtml || trackersEmptyRow;
+        } else {
+            trackersEl.innerHTML = trackersEmptyRow;
+        }
+
+        // ── Peers ──
+        var peersEl = document.getElementById('qbt-detail-peers');
+        if (data.peers && data.peers.length) {
+            var phtml = '';
+            for (var pi = 0; pi < data.peers.length; pi++) {
+                var peer = data.peers[pi];
+                // `address` inclut déjà l'hôte seul — Transmission ne renvoie pas de
+                // port dans peers[], et `country` est vide côté client.
+                var addr = escapeHtml(peer.ip || '—');
+                var cc   = escapeHtml(peer.country || '');
+                var prog = parseFloat(peer.progress) || 0;
+                phtml += '<tr class="qbt-peer-row">'
+                    + '<td>' + addr + (cc ? ' <span class="text-muted">(' + cc + ')</span>' : '') + '</td>'
+                    + '<td class="text-truncate" style="max-width:180px;">' + escapeHtml(peer.client || '-') + '</td>'
+                    + '<td>' + prog + '%</td>'
+                    + '<td>' + fmtSpeed(peer.dl_speed) + '</td>'
+                    + '<td>' + fmtSpeed(peer.up_speed) + '</td>'
+                    + '</tr>';
+            }
+            peersEl.innerHTML = phtml;
+        } else {
+            peersEl.innerHTML = '<tr><td colspan="5" class="text-center text-muted">' + escapeHtml(QBT_I18N.modal_detail.peers_empty) + '</td></tr>';
+        }
+
+        // ── Actions — boutons conditionnés selon l'état du torrent ──
+        var row = document.querySelector('.qbt-torrent[data-hash="'+hash+'"]');
+        var state = row ? row.dataset.state : '';
+        var pauseResumeBtn = state === 'paused'
+            ? '<button class="btn btn-sm btn-outline-success qbt-detail-act" data-action="resume" data-hash="'+hash+'"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 4v16l13-8z"/></svg> '+escapeHtml(QBT_I18N.modal_detail.actions.resume)+'</button>'
+            : '<button class="btn btn-sm btn-outline-warning qbt-detail-act" data-action="pause" data-hash="'+hash+'"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 4h4v16H6z"/><path d="M14 4h4v16h-4z"/></svg> '+escapeHtml(QBT_I18N.modal_detail.actions.pause)+'</button>';
+        document.getElementById('qbt-detail-actions').innerHTML = ''
+            + pauseResumeBtn
+            + '<button class="btn btn-sm btn-outline-info qbt-detail-act" data-action="recheck" data-hash="'+hash+'"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12l5 5L20 7"/></svg> '+escapeHtml(QBT_I18N.modal_detail.actions.recheck)+'</button>'
+            + '<button class="btn btn-sm btn-outline-secondary qbt-detail-act" data-action="reannounce" data-hash="'+hash+'"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 1 0 9 -9m-9 9l3 -3m-3 3l3 3"/></svg> '+escapeHtml(QBT_I18N.modal_detail.actions.reannounce)+'</button>'
+            + '<button class="btn btn-sm btn-outline-danger qbt-detail-act ms-auto" data-action="delete" data-hash="'+hash+'"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16"/><path d="M10 11v6"/><path d="M14 11v6"/><path d="M5 7l1 12a2 2 0 002 2h8a2 2 0 002-2l1-12"/></svg> '+escapeHtml(QBT_I18N.modal_detail.actions['delete'])+'</button>';
+    }
+
+    // ── Actions modal détail ────────────────────────────────────────────────
+    bindDoc('click', 'detailActs', function(e) {
+        var btn = e.target.closest('.qbt-detail-act');
+        if (!btn) return;
+        var action = btn.dataset.action;
+        var hash = btn.dataset.hash;
+
+        if (action === 'delete') {
+            deleteTarget = { hashes: [hash], mode: 'single' };
+            document.getElementById('qbt-delete-msg').textContent = QBT_I18N.modal_delete.msg_single;
+            document.getElementById('qbt-delete-files').checked = false;
+            document.getElementById('qbt-delete-trigger').click();
+            return;
+        }
+        var labels = { pause: QBT_I18N.toast.paused, resume: QBT_I18N.toast.resumed, recheck: QBT_I18N.toast.recheck_started, reannounce: QBT_I18N.toast.reannounce_sent };
+        qbtAction(btn, BASE + '/api/torrent/' + hash + '/' + action, null, labels[action] || QBT_I18N.toast.action_sent).then(refreshData);
+    });
+
+    // ── Sélection multiple ──────────────────────────────────────────────────
+    var selectAll = document.getElementById('qbt-select-all');
+    if (selectAll) selectAll.onchange = function() {
+        var checked = this.checked;
+        var cbs = document.querySelectorAll('.qbt-check');
+        selectedHashes = {};
+        for (var i = 0; i < cbs.length; i++) {
+            var row = cbs[i].closest('.qbt-torrent');
+            if (row && row.style.display !== 'none') {
+                cbs[i].checked = checked;
+                if (checked) selectedHashes[cbs[i].dataset.hash] = true;
+                row.classList.toggle('selected', checked);
+            }
+        }
+        updateBulkBar();
+    };
+
+    bindDoc('change', 'rowCheck', function(e) {
+        if (!e.target.classList.contains('qbt-check')) return;
+        var hash = e.target.dataset.hash;
+        if (e.target.checked) selectedHashes[hash] = true; else delete selectedHashes[hash];
+        var row = e.target.closest('.qbt-torrent');
+        if (row) row.classList.toggle('selected', e.target.checked);
+        updateBulkBar();
+    });
+
+    function updateBulkBar() {
+        var count = Object.keys(selectedHashes).length;
+        var bar = document.getElementById('qbt-bulk-bar');
+        var lbl = document.getElementById('qbt-bulk-count-label');
+        if (lbl) lbl.textContent = plural(count, QBT_I18N.bulk.sel_one, QBT_I18N.bulk.sel_many);
+        if (bar) bar.classList.toggle('show', count > 0);
+    }
+
+    function getSelectedHashes() { return Object.keys(selectedHashes); }
+
+    function bindBulk(id, fn) { var el = document.getElementById(id); if (el) el.onclick = function(e){ fn(e.currentTarget); }; }
+    bindBulk('qbt-bulk-resume', function(btn){ var h = getSelectedHashes(); qbtAction(btn, BASE + '/api/bulk/resume',  { hashes: h }, plural(h.length, QBT_I18N.toast.bulk_resumed_one, QBT_I18N.toast.bulk_resumed_many)).then(refreshData); });
+    bindBulk('qbt-bulk-pause',  function(btn){ var h = getSelectedHashes(); qbtAction(btn, BASE + '/api/bulk/pause',   { hashes: h }, plural(h.length, QBT_I18N.toast.bulk_paused_one, QBT_I18N.toast.bulk_paused_many)).then(refreshData); });
+    bindBulk('qbt-bulk-recheck',function(btn){ var h = getSelectedHashes(); qbtAction(btn, BASE + '/api/bulk/recheck', { hashes: h }, plural(h.length, QBT_I18N.toast.bulk_recheck_one, QBT_I18N.toast.bulk_recheck_many)).then(refreshData); });
+    bindBulk('qbt-bulk-delete', function(){
+        deleteTarget = { hashes: getSelectedHashes(), mode: 'bulk' };
+        document.getElementById('qbt-delete-msg').textContent = plural(deleteTarget.hashes.length, QBT_I18N.modal_delete.msg_bulk_one, QBT_I18N.modal_delete.msg_bulk_many);
+        document.getElementById('qbt-delete-files').checked = false;
+        document.getElementById('qbt-delete-trigger').click();
+    });
+    bindBulk('qbt-bulk-clear', function(){
+        selectedHashes = {};
+        var cbs = document.querySelectorAll('.qbt-check');
+        for (var i = 0; i < cbs.length; i++) { cbs[i].checked = false; cbs[i].closest('.qbt-torrent').classList.remove('selected'); }
+        if (selectAll) selectAll.checked = false;
+        updateBulkBar();
+    });
+
+    // ── Delete confirm ──────────────────────────────────────────────────────
+    var deleteConfirm = document.getElementById('qbt-delete-confirm');
+    if (deleteConfirm) deleteConfirm.onclick = function(e) {
+        var btn = e.currentTarget;
+        var deleteFiles = document.getElementById('qbt-delete-files').checked;
+        var url = deleteTarget.mode === 'bulk' ? BASE + '/api/bulk/delete' : BASE + '/api/torrent/' + deleteTarget.hashes[0] + '/delete';
+        var body = deleteTarget.mode === 'bulk' ? { hashes: deleteTarget.hashes, deleteFiles: deleteFiles } : { deleteFiles: deleteFiles };
+        var msg = plural(deleteTarget.hashes.length, QBT_I18N.toast.bulk_deleted_one, QBT_I18N.toast.bulk_deleted_many)
+            + (deleteFiles ? QBT_I18N.toast.bulk_deleted_with_files_suffix : '');
+
+        qbtAction(btn, url, body, msg).then(function() {
+            document.querySelector('#qbt-modal-delete .btn-close').click();
+            for (var i = 0; i < deleteTarget.hashes.length; i++) {
+                var row = document.querySelector('.qbt-torrent[data-hash="' + deleteTarget.hashes[i] + '"]');
+                if (row) row.style.opacity = '0';
+                delete selectedHashes[deleteTarget.hashes[i]];
+            }
+            updateBulkBar();
+            setTimeout(function() {
+                for (var i = 0; i < deleteTarget.hashes.length; i++) {
+                    var row = document.querySelector('.qbt-torrent[data-hash="' + deleteTarget.hashes[i] + '"]');
+                    if (row) row.remove();
+                }
+                refreshData();
+            }, 300);
+        });
+    };
+
+    // ── Pause all / Resume all ──────────────────────────────────────────────
+    bindBulk('qbt-btn-pause-all',  function(btn){ qbtAction(btn, BASE + '/api/pause-all',  null, QBT_I18N.toast.pause_all).then(refreshData); });
+    bindBulk('qbt-btn-resume-all', function(btn){ qbtAction(btn, BASE + '/api/resume-all', null, QBT_I18N.toast.resume_all).then(refreshData); });
+
+    // ── Ajout torrent ───────────────────────────────────────────────────────
+    // ── Ajouter torrent : reset URL + fichiers ──
+    bindBulk('qbt-btn-add', function(){
+        document.getElementById('qbt-add-urls').value = '';
+        pendingTorrentFiles = [];
+        renderPendingFiles();
+        document.getElementById('qbt-add-trigger').click();
+    });
+
+    // ── Drag-drop + input file (pattern Turbo-safe : re-bind à chaque exec) ──
+    var pendingTorrentFiles = [];
+    var dropZone = document.getElementById('qbt-drop-zone');
+    var fileInput = document.getElementById('qbt-file-input');
+
+    var FILE_REMOVE_TITLE = {{ 'qbittorrent.modal_add.file_remove_title'|trans|json_encode|raw }};
+
+    function renderPendingFiles() {
+        var ul = document.getElementById('qbt-drop-files');
+        if (!ul) return;
+        if (!pendingTorrentFiles.length) { ul.innerHTML = ''; return; }
+        var html = '';
+        pendingTorrentFiles.forEach(function(f, i){
+            html += '<li>' + {{ ico.icon('file', '', 14)|json_encode|raw }} + ' <strong>' + escapeHtml(f.name) + '</strong> <span class="text-muted" style="font-size:.7rem;">(' + fmtSize(f.size) + ')</span><span class="remove" data-i="' + i + '" title="' + escapeHtml(FILE_REMOVE_TITLE) + '">×</span></li>';
+        });
+        ul.innerHTML = html;
+    }
+
+    function addFiles(fileList) {
+        for (var i = 0; i < fileList.length; i++) {
+            var f = fileList[i];
+            if (f.name.toLowerCase().endsWith('.torrent')) pendingTorrentFiles.push(f);
+            else if (window._prismarrToast) window._prismarrToast(tpl(QBT_I18N.toast.file_ignored_tpl, { NAME: f.name }), 'warning');
+        }
+        renderPendingFiles();
+    }
+
+    if (dropZone && fileInput) {
+        dropZone.onclick = function(e) { if (!e.target.classList.contains('remove')) fileInput.click(); };
+        fileInput.onchange = function() { addFiles(fileInput.files); fileInput.value = ''; };
+        dropZone.ondragover = function(e) { e.preventDefault(); dropZone.classList.add('drag-over'); };
+        dropZone.ondragleave = function() { dropZone.classList.remove('drag-over'); };
+        dropZone.ondrop = function(e) {
+            e.preventDefault();
+            dropZone.classList.remove('drag-over');
+            if (e.dataTransfer && e.dataTransfer.files) addFiles(e.dataTransfer.files);
+        };
+    }
+    bindDoc('click', 'dropFileRemove', function(e) {
+        var rm = e.target.closest('#qbt-drop-files .remove');
+        if (!rm) return;
+        pendingTorrentFiles.splice(parseInt(rm.dataset.i, 10), 1);
+        renderPendingFiles();
+    });
+
+    var addSubmitInFlight = false;
+    bindBulk('qbt-add-submit', function(btn){
+        if (addSubmitInFlight) return;  // garde anti double-submit globale
+
+        var urls = document.getElementById('qbt-add-urls').value.trim();
+        var savepath = document.getElementById('transmission-add-savepath').value.trim();
+        var paused = document.getElementById('qbt-add-paused').value === 'true';
+        var hasFiles = pendingTorrentFiles.length > 0;
+        var hasUrls = urls.length > 0;
+
+        if (!hasFiles && !hasUrls) {
+            if (window._prismarrToast) window._prismarrToast(QBT_I18N.toast.add_required, 'warning');
+            return;
+        }
+
+        addSubmitInFlight = true;
+        if (btn) { btn.disabled = true; btn.dataset.qbtOriginalHtml = btn.innerHTML; btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span>'; }
+
+        var restoreBtn = function() {
+            addSubmitInFlight = false;
+            if (btn) { btn.disabled = false; if (btn.dataset.qbtOriginalHtml) { btn.innerHTML = btn.dataset.qbtOriginalHtml; delete btn.dataset.qbtOriginalHtml; } }
+        };
+
+        var closeAndRefresh = function() {
+            document.querySelector('#qbt-modal-add .btn-close').click();
+            pendingTorrentFiles = []; renderPendingFiles();
+            setTimeout(refreshData, 1000);
+        };
+
+        // 1) Envoi des fichiers d'abord si présents
+        var filesDone = Promise.resolve(true);
+        if (hasFiles) {
+            var fd = new FormData();
+            pendingTorrentFiles.forEach(function(f){ fd.append('torrents[]', f); });
+            if (savepath) fd.append('savepath', savepath);
+            if (paused)   fd.append('paused', 'true');
+            filesDone = fetch(BASE + '/api/add-file', { method: 'POST', body: fd })
+                .then(function(r){ return r.json(); })
+                .then(function(d){
+                    if (window._prismarrToast) {
+                        var msg = (d && d.ok)
+                            ? plural(d.count, QBT_I18N.toast.add_files_ok_one, QBT_I18N.toast.add_files_ok_many)
+                            : QBT_I18N.toast.add_files_ko;
+                        window._prismarrToast(msg, d && d.ok ? 'success' : 'danger');
+                    }
+                    return d && d.ok;
+                })
+                .catch(function(){ return false; });
+        }
+
+        filesDone.then(function(filesOk){
+            // 2) Puis les URLs si présentes
+            if (hasUrls) {
+                return qbtPost(BASE + '/api/add', { urls: urls, savepath: savepath || null, paused: paused })
+                    .then(function(d){
+                        var ok = d && d.ok;
+                        var msg = ok ? QBT_I18N.toast.add_url_ok : ((d && d.error) ? d.error : QBT_I18N.toast.add_url_ko);
+                        if (window._prismarrToast) window._prismarrToast(msg, ok ? 'success' : 'danger');
+                        return ok;
+                    })
+                    .catch(function(){ return false; });
+            }
+            return filesOk;
+        }).then(function(ok){
+            restoreBtn();
+            if (ok) closeAndRefresh();
+        });
+    });
+
+    // ── Init ────────────────────────────────────────────────────────────────
+    applyView(currentView);
+    syncSortUI();
+    // Aligne l'état avec le filtre actif (.filter-pill.active)
+    var activeFilter = document.querySelector('.filter-pill.active');
+    if (activeFilter) pagState.filter = activeFilter.dataset.filter || 'all';
+    refreshData();    // premier fetch immédiat (applique pagination+tri+filtre serveur)
+    startRefresh();
+    var initDl = {{ (stats.dl_speed ?? 0)|json_encode|raw }};
+    var initUp = {{ (stats.up_speed ?? 0)|json_encode|raw }};
+    var speedDl = document.getElementById('qbt-speed-dl');
+    var speedUp = document.getElementById('qbt-speed-up');
+    if (speedDl && initDl > 0) speedDl.innerHTML = '&#8595; ' + fmtSpeed(initDl);
+    if (speedUp && initUp > 0) speedUp.innerHTML = '&#8593; ' + fmtSpeed(initUp);
+    var connDot = document.getElementById('qbt-conn-dot');
+    var connStatus = {{ (stats.connection ?? "unknown")|json_encode|raw }};
+    if (connDot) connDot.className = 'qbt-connection ' + (connStatus === 'connected' ? 'connected' : connStatus === 'firewalled' ? 'firewalled' : 'disconnected');
+})();
+</script>
+{% endblock %}
diff --git a/symfony/templates/unifi/_history.html.twig b/symfony/templates/unifi/_history.html.twig
new file mode 100644
index 00000000..91f52ba0
--- /dev/null
+++ b/symfony/templates/unifi/_history.html.twig
@@ -0,0 +1,105 @@
+{# 7-day WAN traffic + 30-day speedtest history. Both charts are server-rendered
+   inline SVG built by the controller; this file only lays them out. Each card
+   degrades on its own — a missing speedtest archive must not blank the traffic
+   chart.
+
+   NOTE on styling: the shipped widget's `.net-chart*` classes (net-chart,
+   net-chart-fill, net-chart-down, net-chart-up, net-chart-axis) are defined in
+   an inline <style> block inside the `stylesheets` block of
+   `templates/dashboard/index.html.twig` — they are dashboard-page-scoped, not
+   a globally-loaded stylesheet, so they are not available on /unifi. Per the
+   plan's fallback, the same visual structure is reproduced here with explicit
+   style/stroke/fill attributes instead of those classes. No new CSS file. #}
+<div class="row row-deck row-cards">
+
+  <div class="col-12 col-xl-7">
+    <div class="card">
+      <div class="card-header">
+        <h3 class="card-title">{{ 'unifi.history.traffic'|trans }}</h3>
+      </div>
+      <div class="card-body">
+        {% if usageChart is not null %}
+          <div class="d-flex justify-content-end text-secondary small mb-1">
+            ↓ {{ usageChart.downTotal }} · ↑ {{ usageChart.upTotal }}
+          </div>
+          <svg class="unifi-chart" viewBox="0 0 600 120" preserveAspectRatio="none" role="img"
+               aria-label="{{ 'unifi.history.traffic'|trans }}">
+            <polygon class="unifi-chart-fill" points="{{ usageChart.downArea }}"/>
+            <polyline class="unifi-chart-down" points="{{ usageChart.downLine }}"/>
+            <polyline class="unifi-chart-up" points="{{ usageChart.upLine }}"/>
+            {% for p in usageChart.points %}
+              <rect x="{{ p.x }}" y="0" width="{{ p.w }}" height="120" fill="transparent"><title>{{ p.label }}</title></rect>
+            {% endfor %}
+          </svg>
+          <div class="unifi-chart-axis">
+            <span>{{ usageChart.startLabel }}</span><span>{{ usageChart.endLabel }}</span>
+          </div>
+        {% else %}
+          <div class="empty"><p class="empty-title">{{ 'unifi.empty'|trans }}</p></div>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+
+  <div class="col-12 col-xl-5">
+    <div class="card">
+      <div class="card-header">
+        <h3 class="card-title">{{ 'unifi.history.speedtests'|trans }}</h3>
+      </div>
+      <div class="card-body">
+        {% if speedChart is not null %}
+          <div class="d-flex justify-content-end text-secondary small mb-1">
+            {{ 'unifi.history.latency_range'|trans({
+                 min: speedChart.latencyMin ?? '—',
+                 avg: speedChart.latencyAvg ?? '—',
+                 max: speedChart.latencyMax ?? '—'
+               }) }}
+          </div>
+          {# Three series on a dual scale: throughput lines share the left scale
+             (peak = speedChart.peakMbps), latency has its own on the right. The
+             helper has already mapped every series into this 600x120 box, so
+             nothing here does arithmetic. #}
+          <svg class="unifi-chart" viewBox="0 0 600 120" preserveAspectRatio="none" role="img"
+               aria-label="{{ 'unifi.history.speedtests'|trans }}">
+            <polyline class="unifi-chart-down" points="{{ speedChart.downLine }}"/>
+            <polyline class="unifi-chart-up" points="{{ speedChart.upLine }}"/>
+            <polyline class="unifi-chart-latency" points="{{ speedChart.latencyLine }}"/>
+            {% for p in speedChart.points %}
+              <rect x="{{ p.x }}" y="0" width="{{ p.w }}" height="120" fill="transparent"><title>{{ p.label }}</title></rect>
+            {% endfor %}
+          </svg>
+          <div class="unifi-chart-axis">
+            <span>{{ speedChart.startLabel }}</span><span>{{ speedChart.endLabel }}</span>
+          </div>
+          <div class="text-secondary small mt-2">
+            {# latestDown/Up/Latency are pre-formatted strings from Task 3 — the
+               translation must not append units. #}
+            {{ 'unifi.history.latest'|trans({
+                 down: speedChart.latestDown ?? '—',
+                 up: speedChart.latestUp ?? '—',
+                 latency: speedChart.latestLatency ?? '—'
+               }) }}
+            · {{ 'unifi.history.peak'|trans({ peak: speedChart.peakMbps }) }}
+          </div>
+          {% if speedChart.points|length < 5 %}
+            {# Not an error: scheduled speedtests are disabled on this console, so
+               the archive is sparse and the line is short. #}
+            <div class="text-secondary small mt-1">
+              {{ 'unifi.history.speedtests_sparse'|trans({ count: speedChart.points|length }) }}
+            </div>
+          {% endif %}
+        {% else %}
+          {# SpeedtestChart returns null below two usable runs — the single-run
+             case, which this console can reach. Say why. #}
+          <div class="empty">
+            <p class="empty-title">{{ 'unifi.empty'|trans }}</p>
+            <p class="empty-subtitle text-secondary">
+              {{ 'unifi.history.speedtests_sparse'|trans({ count: (history.speedtests ?? [])|length }) }}
+            </p>
+          </div>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+
+</div>
diff --git a/symfony/templates/unifi/_infra.html.twig b/symfony/templates/unifi/_infra.html.twig
new file mode 100644
index 00000000..a0946f3c
--- /dev/null
+++ b/symfony/templates/unifi/_infra.html.twig
@@ -0,0 +1,254 @@
+{# Physical topology + RF. 60s cadence. One stat/device call feeds both the
+   device table and the radio table; stat/rogueap and rest/networkconf feed the
+   other two. Each panel owns its empty state, so one missing endpoint costs one
+   panel, never the region.
+
+   Styling note: the tabular-figure and chart classes used here live in a
+   page-scoped <style> block in unifi/index.html.twig, not in this fragment —
+   this file is re-injected on every 60s poll, so a <style> tag inside it would
+   accumulate duplicates. #}
+{% if infra is null %}
+  <div class="card">
+    <div class="card-body">
+      <div class="empty">
+        <p class="empty-title">{{ 'unifi.unreachable'|trans }}</p>
+        <div class="empty-action">
+          <button type="button" class="btn btn-primary" data-dash-retry>{{ 'unifi.retry'|trans }}</button>
+        </div>
+      </div>
+    </div>
+  </div>
+{% else %}
+<div class="row row-deck row-cards">
+
+  {# ── Infrastructure ── #}
+  <div class="col-12">
+    <div class="card">
+      <div class="card-header">
+        <h3 class="card-title">{{ 'unifi.infra.title'|trans }}</h3>
+        <div class="card-subtitle ms-auto text-secondary small">
+          {{ 'unifi.infra.summary'|trans({
+               devices: infra.counts.devices,
+               online: infra.counts.online,
+               upgradable: infra.counts.upgradable
+             }) }}
+        </div>
+      </div>
+      {# One row per device rather than one card per device. These are homogeneous
+         records with identical fields, so a table both compresses them (5 devices
+         in ~200px instead of ~1100px) and makes the columns comparable — scanning
+         "which box is hot?" down a RAM column is the actual job here. It also
+         removes a nested-card level and matches the two RF tables below, so the
+         whole region speaks one vocabulary. #}
+      {% if infra.devices %}
+        <div class="table-responsive">
+          <table class="table table-sm table-vcenter card-table unifi-nums">
+            <thead>
+              <tr>
+                <th>{{ 'unifi.infra.device'|trans }}</th>
+                <th>IP</th>
+                <th class="text-end">{{ 'unifi.tiles.clients'|trans }}</th>
+                <th class="text-end">{{ 'unifi.infra.uptime'|trans }}</th>
+                <th class="text-end">CPU</th>
+                <th class="text-end">RAM</th>
+                <th class="text-end">{{ 'unifi.infra.temperature'|trans }}</th>
+              </tr>
+            </thead>
+            <tbody>
+              {% for d in infra.devices %}
+                <tr>
+                  <td>
+                    <div class="d-flex align-items-center">
+                      <span class="status-dot {{ d.online ? 'status-dot-animated bg-green' : 'bg-red' }} me-2 flex-shrink-0"></span>
+                      <div class="text-truncate">
+                        <div class="text-truncate">{{ d.name ?? '—' }}</div>
+                        {# Model and role on one muted sub-line: saves two columns
+                           and keeps the row scannable at a glance. #}
+                        <div class="text-secondary small text-truncate">
+                          {{ d.model ?? '—' }} · {{ ('unifi.infra.kind_' ~ d.kind)|trans }}
+                        </div>
+                      </div>
+                      {% if d.upgradable %}
+                        <span class="badge bg-yellow-lt ms-2 flex-shrink-0">{{ 'unifi.infra.upgradable'|trans }}</span>
+                      {% endif %}
+                    </div>
+                  </td>
+                  <td class="font-monospace text-nowrap">{{ d.ip ?? '—' }}</td>
+                  <td class="text-end">{{ d.clients ?? '—' }}</td>
+                  <td class="text-end text-nowrap">{{ d.uptimeSeconds is null ? '—' : (d.uptimeSeconds // 86400) ~ 'd' }}</td>
+                  {# Colour only when it's worth looking at — a quiet console
+                     shouldn't render as a wall of green. #}
+                  <td class="text-end {{ d.cpuPercent is not null and d.cpuPercent >= 80 ? 'text-red' : (d.cpuPercent is not null and d.cpuPercent >= 60 ? 'text-yellow' : '') }}">
+                    {{ d.cpuPercent is null ? '—' : d.cpuPercent|round ~ '%' }}
+                  </td>
+                  <td class="text-end {{ d.memPercent is not null and d.memPercent >= 90 ? 'text-red' : (d.memPercent is not null and d.memPercent >= 80 ? 'text-yellow' : '') }}">
+                    {{ d.memPercent is null ? '—' : d.memPercent|round ~ '%' }}
+                  </td>
+                  {# Gateway-only: no other device reports a temperature, so a
+                     dash here is normal, not a failed read. #}
+                  <td class="text-end text-nowrap">{{ d.tempC is null ? '—' : d.tempC|round ~ ' °C' }}</td>
+                </tr>
+              {% endfor %}
+            </tbody>
+          </table>
+        </div>
+      {% else %}
+        <div class="card-body"><div class="empty"><p class="empty-title">{{ 'unifi.empty'|trans }}</p></div></div>
+      {% endif %}
+    </div>
+  </div>
+
+  {# ── RF environment: radios left, neighbors right ──
+     7/5. An earlier 8/4 split clipped the neighbor table's Vendor column clean
+     off at desktop width (live-verified): the reasoning was backwards, since the
+     radio table had just LOST its satisfaction column and so needed less room,
+     not more. 7 columns fit comfortably in 7, and 5 gives the neighbor table
+     enough width for Vendor plus a non-wrapping `-60 dBm`. #}
+  <div class="col-12 col-xl-7">
+    <div class="card">
+      <div class="card-header"><h3 class="card-title">{{ 'unifi.infra.radios'|trans }}</h3></div>
+      {% if infra.radios %}
+        <div class="table-responsive">
+          <table class="table table-sm table-vcenter card-table unifi-nums">
+            <thead>
+              <tr>
+                <th>{{ 'unifi.clients.access_point'|trans }}</th>
+                <th>{{ 'unifi.clients.band'|trans }}</th>
+                <th class="text-nowrap">{{ 'unifi.infra.channel'|trans }}</th>
+                <th class="text-end text-nowrap">{{ 'unifi.infra.power'|trans }}</th>
+                <th style="min-width:8rem">{{ 'unifi.infra.utilization'|trans }}</th>
+                <th class="text-end">{{ 'unifi.infra.retry_pct'|trans }}</th>
+                <th class="text-end">{{ 'unifi.tiles.clients'|trans }}</th>
+              </tr>
+            </thead>
+            <tbody>
+              {% for r in infra.radios %}
+                <tr>
+                  <td class="text-truncate">{{ r.device ?? '—' }}</td>
+                  <td class="text-nowrap">{{ r.band }}</td>
+                  <td class="text-nowrap">{{ r.channel ?? '—' }}{% if r.widthMhz %} <span class="text-secondary">/ {{ r.widthMhz }}</span>{% endif %}</td>
+                  <td class="text-end text-nowrap">{{ r.txPowerDbm is null ? '—' : r.txPowerDbm ~ ' dBm' }}</td>
+                  <td>
+                    {% if r.utilizationPercent is null %}—{% else %}
+                      <div class="d-flex align-items-center">
+                        <div class="progress progress-sm flex-fill me-2">
+                          <div class="progress-bar {{ r.utilizationPercent >= 70 ? 'bg-red' : (r.utilizationPercent >= 40 ? 'bg-yellow' : 'bg-green') }}"
+                               style="width: {{ min(r.utilizationPercent, 100) }}%"></div>
+                        </div>
+                        <span class="text-secondary small text-nowrap">{{ r.utilizationPercent|round }}%</span>
+                      </div>
+                    {% endif %}
+                  </td>
+                  {# Retry is the one number here that's worth flagging: a radio
+                     retransmitting a third of its frames is a real problem. #}
+                  <td class="text-end {{ r.retryPercent is not null and r.retryPercent >= 25 ? 'text-red' : (r.retryPercent is not null and r.retryPercent >= 15 ? 'text-yellow' : '') }}">
+                    {{ r.retryPercent is null ? '—' : r.retryPercent|round(1) ~ '%' }}
+                  </td>
+                  {# The Satisfaction column is deliberately gone. The console
+                     reports -1 per radio on this firmware, so it was a permanently
+                     empty column paying for itself in width on the widest table
+                     of the page. UnifiInfraReader still maps `satisfaction`, so
+                     restoring it means adding a th/td pair here plus a
+                     `unifi.infra.satisfaction` key back to both locale files —
+                     the key was removed with the column rather than left dead. #}
+                  <td class="text-end">{{ r.clients ?? '—' }}</td>
+                </tr>
+              {% endfor %}
+            </tbody>
+          </table>
+        </div>
+      {% else %}
+        <div class="card-body"><div class="empty"><p class="empty-title">{{ 'unifi.empty'|trans }}</p></div></div>
+      {% endif %}
+    </div>
+  </div>
+
+  <div class="col-12 col-xl-5">
+    <div class="card">
+      <div class="card-header"><h3 class="card-title">{{ 'unifi.infra.neighbors'|trans }}</h3></div>
+      {% if infra.neighbors %}
+        <div class="table-responsive" style="max-height: 22rem; overflow-y: auto">
+          <table class="table table-sm table-vcenter card-table unifi-nums">
+            <thead>
+              <tr>
+                <th>{{ 'unifi.clients.ssid'|trans }}</th>
+                <th class="text-end">{{ 'unifi.infra.channel'|trans }}</th>
+                <th class="text-end">{{ 'unifi.infra.signal'|trans }}</th>
+                <th>{{ 'unifi.infra.vendor'|trans }}</th>
+              </tr>
+            </thead>
+            <tbody>
+              {% for n in infra.neighbors %}
+                <tr>
+                  {# A hidden network is a fact, not missing data — a bare dash
+                     here reads as a failed parse, and half these rows are hidden. #}
+                  <td class="text-truncate">
+                    {%- if n.ssid is null -%}
+                      <span class="text-secondary fst-italic">{{ 'unifi.infra.hidden_ssid'|trans }}</span>
+                    {%- else -%}
+                      {{ n.ssid }}
+                    {%- endif -%}
+                  </td>
+                  <td class="text-end">{{ n.channel ?? '—' }}</td>
+                  <td class="text-end text-nowrap">{{ n.signalDbm is null ? '—' : n.signalDbm ~ ' dBm' }}</td>
+                  {# title= so a truncated vendor is still inspectable on hover. #}
+                  <td class="text-secondary text-truncate" title="{{ n.vendor ?? '' }}">{{ n.vendor ?? '—' }}</td>
+                </tr>
+              {% endfor %}
+            </tbody>
+          </table>
+        </div>
+      {% else %}
+        {# Expected state if stat/rogueap is unavailable on this firmware —
+           see plan Task 5 Step 1b. Not a bug, so say why rather than showing
+           a bare "no data". #}
+        <div class="card-body">
+          <div class="empty">
+            <p class="empty-title">{{ 'unifi.infra.neighbors_unavailable'|trans }}</p>
+          </div>
+        </div>
+      {% endif %}
+    </div>
+  </div>
+
+  {# ── Networks / VLANs ── #}
+  <div class="col-12">
+    <div class="card">
+      <div class="card-header"><h3 class="card-title">{{ 'unifi.infra.networks'|trans }}</h3></div>
+      {% if infra.networks %}
+        <div class="table-responsive">
+          <table class="table table-sm table-vcenter card-table">
+            <thead>
+              <tr>
+                <th>{{ 'unifi.infra.network_name'|trans }}</th>
+                <th>{{ 'unifi.infra.vlan'|trans }}</th>
+                <th>{{ 'unifi.infra.subnet'|trans }}</th>
+              </tr>
+            </thead>
+            <tbody>
+              {% for n in infra.networks %}
+                <tr>
+                  <td>{{ n.name ?? '—' }}</td>
+                  {# No vlan id means the untagged/default network — a fact, not a
+                     missing value, so say it rather than showing a bare dash. #}
+                  <td>
+                    {%- if n.vlan is null -%}
+                      <span class="text-secondary fst-italic">{{ 'unifi.infra.untagged'|trans }}</span>
+                    {%- else -%}
+                      {{ n.vlan }}
+                    {%- endif -%}
+                  </td>
+                  <td class="font-monospace">{{ n.subnet ?? '—' }}</td>
+                </tr>
+              {% endfor %}
+            </tbody>
+          </table>
+        </div>
+      {% else %}
+        <div class="card-body"><div class="empty"><p class="empty-title">{{ 'unifi.empty'|trans }}</p></div></div>
+      {% endif %}
+    </div>
+  </div>
+
+</div>
+{% endif %}
diff --git a/symfony/templates/unifi/_live.html.twig b/symfony/templates/unifi/_live.html.twig
new file mode 100644
index 00000000..d8dd94f2
--- /dev/null
+++ b/symfony/templates/unifi/_live.html.twig
@@ -0,0 +1,284 @@
+{# 10s cadence. One stat/sta payload feeds the wireless, talkers, top-clients and
+   reservation panels — that sharing is why they're one region. Every panel owns
+   its own empty state.
+
+   rate()/dur() are reused from the shipped dashboard widget
+   (dashboard/_network.html.twig) rather than duplicated here — same ×8
+   bytes→bits conversion, same output text, so the widget keeps rendering
+   identically after this work. Only the cumulative-bytes formatter for
+   topClients is new, since the widget has no such field. #}
+{% import 'dashboard/_network.html.twig' as net %}
+
+{% macro bytes(total) %}
+  {%- if total is null -%}—
+  {%- elseif total >= 1099511627776 -%}{{ (total / 1099511627776)|round(2) }} TiB
+  {%- elseif total >= 1073741824 -%}{{ (total / 1073741824)|round(1) }} GiB
+  {%- elseif total >= 1048576 -%}{{ (total / 1048576)|round }} MiB
+  {%- else -%}{{ (total / 1024)|round }} KiB
+  {%- endif -%}
+{% endmacro %}
+
+{% import _self as f %}
+
+{% if live is null %}
+  <div class="card">
+    <div class="card-body">
+      <div class="empty">
+        <p class="empty-title">{{ 'unifi.unreachable'|trans }}</p>
+        <div class="empty-action">
+          <button type="button" class="btn btn-primary" data-dash-retry>{{ 'unifi.retry'|trans }}</button>
+        </div>
+      </div>
+    </div>
+  </div>
+{% else %}
+
+{# ── Tile row ── #}
+<div class="row row-deck row-cards mb-3">
+
+  <div class="col-6 col-lg-3 col-xxl">
+    <div class="card card-sm">
+      <div class="card-body">
+        <div class="text-secondary small">{{ 'unifi.tiles.wan'|trans }}</div>
+        <div class="h1 mb-0 d-flex align-items-center">
+          {% if live.wan is null %}—{% else %}
+            <span class="status-dot {{ live.wan.status == 'ok' ? 'status-dot-animated bg-green' : 'bg-red' }} me-2"></span>
+            <span class="font-monospace fs-3">{{ live.wan.ip ?? '—' }}</span>
+          {% endif %}
+        </div>
+        {% if live.wan is not null %}
+          {# isp_name gives the reference dashboard's "AT&T Internet · 3 ms" line
+             for free — it's in a payload already being parsed. #}
+          <div class="text-secondary small text-truncate">
+            {{ live.wan.ispName ?? '' }}
+            {%- if live.wan.latencyMs is not null %} · {{ live.wan.latencyMs }} ms {{ 'unifi.tiles.latency'|trans }}{% endif -%}
+            {%- if live.wan.drops %} · {{ live.wan.drops }} {{ 'unifi.tiles.drops'|trans }}{% endif -%}
+          </div>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+
+  <div class="col-6 col-lg-3 col-xxl">
+    <div class="card card-sm">
+      <div class="card-body">
+        <div class="text-secondary small">{{ 'unifi.tiles.cpu'|trans }}</div>
+        <div class="h1 mb-1">{{ (live.gateway is null or live.gateway.cpuPercent is null) ? '—' : live.gateway.cpuPercent|round ~ '%' }}</div>
+        {% if live.gateway is not null and live.gateway.cpuPercent is not null %}
+          <div class="progress progress-sm">
+            <div class="progress-bar {{ live.gateway.cpuPercent >= 80 ? 'bg-red' : 'bg-primary' }}"
+                 style="width: {{ min(live.gateway.cpuPercent, 100) }}%"></div>
+          </div>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+
+  <div class="col-6 col-lg-3 col-xxl">
+    <div class="card card-sm">
+      <div class="card-body">
+        <div class="text-secondary small">{{ 'unifi.tiles.memory'|trans }}</div>
+        <div class="h1 mb-1">{{ (live.gateway is null or live.gateway.memPercent is null) ? '—' : live.gateway.memPercent|round ~ '%' }}</div>
+        {% if live.gateway is not null and live.gateway.memPercent is not null %}
+          <div class="progress progress-sm">
+            <div class="progress-bar {{ live.gateway.memPercent >= 90 ? 'bg-red' : 'bg-primary' }}"
+                 style="width: {{ min(live.gateway.memPercent, 100) }}%"></div>
+          </div>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+
+  <div class="col-6 col-lg-3 col-xxl">
+    <div class="card card-sm">
+      <div class="card-body">
+        <div class="text-secondary small">{{ 'unifi.tiles.clients'|trans }}</div>
+        <div class="h1 mb-0">{{ live.clients is null ? '—' : live.clients.total }}</div>
+        {% if live.clients is not null %}
+          <div class="text-secondary small">
+            {{ live.clients.wired ?? 0 }} {{ 'unifi.tiles.wired'|trans }} ·
+            {{ live.clients.wireless ?? 0 }} {{ 'unifi.tiles.wireless'|trans }}
+            {%- if live.clients.guest %} · {{ live.clients.guest }} {{ 'unifi.tiles.guest'|trans }}{% endif -%}
+          </div>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+
+  <div class="col-12 col-lg-4 col-xxl">
+    <div class="card card-sm">
+      <div class="card-body">
+        <div class="text-secondary small">{{ 'unifi.tiles.throughput'|trans }}</div>
+        <div class="h1 mb-0">
+          ↓ {% if live.wan is not null and live.wan.downBps is not null %}{{ net.rate(live.wan.downBps) }}{% else %}—{% endif %}
+          <span class="text-secondary">/</span>
+          ↑ {% if live.wan is not null and live.wan.upBps is not null %}{{ net.rate(live.wan.upBps) }}{% else %}—{% endif %}
+        </div>
+        <div class="text-secondary small">
+          {{ 'unifi.infra.uptime'|trans }}
+          {% if live.wan is not null and live.wan.uptimeSeconds is not null %}{{ net.dur(live.wan.uptimeSeconds) }}{% else %}—{% endif %}
+        </div>
+      </div>
+    </div>
+  </div>
+
+</div>
+
+<div class="row row-deck row-cards">
+
+  {# ── Wireless: SSID x band x AP ── #}
+  <div class="col-12 col-xl-6">
+    <div class="card">
+      <div class="card-header"><h3 class="card-title">{{ 'unifi.clients.wireless'|trans }}</h3></div>
+      {% if live.wireless %}
+        <div class="table-responsive">
+          <table class="table table-sm table-vcenter card-table">
+            <thead>
+              <tr>
+                <th>{{ 'unifi.clients.ssid'|trans }}</th>
+                <th>{{ 'unifi.clients.band'|trans }}</th>
+                <th>{{ 'unifi.clients.access_point'|trans }}</th>
+                <th>{{ 'unifi.tiles.clients'|trans }}</th>
+                <th>{{ 'unifi.clients.avg_signal'|trans }}</th>
+              </tr>
+            </thead>
+            <tbody>
+              {% for w in live.wireless %}
+                <tr>
+                  <td class="text-truncate">{{ w.ssid }}</td>
+                  <td>{{ w.band ?? '—' }}</td>
+                  <td class="text-truncate">{{ w.ap ?? '—' }}</td>
+                  <td>{{ w.clients }}</td>
+                  <td>
+                    {% if w.avgSignalDbm is null %}—{% else %}
+                      <span class="badge {{ w.avgSignalDbm >= -60 ? 'bg-green-lt' : (w.avgSignalDbm >= -72 ? 'bg-yellow-lt' : 'bg-red-lt') }}">
+                        {{ w.avgSignalDbm }} dBm
+                      </span>
+                    {% endif %}
+                  </td>
+                </tr>
+              {% endfor %}
+            </tbody>
+          </table>
+        </div>
+      {% else %}
+        <div class="card-body"><div class="empty"><p class="empty-title">{{ 'unifi.empty'|trans }}</p></div></div>
+      {% endif %}
+    </div>
+  </div>
+
+  {# ── Live talkers ── #}
+  <div class="col-12 col-xl-6">
+    <div class="card">
+      <div class="card-header"><h3 class="card-title">{{ 'unifi.clients.talkers'|trans }}</h3></div>
+      {% if live.talkers %}
+        {# The list is already sorted descending by the reader, so the first row
+           is the peak and every bar is relative to it. Guarded against a zero
+           peak below — mapTalkers only emits rows with bps > 0, but the guard
+           costs nothing and keeps this panel safe if that invariant ever moves. #}
+        {% set peak = live.talkers|first.bps %}
+        <div class="table-responsive">
+          <table class="table table-sm table-vcenter card-table">
+            <tbody>
+              {% for t in live.talkers %}
+                <tr>
+                  <td class="text-truncate">{{ t.name }}</td>
+                  <td style="width:45%">
+                    <div class="progress progress-sm">
+                      <div class="progress-bar bg-primary"
+                           style="width: {{ peak > 0 ? (t.bps / peak * 100)|round : 0 }}%"></div>
+                    </div>
+                  </td>
+                  <td class="text-end text-nowrap">{{ net.rate(t.bps) }}</td>
+                </tr>
+              {% endfor %}
+            </tbody>
+          </table>
+        </div>
+      {% else %}
+        <div class="card-body"><div class="empty"><p class="empty-title">{{ 'unifi.empty'|trans }}</p></div></div>
+      {% endif %}
+    </div>
+  </div>
+
+  {# ── Top clients by total bytes ── #}
+  <div class="col-12 col-xl-6">
+    <div class="card">
+      <div class="card-header"><h3 class="card-title">{{ 'unifi.clients.top'|trans }}</h3></div>
+      {% if live.topClients %}
+        {# Same guard as the talkers panel: peak is the first (largest) row,
+           and the division is guarded against a zero peak. #}
+        {% set peakTotal = live.topClients|first.bytes %}
+        <div class="table-responsive">
+          <table class="table table-sm table-vcenter card-table">
+            <tbody>
+              {% for c in live.topClients %}
+                <tr>
+                  <td class="text-truncate">{{ c.name }}</td>
+                  <td style="width:45%">
+                    <div class="progress progress-sm">
+                      <div class="progress-bar bg-azure"
+                           style="width: {{ peakTotal > 0 ? (c.bytes / peakTotal * 100)|round : 0 }}%"></div>
+                    </div>
+                  </td>
+                  <td class="text-end text-nowrap">{{ f.bytes(c.bytes) }}</td>
+                </tr>
+              {% endfor %}
+            </tbody>
+          </table>
+        </div>
+      {% else %}
+        <div class="card-body"><div class="empty"><p class="empty-title">{{ 'unifi.empty'|trans }}</p></div></div>
+      {% endif %}
+    </div>
+  </div>
+
+  {# ── DHCP reservations ── #}
+  <div class="col-12 col-xl-6">
+    <div class="card">
+      <div class="card-header">
+        <h3 class="card-title">{{ 'unifi.clients.reservations'|trans }}</h3>
+        {% if live.reservations is not null %}
+          <div class="card-subtitle ms-auto text-secondary small">
+            {{ 'unifi.clients.reservations_summary'|trans({
+                 total: live.reservations.total,
+                 mismatched: live.reservations.mismatched
+               }) }}
+          </div>
+        {% endif %}
+      </div>
+      {% if live.reservations is not null and live.reservations.rows %}
+        <div class="table-responsive">
+          <table class="table table-sm table-vcenter card-table">
+            <thead>
+              <tr>
+                <th>{{ 'unifi.clients.device'|trans }}</th>
+                <th>{{ 'unifi.clients.reserved_ip'|trans }}</th>
+                <th>{{ 'unifi.clients.live_ip'|trans }}</th>
+                <th></th>
+              </tr>
+            </thead>
+            <tbody>
+              {% for r in live.reservations.rows %}
+                <tr>
+                  <td class="text-truncate">{{ r.name }}</td>
+                  <td class="font-monospace">{{ r.reservedIp ?? '—' }}</td>
+                  <td class="font-monospace">{{ r.liveIp ?? '—' }}</td>
+                  <td>
+                    <span class="badge {{ r.status == 'mismatch' ? 'bg-red-lt' : (r.status == 'offline' ? 'bg-secondary-lt' : 'bg-green-lt') }}">
+                      {{ ('unifi.clients.status_' ~ r.status)|trans }}
+                    </span>
+                  </td>
+                </tr>
+              {% endfor %}
+            </tbody>
+          </table>
+        </div>
+      {% else %}
+        <div class="card-body"><div class="empty"><p class="empty-title">{{ 'unifi.empty'|trans }}</p></div></div>
+      {% endif %}
+    </div>
+  </div>
+
+</div>
+{% endif %}
diff --git a/symfony/templates/unifi/index.html.twig b/symfony/templates/unifi/index.html.twig
new file mode 100644
index 00000000..7d646c9e
--- /dev/null
+++ b/symfony/templates/unifi/index.html.twig
@@ -0,0 +1,226 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}{{ 'unifi.title'|trans }}{% endblock %}
+
+{% block stylesheets %}
+{{ parent() }}
+<style>
+  /* Chart styling for the history panel. Lives here rather than inline in the
+     fragment for two reasons: a media query is impossible in a style attribute
+     (and the axis labels break this project's sub-11px mobile floor without
+     one), and the fragment is re-injected on every 300s poll, so a <style> tag
+     inside it would accumulate duplicates.
+
+     Deliberately NOT reusing the dashboard's .net-chart* classes: those live in
+     an inline <style> in dashboard/index.html.twig and are scoped to that page,
+     so /unifi never loads them. These mirror them 1:1 under a page-local name.
+     No new CSS file — same pattern the dashboard itself uses. */
+  .unifi-chart { display: block; width: 100%; height: 120px; margin-top: .35rem; }
+  .unifi-chart-fill { fill: rgba(var(--tblr-primary-rgb, 99,102,241), .22); stroke: none; }
+  .unifi-chart-down { fill: none; stroke: var(--tblr-primary); stroke-width: 1.5; }
+  /* Upload is a fixed sky blue, not the theme primary: green-primary presets
+     otherwise render download and upload in near-identical greens. Carried over
+     from the widget, where it was live-verified across the 17 presets. */
+  .unifi-chart-up { fill: none; stroke: #38bdf8; stroke-width: 1.5; }
+  .unifi-chart-latency { fill: none; stroke: var(--tblr-orange); stroke-width: 2; stroke-dasharray: 4 3; }
+  .unifi-chart-axis { display: flex; justify-content: space-between; font-size: .62rem; color: var(--tblr-secondary); margin-top: .2rem; }
+
+  /* Lining figures so digits align down a column — these tables exist to be
+     compared vertically (which box is hot, which radio is retrying). */
+  .unifi-nums { font-variant-numeric: tabular-nums; }
+
+  /* Mobile readability floor (responsive audit 2026-06-29): nothing below 11px
+     under the lg breakpoint. .62rem is ~9.9px, so bump it exactly as the
+     dashboard does for its own axis. */
+  @media (max-width: 991.98px) {
+    .unifi-chart-axis { font-size: .6875rem; }
+  }
+</style>
+{% endblock %}
+
+{% block body %}
+<div class="page-header d-print-none">
+  <div class="row align-items-center">
+    <div class="col">
+      <h2 class="page-title">{{ 'unifi.title'|trans }}</h2>
+      <div class="text-secondary">{{ 'unifi.subtitle'|trans }}</div>
+    </div>
+    <div class="col-auto ms-auto">
+      <span class="badge bg-secondary-lt" data-unifi-updated>—</span>
+    </div>
+  </div>
+</div>
+
+<div class="page-body">
+  <div class="container-xl">
+
+    {# Three regions, three cadences. Each carries the same data-* contract the
+       dashboard widgets use, so the scheduler below is a near-copy of the
+       dashboard's — deliberately, because that one is shipped and debugged. #}
+    {% for region in [
+      { name: 'live',    poll: 10000  },
+      { name: 'infra',   poll: 60000  },
+      { name: 'history', poll: 300000 }
+    ] %}
+      <div class="mb-3"
+           data-dash-widget="{{ region.name }}"
+           data-dash-poll="{{ region.poll }}"
+           data-dash-url="{{ path('app_unifi_panel', { panel: region.name }) }}">
+        <div data-dash-body>
+          <div class="text-center text-secondary py-4">
+            <span class="spinner-border spinner-border-sm"></span>
+          </div>
+        </div>
+      </div>
+    {% endfor %}
+
+  </div>
+</div>
+{% endblock %}
+
+{% block javascripts %}
+{{ parent() }}
+<script>
+(function () {
+  'use strict';
+
+  var PANELS_URL = '{{ path('app_unifi_panels') }}';
+  var UPDATED_TPL = {{ 'unifi.updated'|trans({ seconds: '%S%' })|json_encode|raw }};
+
+  function body(node) { return node.querySelector('[data-dash-body]') || node; }
+
+  function applyFragment(node, html) {
+    body(node).innerHTML = html;
+    // Un-hide: a region hidden by an earlier empty body ("not applicable")
+    // must come back if the console later starts returning content — e.g. the
+    // admin configures UniFi in another tab mid-session. Without this, the
+    // fragment lands on an invisible node and the panel never reappears.
+    if (node.style.display === 'none') { node.style.display = ''; }
+  }
+
+  function applyFailure(node) {
+    body(node).innerHTML =
+      '<div class="card"><div class="card-body"><div class="empty">' +
+        '<p class="empty-title">{{ 'unifi.unreachable'|trans|e('js') }}</p>' +
+        '<div class="empty-action">' +
+          '<button type="button" class="btn btn-primary" data-dash-retry>{{ 'unifi.retry'|trans|e('js') }}</button>' +
+        '</div>' +
+      '</div></div></div>';
+  }
+
+  function nodes() {
+    return document.querySelectorAll('[data-dash-widget][data-dash-url]');
+  }
+
+  // ── First hydration: one request per region, after first paint ──
+  function hydrate(node) {
+    if (node.dataset.dashLoaded === '1') return;
+    node.dataset.dashLoaded = '1';
+    fetch(node.dataset.dashUrl, { headers: { 'X-Requested-With': 'fetch' }, credentials: 'same-origin' })
+      .then(function (r) {
+        // Non-OK keeps the region visible with a retry — never hide the evidence
+        // on a monitoring page. An empty 200 body means "not applicable".
+        if (!r.ok) { applyFailure(node); return; }
+        return r.text().then(function (html) {
+          if (!html.trim()) { node.style.display = 'none'; return; }
+          applyFragment(node, html);
+        });
+      })
+      .catch(function () { applyFailure(node); });
+  }
+
+  function hydrateAll() {
+    var list = nodes();
+    for (var i = 0; i < list.length; i++) { hydrate(list[i]); }
+  }
+
+  // ── Retry, delegated and bound once per session ──
+  if (!window._prismarrUnifiRetryBound) {
+    window._prismarrUnifiRetryBound = true;
+    document.addEventListener('click', function (e) {
+      var btn = e.target.closest('[data-dash-retry]');
+      if (!btn) return;
+      var node = btn.closest('[data-dash-widget]');
+      if (!node) return;
+      node.dataset.dashLoaded = '';
+      body(node).innerHTML = '<div class="text-center text-secondary py-4"><span class="spinner-border spinner-border-sm"></span></div>';
+      hydrate(node);
+    });
+  }
+
+  // ── Coalescing scheduler ──
+  // Tick at the GCD of the three cadences (10s) and batch every region due on
+  // that tick into ONE /unifi/api/panels request. A tick with all three due is
+  // one HTTP request, not three — which matters because worker mode is off by
+  // default, so every request re-pings the console from a cold cache.
+  function gcd(a, b) { return b ? gcd(b, a % b) : a; }
+
+  var nextDue = {};
+  var baseTick = 0;
+  (function plan() {
+    var list = nodes();
+    var now = Date.now();
+    for (var i = 0; i < list.length; i++) {
+      var name = list[i].dataset.dashWidget;
+      var ms = parseInt(list[i].dataset.dashPoll, 10) || 60000;
+      if (!(name in nextDue)) { nextDue[name] = now + ms; }
+      baseTick = baseTick ? gcd(baseTick, ms) : ms;
+    }
+    if (!baseTick) { baseTick = 60000; }
+  })();
+
+  var lastTick = 0;
+
+  function tick() {
+    if (document.hidden) return;
+    var list = nodes();
+    if (!list.length) return;
+
+    var now = Date.now();
+    var byName = {};
+    var due = [];
+    for (var i = 0; i < list.length; i++) {
+      var name = list[i].dataset.dashWidget;
+      var ms = parseInt(list[i].dataset.dashPoll, 10) || 60000;
+      byName[name] = list[i];
+      if (now >= (nextDue[name] || 0)) { due.push(name); nextDue[name] = now + ms; }
+    }
+    if (!due.length) return;
+
+    fetch(PANELS_URL + '?p=' + encodeURIComponent(due.join(',')),
+          { headers: { 'X-Requested-With': 'fetch' }, credentials: 'same-origin' })
+      .then(function (r) { return r.ok ? r.json() : null; })
+      .then(function (map) {
+        if (!map) return;
+        // A region absent from the map keeps its last-good content — same
+        // fails-open contract as the dashboard poller.
+        Object.keys(map).forEach(function (name) {
+          var node = byName[name];
+          if (!node || !(map[name] || '').trim()) return;
+          applyFragment(node, map[name]);
+        });
+        lastTick = Date.now();
+        paintUpdated();
+      })
+      .catch(function () {});
+  }
+
+  // ── "Updated Ns ago" chip ──
+  function paintUpdated() {
+    var chip = document.querySelector('[data-unifi-updated]');
+    if (!chip || !lastTick) return;
+    var secs = Math.max(0, Math.round((Date.now() - lastTick) / 1000));
+    chip.textContent = UPDATED_TPL.replace('%S%', secs);
+  }
+
+  hydrateAll();
+  document.addEventListener('turbo:load', hydrateAll);
+
+  // Singleton timer. base.html.twig's turbo:before-render handler clears
+  // _prismarrUnifiPollTimer (Task 7 Step 11) — without that registration this
+  // interval keeps polling a detached DOM after navigating away.
+  if (window._prismarrUnifiPollTimer) { clearInterval(window._prismarrUnifiPollTimer); }
+  window._prismarrUnifiPollTimer = setInterval(function () { tick(); paintUpdated(); }, baseTick);
+})();
+</script>
+{% endblock %}
diff --git a/symfony/templates/usenet/index.html.twig b/symfony/templates/usenet/index.html.twig
index 47dc376e..fb3d9a45 100644
--- a/symfony/templates/usenet/index.html.twig
+++ b/symfony/templates/usenet/index.html.twig
@@ -13,8 +13,6 @@
    trimmed to Usenet semantics (no seeding / ratio / trackers / peers). */
 .usenet-stat-card { position:relative; overflow:hidden; height:100%; }
 .usenet-stat-card .card-body { min-height:80px; display:flex; flex-direction:column; justify-content:center; }
-.usenet-stat-card .stat-val { font-size:1.4rem; font-weight:700; line-height:1; letter-spacing:-.5px; }
-.usenet-stat-card .stat-lbl { font-size:.7rem; text-transform:uppercase; letter-spacing:.4px; color:var(--tblr-text-secondary); font-weight:600; }
 
 /* ── List / row base ─────────────────────────────────────────────────────── */
 .usenet-list { display:flex; flex-direction:column; gap:.3rem; }
@@ -139,12 +137,6 @@ body[data-bs-theme="dark"] .usenet-tmini { background:rgba(255,255,255,.08); }
 
 /* ── Filters / view switcher / bulk bar ──────────────────────────────────── */
 
-.usenet-view-switcher { display:inline-flex; background:rgba(0,0,0,.04); border-radius:6px; padding:2px; gap:1px; }
-body[data-bs-theme="dark"] .usenet-view-switcher { background:rgba(255,255,255,.05); }
-.usenet-view-btn { border:none; background:transparent; padding:3px 9px; border-radius:4px; font-size:.72rem; font-weight:500; color:var(--tblr-text-secondary); display:inline-flex; align-items:center; gap:4px; cursor:pointer; }
-.usenet-view-btn:hover { background:rgba(var(--tblr-primary-rgb),.1); color:var(--tblr-primary); }
-.usenet-view-btn.active { background:var(--tblr-primary); color:#fff; }
-.usenet-view-btn svg { width:13px; height:13px; }
 
 .usenet-bulk-bar { position:fixed; bottom:0; left:15rem; right:0; z-index:1050; background:var(--tblr-bg-surface); border-top:2px solid var(--tblr-primary); padding:.7rem 1.25rem; display:none; align-items:center; gap:.6rem; box-shadow:0 -6px 18px rgba(0,0,0,.12); }
 .usenet-bulk-bar.show { display:flex; }
@@ -185,39 +177,14 @@ body[data-bs-theme="dark"] .usenet-view-switcher { background:rgba(255,255,255,.
      data-base="{{ path('app_usenet_index', {client: client}) }}"
      data-refresh="{{ display_pref('qbit_refresh_seconds') }}">
 
-  {# ─── Stats strip ──────────────────────────────────────────────── #}
-  <div class="row row-cards g-2 mb-3">
-    <div class="col-6 col-sm-4 col-lg">
-      <div class="card usenet-stat-card"><div class="card-body text-center">
-        <div class="stat-val text-blue" data-stat="active">—</div>
-        <div class="stat-lbl mt-1">{{ 'usenet.stats.active'|trans }}</div>
-      </div></div>
-    </div>
-    <div class="col-6 col-sm-4 col-lg">
-      <div class="card usenet-stat-card"><div class="card-body text-center">
-        <div class="stat-val text-secondary" data-stat="queued">—</div>
-        <div class="stat-lbl mt-1">{{ 'usenet.stats.queued'|trans }}</div>
-      </div></div>
-    </div>
-    <div class="col-6 col-sm-4 col-lg">
-      <div class="card usenet-stat-card"><div class="card-body text-center">
-        <div class="stat-val text-green" data-stat="speed">—</div>
-        <div class="stat-lbl mt-1">{{ 'usenet.stats.speed'|trans }}</div>
-      </div></div>
-    </div>
-    <div class="col-6 col-sm-4 col-lg">
-      <div class="card usenet-stat-card"><div class="card-body text-center">
-        <div class="stat-val text-cyan" data-stat="eta">—</div>
-        <div class="stat-lbl mt-1">{{ 'usenet.stats.eta'|trans }}</div>
-      </div></div>
-    </div>
-    <div class="col-6 col-sm-4 col-lg">
-      <div class="card usenet-stat-card"><div class="card-body text-center">
-        <div class="stat-val text-orange" data-stat="free_space">—</div>
-        <div class="stat-lbl mt-1">{{ 'usenet.stats.free_space'|trans }}</div>
-      </div></div>
-    </div>
-  </div>
+  {# ─── Stats strip (shared partial — JS fills [data-stat]) ──────────── #}
+  {% include '_stat_tiles.html.twig' with { layout:'grid', cols:'col-6 col-sm-4 col-lg', tiles:[
+    { value:'—', data_stat:'active',     label:'usenet.stats.active'|trans,     hue:'blue' },
+    { value:'—', data_stat:'queued',     label:'usenet.stats.queued'|trans,     hue:'secondary' },
+    { value:'—', data_stat:'speed',      label:'usenet.stats.speed'|trans,      hue:'green' },
+    { value:'—', data_stat:'eta',        label:'usenet.stats.eta'|trans,        hue:'cyan' },
+    { value:'—', data_stat:'free_space', label:'usenet.stats.free_space'|trans, hue:'orange' }
+  ] } only %}
 
   {# ─── Toolbar ──────────────────────────────────────────────────── #}
   <div class="card mb-3"><div class="card-body py-2">
@@ -257,6 +224,9 @@ body[data-bs-theme="dark"] .usenet-view-switcher { background:rgba(255,255,255,.
         <span class="input-group-text" title="{{ 'usenet.toolbar.speed_limit'|trans }}">{{ ico.icon('bolt', '', 14) }}</span>
         <input type="number" min="0" step="1" class="form-control" data-usenet-speed
                placeholder="{{ 'usenet.toolbar.speed_limit_placeholder'|trans }}" aria-label="{{ 'usenet.toolbar.speed_limit'|trans }}">
+        {# Visible unit so a filled value never reads as a naked number
+           (the unit used to live only in the placeholder). #}
+        <span class="input-group-text">MB/s</span>
       </div>
       <div class="ms-auto d-flex align-items-center gap-2 flex-shrink-0">
         <span class="text-muted" style="font-size:.78rem;white-space:nowrap;font-weight:500;">{{ 'usenet.filters.sort_label'|trans }}</span>
@@ -270,20 +240,18 @@ body[data-bs-theme="dark"] .usenet-view-switcher { background:rgba(255,255,255,.
           <option value="eta|0">{{ 'usenet.sort.eta_asc'|trans }}</option>
         </select>
       </div>
-      <div class="usenet-view-switcher" role="group" aria-label="{{ 'usenet.view.aria_label'|trans }}">
-        <button type="button" class="usenet-view-btn active" data-view="list" title="{{ 'usenet.view.list_title'|trans }}">
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h16"/></svg>
-          {{ 'usenet.view.list'|trans }}
-        </button>
-        <button type="button" class="usenet-view-btn" data-view="table" title="{{ 'usenet.view.table_title'|trans }}">
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 5h18v14H3zM3 10h18M3 15h18M10 5v14"/></svg>
-          {{ 'usenet.view.table'|trans }}
-        </button>
-        <button type="button" class="usenet-view-btn" data-view="compact" title="{{ 'usenet.view.compact_title'|trans }}">
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 10h16M4 14h16M4 18h16"/></svg>
-          {{ 'usenet.view.compact'|trans }}
-        </button>
-      </div>
+      {% set vs_icon_list = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h16"/></svg>' %}
+      {% set vs_icon_table = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 5h18v14H3zM3 10h18M3 15h18M10 5v14"/></svg>' %}
+      {% set vs_icon_compact = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 10h16M4 14h16M4 18h16"/></svg>' %}
+      {% include '_view_switcher.html.twig' with {
+          active: 'list',
+          aria_label: 'usenet.view.aria_label'|trans,
+          modes: [
+              { view: 'list', label: 'usenet.view.list'|trans, title: 'usenet.view.list_title'|trans, icon: vs_icon_list },
+              { view: 'table', label: 'usenet.view.table'|trans, title: 'usenet.view.table_title'|trans, icon: vs_icon_table },
+              { view: 'compact', label: 'usenet.view.compact'|trans, title: 'usenet.view.compact_title'|trans, icon: vs_icon_compact }
+          ]
+      } only %}
     </div>
   </div></div>
 
@@ -706,10 +674,10 @@ body[data-bs-theme="dark"] .usenet-view-switcher { background:rgba(255,255,255,.
   function setView(v) {
     view = v;
     localStorage.setItem(VKEY, v);
-    root.querySelectorAll('.usenet-view-btn').forEach(function (b) { b.classList.toggle('active', b.dataset.view === v); });
+    root.querySelectorAll('.view-btn').forEach(function (b) { b.classList.toggle('active', b.dataset.view === v); });
     renderQueue();
   }
-  root.querySelectorAll('.usenet-view-btn').forEach(function (b) {
+  root.querySelectorAll('.view-btn').forEach(function (b) {
     b.addEventListener('click', function () { setView(b.dataset.view); });
   });
   setView(view);
diff --git a/symfony/tests/Controller/AdminSettingsControllerTest.php b/symfony/tests/Controller/AdminSettingsControllerTest.php
index 6cf731dc..a4c73202 100644
--- a/symfony/tests/Controller/AdminSettingsControllerTest.php
+++ b/symfony/tests/Controller/AdminSettingsControllerTest.php
@@ -24,6 +24,7 @@ private function controller(
         HealthService $health,
         ?ServiceInstanceProvider $instances = null,
         array $services = [],
+        ?\App\Service\DashboardLayoutService $layout = null,
     ): AdminSettingsController {
         $appVersion = $this->createMock(\App\Service\AppVersion::class);
         $appVersion->method('current')->willReturn('test');
@@ -39,6 +40,7 @@ private function controller(
             $this->createMock(LoggerInterface::class),
             $this->createMock(\Symfony\Component\Cache\Adapter\AdapterInterface::class),
             $appVersion,
+            $layout ?? new \App\Service\DashboardLayoutService($config),
             projectDir: sys_get_temp_dir(),
             environment: 'test',
         );
@@ -663,4 +665,67 @@ public function testImportV1StaysSupportedForBackwardsCompat(): void
         $response = $this->controller($settings, $config, $health, $instances)->import($request);
         $this->assertSame(302, $response->getStatusCode(), 'v1 imports must still redirect cleanly');
     }
+
+    public function testDashboardLayoutEndpointPersistsOrderAndHidden(): void
+    {
+        $saved = [];
+        $settings = $this->createMock(SettingRepository::class);
+        $settings->method('setMany')->willReturnCallback(function (array $p) use (&$saved) { $saved = $p; });
+        $config = $this->createMock(ConfigService::class);
+        $config->expects(self::once())->method('invalidate');
+        $health = $this->createMock(HealthService::class);
+        $controller = $this->controller($settings, $config, $health);
+
+        $request = Request::create('/admin/settings/dashboard-layout', 'POST', [
+            '_csrf_token' => 'x',
+            'order'       => 'recent,plex',
+            'hidden'      => 'health,trending',
+        ]);
+        $request->setSession(new \Symfony\Component\HttpFoundation\Session\Session(
+            new \Symfony\Component\HttpFoundation\Session\Storage\MockArraySessionStorage()
+        ));
+
+        $response = $controller->dashboardLayout($request);
+
+        self::assertInstanceOf(JsonResponse::class, $response);
+        self::assertSame(200, $response->getStatusCode());
+        self::assertSame(['ok' => true], json_decode($response->getContent(), true));
+        self::assertSame('recent,plex', $saved['dashboard_section_order']);
+        self::assertSame('1', $saved['dashboard_hide_health']);
+        self::assertSame('1', $saved['dashboard_hide_trending']);
+        self::assertNull($saved['dashboard_hide_plex']);
+    }
+
+    public function testSavePersistsDashboardOrderAndHiddenFlags(): void
+    {
+        $saved = [];
+        $settings = $this->createMock(SettingRepository::class);
+        $settings->method('setMany')->willReturnCallback(function (array $p) use (&$saved) { $saved = $p; });
+        $config = $this->createMock(ConfigService::class);
+        $health = $this->createMock(HealthService::class);
+
+        $controller = $this->controller($settings, $config, $health);
+
+        $request = Request::create('/admin/settings', 'POST', [
+            '_csrf_token'             => 'x',
+            'dashboard_section_order' => 'recent,plex,upcoming,bogus',
+            // health checkbox omitted => hidden; others present => visible
+            'dashboard_visible_upcoming'  => '1',
+            'dashboard_visible_requests'  => '1',
+            'dashboard_visible_plex'      => '1',
+            'dashboard_visible_watchlist' => '1',
+            'dashboard_visible_trending'  => '1',
+            'dashboard_visible_recent'    => '1',
+        ]);
+        $request->setSession(new \Symfony\Component\HttpFoundation\Session\Session(
+            new \Symfony\Component\HttpFoundation\Session\Storage\MockArraySessionStorage()
+        ));
+
+        $controller->index($request);
+
+        // Unknown 'bogus' dropped; order preserved; missing keys NOT appended on save.
+        self::assertSame('recent,plex,upcoming', $saved['dashboard_section_order']);
+        self::assertSame('1', $saved['dashboard_hide_health']);   // unchecked => hidden
+        self::assertNull($saved['dashboard_hide_plex']);          // checked => visible
+    }
 }
diff --git a/symfony/tests/Controller/AdminSettingsThemeTest.php b/symfony/tests/Controller/AdminSettingsThemeTest.php
new file mode 100644
index 00000000..af83b332
--- /dev/null
+++ b/symfony/tests/Controller/AdminSettingsThemeTest.php
@@ -0,0 +1,31 @@
+<?php
+namespace App\Tests\Controller;
+
+use App\Controller\AdminSettingsController;
+use App\Theme\ThemePresets;
+use PHPUnit\Framework\TestCase;
+
+final class AdminSettingsThemeTest extends TestCase
+{
+    public function testDisplayThemeOptionIsRegistered(): void
+    {
+        $opts = AdminSettingsController::DISPLAY_OPTIONS;
+        self::assertArrayHasKey('display_theme', $opts);
+        self::assertSame('select', $opts['display_theme']['type']);
+        self::assertSame('midnight', $opts['display_theme']['default']);
+    }
+
+    public function testDisplayThemeOptionsMatchPresets(): void
+    {
+        $opts = AdminSettingsController::DISPLAY_OPTIONS['display_theme']['options'];
+        self::assertSame(ThemePresets::keys(), array_keys($opts));
+        self::assertSame(ThemePresets::optionLabels(), $opts);
+    }
+
+    public function testAccentPickerHasThemeDefaultOption(): void
+    {
+        $accent = AdminSettingsController::DISPLAY_OPTIONS['display_theme_color'];
+        self::assertArrayHasKey('theme_default', $accent['options']);
+        self::assertSame('theme_default', $accent['default']);
+    }
+}
diff --git a/symfony/tests/Controller/ControllersSmokeTest.php b/symfony/tests/Controller/ControllersSmokeTest.php
index 5d1a4806..b954acfa 100644
--- a/symfony/tests/Controller/ControllersSmokeTest.php
+++ b/symfony/tests/Controller/ControllersSmokeTest.php
@@ -43,6 +43,8 @@ public static function routesProvider(): array
             'prowlarr index'      => ['/prowlarr', 'ProwlarrController::index'],
             'jellyseerr index'    => ['/jellyseerr', 'JellyseerrController::index'],
             'qbittorrent index'   => ['/qbittorrent', 'QBittorrentController::index'],
+            'deluge index'        => ['/deluge', 'DelugeController::index'],
+            'transmission index'  => ['/transmission', 'TransmissionController::index'],
             // Usenet pages (#20) — unconfigured in the test env, so they
             // redirect home with a flash rather than crash.
             'usenet sabnzbd'      => ['/usenet/sabnzbd', 'UsenetController::index'],
diff --git a/symfony/tests/Controller/DashboardControllerTest.php b/symfony/tests/Controller/DashboardControllerTest.php
index 19650a2e..8728ff91 100644
--- a/symfony/tests/Controller/DashboardControllerTest.php
+++ b/symfony/tests/Controller/DashboardControllerTest.php
@@ -90,6 +90,7 @@ public function testQuickLookLibraryBuildsMovieViewModel(): void
             $this->createMock(SonarrClient::class), $this->createMock(JellyseerrClient::class),
             $this->createMock(TmdbClient::class), $this->createMock(WatchlistItemRepository::class),
             $instances, new NullLogger(), $translator, $cache, $this->createMock(TautulliClient::class),
+            new \App\Service\DashboardLayoutService($this->createMock(\App\Service\ConfigService::class)),
         );
         $this->attachRouter($controller);
 
@@ -135,6 +136,7 @@ public function testQuickLookLibrarySeriesAndUnknownId(): void
             $sonarr, $this->createMock(JellyseerrClient::class), $this->createMock(TmdbClient::class),
             $this->createMock(WatchlistItemRepository::class), $instances, new NullLogger(),
             $translator, $cache, $this->createMock(TautulliClient::class),
+            new \App\Service\DashboardLayoutService($this->createMock(\App\Service\ConfigService::class)),
         );
         $this->attachRouter($controller);
         $m = new ReflectionMethod(DashboardController::class, 'quickLookLibrary');
@@ -151,56 +153,6 @@ public function testQuickLookLibrarySeriesAndUnknownId(): void
         self::assertNull($m->invoke($controller, 'series', 'sonarr-1', 999));
     }
 
-    public function testServicesHealthExpandsOneChipPerInstance(): void
-    {
-        $health = $this->createMock(HealthService::class);
-        $health->method('statusFor')->willReturnCallback(
-            fn(string $service, ?string $slug = null): array => match (true) {
-                $service === 'radarr' && $slug === 'radarr-1'  => ['status' => 'up',   'latencyMs' => 120],
-                $service === 'radarr' && $slug === 'radarr-4k' => ['status' => 'down', 'latencyMs' => null],
-                $service === 'sonarr' && $slug === 'sonarr-1'  => ['status' => 'slow', 'latencyMs' => 1500],
-                $service === 'qbittorrent'                     => ['status' => 'up',   'latencyMs' => 40],
-                default                                        => ['status' => null,   'latencyMs' => null], // prowlarr/jellyseerr/tmdb not configured
-            }
-        );
-
-        $instances = $this->createMock(ServiceInstanceProvider::class);
-        $instances->method('getEnabled')->willReturnCallback(
-            fn(string $type): array => match ($type) {
-                ServiceInstance::TYPE_RADARR => [$this->instance('radarr-1', 'Radarr 1080p'), $this->instance('radarr-4k', 'Radarr 4K')],
-                ServiceInstance::TYPE_SONARR => [$this->instance('sonarr-1', 'Sonarr')],
-                default                      => [],
-            }
-        );
-
-        $controller = new DashboardController(
-            $health,
-            $this->createMock(RadarrClient::class),
-            $this->createMock(SonarrClient::class),
-            $this->createMock(JellyseerrClient::class),
-            $this->createMock(TmdbClient::class),
-            $this->createMock(WatchlistItemRepository::class),
-            $instances,
-            new NullLogger(),
-            $this->createMock(TranslatorInterface::class),
-            $this->createMock(CacheInterface::class),
-            $this->createMock(TautulliClient::class),
-        );
-
-        $m = new ReflectionMethod(DashboardController::class, 'servicesHealth');
-        $m->setAccessible(true);
-        /** @var list<array{id: string, name: string, status: string, latencyMs: ?int}> $chips */
-        $chips = $m->invoke($controller);
-
-        // Two Radarr instances + one Sonarr + qBittorrent = 4 chips; the
-        // unconfigured single services (prowlarr/jellyseerr/tmdb) drop out.
-        self::assertCount(4, $chips);
-        self::assertSame(['id' => 'radarr', 'name' => 'Radarr 1080p', 'status' => 'up',   'latencyMs' => 120],  $chips[0]);
-        self::assertSame(['id' => 'radarr', 'name' => 'Radarr 4K',    'status' => 'down', 'latencyMs' => null], $chips[1]);
-        self::assertSame(['id' => 'sonarr', 'name' => 'Sonarr',       'status' => 'slow', 'latencyMs' => 1500], $chips[2]);
-        self::assertSame(['id' => 'qbittorrent', 'name' => 'qBittorrent', 'status' => 'up', 'latencyMs' => 40], $chips[3]);
-    }
-
     public function testQuickLookTmdbMovieAndTv(): void
     {
         $tmdb = $this->createMock(TmdbClient::class);
@@ -229,6 +181,7 @@ public function testQuickLookTmdbMovieAndTv(): void
             $tmdb, $this->createMock(WatchlistItemRepository::class),
             $this->createMock(ServiceInstanceProvider::class), new NullLogger(),
             $translator, $this->createMock(CacheInterface::class), $this->createMock(TautulliClient::class),
+            new \App\Service\DashboardLayoutService($this->createMock(\App\Service\ConfigService::class)),
         );
         $this->attachRouter($controller); // quickLookTmdb calls generateUrl('tmdb_index')
         $m = new ReflectionMethod(DashboardController::class, 'quickLookTmdb');
@@ -250,6 +203,118 @@ public function testQuickLookTmdbMovieAndTv(): void
         self::assertStringContainsString('detail=tv/95396', $tv['actionUrl']);
     }
 
+    public function testQuickLookTmdbIncludesCastProvidersTrailerAndExternalIds(): void
+    {
+        $tmdb = $this->createMock(TmdbClient::class);
+        $tmdb->method('getMovie')->willReturn([
+            'id' => 693134, 'title' => 'Dune: Part Two', 'release_date' => '2024-02-27',
+            'overview' => 'Paul unites with the Fremen.', 'runtime' => 167,
+            'vote_average' => 8.2, 'poster_path' => '/p.jpg', 'backdrop_path' => '/b.jpg',
+            'genres' => [['id' => 1, 'name' => 'Science Fiction']],
+            'imdb_id' => 'tt15239678',
+            'credits' => ['cast' => [
+                ['name' => 'Timothée Chalamet', 'character' => 'Paul', 'profile_path' => '/tc.jpg'],
+                ['name' => 'Zendaya', 'character' => 'Chani', 'profile_path' => null],
+            ]],
+            'videos' => ['results' => [
+                ['site' => 'YouTube', 'type' => 'Teaser', 'official' => false, 'iso_639_1' => 'en', 'key' => 'TEASER'],
+                ['site' => 'YouTube', 'type' => 'Trailer', 'official' => true, 'iso_639_1' => 'en', 'key' => 'TRAILER'],
+                ['site' => 'Vimeo', 'type' => 'Trailer', 'official' => true, 'iso_639_1' => 'en', 'key' => 'VIMEO'],
+            ]],
+            'watch/providers' => ['results' => [
+                'US' => ['flatrate' => [['provider_name' => 'Max', 'logo_path' => '/max.jpg']]],
+                'FR' => ['flatrate' => [['provider_name' => 'Canal+', 'logo_path' => '/canal.jpg']]],
+            ]],
+        ]);
+        $translator = $this->createMock(TranslatorInterface::class);
+        $translator->method('trans')->willReturnCallback(
+            fn(string $k, array $p = []) => $k === 'dashboard.quicklook.runtime' ? $p['min'] . ' min' : $k
+        );
+
+        $controller = new DashboardController(
+            $this->createMock(HealthService::class), $this->createMock(RadarrClient::class),
+            $this->createMock(SonarrClient::class), $this->createMock(JellyseerrClient::class),
+            $tmdb, $this->createMock(WatchlistItemRepository::class),
+            $this->createMock(ServiceInstanceProvider::class), new NullLogger(),
+            $translator, $this->createMock(CacheInterface::class), $this->createMock(TautulliClient::class),
+            new \App\Service\DashboardLayoutService($this->createMock(\App\Service\ConfigService::class)),
+        );
+        $this->attachRouter($controller);
+        $m = new ReflectionMethod(DashboardController::class, 'quickLookTmdb');
+        $m->setAccessible(true);
+
+        $movie = $m->invoke($controller, 'movie', 693134);
+
+        // Cast: top entries, profile paths expanded to full URLs (null stays null).
+        self::assertCount(2, $movie['cast']);
+        self::assertSame('Timothée Chalamet', $movie['cast'][0]['name']);
+        self::assertSame('https://image.tmdb.org/t/p/w185/tc.jpg', $movie['cast'][0]['profile']);
+        self::assertNull($movie['cast'][1]['profile']);
+
+        // Providers: FR preferred over US (country priority), flatrate only.
+        self::assertSame('Canal+', $movie['providers'][0]['name']);
+        self::assertSame('https://image.tmdb.org/t/p/w92/canal.jpg', $movie['providers'][0]['logo']);
+
+        // Trailer: official YouTube Trailer beats the teaser; Vimeo ignored.
+        self::assertSame('TRAILER', $movie['trailerKey']);
+
+        // External ids + identity for the modal's links/watchlist.
+        self::assertSame('tt15239678', $movie['imdbId']);
+        self::assertSame(693134, $movie['tmdbId']);
+        self::assertSame('movie', $movie['tmdbType']);
+        self::assertSame('/p.jpg', $movie['posterPath']);
+
+        // Library lookup fails open (bare cache mock) → treated as not added,
+        // so the body renders the Add affordance.
+        self::assertFalse($movie['inLibrary']);
+        self::assertNull($movie['statusBadge']);
+    }
+
+    public function testQuickLookTmdbInLibraryShowsManageDeepLink(): void
+    {
+        $tmdb = $this->createMock(TmdbClient::class);
+        $tmdb->method('getMovie')->willReturn([
+            'id' => 693134, 'title' => 'Dune: Part Two', 'release_date' => '2024-02-27',
+            'overview' => '...', 'runtime' => 167, 'vote_average' => 8.2,
+            'poster_path' => '/p.jpg', 'genres' => [['id' => 1, 'name' => 'Science Fiction']],
+        ]);
+
+        // Populated Radarr library so the tmdbId resolves to a Manage deep-link.
+        $cache = $this->createMock(CacheInterface::class);
+        $cache->method('get')->willReturnCallback(fn(string $k, callable $cb) => $cb($this->cacheItem()));
+        $instances = $this->createMock(ServiceInstanceProvider::class);
+        $instances->method('getEnabled')->willReturnCallback(
+            fn(string $type): array => $type === ServiceInstance::TYPE_RADARR
+                ? [$this->instance('radarr-1', 'Radarr')] : []
+        );
+        $radarr = $this->createMock(RadarrClient::class);
+        $radarr->method('withInstance')->willReturnSelf();
+        $radarr->method('getMovies')->willReturn([
+            ['tmdbId' => 693134, 'id' => 42, 'hasFile' => true, 'monitored' => true],
+        ]);
+        $translator = $this->createMock(TranslatorInterface::class);
+        $translator->method('trans')->willReturnCallback(fn(string $k) => $k);
+
+        $controller = new DashboardController(
+            $this->createMock(HealthService::class), $radarr,
+            $this->createMock(SonarrClient::class), $this->createMock(JellyseerrClient::class),
+            $tmdb, $this->createMock(WatchlistItemRepository::class),
+            $instances, new NullLogger(), $translator, $cache, $this->createMock(TautulliClient::class),
+            new \App\Service\DashboardLayoutService($this->createMock(\App\Service\ConfigService::class)),
+        );
+        $this->attachRouter($controller);
+        $m = new ReflectionMethod(DashboardController::class, 'quickLookTmdb');
+        $m->setAccessible(true);
+
+        $movie = $m->invoke($controller, 'movie', 693134);
+
+        self::assertTrue($movie['inLibrary']);
+        self::assertSame('downloaded', $movie['statusBadge']['kind']);
+        self::assertStringContainsString('open=42', $movie['actionUrl']);
+        self::assertStringContainsString('app_media_films', $movie['actionUrl']);
+        self::assertSame('dashboard.quicklook.manage', $movie['actionLabel']);
+    }
+
     public function testHeroSpotlightCarriesQuickLookFields(): void
     {
         $cache = $this->createMock(CacheInterface::class);
@@ -264,6 +329,7 @@ public function testHeroSpotlightCarriesQuickLookFields(): void
             $this->createMock(SonarrClient::class), $this->createMock(JellyseerrClient::class),
             $this->createMock(TmdbClient::class), $this->createMock(WatchlistItemRepository::class),
             $instances, new NullLogger(), $translator, $cache, $this->createMock(TautulliClient::class),
+            new \App\Service\DashboardLayoutService($this->createMock(\App\Service\ConfigService::class)),
         );
         $this->attachRouter($controller); // pickHeroSpotlight calls generateUrl
         $m = new ReflectionMethod(DashboardController::class, 'pickHeroSpotlight');
@@ -279,6 +345,89 @@ public function testHeroSpotlightCarriesQuickLookFields(): void
         self::assertNull($vm['qlSlug']);
     }
 
+    public function testQuickLookLibraryMovieIncludesReleaseChips(): void
+    {
+        $movieRow = [
+            'id' => 42, 'title' => 'Dune', 'year' => 2021, 'overview' => 'x',
+            'genres' => [], 'ratings' => 7.8, 'runtime' => 155,
+            'poster' => 'p', 'fanart' => 'f', 'hasFile' => true, 'monitored' => true,
+            'status' => 'released', '_instanceSlug' => 'radarr-1', '_instanceName' => 'Radarr',
+            'inCinemasAt' => new \DateTimeImmutable('-2 years'),
+            'digitalAt'   => new \DateTimeImmutable('+30 days'),
+            'physicalAt'  => null,
+        ];
+        $cache = $this->createMock(CacheInterface::class);
+        $cache->method('get')->willReturnCallback(fn(string $k, callable $cb) => $cb($this->cacheItem()));
+        $instances = $this->createMock(ServiceInstanceProvider::class);
+        $instances->method('getEnabled')->willReturnCallback(
+            fn(string $type): array => $type === ServiceInstance::TYPE_RADARR
+                ? [$this->instance('radarr-1', 'Radarr')] : []
+        );
+        $radarr = $this->createMock(RadarrClient::class);
+        $radarr->method('withInstance')->willReturnSelf();
+        $radarr->method('getMovies')->willReturn([$movieRow]);
+        $translator = $this->createMock(TranslatorInterface::class);
+        $translator->method('trans')->willReturnCallback(fn(string $k, array $p = []) => $k);
+
+        $controller = new DashboardController(
+            $this->createMock(HealthService::class), $radarr,
+            $this->createMock(SonarrClient::class), $this->createMock(JellyseerrClient::class),
+            $this->createMock(TmdbClient::class), $this->createMock(WatchlistItemRepository::class),
+            $instances, new NullLogger(), $translator, $cache, $this->createMock(TautulliClient::class),
+            new \App\Service\DashboardLayoutService($this->createMock(\App\Service\ConfigService::class)),
+        );
+        $this->attachRouter($controller);
+
+        $m = new ReflectionMethod(DashboardController::class, 'quickLookLibrary');
+        $m->setAccessible(true);
+        $vm = $m->invoke($controller, 'movie', 'radarr-1', 42);
+
+        $kinds = array_column($vm['releaseDates'], 'kind');
+        self::assertSame(['cinema', 'digital'], $kinds); // physical null → skipped, fixed order
+        self::assertFalse($vm['releaseDates'][0]['upcoming']); // cinema 2y ago
+        self::assertTrue($vm['releaseDates'][1]['upcoming']);  // digital +30d
+    }
+
+    public function testQuickLookTmdbMovieParsesReleaseDates(): void
+    {
+        $tmdb = $this->createMock(TmdbClient::class);
+        $tmdb->method('getMovie')->willReturn([
+            'id' => 603, 'title' => 'The Matrix', 'release_date' => '1999-03-31',
+            'genres' => [], 'overview' => 'x', 'vote_average' => 8.2,
+            'release_dates' => ['results' => [
+                ['iso_3166_1' => 'US', 'release_dates' => [
+                    ['type' => 3, 'release_date' => '1999-03-31T00:00:00.000Z'],
+                    ['type' => 4, 'release_date' => '2020-01-01T00:00:00.000Z'],
+                ]],
+                ['iso_3166_1' => 'FR', 'release_dates' => [
+                    ['type' => 5, 'release_date' => '2099-01-01T00:00:00.000Z'],
+                ]],
+            ]],
+        ]);
+        $cache = $this->createMock(CacheInterface::class);
+        $cache->method('get')->willReturnCallback(fn(string $k, callable $cb) => $cb($this->cacheItem()));
+        $translator = $this->createMock(TranslatorInterface::class);
+        $translator->method('trans')->willReturnCallback(fn(string $k, array $p = []) => $k);
+
+        $controller = new DashboardController(
+            $this->createMock(HealthService::class), $this->createMock(RadarrClient::class),
+            $this->createMock(SonarrClient::class), $this->createMock(JellyseerrClient::class),
+            $tmdb, $this->createMock(WatchlistItemRepository::class),
+            $this->createMock(ServiceInstanceProvider::class), new NullLogger(),
+            $translator, $cache, $this->createMock(TautulliClient::class),
+            new \App\Service\DashboardLayoutService($this->createMock(\App\Service\ConfigService::class)),
+        );
+        $this->attachRouter($controller);
+
+        $m = new ReflectionMethod(DashboardController::class, 'quickLookTmdb');
+        $m->setAccessible(true);
+        $vm = $m->invoke($controller, 'movie', 603);
+
+        $kinds = array_column($vm['releaseDates'], 'kind');
+        self::assertSame(['cinema', 'digital', 'physical'], $kinds);
+        self::assertTrue($vm['releaseDates'][2]['upcoming']); // FR physical year 2099
+    }
+
     public function testQuickLookTmdbTvZeroSeasonsRenders(): void
     {
         $tmdb = $this->createMock(TmdbClient::class);
@@ -300,6 +449,7 @@ public function testQuickLookTmdbTvZeroSeasonsRenders(): void
             $tmdb, $this->createMock(WatchlistItemRepository::class),
             $this->createMock(ServiceInstanceProvider::class), new NullLogger(),
             $translator, $this->createMock(CacheInterface::class), $this->createMock(TautulliClient::class),
+            new \App\Service\DashboardLayoutService($this->createMock(\App\Service\ConfigService::class)),
         );
         $this->attachRouter($controller);
         $m = new ReflectionMethod(DashboardController::class, 'quickLookTmdb');
@@ -308,4 +458,127 @@ public function testQuickLookTmdbTvZeroSeasonsRenders(): void
         $tv = $m->invoke($controller, 'tv', 12345);
         self::assertStringContainsString('0 saisons', $tv['metaLine']);
     }
+
+    public function testQuickLookLibrarySeriesIncludesAirInfo(): void
+    {
+        $seriesRow = [
+            'id' => 7, 'title' => 'Severance', 'year' => 2022, 'overview' => 'x',
+            'genres' => [], 'ratings' => 8.4, 'network' => 'Apple TV+',
+            'poster' => 's', 'fanart' => null, 'monitored' => true, 'hasFile' => false,
+            'status' => 'continuing', 'ended' => false,
+            'firstAired'     => new \DateTimeImmutable('-3 years'),
+            'nextAiring'     => new \DateTimeImmutable('+10 days'),
+            'previousAiring' => new \DateTimeImmutable('-20 days'),
+            '_instanceSlug' => 'sonarr-1', '_instanceName' => 'Sonarr',
+        ];
+        $cache = $this->createMock(CacheInterface::class);
+        $cache->method('get')->willReturnCallback(fn(string $k, callable $cb) => $cb($this->cacheItem()));
+        $instances = $this->createMock(ServiceInstanceProvider::class);
+        $instances->method('getEnabled')->willReturnCallback(
+            fn(string $type): array => $type === ServiceInstance::TYPE_SONARR
+                ? [$this->instance('sonarr-1', 'Sonarr')] : []
+        );
+        $sonarr = $this->createMock(SonarrClient::class);
+        $sonarr->method('withInstance')->willReturnSelf();
+        $sonarr->method('getSeries')->willReturn([$seriesRow]);
+        $translator = $this->createMock(TranslatorInterface::class);
+        $translator->method('trans')->willReturnCallback(fn(string $k, array $p = []) => $k);
+
+        $controller = new DashboardController(
+            $this->createMock(HealthService::class), $this->createMock(RadarrClient::class),
+            $sonarr, $this->createMock(JellyseerrClient::class), $this->createMock(TmdbClient::class),
+            $this->createMock(WatchlistItemRepository::class), $instances, new NullLogger(),
+            $translator, $cache, $this->createMock(TautulliClient::class),
+            new \App\Service\DashboardLayoutService($this->createMock(\App\Service\ConfigService::class)),
+        );
+        $this->attachRouter($controller);
+        $m = new ReflectionMethod(DashboardController::class, 'quickLookLibrary');
+        $m->setAccessible(true);
+        $vm = $m->invoke($controller, 'series', 'sonarr-1', 7);
+
+        self::assertSame('continuing', $vm['airStatus']);
+        $kinds = array_column($vm['releaseDates'], 'kind');
+        self::assertContains('first_aired', $kinds);
+        self::assertContains('next_episode', $kinds);
+        self::assertNotContains('ended', $kinds);
+    }
+
+    public function testQuickLookLibrarySeriesEndedShowsEndDate(): void
+    {
+        $seriesRow = [
+            'id' => 99, 'title' => 'The Wire', 'year' => 2002, 'overview' => 'Baltimore crime.',
+            'genres' => [], 'ratings' => 9.3, 'network' => 'HBO',
+            'poster' => 'w', 'fanart' => null, 'monitored' => false, 'hasFile' => false,
+            'status' => 'ended', 'ended' => true,
+            'firstAired'     => new \DateTimeImmutable('-5 years'),
+            'nextAiring'     => null,
+            'previousAiring' => new \DateTimeImmutable('-1 year'),
+            '_instanceSlug' => 'sonarr-1', '_instanceName' => 'Sonarr',
+        ];
+        $cache = $this->createMock(CacheInterface::class);
+        $cache->method('get')->willReturnCallback(fn(string $k, callable $cb) => $cb($this->cacheItem()));
+        $instances = $this->createMock(ServiceInstanceProvider::class);
+        $instances->method('getEnabled')->willReturnCallback(
+            fn(string $type): array => $type === ServiceInstance::TYPE_SONARR
+                ? [$this->instance('sonarr-1', 'Sonarr')] : []
+        );
+        $sonarr = $this->createMock(SonarrClient::class);
+        $sonarr->method('withInstance')->willReturnSelf();
+        $sonarr->method('getSeries')->willReturn([$seriesRow]);
+        $translator = $this->createMock(TranslatorInterface::class);
+        $translator->method('trans')->willReturnCallback(fn(string $k, array $p = []) => $k);
+
+        $controller = new DashboardController(
+            $this->createMock(HealthService::class), $this->createMock(RadarrClient::class),
+            $sonarr, $this->createMock(JellyseerrClient::class), $this->createMock(TmdbClient::class),
+            $this->createMock(WatchlistItemRepository::class), $instances, new NullLogger(),
+            $translator, $cache, $this->createMock(TautulliClient::class),
+            new \App\Service\DashboardLayoutService($this->createMock(\App\Service\ConfigService::class)),
+        );
+        $this->attachRouter($controller);
+        $m = new ReflectionMethod(DashboardController::class, 'quickLookLibrary');
+        $m->setAccessible(true);
+        $vm = $m->invoke($controller, 'series', 'sonarr-1', 99);
+
+        self::assertSame('ended', $vm['airStatus']);
+        $kinds = array_column($vm['releaseDates'], 'kind');
+        self::assertContains('first_aired', $kinds);
+        self::assertContains('ended', $kinds);
+        self::assertNotContains('next_episode', $kinds);
+    }
+
+    public function testQuickLookTmdbTvIncludesAirInfo(): void
+    {
+        $tmdb = $this->createMock(TmdbClient::class);
+        $tmdb->method('getTv')->willReturn([
+            'id' => 95396, 'name' => 'Severance', 'first_air_date' => '2022-02-18',
+            'genres' => [], 'overview' => 'x', 'vote_average' => 8.4,
+            'status' => 'Returning Series', 'number_of_seasons' => 2,
+            'networks' => [['name' => 'Apple TV+']],
+            'next_episode_to_air' => ['air_date' => '2099-01-15'],
+            'last_episode_to_air' => ['air_date' => '2022-04-08'],
+        ]);
+        $cache = $this->createMock(CacheInterface::class);
+        $cache->method('get')->willReturnCallback(fn(string $k, callable $cb) => $cb($this->cacheItem()));
+        $translator = $this->createMock(TranslatorInterface::class);
+        $translator->method('trans')->willReturnCallback(fn(string $k, array $p = []) => $k);
+
+        $controller = new DashboardController(
+            $this->createMock(HealthService::class), $this->createMock(RadarrClient::class),
+            $this->createMock(SonarrClient::class), $this->createMock(JellyseerrClient::class),
+            $tmdb, $this->createMock(WatchlistItemRepository::class),
+            $this->createMock(ServiceInstanceProvider::class), new NullLogger(),
+            $translator, $cache, $this->createMock(TautulliClient::class),
+            new \App\Service\DashboardLayoutService($this->createMock(\App\Service\ConfigService::class)),
+        );
+        $this->attachRouter($controller);
+        $m = new ReflectionMethod(DashboardController::class, 'quickLookTmdb');
+        $m->setAccessible(true);
+        $vm = $m->invoke($controller, 'tv', 95396);
+
+        self::assertSame('continuing', $vm['airStatus']);
+        $kinds = array_column($vm['releaseDates'], 'kind');
+        self::assertContains('first_aired', $kinds);
+        self::assertContains('next_episode', $kinds);
+    }
 }
diff --git a/symfony/tests/Controller/DashboardWidgetHoundarrTest.php b/symfony/tests/Controller/DashboardWidgetHoundarrTest.php
new file mode 100644
index 00000000..eb25ee76
--- /dev/null
+++ b/symfony/tests/Controller/DashboardWidgetHoundarrTest.php
@@ -0,0 +1,76 @@
+<?php
+
+namespace App\Tests\Controller;
+
+use App\Controller\DashboardController;
+use App\Repository\Media\WatchlistItemRepository;
+use App\Service\DashboardLayoutService;
+use App\Service\HealthService;
+use App\Service\Media\HoundarrClient;
+use App\Service\Media\JellyseerrClient;
+use App\Service\Media\RadarrClient;
+use App\Service\Media\SonarrClient;
+use App\Service\Media\TautulliClient;
+use App\Service\Media\TmdbClient;
+use App\Service\Media\UnraidClient;
+use App\Service\ServiceInstanceProvider;
+use PHPUnit\Framework\Attributes\AllowMockObjectsWithoutExpectations;
+use PHPUnit\Framework\TestCase;
+use Psr\Log\NullLogger;
+use Symfony\Contracts\Cache\CacheInterface;
+use Symfony\Contracts\Translation\TranslatorInterface;
+
+/**
+ * widgetHoundarr() gating: unconfigured Houndarr gets an empty body (hidden
+ * client-side) and never triggers an upstream call. No admin gate — the
+ * totals are harmless read-only counts visible to every logged-in user.
+ */
+#[AllowMockObjectsWithoutExpectations]
+class DashboardWidgetHoundarrTest extends TestCase
+{
+    private function makeController(bool $configured, ?HoundarrClient $houndarr): DashboardController
+    {
+        $health = $this->createMock(HealthService::class);
+        $health->method('isConfigured')->willReturnCallback(
+            fn(string $s) => $s === 'houndarr' ? $configured : false
+        );
+
+        return new DashboardController(
+            $health,
+            $this->createMock(RadarrClient::class),
+            $this->createMock(SonarrClient::class),
+            $this->createMock(JellyseerrClient::class),
+            $this->createMock(TmdbClient::class),
+            $this->createMock(WatchlistItemRepository::class),
+            $this->createMock(ServiceInstanceProvider::class),
+            new NullLogger(),
+            $this->createMock(TranslatorInterface::class),
+            $this->createMock(CacheInterface::class),
+            $this->createMock(TautulliClient::class),
+            new DashboardLayoutService($this->createMock(\App\Service\ConfigService::class)),
+            $this->createMock(UnraidClient::class),
+            $houndarr,
+        );
+    }
+
+    public function testUnconfiguredGetsEmptyBodyAndNoHoundarrCall(): void
+    {
+        $houndarr = $this->createMock(HoundarrClient::class);
+        $houndarr->expects($this->never())->method('widget');
+
+        $resp = $this->makeController(configured: false, houndarr: $houndarr)->widgetHoundarr();
+        $this->assertSame('', $resp->getContent());
+    }
+
+    public function testMissingClientGetsEmptyBody(): void
+    {
+        $resp = $this->makeController(configured: true, houndarr: null)->widgetHoundarr();
+        $this->assertSame('', $resp->getContent());
+    }
+
+    public function testSectionRegistered(): void
+    {
+        $this->assertContains('houndarr', \App\Dashboard\DashboardSections::DEFAULT_ORDER);
+        $this->assertArrayHasKey('houndarr', \App\Dashboard\DashboardSections::META);
+    }
+}
diff --git a/symfony/tests/Controller/DashboardWidgetNetworkTest.php b/symfony/tests/Controller/DashboardWidgetNetworkTest.php
new file mode 100644
index 00000000..cf7dfa6d
--- /dev/null
+++ b/symfony/tests/Controller/DashboardWidgetNetworkTest.php
@@ -0,0 +1,89 @@
+<?php
+
+namespace App\Tests\Controller;
+
+use App\Controller\DashboardController;
+use App\Repository\Media\WatchlistItemRepository;
+use App\Service\DashboardLayoutService;
+use App\Service\HealthService;
+use App\Service\Media\JellyseerrClient;
+use App\Service\Media\RadarrClient;
+use App\Service\Media\SonarrClient;
+use App\Service\Media\TautulliClient;
+use App\Service\Media\TmdbClient;
+use App\Service\Media\UnifiClient;
+use App\Service\ServiceInstanceProvider;
+use PHPUnit\Framework\Attributes\AllowMockObjectsWithoutExpectations;
+use PHPUnit\Framework\TestCase;
+use Psr\Log\NullLogger;
+use Symfony\Component\Security\Core\Authorization\AuthorizationCheckerInterface;
+use Symfony\Contracts\Cache\CacheInterface;
+use Symfony\Contracts\Translation\TranslatorInterface;
+
+/**
+ * widgetNetwork() gating: non-admins and unconfigured UniFi both get an empty
+ * body (hidden client-side) — no UniFi call is ever made in either case.
+ */
+#[AllowMockObjectsWithoutExpectations]
+class DashboardWidgetNetworkTest extends TestCase
+{
+    private function makeController(bool $isAdmin, bool $configured, ?UnifiClient $unifi): DashboardController
+    {
+        $health = $this->createMock(HealthService::class);
+        $health->method('isConfigured')->willReturnCallback(
+            fn(string $s) => $s === 'unifi' ? $configured : false
+        );
+
+        $controller = new DashboardController(
+            $health,
+            $this->createMock(RadarrClient::class),
+            $this->createMock(SonarrClient::class),
+            $this->createMock(JellyseerrClient::class),
+            $this->createMock(TmdbClient::class),
+            $this->createMock(WatchlistItemRepository::class),
+            $this->createMock(ServiceInstanceProvider::class),
+            new NullLogger(),
+            $this->createMock(TranslatorInterface::class),
+            $this->createMock(CacheInterface::class),
+            $this->createMock(TautulliClient::class),
+            new DashboardLayoutService($this->createMock(\App\Service\ConfigService::class)),
+            unifi: $unifi,
+        );
+
+        $checker = $this->createMock(AuthorizationCheckerInterface::class);
+        $checker->method('isGranted')->willReturn($isAdmin);
+        $container = $this->createMock(\Psr\Container\ContainerInterface::class);
+        $container->method('has')->willReturn(true);
+        $container->method('get')->willReturnCallback(
+            fn(string $id) => $id === 'security.authorization_checker' ? $checker : null
+        );
+        $controller->setContainer($container);
+
+        return $controller;
+    }
+
+    public function testNonAdminGetsEmptyBodyAndNoUnifiCall(): void
+    {
+        $unifi = $this->createMock(UnifiClient::class);
+        $unifi->expects($this->never())->method('overview');
+
+        $resp = $this->makeController(isAdmin: false, configured: true, unifi: $unifi)->widgetNetwork();
+        $this->assertSame('', $resp->getContent());
+    }
+
+    public function testUnconfiguredGetsEmptyBodyAndNoUnifiCall(): void
+    {
+        $unifi = $this->createMock(UnifiClient::class);
+        $unifi->expects($this->never())->method('overview');
+
+        $resp = $this->makeController(isAdmin: true, configured: false, unifi: $unifi)->widgetNetwork();
+        $this->assertSame('', $resp->getContent());
+    }
+
+    public function testNetworkSectionRegistered(): void
+    {
+        $this->assertContains('network', \App\Dashboard\DashboardSections::DEFAULT_ORDER);
+        $this->assertArrayHasKey('network', \App\Dashboard\DashboardSections::META);
+        $this->assertTrue(\App\Dashboard\DashboardSections::isValid('network'));
+    }
+}
diff --git a/symfony/tests/Controller/DashboardWidgetServerTest.php b/symfony/tests/Controller/DashboardWidgetServerTest.php
new file mode 100644
index 00000000..0cc699d6
--- /dev/null
+++ b/symfony/tests/Controller/DashboardWidgetServerTest.php
@@ -0,0 +1,82 @@
+<?php
+
+namespace App\Tests\Controller;
+
+use App\Controller\DashboardController;
+use App\Repository\Media\WatchlistItemRepository;
+use App\Service\DashboardLayoutService;
+use App\Service\HealthService;
+use App\Service\Media\JellyseerrClient;
+use App\Service\Media\RadarrClient;
+use App\Service\Media\SonarrClient;
+use App\Service\Media\TautulliClient;
+use App\Service\Media\TmdbClient;
+use App\Service\Media\UnraidClient;
+use App\Service\ServiceInstanceProvider;
+use PHPUnit\Framework\Attributes\AllowMockObjectsWithoutExpectations;
+use PHPUnit\Framework\TestCase;
+use Psr\Log\NullLogger;
+use Symfony\Component\Security\Core\Authorization\AuthorizationCheckerInterface;
+use Symfony\Contracts\Cache\CacheInterface;
+use Symfony\Contracts\Translation\TranslatorInterface;
+
+/**
+ * widgetServer() gating: non-admins and unconfigured Unraid both get an empty
+ * body (hidden client-side) — no Unraid call is ever made in either case.
+ */
+#[AllowMockObjectsWithoutExpectations]
+class DashboardWidgetServerTest extends TestCase
+{
+    private function makeController(bool $isAdmin, bool $configured, ?UnraidClient $unraid): DashboardController
+    {
+        $health = $this->createMock(HealthService::class);
+        $health->method('isConfigured')->willReturnCallback(
+            fn(string $s) => $s === 'unraid' ? $configured : false
+        );
+
+        $controller = new DashboardController(
+            $health,
+            $this->createMock(RadarrClient::class),
+            $this->createMock(SonarrClient::class),
+            $this->createMock(JellyseerrClient::class),
+            $this->createMock(TmdbClient::class),
+            $this->createMock(WatchlistItemRepository::class),
+            $this->createMock(ServiceInstanceProvider::class),
+            new NullLogger(),
+            $this->createMock(TranslatorInterface::class),
+            $this->createMock(CacheInterface::class),
+            $this->createMock(TautulliClient::class),
+            new DashboardLayoutService($this->createMock(\App\Service\ConfigService::class)),
+            $unraid,
+        );
+
+        $checker = $this->createMock(AuthorizationCheckerInterface::class);
+        $checker->method('isGranted')->willReturn($isAdmin);
+        $container = $this->createMock(\Psr\Container\ContainerInterface::class);
+        $container->method('has')->willReturn(true);
+        $container->method('get')->willReturnCallback(
+            fn(string $id) => $id === 'security.authorization_checker' ? $checker : null
+        );
+        $controller->setContainer($container);
+
+        return $controller;
+    }
+
+    public function testNonAdminGetsEmptyBodyAndNoUnraidCall(): void
+    {
+        $unraid = $this->createMock(UnraidClient::class);
+        $unraid->expects($this->never())->method('overview');
+
+        $resp = $this->makeController(isAdmin: false, configured: true, unraid: $unraid)->widgetServer();
+        $this->assertSame('', $resp->getContent());
+    }
+
+    public function testUnconfiguredGetsEmptyBodyAndNoUnraidCall(): void
+    {
+        $unraid = $this->createMock(UnraidClient::class);
+        $unraid->expects($this->never())->method('overview');
+
+        $resp = $this->makeController(isAdmin: true, configured: false, unraid: $unraid)->widgetServer();
+        $this->assertSame('', $resp->getContent());
+    }
+}
diff --git a/symfony/tests/Controller/DelugeControllerTest.php b/symfony/tests/Controller/DelugeControllerTest.php
new file mode 100644
index 00000000..c6b329cd
--- /dev/null
+++ b/symfony/tests/Controller/DelugeControllerTest.php
@@ -0,0 +1,57 @@
+<?php
+
+namespace App\Tests\Controller;
+
+use App\Controller\DelugeController;
+use PHPUnit\Framework\Attributes\DataProvider;
+use PHPUnit\Framework\TestCase;
+
+class DelugeControllerTest extends TestCase
+{
+    private function invokeStatic(string $method, mixed ...$args): mixed
+    {
+        $m = (new \ReflectionClass(DelugeController::class))->getMethod($method);
+        $m->setAccessible(true);
+        return $m->invoke(null, ...$args);
+    }
+
+    /**
+     * Deluge hashes are exactly 40 hex chars. No 'all' sentinel (unlike qBit).
+     */
+    public function testSanitizeHashesKeepsOnly40CharHex(): void
+    {
+        $valid = str_repeat('a1', 20); // 40 chars
+        $out = $this->invokeStatic('sanitizeHashes', [
+            $valid,
+            'all',                       // qBit sentinel — NOT valid for Deluge
+            str_repeat('a', 32),         // qBit-length v1 hash prefix — reject
+            'zz' . substr($valid, 2),    // non-hex
+            42,                          // not a string
+        ]);
+        $this->assertSame([$valid], $out);
+    }
+
+    /**
+     * Same SSRF policy as the qBit add box: http(s)/magnet only, cloud
+     * metadata hosts blocked, LAN allowed (private trackers are legitimate).
+     *
+     * @return iterable<string, array{string, bool}>
+     */
+    public static function urlCases(): iterable
+    {
+        yield 'magnet ok'          => ['magnet:?xt=urn:btih:abc', true];
+        yield 'https ok'           => ['https://tracker.example/file.torrent', true];
+        yield 'lan ok'             => ['http://192.168.1.10:8112/file.torrent', true];
+        yield 'file scheme'        => ['file:///etc/passwd', false];
+        yield 'gopher scheme'      => ['gopher://evil/x', false];
+        yield 'aws metadata'       => ['http://169.254.169.254/latest/meta-data/', false];
+        yield 'gcp metadata'       => ['http://metadata.google.internal/computeMetadata/', false];
+    }
+
+    #[DataProvider('urlCases')]
+    public function testValidateTorrentUrls(string $url, bool $ok): void
+    {
+        $error = $this->invokeStatic('validateTorrentUrlsStatic', $url);
+        $ok ? $this->assertNull($error) : $this->assertNotNull($error);
+    }
+}
diff --git a/symfony/tests/Controller/HealthControllerTest.php b/symfony/tests/Controller/HealthControllerTest.php
index 72851d2a..9cd9b7e1 100644
--- a/symfony/tests/Controller/HealthControllerTest.php
+++ b/symfony/tests/Controller/HealthControllerTest.php
@@ -8,18 +8,22 @@
 use Doctrine\DBAL\Connection;
 use PHPUnit\Framework\Attributes\AllowMockObjectsWithoutExpectations;
 use PHPUnit\Framework\TestCase;
-use Symfony\Component\DependencyInjection\ContainerInterface;
 use Symfony\Component\HttpFoundation\JsonResponse;
 
 #[AllowMockObjectsWithoutExpectations]
 class HealthControllerTest extends TestCase
 {
-    private function newController(): HealthController
+    private function newController(bool $isAdmin = false): HealthController
     {
         $controller = new HealthController();
-        // AbstractController constructor initializes nothing, but some helpers
-        // require a container. Minimal stub.
-        $controller->setContainer($this->createMock(ContainerInterface::class));
+        $checker = $this->createMock(\Symfony\Component\Security\Core\Authorization\AuthorizationCheckerInterface::class);
+        $checker->method('isGranted')->willReturn($isAdmin);
+        $container = $this->createMock(\Psr\Container\ContainerInterface::class);
+        $container->method('has')->willReturn(true);
+        $container->method('get')->willReturnCallback(
+            fn(string $id) => $id === 'security.authorization_checker' ? $checker : null
+        );
+        $controller->setContainer($container);
         return $controller;
     }
 
@@ -69,6 +73,12 @@ public function testServicesHealthExposesUsenetClients(): void
             default       => null,   // prowlarr, jellyseerr, tmdb not configured
         });
 
+        $health->method('chips')->willReturn([
+            ['id' => 'qbittorrent', 'name' => 'qBittorrent', 'status' => 'up',   'latencyMs' => 40, 'color' => '#2f67ba'],
+            ['id' => 'sabnzbd',     'name' => 'SABnzbd',     'status' => 'up',   'latencyMs' => 30, 'color' => '#fbc531'],
+            ['id' => 'tautulli',    'name' => 'Tautulli',    'status' => 'down', 'latencyMs' => null, 'color' => '#e5a00d'],
+        ]);
+
         $instances = $this->createMock(ServiceInstanceProvider::class);
         $instances->method('getEnabled')->willReturn([]);
 
@@ -81,9 +91,25 @@ public function testServicesHealthExposesUsenetClients(): void
         $this->assertTrue($payload['services']['sabnzbd']);
         $this->assertNull($payload['services']['nzbget']);
 
-        // sabnzbd + qbittorrent are up → counted; nzbget (null) is not.
+        // ok/total now mirror the chip list (2 of 3 up); legacy keys still present.
         $this->assertSame(2, $payload['ok']);
-        $this->assertSame(2, $payload['total']);
+        $this->assertSame(3, $payload['total']);
+        $this->assertCount(3, $payload['chips']);
+        $this->assertSame('qBittorrent', $payload['chips'][0]['name']);
+    }
+
+    public function testUnraidChipIsAdminGated(): void
+    {
+        $instances = $this->createMock(ServiceInstanceProvider::class);
+        $instances->method('getEnabled')->willReturn([]);
+
+        $health = $this->createMock(HealthService::class);
+        $health->expects($this->once())->method('chips')->with(true)->willReturn([]);
+        $this->newController(isAdmin: true)->servicesHealth($health, $instances);
+
+        $health2 = $this->createMock(HealthService::class);
+        $health2->expects($this->once())->method('chips')->with(false)->willReturn([]);
+        $this->newController(isAdmin: false)->servicesHealth($health2, $instances);
     }
 
     public function testErrorResponseDoesNotLeakDetails(): void
diff --git a/symfony/tests/Controller/TautulliControllerTest.php b/symfony/tests/Controller/TautulliControllerTest.php
index c983bbf2..95b894bd 100644
--- a/symfony/tests/Controller/TautulliControllerTest.php
+++ b/symfony/tests/Controller/TautulliControllerTest.php
@@ -170,4 +170,26 @@ public function testHistoryEndpointAcceptsUserFilter(): void
         self::assertResponseIsSuccessful();
         self::assertStringNotContainsString('Exception', (string) $this->client->getResponse()->getContent());
     }
+
+    /**
+     * /tautulli/api/quicklook/{ratingKey} fails open to {type:null, id:null}
+     * when Tautulli is not configured — the frontend then falls back to the
+     * legacy Plex metadata modal instead of a broken quick-look.
+     */
+    public function testQuickLookResolveReturnsNullShapeWhenUnconfigured(): void
+    {
+        $this->client->request('GET', '/tautulli/api/quicklook/12345');
+
+        self::assertResponseIsSuccessful();
+        $content = (string) $this->client->getResponse()->getContent();
+        self::assertJson($content);
+        self::assertSame(['type' => null, 'id' => null], json_decode($content, true));
+    }
+
+    /** Non-numeric rating keys never reach the client — 404 by route requirement. */
+    public function testQuickLookResolveRejectsNonNumericKeys(): void
+    {
+        $this->client->request('GET', '/tautulli/api/quicklook/abc');
+        self::assertResponseStatusCodeSame(404);
+    }
 }
diff --git a/symfony/tests/Controller/ThemeRenderTest.php b/symfony/tests/Controller/ThemeRenderTest.php
new file mode 100644
index 00000000..462939c8
--- /dev/null
+++ b/symfony/tests/Controller/ThemeRenderTest.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Tests\Controller;
+
+use App\Tests\AbstractWebTestCase;
+
+final class ThemeRenderTest extends AbstractWebTestCase
+{
+    public function testDefaultThemeInjectsVariablesAndDropsToggle(): void
+    {
+        $this->client->request('GET', '/tableau-de-bord');
+        $html = $this->client->getResponse()->getContent();
+
+        self::assertStringContainsString('--tblr-body-bg: hsl(0, 0%, 6.5%)', $html);
+        self::assertStringContainsString('data-bs-theme="dark"', $html);
+        self::assertStringNotContainsString('id="theme-toggle"', $html);
+    }
+}
diff --git a/symfony/tests/Controller/TransmissionControllerTest.php b/symfony/tests/Controller/TransmissionControllerTest.php
new file mode 100644
index 00000000..32a87517
--- /dev/null
+++ b/symfony/tests/Controller/TransmissionControllerTest.php
@@ -0,0 +1,78 @@
+<?php
+
+namespace App\Tests\Controller;
+
+use App\Controller\TransmissionController;
+use PHPUnit\Framework\Attributes\DataProvider;
+use PHPUnit\Framework\TestCase;
+
+class TransmissionControllerTest extends TestCase
+{
+    private function invokeStatic(string $method, array $args): mixed
+    {
+        $m = (new \ReflectionClass(TransmissionController::class))->getMethod($method);
+        $m->setAccessible(true);
+
+        return $m->invokeArgs(null, $args);
+    }
+
+    /**
+     * Transmission hashes are exactly 40 hex chars — unlike qBit, there is
+     * no 'all' sentinel (pause-all/resume-all are separate explicit routes).
+     *
+     * @return iterable<string, array{mixed, array<int, string>}>
+     */
+    public static function hashInputs(): iterable
+    {
+        $valid1 = str_repeat('a', 40);
+        $valid2 = str_repeat('B', 40);
+
+        yield 'not an array'          => ['not-an-array', []];
+        yield 'empty array'           => [[], []];
+        yield 'single valid hash'     => [[$valid1], [$valid1]];
+        yield 'mixed case valid hash' => [[$valid2], [$valid2]];
+        yield 'too short'             => [[str_repeat('a', 39)], []];
+        yield 'too long'              => [[str_repeat('a', 41)], []];
+        yield 'non-hex characters'    => [['g' . str_repeat('a', 39)], []];
+        yield "'all' sentinel rejected" => [['all'], []];
+        yield 'non-string entries dropped' => [[123, null, true, $valid1], [$valid1]];
+        yield 'valid + invalid mixed' => [[$valid1, 'nope', $valid2], [$valid1, $valid2]];
+    }
+
+    #[DataProvider('hashInputs')]
+    public function testSanitizeHashesAcceptsOnly40HexCharsNoAllSentinel(mixed $raw, array $expected): void
+    {
+        $this->assertSame($expected, $this->invokeStatic('sanitizeHashes', [$raw]));
+    }
+
+    /**
+     * SSRF guard for `/api/add` (Transmission fetches whatever URL we hand
+     * it via `filename`): http(s)/magnet only, cloud-metadata hosts blocked,
+     * everything else (including LAN) allowed. Static + translator-free so
+     * it unit-tests without booting the container.
+     *
+     * @return iterable<string, array{string, ?string}>
+     */
+    public static function urlValidationCases(): iterable
+    {
+        yield 'https url'                  => ['https://example.com/a.torrent', null];
+        yield 'http url'                   => ['http://example.com/a.torrent', null];
+        yield 'magnet link'                => ['magnet:?xt=urn:btih:' . str_repeat('a', 40), null];
+        yield 'lan http url'               => ['http://192.168.1.10:8080/a.torrent', null];
+        yield 'multiple valid lines'       => ["https://a.example/1.torrent\nmagnet:?xt=urn:btih:" . str_repeat('a', 40), null];
+        yield 'file scheme blocked'        => ['file:///etc/passwd', 'invalid_url'];
+        yield 'gopher scheme blocked'      => ['gopher://example.com', 'invalid_url'];
+        yield 'missing host'               => ['https:///a.torrent', 'invalid_url'];
+        yield 'aws metadata blocked'       => ['http://169.254.169.254/latest/meta-data/', 'forbidden_host'];
+        yield 'gcp metadata blocked'       => ['http://metadata.google.internal/', 'forbidden_host'];
+        yield 'azure metadata blocked'     => ['http://metadata.azure.com/', 'forbidden_host'];
+        yield 'metadata blocked case-insensitive' => ['http://METADATA.GOOGLE.INTERNAL/', 'forbidden_host'];
+        yield 'blank lines ignored'        => ["\n\nhttps://example.com/a.torrent\n\n", null];
+    }
+
+    #[DataProvider('urlValidationCases')]
+    public function testValidateTorrentUrlsStaticBlocksForbiddenSchemesAndHosts(string $raw, ?string $expectedViolation): void
+    {
+        $this->assertSame($expectedViolation, $this->invokeStatic('validateTorrentUrlsStatic', [$raw]));
+    }
+}
diff --git a/symfony/tests/Controller/TransmissionRenderTest.php b/symfony/tests/Controller/TransmissionRenderTest.php
new file mode 100644
index 00000000..de950bc8
--- /dev/null
+++ b/symfony/tests/Controller/TransmissionRenderTest.php
@@ -0,0 +1,139 @@
+<?php
+
+namespace App\Tests\Controller;
+
+use App\Entity\Setting;
+use App\Service\Media\TransmissionClient;
+use App\Tests\AbstractWebTestCase;
+use PHPUnit\Framework\Attributes\AllowMockObjectsWithoutExpectations;
+use PHPUnit\Framework\Attributes\DataProvider;
+
+/**
+ * Regression for the rebuilt Transmission template: nothing else in CI ever
+ * actually renders `templates/transmission/index.html.twig`.
+ * ControllersSmokeTest requests /transmission, but ServiceRouteGuardSubscriber
+ * redirects app_transmission_* to app_setup_downloads whenever transmission_url
+ * is unset (always true under AbstractWebTestCase) — the smoke test only
+ * asserts status < 500 || 503, so the 302 passes and the template body is
+ * never parsed. Four raw dotted translation keys (transmission.title,
+ * transmission.filters.labels, transmission.table.uploaded,
+ * transmission.table.completed) nearly shipped as a result; only a hand
+ * check caught it.
+ *
+ * This test seeds transmission_url so the guard passes, swaps in a mocked
+ * TransmissionClient covering every state TransmissionClient::normalizeState()
+ * can emit, renders the page in both app locales, and scans the HTML for any
+ * unresolved `qbittorrent.*` / `transmission.*` / `deluge.*` translation key
+ * (Twig's `trans` filter renders a missing key as the literal id — that raw
+ * dotted string is exactly what leaked last time).
+ */
+#[AllowMockObjectsWithoutExpectations]
+class TransmissionRenderTest extends AbstractWebTestCase
+{
+    /** @return iterable<string, array{string}> */
+    public static function locales(): iterable
+    {
+        yield 'english' => ['en'];
+        yield 'french'  => ['fr'];
+    }
+
+    #[DataProvider('locales')]
+    public function testIndexRendersCleanlyWithNoLeakedTranslationKeys(string $locale): void
+    {
+        $this->configureTransmission();
+
+        $this->client->request('GET', '/transmission?_locale=' . $locale);
+        $html = (string) $this->client->getResponse()->getContent();
+
+        $this->assertSame(200, $this->client->getResponse()->getStatusCode());
+
+        if (preg_match('/\b(qbittorrent|transmission|deluge)\.[a-z_.]+/', $html, $m)) {
+            $this->fail(sprintf(
+                'Locale "%s": rendered page contains an unresolved translation key "%s" — it has no entry in either messages YAML and rendered as the raw id instead of translated text.',
+                $locale,
+                $m[0]
+            ));
+        }
+    }
+
+    /**
+     * Seed transmission_url (so ServiceRouteGuardSubscriber's "not configured"
+     * check passes) and swap the autowired TransmissionClient for a mock
+     * populated with one torrent per state TransmissionClient::normalizeState()
+     * can emit, so every state-dependent template branch actually executes.
+     */
+    private function configureTransmission(): void
+    {
+        $em = $this->em();
+        $em->persist(new Setting('transmission_url', 'http://transmission.test:9091'));
+        $em->flush();
+
+        $mock = $this->createMock(TransmissionClient::class);
+        $mock->method('getVersion')->willReturn('4.0.5');
+
+        $states = ['error', 'paused', 'checking', 'queued', 'downloading', 'seeding', 'unknown'];
+        $torrents = [];
+        foreach ($states as $i => $state) {
+            $torrents[] = $this->torrent($state, $i);
+        }
+        $mock->method('getTorrents')->willReturn($torrents);
+
+        $mock->method('getStats')->willReturn([
+            'total'        => count($torrents),
+            'downloading'  => 1,
+            'seeding'      => 1,
+            'paused'       => 1,
+            'completed'    => 0,
+            'errored'      => 1,
+            'stalled'      => 0,
+            'dl_speed'     => 1024,
+            'up_speed'     => 512,
+            'connection'   => 'connected',
+            'dht_nodes'    => 0,
+            'dl_session'   => 10_000,
+            'up_session'   => 5_000,
+            'dl_alltime'   => 100_000,
+            'up_alltime'   => 50_000,
+            'global_ratio' => 0.5,
+            'free_space'   => 1_000_000_000,
+        ]);
+
+        static::getContainer()->set(TransmissionClient::class, $mock);
+    }
+
+    /** @return array<string, mixed> */
+    private function torrent(string $state, int $i): array
+    {
+        return [
+            'hash'           => str_pad((string) $i, 40, 'a'),
+            'name'           => 'Torrent.' . $state,
+            'size'           => 1_000_000_000,
+            'total_size'     => 1_000_000_000,
+            'downloaded'     => 500_000_000,
+            'uploaded'       => 250_000_000,
+            'progress'       => 50.0,
+            'dlspeed'        => 1024,
+            'upspeed'        => 512,
+            'eta'            => 3600,
+            'state'          => $state,
+            'raw_state'      => '0',
+            'category'       => $i % 2 === 0 ? 'radarr' : 'sonarr',
+            'tags'           => '',
+            'ratio'          => 1.5,
+            'num_seeds'      => 3,
+            'num_leechs'     => 2,
+            'num_complete'   => 0,
+            'num_incomplete' => 0,
+            'added_on'       => 1_700_000_000,
+            'completion_on'  => 1_700_001_000,
+            'save_path'      => '/downloads',
+            'content_path'   => '',
+            'tracker'        => 'tracker.example',
+            'dl_limit'       => -1,
+            'up_limit'       => -1,
+            'seeding_time'   => 3600,
+            'priority'       => 0,
+            'availability'   => 1.0,
+        ];
+    }
+}
diff --git a/symfony/tests/Controller/TransmissionRouteParityTest.php b/symfony/tests/Controller/TransmissionRouteParityTest.php
new file mode 100644
index 00000000..c027f291
--- /dev/null
+++ b/symfony/tests/Controller/TransmissionRouteParityTest.php
@@ -0,0 +1,50 @@
+<?php
+
+namespace App\Tests\Controller;
+
+use Symfony\Bundle\FrameworkBundle\Test\KernelTestCase;
+
+/**
+ * Le template Transmission est dérivé de celui de Deluge : ses appels fetch()
+ * ne fonctionnent que si le jeu de routes est identique au préfixe près.
+ */
+class TransmissionRouteParityTest extends KernelTestCase
+{
+    public function testEveryDelugeRouteHasATransmissionTwin(): void
+    {
+        self::bootKernel();
+        $router = self::getContainer()->get('router');
+        $all = array_keys($router->getRouteCollection()->all());
+
+        $deluge = array_filter($all, fn($n) => str_starts_with($n, 'app_deluge_'));
+        self::assertNotEmpty($deluge, 'sanity: Deluge routes must exist');
+
+        foreach ($deluge as $name) {
+            $twin = str_replace('app_deluge_', 'app_transmission_', $name);
+            self::assertContains($twin, $all, "missing Transmission twin for {$name}");
+        }
+    }
+
+    /**
+     * Réciproque de testEveryDelugeRouteHasATransmissionTwin(). Les deux
+     * contrôleurs déclarent le même nombre de routes (21 chacun, vérifié
+     * manuellement) : la relation est donc une bijection, pas seulement
+     * une inclusion à sens unique. Une route Transmission ajoutée plus
+     * tard sans son pendant Deluge romprait cette garantie silencieusement
+     * si on ne testait que le sens Deluge → Transmission.
+     */
+    public function testNoTransmissionRouteIsOrphaned(): void
+    {
+        self::bootKernel();
+        $router = self::getContainer()->get('router');
+        $all = array_keys($router->getRouteCollection()->all());
+
+        $transmission = array_filter($all, fn($n) => str_starts_with($n, 'app_transmission_'));
+        self::assertNotEmpty($transmission, 'sanity: Transmission routes must exist');
+
+        foreach ($transmission as $name) {
+            $twin = str_replace('app_transmission_', 'app_deluge_', $name);
+            self::assertContains($twin, $all, "orphaned Transmission route with no Deluge counterpart: {$name}");
+        }
+    }
+}
diff --git a/symfony/tests/Controller/UnifiControllerTest.php b/symfony/tests/Controller/UnifiControllerTest.php
new file mode 100644
index 00000000..105a7cb6
--- /dev/null
+++ b/symfony/tests/Controller/UnifiControllerTest.php
@@ -0,0 +1,167 @@
+<?php
+
+namespace App\Tests\Controller;
+
+use App\Controller\UnifiController;
+use App\Service\HealthService;
+use App\Service\Unifi\UnifiHistoryReader;
+use App\Service\Unifi\UnifiInfraReader;
+use App\Service\Unifi\UnifiFetcher;
+use App\Service\Unifi\UnifiLiveReader;
+use App\Tests\Service\Unifi\StubUnifiFetcher;
+use PHPUnit\Framework\Attributes\AllowMockObjectsWithoutExpectations;
+use PHPUnit\Framework\TestCase;
+use Psr\Log\NullLogger;
+use Symfony\Component\HttpFoundation\Request;
+use Twig\Environment;
+
+#[AllowMockObjectsWithoutExpectations]
+class UnifiControllerTest extends TestCase
+{
+    /**
+     * The three readers are `final` (per the plan's Global Constraints), so
+     * they cannot be doubled. Real readers are built instead, each over its own
+     * UnifiFetcher double — an interface, and the seam that exists precisely so
+     * the readers run with no network. A stub answering null to every path makes
+     * read() return null, which is the shape these tests need; a fetcher that
+     * throws makes read() throw, since read() has no try/catch of its own.
+     *
+     * Payload shapes are Tasks 4-6's business, asserted in their own tests.
+     * This test covers gating, dispatch and error containment only.
+     *
+     * @param list<string> $throwOn group names whose reader throws
+     */
+    private function makeController(
+        bool $configured = true,
+        array $throwOn = [],
+    ): UnifiController {
+        $fetcher = function (string $group) use ($throwOn): UnifiFetcher {
+            if (!in_array($group, $throwOn, true)) {
+                return new StubUnifiFetcher();
+            }
+            $mock = $this->createMock(UnifiFetcher::class);
+            $mock->method('fetch')->willThrowException(new \RuntimeException('upstream exploded'));
+            return $mock;
+        };
+
+        $health = $this->createMock(HealthService::class);
+        $health->method('isConfigured')->willReturnCallback(
+            fn(string $s) => $s === 'unifi' ? $configured : false
+        );
+
+        // Render the template name back out instead of running real Twig: this
+        // test covers gating, dispatch and error containment, not markup. Tasks
+        // 8-11 own the templates and Task 12 renders them for real on :beta.
+        $twig = $this->createMock(Environment::class);
+        $twig->method('render')->willReturnCallback(
+            static fn(string $tpl, array $ctx = []): string => 'RENDERED:' . $tpl
+        );
+
+        $controller = new UnifiController(
+            new UnifiLiveReader($fetcher('live'), new NullLogger()),
+            new UnifiInfraReader($fetcher('infra'), new NullLogger()),
+            new UnifiHistoryReader($fetcher('history'), new NullLogger()),
+            $health,
+            new NullLogger(),
+        );
+
+        // has() answers truthfully per id rather than blanket-true: json()
+        // takes its serializer branch on has('serializer') and would then call
+        // serialize() on the null get() returns. Only 'twig' is provided, so
+        // only 'twig' exists.
+        $container = $this->createMock(\Psr\Container\ContainerInterface::class);
+        $container->method('has')->willReturnCallback(
+            static fn(string $id): bool => $id === 'twig'
+        );
+        $container->method('get')->willReturnCallback(
+            fn(string $id) => $id === 'twig' ? $twig : null
+        );
+        $controller->setContainer($container);
+
+        return $controller;
+    }
+
+    /**
+     * #[IsGranted] is enforced by Symfony's attribute listener during HTTP
+     * dispatch, not by the method body, so a directly-invoked method cannot
+     * demonstrate the 403. Assert the guard is declared instead; the live 403
+     * is verified end-to-end in Task 12.
+     */
+    public function testControllerIsGuardedByRoleAdmin(): void
+    {
+        $attrs = (new \ReflectionClass(UnifiController::class))
+            ->getAttributes(\Symfony\Component\Security\Http\Attribute\IsGranted::class);
+
+        $this->assertCount(1, $attrs, 'UnifiController must carry a class-level #[IsGranted]');
+        $this->assertSame('ROLE_ADMIN', $attrs[0]->newInstance()->attribute);
+    }
+
+    public function testUnconfiguredConsoleAnswersEmptyNotAnError(): void
+    {
+        // The route guard normally redirects first; this is the belt-and-braces
+        // path for a fragment fetched from an already-open tab after the admin
+        // deletes the config. Empty body = "not applicable", per the poller's
+        // documented contract.
+        $c = $this->makeController(configured: false);
+        $r = $c->panel('live');
+
+        $this->assertSame(200, $r->getStatusCode());
+        $this->assertSame('', $r->getContent());
+    }
+
+    public function testUnknownPanelNameIsNotFoundNotAFatal(): void
+    {
+        $r = $this->makeController()->panel('wat');
+
+        $this->assertSame(404, $r->getStatusCode());
+    }
+
+    public function testEachPanelRendersItsOwnTemplate(): void
+    {
+        $c = $this->makeController();
+
+        $this->assertSame('RENDERED:unifi/_live.html.twig',    $c->panel('live')->getContent());
+        $this->assertSame('RENDERED:unifi/_infra.html.twig',   $c->panel('infra')->getContent());
+        $this->assertSame('RENDERED:unifi/_history.html.twig', $c->panel('history')->getContent());
+    }
+
+    public function testAThrowingReaderStillAnswersTwoHundred(): void
+    {
+        // The whole point: a monitoring page must not 500 because the thing it
+        // monitors misbehaved. The template renders its empty state from null.
+        $r = $this->makeController(throwOn: ['live'])->panel('live');
+
+        $this->assertSame(200, $r->getStatusCode());
+        $this->assertSame('RENDERED:unifi/_live.html.twig', $r->getContent());
+    }
+
+    public function testBatchReturnsAMapAndIgnoresUnknownNames(): void
+    {
+        $c = $this->makeController();
+        $r = $c->panels(new Request(['p' => 'live,wat,infra']));
+
+        $map = json_decode((string) $r->getContent(), true);
+        $this->assertSame(['live', 'infra'], array_keys($map));
+        $this->assertSame('RENDERED:unifi/_live.html.twig', $map['live']);
+    }
+
+    public function testBatchDeduplicatesAndToleratesAnEmptyQuery(): void
+    {
+        $c = $this->makeController();
+
+        $map = json_decode((string) $c->panels(new Request(['p' => 'live, live ']))->getContent(), true);
+        $this->assertSame(['live'], array_keys($map));
+
+        $this->assertSame([], json_decode((string) $c->panels(new Request())->getContent(), true));
+    }
+
+    public function testIndexRendersTheShellWithoutTouchingAnyReader(): void
+    {
+        // First paint must not block on cURL. Readers that throw would surface
+        // here if the shell called them; the shell must render regardless.
+        $r = $this->makeController(throwOn: ['live', 'infra', 'history'])->index();
+
+        $this->assertSame(200, $r->getStatusCode());
+        $this->assertSame('RENDERED:unifi/index.html.twig', $r->getContent());
+    }
+}
diff --git a/symfony/tests/Dashboard/DashboardSectionsTest.php b/symfony/tests/Dashboard/DashboardSectionsTest.php
new file mode 100644
index 00000000..5347c9c4
--- /dev/null
+++ b/symfony/tests/Dashboard/DashboardSectionsTest.php
@@ -0,0 +1,35 @@
+<?php
+namespace App\Tests\Dashboard;
+
+use App\Dashboard\DashboardSections;
+use PHPUnit\Framework\TestCase;
+
+final class DashboardSectionsTest extends TestCase
+{
+    public function testDefaultOrderIsTheTenKnownSections(): void
+    {
+        self::assertSame(
+            ['upcoming', 'requests', 'health', 'houndarr', 'plex', 'watchlist', 'trending', 'recent', 'server', 'network'],
+            DashboardSections::DEFAULT_ORDER,
+        );
+    }
+
+    public function testKeysMatchesDefaultOrder(): void
+    {
+        self::assertSame(DashboardSections::DEFAULT_ORDER, DashboardSections::keys());
+    }
+
+    public function testEverySectionHasALabel(): void
+    {
+        foreach (DashboardSections::DEFAULT_ORDER as $key) {
+            self::assertArrayHasKey($key, DashboardSections::META);
+            self::assertNotSame('', DashboardSections::META[$key]['label']);
+        }
+    }
+
+    public function testIsValidAcceptsKnownAndRejectsUnknown(): void
+    {
+        self::assertTrue(DashboardSections::isValid('plex'));
+        self::assertFalse(DashboardSections::isValid('nope'));
+    }
+}
diff --git a/symfony/tests/Dashboard/NetworkUsageChartTest.php b/symfony/tests/Dashboard/NetworkUsageChartTest.php
new file mode 100644
index 00000000..bff871fe
--- /dev/null
+++ b/symfony/tests/Dashboard/NetworkUsageChartTest.php
@@ -0,0 +1,118 @@
+<?php
+
+namespace App\Tests\Dashboard;
+
+use App\Dashboard\NetworkUsageChart;
+use PHPUnit\Framework\TestCase;
+
+class NetworkUsageChartTest extends TestCase
+{
+    public function testNullOnEmptyOrSinglePoint(): void
+    {
+        $this->assertNull(NetworkUsageChart::build(null));
+        $this->assertNull(NetworkUsageChart::build([]));
+        $this->assertNull(NetworkUsageChart::build([['ts' => 1, 'downBytes' => 5.0, 'upBytes' => 1.0]]));
+    }
+
+    public function testGeometrySpansViewboxAndScalesToPeak(): void
+    {
+        $c = NetworkUsageChart::build([
+            ['ts' => 1000, 'downBytes' => 0.0,   'upBytes' => 0.0],
+            ['ts' => 2000, 'downBytes' => 100.0, 'upBytes' => 50.0], // peak = 100
+            ['ts' => 3000, 'downBytes' => 50.0,  'upBytes' => 25.0],
+        ]);
+
+        // x spans 0 → WIDTH; y: value 0 → HEIGHT (baseline), peak → PAD_TOP (8).
+        $this->assertSame('0,120 300,8 600,64', $c['downLine']);
+        $this->assertSame('0,120 300,64 600,92', $c['upLine']);
+        // Area = baseline-closed polygon around the down line.
+        $this->assertSame('0,120 0,120 300,8 600,64 600,120', $c['downArea']);
+        $this->assertCount(3, $c['points']);
+    }
+
+    public function testUnsortedInputIsSorted(): void
+    {
+        $c = NetworkUsageChart::build([
+            ['ts' => 3000, 'downBytes' => 50.0,  'upBytes' => 0.0],
+            ['ts' => 1000, 'downBytes' => 100.0, 'upBytes' => 0.0],
+        ]);
+        // First x=0 must belong to ts=1000 (the peak) → y = 8.
+        $this->assertStringStartsWith('0,8 ', $c['downLine']);
+    }
+
+    public function testTotalsAndLabels(): void
+    {
+        $c = NetworkUsageChart::build([
+            ['ts' => 1751738400, 'downBytes' => 1.0e9, 'upBytes' => 5.0e7],
+            ['ts' => 1751742000, 'downBytes' => 2.0e9, 'upBytes' => 5.0e7],
+        ]);
+        $this->assertSame('3 GB', $c['downTotal']);
+        $this->assertSame('100 MB', $c['upTotal']);
+        $this->assertMatchesRegularExpression('/^\d{2}:\d{2}$/', $c['startLabel']);
+        $this->assertMatchesRegularExpression('/^\d{2}:\d{2}$/', $c['endLabel']);
+        $this->assertStringContainsString('↓ 1 GB', $c['points'][0]['label']);
+        $this->assertStringContainsString('↑ 50 MB', $c['points'][0]['label']);
+    }
+
+    public function testMalformedRowsSkipped(): void
+    {
+        $this->assertNull(NetworkUsageChart::build([
+            ['ts' => 'nope', 'downBytes' => 1.0, 'upBytes' => 1.0],
+            'garbage',
+            ['ts' => 1000, 'downBytes' => 1.0, 'upBytes' => 1.0],
+        ])); // only 1 usable point survives → null
+    }
+
+    public function testBytesFormatter(): void
+    {
+        $this->assertSame('0 B', NetworkUsageChart::bytes(0.0));
+        $this->assertSame('999 B', NetworkUsageChart::bytes(999.0));
+        $this->assertSame('2.5 MB', NetworkUsageChart::bytes(2500000.0));
+        $this->assertSame('1.9 GB', NetworkUsageChart::bytes(1.85e9));
+    }
+
+    /** Two hourly buckets one hour apart. */
+    private function series(): array
+    {
+        return [
+            ['ts' => 1751738400, 'downBytes' => 1.0e9, 'upBytes' => 5.0e7],
+            ['ts' => 1751742000, 'downBytes' => 2.0e9, 'upBytes' => 1.0e8],
+        ];
+    }
+
+    public function testDefaultFormatOutputIsUnchanged(): void
+    {
+        $c = NetworkUsageChart::build($this->series());
+
+        // Geometry: 2 points across WIDTH=600, peak = 2e9 → the peak sits at
+        // PAD_TOP=8 and an idle value sits at HEIGHT=120.
+        $this->assertSame('0,64 600,8', $c['downLine']);
+        $this->assertSame('0,120 0,64 600,8 600,120', $c['downArea']);
+        $this->assertSame('0,117.2 600,114.4', $c['upLine']);
+        $this->assertSame('3 GB', $c['downTotal']);
+        $this->assertSame('150 MB', $c['upTotal']);
+        // Default labels are hour-of-day in the server timezone.
+        $this->assertSame(date('H:i', 1751738400), $c['startLabel']);
+        $this->assertSame(date('H:i', 1751742000), $c['endLabel']);
+        $this->assertStringContainsString(date('H:i', 1751738400), $c['points'][0]['label']);
+    }
+
+    public function testLabelFormatAppliesToPointsAndAxis(): void
+    {
+        $c = NetworkUsageChart::build($this->series(), 'D');
+
+        $this->assertSame(date('D', 1751738400), $c['startLabel']);
+        $this->assertSame(date('D', 1751742000), $c['endLabel']);
+        $this->assertStringStartsWith(date('D', 1751738400) . ' — ', $c['points'][0]['label']);
+    }
+
+    public function testGeometryDoesNotDependOnLabelFormat(): void
+    {
+        $a = NetworkUsageChart::build($this->series());
+        $b = NetworkUsageChart::build($this->series(), 'D');
+
+        foreach (['downArea', 'downLine', 'upLine', 'downTotal', 'upTotal'] as $k) {
+            $this->assertSame($a[$k], $b[$k], "$k must not depend on the label format");
+        }
+    }
+}
diff --git a/symfony/tests/Dashboard/SpeedtestChartTest.php b/symfony/tests/Dashboard/SpeedtestChartTest.php
new file mode 100644
index 00000000..603bf594
--- /dev/null
+++ b/symfony/tests/Dashboard/SpeedtestChartTest.php
@@ -0,0 +1,103 @@
+<?php
+
+namespace App\Tests\Dashboard;
+
+use App\Dashboard\SpeedtestChart;
+use PHPUnit\Framework\TestCase;
+
+class SpeedtestChartTest extends TestCase
+{
+    /** Three runs, deliberately unsorted — build() must sort ascending. */
+    private function runs(): array
+    {
+        return [
+            ['ts' => 1751900000, 'downMbps' => 900.0, 'upMbps' => 800.0, 'latencyMs' => 4],
+            ['ts' => 1751700000, 'downMbps' => 450.0, 'upMbps' => 400.0, 'latencyMs' => 8],
+            ['ts' => 1751800000, 'downMbps' => 300.0, 'upMbps' => 200.0, 'latencyMs' => 12],
+        ];
+    }
+
+    public function testNullWhenFewerThanTwoUsableRuns(): void
+    {
+        $this->assertNull(SpeedtestChart::build(null));
+        $this->assertNull(SpeedtestChart::build([]));
+        $this->assertNull(SpeedtestChart::build([['ts' => 1, 'downMbps' => 100.0, 'upMbps' => 90.0, 'latencyMs' => 5]]));
+        // Rows with no usable throughput at all do not count toward the two.
+        $this->assertNull(SpeedtestChart::build([
+            ['ts' => 1, 'downMbps' => null, 'upMbps' => null, 'latencyMs' => 5],
+            ['ts' => 2, 'downMbps' => null, 'upMbps' => null, 'latencyMs' => 6],
+        ]));
+    }
+
+    public function testSortsAscendingAndScalesThroughputToPeak(): void
+    {
+        $c = SpeedtestChart::build($this->runs());
+
+        // Sorted: 450 (x=0), 300 (x=300), 900 (x=600). Peak = 900 → y=PAD_TOP=8.
+        // Idle baseline is HEIGHT=120; y = 120 - (v/900) * (120-8).
+        $this->assertSame('0,64 300,82.7 600,8', $c['downLine']);
+        $this->assertSame('900 Mbps', $c['peakMbps']);
+        $this->assertSame(date('M j', 1751700000), $c['startLabel']);
+        $this->assertSame(date('M j', 1751900000), $c['endLabel']);
+    }
+
+    public function testLatencyUsesItsOwnScale(): void
+    {
+        $c = SpeedtestChart::build($this->runs());
+
+        // Latency peak = 12 ms → that run sits at PAD_TOP; 4 ms is near baseline.
+        // Sorted order is 8, 12, 4.
+        $this->assertSame('0,45.3 300,8 600,82.7', $c['latencyLine']);
+        $this->assertSame(4,  $c['latencyMin']);
+        $this->assertSame(8,  $c['latencyAvg']);
+        $this->assertSame(12, $c['latencyMax']);
+    }
+
+    public function testLatestRunIsTheNewestNotTheLast(): void
+    {
+        $c = SpeedtestChart::build($this->runs());
+
+        $this->assertSame('900 Mbps', $c['latestDown']);
+        $this->assertSame('800 Mbps', $c['latestUp']);
+        $this->assertSame('4 ms', $c['latestLatency']);
+    }
+
+    public function testRunMissingLatencyStillPlotsThroughput(): void
+    {
+        $c = SpeedtestChart::build([
+            ['ts' => 100, 'downMbps' => 100.0, 'upMbps' => 50.0, 'latencyMs' => null],
+            ['ts' => 200, 'downMbps' => 200.0, 'upMbps' => 100.0, 'latencyMs' => null],
+        ]);
+
+        $this->assertSame('0,64 600,8', $c['downLine']);
+        $this->assertSame('', $c['latencyLine']);   // nothing to draw
+        $this->assertNull($c['latencyMin']);
+        $this->assertNull($c['latencyAvg']);
+        $this->assertNull($c['latencyMax']);
+        $this->assertNull($c['latestLatency']);
+    }
+
+    public function testGarbageRowsAreSkippedNotFatal(): void
+    {
+        $c = SpeedtestChart::build([
+            ['ts' => 'not-a-number', 'downMbps' => 100.0, 'upMbps' => 1.0, 'latencyMs' => 1],
+            ['ts' => 100, 'downMbps' => 'x', 'upMbps' => null, 'latencyMs' => 'y'],
+            ['ts' => 200, 'downMbps' => 100.0, 'upMbps' => 50.0, 'latencyMs' => 5],
+            ['ts' => 300, 'downMbps' => 200.0, 'upMbps' => 100.0, 'latencyMs' => 7],
+            'not-an-array',
+        ]);
+
+        $this->assertNotNull($c);
+        $this->assertCount(2, $c['points']); // only the two fully usable runs
+    }
+
+    public function testHoverLabelCarriesDateAndBothDirections(): void
+    {
+        $c = SpeedtestChart::build($this->runs());
+
+        $this->assertStringContainsString(date('M j, H:i', 1751700000), $c['points'][0]['label']);
+        $this->assertStringContainsString('450 Mbps', $c['points'][0]['label']);
+        $this->assertStringContainsString('400 Mbps', $c['points'][0]['label']);
+        $this->assertStringContainsString('8 ms', $c['points'][0]['label']);
+    }
+}
diff --git a/symfony/tests/EventSubscriber/ServiceRouteGuardSubscriberTest.php b/symfony/tests/EventSubscriber/ServiceRouteGuardSubscriberTest.php
index 48d00c30..fbb5dea0 100644
--- a/symfony/tests/EventSubscriber/ServiceRouteGuardSubscriberTest.php
+++ b/symfony/tests/EventSubscriber/ServiceRouteGuardSubscriberTest.php
@@ -212,4 +212,73 @@ public function testQbittorrentPrefixMatches(): void
         $this->assertInstanceOf(RedirectResponse::class, $response);
         $this->assertStringContainsString('app_setup_downloads', $response->getTargetUrl());
     }
+
+    public function testDelugeUnconfiguredRedirectsToDownloadsWizard(): void
+    {
+        $event = $this->event('app_deluge_index');
+        ($this->subscriber())->onKernelRequest($event);
+
+        $response = $event->getResponse();
+        $this->assertInstanceOf(RedirectResponse::class, $response);
+        $this->assertStringContainsString('app_setup_downloads', $response->getTargetUrl());
+    }
+
+    public function testTransmissionUnconfiguredRedirectsToDownloadsWizard(): void
+    {
+        $event = $this->event('app_transmission_add');
+        ($this->subscriber())->onKernelRequest($event);
+
+        $response = $event->getResponse();
+        $this->assertInstanceOf(RedirectResponse::class, $response);
+        $this->assertStringContainsString('app_setup_downloads', $response->getTargetUrl());
+    }
+
+    public function testDelugeConfiguredLetsThrough(): void
+    {
+        $event = $this->event('app_deluge_index');
+        $sub = $this->subscriber(
+            configuredKeys: ['deluge_url'],
+            healthy: ['deluge'],
+        );
+        $sub->onKernelRequest($event);
+
+        $this->assertFalse($event->hasResponse());
+    }
+
+    public function testUnifiRouteRedirectsToSettingsWhenUnconfigured(): void
+    {
+        // unifi_url present, unifi_api_key missing → half configured, must bounce.
+        // UniFi has no wizard step, so the target is admin settings.
+        $event = $this->event('app_unifi_index');
+        $sub = $this->subscriber(configuredKeys: ['unifi_url']);
+        $sub->onKernelRequest($event);
+
+        $response = $event->getResponse();
+        $this->assertInstanceOf(RedirectResponse::class, $response);
+        $this->assertStringContainsString('admin_settings_index', $response->getTargetUrl());
+    }
+
+    public function testUnifiRoutePassesWhenFullyConfiguredAndHealthy(): void
+    {
+        $event = $this->event('app_unifi_index');
+        $sub = $this->subscriber(
+            configuredKeys: ['unifi_url', 'unifi_api_key'],
+            healthy: ['unifi'],
+        );
+        $sub->onKernelRequest($event);
+
+        $this->assertNull($event->getResponse());
+    }
+
+    public function testTransmissionConfiguredAndHealthyLetsThrough(): void
+    {
+        $event = $this->event('app_transmission_index');
+        $sub = $this->subscriber(
+            configuredKeys: ['transmission_url'],
+            healthy: ['transmission'],
+        );
+        $sub->onKernelRequest($event);
+
+        $this->assertFalse($event->hasResponse());
+    }
 }
diff --git a/symfony/tests/Service/DashboardLayoutServiceTest.php b/symfony/tests/Service/DashboardLayoutServiceTest.php
new file mode 100644
index 00000000..607abbb8
--- /dev/null
+++ b/symfony/tests/Service/DashboardLayoutServiceTest.php
@@ -0,0 +1,86 @@
+<?php
+namespace App\Tests\Service;
+
+use App\Service\ConfigService;
+use App\Service\DashboardLayoutService;
+use PHPUnit\Framework\TestCase;
+
+final class DashboardLayoutServiceTest extends TestCase
+{
+    /** @param array<string,?string> $stored */
+    private function serviceFor(array $stored): DashboardLayoutService
+    {
+        $config = $this->createMock(ConfigService::class);
+        $config->method('get')->willReturnCallback(fn(string $k) => $stored[$k] ?? null);
+        return new DashboardLayoutService($config);
+    }
+
+    public function testEmptyConfigGivesDefaultOrderAllVisible(): void
+    {
+        $r = $this->serviceFor([])->resolve();
+        self::assertSame(
+            ['upcoming', 'requests', 'health', 'houndarr', 'plex', 'watchlist', 'trending', 'recent', 'server', 'network'],
+            array_column($r, 'key'),
+        );
+        foreach ($r as $row) {
+            self::assertTrue($row['visible']);
+        }
+    }
+
+    public function testStoredOrderIsHonored(): void
+    {
+        $r = $this->serviceFor(['dashboard_section_order' => 'recent,plex,upcoming'])->resolve();
+        // Stored keys first, in stored order; the rest appended in default order.
+        self::assertSame(
+            ['recent', 'plex', 'upcoming', 'requests', 'health', 'houndarr', 'watchlist', 'trending', 'server', 'network'],
+            array_column($r, 'key'),
+        );
+    }
+
+    public function testUnknownKeysAreDroppedAndMissingAppended(): void
+    {
+        $r = $this->serviceFor(['dashboard_section_order' => 'trending,bogus,recent'])->resolve();
+        $keys = array_column($r, 'key');
+        self::assertNotContains('bogus', $keys);
+        self::assertSame(['trending', 'recent', 'upcoming', 'requests', 'health', 'houndarr', 'plex', 'watchlist', 'server', 'network'], $keys);
+    }
+
+    public function testDuplicateKeysAreCollapsed(): void
+    {
+        $r = $this->serviceFor(['dashboard_section_order' => 'plex,plex,recent'])->resolve();
+        $keys = array_column($r, 'key');
+        self::assertSame(1, count(array_keys($keys, 'plex', true)));
+    }
+
+    public function testHiddenFlagMarksSectionNotVisible(): void
+    {
+        $r = $this->serviceFor(['dashboard_hide_health' => '1'])->resolve();
+        $byKey = array_column($r, 'visible', 'key');
+        self::assertFalse($byKey['health']);
+        self::assertTrue($byKey['plex']);
+    }
+
+    public function testResolutionIsCachedUntilReset(): void
+    {
+        $calls = 0;
+        $config = $this->createMock(ConfigService::class);
+        $config->method('get')->willReturnCallback(function (string $k) use (&$calls) {
+            $calls++;
+            return null; // all defaults (empty order, all visible)
+        });
+        $svc = new DashboardLayoutService($config);
+
+        // First resolve: uncached, should call get() once for order + 10 times for per-section visibility = 11 total.
+        $svc->resolve();
+        self::assertSame(11, $calls, 'First resolve should call ConfigService::get() 11 times (1 order + 10 sections)');
+
+        // Second resolve: cached, should not call get() again.
+        $svc->resolve();
+        self::assertSame(11, $calls, 'Second resolve should use cache and not call ConfigService::get()');
+
+        // After reset: cache cleared, next resolve should call get() again.
+        $svc->reset();
+        $svc->resolve();
+        self::assertSame(22, $calls, 'After reset, resolve should call ConfigService::get() another 11 times');
+    }
+}
diff --git a/symfony/tests/Service/DisplayPreferencesServiceTest.php b/symfony/tests/Service/DisplayPreferencesServiceTest.php
index 4bb9a0af..ea248faf 100644
--- a/symfony/tests/Service/DisplayPreferencesServiceTest.php
+++ b/symfony/tests/Service/DisplayPreferencesServiceTest.php
@@ -20,7 +20,7 @@ private function serviceWith(array $stored): DisplayPreferencesService
         $config->method('get')
             ->willReturnCallback(fn(string $key) => $stored[$key] ?? null);
 
-        return new DisplayPreferencesService($config);
+        return new DisplayPreferencesService($config, new \App\Service\ThemeService($config));
     }
 
     public function testImplementsResetInterface(): void
@@ -40,7 +40,7 @@ public function testDefaultsWhenNothingStored(): void
         $this->assertSame(date_default_timezone_get(), $prefs->getTimezone());
         $this->assertSame('fr', $prefs->getDateFormat());
         $this->assertSame('24h', $prefs->getTimeFormat());
-        $this->assertSame('indigo', $prefs->getThemeColor());
+        $this->assertSame('theme_default', $prefs->getThemeColor());
         $this->assertSame('#6366f1', $prefs->getThemeColorHex());
         $this->assertSame(2, $prefs->getQbitRefreshSeconds());
         $this->assertSame('comfortable', $prefs->getUiDensity());
@@ -96,7 +96,7 @@ public function testResetClearsInRequestCache(): void
         $config = $this->createMock(ConfigService::class);
         $config->method('get')->willReturnOnConsecutiveCalls('films', 'series');
 
-        $prefs = new DisplayPreferencesService($config);
+        $prefs = new DisplayPreferencesService($config, new \App\Service\ThemeService($config));
         $this->assertSame('films', $prefs->getHomePage());
 
         // Without reset the cached 'films' would be returned.
diff --git a/symfony/tests/Service/HealthServiceDiagnoseTest.php b/symfony/tests/Service/HealthServiceDiagnoseTest.php
index d170e6e4..d6e2bad2 100644
--- a/symfony/tests/Service/HealthServiceDiagnoseTest.php
+++ b/symfony/tests/Service/HealthServiceDiagnoseTest.php
@@ -64,6 +64,30 @@ public function testNzbgetNetworkError(): void
         self::assertSame('network', $this->makeService()->diagnoseFromResponse($resp, 'nzbget')['category']);
     }
 
+    /**
+     * Transmission's session-id handshake is the one case in this codebase
+     * where a non-2xx status means "reachable": the probe is deliberately
+     * sent WITHOUT a session id, so a healthy daemon always answers 409
+     * with the real token in a response header — that is 'ok', not a failure.
+     */
+    public function testTransmission409HandshakeIsOk(): void
+    {
+        $resp = ['http' => 409, 'body' => '{"result":"Conflict"}', 'err' => ''];
+        self::assertSame('ok', $this->makeService()->diagnoseFromResponse($resp, 'transmission')['category']);
+    }
+
+    public function testTransmission401BadRpcCredentialsIsAuth(): void
+    {
+        $resp = ['http' => 401, 'body' => '', 'err' => ''];
+        self::assertSame('auth', $this->makeService()->diagnoseFromResponse($resp, 'transmission')['category']);
+    }
+
+    public function testTransmission200SuccessIsOk(): void
+    {
+        $resp = ['http' => 200, 'body' => '{"result":"success","arguments":{"version":"4.0.5"}}', 'err' => ''];
+        self::assertSame('ok', $this->makeService()->diagnoseFromResponse($resp, 'transmission')['category']);
+    }
+
     public function testPassiveDiagnoseShortCircuitsWhenBreakerDown(): void
     {
         // #20 perf: a passive diagnosis (no overrides) must honour the circuit
@@ -193,4 +217,40 @@ private function probeFor(string $service, array $overrides): ?array
         $m->setAccessible(true);
         return $m->invoke($this->makeService(), $service, $overrides);
     }
+
+    // Deluge (#deluge-tab): deluge-web answers HTTP 200 for everything — the
+    // real outcome lives in the JSON-RPC envelope, same shape problem as
+    // Tautulli above but with a different success/failure encoding.
+    public function testDelugeWrongPasswordIsAuthNotOk(): void
+    {
+        $health = $this->makeService();
+        $r = $health->diagnoseFromResponse(
+            ['http' => 200, 'body' => '{"result": false, "error": null, "id": 1}', 'err' => ''],
+            'deluge'
+        );
+        $this->assertFalse($r['ok']);
+        $this->assertSame('auth', $r['category']);
+    }
+
+    public function testDelugeRpcErrorEnvelopeIsAuth(): void
+    {
+        $health = $this->makeService();
+        $r = $health->diagnoseFromResponse(
+            ['http' => 200, 'body' => '{"result": null, "error": {"message": "Not authenticated", "code": 1}, "id": 1}', 'err' => ''],
+            'deluge'
+        );
+        $this->assertFalse($r['ok']);
+        $this->assertSame('auth', $r['category']);
+    }
+
+    public function testDelugeSuccessEnvelopeIsOk(): void
+    {
+        $health = $this->makeService();
+        $r = $health->diagnoseFromResponse(
+            ['http' => 200, 'body' => '{"result": true, "error": null, "id": 1}', 'err' => ''],
+            'deluge'
+        );
+        $this->assertTrue($r['ok']);
+        $this->assertSame('ok', $r['category']);
+    }
 }
diff --git a/symfony/tests/Service/HealthServiceSharedCacheTest.php b/symfony/tests/Service/HealthServiceSharedCacheTest.php
new file mode 100644
index 00000000..5323bc3b
--- /dev/null
+++ b/symfony/tests/Service/HealthServiceSharedCacheTest.php
@@ -0,0 +1,94 @@
+<?php
+
+namespace App\Tests\Service;
+
+use App\Service\HealthService;
+use App\Service\Media\JellyseerrClient;
+use App\Service\Media\ProwlarrClient;
+use App\Service\Media\QBittorrentClient;
+use App\Service\Media\RadarrClient;
+use App\Service\Media\SonarrClient;
+use App\Service\Media\TmdbClient;
+use PHPUnit\Framework\Attributes\AllowMockObjectsWithoutExpectations;
+use PHPUnit\Framework\TestCase;
+use Symfony\Component\Cache\Adapter\ArrayAdapter;
+use Symfony\Contracts\Cache\CacheInterface;
+
+/**
+ * statusFor()'s 10 s memo used to live only in a per-object array, which a
+ * classic (non-worker) FrankenPHP throws away with the request — so every
+ * topbar poll re-pinged every service. These tests pin the fix: results are
+ * shared through an injected cache pool (cache.app), so two HealthService
+ * objects sharing one pool behave like two requests sharing the cache.
+ */
+#[AllowMockObjectsWithoutExpectations]
+class HealthServiceSharedCacheTest extends TestCase
+{
+    public function testStatusIsSharedAcrossInstancesThroughThePool(): void
+    {
+        $pool = new ArrayAdapter();
+
+        $pingedOnce = $this->createMock(ProwlarrClient::class);
+        $pingedOnce->expects(self::once())->method('ping')->willReturn(true);
+        $first = $this->make($pingedOnce, $pool);
+        self::assertSame('up', $first->statusFor('prowlarr')['status']);
+
+        // Second instance = second request. Must read the pooled result, not
+        // re-ping (a live ping here would fail the ::never expectation).
+        $neverPinged = $this->createMock(ProwlarrClient::class);
+        $neverPinged->expects(self::never())->method('ping');
+        $second = $this->make($neverPinged, $pool);
+        self::assertSame('up', $second->statusFor('prowlarr')['status']);
+    }
+
+    public function testInvalidateDropsThePooledStatus(): void
+    {
+        $pool = new ArrayAdapter();
+
+        $before = $this->createMock(ProwlarrClient::class);
+        $before->expects(self::once())->method('ping')->willReturn(true);
+        $a = $this->make($before, $pool);
+        self::assertSame('up', $a->statusFor('prowlarr')['status']);
+
+        $a->invalidate('prowlarr');
+
+        // A fresh instance after invalidate() must re-probe — "Test
+        // connection" recovery may not serve a pre-invalidation verdict.
+        $after = $this->createMock(ProwlarrClient::class);
+        $after->expects(self::once())->method('ping')->willReturn(false);
+        $b = $this->make($after, $pool);
+        self::assertSame('down', $b->statusFor('prowlarr')['status']);
+    }
+
+    public function testGlobalInvalidateDropsThePooledStatus(): void
+    {
+        $pool = new ArrayAdapter();
+
+        $before = $this->createMock(ProwlarrClient::class);
+        $before->expects(self::once())->method('ping')->willReturn(true);
+        $a = $this->make($before, $pool);
+        self::assertSame('up', $a->statusFor('prowlarr')['status']);
+
+        $a->invalidate();
+
+        $after = $this->createMock(ProwlarrClient::class);
+        $after->expects(self::once())->method('ping')->willReturn(true);
+        $b = $this->make($after, $pool);
+        self::assertSame('up', $b->statusFor('prowlarr')['status']);
+    }
+
+    private function make(ProwlarrClient $prowlarr, CacheInterface $pool): HealthService
+    {
+        // config/serviceHealthCache stay null: isConfigured() and the breaker
+        // are skipped, so the tests drive the probe + pool paths directly.
+        return new HealthService(
+            $this->createMock(RadarrClient::class),
+            $this->createMock(SonarrClient::class),
+            $prowlarr,
+            $this->createMock(JellyseerrClient::class),
+            $this->createMock(QBittorrentClient::class),
+            $this->createMock(TmdbClient::class),
+            statusPool: $pool,
+        );
+    }
+}
diff --git a/symfony/tests/Service/HealthServiceTest.php b/symfony/tests/Service/HealthServiceTest.php
index eed5affb..9a7e6547 100644
--- a/symfony/tests/Service/HealthServiceTest.php
+++ b/symfony/tests/Service/HealthServiceTest.php
@@ -430,4 +430,58 @@ public function testUrlBlockedReasonAllowsPublicHttps(): void
     {
         $this->assertNull(HealthService::urlBlockedReason('https://api.themoviedb.org/3/configuration'));
     }
+
+    // ─── chips() — shared chip builder (dashboard + topbar single source) ───
+
+    public function testChipsExpandsInstancesAddsColorsAndFiltersUnconfigured(): void
+    {
+        $svc = $this->chipsService(); // helper below
+
+        $chips = $svc->chips();
+
+        self::assertSame([
+            ['id' => 'radarr',  'name' => 'Radarr 1080p', 'status' => 'up', 'latencyMs' => 12, 'color' => '#FFC230'],
+            ['id' => 'sabnzbd', 'name' => 'SABnzbd',      'status' => 'up', 'latencyMs' => 30, 'color' => '#fbc531'],
+        ], $chips);
+    }
+
+    public function testChipsIncludesUnraidOnlyWhenAsked(): void
+    {
+        $svc = $this->chipsService();
+
+        $ids = array_column($svc->chips(true), 'id');
+        self::assertContains('unraid', $ids);
+        self::assertSame('#f15a2c', $svc->chips(true)[array_search('unraid', $ids, true)]['color']);
+
+        self::assertNotContains('unraid', array_column($svc->chips(), 'id'));
+    }
+
+    /** HealthService with statusFor stubbed: radarr-1/sabnzbd/unraid up, rest unconfigured. */
+    private function chipsService(): HealthService
+    {
+        $inst = $this->createMock(ServiceInstance::class);
+        $inst->method('getSlug')->willReturn('radarr-1');
+        $inst->method('getName')->willReturn('Radarr 1080p');
+        $instances = $this->createMock(ServiceInstanceProvider::class);
+        $instances->method('getEnabled')->willReturnCallback(
+            fn(string $t): array => $t === ServiceInstance::TYPE_RADARR ? [$inst] : []
+        );
+
+        return new class(
+            $this->createMock(RadarrClient::class), $this->createMock(SonarrClient::class),
+            $this->createMock(ProwlarrClient::class), $this->createMock(JellyseerrClient::class),
+            $this->createMock(QBittorrentClient::class), $this->createMock(TmdbClient::class),
+            null, null, $instances,
+        ) extends HealthService {
+            public function statusFor(string $service, ?string $instanceSlug = null): array
+            {
+                return match ($service) {
+                    'radarr'  => ['status' => 'up', 'latencyMs' => 12],
+                    'sabnzbd' => ['status' => 'up', 'latencyMs' => 30],
+                    'unraid'  => ['status' => 'up', 'latencyMs' => 13],
+                    default   => ['status' => null, 'latencyMs' => null],
+                };
+            }
+        };
+    }
 }
diff --git a/symfony/tests/Service/HoundarrHealthTest.php b/symfony/tests/Service/HoundarrHealthTest.php
new file mode 100644
index 00000000..033f61df
--- /dev/null
+++ b/symfony/tests/Service/HoundarrHealthTest.php
@@ -0,0 +1,100 @@
+<?php
+
+namespace App\Tests\Service;
+
+use App\Service\ConfigService;
+use App\Service\HealthService;
+use App\Service\Media\HoundarrClient;
+use App\Service\Media\JellyseerrClient;
+use App\Service\Media\ProwlarrClient;
+use App\Service\Media\QBittorrentClient;
+use App\Service\Media\RadarrClient;
+use App\Service\Media\SonarrClient;
+use App\Service\Media\TmdbClient;
+use PHPUnit\Framework\Attributes\AllowMockObjectsWithoutExpectations;
+use PHPUnit\Framework\TestCase;
+
+#[AllowMockObjectsWithoutExpectations]
+class HoundarrHealthTest extends TestCase
+{
+    /** @param array<string, ?string> $settings */
+    private function makeService(array $settings, ?HoundarrClient $houndarr = null): HealthService
+    {
+        $config = $this->createMock(ConfigService::class);
+        $config->method('get')->willReturnCallback(fn(string $k) => $settings[$k] ?? null);
+        $config->method('has')->willReturnCallback(
+            fn(string $k) => ($settings[$k] ?? null) !== null && $settings[$k] !== ''
+        );
+
+        return new HealthService(
+            $this->createMock(RadarrClient::class),
+            $this->createMock(SonarrClient::class),
+            $this->createMock(ProwlarrClient::class),
+            $this->createMock(JellyseerrClient::class),
+            $this->createMock(QBittorrentClient::class),
+            $this->createMock(TmdbClient::class),
+            $config,
+            houndarr: $houndarr,
+        );
+    }
+
+    public function testHoundarrIsToggleable(): void
+    {
+        $this->assertContains('houndarr', HealthService::TOGGLEABLE_SERVICES);
+    }
+
+    public function testConfiguredNeedsUrlAndKey(): void
+    {
+        $this->assertFalse($this->makeService([])->isConfigured('houndarr'));
+        $this->assertFalse($this->makeService(['houndarr_url' => 'http://houndarr:8877'])->isConfigured('houndarr'));
+        $this->assertTrue($this->makeService([
+            'houndarr_url' => 'http://houndarr:8877', 'houndarr_api_key' => 'hndarr_k',
+        ])->isConfigured('houndarr'));
+    }
+
+    public function testKillSwitchDisables(): void
+    {
+        $this->assertFalse($this->makeService([
+            'houndarr_url' => 'http://houndarr:8877', 'houndarr_api_key' => 'hndarr_k', 'houndarr_enabled' => '0',
+        ])->isConfigured('houndarr'));
+    }
+
+    public function testStatusForPingsTheHoundarrClient(): void
+    {
+        $houndarr = $this->createMock(HoundarrClient::class);
+        $houndarr->expects($this->once())->method('ping')->willReturn(true);
+
+        $svc = $this->makeService(
+            ['houndarr_url' => 'http://houndarr:8877', 'houndarr_api_key' => 'hndarr_k'],
+            $houndarr,
+        );
+        $this->assertTrue($svc->isHealthy('houndarr'));
+    }
+
+    public function testStatusForIsDownWhenPingFails(): void
+    {
+        $houndarr = $this->createMock(HoundarrClient::class);
+        $houndarr->method('ping')->willReturn(false);
+
+        $svc = $this->makeService(
+            ['houndarr_url' => 'http://houndarr:8877', 'houndarr_api_key' => 'hndarr_k'],
+            $houndarr,
+        );
+        $this->assertFalse($svc->isHealthy('houndarr'));
+    }
+
+    public function testChipAppearsWhenConfigured(): void
+    {
+        $houndarr = $this->createMock(HoundarrClient::class);
+        $houndarr->method('ping')->willReturn(true);
+
+        $chips = $this->makeService(
+            ['houndarr_url' => 'http://houndarr:8877', 'houndarr_api_key' => 'hndarr_k'],
+            $houndarr,
+        )->chips();
+        $ids = array_column($chips, 'id');
+        $this->assertContains('houndarr', $ids);
+
+        $this->assertNotContains('houndarr', array_column($this->makeService([])->chips(), 'id'));
+    }
+}
diff --git a/symfony/tests/Service/Media/DelugeClientTest.php b/symfony/tests/Service/Media/DelugeClientTest.php
new file mode 100644
index 00000000..81e32e9c
--- /dev/null
+++ b/symfony/tests/Service/Media/DelugeClientTest.php
@@ -0,0 +1,180 @@
+<?php
+
+namespace App\Tests\Service\Media;
+
+use App\Service\ConfigService;
+use App\Service\Media\DelugeClient;
+use App\Service\Media\ServiceHealthCache;
+use PHPUnit\Framework\Attributes\AllowMockObjectsWithoutExpectations;
+use PHPUnit\Framework\Attributes\DataProvider;
+use PHPUnit\Framework\TestCase;
+use Psr\Log\NullLogger;
+use Symfony\Component\Cache\Adapter\ArrayAdapter;
+
+#[AllowMockObjectsWithoutExpectations]
+class DelugeClientTest extends TestCase
+{
+    private function makeClient(): DelugeClient
+    {
+        $config = $this->createMock(ConfigService::class);
+        return new DelugeClient($config, new NullLogger(), new ServiceHealthCache(new ArrayAdapter()));
+    }
+
+    private function invokeStatic(string $method, mixed ...$args): mixed
+    {
+        $m = (new \ReflectionClass(DelugeClient::class))->getMethod($method);
+        $m->setAccessible(true);
+        return $m->invoke(null, ...$args);
+    }
+
+    /**
+     * deluge-web answers HTTP 200 for EVERYTHING — the real outcome lives in
+     * the JSON-RPC envelope. parseRpcBody() must return the result on
+     * success and a structured error otherwise (including malformed JSON,
+     * which happens when a reverse proxy serves an HTML error page).
+     *
+     * @return iterable<string, array{string, mixed, ?string}>
+     */
+    public static function rpcBodies(): iterable
+    {
+        yield 'success with result'  => ['{"result": "2.1.1", "error": null, "id": 1}', '2.1.1', null];
+        yield 'success null result'  => ['{"result": null, "error": null, "id": 2}', null, null];
+        yield 'auth error (code 1)'  => ['{"result": null, "error": {"message": "Not authenticated", "code": 1}, "id": 3}', null, 'Not authenticated'];
+        yield 'plugin missing'       => ['{"result": null, "error": {"message": "Unknown method", "code": 2}, "id": 4}', null, 'Unknown method'];
+        yield 'malformed body'       => ['<html>proxy error</html>', null, 'malformed JSON-RPC response'];
+    }
+
+    #[DataProvider('rpcBodies')]
+    public function testParseRpcBody(string $body, mixed $expectedResult, ?string $expectedError): void
+    {
+        $parsed = $this->invokeStatic('parseRpcBody', $body);
+        $this->assertSame($expectedResult, $parsed['result']);
+        if ($expectedError === null) {
+            $this->assertNull($parsed['error']);
+        } else {
+            $this->assertSame($expectedError, $parsed['error']['message']);
+        }
+    }
+
+    public function testParseRpcBodyExposesErrorCodeForReloginDetection(): void
+    {
+        $parsed = $this->invokeStatic('parseRpcBody', '{"result": null, "error": {"message": "Not authenticated", "code": 1}, "id": 9}');
+        $this->assertSame(1, $parsed['error']['code']);
+    }
+
+    /**
+     * deluge-web sets `_session_id` on auth.login. We must echo it back as a
+     * ready-to-send "name=value" pair, and return null when login failed
+     * (wrong password → result false, no cookie).
+     *
+     * @return iterable<string, array{string, ?string}>
+     */
+    public static function setCookieHeaders(): iterable
+    {
+        yield 'session cookie' => [
+            "HTTP/1.1 200 OK\r\nSet-Cookie: _session_id=abcDEF123; Expires=...; Path=/json\r\n\r\n",
+            '_session_id=abcDEF123',
+        ];
+        yield 'no cookie (bad password)' => [
+            "HTTP/1.1 200 OK\r\nContent-Type: application/json\r\n\r\n",
+            null,
+        ];
+    }
+
+    #[DataProvider('setCookieHeaders')]
+    public function testExtractSessionCookie(string $rawHeaders, ?string $expected): void
+    {
+        $this->assertSame($expected, $this->invokeStatic('extractSessionCookie', $rawHeaders));
+    }
+
+    /**
+     * Deluge state names → the normalized vocabulary the (copied) qBit
+     * template understands. `Paused` stays paused even when finished —
+     * Deluge has no "completed" state.
+     *
+     * @return iterable<string, array{string, bool, string}>
+     */
+    public static function states(): iterable
+    {
+        yield 'Downloading'        => ['Downloading', false, 'downloading'];
+        yield 'Seeding'            => ['Seeding', true, 'seeding'];
+        yield 'Paused unfinished'  => ['Paused', false, 'paused'];
+        yield 'Paused finished'    => ['Paused', true, 'paused'];
+        yield 'Queued'             => ['Queued', false, 'queued'];
+        yield 'Checking'           => ['Checking', false, 'checking'];
+        yield 'Error'              => ['Error', false, 'error'];
+        yield 'Moving'             => ['Moving', true, 'moving'];
+        yield 'Allocating'         => ['Allocating', false, 'downloading'];
+        yield 'unknown unfinished' => ['Bogus', false, 'unknown'];
+        yield 'unknown finished'   => ['Bogus', true, 'seeding'];
+    }
+
+    #[DataProvider('states')]
+    public function testNormalizeState(string $state, bool $finished, string $expected): void
+    {
+        $this->assertSame($expected, $this->invokeStatic('normalizeState', $state, $finished));
+    }
+
+    /**
+     * Deluge speaks KiB/s for speed limits (-1 = unlimited); the rest of
+     * Prismarr (and the copied template) speaks bytes/s.
+     */
+    public function testSpeedLimitUnitConversions(): void
+    {
+        $this->assertSame(-1, $this->invokeStatic('kibToBytes', -1.0));
+        $this->assertSame(1024, $this->invokeStatic('kibToBytes', 1.0));
+        $this->assertSame(512000, $this->invokeStatic('kibToBytes', 500.0));
+        $this->assertSame(-1.0, $this->invokeStatic('bytesToKib', 0));
+        $this->assertSame(-1.0, $this->invokeStatic('bytesToKib', -1));
+        $this->assertSame(500.0, $this->invokeStatic('bytesToKib', 512000));
+    }
+
+    public function testNormalizeTorrentMapsDelugeStatusToQbitShape(): void
+    {
+        $client = $this->makeClient();
+        $m = (new \ReflectionClass($client))->getMethod('normalizeTorrent');
+        $m->setAccessible(true);
+
+        $t = $m->invoke($client, 'a1b2c3d4e5f6a7b8c9d0a1b2c3d4e5f6a7b8c9d0', [
+            'name' => 'Example.2026.1080p.WEB.h264-GRP',
+            'total_wanted' => 4000000000, 'total_size' => 4000000000,
+            'total_done' => 4000000000, 'all_time_download' => 4100000000,
+            'total_uploaded' => 900000000,
+            'progress' => 100.0, 'download_payload_rate' => 0, 'upload_payload_rate' => 12345,
+            'eta' => 0, 'state' => 'Seeding', 'is_finished' => true,
+            'label' => 'tv-sonarr', 'ratio' => 0.219512,
+            'num_seeds' => 1, 'total_seeds' => 14, 'num_peers' => 2, 'total_peers' => 3,
+            'time_added' => 1751000000, 'completed_time' => 1751100000,
+            'save_path' => '/downloads', 'tracker_host' => 'xspeeds.eu',
+            'seeding_time' => 86400, 'max_download_speed' => -1.0, 'max_upload_speed' => 500.0,
+            'distributed_copies' => 14.97,
+        ]);
+
+        $this->assertSame('a1b2c3d4e5f6a7b8c9d0a1b2c3d4e5f6a7b8c9d0', $t['hash']);
+        $this->assertSame('seeding', $t['state']);
+        $this->assertSame('Seeding', $t['raw_state']);
+        $this->assertSame(100.0, $t['progress']);
+        $this->assertSame('tv-sonarr', $t['category']);   // Deluge label rides the category field
+        $this->assertSame('', $t['tags']);
+        $this->assertSame(0.22, $t['ratio']);
+        $this->assertSame(8640000, $t['eta']);            // 0 → qBit "no ETA" sentinel
+        $this->assertSame(1751000000, $t['added_on']);
+        $this->assertSame(1751100000, $t['completion_on']);
+        $this->assertSame('xspeeds.eu', $t['tracker']);
+        $this->assertSame(-1, $t['dl_limit']);
+        $this->assertSame(512000, $t['up_limit']);        // 500 KiB/s → bytes
+        $this->assertSame(86400, $t['seeding_time']);
+    }
+
+    /**
+     * splitAddUrls() feeds addTorrentFromUrl(): magnet lines go to
+     * core.add_torrent_magnet, http(s) lines to core.add_torrent_url.
+     * Split on newlines and pipes like the qBit add box.
+     */
+    public function testSplitAddUrlsSeparatesMagnetsFromHttp(): void
+    {
+        $split = $this->invokeStatic('splitAddUrls', "magnet:?xt=urn:btih:aaa\nhttps://tracker.example/x.torrent | magnet:?xt=urn:btih:bbb");
+        $this->assertSame(['magnet:?xt=urn:btih:aaa', 'magnet:?xt=urn:btih:bbb'], $split['magnets']);
+        $this->assertSame(['https://tracker.example/x.torrent'], $split['urls']);
+    }
+}
diff --git a/symfony/tests/Service/Media/HoundarrClientTest.php b/symfony/tests/Service/Media/HoundarrClientTest.php
new file mode 100644
index 00000000..fd0395c4
--- /dev/null
+++ b/symfony/tests/Service/Media/HoundarrClientTest.php
@@ -0,0 +1,170 @@
+<?php
+
+namespace App\Tests\Service\Media;
+
+use App\Service\Media\HoundarrClient;
+use PHPUnit\Framework\Attributes\AllowMockObjectsWithoutExpectations;
+use PHPUnit\Framework\TestCase;
+
+#[AllowMockObjectsWithoutExpectations]
+class HoundarrClientTest extends TestCase
+{
+    /** Raw payload exactly as documented (schema 1). */
+    private function fixture(): array
+    {
+        return [
+            'schema'       => 1,
+            'generated_at' => '2026-05-22T18:00:00Z',
+            'totals'       => [
+                'tracked'     => 11,
+                'eligible'    => 7,
+                'gated'       => 2,
+                'unreleased'  => 1,
+                'searches_7d' => 1,
+            ],
+        ];
+    }
+
+    public function testNormalizesDocumentedPayload(): void
+    {
+        $out = HoundarrClient::normalizeWidget($this->fixture());
+
+        self::assertSame(
+            ['tracked' => 11, 'eligible' => 7, 'gated' => 2, 'unreleased' => 1, 'searches7d' => 1],
+            $out['totals'],
+        );
+        self::assertSame(strtotime('2026-05-22T18:00:00Z'), $out['generatedAtEpoch']);
+        self::assertNull($out['error']);
+    }
+
+    public function testClampsNegativesAndCastsStrings(): void
+    {
+        $out = HoundarrClient::normalizeWidget([
+            'totals' => ['tracked' => '-3', 'eligible' => '5', 'gated' => -1, 'unreleased' => 2.9, 'searches_7d' => 'abc'],
+        ]);
+
+        self::assertSame(
+            ['tracked' => 0, 'eligible' => 5, 'gated' => 0, 'unreleased' => 2, 'searches7d' => 0],
+            $out['totals'],
+        );
+    }
+
+    public function testMissingFieldsDefaultToZeroAndUnknownKeysAreDropped(): void
+    {
+        $out = HoundarrClient::normalizeWidget(['totals' => ['tracked' => 4, 'secret_path' => '/mnt/x'], 'api_key' => 'leak']);
+
+        self::assertSame(
+            ['tracked' => 4, 'eligible' => 0, 'gated' => 0, 'unreleased' => 0, 'searches7d' => 0],
+            $out['totals'],
+        );
+        self::assertSame(['totals', 'generatedAtEpoch', 'error'], array_keys($out));
+    }
+
+    public function testBadOrMissingGeneratedAtIsNull(): void
+    {
+        self::assertNull(HoundarrClient::normalizeWidget(['totals' => [], 'generated_at' => 'not-a-date'])['generatedAtEpoch']);
+        self::assertNull(HoundarrClient::normalizeWidget(['totals' => []])['generatedAtEpoch']);
+    }
+
+    public function testTotalsNotAnArrayIsTreatedAsEmpty(): void
+    {
+        $out = HoundarrClient::normalizeWidget(['totals' => 'nope']);
+        self::assertSame(0, $out['totals']['tracked']);
+    }
+
+    /**
+     * Test double: stubs the protected transport seam, counts calls, and lets
+     * tests drive config via a real ConfigService mock.
+     */
+    private function makeClient(array $settings, ?array $response, int &$calls): HoundarrClient
+    {
+        $config = $this->createMock(\App\Service\ConfigService::class);
+        $config->method('get')->willReturnCallback(fn(string $k) => $settings[$k] ?? null);
+
+        return new class($config, new \Psr\Log\NullLogger(), $response, $calls) extends HoundarrClient {
+            public function __construct($config, $logger, private readonly ?array $response, private int &$calls)
+            {
+                parent::__construct($config, $logger);
+            }
+            protected function request(): ?array
+            {
+                $this->calls++;
+                return $this->response;
+            }
+        };
+    }
+
+    private const CONFIGURED = ['houndarr_url' => 'http://houndarr:8877', 'houndarr_api_key' => 'hndarr_k'];
+
+    public function testWidgetReturnsNullAndNeverCallsUpstreamWhenUnconfigured(): void
+    {
+        $calls = 0;
+        self::assertNull($this->makeClient([], ['http' => 200, 'body' => '{}'], $calls)->widget());
+        self::assertSame(0, $calls);
+    }
+
+    public function testWidgetReturnsNullWhenKillSwitchedOff(): void
+    {
+        $calls = 0;
+        $client = $this->makeClient(self::CONFIGURED + ['houndarr_enabled' => '0'], ['http' => 200, 'body' => '{}'], $calls);
+        self::assertNull($client->widget());
+        self::assertSame(0, $calls);
+    }
+
+    public function testWidgetNormalizesSuccessAndCachesWithinTtl(): void
+    {
+        $calls = 0;
+        $body = json_encode(['schema' => 1, 'generated_at' => '2026-05-22T18:00:00Z',
+            'totals' => ['tracked' => 11, 'eligible' => 7, 'gated' => 2, 'unreleased' => 1, 'searches_7d' => 1]]);
+        $client = $this->makeClient(self::CONFIGURED, ['http' => 200, 'body' => $body], $calls);
+
+        $out = $client->widget();
+        self::assertSame(7, $out['totals']['eligible']);
+        self::assertNull($out['error']);
+
+        $client->widget();
+        self::assertSame(1, $calls); // second read served from the 45 s cache
+    }
+
+    public function testWidgetMapsAuthAndCachesTheVerdict(): void
+    {
+        $calls = 0;
+        $client = $this->makeClient(self::CONFIGURED, ['http' => 401, 'body' => ''], $calls);
+
+        $out = $client->widget();
+        self::assertSame('auth', $out['error']);
+        self::assertNull($out['totals']);
+
+        $client->widget();
+        self::assertSame(1, $calls); // auth verdict cached too — no 429-tripping re-probes
+    }
+
+    public function testWidgetReturnsNullUncachedOnServerErrorAndTransportFailure(): void
+    {
+        $calls = 0;
+        $client = $this->makeClient(self::CONFIGURED, ['http' => 500, 'body' => ''], $calls);
+        self::assertNull($client->widget());
+        self::assertNull($client->widget());
+        self::assertSame(2, $calls); // not cached — retry next poll
+
+        $calls = 0;
+        self::assertNull($this->makeClient(self::CONFIGURED, null, $calls)->widget());
+        self::assertSame(1, $calls);
+    }
+
+    public function testWidgetReturnsNullOnMalformedJson(): void
+    {
+        $calls = 0;
+        self::assertNull($this->makeClient(self::CONFIGURED, ['http' => 200, 'body' => 'not-json'], $calls)->widget());
+    }
+
+    public function testPingTrueOnlyOnCleanFetch(): void
+    {
+        $calls = 0;
+        $ok = json_encode(['totals' => ['tracked' => 0, 'eligible' => 0, 'gated' => 0, 'unreleased' => 0, 'searches_7d' => 0]]);
+        self::assertTrue($this->makeClient(self::CONFIGURED, ['http' => 200, 'body' => $ok], $calls)->ping());
+        self::assertFalse($this->makeClient(self::CONFIGURED, ['http' => 401, 'body' => ''], $calls)->ping());
+        self::assertFalse($this->makeClient(self::CONFIGURED, null, $calls)->ping());
+        self::assertFalse($this->makeClient([], ['http' => 200, 'body' => $ok], $calls)->ping());
+    }
+}
diff --git a/symfony/tests/Service/Media/TautulliQuickLookResolveTest.php b/symfony/tests/Service/Media/TautulliQuickLookResolveTest.php
new file mode 100644
index 00000000..4a638355
--- /dev/null
+++ b/symfony/tests/Service/Media/TautulliQuickLookResolveTest.php
@@ -0,0 +1,109 @@
+<?php
+
+namespace App\Tests\Service\Media;
+
+use App\Service\Media\TautulliClient;
+use PHPUnit\Framework\TestCase;
+
+/**
+ * Pure-logic coverage of TautulliClient::tmdbIdFromMetadata() — the transform
+ * that turns a raw Tautulli `get_metadata` payload into the {type, id} pair
+ * the global quick-look modal needs. No network, same style as the
+ * normalizeActivity tests.
+ *
+ * Level rules under test:
+ *  - movie / show → the item's own `guids`
+ *  - season       → `parent_guids` (the show)
+ *  - episode      → `grandparent_guids` (the show)
+ * Episode/season-level tmdb guids are deliberately NOT used: they identify
+ * the episode, and the quick-look renders shows, not episodes.
+ */
+class TautulliQuickLookResolveTest extends TestCase
+{
+    public function testMovieResolvesFromItsOwnGuids(): void
+    {
+        $r = TautulliClient::tmdbIdFromMetadata([
+            'media_type' => 'movie',
+            'guids'      => ['imdb://tt0133093', 'tmdb://603'],
+        ]);
+
+        self::assertSame(['type' => 'movie', 'id' => 603], $r);
+    }
+
+    public function testShowResolvesAsTvFromItsOwnGuids(): void
+    {
+        $r = TautulliClient::tmdbIdFromMetadata([
+            'media_type' => 'show',
+            'guids'      => ['tvdb://121361', 'tmdb://1399'],
+        ]);
+
+        self::assertSame(['type' => 'tv', 'id' => 1399], $r);
+    }
+
+    public function testEpisodeResolvesFromGrandparentGuidsOnly(): void
+    {
+        $r = TautulliClient::tmdbIdFromMetadata([
+            'media_type'        => 'episode',
+            // Episode-level tmdb guid = the EPISODE's id — must be ignored.
+            'guids'             => ['tmdb://999999'],
+            'grandparent_guids' => ['imdb://tt0903747', 'tmdb://1396'],
+        ]);
+
+        self::assertSame(['type' => 'tv', 'id' => 1396], $r);
+    }
+
+    public function testSeasonResolvesFromParentGuids(): void
+    {
+        $r = TautulliClient::tmdbIdFromMetadata([
+            'media_type'   => 'season',
+            'parent_guids' => ['tmdb://1396'],
+        ]);
+
+        self::assertSame(['type' => 'tv', 'id' => 1396], $r);
+    }
+
+    public function testEpisodeWithoutShowLevelGuidsIsNull(): void
+    {
+        // The pure transform can't hop to the grandparent — that's
+        // resolveTmdbId()'s orchestration job. It must signal "unresolved".
+        $r = TautulliClient::tmdbIdFromMetadata([
+            'media_type' => 'episode',
+            'guids'      => ['tmdb://999999'],
+        ]);
+
+        self::assertNull($r);
+    }
+
+    public function testMusicAndUnknownTypesAreNull(): void
+    {
+        self::assertNull(TautulliClient::tmdbIdFromMetadata([
+            'media_type' => 'track',
+            'guids'      => ['tmdb://603'],
+        ]));
+        self::assertNull(TautulliClient::tmdbIdFromMetadata([]));
+    }
+
+    public function testNoTmdbGuidIsNull(): void
+    {
+        self::assertNull(TautulliClient::tmdbIdFromMetadata([
+            'media_type' => 'movie',
+            'guids'      => ['imdb://tt0133093', 'tvdb://81189'],
+        ]));
+    }
+
+    public function testMalformedGuidShapesAreNullNotFatal(): void
+    {
+        self::assertNull(TautulliClient::tmdbIdFromMetadata([
+            'media_type' => 'movie',
+            'guids'      => 'tmdb://603', // string, not list
+        ]));
+        self::assertNull(TautulliClient::tmdbIdFromMetadata([
+            'media_type' => 'movie',
+            'guids'      => [42, null, ['tmdb://603']],
+        ]));
+        self::assertNull(TautulliClient::tmdbIdFromMetadata([
+            'media_type' => 'movie',
+            'guids'      => ['tmdb://not-a-number'],
+        ]));
+    }
+}
diff --git a/symfony/tests/Service/Media/TmdbClientRegionPriorityTest.php b/symfony/tests/Service/Media/TmdbClientRegionPriorityTest.php
new file mode 100644
index 00000000..0860a681
--- /dev/null
+++ b/symfony/tests/Service/Media/TmdbClientRegionPriorityTest.php
@@ -0,0 +1,64 @@
+<?php
+namespace App\Tests\Service\Media;
+
+use App\Service\Media\TmdbClient;
+use PHPUnit\Framework\TestCase;
+
+/**
+ * TmdbClient::regionPriority — the locale-led country ordering that replaced
+ * the old hardcoded FR-first lists for release dates / certifications /
+ * watch providers.
+ */
+final class TmdbClientRegionPriorityTest extends TestCase
+{
+    public function testFrenchLeadsWithFrenchRegions(): void
+    {
+        $order = TmdbClient::regionPriority('fr');
+        self::assertSame('FR', $order[0]);
+        self::assertContains('US', $order);
+        // BE comes before US for a French user.
+        self::assertLessThan(array_search('US', $order, true), array_search('BE', $order, true));
+    }
+
+    public function testEnglishLeadsWithUsThenGb(): void
+    {
+        $order = TmdbClient::regionPriority('en');
+        self::assertSame('US', $order[0]);
+        self::assertContains('GB', $order);
+        // US comes before FR for an English user (the whole point of the fix).
+        self::assertLessThan(array_search('FR', $order, true), array_search('US', $order, true));
+    }
+
+    public function testLocaleWithRegionSuffixHandled(): void
+    {
+        self::assertSame('US', TmdbClient::regionPriority('en_US')[0]);
+        self::assertSame('FR', TmdbClient::regionPriority('fr-FR')[0]);
+    }
+
+    public function testAppendedCountriesIncludedAndDeduped(): void
+    {
+        $order = TmdbClient::regionPriority('en', ['JP', 'US', 'KR']);
+        self::assertContains('JP', $order);
+        self::assertContains('KR', $order);
+        // Order-preserving with no duplicates, even though 'US' was appended
+        // while already present in the lead/fallback chain.
+        self::assertSame(array_values(array_unique($order)), $order);
+        self::assertCount(1, array_keys($order, 'US', true));
+    }
+
+    public function testUnknownLocaleStillHasCommonFallbackChain(): void
+    {
+        $order = TmdbClient::regionPriority('xx');
+        self::assertContains('FR', $order);
+        self::assertContains('US', $order);
+        self::assertContains('GB', $order);
+    }
+
+    public function testEmptyLocaleProducesCommonChainWithoutBlanks(): void
+    {
+        $order = TmdbClient::regionPriority('');
+        self::assertContains('US', $order);
+        self::assertContains('FR', $order);
+        self::assertNotContains('', $order);
+    }
+}
diff --git a/symfony/tests/Service/Media/TransmissionClientTest.php b/symfony/tests/Service/Media/TransmissionClientTest.php
new file mode 100644
index 00000000..605cc8d1
--- /dev/null
+++ b/symfony/tests/Service/Media/TransmissionClientTest.php
@@ -0,0 +1,221 @@
+<?php
+
+namespace App\Tests\Service\Media;
+
+use App\Service\ConfigService;
+use App\Service\Media\ServiceHealthCache;
+use App\Service\Media\TransmissionClient;
+use PHPUnit\Framework\Attributes\AllowMockObjectsWithoutExpectations;
+use PHPUnit\Framework\Attributes\DataProvider;
+use PHPUnit\Framework\TestCase;
+use Psr\Log\NullLogger;
+use Symfony\Component\Cache\Adapter\ArrayAdapter;
+
+#[AllowMockObjectsWithoutExpectations]
+class TransmissionClientTest extends TestCase
+{
+    private function makeClient(): TransmissionClient
+    {
+        $config = $this->createMock(ConfigService::class);
+
+        return new TransmissionClient($config, new NullLogger(), new ServiceHealthCache(new ArrayAdapter()));
+    }
+
+    /**
+     * The 409 handshake is the expected first round trip, not a failure —
+     * the fresh session id must be parsed out of the raw response headers
+     * regardless of casing or surrounding headers.
+     *
+     * @return iterable<string, array{string, ?string}>
+     */
+    public static function sessionIdHeaders(): iterable
+    {
+        yield 'canonical casing' => [
+            "HTTP/1.1 409 Conflict\r\nX-Transmission-Session-Id: abc123XYZ==\r\n\r\n",
+            'abc123XYZ==',
+        ];
+        yield 'lowercase header name' => [
+            "HTTP/1.1 409 Conflict\r\nx-transmission-session-id: lower-case-id\r\n\r\n",
+            'lower-case-id',
+        ];
+        yield 'surrounded by other headers' => [
+            "HTTP/1.1 409 Conflict\r\nServer: Transmission\r\nX-Transmission-Session-Id: mid-id\r\nContent-Length: 0\r\n\r\n",
+            'mid-id',
+        ];
+        yield 'missing header' => [
+            "HTTP/1.1 200 OK\r\nContent-Length: 6\r\n\r\n",
+            null,
+        ];
+    }
+
+    #[DataProvider('sessionIdHeaders')]
+    public function testExtractSessionIdParsesThe409Handshake(string $rawHeaders, ?string $expected): void
+    {
+        $client = $this->makeClient();
+
+        $m = (new \ReflectionClass($client))->getMethod('extractSessionId');
+        $m->setAccessible(true);
+
+        $this->assertSame($expected, $m->invoke(null, $rawHeaders));
+    }
+
+    /**
+     * A non-zero `error` field always wins over `status`, matching Deluge's
+     * precedence; otherwise Transmission's numeric status maps onto the
+     * same state vocabulary qBit/Deluge normalize to.
+     *
+     * @return iterable<string, array{int, int, string}>
+     */
+    public static function statusMappings(): iterable
+    {
+        yield 'stopped (0)'                => [0, 0, 'paused'];
+        yield 'verify queued (1)'          => [1, 0, 'checking'];
+        yield 'verifying (2)'              => [2, 0, 'checking'];
+        yield 'download queued (3)'        => [3, 0, 'queued'];
+        yield 'downloading (4)'            => [4, 0, 'downloading'];
+        yield 'seed queued (5)'            => [5, 0, 'queued'];
+        yield 'seeding (6)'                => [6, 0, 'seeding'];
+        yield 'unknown status code'        => [42, 0, 'unknown'];
+        yield 'error overrides seeding'    => [6, 1, 'error'];
+        yield 'error overrides downloading' => [4, 2, 'error'];
+    }
+
+    #[DataProvider('statusMappings')]
+    public function testNormalizeStateAppliesErrorPrecedence(int $status, int $errorNum, string $expected): void
+    {
+        $client = $this->makeClient();
+
+        $m = (new \ReflectionClass($client))->getMethod('normalizeState');
+        $m->setAccessible(true);
+
+        $this->assertSame($expected, $m->invoke(null, $status, $errorNum));
+    }
+
+    /**
+     * Transmission speed limits are KiB/s with 0/disabled meaning unlimited;
+     * Prismarr's shared UI speaks bytes/s with -1 meaning unlimited.
+     *
+     * @return iterable<string, array{float, int}>
+     */
+    public static function kibToBytesCases(): iterable
+    {
+        yield 'disabled (0)'   => [0.0, -1];
+        yield 'negative'       => [-5.0, -1];
+        yield '1 MiB/s'        => [1024.0, 1024 * 1024];
+        yield 'fractional KiB' => [10.5, (int) round(10.5 * 1024)];
+    }
+
+    #[DataProvider('kibToBytesCases')]
+    public function testKibToBytesConvertsAndTreatsZeroAsUnlimited(float $kib, int $expected): void
+    {
+        $client = $this->makeClient();
+
+        $m = (new \ReflectionClass($client))->getMethod('kibToBytes');
+        $m->setAccessible(true);
+
+        $this->assertSame($expected, $m->invoke(null, $kib));
+    }
+
+    /**
+     * A user-entered URL with a redundant `/transmission`, `/transmission/rpc`,
+     * or `/transmission/web` suffix must be stripped, otherwise it doubles up
+     * with the `/transmission/rpc` suffix httpPost() always appends.
+     *
+     * @return iterable<string, array{string, string}>
+     */
+    public static function baseUrlCases(): iterable
+    {
+        yield 'plain host:port'               => ['http://192.168.86.10:9091', 'http://192.168.86.10:9091'];
+        yield 'trailing slash'                 => ['http://192.168.86.10:9091/', 'http://192.168.86.10:9091'];
+        yield 'redundant /transmission suffix' => ['http://192.168.86.10:9091/transmission', 'http://192.168.86.10:9091'];
+        yield 'redundant /transmission/ suffix with trailing slash' => ['http://192.168.86.10:9091/transmission/', 'http://192.168.86.10:9091'];
+        yield 'redundant /transmission/rpc suffix' => ['http://192.168.86.10:9091/transmission/rpc', 'http://192.168.86.10:9091'];
+        yield 'redundant /transmission/web suffix' => ['http://192.168.86.10:9091/transmission/web', 'http://192.168.86.10:9091'];
+        yield 'case-insensitive suffix'        => ['http://192.168.86.10:9091/Transmission', 'http://192.168.86.10:9091'];
+        yield 'reverse-proxy path preserved'   => ['http://host.docker.internal:8080/transmission-daemon', 'http://host.docker.internal:8080/transmission-daemon'];
+    }
+
+    #[DataProvider('baseUrlCases')]
+    public function testNormalizeBaseUrlStripsRedundantTransmissionSuffix(string $input, string $expected): void
+    {
+        $client = $this->makeClient();
+
+        $m = (new \ReflectionClass($client))->getMethod('normalizeBaseUrl');
+        $m->setAccessible(true);
+
+        $this->assertSame($expected, $m->invoke(null, $input));
+    }
+
+    /**
+     * @return iterable<string, array{int, float}>
+     */
+    public static function bytesToKibCases(): iterable
+    {
+        yield 'unlimited (-1)' => [-1, 0.0];
+        yield 'zero'           => [0, 0.0];
+        yield '1 MiB/s'        => [1024 * 1024, 1024.0];
+    }
+
+    #[DataProvider('bytesToKibCases')]
+    public function testBytesToKibRoundTripsWithKibToBytes(int $bytes, float $expected): void
+    {
+        $client = $this->makeClient();
+
+        $m = (new \ReflectionClass($client))->getMethod('bytesToKib');
+        $m->setAccessible(true);
+
+        $this->assertSame($expected, $m->invoke(null, $bytes));
+    }
+
+    /**
+     * Transmission's torrent-get only returns the fields it was asked for, so
+     * every key getTorrentDetail() reads off the top-level torrent object must
+     * be present in DETAIL_FIELDS — otherwise it silently coalesces to a
+     * default (0/''/[]) instead of the real value. Regression for
+     * rateDownload/rateUpload being read (properties.dl_speed/up_speed) but
+     * not requested, which zeroed both speeds on the detail panel.
+     *
+     * @return iterable<string, array{string}>
+     */
+    public static function detailFieldsReadByGetTorrentDetail(): iterable
+    {
+        // hashString/status/error are requested but not directly read inside
+        // getTorrentDetail() (deliberately not asserted here — this test is
+        // about reads without a matching request, not the reverse).
+        yield 'name'                 => ['name'];
+        yield 'downloadDir'          => ['downloadDir'];
+        yield 'totalSize'            => ['totalSize'];
+        yield 'pieceSize'            => ['pieceSize'];
+        yield 'pieceCount'           => ['pieceCount'];
+        yield 'comment'              => ['comment'];
+        yield 'uploadedEver'         => ['uploadedEver'];
+        yield 'downloadedEver'       => ['downloadedEver'];
+        yield 'uploadRatio'         => ['uploadRatio'];
+        yield 'addedDate'            => ['addedDate'];
+        yield 'doneDate'             => ['doneDate'];
+        yield 'secondsDownloading'   => ['secondsDownloading'];
+        yield 'secondsSeeding'       => ['secondsSeeding'];
+        yield 'eta'                  => ['eta'];
+        yield 'peersSendingToUs'     => ['peersSendingToUs'];
+        yield 'peersGettingFromUs'   => ['peersGettingFromUs'];
+        yield 'files'                => ['files'];
+        yield 'fileStats'            => ['fileStats'];
+        yield 'trackerStats'         => ['trackerStats'];
+        yield 'peers'                => ['peers'];
+        yield 'rateDownload (properties.dl_speed)' => ['rateDownload'];
+        yield 'rateUpload (properties.up_speed)'   => ['rateUpload'];
+    }
+
+    #[DataProvider('detailFieldsReadByGetTorrentDetail')]
+    public function testDetailFieldsCoversEveryKeyGetTorrentDetailReads(string $field): void
+    {
+        $r = new \ReflectionClassConstant(TransmissionClient::class, 'DETAIL_FIELDS');
+        $detailFields = $r->getValue();
+
+        $this->assertContains(
+            $field,
+            $detailFields,
+            sprintf('DETAIL_FIELDS is missing "%s", which getTorrentDetail() reads off the torrent object — Transmission will silently default it to 0/empty.', $field)
+        );
+    }
+}
diff --git a/symfony/tests/Service/Media/UnifiClientTest.php b/symfony/tests/Service/Media/UnifiClientTest.php
new file mode 100644
index 00000000..0c10cda3
--- /dev/null
+++ b/symfony/tests/Service/Media/UnifiClientTest.php
@@ -0,0 +1,239 @@
+<?php
+
+namespace App\Tests\Service\Media;
+
+use App\Service\ConfigService;
+use App\Service\Media\UnifiClient;
+use PHPUnit\Framework\Attributes\AllowMockObjectsWithoutExpectations;
+use PHPUnit\Framework\TestCase;
+use Psr\Log\LoggerInterface;
+
+/**
+ * UnifiClient — classic Network API client on a UniFi OS console.
+ * Tests override request() so no HTTP happens; each canned payload mirrors
+ * the `data` list of the corresponding endpoint.
+ */
+#[AllowMockObjectsWithoutExpectations]
+class UnifiClientTest extends TestCase
+{
+    /** @param array<string, ?array> $responses  keyed by a substring of the path */
+    private function makeClient(array $responses, array $settings = [], bool $failTransport = false): UnifiClient
+    {
+        $settings += [
+            'unifi_url'             => 'https://192.168.1.1',
+            'unifi_api_key'         => 'k3y',
+            'unifi_site'            => null,
+            'unifi_enabled'         => null,
+            'unifi_skip_tls_verify' => null,
+        ];
+        $config = $this->createMock(ConfigService::class);
+        $config->method('get')->willReturnCallback(fn(string $k) => $settings[$k] ?? null);
+
+        return new class($config, $this->createMock(LoggerInterface::class), $responses, $failTransport) extends UnifiClient {
+            public array $pathsRequested = [];
+            public array $bodiesSent = [];
+            public ?int $nowOverride = null;
+            public function __construct($config, $logger, private array $responses, private bool $failTransport)
+            {
+                parent::__construct($config, $logger);
+            }
+            protected function request(string $path, ?array $jsonBody = null): ?array
+            {
+                $this->pathsRequested[] = $path;
+                $this->bodiesSent[]     = $jsonBody;
+                if ($this->failTransport) {
+                    $this->transportDown = true;
+                    return null;
+                }
+                foreach ($this->responses as $needle => $payload) {
+                    if (str_contains($path, $needle)) {
+                        return $payload;
+                    }
+                }
+                return null;
+            }
+            protected function now(): int { return $this->nowOverride ?? parent::now(); }
+        };
+    }
+
+    private const HEALTH_DATA = [
+        ['subsystem' => 'wan',  'status' => 'ok', 'wan_ip' => '203.0.113.7',
+         'gw_system-stats' => ['cpu' => '12.3', 'mem' => '38.1', 'uptime' => '123456']],
+        ['subsystem' => 'www',  'status' => 'ok', 'tx_bytes-r' => '125000', 'rx_bytes-r' => '2500000',
+         'latency' => '12', 'uptime' => '864000'],
+        ['subsystem' => 'wlan', 'status' => 'ok', 'num_user' => 18, 'num_guest' => 2, 'num_iot' => 7],
+        ['subsystem' => 'lan',  'status' => 'ok', 'num_user' => 9,  'num_guest' => 0, 'num_iot' => 3],
+    ];
+    private const REPORT_DATA = [
+        // Deliberately unsorted: mapUsage must sort ascending. time is epoch MS.
+        ['time' => 1751742000000, 'wan-tx_bytes' => 1.0e8, 'wan-rx_bytes' => 2.0e9],
+        ['time' => 1751738400000, 'wan-tx_bytes' => 5.0e7, 'wan-rx_bytes' => 1.0e9],
+    ];
+    private const DEVICE_DATA = [
+        ['name' => 'Dream Machine', 'type' => 'udm', 'model' => 'UDM-PRO', 'state' => 1, 'uptime' => 999],
+        ['name' => 'Office AP',     'type' => 'uap', 'model' => 'U6-Lite', 'state' => 1, 'uptime' => 500],
+        ['name' => 'Garage Switch', 'type' => 'usw', 'model' => 'USW-8',   'state' => 0],
+    ];
+
+    private function allEndpoints(): array
+    {
+        return [
+            'stat/health'             => self::HEALTH_DATA,
+            'stat/report/hourly.site' => self::REPORT_DATA,
+            'stat/device'             => self::DEVICE_DATA,
+        ];
+    }
+
+    public function testUnconfiguredReturnsNullWithoutRequest(): void
+    {
+        $client = $this->makeClient($this->allEndpoints(), ['unifi_url' => null]);
+        $this->assertNull($client->overview());
+        $this->assertSame([], $client->pathsRequested);
+
+        $client = $this->makeClient($this->allEndpoints(), ['unifi_api_key' => null]);
+        $this->assertNull($client->overview());
+        $this->assertSame([], $client->pathsRequested);
+    }
+
+    public function testKillSwitchDisables(): void
+    {
+        $client = $this->makeClient($this->allEndpoints(), ['unifi_enabled' => '0']);
+        $this->assertNull($client->overview());
+        $this->assertSame([], $client->pathsRequested);
+    }
+
+    public function testOverviewMapsWanClientsGateway(): void
+    {
+        $o = $this->makeClient($this->allEndpoints())->overview();
+
+        $this->assertSame('ok', $o['wan']['status']);
+        $this->assertSame('203.0.113.7', $o['wan']['ip']);
+        $this->assertSame(864000, $o['wan']['uptimeSeconds']);
+        $this->assertSame(2500000.0, $o['wan']['downBps']); // rx = download
+        $this->assertSame(125000.0, $o['wan']['upBps']);
+        $this->assertSame(12, $o['wan']['latencyMs']);
+
+        $this->assertSame(27, $o['clients']['wireless']); // 18 + 2 + 7
+        $this->assertSame(12, $o['clients']['wired']);    // 9 + 0 + 3
+        $this->assertSame(39, $o['clients']['total']);
+        $this->assertSame(2,  $o['clients']['guest']);    // wlan 2 + lan 0
+
+        $this->assertSame(12.3, $o['gateway']['cpuPercent']);
+        $this->assertSame(38.1, $o['gateway']['memPercent']);
+    }
+
+    public function testMissingSubsystemsTolerated(): void
+    {
+        $health = [['subsystem' => 'lan', 'status' => 'ok', 'num_user' => 5]];
+        $o = $this->makeClient(['stat/health' => $health, 'stat/report' => null, 'stat/device' => null])->overview();
+
+        $this->assertNull($o['wan']);      // no wan/www subsystem
+        $this->assertNull($o['gateway']);
+        $this->assertSame(5, $o['clients']['wired']);
+        $this->assertNull($o['clients']['wireless']);
+        $this->assertSame(5, $o['clients']['total']);
+        $this->assertNull($o['usage24h']);
+        $this->assertNull($o['devices']);
+    }
+
+    public function testUsageMappingSortsAndConvertsMsToSeconds(): void
+    {
+        $o = $this->makeClient($this->allEndpoints())->overview();
+
+        $this->assertCount(2, $o['usage24h']);
+        $this->assertSame(1751738400, $o['usage24h'][0]['ts']); // sorted ascending, ms → s
+        $this->assertSame(1.0e9, $o['usage24h'][0]['downBytes']); // rx = download
+        $this->assertSame(5.0e7, $o['usage24h'][0]['upBytes']);
+        $this->assertSame(1751742000, $o['usage24h'][1]['ts']);
+    }
+
+    public function testReportRequestUses24hMsWindow(): void
+    {
+        $client = $this->makeClient($this->allEndpoints());
+        $client->nowOverride = 1751800000;
+        $client->overview();
+
+        $reportBody = null;
+        foreach ($client->pathsRequested as $i => $p) {
+            if (str_contains($p, 'report')) { $reportBody = $client->bodiesSent[$i]; }
+        }
+        $this->assertSame(['time', 'wan-tx_bytes', 'wan-rx_bytes'], $reportBody['attrs']);
+        $this->assertSame((1751800000 - 86400) * 1000, $reportBody['start']);
+        $this->assertSame(1751800000 * 1000, $reportBody['end']);
+    }
+
+    public function testDevicesMappedAndSortedOfflineFirst(): void
+    {
+        $o = $this->makeClient($this->allEndpoints())->overview();
+
+        $this->assertSame('Garage Switch', $o['devices'][0]['name']); // offline first
+        $this->assertFalse($o['devices'][0]['online']);
+        $this->assertSame('switch', $o['devices'][0]['kind']);
+        $this->assertSame('Dream Machine', $o['devices'][1]['name']); // then gateway
+        $this->assertSame('gateway', $o['devices'][1]['kind']);
+        $this->assertSame('Office AP', $o['devices'][2]['name']);     // then AP
+        $this->assertSame('ap', $o['devices'][2]['kind']);
+        $this->assertSame(999, $o['devices'][1]['uptimeSeconds']);
+    }
+
+    public function testTransportDownShortCircuits(): void
+    {
+        $client = $this->makeClient([], failTransport: true);
+        $this->assertNull($client->overview());
+        $this->assertCount(1, $client->pathsRequested); // health only, no report/device
+    }
+
+    public function testOverviewTtlCachesWithinWindow(): void
+    {
+        $client = $this->makeClient($this->allEndpoints());
+        $first = $client->overview();
+        $second = $client->overview();
+        $this->assertSame($first, $second);
+        $this->assertCount(3, $client->pathsRequested); // not 6
+    }
+
+    public function testAllNullEndpointsMeansNullAndNoCache(): void
+    {
+        $client = $this->makeClient(['stat/health' => null, 'stat/report' => null, 'stat/device' => null]);
+        $this->assertNull($client->overview());
+        $client->overview();
+        $this->assertCount(6, $client->pathsRequested); // second call retried
+    }
+
+    public function testPing(): void
+    {
+        $this->assertTrue($this->makeClient($this->allEndpoints())->ping());
+        $this->assertFalse($this->makeClient(['stat/health' => null])->ping());
+    }
+
+    public function testFetchDelegatesToRequestAndReturnsData(): void
+    {
+        $client = $this->makeClient($this->allEndpoints());
+
+        $this->assertSame(self::DEVICE_DATA, $client->fetch('/stat/device'));
+        $this->assertContains('/stat/device', $client->pathsRequested);
+        $this->assertFalse($client->transportFailed());
+    }
+
+    public function testFetchReportsTransportFailureButNotApplicationMiss(): void
+    {
+        $failing = $this->makeClient([], failTransport: true);
+        $this->assertNull($failing->fetch('/stat/device'));
+        $this->assertTrue($failing->transportFailed());
+
+        // An application-level miss (no such payload) is NOT a transport
+        // failure — readers must keep trying their remaining endpoints.
+        $ok = $this->makeClient($this->allEndpoints());
+        $this->assertNull($ok->fetch('/stat/nonexistent'));
+        $this->assertFalse($ok->transportFailed());
+    }
+
+    public function testFetchPassesJsonBodyThrough(): void
+    {
+        $client = $this->makeClient($this->allEndpoints());
+        $client->fetch('/stat/report/hourly.site', ['attrs' => ['time']]);
+
+        $i = array_search('/stat/report/hourly.site', $client->pathsRequested, true);
+        $this->assertSame(['attrs' => ['time']], $client->bodiesSent[$i]);
+    }
+}
diff --git a/symfony/tests/Service/Media/UnraidClientTest.php b/symfony/tests/Service/Media/UnraidClientTest.php
new file mode 100644
index 00000000..418bc867
--- /dev/null
+++ b/symfony/tests/Service/Media/UnraidClientTest.php
@@ -0,0 +1,449 @@
+<?php
+
+namespace App\Tests\Service\Media;
+
+use App\Service\ConfigService;
+use App\Service\Media\UnraidClient;
+use PHPUnit\Framework\Attributes\AllowMockObjectsWithoutExpectations;
+use PHPUnit\Framework\TestCase;
+use Psr\Log\LoggerInterface;
+
+/**
+ * UnraidClient — GraphQL client for the Unraid 7 API.
+ * Tests override gql() so no HTTP happens; each canned payload mirrors the
+ * `data` object of the corresponding group query.
+ */
+#[AllowMockObjectsWithoutExpectations]
+class UnraidClientTest extends TestCase
+{
+    /** @param array<string, ?array> $responses  keyed by a substring of the query */
+    private function makeClient(array $responses, array $settings = []): UnraidClient
+    {
+        $settings += [
+            'unraid_url'             => 'https://tower.local',
+            'unraid_api_key'         => 'k3y',
+            'unraid_enabled'         => null,
+            'unraid_skip_tls_verify' => null,
+        ];
+        $config = $this->createMock(ConfigService::class);
+        $config->method('get')->willReturnCallback(fn(string $k) => $settings[$k] ?? null);
+
+        return new class($config, $this->createMock(LoggerInterface::class), $responses) extends UnraidClient {
+            public array $queriesSent = [];
+            public ?int $nowOverride = null;
+            public function __construct($config, $logger, private array $responses)
+            {
+                parent::__construct($config, $logger);
+            }
+            protected function gql(string $query): ?array
+            {
+                $this->queriesSent[] = $query;
+                foreach ($this->responses as $needle => $payload) {
+                    if (str_contains($query, $needle)) {
+                        return $payload;
+                    }
+                }
+                return null;
+            }
+            protected function now(): int { return $this->nowOverride ?? parent::now(); }
+        };
+    }
+
+    private const ARRAY_DATA = ['array' => [
+        'state'    => 'STARTED',
+        'capacity' => ['kilobytes' => ['free' => '1000', 'used' => '3000', 'total' => '4000']],
+        'disks'    => [
+            ['name' => 'disk1', 'temp' => 38, 'status' => 'DISK_OK', 'fsSize' => '4000', 'fsFree' => '1000', 'fsUsed' => '3000'],
+        ],
+        'parities' => [['name' => 'parity', 'temp' => 41, 'status' => 'DISK_OK', 'size' => '10000']],
+        'caches'   => [['name' => 'cache', 'temp' => 35, 'fsSize' => '500', 'fsFree' => '200', 'fsUsed' => '300']],
+    ]];
+    private const INFO_DATA = ['info' => [
+        'os'  => ['uptime' => '2026-06-20T04:05:06Z'],
+        'cpu' => ['brand' => 'AMD Ryzen 7', 'cores' => 8, 'threads' => 16],
+    ]];
+    private const METRICS_DATA = ['metrics' => [
+        'cpu'    => ['percentTotal' => 12.5],
+        'memory' => ['percentTotal' => 40.0, 'total' => '32000000000', 'used' => '12800000000'],
+    ]];
+    private const DOCKER_DATA = ['docker' => ['containers' => [
+        ['names' => ['/plex'],     'state' => 'RUNNING'],
+        ['names' => ['/radarr'],   'state' => 'RUNNING'],
+        ['names' => ['/old-app'],  'state' => 'EXITED'],
+    ]]];
+    private const UPS_DATA = ['upsDevices' => [[
+        'name'    => 'APC',
+        'battery' => ['chargeLevel' => 100, 'estimatedRuntime' => 4302], // seconds (≈72 min)
+        'power'   => ['loadPercentage' => 18.0],
+    ]]];
+    private const PARITY_STATUS_RUNNING = ['vars' => [
+        'mdResyncPos' => '5000', 'mdResyncSize' => '10000',
+        'sbSynced' => '1750000000', 'sbSyncErrs' => '3',
+    ]];
+    private const PARITY_STATUS_IDLE = ['vars' => [
+        'mdResyncPos' => '0', 'mdResyncSize' => '10000',
+        'sbSynced' => '1750000000', 'sbSyncErrs' => '0',
+    ]];
+    private const PARITY_STATUS_RUNNING_NULLSIZE = ['vars' => [
+        'mdResyncPos' => '5000', 'mdResyncSize' => null,
+        'sbSynced' => '1750000000', 'sbSyncErrs' => '0',
+    ]];
+    private const PARITY_HISTORY = ['parityHistory' => [
+        // Deliberately oldest-first: mapParity must pick the newest by date.
+        ['date' => '2026-05-01 06:00:00', 'duration' => 80000, 'errors' => 2, 'status' => 'OK'],
+        ['date' => '2026-06-01 06:00:00', 'duration' => 76440, 'errors' => 0, 'status' => 'OK'],
+    ]];
+
+    private function allGroups(): array
+    {
+        return [
+            'array {'         => self::ARRAY_DATA,
+            'info {'          => self::INFO_DATA,
+            'metrics {'       => self::METRICS_DATA,
+            'docker {'        => self::DOCKER_DATA,
+            'upsDevices'      => self::UPS_DATA,
+            'vars {'          => self::PARITY_STATUS_IDLE,
+            'parityHistory {' => self::PARITY_HISTORY,
+        ];
+    }
+
+    public function testOverviewHappyPathMapsAllGroups(): void
+    {
+        $o = $this->makeClient($this->allGroups())->overview();
+
+        $this->assertNotNull($o);
+        $this->assertSame('STARTED', $o['array']['state']);
+        $this->assertSame(3000.0, $o['array']['capacity']['used']);
+        $this->assertCount(1, $o['array']['disks']);
+        $this->assertSame('disk1', $o['array']['disks'][0]['name']);
+        $this->assertSame(38, $o['array']['disks'][0]['temp']);
+        $this->assertCount(1, $o['array']['parities']);
+        $this->assertCount(1, $o['array']['caches']);
+
+        $this->assertSame('AMD Ryzen 7', $o['system']['cpuBrand']);
+        $this->assertSame(12.5, $o['system']['cpuPercent']);
+        $this->assertSame(40.0, $o['system']['memPercent']);
+        $this->assertSame('2026-06-20T04:05:06Z', $o['system']['uptime']);
+        $this->assertSame(strtotime('2026-06-20T04:05:06Z'), $o['system']['uptimeEpoch']);
+
+        $this->assertSame(2, $o['docker']['running']);
+        $this->assertSame(3, $o['docker']['total']);
+        $this->assertSame(['old-app'], $o['docker']['stopped']);
+
+        $this->assertSame(100, $o['ups']['battery']);
+        $this->assertSame(72, $o['ups']['runtime'], 'estimatedRuntime seconds must convert to whole minutes');
+        $this->assertSame(18.0, $o['ups']['load']);
+    }
+
+    public function testMissingGroupsDegradeToNullWithoutKillingOthers(): void
+    {
+        // UPS query fails (no UPS / scope missing) — the other groups survive.
+        $responses = $this->allGroups();
+        unset($responses['upsDevices']);
+        $o = $this->makeClient($responses)->overview();
+
+        $this->assertNotNull($o);
+        $this->assertNull($o['ups']);
+        $this->assertNotNull($o['array']);
+        $this->assertNotNull($o['docker']);
+    }
+
+    public function testOverviewIsNullWhenEveryGroupFails(): void
+    {
+        $this->assertNull($this->makeClient([])->overview());
+    }
+
+    public function testDeadHostShortCircuitsAfterFirstQuery(): void
+    {
+        // Simulate a transport-level failure (connect refused/timeout) on the
+        // first (array) query: gql() sets transportDown and returns null.
+        // overview() must bail immediately without issuing the other 4 queries.
+        $config = $this->createMock(ConfigService::class);
+        $config->method('get')->willReturnCallback(fn(string $k) => [
+            'unraid_url'     => 'https://tower.local',
+            'unraid_api_key' => 'k3y',
+        ][$k] ?? null);
+
+        $client = new class($config, $this->createMock(LoggerInterface::class)) extends UnraidClient {
+            public int $calls = 0;
+            protected function gql(string $query): ?array
+            {
+                $this->calls++;
+                $this->transportDown = true; // first (and only) call: host down
+                return null;
+            }
+        };
+
+        $this->assertNull($client->overview());
+        $this->assertSame(1, $client->calls, 'must stop after the first transport-failed query');
+    }
+
+    public function testAppLevelGraphqlErrorDoesNotShortCircuit(): void
+    {
+        // A missing array group WITHOUT a transport failure (e.g. scope error,
+        // HTTP 200 {errors}) must NOT stop the remaining group queries.
+        $responses = $this->allGroups();
+        unset($responses['array {']); // array group returns null, transportDown stays false
+        $client = $this->makeClient($responses);
+        $o = $client->overview();
+
+        $this->assertNotNull($o);
+        $this->assertNull($o['array']);
+        $this->assertNotNull($o['docker']);
+        $this->assertGreaterThan(1, count($client->queriesSent), 'app-level error must not short-circuit');
+    }
+
+    public function testOverviewIsNullAndSendsNothingWhenUnconfigured(): void
+    {
+        $client = $this->makeClient($this->allGroups(), ['unraid_url' => null]);
+        $this->assertNull($client->overview());
+        $this->assertSame([], $client->queriesSent);
+    }
+
+    public function testOverviewIsNullAndSendsNothingWhenKillSwitchedOff(): void
+    {
+        $client = $this->makeClient($this->allGroups(), ['unraid_enabled' => '0']);
+        $this->assertNull($client->overview());
+        $this->assertSame([], $client->queriesSent);
+    }
+
+    public function testOverviewIsCachedWithinTtl(): void
+    {
+        $client = $this->makeClient($this->allGroups());
+        $client->overview();
+        $sent = count($client->queriesSent);
+        $client->overview();
+        $this->assertSame($sent, count($client->queriesSent), 'second overview() within TTL must not re-query');
+    }
+
+    public function testSystemSurvivesMetricsBeingUnavailable(): void
+    {
+        // Older API without `metrics` — uptime/brand still come from `info`.
+        $responses = $this->allGroups();
+        unset($responses['metrics {']);
+        $o = $this->makeClient($responses)->overview();
+
+        $this->assertNotNull($o['system']);
+        $this->assertNull($o['system']['cpuPercent']);
+        $this->assertSame('2026-06-20T04:05:06Z', $o['system']['uptime']);
+    }
+
+    public function testAuthHeaderUsesXApiKey(): void
+    {
+        $client  = $this->makeClient([]);
+        $headers = (new \ReflectionMethod($client, 'authHeaders'))->invoke($client);
+        $this->assertContains('x-api-key: k3y', $headers);
+    }
+
+    public function testTlsVerificationTogglesWithSetting(): void
+    {
+        $on  = $this->makeClient([]);
+        $opts = (new \ReflectionMethod($on, 'curlOptions'))->invoke($on);
+        $this->assertTrue($opts[CURLOPT_SSL_VERIFYPEER]);
+
+        $off = $this->makeClient([], ['unraid_skip_tls_verify' => '1']);
+        $opts = (new \ReflectionMethod($off, 'curlOptions'))->invoke($off);
+        $this->assertFalse($opts[CURLOPT_SSL_VERIFYPEER]);
+        $this->assertSame(0, $opts[CURLOPT_SSL_VERIFYHOST]);
+    }
+
+    public function testDockerContainersListIsCompleteAndAlphabetical(): void
+    {
+        $client = $this->makeClient(['docker {' => self::DOCKER_DATA]);
+        $docker = $client->overview()['docker'];
+
+        // Full list, case-insensitive alphabetical, running flag per container.
+        self::assertSame([
+            ['name' => 'old-app', 'running' => false],
+            ['name' => 'plex',    'running' => true],
+            ['name' => 'radarr',  'running' => true],
+        ], $docker['containers']);
+        // Legacy keys untouched.
+        self::assertSame(2, $docker['running']);
+        self::assertSame(3, $docker['total']);
+        self::assertSame(['old-app'], $docker['stopped']);
+    }
+
+    public function testParityRunningCheckComputesProgressElapsedAndEta(): void
+    {
+        $client = $this->makeClient([
+            'vars {'          => self::PARITY_STATUS_RUNNING,
+            'parityHistory {' => self::PARITY_HISTORY,
+        ]);
+        $client->nowOverride = 1750050000; // 50 000 s after sbSynced
+
+        $parity = $client->overview()['parity'];
+        self::assertTrue($parity['running']);
+        self::assertSame(50.0, $parity['progress']);
+        self::assertSame(50000, $parity['elapsed']);
+        self::assertSame(50000, $parity['etaSeconds']); // 50% done → same again
+        self::assertSame(3, $parity['errors']);
+        self::assertSame(strtotime('2026-06-01 06:00:00'), $parity['last']['dateEpoch']);
+        self::assertSame(76440, $parity['last']['duration']);
+        self::assertSame(0, $parity['last']['errors']);
+    }
+
+    public function testParityIdleShowsLastCheckOnly(): void
+    {
+        $client = $this->makeClient([
+            'vars {'          => self::PARITY_STATUS_IDLE,
+            'parityHistory {' => self::PARITY_HISTORY,
+        ]);
+        $parity = $client->overview()['parity'];
+        self::assertFalse($parity['running']);
+        self::assertNull($parity['progress']);
+        self::assertNull($parity['elapsed']);
+        self::assertNull($parity['errors']); // sbSyncErrs only meaningful while running
+        self::assertSame(0, $parity['last']['errors']);
+    }
+
+    public function testParityRunningWithNullSizeFallsBackToParityDiskSize(): void
+    {
+        // Live-verified: mdResyncSize nulls (32-bit Int overflow) on big arrays,
+        // while array.parities[].size returns the same value big-safe.
+        $client = $this->makeClient([
+            'array {'         => self::ARRAY_DATA,          // parity size 10000
+            'vars {'          => self::PARITY_STATUS_RUNNING_NULLSIZE,
+            'parityHistory {' => self::PARITY_HISTORY,
+        ]);
+        $client->nowOverride = 1750050000;
+
+        $parity = $client->overview()['parity'];
+        self::assertTrue($parity['running']);
+        self::assertSame(50.0, $parity['progress']); // 5000 / 10000 via fallback
+        self::assertSame(50000, $parity['elapsed']);
+        self::assertSame(50000, $parity['etaSeconds']);
+    }
+
+    public function testParityRunningWithNoDenominatorStillReportsRunning(): void
+    {
+        $client = $this->makeClient([
+            'vars {'          => self::PARITY_STATUS_RUNNING_NULLSIZE, // no array group
+            'parityHistory {' => self::PARITY_HISTORY,
+        ]);
+        $client->nowOverride = 1750050000;
+
+        $parity = $client->overview()['parity'];
+        self::assertTrue($parity['running']);   // no more idle-lie
+        self::assertNull($parity['progress']);
+        self::assertNull($parity['etaSeconds']);
+        self::assertSame(50000, $parity['elapsed']);
+        self::assertSame(0, $parity['errors']);
+    }
+
+    public function testParityEtaPrefersCurrentThroughput(): void
+    {
+        // mdResyncDt/mdResyncDb = live sampling window; ETA = (denom − pos) ÷
+        // (db/dt), independent of sbSynced — which drifts to the resume time
+        // on paused checks (live-verified ~8h off the true start).
+        $client = $this->makeClient([
+            'vars {' => ['vars' => [
+                'mdResyncPos' => '5000', 'mdResyncSize' => '10000',
+                'mdResyncDt' => '10', 'mdResyncDb' => '100',
+                'sbSynced' => '1750000000', 'sbSyncErrs' => '0',
+            ]],
+            'parityHistory {' => self::PARITY_HISTORY,
+        ]);
+        $client->nowOverride = 1750050000;
+
+        $parity = $client->overview()['parity'];
+        self::assertSame(50.0, $parity['progress']);
+        self::assertSame(50000, $parity['elapsed']);   // still sbSynced-based
+        self::assertSame(500, $parity['etaSeconds']);  // (10000-5000)/(100/10)
+    }
+
+    public function testParityGroupAbsentWhenBothQueriesFail(): void
+    {
+        $client = $this->makeClient(['docker {' => self::DOCKER_DATA]); // no parity payloads
+        self::assertNull($client->overview()['parity']);
+        self::assertNotNull($client->overview()['docker']); // rest of widget unaffected
+    }
+
+    public function testParityHistoryAloneStillMapsLastCheck(): void
+    {
+        $client = $this->makeClient(['parityHistory {' => self::PARITY_HISTORY]);
+        $parity = $client->overview()['parity'];
+        self::assertFalse($parity['running']);
+        self::assertSame(76440, $parity['last']['duration']);
+    }
+
+    public function testParityIdleSynthesizesLastCheckFromVarsWhenNewerThanHistory(): void
+    {
+        // Live-verified gap: parity-checks.log (the parityHistory source) is
+        // appended by a webGui nchan daemon that only runs while the Unraid
+        // Main page is open in a browser — history can lag a finished check
+        // by days. vars.sbSynced2 is the kernel's completion stamp and is
+        // always current, so it must win when newer.
+        $client = $this->makeClient([
+            'vars {' => ['vars' => [
+                'mdResyncPos' => '0', 'mdResyncSize' => '10000',
+                'sbSynced' => '1783088534', 'sbSynced2' => '1783132190',
+                'sbSyncErrs' => '5', 'sbSyncExit' => '0',
+            ]],
+            'parityHistory {' => self::PARITY_HISTORY, // newest entry 2026-06-01
+        ]);
+        $parity = $client->overview()['parity'];
+        self::assertFalse($parity['running']);
+        self::assertSame(1783132190, $parity['last']['dateEpoch']);
+        self::assertNull($parity['last']['duration']); // true duration unknowable from vars on paused/resumed checks
+        self::assertSame(5, $parity['last']['errors']);
+        self::assertSame('COMPLETED', $parity['last']['status']);
+    }
+
+    public function testParityIdleKeepsHistoryLastWhenHistoryIsNewer(): void
+    {
+        $client = $this->makeClient([
+            'vars {' => ['vars' => [
+                'mdResyncPos' => '0',
+                'sbSynced' => '1700000000', 'sbSynced2' => '1700003600', // 2023 — older than history
+                'sbSyncErrs' => '0', 'sbSyncExit' => '0',
+            ]],
+            'parityHistory {' => self::PARITY_HISTORY,
+        ]);
+        $last = $client->overview()['parity']['last'];
+        self::assertSame(strtotime('2026-06-01 06:00:00'), $last['dateEpoch']);
+        self::assertSame(76440, $last['duration']);
+    }
+
+    public function testParityVarsAloneSynthesizesLastCheckWhenIdle(): void
+    {
+        // No parityHistory scope at all — sbSynced2 still yields a last check.
+        $client = $this->makeClient(['vars {' => ['vars' => [
+            'mdResyncPos' => '0',
+            'sbSynced' => '1783088534', 'sbSynced2' => '1783132190',
+            'sbSyncErrs' => '0', 'sbSyncExit' => '-4',
+        ]]]);
+        $parity = $client->overview()['parity'];
+        self::assertFalse($parity['running']);
+        self::assertSame(1783132190, $parity['last']['dateEpoch']);
+        self::assertSame(0, $parity['last']['errors']);
+        self::assertSame('CANCELLED', $parity['last']['status']); // -4 = cancelled, mirroring Unraid's own mapping
+    }
+
+    public function testParityRunningDoesNotSynthesizeLastFromVars(): void
+    {
+        // While a check runs, vars reflect the in-flight check — the history
+        // entry stays the richer record for the previous one.
+        $client = $this->makeClient([
+            'vars {' => ['vars' => [
+                'mdResyncPos' => '5000', 'mdResyncSize' => '10000',
+                'sbSynced' => '1750000000', 'sbSynced2' => '1783132190',
+                'sbSyncErrs' => '3',
+            ]],
+            'parityHistory {' => self::PARITY_HISTORY,
+        ]);
+        $client->nowOverride = 1750050000;
+        $last = $client->overview()['parity']['last'];
+        self::assertSame(strtotime('2026-06-01 06:00:00'), $last['dateEpoch']);
+        self::assertSame(76440, $last['duration']);
+    }
+
+    public function testParityStatusQueryRequestsCompletionFields(): void
+    {
+        $client = $this->makeClient($this->allGroups());
+        $client->overview();
+        $varsQuery = implode("\n", array_filter($client->queriesSent, fn($q) => str_contains($q, 'vars {')));
+        self::assertStringContainsString('sbSynced2', $varsQuery);
+        self::assertStringContainsString('sbSyncExit', $varsQuery);
+    }
+}
diff --git a/symfony/tests/Service/ThemeServiceTest.php b/symfony/tests/Service/ThemeServiceTest.php
new file mode 100644
index 00000000..72d13e02
--- /dev/null
+++ b/symfony/tests/Service/ThemeServiceTest.php
@@ -0,0 +1,59 @@
+<?php
+namespace App\Tests\Service;
+
+use App\Service\ConfigService;
+use App\Service\ThemeService;
+use App\Theme\ThemePresets;
+use PHPUnit\Framework\TestCase;
+
+final class ThemeServiceTest extends TestCase
+{
+    private function serviceFor(?string $stored): ThemeService
+    {
+        $config = $this->createMock(ConfigService::class);
+        $config->method('get')->with('display_theme')->willReturn($stored);
+        return new ThemeService($config);
+    }
+
+    public function testUnknownKeyFallsBackToDefault(): void
+    {
+        $r = $this->serviceFor('does-not-exist')->resolve();
+        self::assertSame(ThemePresets::DEFAULT_KEY, $r['key']);
+    }
+
+    public function testNullStoredFallsBackToDefault(): void
+    {
+        $r = $this->serviceFor(null)->resolve();
+        self::assertSame('midnight', $r['key']);
+    }
+
+    public function testMidnightResolvesExpectedPrimaryAndBackground(): void
+    {
+        $r = $this->serviceFor('midnight')->resolve();
+        self::assertFalse($r['light']);
+        self::assertSame('#6366f1', $r['primary_hex']);
+        self::assertSame('99, 102, 241', $r['primary_rgb']);
+        self::assertSame('hsl(0, 0%, 6.5%)', $r['css']['--tblr-body-bg']);
+        self::assertSame('hsl(0, 0%, 11%)',  $r['css']['--prismarr-surface']);
+        self::assertSame('hsl(0, 0%, 8.5%)', $r['css']['--prismarr-surface-2']);
+        self::assertSame('hsl(0, 0%, 5%)',   $r['css']['--prismarr-sidebar']);
+        self::assertArrayHasKey('--prismarr-surface', $r['css']);
+        self::assertArrayHasKey('--tblr-border-color', $r['css']);
+        self::assertSame('hsla(0, 0%, 6.5%, 0.95)', $r['css']['--prismarr-topbar-bg']);
+    }
+
+    public function testLightPresetSetsLightFlag(): void
+    {
+        $r = $this->serviceFor('catppuccin_latte')->resolve();
+        self::assertTrue($r['light']);
+    }
+
+    public function testResolutionIsCachedUntilReset(): void
+    {
+        $svc = $this->serviceFor('midnight');
+        $first = $svc->resolve();
+        $svc->reset();
+        $second = $svc->resolve();
+        self::assertSame($first, $second);
+    }
+}
diff --git a/symfony/tests/Service/TorrentPagePollerTest.php b/symfony/tests/Service/TorrentPagePollerTest.php
new file mode 100644
index 00000000..ff2b012c
--- /dev/null
+++ b/symfony/tests/Service/TorrentPagePollerTest.php
@@ -0,0 +1,151 @@
+<?php
+
+namespace App\Tests\Service;
+
+use PHPUnit\Framework\Attributes\DataProvider;
+use PHPUnit\Framework\TestCase;
+
+/**
+ * The three torrent client pages each poll on a 3s setInterval. Turbo Drive
+ * re-executes the incoming page's <script> with a fresh closure while the
+ * outgoing page's closure — and its live interval — survive. Because all three
+ * pages render the SAME element IDs (qbt-list, qbt-stat-total, ...), an orphaned
+ * poller's updateList()/updateStats() guards still pass on its successor's DOM,
+ * so it keeps writing its own client's torrents over the page the user is
+ * actually looking at. Two pollers then fight at 3s each and it reads as data
+ * corruption ("Transmission is showing my qBittorrent torrents").
+ *
+ * The handle therefore may NOT live in the page closure: it has to sit on a
+ * single shared global so the incoming page — and base.html.twig's
+ * turbo:before-render cleanup — can reach the outgoing page's timer and kill it.
+ * One name serves all three because only one torrent page is ever mounted.
+ */
+class TorrentPagePollerTest extends TestCase
+{
+    private const TIMER = '_prismarrTorrentPagePollTimer';
+
+    private const TEMPLATES = [
+        'qbittorrent'  => __DIR__ . '/../../templates/qbittorrent/index.html.twig',
+        'deluge'       => __DIR__ . '/../../templates/deluge/index.html.twig',
+        'transmission' => __DIR__ . '/../../templates/transmission/index.html.twig',
+    ];
+
+    private const BASE_TWIG = __DIR__ . '/../../templates/base.html.twig';
+
+    /**
+     * @return iterable<string, array{0: string}>
+     */
+    public static function templateProvider(): iterable
+    {
+        foreach (array_keys(self::TEMPLATES) as $page) {
+            yield $page => [$page];
+        }
+    }
+
+    #[DataProvider('templateProvider')]
+    public function testPollTimerHandleIsNotHeldInThePageClosure(string $page): void
+    {
+        // A closure-scoped `refreshTimer` is exactly the bug: clearInterval on it
+        // can only ever reach THIS script instance's timer, never the orphan left
+        // behind by the page Turbo just replaced.
+        self::assertDoesNotMatchRegularExpression(
+            '/\brefreshTimer\b/',
+            $this->template($page),
+            "{$page}/index.html.twig still references a closure-scoped refreshTimer; "
+                . 'the handle must live on window.' . self::TIMER . '.',
+        );
+    }
+
+    #[DataProvider('templateProvider')]
+    public function testPollTimerIsStoredOnTheSharedGlobal(string $page): void
+    {
+        self::assertStringContainsString(
+            'window.' . self::TIMER . ' = setInterval(refreshData, REFRESH_INTERVAL);',
+            $this->template($page),
+            "{$page}/index.html.twig must publish its poll interval on the shared global.",
+        );
+    }
+
+    #[DataProvider('templateProvider')]
+    public function testStartAndStopRefreshBothClearTheSharedGlobal(string $page): void
+    {
+        $tpl = $this->template($page);
+
+        // Both entry points must go through the shared handle. startRefresh()
+        // clearing it is what makes a torrent -> torrent navigation self-healing
+        // even before the base.html.twig cleanup runs.
+        foreach (['startRefresh', 'stopRefresh'] as $fn) {
+            self::assertMatchesRegularExpression(
+                '/function ' . $fn . '\(\)\s*\{[^}]*clearPollTimer\(\);/',
+                $this->excerpt($tpl, 'function ' . $fn . '()'),
+                "{$page}/index.html.twig: {$fn}() must clear the shared poll timer.",
+            );
+        }
+
+        self::assertMatchesRegularExpression(
+            '/clearInterval\(window\.' . self::TIMER . '\);\s*window\.' . self::TIMER . ' = null;/',
+            $this->excerpt($tpl, 'function clearPollTimer()'),
+            "{$page}/index.html.twig: clearPollTimer() must clear AND null the shared global.",
+        );
+    }
+
+    public function testTurboBeforeRenderClearsTheTorrentPagePollTimer(): void
+    {
+        // Navigating a torrent page -> a NON-torrent page runs no torrent script,
+        // so nothing else would ever clear the interval. This cleanup is the only
+        // thing standing between that navigation and a permanently orphaned poller.
+        self::assertStringContainsString(
+            "'" . self::TIMER . "'",
+            $this->cleanupArray(),
+            'base.html.twig turbo:before-render cleanup must list ' . self::TIMER . '.',
+        );
+    }
+
+    public function testCleanupArrayStillListsThePreviouslyRegisteredTimers(): void
+    {
+        // Guards the same way TransmissionRegistrationTest does: adding the new
+        // shared handle must not drop any handle already being cleaned up.
+        $array = $this->cleanupArray();
+
+        foreach ([
+            '_prismarrQbtPollTimer',
+            '_prismarrQbtVpnTimer',
+            '_prismarrDelugePollTimer',
+            '_prismarrUnifiPollTimer',
+            '_prismarrTransmissionPollTimer',
+        ] as $timer) {
+            self::assertStringContainsString("'{$timer}'", $array, "cleanup array dropped {$timer}.");
+        }
+    }
+
+    private function template(string $page): string
+    {
+        return file_get_contents(self::TEMPLATES[$page]);
+    }
+
+    /**
+     * Asserting against a whole 168 KB template dumps the entire file into the
+     * failure message. Narrow to the region of interest so a regression reads.
+     */
+    private function excerpt(string $haystack, string $needle, int $len = 400): string
+    {
+        $pos = strpos($haystack, $needle);
+        self::assertNotFalse($pos, "expected to find \"{$needle}\" in the template.");
+
+        return substr($haystack, $pos, $len);
+    }
+
+    private function cleanupArray(): string
+    {
+        $base = file_get_contents(self::BASE_TWIG);
+        // The turbo:before-render cleanup array — the single `[...]` literal that
+        // is forEach'd over and clearInterval'd, ~line 2357.
+        self::assertSame(
+            1,
+            preg_match('/\[\s*\'_prismarrQbtPollTimer\'[^\]]*\]/', $base, $m),
+            'could not locate the turbo:before-render cleanup array in base.html.twig.',
+        );
+
+        return $m[0];
+    }
+}
diff --git a/symfony/tests/Service/TransmissionRegistrationTest.php b/symfony/tests/Service/TransmissionRegistrationTest.php
new file mode 100644
index 00000000..d048a277
--- /dev/null
+++ b/symfony/tests/Service/TransmissionRegistrationTest.php
@@ -0,0 +1,87 @@
+<?php
+
+namespace App\Tests\Service;
+
+use App\Service\HealthService;
+use PHPUnit\Framework\TestCase;
+
+/**
+ * Guards the registration points a new service must appear in. Every one of
+ * these has been silently missed at least once (Deluge, Houndarr, UniFi).
+ */
+class TransmissionRegistrationTest extends TestCase
+{
+    private const BASE_TWIG     = __DIR__ . '/../../templates/base.html.twig';
+    private const SETTINGS_TWIG = __DIR__ . '/../../templates/admin/settings.html.twig';
+
+    public function testTransmissionIsToggleable(): void
+    {
+        self::assertContains('transmission', HealthService::TOGGLEABLE_SERVICES);
+    }
+
+    public function testSettingsTemplateRegistersTransmissionEverywhere(): void
+    {
+        $tpl = file_get_contents(self::SETTINGS_TWIG);
+
+        // 1. service_meta icon/subtitle map, ~line 437
+        self::assertStringContainsString(
+            "'transmission': { icon_bg: '#d7302f', subtitle: 'admin.services.subtitle.transmission'|trans },",
+            $tpl,
+        );
+        // 2. groupings "downloads" list, ~line 451
+        self::assertStringContainsString(
+            "['qbittorrent', 'deluge', 'transmission', 'gluetun', 'sabnzbd', 'nzbget']",
+            $tpl,
+        );
+        // 3. per-service kill-switch visibility list (issue #15), ~line 493 —
+        // a distinct list from the groupings one above (different membership
+        // and order), so this proves transmission is in THIS list specifically.
+        self::assertStringContainsString(
+            "['tmdb', 'prowlarr', 'jellyseerr', 'qbittorrent', 'deluge', 'transmission', 'sabnzbd', 'nzbget', 'tautulli', 'unraid', 'unifi', 'houndarr']",
+            $tpl,
+        );
+        // 4. "Test connection" TEST_FIELDS map, ~line 1314
+        self::assertStringContainsString(
+            "transmission: ['transmission_url', 'transmission_user', 'transmission_password'],",
+            $tpl,
+        );
+    }
+
+    public function testBaseTemplateRegistersSidebarAndPoller(): void
+    {
+        $tpl = file_get_contents(self::BASE_TWIG);
+
+        // sidebar nav item, ~line 1027
+        self::assertStringContainsString("service_visible_in_sidebar('transmission')", $tpl);
+        // global poll script's enable/kill-switch guard, ~line 2734
+        self::assertStringContainsString("service_configured('transmission')", $tpl);
+    }
+
+    public function testTurboBeforeRenderClearsTransmissionPollTimer(): void
+    {
+        $tpl = file_get_contents(self::BASE_TWIG);
+
+        // The turbo:before-render cleanup array, ~line 2357 — a full-page
+        // Turbo navigation must clear every poller's timer or it survives
+        // (and keeps firing) into the next page. Assert the exact array
+        // literal so a resolution that keeps the poller's own code but
+        // drops it from THIS cleanup list still fails loudly.
+        // The trailing '_prismarrTorrentPagePollTimer' is the shared handle for
+        // the qBittorrent/Deluge/Transmission *page* pollers — distinct from the
+        // topbar handles before it. See TorrentPagePollerTest for why it exists.
+        self::assertStringContainsString(
+            "['_prismarrQbtPollTimer', '_prismarrQbtVpnTimer', '_prismarrDelugePollTimer', '_prismarrUnifiPollTimer', '_prismarrTransmissionPollTimer', '_prismarrTorrentPagePollTimer']",
+            $tpl,
+        );
+    }
+
+    public function testUnifiRegistrationSurvivedTheRebase(): void
+    {
+        // The rebase conflicted on the same lists UniFi occupies — prove we
+        // added Transmission without dropping UniFi.
+        self::assertContains('unifi', HealthService::TOGGLEABLE_SERVICES);
+
+        $tpl = file_get_contents(self::BASE_TWIG);
+        self::assertStringContainsString("service_visible_in_sidebar('unifi')", $tpl);
+    }
+}
diff --git a/symfony/tests/Service/Unifi/StubUnifiFetcher.php b/symfony/tests/Service/Unifi/StubUnifiFetcher.php
new file mode 100644
index 00000000..eac126e9
--- /dev/null
+++ b/symfony/tests/Service/Unifi/StubUnifiFetcher.php
@@ -0,0 +1,40 @@
+<?php
+
+namespace App\Tests\Service\Unifi;
+
+use App\Service\Unifi\UnifiFetcher;
+
+/**
+ * Test double for the three Unifi readers. Payloads are keyed by a substring
+ * of the path, mirroring UnifiClientTest's request() override, so a test names
+ * endpoints the same way production code does.
+ */
+final class StubUnifiFetcher implements UnifiFetcher
+{
+    /** @var list<string> every path asked for, in order */
+    public array $paths = [];
+    /** @var list<?array> every body sent, index-aligned with $paths */
+    public array $bodies = [];
+
+    /** @param array<string, ?array> $responses keyed by path substring */
+    public function __construct(
+        private array $responses = [],
+        private bool $failTransport = false,
+    ) {}
+
+    public function fetch(string $path, ?array $body = null): ?array
+    {
+        $this->paths[]  = $path;
+        $this->bodies[] = $body;
+        if ($this->failTransport) return null;
+        foreach ($this->responses as $needle => $payload) {
+            if (str_contains($path, $needle)) return $payload;
+        }
+        return null;
+    }
+
+    public function transportFailed(): bool
+    {
+        return $this->failTransport;
+    }
+}
diff --git a/symfony/tests/Service/Unifi/UnifiHistoryReaderTest.php b/symfony/tests/Service/Unifi/UnifiHistoryReaderTest.php
new file mode 100644
index 00000000..130d2c1d
--- /dev/null
+++ b/symfony/tests/Service/Unifi/UnifiHistoryReaderTest.php
@@ -0,0 +1,119 @@
+<?php
+
+namespace App\Tests\Service\Unifi;
+
+use App\Service\Unifi\UnifiHistoryReader;
+use PHPUnit\Framework\TestCase;
+use Psr\Log\NullLogger;
+
+class UnifiHistoryReaderTest extends TestCase
+{
+    private const REPORT = [
+        ['time' => 1751742000000, 'wan-tx_bytes' => 1.0e8, 'wan-rx_bytes' => 2.0e9],
+        ['time' => 1751738400000, 'wan-tx_bytes' => 5.0e7, 'wan-rx_bytes' => 1.0e9],
+    ];
+    private const SPEEDTEST = [
+        ['time' => 1751742000000, 'xput_download' => 914.2, 'xput_upload' => 918.0, 'latency' => 3],
+        ['time' => 1751655600000, 'xput_download' => 812.5, 'xput_upload' => 900.1, 'latency' => 4],
+    ];
+
+    /** @return array{0: UnifiHistoryReader, 1: StubUnifiFetcher} */
+    private function reader(array $responses, bool $fail = false): array
+    {
+        $stub = new StubUnifiFetcher($responses, $fail);
+        return [new UnifiHistoryReader($stub, new NullLogger()), $stub];
+    }
+
+    private function all(): array
+    {
+        return ['hourly.site' => self::REPORT, 'archive.speedtest' => self::SPEEDTEST];
+    }
+
+    public function testMapsBothSeriesSortedAscending(): void
+    {
+        [$reader] = $this->reader($this->all());
+        $r = $reader->read();
+
+        // ms → s, rx = download, unsorted input sorted ascending.
+        $this->assertSame(1751738400, $r['usage7d'][0]['ts']);
+        $this->assertSame(1.0e9, $r['usage7d'][0]['downBytes']);
+        $this->assertSame(5.0e7, $r['usage7d'][0]['upBytes']);
+
+        $this->assertSame(1751655600, $r['speedtests'][0]['ts']);
+        $this->assertSame(812.5, $r['speedtests'][0]['downMbps']);
+        $this->assertSame(900.1, $r['speedtests'][0]['upMbps']);
+        $this->assertSame(4, $r['speedtests'][0]['latencyMs']);
+    }
+
+    public function testRequestWindowsAre7dAnd30dInMilliseconds(): void
+    {
+        [$reader, $stub] = $this->reader($this->all());
+        $reader->nowOverride = 1751800000;
+        $reader->read();
+
+        $report = $speedtest = null;
+        foreach ($stub->paths as $i => $p) {
+            if (str_contains($p, 'hourly.site'))       $report    = $stub->bodies[$i];
+            if (str_contains($p, 'archive.speedtest')) $speedtest = $stub->bodies[$i];
+        }
+        $this->assertSame((1751800000 - 7 * 86400) * 1000, $report['start']);
+        $this->assertSame(1751800000 * 1000, $report['end']);
+        $this->assertSame((1751800000 - 30 * 86400) * 1000, $speedtest['start']);
+    }
+
+    public function testOneEndpointMissingLeavesTheOther(): void
+    {
+        [$reader] = $this->reader(['hourly.site' => self::REPORT, 'archive.speedtest' => null]);
+        $r = $reader->read();
+
+        $this->assertNotNull($r['usage7d']);
+        $this->assertNull($r['speedtests']);
+    }
+
+    public function testAllEndpointsFailingReturnsNullAndDoesNotCache(): void
+    {
+        [$reader, $stub] = $this->reader(['hourly.site' => null, 'archive.speedtest' => null]);
+
+        $this->assertNull($reader->read());
+        $reader->read();
+        $this->assertCount(4, $stub->paths); // retried, not served from cache
+    }
+
+    public function testTransportFailureShortCircuitsRemainingCalls(): void
+    {
+        [$reader, $stub] = $this->reader([], fail: true);
+
+        $this->assertNull($reader->read());
+        $this->assertCount(1, $stub->paths); // report only, speedtest skipped
+    }
+
+    public function testTtlCachesWithinWindow(): void
+    {
+        [$reader, $stub] = $this->reader($this->all());
+
+        $this->assertSame($reader->read(), $reader->read());
+        $this->assertCount(2, $stub->paths); // not 4
+    }
+
+    public function testGarbageRowsSkippedNotFatal(): void
+    {
+        [$reader] = $this->reader([
+            'hourly.site' => [
+                'not-an-array',
+                ['time' => 'nope', 'wan-rx_bytes' => 1.0],
+                ['time' => 1751738400000, 'wan-rx_bytes' => 'x', 'wan-tx_bytes' => null],
+                ['time' => 1751742000000, 'wan-rx_bytes' => 5.0e8, 'wan-tx_bytes' => 1.0e8],
+            ],
+            'archive.speedtest' => [
+                ['time' => 1751742000000, 'xput_download' => null, 'xput_upload' => 'x', 'latency' => null],
+            ],
+        ]);
+        $r = $reader->read();
+
+        $this->assertCount(2, $r['usage7d']);                   // only rows with a usable ts
+        $this->assertSame(0.0, $r['usage7d'][0]['downBytes']);  // non-numeric byte count → 0.0
+        $this->assertNull($r['speedtests'][0]['downMbps']);     // but null throughput STAYS null
+        $this->assertNull($r['speedtests'][0]['upMbps']);
+        $this->assertNull($r['speedtests'][0]['latencyMs']);
+    }
+}
diff --git a/symfony/tests/Service/Unifi/UnifiInfraReaderTest.php b/symfony/tests/Service/Unifi/UnifiInfraReaderTest.php
new file mode 100644
index 00000000..917eecc5
--- /dev/null
+++ b/symfony/tests/Service/Unifi/UnifiInfraReaderTest.php
@@ -0,0 +1,242 @@
+<?php
+
+namespace App\Tests\Service\Unifi;
+
+use App\Service\Unifi\UnifiInfraReader;
+use PHPUnit\Framework\TestCase;
+use Psr\Log\NullLogger;
+
+class UnifiInfraReaderTest extends TestCase
+{
+    private const DEVICES = [
+        ['name' => 'MAJ UCG Fiber', 'type' => 'ucg', 'model' => 'UCG-Fiber', 'state' => 1,
+         'ip' => '192.168.1.1', 'uptime' => 27420, 'upgradable' => false, 'num_sta' => 47,
+         // Gateways alone carry this array; APs and switches have no temperature
+         // at all (has_temperature: false). Verified in Task 0.
+         'temperatures' => [['name' => 'CPU', 'type' => 'cpu', 'value' => 52.0]],
+         'system-stats' => ['cpu' => '10.3', 'mem' => '78.7']],
+        ['name' => 'Upstairs U7 Lite', 'type' => 'uap', 'model' => 'U7-Lite', 'state' => 1,
+         'ip' => '192.168.1.20', 'uptime' => 349260, 'upgradable' => true, 'num_sta' => 14,
+         'system-stats' => ['cpu' => '2.0', 'mem' => '77.2'],
+         'radio_table_stats' => [
+             // Width is `bw`, not `ht`. Radio-level satisfaction is -1 in the
+             // field; one radio here carries the real sentinel to lock that in.
+             ['radio' => 'ng', 'channel' => 6,  'bw' => 20, 'tx_power' => 23,
+              'cu_total' => 46, 'tx_retries_pct' => 13.8, 'satisfaction' => 94, 'num_sta' => 13],
+             ['radio' => 'na', 'channel' => 60, 'bw' => 80, 'tx_power' => 24,
+              'cu_total' => 3,  'tx_retries_pct' => 10.6, 'satisfaction' => -1, 'num_sta' => 1],
+         ]],
+        ['name' => 'Garage Switch', 'type' => 'usw', 'model' => 'USW-8', 'state' => 0],
+    ];
+    private const ROGUE = [
+        ['essid' => 'ATTXEDuStX', 'channel' => 40,  'signal' => -33, 'oui' => 'Nokia'],
+        ['essid' => '',           'channel' => 161, 'signal' => -38],
+    ];
+    private const NETWORKS = [
+        ['name' => 'Default', 'vlan' => 1,  'ip_subnet' => '192.168.1.1/24',  'purpose' => 'corporate'],
+        ['name' => 'IoT',     'vlan' => 20, 'ip_subnet' => '192.168.20.1/24', 'purpose' => 'corporate'],
+        ['name' => 'WAN',     'purpose' => 'wan'], // excluded — not a LAN
+    ];
+
+    /** @return array{0: UnifiInfraReader, 1: StubUnifiFetcher} */
+    private function reader(array $responses, bool $fail = false): array
+    {
+        $stub = new StubUnifiFetcher($responses, $fail);
+        return [new UnifiInfraReader($stub, new NullLogger()), $stub];
+    }
+
+    private function all(): array
+    {
+        return ['stat/device' => self::DEVICES, 'stat/rogueap' => self::ROGUE,
+                'rest/networkconf' => self::NETWORKS];
+    }
+
+    /**
+     * A gateway reports its WAN address in `ip`, which is the wrong answer in a
+     * LAN device inventory — the console showed a public address next to four
+     * 192.168.x ones. Prefer `lan_ip` when present; everything without it (every
+     * switch and AP) must keep using `ip`.
+     */
+    public function testGatewayPrefersItsLanAddressOverTheWanAddress(): void
+    {
+        [$reader] = $this->reader(['stat/device' => [
+            ['name' => 'GW', 'type' => 'ucg', 'state' => 1,
+             'ip' => '203.0.113.9', 'lan_ip' => '192.0.2.1'],
+            ['name' => 'AP', 'type' => 'uap', 'state' => 1, 'ip' => '192.0.2.20'],
+        ]]);
+        $d = $reader->read()['devices'];
+
+        $this->assertSame('192.0.2.1', $d[0]['ip']);  // gateway → LAN, not WAN
+        $this->assertSame('192.0.2.20', $d[1]['ip']); // no lan_ip → unchanged
+    }
+
+    public function testDevicesMappedAndSortedOfflineFirst(): void
+    {
+        [$reader] = $this->reader($this->all());
+        $d = $reader->read()['devices'];
+
+        $this->assertSame('Garage Switch', $d[0]['name']); // offline first — it's the news
+        $this->assertFalse($d[0]['online']);
+        $this->assertSame('switch', $d[0]['kind']);
+        $this->assertSame('gateway', $d[1]['kind']);
+        $this->assertSame('192.168.1.1', $d[1]['ip']);
+        $this->assertSame(27420, $d[1]['uptimeSeconds']);
+        $this->assertSame(52.0, $d[1]['tempC']); // temperatures[0].value, gateway only
+        $this->assertSame(10.3, $d[1]['cpuPercent']);
+        $this->assertSame(78.7, $d[1]['memPercent']);
+        $this->assertSame(47, $d[1]['clients']);
+        $this->assertFalse($d[1]['upgradable']);
+        $this->assertTrue($d[2]['upgradable']);
+        // The AP has no `temperatures` array at all — null, not 0.0.
+        $this->assertNull($d[2]['tempC']);
+    }
+
+    public function testCountsDriveTheSectionHeader(): void
+    {
+        [$reader] = $this->reader($this->all());
+        $c = $reader->read()['counts'];
+
+        $this->assertSame(3, $c['devices']);
+        $this->assertSame(2, $c['online']);
+        $this->assertSame(1, $c['upgradable']);
+        $this->assertSame(2, $c['neighbors']);
+    }
+
+    public function testRadiosFlattenedWithBandLabels(): void
+    {
+        [$reader] = $this->reader($this->all());
+        $r = $reader->read()['radios'];
+
+        $this->assertCount(2, $r); // only the AP has radios
+        $this->assertSame('Upstairs U7 Lite', $r[0]['device']);
+        $this->assertSame('2.4 GHz', $r[0]['band']);
+        $this->assertSame(6, $r[0]['channel']);
+        $this->assertSame(20, $r[0]['widthMhz']);
+        $this->assertSame(23, $r[0]['txPowerDbm']);
+        $this->assertSame(46.0, $r[0]['utilizationPercent']);
+        $this->assertSame(13.8, $r[0]['retryPercent']);
+        $this->assertSame(94, $r[0]['satisfaction']);
+        $this->assertSame(13, $r[0]['clients']);
+        $this->assertSame('5 GHz', $r[1]['band']);
+        $this->assertSame(80, $r[1]['widthMhz']); // from `bw`, not `ht`
+    }
+
+    /**
+     * Every radio on the live console reports satisfaction: -1 (the AP-level
+     * figure is the valid one). Rendering "-1%" would be a visible bug, so the
+     * mapper turns any negative into null and the template shows a dash.
+     */
+    public function testNegativeRadioSatisfactionBecomesNull(): void
+    {
+        [$reader] = $this->reader($this->all());
+        $r = $reader->read()['radios'];
+
+        $this->assertNull($r[1]['satisfaction']);
+        $this->assertSame(3.0, $r[1]['utilizationPercent']); // the rest still maps
+    }
+
+    public function testUnknownRadioBandDegradesToDash(): void
+    {
+        [$reader] = $this->reader(['stat/device' => [
+            ['name' => 'AP', 'type' => 'uap', 'state' => 1,
+             'radio_table_stats' => [['radio' => 'wat', 'channel' => 1]]],
+        ]]);
+        $this->assertSame('—', $reader->read()['radios'][0]['band']);
+    }
+
+    public function testNeighborsMappedHiddenSsidBecomesNullAndStrongestFirst(): void
+    {
+        [$reader, $stub] = $this->reader(['stat/rogueap' => [
+            ['essid' => 'far',  'signal' => -80, 'channel' => 1],
+            ['essid' => 'near', 'signal' => -30, 'channel' => 6, 'oui' => 'Roku'],
+            ['essid' => '',     'signal' => -55, 'channel' => 11],
+        ]]);
+        $n = $reader->read()['neighbors'];
+
+        $this->assertSame(['near', null, 'far'], array_column($n, 'ssid'));
+        $this->assertSame(-30, $n[0]['signalDbm']);
+        $this->assertSame('Roku', $n[0]['vendor']);
+        $this->assertNull($n[2]['vendor']);
+
+        // The classic API 400s a bodyless GET on this endpoint, so it must go
+        // out as a POST carrying the time window. Locking that in here means a
+        // refactor back to a GET fails a test instead of silently emptying the
+        // panel in production.
+        $i = array_search('/stat/rogueap', $stub->paths, true);
+        $this->assertNotFalse($i);
+        $this->assertSame(['within' => 24], $stub->bodies[$i]);
+    }
+
+    public function testNetworksExcludeNonLanPurposesAndSortByVlan(): void
+    {
+        [$reader] = $this->reader($this->all());
+        $n = $reader->read()['networks'];
+
+        $this->assertCount(2, $n);
+        $this->assertSame(['Default', 'IoT'], array_column($n, 'name'));
+        $this->assertSame(1, $n[0]['vlan']);
+        $this->assertSame('192.168.1.1/24', $n[0]['subnet']);
+    }
+
+    public function testMissingEndpointDegradesOnePanelOnly(): void
+    {
+        [$reader] = $this->reader(['stat/device' => self::DEVICES,
+                                   'stat/rogueap' => null, 'rest/networkconf' => null]);
+        $r = $reader->read();
+
+        $this->assertNotNull($r['devices']);
+        $this->assertNotNull($r['radios']);
+        $this->assertNull($r['neighbors']);
+        $this->assertNull($r['networks']);
+        $this->assertSame(0, $r['counts']['neighbors']);
+    }
+
+    public function testDeviceWithoutRadiosYieldsNoRadioRows(): void
+    {
+        [$reader] = $this->reader(['stat/device' => [self::DEVICES[0]]]);
+        $this->assertNull($reader->read()['radios']);
+    }
+
+    public function testEveryEndpointEmptyReturnsNullAndDoesNotCache(): void
+    {
+        [$reader, $stub] = $this->reader(['stat/device' => null, 'stat/rogueap' => null,
+                                          'rest/networkconf' => null]);
+
+        $this->assertNull($reader->read());
+        $reader->read();
+        $this->assertCount(6, $stub->paths); // retried
+    }
+
+    public function testTransportFailureShortCircuits(): void
+    {
+        [$reader, $stub] = $this->reader([], fail: true);
+
+        $this->assertNull($reader->read());
+        $this->assertCount(1, $stub->paths); // device only
+    }
+
+    public function testTtlCachesWithinWindow(): void
+    {
+        [$reader, $stub] = $this->reader($this->all());
+
+        $this->assertSame($reader->read(), $reader->read());
+        $this->assertCount(3, $stub->paths); // not 6
+    }
+
+    public function testGarbageRowsSkippedNotFatal(): void
+    {
+        [$reader] = $this->reader(['stat/device' => [
+            'not-an-array',
+            ['type' => 'uap', 'state' => 'x', 'num_sta' => 'y', 'name' => '',
+             'system-stats' => 'nope', 'radio_table_stats' => 'also-nope'],
+        ]]);
+        $r = $reader->read();
+
+        $this->assertCount(1, $r['devices']);
+        $this->assertNull($r['devices'][0]['name']);      // empty string → null
+        $this->assertFalse($r['devices'][0]['online']);   // non-numeric state → offline
+        $this->assertNull($r['devices'][0]['clients']);
+        $this->assertNull($r['devices'][0]['cpuPercent']);
+        $this->assertNull($r['radios']);                  // non-array radio table ignored
+    }
+}
diff --git a/symfony/tests/Service/Unifi/UnifiLiveReaderTest.php b/symfony/tests/Service/Unifi/UnifiLiveReaderTest.php
new file mode 100644
index 00000000..dfbf3978
--- /dev/null
+++ b/symfony/tests/Service/Unifi/UnifiLiveReaderTest.php
@@ -0,0 +1,276 @@
+<?php
+
+namespace App\Tests\Service\Unifi;
+
+use App\Service\Unifi\UnifiLiveReader;
+use PHPUnit\Framework\TestCase;
+use Psr\Log\NullLogger;
+
+class UnifiLiveReaderTest extends TestCase
+{
+    private const HEALTH = [
+        // gw_system-stats carries cpu, mem and uptime ONLY — no temp, no
+        // loadavg_1. Verified in Task 0; the fixture must not invent them.
+        ['subsystem' => 'wan',  'status' => 'ok', 'wan_ip' => '203.0.113.7',
+         'isp_name' => 'AT&T Internet', 'isp_organization' => 'AT&T Enterprises, LLC',
+         'gw_system-stats' => ['cpu' => '11.0', 'mem' => '78.0', 'uptime' => '27420']],
+        ['subsystem' => 'www',  'status' => 'ok', 'tx_bytes-r' => '69125', 'rx_bytes-r' => '96875',
+         'latency' => '3', 'uptime' => '27360', 'drops' => 4],
+        ['subsystem' => 'lan',  'status' => 'ok', 'num_user' => 17],
+        ['subsystem' => 'wlan', 'status' => 'ok', 'num_user' => 29, 'num_guest' => 2],
+    ];
+    private const STA = [
+        ['mac' => 'aa:bb:cc:00:00:01', 'name' => 'Amazon Echo', 'ip' => '192.168.1.50',
+         'is_wired' => false, 'essid' => 'Hades', 'ap_mac' => 'ff:ff:00:00:00:01', 'radio' => 'ng',
+         'signal' => -40, 'tx_bytes-r' => 1000, 'rx_bytes-r' => 5237, 'tx_bytes' => 1.0e9, 'rx_bytes' => 7.0e8],
+        ['mac' => 'aa:bb:cc:00:00:02', 'hostname' => 'kitchen-echo', 'ip' => '192.168.1.51',
+         'is_wired' => false, 'essid' => 'Hades', 'ap_mac' => 'ff:ff:00:00:00:01', 'radio' => 'ng',
+         'signal' => -42, 'tx_bytes-r' => 500, 'rx_bytes-r' => 1337, 'tx_bytes' => 5.0e8, 'rx_bytes' => 5.0e8],
+        ['mac' => 'aa:bb:cc:00:00:03', 'name' => 'HP Printer', 'ip' => '192.168.1.60',
+         'is_wired' => true, 'tx_bytes-r' => 50, 'rx_bytes-r' => 6, 'tx_bytes' => 1.0e6, 'rx_bytes' => 2.0e6],
+    ];
+    private const USERS = [
+        // Matching reservation.
+        ['mac' => 'aa:bb:cc:00:00:01', 'name' => 'Amazon Echo', 'use_fixedip' => true, 'fixed_ip' => '192.168.1.50'],
+        // Mismatched: reserved .99 but live on .51.
+        ['mac' => 'aa:bb:cc:00:00:02', 'name' => 'Kitchen Echo', 'use_fixedip' => true, 'fixed_ip' => '192.168.1.99'],
+        // Reserved but not currently online.
+        ['mac' => 'aa:bb:cc:00:00:09', 'name' => 'Old Laptop', 'use_fixedip' => true, 'fixed_ip' => '192.168.1.77'],
+        // Not a reservation at all — must be excluded from the total.
+        ['mac' => 'aa:bb:cc:00:00:03', 'name' => 'HP Printer', 'use_fixedip' => false],
+    ];
+    private const DEVICE_BASIC = [
+        ['mac' => 'ff:ff:00:00:00:01', 'name' => 'Upstairs U7 Lite', 'type' => 'uap'],
+    ];
+
+    /** @return array{0: UnifiLiveReader, 1: StubUnifiFetcher} */
+    private function reader(array $responses, bool $fail = false): array
+    {
+        $stub = new StubUnifiFetcher($responses, $fail);
+        return [new UnifiLiveReader($stub, new NullLogger()), $stub];
+    }
+
+    private function all(): array
+    {
+        return ['stat/health' => self::HEALTH, 'stat/sta' => self::STA,
+                'rest/user' => self::USERS, 'stat/device-basic' => self::DEVICE_BASIC];
+    }
+
+    public function testWanAndClientsMatchTheWidgetShape(): void
+    {
+        [$reader] = $this->reader($this->all());
+        $r = $reader->read();
+
+        $this->assertSame('ok', $r['wan']['status']);
+        $this->assertSame('203.0.113.7', $r['wan']['ip']);
+        $this->assertSame(27360, $r['wan']['uptimeSeconds']);
+        $this->assertSame(96875.0, $r['wan']['downBps']); // rx = download, BYTES/s
+        $this->assertSame(69125.0, $r['wan']['upBps']);
+        $this->assertSame(3, $r['wan']['latencyMs']);
+        $this->assertSame('AT&T Internet', $r['wan']['ispName']); // WAN tile subtitle
+        $this->assertSame(4, $r['wan']['drops']);
+
+        $this->assertSame(17, $r['clients']['wired']);
+        $this->assertSame(31, $r['clients']['wireless']); // 29 + 2 guest
+        $this->assertSame(48, $r['clients']['total']);
+        $this->assertSame(2, $r['clients']['guest']);
+    }
+
+    /**
+     * CPU and memory are the only gateway figures stat/health exposes. Asserting
+     * the absence of temp/load keys stops a future edit from re-adding a block
+     * that would render as a permanent dash (or worse, "0 °C").
+     */
+    public function testGatewayCarriesCpuAndMemoryOnly(): void
+    {
+        [$reader] = $this->reader($this->all());
+        $g = $reader->read()['gateway'];
+
+        $this->assertSame(11.0, $g['cpuPercent']);
+        $this->assertSame(78.0, $g['memPercent']);
+        $this->assertSame(['cpuPercent', 'memPercent'], array_keys($g));
+    }
+
+    public function testTalkersSortedByCurrentRateDescending(): void
+    {
+        [$reader] = $this->reader($this->all());
+        $t = $reader->read()['talkers'];
+
+        // tx+rx rate: Echo 6237, kitchen 1837, printer 56.
+        $this->assertSame(['Amazon Echo', 'kitchen-echo', 'HP Printer'], array_column($t, 'name'));
+        $this->assertSame(6237.0, $t[0]['bps']);
+    }
+
+    public function testTopClientsSortedByTotalBytesDescending(): void
+    {
+        [$reader] = $this->reader($this->all());
+        $t = $reader->read()['topClients'];
+
+        // tx+rx total: Echo 1.7e9, kitchen 1.0e9, printer 3.0e6.
+        $this->assertSame(['Amazon Echo', 'kitchen-echo', 'HP Printer'], array_column($t, 'name'));
+        $this->assertSame(1.7e9, $t[0]['bytes']);
+    }
+
+    public function testNamePrecedenceIsNameThenHostnameThenMac(): void
+    {
+        [$reader] = $this->reader(['stat/sta' => [
+            ['mac' => 'aa:bb:cc:00:00:0a', 'tx_bytes-r' => 5, 'rx_bytes-r' => 0, 'tx_bytes' => 5, 'rx_bytes' => 0],
+        ]]);
+        $this->assertSame('aa:bb:cc:00:00:0a', $reader->read()['talkers'][0]['name']);
+    }
+
+    public function testWirelessGroupsBySsidAndApWithAveragedSignal(): void
+    {
+        [$reader] = $this->reader($this->all());
+        $w = $reader->read()['wireless'];
+
+        $this->assertCount(1, $w); // both wireless clients share SSID + AP
+        $this->assertSame('Hades', $w[0]['ssid']);
+        $this->assertSame('Upstairs U7 Lite', $w[0]['ap']);
+        $this->assertSame('2.4 GHz', $w[0]['band']);
+        $this->assertSame(2, $w[0]['clients']);
+        $this->assertSame(-41, $w[0]['avgSignalDbm']); // mean of -40 and -42
+    }
+
+    public function testWirelessExcludesWiredClients(): void
+    {
+        [$reader] = $this->reader(['stat/sta' => [self::STA[2]]]); // the wired printer only
+        $this->assertNull($reader->read()['wireless']);
+    }
+
+    public function testUnresolvableApNameLeavesApNull(): void
+    {
+        [$reader] = $this->reader(['stat/sta' => self::STA, 'stat/device-basic' => null]);
+        $this->assertNull($reader->read()['wireless'][0]['ap']);
+    }
+
+    public function testReservationStatusesAndMismatchCount(): void
+    {
+        [$reader] = $this->reader($this->all());
+        $res = $reader->read()['reservations'];
+
+        $this->assertSame(3, $res['total']);      // three reservations; the printer isn't one
+        $this->assertSame(1, $res['mismatched']); // only the kitchen echo
+
+        $byName = [];
+        foreach ($res['rows'] as $row) { $byName[$row['name']] = $row; }
+
+        $this->assertSame('ok', $byName['Amazon Echo']['status']);
+        $this->assertSame('192.168.1.50', $byName['Amazon Echo']['liveIp']);
+
+        $this->assertSame('mismatch', $byName['Kitchen Echo']['status']);
+        $this->assertSame('192.168.1.99', $byName['Kitchen Echo']['reservedIp']);
+        $this->assertSame('192.168.1.51', $byName['Kitchen Echo']['liveIp']);
+
+        $this->assertSame('offline', $byName['Old Laptop']['status']);
+        $this->assertNull($byName['Old Laptop']['liveIp']);
+    }
+
+    public function testMismatchesSortFirstSoTheyAreVisibleWithoutScrolling(): void
+    {
+        [$reader] = $this->reader($this->all());
+        $this->assertSame('mismatch', $reader->read()['reservations']['rows'][0]['status']);
+    }
+
+    public function testReservationsNullWhenUserEndpointMissing(): void
+    {
+        [$reader] = $this->reader(['stat/health' => self::HEALTH, 'stat/sta' => self::STA]);
+        $r = $reader->read();
+
+        $this->assertNull($r['reservations']);
+        $this->assertNotNull($r['talkers']); // sibling panels unaffected
+    }
+
+    public function testHealthMissingLeavesClientPanelsIntact(): void
+    {
+        [$reader] = $this->reader(['stat/sta' => self::STA, 'rest/user' => self::USERS]);
+        $r = $reader->read();
+
+        $this->assertNull($r['wan']);
+        $this->assertNull($r['gateway']);
+        $this->assertNull($r['clients']);
+        $this->assertNotNull($r['talkers']);
+        $this->assertNotNull($r['reservations']);
+    }
+
+    public function testTransportFailureShortCircuits(): void
+    {
+        [$reader, $stub] = $this->reader([], fail: true);
+
+        $this->assertNull($reader->read());
+        $this->assertCount(1, $stub->paths); // health only
+    }
+
+    public function testEverythingEmptyReturnsNullAndDoesNotCache(): void
+    {
+        [$reader, $stub] = $this->reader(['stat/health' => null, 'stat/sta' => null,
+                                          'rest/user' => null, 'stat/device-basic' => null]);
+        $this->assertNull($reader->read());
+        $reader->read();
+        $this->assertGreaterThan(4, count($stub->paths)); // retried
+    }
+
+    public function testLiveEndpointsRefreshButConfigEndpointsAreCachedLonger(): void
+    {
+        [$reader, $stub] = $this->reader($this->all());
+
+        $reader->read();
+        $reader->nowOffset = 15.0; // past the 10s live TTL, inside the 300s config TTL
+        $reader->read();
+
+        $count = static fn(string $needle): int => count(array_filter(
+            $stub->paths, static fn(string $p): bool => str_contains($p, $needle)));
+
+        $this->assertSame(2, $count('stat/health'));       // refreshed
+        $this->assertSame(2, $count('stat/sta'));          // refreshed
+        $this->assertSame(1, $count('rest/user'));         // config — still cached
+        $this->assertSame(1, $count('stat/device-basic')); // config — still cached
+    }
+
+    public function testTalkersAndTopClientsAreCapped(): void
+    {
+        $many = [];
+        for ($i = 0; $i < 40; $i++) {
+            $many[] = ['mac' => sprintf('aa:bb:cc:00:01:%02x', $i), 'name' => "c$i",
+                       'tx_bytes-r' => $i, 'rx_bytes-r' => 0, 'tx_bytes' => $i, 'rx_bytes' => 0];
+        }
+        [$reader] = $this->reader(['stat/sta' => $many]);
+        $r = $reader->read();
+
+        $this->assertCount(8, $r['talkers']);
+        $this->assertCount(10, $r['topClients']);
+        $this->assertSame('c39', $r['talkers'][0]['name']); // busiest first
+    }
+
+    public function testIdleClientsAreExcludedFromTalkers(): void
+    {
+        [$reader] = $this->reader(['stat/sta' => [
+            ['mac' => 'aa:bb:cc:00:00:0b', 'name' => 'idle', 'tx_bytes-r' => 0, 'rx_bytes-r' => 0,
+             'tx_bytes' => 1.0e6, 'rx_bytes' => 0],
+        ]]);
+        $r = $reader->read();
+
+        $this->assertNull($r['talkers']);        // nothing is talking
+        $this->assertNotNull($r['topClients']);  // but it has moved data historically
+    }
+
+    public function testGarbageRowsSkippedNotFatal(): void
+    {
+        [$reader] = $this->reader(['stat/sta' => [
+            'not-an-array',
+            // Half-garbage rate ('x' is not numeric) and no mac: the row must
+            // still surface, named from `name`, with the unparseable half
+            // contributing 0 instead of blowing up.
+            ['name' => 'no-mac', 'tx_bytes-r' => 'x', 'rx_bytes-r' => 20],
+            ['mac' => 'aa:bb:cc:00:00:0c', 'name' => 'ok', 'is_wired' => 'maybe',
+             'essid' => 'S', 'signal' => 'loud', 'tx_bytes-r' => 0, 'rx_bytes-r' => 0,
+             'tx_bytes' => 10, 'rx_bytes' => 0],
+        ], 'rest/user' => ['not-an-array', ['use_fixedip' => true]]]);
+        $r = $reader->read();
+
+        $this->assertCount(1, $r['talkers']);              // the no-mac row still names itself
+        $this->assertSame('no-mac', $r['talkers'][0]['name']);
+        $this->assertNull($r['wireless'][0]['avgSignalDbm']); // non-numeric signal → null, no crash
+        $this->assertNull($r['reservations']);                // a reservation with no mac/ip is unusable
+    }
+}
diff --git a/symfony/tests/Service/UnifiHealthTest.php b/symfony/tests/Service/UnifiHealthTest.php
new file mode 100644
index 00000000..232c2e4f
--- /dev/null
+++ b/symfony/tests/Service/UnifiHealthTest.php
@@ -0,0 +1,85 @@
+<?php
+
+namespace App\Tests\Service;
+
+use App\Service\ConfigService;
+use App\Service\HealthService;
+use App\Service\Media\JellyseerrClient;
+use App\Service\Media\ProwlarrClient;
+use App\Service\Media\QBittorrentClient;
+use App\Service\Media\RadarrClient;
+use App\Service\Media\SonarrClient;
+use App\Service\Media\TmdbClient;
+use App\Service\Media\UnifiClient;
+use PHPUnit\Framework\Attributes\AllowMockObjectsWithoutExpectations;
+use PHPUnit\Framework\TestCase;
+
+#[AllowMockObjectsWithoutExpectations]
+class UnifiHealthTest extends TestCase
+{
+    /** @param array<string, ?string> $settings */
+    private function makeService(array $settings, ?UnifiClient $unifi = null): HealthService
+    {
+        $config = $this->createMock(ConfigService::class);
+        $config->method('get')->willReturnCallback(fn(string $k) => $settings[$k] ?? null);
+        $config->method('has')->willReturnCallback(
+            fn(string $k) => ($settings[$k] ?? null) !== null && $settings[$k] !== ''
+        );
+
+        return new HealthService(
+            $this->createMock(RadarrClient::class),
+            $this->createMock(SonarrClient::class),
+            $this->createMock(ProwlarrClient::class),
+            $this->createMock(JellyseerrClient::class),
+            $this->createMock(QBittorrentClient::class),
+            $this->createMock(TmdbClient::class),
+            $config,
+            unifi: $unifi,
+        );
+    }
+
+    public function testUnifiIsToggleable(): void
+    {
+        $this->assertContains('unifi', HealthService::TOGGLEABLE_SERVICES);
+    }
+
+    public function testConfiguredNeedsUrlAndKey(): void
+    {
+        $this->assertFalse($this->makeService([])->isConfigured('unifi'));
+        $this->assertFalse($this->makeService(['unifi_url' => 'https://192.168.1.1'])->isConfigured('unifi'));
+        $this->assertTrue($this->makeService([
+            'unifi_url' => 'https://192.168.1.1', 'unifi_api_key' => 'k',
+        ])->isConfigured('unifi'));
+    }
+
+    public function testKillSwitchDisables(): void
+    {
+        $this->assertFalse($this->makeService([
+            'unifi_url' => 'https://192.168.1.1', 'unifi_api_key' => 'k', 'unifi_enabled' => '0',
+        ])->isConfigured('unifi'));
+    }
+
+    public function testStatusForPingsTheUnifiClient(): void
+    {
+        $unifi = $this->createMock(UnifiClient::class);
+        $unifi->expects($this->once())->method('ping')->willReturn(true);
+
+        $svc = $this->makeService(
+            ['unifi_url' => 'https://192.168.1.1', 'unifi_api_key' => 'k'],
+            $unifi,
+        );
+        $this->assertTrue($svc->isHealthy('unifi'));
+    }
+
+    public function testStatusForIsDownWhenPingFails(): void
+    {
+        $unifi = $this->createMock(UnifiClient::class);
+        $unifi->method('ping')->willReturn(false);
+
+        $svc = $this->makeService(
+            ['unifi_url' => 'https://192.168.1.1', 'unifi_api_key' => 'k'],
+            $unifi,
+        );
+        $this->assertFalse($svc->isHealthy('unifi'));
+    }
+}
diff --git a/symfony/tests/Service/UnraidHealthTest.php b/symfony/tests/Service/UnraidHealthTest.php
new file mode 100644
index 00000000..39aa5379
--- /dev/null
+++ b/symfony/tests/Service/UnraidHealthTest.php
@@ -0,0 +1,85 @@
+<?php
+
+namespace App\Tests\Service;
+
+use App\Service\ConfigService;
+use App\Service\HealthService;
+use App\Service\Media\JellyseerrClient;
+use App\Service\Media\ProwlarrClient;
+use App\Service\Media\QBittorrentClient;
+use App\Service\Media\RadarrClient;
+use App\Service\Media\SonarrClient;
+use App\Service\Media\TmdbClient;
+use App\Service\Media\UnraidClient;
+use PHPUnit\Framework\Attributes\AllowMockObjectsWithoutExpectations;
+use PHPUnit\Framework\TestCase;
+
+#[AllowMockObjectsWithoutExpectations]
+class UnraidHealthTest extends TestCase
+{
+    /** @param array<string, ?string> $settings */
+    private function makeService(array $settings, ?UnraidClient $unraid = null): HealthService
+    {
+        $config = $this->createMock(ConfigService::class);
+        $config->method('get')->willReturnCallback(fn(string $k) => $settings[$k] ?? null);
+        $config->method('has')->willReturnCallback(
+            fn(string $k) => ($settings[$k] ?? null) !== null && $settings[$k] !== ''
+        );
+
+        return new HealthService(
+            $this->createMock(RadarrClient::class),
+            $this->createMock(SonarrClient::class),
+            $this->createMock(ProwlarrClient::class),
+            $this->createMock(JellyseerrClient::class),
+            $this->createMock(QBittorrentClient::class),
+            $this->createMock(TmdbClient::class),
+            $config,
+            unraid: $unraid,
+        );
+    }
+
+    public function testUnraidIsToggleable(): void
+    {
+        $this->assertContains('unraid', HealthService::TOGGLEABLE_SERVICES);
+    }
+
+    public function testConfiguredNeedsUrlAndKey(): void
+    {
+        $this->assertFalse($this->makeService([])->isConfigured('unraid'));
+        $this->assertFalse($this->makeService(['unraid_url' => 'https://tower.local'])->isConfigured('unraid'));
+        $this->assertTrue($this->makeService([
+            'unraid_url' => 'https://tower.local', 'unraid_api_key' => 'k',
+        ])->isConfigured('unraid'));
+    }
+
+    public function testKillSwitchDisables(): void
+    {
+        $this->assertFalse($this->makeService([
+            'unraid_url' => 'https://tower.local', 'unraid_api_key' => 'k', 'unraid_enabled' => '0',
+        ])->isConfigured('unraid'));
+    }
+
+    public function testStatusForPingsTheUnraidClient(): void
+    {
+        $unraid = $this->createMock(UnraidClient::class);
+        $unraid->expects($this->once())->method('ping')->willReturn(true);
+
+        $svc = $this->makeService(
+            ['unraid_url' => 'https://tower.local', 'unraid_api_key' => 'k'],
+            $unraid,
+        );
+        $this->assertTrue($svc->isHealthy('unraid'));
+    }
+
+    public function testStatusForIsDownWhenPingFails(): void
+    {
+        $unraid = $this->createMock(UnraidClient::class);
+        $unraid->method('ping')->willReturn(false);
+
+        $svc = $this->makeService(
+            ['unraid_url' => 'https://tower.local', 'unraid_api_key' => 'k'],
+            $unraid,
+        );
+        $this->assertFalse($svc->isHealthy('unraid'));
+    }
+}
diff --git a/symfony/tests/Service/WorkerModeResetTest.php b/symfony/tests/Service/WorkerModeResetTest.php
new file mode 100644
index 00000000..60b81915
--- /dev/null
+++ b/symfony/tests/Service/WorkerModeResetTest.php
@@ -0,0 +1,112 @@
+<?php
+
+namespace App\Tests\Service;
+
+use App\Controller\DashboardController;
+use App\Service\HealthService;
+use App\Service\Media\RadarrClient;
+use PHPUnit\Framework\Attributes\DataProvider;
+use PHPUnit\Framework\TestCase;
+use Symfony\Contracts\Service\ResetInterface;
+
+/**
+ * FrankenPHP worker-mode regression suite for the two services the readiness
+ * audit flagged as missing ResetInterface (HealthService, DashboardController)
+ * plus a re-assertion of the highest-severity reset (RadarrClient's per-request
+ * instance binding).
+ *
+ * In worker mode Symfony boots the kernel once and keeps every service alive
+ * across requests; Symfony's services_resetter calls reset() on each
+ * kernel.reset-tagged service between requests. Any service implementing
+ * ResetInterface is auto-tagged, so implementing it here is what wires the
+ * reset in. These tests assert (a) the contract (implements ResetInterface, so
+ * the container tags it) and (b) that reset() actually clears the documented
+ * per-request state — without which a first request's data would bleed into
+ * every later request served by the same worker.
+ *
+ * NOTE: the end-to-end firing of the container's services_resetter under a live
+ * FrankenPHP worker is not exercised here (a WebTestCase reboots the kernel per
+ * test, so it cannot observe cross-request bleed). That must be confirmed by
+ * the manual beta soak with PRISMARR_WORKER=1.
+ */
+class WorkerModeResetTest extends TestCase
+{
+    /**
+     * @return list<array{0: class-string}>
+     */
+    public static function resettableProvider(): array
+    {
+        return [
+            [HealthService::class],
+            [DashboardController::class],
+            // Highest-severity path (audit): clears the per-request Radarr
+            // instance binding so a non-default instance can't leak to the
+            // next request. Already covered behaviourally by ClientResetTest;
+            // re-asserted here as part of the worker-mode contract set.
+            [RadarrClient::class],
+        ];
+    }
+
+    /**
+     * @param class-string $class
+     */
+    #[DataProvider('resettableProvider')]
+    public function testServiceImplementsResetInterface(string $class): void
+    {
+        $this->assertTrue(
+            is_subclass_of($class, ResetInterface::class),
+            "$class must implement ResetInterface so Symfony auto-tags it kernel.reset and clears its per-request state between worker requests"
+        );
+    }
+
+    public function testHealthServiceResetClearsInProcessMemoAndGeneration(): void
+    {
+        // reset() only touches two private properties; skip the heavy
+        // constructor (13 collaborators) via newInstanceWithoutConstructor.
+        $ref     = new \ReflectionClass(HealthService::class);
+        $service = $ref->newInstanceWithoutConstructor();
+
+        $statusCache = $ref->getProperty('statusCache');
+        $statusCache->setAccessible(true);
+        $generation = $ref->getProperty('generation');
+        $generation->setAccessible(true);
+
+        // Simulate a request having populated the 10 s in-process memo and the
+        // pool generation token.
+        $statusCache->setValue($service, [
+            'radarr:radarr-4k' => ['result' => ['status' => 'up', 'latencyMs' => 12], 'at' => time()],
+        ]);
+        $generation->setValue($service, 'deadbeef');
+
+        $this->assertNotSame([], $statusCache->getValue($service));
+        $this->assertNotNull($generation->getValue($service));
+
+        $service->reset();
+
+        $this->assertSame([], $statusCache->getValue($service), 'statusCache must be emptied on reset');
+        $this->assertNull($generation->getValue($service), 'generation token must be dropped on reset');
+    }
+
+    public function testDashboardControllerResetNullsLibraryMemos(): void
+    {
+        $ref        = new \ReflectionClass(DashboardController::class);
+        $controller = $ref->newInstanceWithoutConstructor();
+
+        $movies = $ref->getProperty('moviesCache');
+        $movies->setAccessible(true);
+        $series = $ref->getProperty('seriesCache');
+        $series->setAccessible(true);
+
+        // Prime the per-request memo as the first dashboard paint would.
+        $movies->setValue($controller, [['id' => 1, 'title' => 'Dune']]);
+        $series->setValue($controller, [['id' => 2, 'title' => 'Severance']]);
+
+        $this->assertNotNull($movies->getValue($controller));
+        $this->assertNotNull($series->getValue($controller));
+
+        $controller->reset();
+
+        $this->assertNull($movies->getValue($controller), 'moviesCache must be nulled on reset');
+        $this->assertNull($series->getValue($controller), 'seriesCache must be nulled on reset');
+    }
+}
diff --git a/symfony/tests/Theme/ColorMathTest.php b/symfony/tests/Theme/ColorMathTest.php
new file mode 100644
index 00000000..5e113b78
--- /dev/null
+++ b/symfony/tests/Theme/ColorMathTest.php
@@ -0,0 +1,32 @@
+<?php
+namespace App\Tests\Theme;
+
+use App\Theme\ColorMath;
+use PHPUnit\Framework\TestCase;
+
+final class ColorMathTest extends TestCase
+{
+    public function testIndigoHslToRgbTupleMatchesTablerFormat(): void
+    {
+        // #6366f1 (Tabler indigo) = hsl(239, 84%, 66.8%)
+        self::assertSame('99, 102, 241', ColorMath::hslToRgbTuple(239, 84, 66.8));
+    }
+
+    public function testIndigoHslToHex(): void
+    {
+        self::assertSame('#6366f1', ColorMath::hslToHex(239, 84, 66.8));
+    }
+
+    public function testPureBlackAndWhite(): void
+    {
+        self::assertSame('#000000', ColorMath::hslToHex(0, 0, 0));
+        self::assertSame('#ffffff', ColorMath::hslToHex(0, 0, 100));
+    }
+
+    public function testClampBounds(): void
+    {
+        self::assertSame(0.0, ColorMath::clamp(-10));
+        self::assertSame(100.0, ColorMath::clamp(140));
+        self::assertSame(42.0, ColorMath::clamp(42));
+    }
+}
diff --git a/symfony/tests/Theme/ThemePresetsTest.php b/symfony/tests/Theme/ThemePresetsTest.php
new file mode 100644
index 00000000..6cbbed23
--- /dev/null
+++ b/symfony/tests/Theme/ThemePresetsTest.php
@@ -0,0 +1,45 @@
+<?php
+namespace App\Tests\Theme;
+
+use App\Theme\ColorMath;
+use App\Theme\ThemePresets;
+use PHPUnit\Framework\TestCase;
+
+final class ThemePresetsTest extends TestCase
+{
+    public function testDefaultKeyExists(): void
+    {
+        self::assertArrayHasKey(ThemePresets::DEFAULT_KEY, ThemePresets::PRESETS);
+        self::assertSame('midnight', ThemePresets::DEFAULT_KEY);
+    }
+
+    public function testMidnightReproducesCurrentDarkBackground(): void
+    {
+        $bg = ThemePresets::PRESETS['midnight']['bg'];
+        // Current look is #111111 ≈ hsl(0,0%,7%).
+        self::assertSame('#111111', ColorMath::hslToHex($bg[0], $bg[1], $bg[2]));
+        self::assertFalse(ThemePresets::PRESETS['midnight']['light']);
+    }
+
+    public function testEveryPresetHasCompleteShape(): void
+    {
+        foreach (ThemePresets::PRESETS as $key => $p) {
+            foreach (['label_key', 'light', 'bg', 'primary', 'positive', 'negative', 'contrast', 'textSaturation'] as $field) {
+                self::assertArrayHasKey($field, $p, "preset $key missing $field");
+            }
+            self::assertIsBool($p['light']);
+            foreach (['bg', 'primary', 'positive', 'negative'] as $c) {
+                self::assertCount(3, $p[$c], "preset $key.$c must be [H,S,L]");
+            }
+        }
+    }
+
+    public function testOptionLabelsMatchKeys(): void
+    {
+        self::assertSame(array_keys(ThemePresets::PRESETS), ThemePresets::keys());
+        self::assertSame(
+            array_keys(ThemePresets::PRESETS),
+            array_keys(ThemePresets::optionLabels())
+        );
+    }
+}
diff --git a/symfony/translations/messages+intl-icu.en.yaml b/symfony/translations/messages+intl-icu.en.yaml
index 800d0839..468b2904 100644
--- a/symfony/translations/messages+intl-icu.en.yaml
+++ b/symfony/translations/messages+intl-icu.en.yaml
@@ -40,6 +40,7 @@ common:
     required: required
     coming_soon: Coming soon
   labels:
+    new_badge: New
     email: Email
     username: Username
     password: Password
@@ -65,6 +66,8 @@ sidebar:
   nav:
     dashboard: Dashboard
     qbittorrent: qBittorrent
+    deluge: Deluge
+    transmission: Transmission
     discovery: Discover
     calendar: Calendar
     radarr: Radarr
@@ -100,6 +103,7 @@ topbar:
     loading_online: Loading…
     in_library_badge: In library
     not_added_badge: Not added
+    add: Add
     group_local: In your library
     group_online: On TMDb / TheTVDB
     more_local: See more in your library
@@ -289,6 +293,17 @@ setup:
         user: Username
         password: Password
         reverse_proxy_hint: 'Leave the username and password empty if qBittorrent sits behind a reverse proxy that injects authentication itself (qui, traefik forward auth, …).'
+      deluge:
+        section: Deluge
+        subtitle: 'Torrent client (Web UI) — used for the Deluge tab.'
+        password: Web UI password
+        reverse_proxy_hint: 'Leave the password empty if Deluge sits behind an authenticating reverse proxy that injects the session for you.'
+      transmission:
+        section: '⬇️ Transmission'
+        subtitle: Authentication through the Transmission RPC interface.
+        user: Username
+        password: Password
+        reverse_proxy_hint: 'Leave the username and password empty if Transmission sits behind a reverse proxy that injects authentication itself, or if RPC authentication is disabled.'
       usenet_optional: 'Usenet — optional'
       sabnzbd:
         section: 'SABnzbd'
@@ -354,6 +369,8 @@ home:
 
 dashboard:
   title: Dashboard
+  widget_error:
+    unreachable: This section failed to load
   greeting:
     morning: Good morning
     afternoon: Good afternoon
@@ -413,6 +430,7 @@ dashboard:
     title: Current Plex activity
     settings_cta: 'Settings →'
     streams: Streams
+    viewers: Current viewers
     mbps: Mbps
     unknown_title: Unknown
     empty: No active Plex streams
@@ -453,6 +471,57 @@ dashboard:
       cast: 'Cast:'
       studio: 'Studio:'
       tech: Stream
+  server:
+    title: Server
+    settings_cta: Settings
+    unreachable: Unraid is unreachable
+    array: Array
+    parity: Parity
+    disks: Disks
+    system: System
+    docker: Docker
+    ups: UPS
+    cpu: CPU
+    ram: RAM
+    uptime: Up since
+    running: running
+    battery: Battery
+    load: Load
+    parity_checking: Checking
+    elapsed: Elapsed
+    eta: ETA
+    errors: errors
+    last_check: Last check
+  network:
+    title: Network
+    settings_cta: Settings
+    unreachable: UniFi console unreachable — check the URL and API key in settings.
+    down: Download
+    up: Upload
+    clients: Clients
+    wired: wired
+    wireless: wireless
+    guest: guest
+    wan: WAN
+    uptime: Uptime
+    usage_24h: Usage — last 24 h
+    infrastructure: Infrastructure
+    online: online
+    offline: offline
+  houndarr:
+    title: Houndarr
+    settings_cta: Settings
+    tracked: Tracked
+    eligible: Eligible
+    gated: Cooldown
+    unreleased: Unreleased
+    searches_7d: Searches (7d)
+    updated: Updated
+    unreachable: Houndarr is unreachable
+    auth_error: Houndarr rejected the API key — check Settings
+    wanted: Wanted
+    cutoff_unmet: Cutoff unmet
+    arr_note: Wanted counts from Radarr/Sonarr
   type:
     film: Movie
     series: TV Show
@@ -473,12 +542,33 @@ dashboard:
     discover: 'View in Discover'
     close: 'Close'
     runtime: '{min} min'
-    seasons: '{count} seasons'
+    seasons: '{count, plural, one {# season} other {# seasons}}'
     error: "Couldn't load the preview"
+    providers: 'Available on'
+    trailer: 'Trailer'
+    watchlist: 'Watchlist'
+    watchlist_added: 'On watchlist'
+    watchlist_add_toast: 'Added to your watchlist'
+    watchlist_remove_toast: 'Removed from your watchlist'
     status:
       downloaded: 'Downloaded'
       monitored: 'Monitored'
       missing: 'Missing'
+    date:
+      cinema: 'In theaters'
+      digital: 'Digital'
+      physical: 'Physical'
+      first_aired: 'First aired'
+      next_episode: 'Next episode'
+      ended: 'Ended'
+    airstatus:
+      continuing: 'Continuing'
+      ended: 'Ended'
+  layout:
+    edit: Edit layout
+    save: Save layout
+    cancel: Cancel
+    hide: Hide
 
 tautulli:
   title: Plex Activity
@@ -537,6 +627,75 @@ tautulli:
     items: '{count, plural, one {# item} other {# items}}'
     episodes: '{count, plural, one {# episode} other {# episodes}}'
 
+unifi:
+  title: Network
+  subtitle: 'Live network operations'
+  updated: 'Updated {seconds}s ago'
+  unreachable: 'UniFi console unreachable — check the URL and API key in settings.'
+  empty: 'No data for this section'
+  retry: Retry
+  tiles:
+    wan: Internet
+    cpu: Gateway CPU
+    memory: Gateway memory
+    clients: Clients
+    throughput: Throughput
+    latency: latency
+    drops: drops
+    wired: wired
+    wireless: wireless
+    guest: guest
+  history:
+    traffic: 'WAN traffic — last 7 days'
+    speedtests: 'Speedtest history — last 30 days'
+    speedtests_sparse: 'Only {count} runs in the window — enable scheduled speedtests on the console for a trend.'
+    # down/up/latency and peak arrive pre-formatted from SpeedtestChart — no units here.
+    latest: 'Latest: ↓{down} ↑{up} · {latency}'
+    latency_range: 'Latency {min} / {avg} / {max} ms'
+    peak: 'peak {peak}'
+  infra:
+    title: Infrastructure
+    device: Device
+    hidden_ssid: hidden
+    untagged: untagged
+    kind_gateway: gateway
+    kind_switch: switch
+    kind_ap: access point
+    kind_other: device
+    summary: '{devices} devices · {online} online · {upgradable} upgradable'
+    radios: 'Access points'
+    neighbors: 'Neighbor networks'
+    neighbors_unavailable: 'Neighbor scan not available on this console'
+    networks: Networks
+    network_name: Network
+    vlan: VLAN
+    subnet: Subnet
+    channel: Channel
+    power: TX power
+    utilization: Utilization
+    retry_pct: Retry
+    signal: Signal
+    vendor: Vendor
+    temperature: Temp
+    uptime: Uptime
+    upgradable: 'Update available'
+  clients:
+    wireless: 'Wireless clients'
+    device: Device
+    ssid: SSID
+    band: Band
+    access_point: 'Access point'
+    avg_signal: 'Avg signal'
+    talkers: 'Live talkers'
+    top: 'Top clients (total)'
+    reservations: 'DHCP reservations'
+    reservations_summary: '{total} reservations · {mismatched} mismatched'
+    reserved_ip: 'Reserved IP'
+    live_ip: 'Current IP'
+    status_ok: Match
+    status_mismatch: Mismatch
+    status_offline: Offline
+
 profile:
   title: My profile
   identity:
@@ -650,10 +809,15 @@ admin:
       prowlarr: Indexer aggregator
       jellyseerr: Request platform
       qbittorrent: Torrent client
+      deluge: Torrent client (Web UI)
+      transmission: Torrent client
       sabnzbd: Usenet downloader
       nzbget: Usenet downloader
       gluetun: 'VPN / port forwarding'
       tautulli: 'Plex activity (via Tautulli)'
+      unraid: 'Unraid server monitoring — array, disks, system, Docker, UPS (Unraid 7+, read-only API key)'
+      unifi: 'UniFi network monitoring — WAN throughput, clients, devices (Network 9.0+, read-only API key from Control Plane → Integrations)'
+      houndarr: 'Automated *arr backlog search (read-only widget)'
     sidebar_toggle: Menu
     sidebar_toggle_title: Show in sidebar
     status:
@@ -740,6 +904,10 @@ admin:
     sidebar:
       title: Sidebar visibility
       description: Pick which services and features show up in the left sidebar.
+    dashboard_layout:
+      title: Dashboard layout
+      description: Drag to reorder the dashboard sections, and choose which ones to show.
+      reset_hint: 'Use "Reset display preferences" below to restore the default layout.'
     switch:
       on: Enabled
       off: Disabled
@@ -772,6 +940,28 @@ admin:
         '12h': '12h (2:30 PM)'
     theme_color:
       label: Primary colour
+      help: Accent for buttons, links and highlights. “Auto” keeps the accent that comes with your theme.
+    theme:
+      label: Theme
+      help: Full colour scheme (background, surfaces, text) for the interface. Each theme ships its own accent — override it with Primary colour above.
+      preset:
+        midnight: Midnight
+        nord: Nord
+        catppuccin_latte: Catppuccin Latte
+        catppuccin_frappe: Catppuccin Frappé
+        catppuccin_macchiato: Catppuccin Macchiato
+        catppuccin_mocha: Catppuccin Mocha
+        dracula: Dracula
+        gruvbox_dark: Gruvbox Dark
+        kanagawa_dark: Kanagawa Dark
+        teal_city: Teal City
+        camouflage: Camouflage
+        tucan: Tucan
+        shades_of_purple: Shades of Purple
+        neon_pink: Neon Pink
+        solarized_light: Solarized Light
+        peachy: Peachy
+        zebra: Zebra
     qbit_refresh:
       label: qBittorrent refresh
       help: Auto-polling frequency on the Downloads page.
@@ -781,6 +971,18 @@ admin:
         '5': '5 seconds'
         '10': '10 seconds (low load)'
         '0': Disabled
+    deluge_refresh:
+      label: Deluge refresh interval
+      help: How often the Deluge page and sidebar badge poll for changes. 0 disables polling.
+    transmission_refresh:
+      label: Transmission refresh
+      help: How often the sidebar badge and completion toasts poll Transmission. 0 disables polling.
+      options:
+        '1': '1 second (real-time)'
+        '2': '2 seconds (default)'
+        '5': '5 seconds'
+        '10': '10 seconds (low load)'
+        '0': Disabled
     ui_density:
       label: UI density
       options:
@@ -822,6 +1024,11 @@ admin:
     clear: Clear
     tmdb:
       api_key: v3 API key
+    unraid:
+      skip_tls_verify: 'Skip TLS certificate verification (self-signed certificate)'
+    unifi:
+      site: Site name
+      skip_tls_verify: Skip TLS certificate verification (self-signed console certificate)
   internal:
     calendar:
       label: Calendar
@@ -919,12 +1126,16 @@ admin:
 
 decouverte:
   title: Discover
+  countdown_prefix: 'D-'
+  badge_type_film: Movie
+  badge_type_series: TV
   search_placeholder: 'Search a movie or TV show on TMDb…'
   actions:
     filters: Filters
     watchlist: Watchlist
     explorer: Explorer
   filters:
+    drawer_title: Filters
     type: Type
     movies: Movies
     series: TV shows
@@ -1179,7 +1390,7 @@ media:
     no_file: No file
     no_missing_episodes: No missing monitored episode.
     network_error: Network or upstream error. Check the service is reachable.
-    warning_format: '{source}: {message}'
+    warning_format: '{message}'
   label:
     season_prefix: 'Season {number}'
 
@@ -1242,6 +1453,8 @@ media:
     filters:
       search_placeholder: "Search…"
       apply: Apply
+      open: Filters
+      drawer_title: Filters
       status:
         all: All
         monitored: Monitored
@@ -1770,6 +1983,8 @@ media:
     filters:
       search_placeholder: "Search…"
       apply: Apply
+      open: Filters
+      drawer_title: Filters
       status:
         all: All
         monitored: Monitored
@@ -3684,6 +3899,37 @@ qbittorrent:
     no_valid_file: No valid file
     torrent_not_found: Torrent not found
 
+deluge:
+  title: Deluge
+  filters:
+    labels: Labels
+  table:
+    uploaded: Uploaded
+    completed: Completed
+  api:
+    empty_location: Destination path is required
+
+transmission:
+  page_title: Transmission
+  modal_detail:
+    trackers:
+      status_announcing: Announcing
+      status_queued: Queued
+      status_active: Active
+      status_idle: Idle
+  upload:
+    invalid_url: 'Only http(s) and magnet: links are accepted'
+    forbidden_host: 'This URL points to a forbidden host (cloud metadata)'
+    no_file: 'No file received'
+    invalid_format: 'Only .torrent files are accepted'
+    too_large: 'File too large (>10 MB)'
+    unreadable: 'Unreadable file'
+  api:
+    no_valid_hash: No valid hash
+    no_valid_file: No valid file
+    torrent_not_found: Torrent not found
+    empty_location: 'Location cannot be empty'
+
 usenet:
   page_title: 'Usenet downloads'
   disabled_notice: '{client} is disabled.'
diff --git a/symfony/translations/messages+intl-icu.fr.yaml b/symfony/translations/messages+intl-icu.fr.yaml
index 61156722..e51e4bab 100644
--- a/symfony/translations/messages+intl-icu.fr.yaml
+++ b/symfony/translations/messages+intl-icu.fr.yaml
@@ -39,6 +39,7 @@ common:
     required: requis
     coming_soon: Bientôt
   labels:
+    new_badge: Nouveau
     email: Adresse email
     username: Nom d'utilisateur
     password: Mot de passe
@@ -64,6 +65,8 @@ sidebar:
   nav:
     dashboard: Tableau de bord
     qbittorrent: qBittorrent
+    deluge: Deluge
+    transmission: Transmission
     discovery: Découverte
     calendar: Calendrier
     radarr: Radarr
@@ -99,6 +102,7 @@ topbar:
     loading_online: Chargement…
     in_library_badge: En bibliothèque
     not_added_badge: Non ajouté
+    add: Ajouter
     group_local: Dans votre bibliothèque
     group_online: Sur TMDb / TheTVDB
     more_local: Voir plus dans votre bibliothèque
@@ -288,6 +292,17 @@ setup:
         user: Utilisateur
         password: Mot de passe
         reverse_proxy_hint: 'Laissez l''utilisateur et le mot de passe vides si qBittorrent est derrière un reverse proxy qui injecte lui-même l''authentification (qui, traefik forward auth, …).'
+      deluge:
+        section: Deluge
+        subtitle: "Client torrent (Web UI) — utilisé pour l'onglet Deluge."
+        password: Mot de passe Web UI
+        reverse_proxy_hint: 'Laissez le mot de passe vide si Deluge est derrière un reverse proxy authentifiant qui injecte la session.'
+      transmission:
+        section: '⬇️ Transmission'
+        subtitle: Authentification via l'interface RPC de Transmission.
+        user: Utilisateur
+        password: Mot de passe
+        reverse_proxy_hint: 'Laissez l''utilisateur et le mot de passe vides si Transmission est derrière un reverse proxy qui injecte lui-même l''authentification, ou si l''authentification RPC est désactivée.'
       usenet_optional: 'Usenet — optionnel'
       sabnzbd:
         section: 'SABnzbd'
@@ -353,6 +368,8 @@ home:
 
 dashboard:
   title: Tableau de bord
+  widget_error:
+    unreachable: 'Cette section n''a pas pu être chargée'
   greeting:
     morning: Bonjour
     afternoon: Bon après-midi
@@ -412,6 +429,7 @@ dashboard:
     title: Activité Plex en cours
     settings_cta: 'Réglages →'
     streams: Flux
+    viewers: Spectateurs actuels
     mbps: Mbps
     unknown_title: Inconnu
     empty: Aucun flux Plex en cours
@@ -452,6 +470,57 @@ dashboard:
       cast: 'Distribution :'
       studio: 'Studio :'
       tech: Flux
+  server:
+    title: Serveur
+    settings_cta: Paramètres
+    unreachable: Unraid est injoignable
+    array: Baie
+    parity: Parité
+    disks: Disques
+    system: Système
+    docker: Docker
+    ups: Onduleur
+    cpu: CPU
+    ram: RAM
+    uptime: Démarré depuis
+    running: actifs
+    battery: Batterie
+    load: Charge
+    parity_checking: En cours
+    elapsed: Écoulé
+    eta: Fin estimée
+    errors: erreurs
+    last_check: Dernier contrôle
+  network:
+    title: Réseau
+    settings_cta: Paramètres
+    unreachable: Console UniFi injoignable — vérifiez l’URL et la clé API dans les paramètres.
+    down: Téléchargement
+    up: Envoi
+    clients: Clients
+    wired: filaire
+    wireless: sans fil
+    guest: invités
+    wan: WAN
+    uptime: Connexion
+    usage_24h: Utilisation — dernières 24 h
+    infrastructure: Infrastructure
+    online: en ligne
+    offline: hors ligne
+  houndarr:
+    title: Houndarr
+    settings_cta: Paramètres
+    tracked: Suivis
+    eligible: Éligibles
+    gated: 'En cooldown'
+    unreleased: 'À paraître'
+    searches_7d: 'Recherches (7 j)'
+    updated: 'Mis à jour'
+    unreachable: 'Houndarr est injoignable'
+    auth_error: 'Houndarr a rejeté la clé API — vérifiez les paramètres'
+    wanted: Manquants
+    cutoff_unmet: 'Sous le seuil'
+    arr_note: 'Comptes manquants issus de Radarr/Sonarr'
   type:
     film: Film
     series: Série
@@ -472,12 +541,33 @@ dashboard:
     discover: 'Voir dans Découverte'
     close: 'Fermer'
     runtime: '{min} min'
-    seasons: '{count} saisons'
+    seasons: '{count, plural, one {# saison} other {# saisons}}'
     error: "Impossible de charger l'aperçu"
+    providers: 'Disponible sur'
+    trailer: 'Bande-annonce'
+    watchlist: 'À voir'
+    watchlist_added: 'Dans la liste'
+    watchlist_add_toast: 'Ajouté à votre liste à voir'
+    watchlist_remove_toast: 'Retiré de votre liste à voir'
     status:
       downloaded: 'Téléchargé'
       monitored: 'Suivi'
       missing: 'Manquant'
+    date:
+      cinema: 'Au cinéma'
+      digital: 'Numérique'
+      physical: 'Physique'
+      first_aired: 'Première diffusion'
+      next_episode: 'Prochain épisode'
+      ended: 'Terminée'
+    airstatus:
+      continuing: 'En cours'
+      ended: 'Terminée'
+  layout:
+    edit: Modifier la disposition
+    save: Enregistrer
+    cancel: Annuler
+    hide: Masquer
 
 tautulli:
   title: Activité Plex
@@ -536,6 +626,74 @@ tautulli:
     items: '{count, plural, one {# élément} other {# éléments}}'
     episodes: '{count, plural, one {# épisode} other {# épisodes}}'
 
+unifi:
+  title: Réseau
+  subtitle: "Supervision réseau en direct"
+  updated: 'Mis à jour il y a {seconds} s'
+  unreachable: "Console UniFi inaccessible — vérifiez l'URL et la clé API dans les paramètres."
+  empty: 'Aucune donnée pour cette section'
+  retry: Réessayer
+  tiles:
+    wan: Internet
+    cpu: 'Processeur passerelle'
+    memory: 'Mémoire passerelle'
+    clients: Clients
+    throughput: Débit
+    latency: latence
+    drops: pertes
+    wired: filaire
+    wireless: 'sans fil'
+    guest: invité
+  history:
+    traffic: 'Trafic WAN — 7 derniers jours'
+    speedtests: 'Historique des tests de débit — 30 derniers jours'
+    speedtests_sparse: "Seulement {count} tests sur la période — activez les tests planifiés sur la console pour obtenir une tendance."
+    latest: 'Dernier : ↓{down} ↑{up} · {latency}'
+    latency_range: 'Latence {min} / {avg} / {max} ms'
+    peak: 'pic {peak}'
+  infra:
+    title: Infrastructure
+    device: Équipement
+    hidden_ssid: masqué
+    untagged: 'non balisé'
+    kind_gateway: passerelle
+    kind_switch: commutateur
+    kind_ap: "point d'accès"
+    kind_other: équipement
+    summary: '{devices} équipements · {online} en ligne · {upgradable} à mettre à jour'
+    radios: "Points d'accès"
+    neighbors: 'Réseaux voisins'
+    neighbors_unavailable: "Analyse des réseaux voisins indisponible sur cette console"
+    networks: Réseaux
+    network_name: Réseau
+    vlan: VLAN
+    subnet: 'Sous-réseau'
+    channel: Canal
+    power: 'Puissance TX'
+    utilization: Utilisation
+    retry_pct: Réémissions
+    signal: Signal
+    vendor: Fabricant
+    temperature: Temp.
+    uptime: 'Temps de fonctionnement'
+    upgradable: 'Mise à jour disponible'
+  clients:
+    wireless: 'Clients sans fil'
+    device: Équipement
+    ssid: SSID
+    band: Bande
+    access_point: "Point d'accès"
+    avg_signal: 'Signal moyen'
+    talkers: 'Débits en direct'
+    top: 'Principaux clients (total)'
+    reservations: 'Réservations DHCP'
+    reservations_summary: '{total} réservations · {mismatched} incohérentes'
+    reserved_ip: 'IP réservée'
+    live_ip: 'IP actuelle'
+    status_ok: Conforme
+    status_mismatch: Incohérente
+    status_offline: 'Hors ligne'
+
 profile:
   title: Mon profil
   identity:
@@ -649,10 +807,15 @@ admin:
       prowlarr: Agrégateur d'indexeurs
       jellyseerr: Plateforme de requêtes
       qbittorrent: Client torrent
+      deluge: Client torrent (Web UI)
+      transmission: Client torrent
       sabnzbd: Téléchargeur Usenet
       nzbget: Téléchargeur Usenet
       gluetun: 'VPN / port forwarding'
       tautulli: 'Activité Plex (via Tautulli)'
+      unraid: 'Supervision du serveur Unraid — baie, disques, système, Docker, onduleur (Unraid 7+, clé API en lecture seule)'
+      unifi: 'Supervision réseau UniFi — débit WAN, clients, équipements (Network 9.0+, clé API en lecture seule via Control Plane → Integrations)'
+      houndarr: 'Recherche automatique du backlog *arr (widget en lecture seule)'
     sidebar_toggle: Menu
     sidebar_toggle_title: Afficher dans le menu latéral
     status:
@@ -739,6 +902,10 @@ admin:
     sidebar:
       title: Visibilité de la sidebar
       description: Choisis quels services et fonctionnalités apparaissent dans la barre latérale gauche.
+    dashboard_layout:
+      title: Disposition du tableau de bord
+      description: Glissez pour réordonner les sections, et choisissez celles à afficher.
+      reset_hint: 'Utilisez « Réinitialiser les préférences d''affichage » ci-dessous pour rétablir la disposition par défaut.'
     switch:
       on: Activées
       off: Désactivées
@@ -771,6 +938,28 @@ admin:
         '12h': '12h (2:30 PM)'
     theme_color:
       label: Couleur principale
+      help: "Accent des boutons, liens et éléments mis en avant. « Auto » conserve l'accent fourni par votre thème."
+    theme:
+      label: Thème
+      help: "Palette complète (fond, surfaces, texte) de l'interface. Chaque thème a son propre accent — remplacez-le avec la Couleur principale ci-dessus."
+      preset:
+        midnight: Minuit
+        nord: Nord
+        catppuccin_latte: Catppuccin Latte
+        catppuccin_frappe: Catppuccin Frappé
+        catppuccin_macchiato: Catppuccin Macchiato
+        catppuccin_mocha: Catppuccin Mocha
+        dracula: Dracula
+        gruvbox_dark: Gruvbox (sombre)
+        kanagawa_dark: Kanagawa (sombre)
+        teal_city: Teal City
+        camouflage: Camouflage
+        tucan: Toucan
+        shades_of_purple: Shades of Purple
+        neon_pink: Rose néon
+        solarized_light: Solarized (clair)
+        peachy: Pêche
+        zebra: Zèbre
     qbit_refresh:
       label: Rafraîchissement qBittorrent
       help: Fréquence du polling automatique sur la page Téléchargements.
@@ -780,6 +969,18 @@ admin:
         '5': '5 secondes'
         '10': '10 secondes (économe)'
         '0': Désactivé
+    deluge_refresh:
+      label: Intervalle de rafraîchissement Deluge
+      help: Fréquence de mise à jour de la page Deluge et du badge. 0 désactive le polling.
+    transmission_refresh:
+      label: Rafraîchissement Transmission
+      help: Fréquence de mise à jour du badge et des notifications de fin. 0 désactive le polling.
+      options:
+        '1': '1 seconde (temps réel)'
+        '2': '2 secondes (défaut)'
+        '5': '5 secondes'
+        '10': '10 secondes (économe)'
+        '0': Désactivé
     ui_density:
       label: Densité de l'interface
       options:
@@ -821,6 +1022,11 @@ admin:
     clear: Effacer
     tmdb:
       api_key: Clé API v3
+    unraid:
+      skip_tls_verify: 'Ignorer la vérification du certificat TLS (certificat auto-signé)'
+    unifi:
+      site: Nom du site
+      skip_tls_verify: Ignorer la vérification du certificat TLS (certificat auto-signé de la console)
   internal:
     calendar:
       label: Calendrier
@@ -918,12 +1124,16 @@ admin:
 
 decouverte:
   title: Découverte
+  countdown_prefix: 'J-'
+  badge_type_film: Film
+  badge_type_series: Série
   search_placeholder: 'Rechercher un film ou une série sur TMDb…'
   actions:
     filters: Filtres
     watchlist: Watchlist
     explorer: Explorer
   filters:
+    drawer_title: Filtres
     type: Type
     movies: Films
     series: Séries
@@ -1178,7 +1388,7 @@ media:
     no_file: Aucun fichier
     no_missing_episodes: Aucun épisode manquant surveillé.
     network_error: Erreur réseau ou service injoignable.
-    warning_format: '{source} : {message}'
+    warning_format: '{message}'
   label:
     season_prefix: 'Saison {number}'
 
@@ -1241,6 +1451,8 @@ media:
     filters:
       search_placeholder: "Rechercher…"
       apply: Appliquer
+      open: Filtres
+      drawer_title: Filtres
       status:
         all: Tous
         monitored: Suivis
@@ -1769,6 +1981,8 @@ media:
     filters:
       search_placeholder: "Rechercher…"
       apply: Appliquer
+      open: Filtres
+      drawer_title: Filtres
       status:
         all: Toutes
         monitored: Suivies
@@ -3683,6 +3897,37 @@ qbittorrent:
     no_valid_file: Aucun fichier valide
     torrent_not_found: Torrent introuvable
 
+deluge:
+  title: Deluge
+  filters:
+    labels: Labels
+  table:
+    uploaded: Envoyé
+    completed: Terminé le
+  api:
+    empty_location: Le chemin de destination est requis
+
+transmission:
+  page_title: Transmission
+  modal_detail:
+    trackers:
+      status_announcing: Annonce
+      status_queued: En file
+      status_active: Actif
+      status_idle: Inactif
+  upload:
+    invalid_url: 'Seuls les liens http(s) et magnet: sont acceptés'
+    forbidden_host: 'Cette URL pointe vers un hôte interdit (métadonnées cloud)'
+    no_file: 'Aucun fichier reçu'
+    invalid_format: 'Seuls les fichiers .torrent sont acceptés'
+    too_large: 'Fichier trop volumineux (>10 Mo)'
+    unreadable: 'Fichier illisible'
+  api:
+    no_valid_hash: Aucun hash valide
+    no_valid_file: Aucun fichier valide
+    torrent_not_found: Torrent introuvable
+    empty_location: 'L''emplacement ne peut pas être vide'
+
 usenet:
   page_title: 'Téléchargements Usenet'
   disabled_notice: '{client} est désactivé.'