diff --git a/CLAUDE.md b/CLAUDE.md
index 47bbfd6d20..5158b082ce 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -254,6 +254,7 @@ This is an Nx monorepo with the following structure:
     - **ui/shared-portals** - Shared portal types (`LiveEpgPanelSummary`)
     - **ui/styles** - Shared styles/theme
     - **workspace/{shell,dashboard}** - Workspace shell (layout/navigation) and dashboard
+    - **workspace/multiview/feature** - Multiview grid page (simultaneous live streams)
 
 ### Frontend Architecture (Angular)
 
@@ -434,6 +435,7 @@ See `docs/architecture/m3u-playlist-module.md` for complete documentation.
 - Xtream Codes: `/workspace/xtreams/:id` (children: `live`, `vod`, `series`, `search`, `actor/:personId`, `recently-added`, `favorites`, `recent`, `downloads`) — `libs/portal/xtream/feature/src/lib/xtream-feature.routes.ts`
 - Stalker portal: `/workspace/stalker/:id` (children: `itv`, `vod`, `radio`, `series`, `favorites`, `recent`, `search`, `actor/:personId`, `downloads`) — `libs/portal/stalker/feature/src/lib/stalker-feature.routes.ts`
 - Global collections: `/workspace/global-favorites`, `/workspace/global-recent`
+- Multiview grid: `/workspace/multiview` (Electron and PWA) — `libs/workspace/multiview/feature`
 - Global search: `/workspace/search` (Electron-only; a guard redirects the PWA to `/workspace/sources`)
 - Downloads: `/workspace/downloads`
 - Settings: `/workspace/settings` (`/settings` redirects there)
@@ -795,6 +797,17 @@ engine` (restart required) or
 - Keyboard shortcuts: ArrowUp/ArrowDown (volume), M (mute)
 - Component: `libs/ui/playback/src/lib/audio-player/audio-player.component.ts`
 
+**Multiview** (`/workspace/multiview`, Electron and PWA):
+
+- Grid that plays several live TV channels simultaneously; live-only (radio, VOD, and series are excluded)
+- Layout presets switchable at runtime: 1×2, 2×2, 1 large + 3 small, 3×3 (`multiview-layouts.ts`)
+- Channels come from global favorites and recently viewed across all three sources (M3U, Xtream, Stalker) via `UnifiedFavoritesDataService`/`UnifiedRecentDataService`; playback URLs resolve through `StreamResolverService.resolvePlayback`
+- Exactly one tile has audio focus (highlighted border); click focuses a tile, double-click opens the channel in the regular full player via the global-collection handoff (`buildLiveCollectionNavigationTarget`)
+- Each tile runs a minimal standalone media engine (`MultiviewTileEngine`: mpegts.js for raw TS, hls.js with small buffers, native `<video>` fallback) — deliberately not the full `WebPlayerViewComponent` stack (which is a per-app singleton with global shortcuts/volume)
+- Per-tile error + retry (retry re-resolves the URL, important for expiring Xtream/Stalker tokens); a dismissible hint warns when two tiles share the same portal account (provider connection limits)
+- Layout, slots, and audio focus persist in `localStorage` (`multiview-state-v1`)
+- Library: `libs/workspace/multiview/feature` (`MultiviewPageComponent` provided the route; component-provided `MultiviewStateService`)
+
 **EPG (Electronic Program Guide)**:
 
 - XMLTV format support
diff --git a/apps/web/src/app/app.routes.ts b/apps/web/src/app/app.routes.ts
index 73361f1fce..026808bc3a 100644
--- a/apps/web/src/app/app.routes.ts
+++ b/apps/web/src/app/app.routes.ts
@@ -100,6 +100,13 @@ export const routes: Routes = [
                         (c) => c.GlobalCollectionRouteComponent
                     ),
             },
+            {
+                path: 'multiview',
+                loadComponent: () =>
+                    import('@iptvnator/workspace/multiview/feature').then(
+                        (c) => c.MultiviewPageComponent
+                    ),
+            },
             {
                 path: 'search',
                 canActivate: [electronOnlyGlobalSearchGuard],
diff --git a/apps/web/src/assets/i18n/ar.json b/apps/web/src/assets/i18n/ar.json
index bf4ec546f8..133c287a03 100644
--- a/apps/web/src/assets/i18n/ar.json
+++ b/apps/web/src/assets/i18n/ar.json
@@ -1019,6 +1019,25 @@
         "HEADER": "التحكم عن بعد في IPTVNator",
         "FOOTER": "التحكم عن بعد في IPTVNator"
     },
+    "MULTIVIEW": {
+        "TITLE": "العرض المتعدد",
+        "ADD_CHANNEL": "إضافة قناة",
+        "REMOVE_TILE": "إزالة المربع",
+        "LAYOUT": "التخطيط",
+        "LAYOUT_1X2": "شبكة 1×2",
+        "LAYOUT_2X2": "شبكة 2×2",
+        "LAYOUT_1_PLUS_3": "1 كبير + 3 صغيرة",
+        "LAYOUT_3X3": "شبكة 3×3",
+        "EMPTY_HINT": "أضف قنوات مباشرة لمشاهدتها في وقت واحد.",
+        "TILE_ERROR": "فشل تشغيل هذه القناة.",
+        "RETRY": "إعادة المحاولة",
+        "PICKER_TITLE": "اختر قناة",
+        "PICKER_FAVORITES": "المفضلة",
+        "PICKER_RECENT": "تمت مشاهدتها مؤخرًا",
+        "PICKER_SEARCH": "البحث عن قنوات...",
+        "PICKER_EMPTY": "لم يتم العثور على قنوات مباشرة.",
+        "CONNECTION_LIMIT_HINT": "تستخدم عدة مربعات نفس المزود. يحدّ معظم المزودين من عدد التدفقات المتزامنة، لذا قد تفشل بعض المربعات."
+    },
     "WORKSPACE": {
         "FAVORITES_ONLY": "المفضلة فقط",
         "SORT_CUSTOM": "ترتيب مخصص",
@@ -1080,6 +1099,7 @@
             "OPEN_SOURCES": "فتح المصادر",
             "RAIL_GLOBAL_FAVORITES": "المفضلة",
             "RAIL_GLOBAL_RECENT": "تمت مشاهدتها مؤخرًا",
+            "RAIL_MULTIVIEW": "العرض المتعدد",
             "RAIL_GLOBAL_SEARCH": "Global search",
             "RAIL_SETTINGS": "الإعدادات",
             "OPEN_SETTINGS": "فتح الإعدادات",
diff --git a/apps/web/src/assets/i18n/ary.json b/apps/web/src/assets/i18n/ary.json
index 34d2bc61ab..8231952f4b 100644
--- a/apps/web/src/assets/i18n/ary.json
+++ b/apps/web/src/assets/i18n/ary.json
@@ -1019,6 +1019,25 @@
         "HEADER": "التحكم عن بعد IPTVNator",
         "FOOTER": "التحكم عن بعد IPTVNator"
     },
+    "MULTIVIEW": {
+        "TITLE": "العرض المتعدد",
+        "ADD_CHANNEL": "زيد قناة",
+        "REMOVE_TILE": "حيد المربع",
+        "LAYOUT": "التخطيط",
+        "LAYOUT_1X2": "شبكة 1×2",
+        "LAYOUT_2X2": "شبكة 2×2",
+        "LAYOUT_1_PLUS_3": "1 كبير + 3 صغار",
+        "LAYOUT_3X3": "شبكة 3×3",
+        "EMPTY_HINT": "زيد قنوات مباشرة باش تشوفهم فنفس الوقت.",
+        "TILE_ERROR": "ماقدرناش نشغلو هاد القناة.",
+        "RETRY": "عاود حاول",
+        "PICKER_TITLE": "ختار قناة",
+        "PICKER_FAVORITES": "المفضلة",
+        "PICKER_RECENT": "متشافين مؤخراً",
+        "PICKER_SEARCH": "قلب على القنوات...",
+        "PICKER_EMPTY": "ماكاينش قنوات مباشرة.",
+        "CONNECTION_LIMIT_HINT": "بزاف ديال المربعات كيستعملو نفس المزود. أغلب المزودين كيحدّو عدد البثوث المتزامنة، لهذا ممكن شي مربعات ما يخدموش."
+    },
     "WORKSPACE": {
         "FAVORITES_ONLY": "المفضلة فقط",
         "SORT_CUSTOM": "ترتيب مخصص",
@@ -1080,6 +1099,7 @@
             "OPEN_SOURCES": "حل المصادر",
             "RAIL_GLOBAL_FAVORITES": "المفضلة",
             "RAIL_GLOBAL_RECENT": "متشافين مؤخراً",
+            "RAIL_MULTIVIEW": "العرض المتعدد",
             "RAIL_GLOBAL_SEARCH": "Global search",
             "RAIL_SETTINGS": "الإعدادات",
             "OPEN_SETTINGS": "حل الإعدادات",
diff --git a/apps/web/src/assets/i18n/by.json b/apps/web/src/assets/i18n/by.json
index 307fe897c5..ab772ea555 100644
--- a/apps/web/src/assets/i18n/by.json
+++ b/apps/web/src/assets/i18n/by.json
@@ -1019,6 +1019,25 @@
         "HEADER": "Аддаленае кіраванне IPTVNator",
         "FOOTER": "Аддаленае кіраванне IPTVNator"
     },
+    "MULTIVIEW": {
+        "TITLE": "Мультыэкран",
+        "ADD_CHANNEL": "Дадаць канал",
+        "REMOVE_TILE": "Выдаліць плітку",
+        "LAYOUT": "Раскладка",
+        "LAYOUT_1X2": "Сетка 1×2",
+        "LAYOUT_2X2": "Сетка 2×2",
+        "LAYOUT_1_PLUS_3": "1 вялікая + 3 малыя",
+        "LAYOUT_3X3": "Сетка 3×3",
+        "EMPTY_HINT": "Дадайце жывыя каналы, каб глядзець некалькі трансляцый адначасова.",
+        "TILE_ERROR": "Не атрымалася прайграць гэты канал.",
+        "RETRY": "Паўтарыць",
+        "PICKER_TITLE": "Выберыце канал",
+        "PICKER_FAVORITES": "Абранае",
+        "PICKER_RECENT": "Нядаўна праглянутае",
+        "PICKER_SEARCH": "Пошук каналаў...",
+        "PICKER_EMPTY": "Жывыя каналы не знойдзены.",
+        "CONNECTION_LIMIT_HINT": "Некалькі плітак выкарыстоўваюць аднаго правайдара. Большасць правайдараў абмяжоўваюць адначасовыя патокі, таму некаторыя пліткі могуць не працаваць."
+    },
     "WORKSPACE": {
         "FAVORITES_ONLY": "Толькі выбранае",
         "SORT_CUSTOM": "Свой парадак",
@@ -1080,6 +1099,7 @@
             "OPEN_SOURCES": "Адкрыць крыніцы",
             "RAIL_GLOBAL_FAVORITES": "Выбранае",
             "RAIL_GLOBAL_RECENT": "Нядаўна праглянутае",
+            "RAIL_MULTIVIEW": "Мультыэкран",
             "RAIL_GLOBAL_SEARCH": "Global search",
             "RAIL_SETTINGS": "Налады",
             "OPEN_SETTINGS": "Адкрыць налады",
diff --git a/apps/web/src/assets/i18n/de.json b/apps/web/src/assets/i18n/de.json
index e530ef81dd..516d4cb6b8 100644
--- a/apps/web/src/assets/i18n/de.json
+++ b/apps/web/src/assets/i18n/de.json
@@ -1019,6 +1019,25 @@
         "HEADER": "IPTVNator Fernbedienung",
         "FOOTER": "IPTVNator Fernbedienung"
     },
+    "MULTIVIEW": {
+        "TITLE": "Multiview",
+        "ADD_CHANNEL": "Sender hinzufügen",
+        "REMOVE_TILE": "Kachel entfernen",
+        "LAYOUT": "Layout",
+        "LAYOUT_1X2": "1×2-Raster",
+        "LAYOUT_2X2": "2×2-Raster",
+        "LAYOUT_1_PLUS_3": "1 groß + 3 klein",
+        "LAYOUT_3X3": "3×3-Raster",
+        "EMPTY_HINT": "Füge Live-Sender hinzu, um mehrere Streams gleichzeitig zu sehen.",
+        "TILE_ERROR": "Wiedergabe für diesen Sender fehlgeschlagen.",
+        "RETRY": "Erneut versuchen",
+        "PICKER_TITLE": "Sender auswählen",
+        "PICKER_FAVORITES": "Favoriten",
+        "PICKER_RECENT": "Zuletzt angesehen",
+        "PICKER_SEARCH": "Sender suchen...",
+        "PICKER_EMPTY": "Keine Live-Sender gefunden.",
+        "CONNECTION_LIMIT_HINT": "Mehrere Kacheln nutzen denselben Anbieter. Die meisten Anbieter begrenzen gleichzeitige Streams, daher können einzelne Kacheln fehlschlagen."
+    },
     "WORKSPACE": {
         "FAVORITES_ONLY": "Nur Favoriten",
         "SORT_CUSTOM": "Eigene Reihenfolge",
@@ -1080,6 +1099,7 @@
             "OPEN_SOURCES": "Quellen öffnen",
             "RAIL_GLOBAL_FAVORITES": "Favoriten",
             "RAIL_GLOBAL_RECENT": "Zuletzt angesehen",
+            "RAIL_MULTIVIEW": "Multiview",
             "RAIL_GLOBAL_SEARCH": "Global search",
             "RAIL_SETTINGS": "Einstellungen",
             "OPEN_SETTINGS": "Einstellungen öffnen",
diff --git a/apps/web/src/assets/i18n/el.json b/apps/web/src/assets/i18n/el.json
index 24ad44f671..ea0bdd0222 100644
--- a/apps/web/src/assets/i18n/el.json
+++ b/apps/web/src/assets/i18n/el.json
@@ -1019,6 +1019,25 @@
         "HEADER": "IPTVNator Τηλεχειριστήριο",
         "FOOTER": "IPTVNator Τηλεχειριστήριο"
     },
+    "MULTIVIEW": {
+        "TITLE": "Πολλαπλή προβολή",
+        "ADD_CHANNEL": "Προσθήκη καναλιού",
+        "REMOVE_TILE": "Αφαίρεση πλακιδίου",
+        "LAYOUT": "Διάταξη",
+        "LAYOUT_1X2": "Πλέγμα 1×2",
+        "LAYOUT_2X2": "Πλέγμα 2×2",
+        "LAYOUT_1_PLUS_3": "1 μεγάλο + 3 μικρά",
+        "LAYOUT_3X3": "Πλέγμα 3×3",
+        "EMPTY_HINT": "Προσθέστε ζωντανά κανάλια για να παρακολουθείτε πολλές ροές ταυτόχρονα.",
+        "TILE_ERROR": "Η αναπαραγωγή απέτυχε για αυτό το κανάλι.",
+        "RETRY": "Επανάληψη",
+        "PICKER_TITLE": "Επιλέξτε κανάλι",
+        "PICKER_FAVORITES": "Αγαπημένα",
+        "PICKER_RECENT": "Πρόσφατα προβληθέντα",
+        "PICKER_SEARCH": "Αναζήτηση καναλιών...",
+        "PICKER_EMPTY": "Δεν βρέθηκαν ζωντανά κανάλια.",
+        "CONNECTION_LIMIT_HINT": "Πολλά πλακίδια χρησιμοποιούν τον ίδιο πάροχο. Οι περισσότεροι πάροχοι περιορίζουν τις ταυτόχρονες ροές, οπότε ορισμένα πλακίδια ενδέχεται να αποτύχουν."
+    },
     "WORKSPACE": {
         "FAVORITES_ONLY": "Μόνο αγαπημένα",
         "SORT_CUSTOM": "Προσαρμοσμένη σειρά",
@@ -1080,6 +1099,7 @@
             "OPEN_SOURCES": "Άνοιγμα πηγών",
             "RAIL_GLOBAL_FAVORITES": "Αγαπημένα",
             "RAIL_GLOBAL_RECENT": "Πρόσφατα προβληθέντα",
+            "RAIL_MULTIVIEW": "Πολλαπλή προβολή",
             "RAIL_GLOBAL_SEARCH": "Global search",
             "RAIL_SETTINGS": "Ρυθμίσεις",
             "OPEN_SETTINGS": "Άνοιγμα ρυθμίσεων",
diff --git a/apps/web/src/assets/i18n/en.json b/apps/web/src/assets/i18n/en.json
index d0e7651a2c..a8fbf5b874 100644
--- a/apps/web/src/assets/i18n/en.json
+++ b/apps/web/src/assets/i18n/en.json
@@ -1019,6 +1019,25 @@
         "HEADER": "IPTVNator Remote Control",
         "FOOTER": "IPTVNator Remote Control"
     },
+    "MULTIVIEW": {
+        "TITLE": "Multiview",
+        "ADD_CHANNEL": "Add channel",
+        "REMOVE_TILE": "Remove tile",
+        "LAYOUT": "Layout",
+        "LAYOUT_1X2": "1×2 grid",
+        "LAYOUT_2X2": "2×2 grid",
+        "LAYOUT_1_PLUS_3": "1 large + 3 small",
+        "LAYOUT_3X3": "3×3 grid",
+        "EMPTY_HINT": "Add live channels to watch multiple streams at once.",
+        "TILE_ERROR": "Playback failed for this channel.",
+        "RETRY": "Retry",
+        "PICKER_TITLE": "Select a channel",
+        "PICKER_FAVORITES": "Favorites",
+        "PICKER_RECENT": "Recently viewed",
+        "PICKER_SEARCH": "Search channels...",
+        "PICKER_EMPTY": "No live channels found.",
+        "CONNECTION_LIMIT_HINT": "Multiple tiles use the same provider. Most providers limit concurrent streams, so some tiles may fail."
+    },
     "WORKSPACE": {
         "FAVORITES_ONLY": "Favorites only",
         "SORT_CUSTOM": "Custom order",
@@ -1080,6 +1099,7 @@
             "OPEN_SOURCES": "Open sources",
             "RAIL_GLOBAL_FAVORITES": "Favorites",
             "RAIL_GLOBAL_RECENT": "Recently viewed",
+            "RAIL_MULTIVIEW": "Multiview",
             "RAIL_GLOBAL_SEARCH": "Global search",
             "RAIL_SETTINGS": "Settings",
             "OPEN_SETTINGS": "Open settings",
diff --git a/apps/web/src/assets/i18n/es.json b/apps/web/src/assets/i18n/es.json
index 7524537173..b7a76f9bf5 100644
--- a/apps/web/src/assets/i18n/es.json
+++ b/apps/web/src/assets/i18n/es.json
@@ -1019,6 +1019,25 @@
         "HEADER": "Control remoto de IPTVnator",
         "FOOTER": "Control remoto de IPTVnator"
     },
+    "MULTIVIEW": {
+        "TITLE": "Vista múltiple",
+        "ADD_CHANNEL": "Añadir canal",
+        "REMOVE_TILE": "Quitar mosaico",
+        "LAYOUT": "Diseño",
+        "LAYOUT_1X2": "Cuadrícula 1×2",
+        "LAYOUT_2X2": "Cuadrícula 2×2",
+        "LAYOUT_1_PLUS_3": "1 grande + 3 pequeños",
+        "LAYOUT_3X3": "Cuadrícula 3×3",
+        "EMPTY_HINT": "Añade canales en directo para ver varias transmisiones a la vez.",
+        "TILE_ERROR": "Error de reproducción en este canal.",
+        "RETRY": "Reintentar",
+        "PICKER_TITLE": "Seleccionar un canal",
+        "PICKER_FAVORITES": "Favoritos",
+        "PICKER_RECENT": "Vistos recientemente",
+        "PICKER_SEARCH": "Buscar canales...",
+        "PICKER_EMPTY": "No se encontraron canales en directo.",
+        "CONNECTION_LIMIT_HINT": "Varios mosaicos usan el mismo proveedor. La mayoría de los proveedores limitan las transmisiones simultáneas, por lo que algunos mosaicos pueden fallar."
+    },
     "WORKSPACE": {
         "FAVORITES_ONLY": "Solo favoritos",
         "SORT_CUSTOM": "Orden personalizado",
@@ -1080,6 +1099,7 @@
             "OPEN_SOURCES": "Abrir fuentes",
             "RAIL_GLOBAL_FAVORITES": "Favoritos",
             "RAIL_GLOBAL_RECENT": "Vistos recientemente",
+            "RAIL_MULTIVIEW": "Vista múltiple",
             "RAIL_GLOBAL_SEARCH": "Global search",
             "RAIL_SETTINGS": "Ajustes",
             "OPEN_SETTINGS": "Abrir ajustes",
diff --git a/apps/web/src/assets/i18n/fr.json b/apps/web/src/assets/i18n/fr.json
index ae7d75e399..36a49cb0e6 100644
--- a/apps/web/src/assets/i18n/fr.json
+++ b/apps/web/src/assets/i18n/fr.json
@@ -1019,6 +1019,25 @@
         "HEADER": "Télécommande IPTVNator",
         "FOOTER": "Télécommande IPTVNator"
     },
+    "MULTIVIEW": {
+        "TITLE": "Multivue",
+        "ADD_CHANNEL": "Ajouter une chaîne",
+        "REMOVE_TILE": "Supprimer la tuile",
+        "LAYOUT": "Disposition",
+        "LAYOUT_1X2": "Grille 1×2",
+        "LAYOUT_2X2": "Grille 2×2",
+        "LAYOUT_1_PLUS_3": "1 grande + 3 petites",
+        "LAYOUT_3X3": "Grille 3×3",
+        "EMPTY_HINT": "Ajoutez des chaînes en direct pour regarder plusieurs flux à la fois.",
+        "TILE_ERROR": "Échec de la lecture pour cette chaîne.",
+        "RETRY": "Réessayer",
+        "PICKER_TITLE": "Sélectionner une chaîne",
+        "PICKER_FAVORITES": "Favoris",
+        "PICKER_RECENT": "Vus récemment",
+        "PICKER_SEARCH": "Rechercher des chaînes...",
+        "PICKER_EMPTY": "Aucune chaîne en direct trouvée.",
+        "CONNECTION_LIMIT_HINT": "Plusieurs tuiles utilisent le même fournisseur. La plupart des fournisseurs limitent les flux simultanés, certaines tuiles peuvent donc échouer."
+    },
     "WORKSPACE": {
         "FAVORITES_ONLY": "Favoris uniquement",
         "SORT_CUSTOM": "Ordre personnalisé",
@@ -1080,6 +1099,7 @@
             "OPEN_SOURCES": "Ouvrir les sources",
             "RAIL_GLOBAL_FAVORITES": "Favoris",
             "RAIL_GLOBAL_RECENT": "Récemment consultés",
+            "RAIL_MULTIVIEW": "Multivue",
             "RAIL_GLOBAL_SEARCH": "Global search",
             "RAIL_SETTINGS": "Paramètres",
             "OPEN_SETTINGS": "Ouvrir les paramètres",
diff --git a/apps/web/src/assets/i18n/it.json b/apps/web/src/assets/i18n/it.json
index 4b970e7e0c..4f33cee226 100644
--- a/apps/web/src/assets/i18n/it.json
+++ b/apps/web/src/assets/i18n/it.json
@@ -1019,6 +1019,25 @@
         "HEADER": "Controllo remoto IPTVNator",
         "FOOTER": "Controllo remoto IPTVNator"
     },
+    "MULTIVIEW": {
+        "TITLE": "Vista multipla",
+        "ADD_CHANNEL": "Aggiungi canale",
+        "REMOVE_TILE": "Rimuovi riquadro",
+        "LAYOUT": "Layout",
+        "LAYOUT_1X2": "Griglia 1×2",
+        "LAYOUT_2X2": "Griglia 2×2",
+        "LAYOUT_1_PLUS_3": "1 grande + 3 piccoli",
+        "LAYOUT_3X3": "Griglia 3×3",
+        "EMPTY_HINT": "Aggiungi canali live per guardare più stream contemporaneamente.",
+        "TILE_ERROR": "Riproduzione non riuscita per questo canale.",
+        "RETRY": "Riprova",
+        "PICKER_TITLE": "Seleziona un canale",
+        "PICKER_FAVORITES": "Preferiti",
+        "PICKER_RECENT": "Visti di recente",
+        "PICKER_SEARCH": "Cerca canali...",
+        "PICKER_EMPTY": "Nessun canale live trovato.",
+        "CONNECTION_LIMIT_HINT": "Più riquadri usano lo stesso provider. La maggior parte dei provider limita gli stream simultanei, quindi alcuni riquadri potrebbero non funzionare."
+    },
     "WORKSPACE": {
         "FAVORITES_ONLY": "Solo preferiti",
         "SORT_CUSTOM": "Ordine personalizzato",
@@ -1080,6 +1099,7 @@
             "OPEN_SOURCES": "Apri sorgenti",
             "RAIL_GLOBAL_FAVORITES": "Preferiti",
             "RAIL_GLOBAL_RECENT": "Visti di recente",
+            "RAIL_MULTIVIEW": "Vista multipla",
             "RAIL_GLOBAL_SEARCH": "Global search",
             "RAIL_SETTINGS": "Impostazioni",
             "OPEN_SETTINGS": "Apri impostazioni",
diff --git a/apps/web/src/assets/i18n/ja.json b/apps/web/src/assets/i18n/ja.json
index 2d108d99c9..4e16c73381 100644
--- a/apps/web/src/assets/i18n/ja.json
+++ b/apps/web/src/assets/i18n/ja.json
@@ -1019,6 +1019,25 @@
         "HEADER": "IPTVNatorリモートコントロール",
         "FOOTER": "IPTVNatorリモートコントロール"
     },
+    "MULTIVIEW": {
+        "TITLE": "マルチビュー",
+        "ADD_CHANNEL": "チャンネルを追加",
+        "REMOVE_TILE": "タイルを削除",
+        "LAYOUT": "レイアウト",
+        "LAYOUT_1X2": "1×2グリッド",
+        "LAYOUT_2X2": "2×2グリッド",
+        "LAYOUT_1_PLUS_3": "大1 + 小3",
+        "LAYOUT_3X3": "3×3グリッド",
+        "EMPTY_HINT": "ライブチャンネルを追加して、複数のストリームを同時に視聴できます。",
+        "TILE_ERROR": "このチャンネルの再生に失敗しました。",
+        "RETRY": "再試行",
+        "PICKER_TITLE": "チャンネルを選択",
+        "PICKER_FAVORITES": "お気に入り",
+        "PICKER_RECENT": "最近視聴した項目",
+        "PICKER_SEARCH": "チャンネルを検索...",
+        "PICKER_EMPTY": "ライブチャンネルが見つかりません。",
+        "CONNECTION_LIMIT_HINT": "複数のタイルが同じプロバイダーを使用しています。多くのプロバイダーは同時ストリーム数を制限しているため、一部のタイルが失敗する場合があります。"
+    },
     "WORKSPACE": {
         "FAVORITES_ONLY": "お気に入りのみ",
         "SORT_CUSTOM": "カスタム順",
@@ -1080,6 +1099,7 @@
             "OPEN_SOURCES": "ソースを開く",
             "RAIL_GLOBAL_FAVORITES": "お気に入り",
             "RAIL_GLOBAL_RECENT": "最近表示した項目",
+            "RAIL_MULTIVIEW": "マルチビュー",
             "RAIL_GLOBAL_SEARCH": "Global search",
             "RAIL_SETTINGS": "設定",
             "OPEN_SETTINGS": "設定を開く",
diff --git a/apps/web/src/assets/i18n/ko.json b/apps/web/src/assets/i18n/ko.json
index 25b7226bd8..65d8d3e6ac 100644
--- a/apps/web/src/assets/i18n/ko.json
+++ b/apps/web/src/assets/i18n/ko.json
@@ -1019,6 +1019,25 @@
         "HEADER": "IPTVNator 원격 제어",
         "FOOTER": "IPTVNator 원격 제어"
     },
+    "MULTIVIEW": {
+        "TITLE": "멀티뷰",
+        "ADD_CHANNEL": "채널 추가",
+        "REMOVE_TILE": "타일 제거",
+        "LAYOUT": "레이아웃",
+        "LAYOUT_1X2": "1×2 그리드",
+        "LAYOUT_2X2": "2×2 그리드",
+        "LAYOUT_1_PLUS_3": "큰 화면 1 + 작은 화면 3",
+        "LAYOUT_3X3": "3×3 그리드",
+        "EMPTY_HINT": "라이브 채널을 추가하여 여러 스트림을 동시에 시청하세요.",
+        "TILE_ERROR": "이 채널을 재생하지 못했습니다.",
+        "RETRY": "다시 시도",
+        "PICKER_TITLE": "채널 선택",
+        "PICKER_FAVORITES": "즐겨찾기",
+        "PICKER_RECENT": "최근 본 항목",
+        "PICKER_SEARCH": "채널 검색...",
+        "PICKER_EMPTY": "라이브 채널을 찾을 수 없습니다.",
+        "CONNECTION_LIMIT_HINT": "여러 타일이 동일한 공급자를 사용하고 있습니다. 대부분의 공급자는 동시 스트림 수를 제한하므로 일부 타일이 실패할 수 있습니다."
+    },
     "WORKSPACE": {
         "FAVORITES_ONLY": "즐겨찾기만",
         "SORT_CUSTOM": "사용자 지정 순서",
@@ -1080,6 +1099,7 @@
             "OPEN_SOURCES": "소스 열기",
             "RAIL_GLOBAL_FAVORITES": "즐겨찾기",
             "RAIL_GLOBAL_RECENT": "최근 본 항목",
+            "RAIL_MULTIVIEW": "멀티뷰",
             "RAIL_GLOBAL_SEARCH": "Global search",
             "RAIL_SETTINGS": "설정",
             "OPEN_SETTINGS": "설정 열기",
diff --git a/apps/web/src/assets/i18n/nl.json b/apps/web/src/assets/i18n/nl.json
index fff5dfbeed..49a87c940f 100644
--- a/apps/web/src/assets/i18n/nl.json
+++ b/apps/web/src/assets/i18n/nl.json
@@ -1019,6 +1019,25 @@
         "HEADER": "IPTVNator Afstandsbediening",
         "FOOTER": "IPTVNator Afstandsbediening"
     },
+    "MULTIVIEW": {
+        "TITLE": "Multiview",
+        "ADD_CHANNEL": "Zender toevoegen",
+        "REMOVE_TILE": "Tegel verwijderen",
+        "LAYOUT": "Indeling",
+        "LAYOUT_1X2": "1×2-raster",
+        "LAYOUT_2X2": "2×2-raster",
+        "LAYOUT_1_PLUS_3": "1 groot + 3 klein",
+        "LAYOUT_3X3": "3×3-raster",
+        "EMPTY_HINT": "Voeg live zenders toe om meerdere streams tegelijk te bekijken.",
+        "TILE_ERROR": "Afspelen mislukt voor deze zender.",
+        "RETRY": "Opnieuw proberen",
+        "PICKER_TITLE": "Kies een zender",
+        "PICKER_FAVORITES": "Favorieten",
+        "PICKER_RECENT": "Recent bekeken",
+        "PICKER_SEARCH": "Zenders zoeken...",
+        "PICKER_EMPTY": "Geen live zenders gevonden.",
+        "CONNECTION_LIMIT_HINT": "Meerdere tegels gebruiken dezelfde provider. De meeste providers beperken gelijktijdige streams, waardoor sommige tegels kunnen mislukken."
+    },
     "WORKSPACE": {
         "FAVORITES_ONLY": "Alleen favorieten",
         "SORT_CUSTOM": "Aangepaste volgorde",
@@ -1080,6 +1099,7 @@
             "OPEN_SOURCES": "Open bronnen",
             "RAIL_GLOBAL_FAVORITES": "Favorieten",
             "RAIL_GLOBAL_RECENT": "Recent bekeken",
+            "RAIL_MULTIVIEW": "Multiview",
             "RAIL_GLOBAL_SEARCH": "Global search",
             "RAIL_SETTINGS": "Instellingen",
             "OPEN_SETTINGS": "Open instellingen",
diff --git a/apps/web/src/assets/i18n/pl.json b/apps/web/src/assets/i18n/pl.json
index d853d98cba..f66cc7f817 100644
--- a/apps/web/src/assets/i18n/pl.json
+++ b/apps/web/src/assets/i18n/pl.json
@@ -1019,6 +1019,25 @@
         "HEADER": "Zdalne sterowanie IPTVNator",
         "FOOTER": "Zdalne sterowanie IPTVNator"
     },
+    "MULTIVIEW": {
+        "TITLE": "Multiwidok",
+        "ADD_CHANNEL": "Dodaj kanał",
+        "REMOVE_TILE": "Usuń kafelek",
+        "LAYOUT": "Układ",
+        "LAYOUT_1X2": "Siatka 1×2",
+        "LAYOUT_2X2": "Siatka 2×2",
+        "LAYOUT_1_PLUS_3": "1 duży + 3 małe",
+        "LAYOUT_3X3": "Siatka 3×3",
+        "EMPTY_HINT": "Dodaj kanały na żywo, aby oglądać kilka transmisji jednocześnie.",
+        "TILE_ERROR": "Odtwarzanie tego kanału nie powiodło się.",
+        "RETRY": "Spróbuj ponownie",
+        "PICKER_TITLE": "Wybierz kanał",
+        "PICKER_FAVORITES": "Ulubione",
+        "PICKER_RECENT": "Ostatnio oglądane",
+        "PICKER_SEARCH": "Szukaj kanałów...",
+        "PICKER_EMPTY": "Nie znaleziono kanałów na żywo.",
+        "CONNECTION_LIMIT_HINT": "Kilka kafelków korzysta z tego samego dostawcy. Większość dostawców ogranicza liczbę jednoczesnych transmisji, więc niektóre kafelki mogą nie działać."
+    },
     "WORKSPACE": {
         "FAVORITES_ONLY": "Tylko ulubione",
         "SORT_CUSTOM": "Własna kolejność",
@@ -1080,6 +1099,7 @@
             "OPEN_SOURCES": "Otwórz źródła",
             "RAIL_GLOBAL_FAVORITES": "Ulubione",
             "RAIL_GLOBAL_RECENT": "Ostatnio oglądane",
+            "RAIL_MULTIVIEW": "Multiwidok",
             "RAIL_GLOBAL_SEARCH": "Global search",
             "RAIL_SETTINGS": "Ustawienia",
             "OPEN_SETTINGS": "Otwórz ustawienia",
diff --git a/apps/web/src/assets/i18n/pt.json b/apps/web/src/assets/i18n/pt.json
index c0cd4ade0d..4152f4d0d4 100644
--- a/apps/web/src/assets/i18n/pt.json
+++ b/apps/web/src/assets/i18n/pt.json
@@ -1019,6 +1019,25 @@
         "HEADER": "Controle Remoto IPTVNator",
         "FOOTER": "Controle Remoto IPTVNator"
     },
+    "MULTIVIEW": {
+        "TITLE": "Multivisualização",
+        "ADD_CHANNEL": "Adicionar canal",
+        "REMOVE_TILE": "Remover bloco",
+        "LAYOUT": "Layout",
+        "LAYOUT_1X2": "Grade 1×2",
+        "LAYOUT_2X2": "Grade 2×2",
+        "LAYOUT_1_PLUS_3": "1 grande + 3 pequenos",
+        "LAYOUT_3X3": "Grade 3×3",
+        "EMPTY_HINT": "Adicione canais ao vivo para assistir a várias transmissões ao mesmo tempo.",
+        "TILE_ERROR": "Falha na reprodução deste canal.",
+        "RETRY": "Tentar novamente",
+        "PICKER_TITLE": "Selecionar um canal",
+        "PICKER_FAVORITES": "Favoritos",
+        "PICKER_RECENT": "Visualizados recentemente",
+        "PICKER_SEARCH": "Pesquisar canais...",
+        "PICKER_EMPTY": "Nenhum canal ao vivo encontrado.",
+        "CONNECTION_LIMIT_HINT": "Vários blocos usam o mesmo provedor. A maioria dos provedores limita transmissões simultâneas, por isso alguns blocos podem falhar."
+    },
     "WORKSPACE": {
         "FAVORITES_ONLY": "Apenas favoritos",
         "SORT_CUSTOM": "Ordem personalizada",
@@ -1080,6 +1099,7 @@
             "OPEN_SOURCES": "Abrir fontes",
             "RAIL_GLOBAL_FAVORITES": "Favoritos",
             "RAIL_GLOBAL_RECENT": "Visualizados recentemente",
+            "RAIL_MULTIVIEW": "Multivisualização",
             "RAIL_GLOBAL_SEARCH": "Global search",
             "RAIL_SETTINGS": "Configurações",
             "OPEN_SETTINGS": "Abrir configurações",
diff --git a/apps/web/src/assets/i18n/ru.json b/apps/web/src/assets/i18n/ru.json
index 414e257726..84247f6e96 100644
--- a/apps/web/src/assets/i18n/ru.json
+++ b/apps/web/src/assets/i18n/ru.json
@@ -1019,6 +1019,25 @@
         "HEADER": "IPTVNator Дистанционное управление",
         "FOOTER": "IPTVNator Дистанционное управление"
     },
+    "MULTIVIEW": {
+        "TITLE": "Мультиэкран",
+        "ADD_CHANNEL": "Добавить канал",
+        "REMOVE_TILE": "Удалить плитку",
+        "LAYOUT": "Раскладка",
+        "LAYOUT_1X2": "Сетка 1×2",
+        "LAYOUT_2X2": "Сетка 2×2",
+        "LAYOUT_1_PLUS_3": "1 большая + 3 маленькие",
+        "LAYOUT_3X3": "Сетка 3×3",
+        "EMPTY_HINT": "Добавьте живые каналы, чтобы смотреть несколько трансляций одновременно.",
+        "TILE_ERROR": "Не удалось воспроизвести этот канал.",
+        "RETRY": "Повторить",
+        "PICKER_TITLE": "Выберите канал",
+        "PICKER_FAVORITES": "Избранное",
+        "PICKER_RECENT": "Недавно просмотренные",
+        "PICKER_SEARCH": "Поиск каналов...",
+        "PICKER_EMPTY": "Живые каналы не найдены.",
+        "CONNECTION_LIMIT_HINT": "Несколько плиток используют одного провайдера. Большинство провайдеров ограничивают число одновременных потоков, поэтому некоторые плитки могут не работать."
+    },
     "WORKSPACE": {
         "FAVORITES_ONLY": "Только избранное",
         "SORT_CUSTOM": "Пользовательский порядок",
@@ -1080,6 +1099,7 @@
             "OPEN_SOURCES": "Открыть источники",
             "RAIL_GLOBAL_FAVORITES": "Избранное",
             "RAIL_GLOBAL_RECENT": "Недавно просмотренные",
+            "RAIL_MULTIVIEW": "Мультиэкран",
             "RAIL_GLOBAL_SEARCH": "Глобальный поиск",
             "RAIL_SETTINGS": "Настройки",
             "OPEN_SETTINGS": "Открыть настройки",
diff --git a/apps/web/src/assets/i18n/tr.json b/apps/web/src/assets/i18n/tr.json
index 24c48b1c3f..039e03f1fd 100644
--- a/apps/web/src/assets/i18n/tr.json
+++ b/apps/web/src/assets/i18n/tr.json
@@ -1019,6 +1019,25 @@
         "HEADER": "IPTVNator Uzaktan Kontrol",
         "FOOTER": "IPTVNator Uzaktan Kontrol"
     },
+    "MULTIVIEW": {
+        "TITLE": "Çoklu görünüm",
+        "ADD_CHANNEL": "Kanal ekle",
+        "REMOVE_TILE": "Kutucuğu kaldır",
+        "LAYOUT": "Düzen",
+        "LAYOUT_1X2": "1×2 ızgara",
+        "LAYOUT_2X2": "2×2 ızgara",
+        "LAYOUT_1_PLUS_3": "1 büyük + 3 küçük",
+        "LAYOUT_3X3": "3×3 ızgara",
+        "EMPTY_HINT": "Aynı anda birden fazla yayın izlemek için canlı kanallar ekleyin.",
+        "TILE_ERROR": "Bu kanal oynatılamadı.",
+        "RETRY": "Tekrar dene",
+        "PICKER_TITLE": "Kanal seçin",
+        "PICKER_FAVORITES": "Favoriler",
+        "PICKER_RECENT": "Son izlenenler",
+        "PICKER_SEARCH": "Kanal ara...",
+        "PICKER_EMPTY": "Canlı kanal bulunamadı.",
+        "CONNECTION_LIMIT_HINT": "Birden fazla kutucuk aynı sağlayıcıyı kullanıyor. Çoğu sağlayıcı eş zamanlı yayın sayısını sınırlar, bu nedenle bazı kutucuklar başarısız olabilir."
+    },
     "WORKSPACE": {
         "FAVORITES_ONLY": "Yalnızca favoriler",
         "SORT_CUSTOM": "Özel sıralama",
@@ -1080,6 +1099,7 @@
             "OPEN_SOURCES": "Kaynakları aç",
             "RAIL_GLOBAL_FAVORITES": "Favoriler",
             "RAIL_GLOBAL_RECENT": "Son izlenenler",
+            "RAIL_MULTIVIEW": "Çoklu görünüm",
             "RAIL_GLOBAL_SEARCH": "Global search",
             "RAIL_SETTINGS": "Ayarlar",
             "OPEN_SETTINGS": "Ayarları aç",
diff --git a/apps/web/src/assets/i18n/zh.json b/apps/web/src/assets/i18n/zh.json
index db2db90aef..41a9b2a4ed 100644
--- a/apps/web/src/assets/i18n/zh.json
+++ b/apps/web/src/assets/i18n/zh.json
@@ -1019,6 +1019,25 @@
         "HEADER": "IPTVNator 远程控制",
         "FOOTER": "IPTVNator 远程控制"
     },
+    "MULTIVIEW": {
+        "TITLE": "多画面",
+        "ADD_CHANNEL": "添加频道",
+        "REMOVE_TILE": "移除窗格",
+        "LAYOUT": "布局",
+        "LAYOUT_1X2": "1×2 网格",
+        "LAYOUT_2X2": "2×2 网格",
+        "LAYOUT_1_PLUS_3": "1 大 + 3 小",
+        "LAYOUT_3X3": "3×3 网格",
+        "EMPTY_HINT": "添加直播频道以同时观看多个流。",
+        "TILE_ERROR": "此频道播放失败。",
+        "RETRY": "重试",
+        "PICKER_TITLE": "选择频道",
+        "PICKER_FAVORITES": "收藏",
+        "PICKER_RECENT": "最近观看",
+        "PICKER_SEARCH": "搜索频道...",
+        "PICKER_EMPTY": "未找到直播频道。",
+        "CONNECTION_LIMIT_HINT": "多个窗格使用同一服务商。大多数服务商会限制并发流数量，因此部分窗格可能无法播放。"
+    },
     "WORKSPACE": {
         "FAVORITES_ONLY": "仅收藏",
         "SORT_CUSTOM": "自定义顺序",
@@ -1080,6 +1099,7 @@
             "OPEN_SOURCES": "打开源",
             "RAIL_GLOBAL_FAVORITES": "收藏",
             "RAIL_GLOBAL_RECENT": "最近观看",
+            "RAIL_MULTIVIEW": "多画面",
             "RAIL_GLOBAL_SEARCH": "Global search",
             "RAIL_SETTINGS": "设置",
             "OPEN_SETTINGS": "打开设置",
diff --git a/apps/web/src/assets/i18n/zhtw.json b/apps/web/src/assets/i18n/zhtw.json
index ed43744f86..866af9b1d0 100644
--- a/apps/web/src/assets/i18n/zhtw.json
+++ b/apps/web/src/assets/i18n/zhtw.json
@@ -1019,6 +1019,25 @@
         "HEADER": "IPTVNator 遠端控制",
         "FOOTER": "IPTVNator 遠端控制"
     },
+    "MULTIVIEW": {
+        "TITLE": "多畫面",
+        "ADD_CHANNEL": "新增頻道",
+        "REMOVE_TILE": "移除窗格",
+        "LAYOUT": "版面配置",
+        "LAYOUT_1X2": "1×2 網格",
+        "LAYOUT_2X2": "2×2 網格",
+        "LAYOUT_1_PLUS_3": "1 大 + 3 小",
+        "LAYOUT_3X3": "3×3 網格",
+        "EMPTY_HINT": "新增直播頻道以同時觀看多個串流。",
+        "TILE_ERROR": "此頻道播放失敗。",
+        "RETRY": "重試",
+        "PICKER_TITLE": "選擇頻道",
+        "PICKER_FAVORITES": "我的最愛",
+        "PICKER_RECENT": "最近觀看",
+        "PICKER_SEARCH": "搜尋頻道...",
+        "PICKER_EMPTY": "找不到直播頻道。",
+        "CONNECTION_LIMIT_HINT": "多個窗格使用同一供應商。大多數供應商會限制同時串流數量，因此部分窗格可能無法播放。"
+    },
     "WORKSPACE": {
         "FAVORITES_ONLY": "僅顯示我的最愛",
         "SORT_CUSTOM": "自訂排序",
@@ -1080,6 +1099,7 @@
             "OPEN_SOURCES": "開啟來源",
             "RAIL_GLOBAL_FAVORITES": "我的最愛",
             "RAIL_GLOBAL_RECENT": "最近觀看",
+            "RAIL_MULTIVIEW": "多畫面",
             "RAIL_GLOBAL_SEARCH": "Global search",
             "RAIL_SETTINGS": "設定",
             "OPEN_SETTINGS": "開啟設定",
diff --git a/libs/workspace/multiview/feature/eslint.config.mjs b/libs/workspace/multiview/feature/eslint.config.mjs
new file mode 100644
index 0000000000..51f77a3457
--- /dev/null
+++ b/libs/workspace/multiview/feature/eslint.config.mjs
@@ -0,0 +1,34 @@
+import nx from '@nx/eslint-plugin';
+import baseConfig from '../../../../eslint.config.mjs';
+
+export default [
+    ...baseConfig,
+    ...nx.configs['flat/angular'],
+    ...nx.configs['flat/angular-template'],
+    {
+        files: ['**/*.ts'],
+        rules: {
+            '@angular-eslint/directive-selector': [
+                'error',
+                {
+                    type: 'attribute',
+                    prefix: 'lib',
+                    style: 'camelCase',
+                },
+            ],
+            '@angular-eslint/component-selector': [
+                'error',
+                {
+                    type: 'element',
+                    prefix: 'lib',
+                    style: 'kebab-case',
+                },
+            ],
+        },
+    },
+    {
+        files: ['**/*.html'],
+        // Override or add rules here
+        rules: {},
+    },
+];
diff --git a/libs/workspace/multiview/feature/jest.config.ts b/libs/workspace/multiview/feature/jest.config.ts
new file mode 100644
index 0000000000..7f81a59286
--- /dev/null
+++ b/libs/workspace/multiview/feature/jest.config.ts
@@ -0,0 +1,22 @@
+export default {
+    displayName: '@iptvnator/workspace/multiview/feature',
+    preset: '../../../../jest.preset.js',
+    setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+    coverageDirectory: '../../../../coverage/libs/workspace/multiview/feature',
+    transform: {
+        '^.+\\.(ts|mjs|js|html)$': [
+            'jest-preset-angular',
+            {
+                tsconfig: '<rootDir>/tsconfig.spec.json',
+                stringifyContentPathRegex: '\\.(html|svg)$',
+            },
+        ],
+    },
+    transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
+    snapshotSerializers: [
+        'jest-preset-angular/build/serializers/no-ng-attributes',
+        'jest-preset-angular/build/serializers/ng-snapshot',
+        'jest-preset-angular/build/serializers/html-comment',
+    ],
+    moduleFileExtensions: ['ts', 'js', 'html'],
+};
diff --git a/libs/workspace/multiview/feature/project.json b/libs/workspace/multiview/feature/project.json
new file mode 100644
index 0000000000..03433a5ac7
--- /dev/null
+++ b/libs/workspace/multiview/feature/project.json
@@ -0,0 +1,21 @@
+{
+    "name": "workspace-multiview-feature",
+    "$schema": "../../../../node_modules/nx/schemas/project-schema.json",
+    "sourceRoot": "libs/workspace/multiview/feature/src",
+    "prefix": "lib",
+    "projectType": "library",
+    "tags": ["scope:workspace", "domain:workspace", "type:feature"],
+    "targets": {
+        "test": {
+            "executor": "@nx/jest:jest",
+            "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
+            "options": {
+                "jestConfig": "libs/workspace/multiview/feature/jest.config.ts",
+                "tsConfig": "libs/workspace/multiview/feature/tsconfig.spec.json"
+            }
+        },
+        "lint": {
+            "executor": "@nx/eslint:lint"
+        }
+    }
+}
diff --git a/libs/workspace/multiview/feature/src/index.ts b/libs/workspace/multiview/feature/src/index.ts
new file mode 100644
index 0000000000..f9e5cf68de
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/index.ts
@@ -0,0 +1 @@
+export * from './lib/multiview-page.component';
diff --git a/libs/workspace/multiview/feature/src/lib/multiview-channel-picker-dialog.component.html b/libs/workspace/multiview/feature/src/lib/multiview-channel-picker-dialog.component.html
new file mode 100644
index 0000000000..62b8113960
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/lib/multiview-channel-picker-dialog.component.html
@@ -0,0 +1,78 @@
+<div class="picker-title" mat-dialog-title>
+    <span>{{ 'MULTIVIEW.PICKER_TITLE' | translate }}</span>
+    <button
+        mat-icon-button
+        type="button"
+        mat-dialog-close
+        [attr.aria-label]="'CLOSE' | translate"
+    >
+        <mat-icon>close</mat-icon>
+    </button>
+</div>
+
+<mat-dialog-content class="picker-content">
+    <mat-button-toggle-group
+        class="picker-tabs"
+        hideSingleSelectionIndicator
+        [value]="activeTab()"
+        (change)="onTabChange($event.value)"
+    >
+        <mat-button-toggle value="favorites">
+            {{ 'MULTIVIEW.PICKER_FAVORITES' | translate }}
+        </mat-button-toggle>
+        <mat-button-toggle value="recent">
+            {{ 'MULTIVIEW.PICKER_RECENT' | translate }}
+        </mat-button-toggle>
+    </mat-button-toggle-group>
+
+    <div class="picker-search">
+        <mat-icon>search</mat-icon>
+        <input
+            type="text"
+            class="picker-search-input"
+            [placeholder]="'MULTIVIEW.PICKER_SEARCH' | translate"
+            [value]="searchTerm()"
+            (input)="onSearchInput($event)"
+        />
+    </div>
+
+    @if (loading()) {
+        <div class="picker-state">
+            <mat-spinner [diameter]="32" />
+        </div>
+    } @else if (filteredItems().length === 0) {
+        <div class="picker-state picker-empty">
+            <mat-icon>live_tv</mat-icon>
+            <span>{{ 'MULTIVIEW.PICKER_EMPTY' | translate }}</span>
+        </div>
+    } @else {
+        <div class="picker-list">
+            @for (item of filteredItems(); track item.uid) {
+                <button
+                    type="button"
+                    class="picker-item"
+                    (click)="selectItem(item)"
+                >
+                    @if (item.logo) {
+                        <img
+                            class="picker-item-logo"
+                            [src]="item.logo"
+                            alt=""
+                            loading="lazy"
+                        />
+                    } @else {
+                        <mat-icon class="picker-item-logo-fallback">
+                            live_tv
+                        </mat-icon>
+                    }
+                    <span class="picker-item-text">
+                        <span class="picker-item-name">{{ item.name }}</span>
+                        <span class="picker-item-playlist">
+                            {{ item.playlistName }}
+                        </span>
+                    </span>
+                </button>
+            }
+        </div>
+    }
+</mat-dialog-content>
diff --git a/libs/workspace/multiview/feature/src/lib/multiview-channel-picker-dialog.component.scss b/libs/workspace/multiview/feature/src/lib/multiview-channel-picker-dialog.component.scss
new file mode 100644
index 0000000000..537092e8a6
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/lib/multiview-channel-picker-dialog.component.scss
@@ -0,0 +1,118 @@
+.picker-title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    padding-right: 12px;
+}
+
+.picker-content {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    width: min(440px, 80vw);
+}
+
+.picker-tabs {
+    align-self: flex-start;
+}
+
+.picker-search {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 6px 10px;
+    border-radius: 8px;
+    background: var(--mat-sys-surface-container-high, rgba(0, 0, 0, 0.06));
+
+    mat-icon {
+        opacity: 0.7;
+        flex-shrink: 0;
+    }
+}
+
+.picker-search-input {
+    flex: 1;
+    min-width: 0;
+    border: none;
+    outline: none;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+}
+
+.picker-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    min-height: 180px;
+    opacity: 0.75;
+}
+
+.picker-list {
+    display: flex;
+    flex-direction: column;
+    min-height: 180px;
+    max-height: 50vh;
+    overflow-y: auto;
+}
+
+.picker-item {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 8px 10px;
+    border: none;
+    border-radius: 8px;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    text-align: left;
+    cursor: pointer;
+
+    &:hover,
+    &:focus-visible {
+        background: var(
+            --mat-sys-surface-container-highest,
+            rgba(0, 0, 0, 0.08)
+        );
+    }
+}
+
+.picker-item-logo {
+    width: 32px;
+    height: 32px;
+    object-fit: contain;
+    flex-shrink: 0;
+}
+
+.picker-item-logo-fallback {
+    width: 32px;
+    height: 32px;
+    font-size: 32px;
+    opacity: 0.5;
+    flex-shrink: 0;
+}
+
+.picker-item-text {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+}
+
+.picker-item-name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-weight: 500;
+}
+
+.picker-item-playlist {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 12px;
+    opacity: 0.65;
+}
diff --git a/libs/workspace/multiview/feature/src/lib/multiview-channel-picker-dialog.component.spec.ts b/libs/workspace/multiview/feature/src/lib/multiview-channel-picker-dialog.component.spec.ts
new file mode 100644
index 0000000000..fb2c5f45f8
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/lib/multiview-channel-picker-dialog.component.spec.ts
@@ -0,0 +1,163 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatDialogRef } from '@angular/material/dialog';
+import { provideNoopAnimations } from '@angular/platform-browser/animations';
+import { TranslateModule } from '@ngx-translate/core';
+import {
+    UnifiedFavoritesDataService,
+    UnifiedRecentDataService,
+} from '@iptvnator/portal/shared/data-access';
+import { UnifiedCollectionItem } from '@iptvnator/portal/shared/util';
+import { MultiviewChannelPickerDialogComponent } from './multiview-channel-picker-dialog.component';
+
+function buildItem(
+    overrides: Partial<UnifiedCollectionItem> = {}
+): UnifiedCollectionItem {
+    return {
+        uid: 'm3u::playlist-1::1',
+        name: 'Channel One',
+        contentType: 'live',
+        sourceType: 'm3u',
+        playlistId: 'playlist-1',
+        playlistName: 'My Playlist',
+        ...overrides,
+    } as UnifiedCollectionItem;
+}
+
+describe('MultiviewChannelPickerDialogComponent', () => {
+    let fixture: ComponentFixture<MultiviewChannelPickerDialogComponent>;
+    let component: MultiviewChannelPickerDialogComponent;
+    let dialogRef: { close: jest.Mock };
+    let favoritesData: { getFavorites: jest.Mock };
+    let recentData: { getRecentItems: jest.Mock };
+
+    const favoriteItems = [
+        buildItem({ uid: 'm3u::playlist-1::1', name: 'News HD' }),
+        buildItem({
+            uid: 'xtream::playlist-2::2',
+            name: 'Sports One',
+            sourceType: 'xtream',
+            playlistId: 'playlist-2',
+            playlistName: 'Xtream Portal',
+        }),
+        buildItem({
+            uid: 'm3u::playlist-1::3',
+            name: 'A Movie',
+            contentType: 'movie',
+        }),
+        buildItem({
+            uid: 'm3u::playlist-1::4',
+            name: 'Radio Station',
+            radio: 'true',
+        }),
+    ];
+    const recentItems = [
+        buildItem({ uid: 'stalker::playlist-3::5', name: 'Recent Live' }),
+    ];
+
+    beforeEach(async () => {
+        dialogRef = { close: jest.fn() };
+        favoritesData = {
+            getFavorites: jest.fn().mockResolvedValue(favoriteItems),
+        };
+        recentData = {
+            getRecentItems: jest.fn().mockResolvedValue(recentItems),
+        };
+
+        await TestBed.configureTestingModule({
+            imports: [
+                MultiviewChannelPickerDialogComponent,
+                TranslateModule.forRoot(),
+            ],
+            providers: [
+                provideNoopAnimations(),
+                { provide: MatDialogRef, useValue: dialogRef },
+                {
+                    provide: UnifiedFavoritesDataService,
+                    useValue: favoritesData,
+                },
+                { provide: UnifiedRecentDataService, useValue: recentData },
+            ],
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(
+            MultiviewChannelPickerDialogComponent
+        );
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+        await fixture.whenStable();
+        fixture.detectChanges();
+    });
+
+    function itemNames(): string[] {
+        return Array.from(
+            fixture.nativeElement.querySelectorAll('.picker-item-name')
+        ).map((el) => (el as HTMLElement).textContent?.trim());
+    }
+
+    it('loads unified favorites filtered to live non-radio channels', () => {
+        expect(favoritesData.getFavorites).toHaveBeenCalledWith('all');
+        expect(recentData.getRecentItems).toHaveBeenCalledWith('all');
+        expect(itemNames()).toEqual(['News HD', 'Sports One']);
+    });
+
+    it('switches to the recent tab', () => {
+        component.onTabChange('recent');
+        fixture.detectChanges();
+
+        expect(itemNames()).toEqual(['Recent Live']);
+    });
+
+    it('filters by search term across name and playlist name', () => {
+        component.searchTerm.set('sports');
+        fixture.detectChanges();
+        expect(itemNames()).toEqual(['Sports One']);
+
+        component.searchTerm.set('xtream portal');
+        fixture.detectChanges();
+        expect(itemNames()).toEqual(['Sports One']);
+
+        component.searchTerm.set('no-match');
+        fixture.detectChanges();
+        expect(itemNames()).toEqual([]);
+        expect(
+            fixture.nativeElement.querySelector('.picker-empty')
+        ).toBeTruthy();
+    });
+
+    it('closes with the picked item and its origin tab', () => {
+        const buttons: NodeListOf<HTMLButtonElement> =
+            fixture.nativeElement.querySelectorAll('.picker-item');
+        buttons[1].click();
+
+        expect(dialogRef.close).toHaveBeenCalledWith({
+            item: expect.objectContaining({ name: 'Sports One' }),
+            origin: 'favorites',
+        });
+
+        component.onTabChange('recent');
+        fixture.detectChanges();
+        const recentButton: HTMLButtonElement =
+            fixture.nativeElement.querySelector('.picker-item');
+        recentButton.click();
+
+        expect(dialogRef.close).toHaveBeenLastCalledWith({
+            item: expect.objectContaining({ name: 'Recent Live' }),
+            origin: 'recent',
+        });
+    });
+
+    it('falls back to empty lists when loading fails', async () => {
+        favoritesData.getFavorites.mockRejectedValue(new Error('offline'));
+        recentData.getRecentItems.mockRejectedValue(new Error('offline'));
+
+        const failingFixture = TestBed.createComponent(
+            MultiviewChannelPickerDialogComponent
+        );
+        failingFixture.detectChanges();
+        await failingFixture.whenStable();
+        failingFixture.detectChanges();
+
+        expect(failingFixture.componentInstance.loading()).toBe(false);
+        expect(failingFixture.componentInstance.filteredItems()).toEqual([]);
+    });
+});
diff --git a/libs/workspace/multiview/feature/src/lib/multiview-channel-picker-dialog.component.ts b/libs/workspace/multiview/feature/src/lib/multiview-channel-picker-dialog.component.ts
new file mode 100644
index 0000000000..cb3e06e63d
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/lib/multiview-channel-picker-dialog.component.ts
@@ -0,0 +1,114 @@
+import { ChangeDetectionStrategy } from '@angular/core';
+import { Component, computed, inject, signal } from '@angular/core';
+import { MatIconButton } from '@angular/material/button';
+import {
+    MatButtonToggle,
+    MatButtonToggleGroup,
+} from '@angular/material/button-toggle';
+import {
+    MatDialogClose,
+    MatDialogContent,
+    MatDialogRef,
+    MatDialogTitle,
+} from '@angular/material/dialog';
+import { MatIcon } from '@angular/material/icon';
+import { MatProgressSpinner } from '@angular/material/progress-spinner';
+import { TranslatePipe } from '@ngx-translate/core';
+import {
+    UnifiedFavoritesDataService,
+    UnifiedRecentDataService,
+} from '@iptvnator/portal/shared/data-access';
+import { UnifiedCollectionItem } from '@iptvnator/portal/shared/util';
+import {
+    MultiviewSlotChannel,
+    MultiviewSlotOrigin,
+} from './multiview-state.service';
+
+/** Dialog result: the picked channel, or `undefined` when dismissed. */
+export type MultiviewChannelPickerResult = MultiviewSlotChannel;
+
+function isLiveTvItem(item: UnifiedCollectionItem): boolean {
+    return item.contentType === 'live' && item.radio !== 'true';
+}
+
+/**
+ * Channel picker for multiview slots. Offers the cross-source unified
+ * favorites and recently viewed lists (live TV only, no radio) with a
+ * simple text filter.
+ */
+@Component({
+    selector: 'lib-multiview-channel-picker-dialog',
+    templateUrl: './multiview-channel-picker-dialog.component.html',
+    styleUrls: ['./multiview-channel-picker-dialog.component.scss'],
+    standalone: true,
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        MatButtonToggle,
+        MatButtonToggleGroup,
+        MatDialogClose,
+        MatDialogContent,
+        MatDialogTitle,
+        MatIcon,
+        MatIconButton,
+        MatProgressSpinner,
+        TranslatePipe,
+    ],
+})
+export class MultiviewChannelPickerDialogComponent {
+    private readonly dialogRef =
+        inject<
+            MatDialogRef<
+                MultiviewChannelPickerDialogComponent,
+                MultiviewChannelPickerResult
+            >
+        >(MatDialogRef);
+    private readonly favoritesData = inject(UnifiedFavoritesDataService);
+    private readonly recentData = inject(UnifiedRecentDataService);
+
+    readonly activeTab = signal<MultiviewSlotOrigin>('favorites');
+    readonly searchTerm = signal('');
+    readonly loading = signal(true);
+
+    private readonly favorites = signal<UnifiedCollectionItem[]>([]);
+    private readonly recent = signal<UnifiedCollectionItem[]>([]);
+
+    readonly filteredItems = computed(() => {
+        const items =
+            this.activeTab() === 'favorites' ? this.favorites() : this.recent();
+        const term = this.searchTerm().trim().toLowerCase();
+        if (!term) {
+            return items;
+        }
+        return items.filter(
+            (item) =>
+                item.name.toLowerCase().includes(term) ||
+                item.playlistName?.toLowerCase().includes(term)
+        );
+    });
+
+    constructor() {
+        void this.loadItems();
+    }
+
+    onTabChange(origin: MultiviewSlotOrigin): void {
+        this.activeTab.set(origin);
+    }
+
+    onSearchInput(event: Event): void {
+        this.searchTerm.set((event.target as HTMLInputElement).value);
+    }
+
+    selectItem(item: UnifiedCollectionItem): void {
+        this.dialogRef.close({ item, origin: this.activeTab() });
+    }
+
+    private async loadItems(): Promise<void> {
+        const [favorites, recent] = await Promise.all([
+            this.favoritesData.getFavorites('all').catch(() => []),
+            this.recentData.getRecentItems('all').catch(() => []),
+        ]);
+        this.favorites.set(favorites.filter(isLiveTvItem));
+        this.recent.set(recent.filter(isLiveTvItem));
+        this.loading.set(false);
+    }
+}
diff --git a/libs/workspace/multiview/feature/src/lib/multiview-layouts.spec.ts b/libs/workspace/multiview/feature/src/lib/multiview-layouts.spec.ts
new file mode 100644
index 0000000000..2966aa48d6
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/lib/multiview-layouts.spec.ts
@@ -0,0 +1,64 @@
+import {
+    DEFAULT_MULTIVIEW_LAYOUT_ID,
+    getMultiviewLayoutPreset,
+    isMultiviewLayoutId,
+    MULTIVIEW_LAYOUT_PRESETS,
+} from './multiview-layouts';
+
+describe('multiview layout presets', () => {
+    it('defines four unique presets', () => {
+        const ids = MULTIVIEW_LAYOUT_PRESETS.map((preset) => preset.id);
+        expect(ids).toEqual(['grid-1x2', 'grid-2x2', 'focus-1-3', 'grid-3x3']);
+        expect(new Set(ids).size).toBe(ids.length);
+    });
+
+    it.each(MULTIVIEW_LAYOUT_PRESETS.map((preset) => [preset.id, preset]))(
+        'preset %s references every tile area exactly once up to its capacity',
+        (_id, preset) => {
+            const areaNames = (preset.areas.match(/t\d+/g) ?? []).sort();
+            const uniqueAreas = [...new Set(areaNames)];
+
+            expect(uniqueAreas.length).toBe(preset.capacity);
+            for (let i = 0; i < preset.capacity; i++) {
+                expect(uniqueAreas).toContain(`t${i}`);
+            }
+        }
+    );
+
+    it.each(MULTIVIEW_LAYOUT_PRESETS.map((preset) => [preset.id, preset]))(
+        'preset %s has a translation key and icon',
+        (_id, preset) => {
+            expect(preset.labelKey).toMatch(/^MULTIVIEW\.LAYOUT/);
+            expect(preset.icon.length).toBeGreaterThan(0);
+        }
+    );
+
+    describe('getMultiviewLayoutPreset', () => {
+        it('returns the requested preset', () => {
+            expect(getMultiviewLayoutPreset('grid-3x3').capacity).toBe(9);
+            expect(getMultiviewLayoutPreset('focus-1-3').columns).toBe(
+                '2fr 1fr'
+            );
+        });
+
+        it('falls back to the default preset for unknown ids', () => {
+            expect(getMultiviewLayoutPreset('bogus').id).toBe(
+                DEFAULT_MULTIVIEW_LAYOUT_ID
+            );
+            expect(getMultiviewLayoutPreset(null).id).toBe(
+                DEFAULT_MULTIVIEW_LAYOUT_ID
+            );
+            expect(getMultiviewLayoutPreset(undefined).id).toBe(
+                DEFAULT_MULTIVIEW_LAYOUT_ID
+            );
+        });
+    });
+
+    describe('isMultiviewLayoutId', () => {
+        it('accepts known ids and rejects everything else', () => {
+            expect(isMultiviewLayoutId('grid-1x2')).toBe(true);
+            expect(isMultiviewLayoutId('grid-4x4')).toBe(false);
+            expect(isMultiviewLayoutId(null)).toBe(false);
+        });
+    });
+});
diff --git a/libs/workspace/multiview/feature/src/lib/multiview-layouts.ts b/libs/workspace/multiview/feature/src/lib/multiview-layouts.ts
new file mode 100644
index 0000000000..ac792403a6
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/lib/multiview-layouts.ts
@@ -0,0 +1,83 @@
+/**
+ * Layout presets for the multiview grid. Each preset describes a CSS grid
+ * template; tiles bind `grid-area: t0..tN` so a preset fully controls the
+ * visual arrangement without component logic.
+ */
+export type MultiviewLayoutId =
+    | 'grid-1x2'
+    | 'grid-2x2'
+    | 'focus-1-3'
+    | 'grid-3x3';
+
+export interface MultiviewLayoutPreset {
+    readonly id: MultiviewLayoutId;
+    readonly labelKey: string;
+    readonly icon: string;
+    /** Number of tiles the preset can display. */
+    readonly capacity: number;
+    /** Value for `grid-template-columns`. */
+    readonly columns: string;
+    /** Value for `grid-template-rows`. */
+    readonly rows: string;
+    /** Value for `grid-template-areas` (areas named t0..tN). */
+    readonly areas: string;
+}
+
+const GRID_2X2_PRESET: MultiviewLayoutPreset = {
+    id: 'grid-2x2',
+    labelKey: 'MULTIVIEW.LAYOUT_2X2',
+    icon: 'grid_view',
+    capacity: 4,
+    columns: '1fr 1fr',
+    rows: '1fr 1fr',
+    areas: '"t0 t1" "t2 t3"',
+};
+
+export const MULTIVIEW_LAYOUT_PRESETS: readonly MultiviewLayoutPreset[] = [
+    {
+        id: 'grid-1x2',
+        labelKey: 'MULTIVIEW.LAYOUT_1X2',
+        icon: 'splitscreen_vertical_add',
+        capacity: 2,
+        columns: '1fr 1fr',
+        rows: '1fr',
+        areas: '"t0 t1"',
+    },
+    GRID_2X2_PRESET,
+    {
+        id: 'focus-1-3',
+        labelKey: 'MULTIVIEW.LAYOUT_1_PLUS_3',
+        icon: 'view_sidebar',
+        capacity: 4,
+        columns: '2fr 1fr',
+        rows: '1fr 1fr 1fr',
+        areas: '"t0 t1" "t0 t2" "t0 t3"',
+    },
+    {
+        id: 'grid-3x3',
+        labelKey: 'MULTIVIEW.LAYOUT_3X3',
+        icon: 'apps',
+        capacity: 9,
+        columns: 'repeat(3, 1fr)',
+        rows: 'repeat(3, 1fr)',
+        areas: '"t0 t1 t2" "t3 t4 t5" "t6 t7 t8"',
+    },
+];
+
+export const DEFAULT_MULTIVIEW_LAYOUT_ID: MultiviewLayoutId =
+    GRID_2X2_PRESET.id;
+
+export function getMultiviewLayoutPreset(
+    id: string | null | undefined
+): MultiviewLayoutPreset {
+    return (
+        MULTIVIEW_LAYOUT_PRESETS.find((preset) => preset.id === id) ??
+        GRID_2X2_PRESET
+    );
+}
+
+export function isMultiviewLayoutId(
+    id: string | null | undefined
+): id is MultiviewLayoutId {
+    return MULTIVIEW_LAYOUT_PRESETS.some((preset) => preset.id === id);
+}
diff --git a/libs/workspace/multiview/feature/src/lib/multiview-page.component.html b/libs/workspace/multiview/feature/src/lib/multiview-page.component.html
new file mode 100644
index 0000000000..b0b7bad370
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/lib/multiview-page.component.html
@@ -0,0 +1,79 @@
+<div class="multiview-page">
+    <div class="multiview-toolbar">
+        <h1 class="multiview-title">{{ 'MULTIVIEW.TITLE' | translate }}</h1>
+        <mat-button-toggle-group
+            class="multiview-layout-picker"
+            hideSingleSelectionIndicator
+            [value]="state.layoutId()"
+            (change)="onLayoutChange($event.value)"
+            [attr.aria-label]="'MULTIVIEW.LAYOUT' | translate"
+        >
+            @for (preset of layouts; track preset.id) {
+                <mat-button-toggle
+                    [value]="preset.id"
+                    [matTooltip]="preset.labelKey | translate"
+                    [attr.aria-label]="preset.labelKey | translate"
+                >
+                    <mat-icon>{{ preset.icon }}</mat-icon>
+                </mat-button-toggle>
+            }
+        </mat-button-toggle-group>
+    </div>
+
+    @if (connectionLimitHintVisible()) {
+        <div class="multiview-hint" role="note">
+            <mat-icon>info_outline</mat-icon>
+            <span class="multiview-hint-text">
+                {{ 'MULTIVIEW.CONNECTION_LIMIT_HINT' | translate }}
+            </span>
+            <button
+                mat-icon-button
+                type="button"
+                [attr.aria-label]="'CLOSE' | translate"
+                (click)="dismissHint()"
+            >
+                <mat-icon>close</mat-icon>
+            </button>
+        </div>
+    }
+
+    <div
+        class="multiview-grid"
+        [style.grid-template-columns]="state.layout().columns"
+        [style.grid-template-rows]="state.layout().rows"
+        [style.grid-template-areas]="state.layout().areas"
+    >
+        @for (slot of state.slots(); track $index) {
+            @if (slot) {
+                <lib-multiview-tile
+                    [style.grid-area]="'t' + $index"
+                    [playback]="resolutionFor(slot).playback"
+                    [status]="resolutionFor(slot).status"
+                    [errorKey]="resolutionFor(slot).errorKey"
+                    [audioFocused]="state.audioFocusIndex() === $index"
+                    (focusRequested)="state.focusAudio($index)"
+                    (openInPlayerRequested)="openInPlayer(slot)"
+                    (removeRequested)="state.remove($index)"
+                    (retryRequested)="retry(slot)"
+                    (playbackFailed)="onTileFailed(slot, $event)"
+                />
+            } @else {
+                <button
+                    type="button"
+                    class="multiview-add"
+                    [style.grid-area]="'t' + $index"
+                    (click)="openPicker($index)"
+                >
+                    <mat-icon>add</mat-icon>
+                    <span>{{ 'MULTIVIEW.ADD_CHANNEL' | translate }}</span>
+                </button>
+            }
+        }
+    </div>
+
+    @if (state.occupiedCount() === 0) {
+        <p class="multiview-empty-hint">
+            {{ 'MULTIVIEW.EMPTY_HINT' | translate }}
+        </p>
+    }
+</div>
diff --git a/libs/workspace/multiview/feature/src/lib/multiview-page.component.scss b/libs/workspace/multiview/feature/src/lib/multiview-page.component.scss
new file mode 100644
index 0000000000..afcef0fe90
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/lib/multiview-page.component.scss
@@ -0,0 +1,82 @@
+.multiview-page {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    height: 100%;
+    padding: 16px;
+    box-sizing: border-box;
+}
+
+.multiview-toolbar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    flex-wrap: wrap;
+}
+
+.multiview-title {
+    margin: 0;
+    font-size: 22px;
+    font-weight: 500;
+}
+
+.multiview-hint {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 6px 8px 6px 12px;
+    border-radius: 8px;
+    background: var(--mat-sys-surface-container-high, rgba(63, 81, 181, 0.1));
+
+    mat-icon {
+        flex-shrink: 0;
+        opacity: 0.8;
+    }
+}
+
+.multiview-hint-text {
+    flex: 1;
+    min-width: 0;
+    font-size: 13px;
+}
+
+.multiview-grid {
+    display: grid;
+    flex: 1;
+    min-height: 0;
+    gap: 8px;
+}
+
+.multiview-add {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    min-height: 0;
+    border: 2px dashed
+        var(--mat-sys-outline-variant, rgba(255, 255, 255, 0.25));
+    border-radius: 8px;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    opacity: 0.7;
+    cursor: pointer;
+    transition:
+        opacity 120ms ease-in-out,
+        border-color 120ms ease-in-out;
+
+    &:hover,
+    &:focus-visible {
+        opacity: 1;
+        border-color: var(--mat-sys-primary, #3f51b5);
+    }
+}
+
+.multiview-empty-hint {
+    margin: 0;
+    text-align: center;
+    font-size: 13px;
+    opacity: 0.65;
+}
diff --git a/libs/workspace/multiview/feature/src/lib/multiview-page.component.spec.ts b/libs/workspace/multiview/feature/src/lib/multiview-page.component.spec.ts
new file mode 100644
index 0000000000..b1df492b50
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/lib/multiview-page.component.spec.ts
@@ -0,0 +1,385 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatDialog } from '@angular/material/dialog';
+import { provideNoopAnimations } from '@angular/platform-browser/animations';
+import { Router } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
+import { of } from 'rxjs';
+import { StreamResolverService } from '@iptvnator/portal/shared/data-access';
+import { UnifiedCollectionItem } from '@iptvnator/portal/shared/util';
+import { MultiviewPageComponent } from './multiview-page.component';
+import {
+    MultiviewSlotChannel,
+    MULTIVIEW_STORAGE_KEY,
+} from './multiview-state.service';
+
+jest.mock('./multiview-tile-engine', () => {
+    class MockMultiviewTileEngine {
+        start = jest.fn();
+        destroy = jest.fn();
+    }
+    return { MultiviewTileEngine: MockMultiviewTileEngine };
+});
+
+function buildSlot(
+    overrides: Partial<UnifiedCollectionItem> = {}
+): MultiviewSlotChannel {
+    return {
+        item: {
+            uid: 'm3u::playlist-1::1',
+            name: 'Channel One',
+            contentType: 'live',
+            sourceType: 'm3u',
+            playlistId: 'playlist-1',
+            playlistName: 'My Playlist',
+            logo: 'http://example.com/logo.png',
+            ...overrides,
+        } as UnifiedCollectionItem,
+        origin: 'favorites',
+    };
+}
+
+describe('MultiviewPageComponent', () => {
+    let fixture: ComponentFixture<MultiviewPageComponent>;
+    let component: MultiviewPageComponent;
+    let streamResolver: { resolvePlayback: jest.Mock };
+    let dialog: { open: jest.Mock };
+    let router: { navigate: jest.Mock };
+
+    beforeEach(async () => {
+        localStorage.removeItem(MULTIVIEW_STORAGE_KEY);
+        streamResolver = {
+            resolvePlayback: jest.fn().mockResolvedValue({
+                streamUrl: 'http://example.com/live.m3u8',
+                title: 'Channel One',
+                thumbnail: null,
+                isLive: true,
+            }),
+        };
+        dialog = { open: jest.fn() };
+        router = { navigate: jest.fn().mockResolvedValue(true) };
+
+        await TestBed.configureTestingModule({
+            imports: [MultiviewPageComponent, TranslateModule.forRoot()],
+            providers: [
+                provideNoopAnimations(),
+                { provide: StreamResolverService, useValue: streamResolver },
+                { provide: MatDialog, useValue: dialog },
+                { provide: Router, useValue: router },
+            ],
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(MultiviewPageComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    async function flush(): Promise<void> {
+        fixture.detectChanges();
+        await fixture.whenStable();
+        fixture.detectChanges();
+    }
+
+    it('starts with the default 2x2 layout and only add buttons', () => {
+        expect(component.state.layoutId()).toBe('grid-2x2');
+        expect(
+            fixture.nativeElement.querySelectorAll('.multiview-add')
+        ).toHaveLength(4);
+        expect(streamResolver.resolvePlayback).not.toHaveBeenCalled();
+    });
+
+    it('resolves playback for an assigned slot and renders a ready tile', async () => {
+        const slot = buildSlot();
+        component.state.assign(0, slot);
+        await flush();
+
+        expect(streamResolver.resolvePlayback).toHaveBeenCalledTimes(1);
+        expect(streamResolver.resolvePlayback).toHaveBeenCalledWith(slot.item);
+        expect(component.resolutionFor(slot)).toEqual({
+            status: 'ready',
+            playback: {
+                url: 'http://example.com/live.m3u8',
+                title: 'Channel One',
+                logo: 'http://example.com/logo.png',
+                userAgent: undefined,
+                referer: undefined,
+            },
+            errorKey: null,
+        });
+        expect(
+            fixture.nativeElement.querySelectorAll('lib-multiview-tile')
+        ).toHaveLength(1);
+    });
+
+    it('marks a slot as error when resolution fails and retries on demand', async () => {
+        streamResolver.resolvePlayback.mockRejectedValueOnce(
+            new Error('offline')
+        );
+        const slot = buildSlot();
+        component.state.assign(0, slot);
+        await flush();
+
+        expect(component.resolutionFor(slot).status).toBe('error');
+        expect(component.resolutionFor(slot).errorKey).toBe(
+            'MULTIVIEW.TILE_ERROR'
+        );
+
+        component.retry(slot);
+        await flush();
+
+        expect(streamResolver.resolvePlayback).toHaveBeenCalledTimes(2);
+        expect(component.resolutionFor(slot).status).toBe('ready');
+    });
+
+    it('does not re-resolve unchanged slots and drops removed resolutions', async () => {
+        const slot = buildSlot();
+        component.state.assign(0, slot);
+        await flush();
+        component.state.assign(
+            1,
+            buildSlot({ uid: 'm3u::playlist-1::2', name: 'Channel Two' })
+        );
+        await flush();
+
+        expect(streamResolver.resolvePlayback).toHaveBeenCalledTimes(2);
+
+        component.state.remove(0);
+        await flush();
+        expect(component.resolutionFor(slot).status).toBe('resolving');
+
+        component.state.assign(0, slot);
+        await flush();
+        expect(streamResolver.resolvePlayback).toHaveBeenCalledTimes(3);
+    });
+
+    it('assigns a picked channel from the dialog', async () => {
+        const slot = buildSlot();
+        dialog.open.mockReturnValue({ afterClosed: () => of(slot) });
+
+        await component.openPicker(2);
+        await flush();
+
+        expect(component.state.slots()[2]).toEqual(slot);
+        expect(streamResolver.resolvePlayback).toHaveBeenCalledWith(slot.item);
+    });
+
+    it('keeps the slot empty when the picker is dismissed', async () => {
+        dialog.open.mockReturnValue({ afterClosed: () => of(undefined) });
+
+        await component.openPicker(0);
+        await flush();
+
+        expect(component.state.slots()[0]).toBeNull();
+        expect(streamResolver.resolvePlayback).not.toHaveBeenCalled();
+    });
+
+    it('navigates to the full player on open-in-player requests', () => {
+        const slot = buildSlot({
+            uid: 'xtream::playlist-2::42',
+            sourceType: 'xtream',
+            playlistId: 'playlist-2',
+        });
+
+        component.openInPlayer(slot);
+
+        expect(router.navigate).toHaveBeenCalledWith(
+            ['/workspace', 'xtreams', 'playlist-2', 'favorites'],
+            {
+                state: expect.objectContaining({
+                    openLiveCollectionItem: expect.objectContaining({
+                        contentType: 'live',
+                        sourceType: 'xtream',
+                        playlistId: 'playlist-2',
+                        itemId: '42',
+                    }),
+                }),
+            }
+        );
+    });
+
+    it('shows the connection-limit hint for two slots of the same portal', async () => {
+        component.state.assign(
+            0,
+            buildSlot({
+                uid: 'xtream::playlist-2::1',
+                sourceType: 'xtream',
+                playlistId: 'playlist-2',
+            })
+        );
+        component.state.assign(
+            1,
+            buildSlot({
+                uid: 'xtream::playlist-2::2',
+                sourceType: 'xtream',
+                playlistId: 'playlist-2',
+            })
+        );
+        await flush();
+
+        expect(component.connectionLimitHintVisible()).toBe(true);
+        expect(
+            fixture.nativeElement.querySelector('.multiview-hint')
+        ).toBeTruthy();
+
+        component.dismissHint();
+        fixture.detectChanges();
+        expect(
+            fixture.nativeElement.querySelector('.multiview-hint')
+        ).toBeFalsy();
+    });
+
+    it('re-shows the hint when a new same-account conflict appears after dismissal', async () => {
+        component.state.setLayout('grid-3x3');
+        component.state.assign(
+            0,
+            buildSlot({
+                uid: 'xtream::playlist-2::1',
+                sourceType: 'xtream',
+                playlistId: 'playlist-2',
+            })
+        );
+        component.state.assign(
+            1,
+            buildSlot({
+                uid: 'xtream::playlist-2::2',
+                sourceType: 'xtream',
+                playlistId: 'playlist-2',
+            })
+        );
+        await flush();
+
+        component.dismissHint();
+        expect(component.connectionLimitHintVisible()).toBe(false);
+
+        // Same account combination stays dismissed even when extended.
+        component.state.assign(
+            2,
+            buildSlot({
+                uid: 'xtream::playlist-2::3',
+                sourceType: 'xtream',
+                playlistId: 'playlist-2',
+            })
+        );
+        await flush();
+        expect(component.connectionLimitHintVisible()).toBe(false);
+
+        // A conflict on a different account re-shows the hint.
+        component.state.assign(
+            3,
+            buildSlot({
+                uid: 'stalker::portal-1::1',
+                sourceType: 'stalker',
+                playlistId: 'portal-1',
+            })
+        );
+        component.state.assign(
+            4,
+            buildSlot({
+                uid: 'stalker::portal-1::2',
+                sourceType: 'stalker',
+                playlistId: 'portal-1',
+            })
+        );
+        await flush();
+        expect(component.connectionLimitHintVisible()).toBe(true);
+    });
+
+    it('drops in-flight resolutions and blocks new ones after destroy', async () => {
+        let resolvePlayback!: (value: unknown) => void;
+        streamResolver.resolvePlayback.mockReturnValueOnce(
+            new Promise((resolve) => {
+                resolvePlayback = resolve;
+            })
+        );
+        const slot = buildSlot();
+        component.state.assign(0, slot);
+        fixture.detectChanges();
+
+        fixture.destroy();
+        resolvePlayback({
+            streamUrl: 'http://example.com/late.m3u8',
+            title: 'Late',
+        });
+        await Promise.resolve();
+
+        expect(component.resolutionFor(slot).status).toBe('resolving');
+
+        component.retry(slot);
+        await Promise.resolve();
+        expect(streamResolver.resolvePlayback).toHaveBeenCalledTimes(1);
+    });
+
+    it('uses distinct request ids when a channel is removed and re-added', async () => {
+        let rejectFirst!: (reason: unknown) => void;
+        streamResolver.resolvePlayback.mockReturnValueOnce(
+            new Promise((_resolve, reject) => {
+                rejectFirst = reject;
+            })
+        );
+        const slot = buildSlot();
+        component.state.assign(0, slot);
+        fixture.detectChanges();
+
+        component.state.remove(0);
+        await flush();
+        component.state.assign(0, slot);
+        await flush();
+
+        expect(component.resolutionFor(slot).status).toBe('ready');
+
+        // The stale first request settling late must not overwrite the
+        // fresh resolution with an error.
+        rejectFirst(new Error('stale'));
+        await flush();
+        expect(component.resolutionFor(slot).status).toBe('ready');
+    });
+
+    it('opens only one picker dialog on double-click', async () => {
+        dialog.open.mockReturnValue({ afterClosed: () => of(undefined) });
+
+        const first = component.openPicker(0);
+        const second = component.openPicker(0);
+        await Promise.all([first, second]);
+
+        expect(dialog.open).toHaveBeenCalledTimes(1);
+    });
+
+    it('ignores open-in-player requests for malformed uids', () => {
+        const warn = jest.spyOn(console, 'warn').mockImplementation();
+        component.openInPlayer(buildSlot({ uid: 'm3u::playlist-1' }));
+        expect(router.navigate).not.toHaveBeenCalled();
+        warn.mockRestore();
+    });
+
+    it('logs the tile diagnostic and marks the slot as error', () => {
+        const warn = jest.spyOn(console, 'warn').mockImplementation();
+        const slot = buildSlot();
+        const diagnostic = { code: 'hls-fatal' };
+
+        component.onTileFailed(
+            slot,
+            diagnostic as unknown as Parameters<
+                typeof component.onTileFailed
+            >[1]
+        );
+
+        expect(component.resolutionFor(slot).status).toBe('error');
+        expect(warn).toHaveBeenCalledWith(
+            '[multiview] tile playback failed',
+            slot.item.uid,
+            diagnostic
+        );
+        warn.mockRestore();
+    });
+
+    it('switches layouts and renders the new slot count', async () => {
+        component.state.setLayout('grid-3x3');
+        await flush();
+
+        expect(
+            fixture.nativeElement.querySelectorAll('.multiview-add')
+        ).toHaveLength(9);
+        const grid: HTMLElement =
+            fixture.nativeElement.querySelector('.multiview-grid');
+        expect(grid.style.gridTemplateColumns).toBe('repeat(3, 1fr)');
+    });
+});
diff --git a/libs/workspace/multiview/feature/src/lib/multiview-page.component.ts b/libs/workspace/multiview/feature/src/lib/multiview-page.component.ts
new file mode 100644
index 0000000000..f76f235caf
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/lib/multiview-page.component.ts
@@ -0,0 +1,290 @@
+import { ChangeDetectionStrategy } from '@angular/core';
+import {
+    Component,
+    computed,
+    DestroyRef,
+    effect,
+    inject,
+    signal,
+    untracked,
+} from '@angular/core';
+import { MatIconButton } from '@angular/material/button';
+import {
+    MatButtonToggle,
+    MatButtonToggleGroup,
+} from '@angular/material/button-toggle';
+import { MatDialog } from '@angular/material/dialog';
+import { MatIcon } from '@angular/material/icon';
+import { MatTooltip } from '@angular/material/tooltip';
+import { Router } from '@angular/router';
+import { TranslatePipe } from '@ngx-translate/core';
+import { firstValueFrom } from 'rxjs';
+import { StreamResolverService } from '@iptvnator/portal/shared/data-access';
+import {
+    buildLiveCollectionNavigationTarget,
+    UnifiedCollectionItem,
+} from '@iptvnator/portal/shared/util';
+import type { PlaybackDiagnostic } from '@iptvnator/ui/playback';
+import {
+    MultiviewChannelPickerDialogComponent,
+    MultiviewChannelPickerResult,
+} from './multiview-channel-picker-dialog.component';
+import {
+    MULTIVIEW_LAYOUT_PRESETS,
+    MultiviewLayoutId,
+} from './multiview-layouts';
+import {
+    MultiviewSlotChannel,
+    MultiviewStateService,
+} from './multiview-state.service';
+import {
+    MultiviewTileComponent,
+    MultiviewTilePlayback,
+    MultiviewTileStatus,
+} from './multiview-tile.component';
+
+interface MultiviewSlotResolution {
+    readonly status: MultiviewTileStatus;
+    readonly playback: MultiviewTilePlayback | null;
+    readonly errorKey: string | null;
+}
+
+const RESOLVING: MultiviewSlotResolution = Object.freeze({
+    status: 'resolving' as MultiviewTileStatus,
+    playback: null,
+    errorKey: null,
+});
+
+/**
+ * Multiview grid page: watch several live TV channels at once in a
+ * runtime-switchable layout. One tile has audio focus; double-clicking a
+ * tile hands the channel over to the regular full player.
+ */
+@Component({
+    selector: 'lib-multiview-page',
+    templateUrl: './multiview-page.component.html',
+    styleUrls: ['./multiview-page.component.scss'],
+    standalone: true,
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    providers: [MultiviewStateService],
+    imports: [
+        MatButtonToggle,
+        MatButtonToggleGroup,
+        MatIcon,
+        MatIconButton,
+        MatTooltip,
+        MultiviewTileComponent,
+        TranslatePipe,
+    ],
+})
+export class MultiviewPageComponent {
+    readonly state = inject(MultiviewStateService);
+    private readonly streamResolver = inject(StreamResolverService);
+    private readonly dialog = inject(MatDialog);
+    private readonly router = inject(Router);
+
+    readonly layouts = MULTIVIEW_LAYOUT_PRESETS;
+
+    private readonly resolutions = signal<
+        ReadonlyMap<string, MultiviewSlotResolution>
+    >(new Map());
+    private readonly requestIds = new Map<string, number>();
+    private nextRequestId = 0;
+    private destroyed = false;
+    private pickerOpen = false;
+
+    /** Portal accounts (`sourceType::playlistId`) used by 2+ slots. */
+    private readonly conflictingAccountKeys = computed<readonly string[]>(
+        () => {
+            const counts = new Map<string, number>();
+            for (const slot of this.state.slots()) {
+                if (!slot) {
+                    continue;
+                }
+                const { sourceType, playlistId } = slot.item;
+                if (sourceType !== 'xtream' && sourceType !== 'stalker') {
+                    continue;
+                }
+                const key = `${sourceType}::${playlistId}`;
+                counts.set(key, (counts.get(key) ?? 0) + 1);
+            }
+            return [...counts.entries()]
+                .filter(([, count]) => count > 1)
+                .map(([key]) => key);
+        }
+    );
+    private readonly dismissedConflictKeys = signal<ReadonlySet<string>>(
+        new Set()
+    );
+    readonly connectionLimitHintVisible = computed(() => {
+        // Dismissal is per account combination: a *new* same-account
+        // conflict introduced after dismissing brings the hint back.
+        const dismissed = this.dismissedConflictKeys();
+        return this.conflictingAccountKeys().some((key) => !dismissed.has(key));
+    });
+
+    constructor() {
+        effect(() => {
+            const slots = this.state.slots();
+            untracked(() => this.syncResolutions(slots));
+        });
+        inject(DestroyRef).onDestroy(() => {
+            // Invalidate in-flight resolutions so late results are dropped
+            // and no new portal sessions are requested after navigation.
+            this.destroyed = true;
+            this.requestIds.clear();
+        });
+    }
+
+    resolutionFor(slot: MultiviewSlotChannel): MultiviewSlotResolution {
+        return this.resolutions().get(slot.item.uid) ?? RESOLVING;
+    }
+
+    onLayoutChange(layoutId: MultiviewLayoutId): void {
+        this.state.setLayout(layoutId);
+    }
+
+    dismissHint(): void {
+        this.dismissedConflictKeys.set(new Set(this.conflictingAccountKeys()));
+    }
+
+    async openPicker(index: number): Promise<void> {
+        if (this.pickerOpen) {
+            // Guard against double-click opening two overlapping dialogs.
+            return;
+        }
+        this.pickerOpen = true;
+        try {
+            const dialogRef = this.dialog.open<
+                MultiviewChannelPickerDialogComponent,
+                void,
+                MultiviewChannelPickerResult
+            >(MultiviewChannelPickerDialogComponent, { autoFocus: false });
+            const result = await firstValueFrom(dialogRef.afterClosed());
+            if (result) {
+                this.state.assign(index, result);
+            }
+        } finally {
+            this.pickerOpen = false;
+        }
+    }
+
+    retry(slot: MultiviewSlotChannel): void {
+        // Re-resolve instead of replaying the old URL — Stalker create_link
+        // tokens and Xtream sessions may have expired in the meantime.
+        void this.resolveItem(slot.item);
+    }
+
+    onTileFailed(
+        slot: MultiviewSlotChannel,
+        diagnostic: PlaybackDiagnostic
+    ): void {
+        console.warn(
+            '[multiview] tile playback failed',
+            slot.item.uid,
+            diagnostic
+        );
+        this.updateResolution(slot.item.uid, {
+            status: 'error',
+            playback: null,
+            errorKey: 'MULTIVIEW.TILE_ERROR',
+        });
+    }
+
+    openInPlayer(slot: MultiviewSlotChannel): void {
+        const item = slot.item;
+        const itemId = item.uid.split('::')[2];
+        if (!itemId) {
+            // Malformed persisted uid — no reliable navigation target.
+            return;
+        }
+        const target = buildLiveCollectionNavigationTarget({
+            mode: slot.origin,
+            sourceType: item.sourceType,
+            playlistId: item.playlistId,
+            itemId,
+            title: item.name,
+            imageUrl: item.logo,
+        });
+        void this.router.navigate(target.link, { state: target.state });
+    }
+
+    private syncResolutions(
+        slots: readonly (MultiviewSlotChannel | null)[]
+    ): void {
+        const activeUids = new Set<string>();
+        for (const slot of slots) {
+            if (slot) {
+                activeUids.add(slot.item.uid);
+            }
+        }
+
+        const current = this.resolutions();
+        const stale = [...current.keys()].filter((uid) => !activeUids.has(uid));
+        if (stale.length > 0) {
+            const next = new Map(current);
+            for (const uid of stale) {
+                next.delete(uid);
+                this.requestIds.delete(uid);
+            }
+            this.resolutions.set(next);
+        }
+
+        for (const slot of slots) {
+            if (slot && !this.resolutions().has(slot.item.uid)) {
+                void this.resolveItem(slot.item);
+            }
+        }
+    }
+
+    private async resolveItem(item: UnifiedCollectionItem): Promise<void> {
+        if (this.destroyed) {
+            // Never open new portal sessions after navigation away.
+            return;
+        }
+        // Monotonic across all slots so a removed-and-re-added channel can
+        // never collide with a stale in-flight request id.
+        const requestId = ++this.nextRequestId;
+        this.requestIds.set(item.uid, requestId);
+        this.updateResolution(item.uid, RESOLVING);
+
+        try {
+            const playback = await this.streamResolver.resolvePlayback(item);
+            if (this.destroyed || this.requestIds.get(item.uid) !== requestId) {
+                return;
+            }
+            if (!playback.streamUrl) {
+                throw new Error('Empty stream URL');
+            }
+            this.updateResolution(item.uid, {
+                status: 'ready',
+                playback: {
+                    url: playback.streamUrl,
+                    title: playback.title ?? item.name,
+                    logo: item.logo ?? playback.thumbnail ?? undefined,
+                    userAgent: playback.userAgent,
+                    referer: playback.referer,
+                },
+                errorKey: null,
+            });
+        } catch {
+            if (this.destroyed || this.requestIds.get(item.uid) !== requestId) {
+                return;
+            }
+            this.updateResolution(item.uid, {
+                status: 'error',
+                playback: null,
+                errorKey: 'MULTIVIEW.TILE_ERROR',
+            });
+        }
+    }
+
+    private updateResolution(
+        uid: string,
+        resolution: MultiviewSlotResolution
+    ): void {
+        const next = new Map(this.resolutions());
+        next.set(uid, resolution);
+        this.resolutions.set(next);
+    }
+}
diff --git a/libs/workspace/multiview/feature/src/lib/multiview-state.service.spec.ts b/libs/workspace/multiview/feature/src/lib/multiview-state.service.spec.ts
new file mode 100644
index 0000000000..b39c3d55cc
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/lib/multiview-state.service.spec.ts
@@ -0,0 +1,233 @@
+import { TestBed } from '@angular/core/testing';
+import { UnifiedCollectionItem } from '@iptvnator/portal/shared/util';
+import {
+    MULTIVIEW_STORAGE_KEY,
+    MultiviewSlotChannel,
+    MultiviewStateService,
+} from './multiview-state.service';
+
+function buildItem(uid: string): UnifiedCollectionItem {
+    return {
+        uid,
+        name: `Channel ${uid}`,
+        contentType: 'live',
+        sourceType: 'm3u',
+        playlistId: 'playlist-1',
+        playlistName: 'Playlist 1',
+    } as UnifiedCollectionItem;
+}
+
+function buildSlot(uid: string): MultiviewSlotChannel {
+    return { item: buildItem(uid), origin: 'favorites' };
+}
+
+describe('MultiviewStateService', () => {
+    let service: MultiviewStateService;
+
+    const createService = () => {
+        TestBed.configureTestingModule({
+            providers: [MultiviewStateService],
+        });
+        return TestBed.inject(MultiviewStateService);
+    };
+
+    beforeEach(() => {
+        localStorage.removeItem(MULTIVIEW_STORAGE_KEY);
+    });
+
+    afterEach(() => {
+        localStorage.removeItem(MULTIVIEW_STORAGE_KEY);
+    });
+
+    it('starts with the default 2x2 layout and empty slots', () => {
+        service = createService();
+
+        expect(service.layoutId()).toBe('grid-2x2');
+        expect(service.slots()).toEqual([null, null, null, null]);
+        expect(service.audioFocusIndex()).toBeNull();
+        expect(service.occupiedCount()).toBe(0);
+    });
+
+    it('assigns a channel and auto-focuses audio on the first assignment', () => {
+        service = createService();
+
+        service.assign(2, buildSlot('a'));
+
+        expect(service.slots()[2]?.item.uid).toBe('a');
+        expect(service.audioFocusIndex()).toBe(2);
+        expect(service.occupiedCount()).toBe(1);
+    });
+
+    it('does not steal audio focus on subsequent assignments', () => {
+        service = createService();
+
+        service.assign(0, buildSlot('a'));
+        service.assign(1, buildSlot('b'));
+
+        expect(service.audioFocusIndex()).toBe(0);
+    });
+
+    it('moves audio focus only to occupied slots', () => {
+        service = createService();
+        service.assign(0, buildSlot('a'));
+        service.assign(1, buildSlot('b'));
+
+        service.focusAudio(1);
+        expect(service.audioFocusIndex()).toBe(1);
+
+        service.focusAudio(3);
+        expect(service.audioFocusIndex()).toBe(1);
+    });
+
+    it('refocuses the first occupied slot when the focused tile is removed', () => {
+        service = createService();
+        service.assign(0, buildSlot('a'));
+        service.assign(1, buildSlot('b'));
+        service.focusAudio(1);
+
+        service.remove(1);
+
+        expect(service.slots()[1]).toBeNull();
+        expect(service.audioFocusIndex()).toBe(0);
+    });
+
+    it('clears audio focus when the last tile is removed', () => {
+        service = createService();
+        service.assign(0, buildSlot('a'));
+
+        service.remove(0);
+
+        expect(service.audioFocusIndex()).toBeNull();
+    });
+
+    it('grows and shrinks slots when the layout changes', () => {
+        service = createService();
+        service.assign(0, buildSlot('a'));
+        service.assign(3, buildSlot('d'));
+
+        service.setLayout('grid-3x3');
+        expect(service.slots().length).toBe(9);
+        expect(service.slots()[3]?.item.uid).toBe('d');
+
+        service.setLayout('grid-1x2');
+        expect(service.slots().length).toBe(2);
+        expect(service.slots()[0]?.item.uid).toBe('a');
+    });
+
+    it('refocuses when shrinking drops the focused slot', () => {
+        service = createService();
+        service.assign(0, buildSlot('a'));
+        service.assign(3, buildSlot('d'));
+        service.focusAudio(3);
+
+        service.setLayout('grid-1x2');
+
+        expect(service.audioFocusIndex()).toBe(0);
+    });
+
+    it('ignores out-of-range indices', () => {
+        service = createService();
+
+        service.assign(99, buildSlot('a'));
+        service.remove(-1);
+        service.focusAudio(99);
+
+        expect(service.slots()).toEqual([null, null, null, null]);
+        expect(service.audioFocusIndex()).toBeNull();
+    });
+
+    it('persists state to localStorage', () => {
+        service = createService();
+        service.setLayout('grid-1x2');
+        service.assign(1, buildSlot('a'));
+        TestBed.flushEffects();
+
+        const persisted = JSON.parse(
+            localStorage.getItem(MULTIVIEW_STORAGE_KEY) ?? '{}'
+        );
+        expect(persisted.layoutId).toBe('grid-1x2');
+        expect(persisted.slots[1].item.uid).toBe('a');
+        expect(persisted.audioFocusIndex).toBe(1);
+    });
+
+    it('restores persisted state', () => {
+        localStorage.setItem(
+            MULTIVIEW_STORAGE_KEY,
+            JSON.stringify({
+                layoutId: 'grid-3x3',
+                slots: [buildSlot('a'), null, buildSlot('c')],
+                audioFocusIndex: 2,
+            })
+        );
+
+        service = createService();
+
+        expect(service.layoutId()).toBe('grid-3x3');
+        expect(service.slots().length).toBe(9);
+        expect(service.slots()[0]?.item.uid).toBe('a');
+        expect(service.slots()[2]?.item.uid).toBe('c');
+        expect(service.audioFocusIndex()).toBe(2);
+    });
+
+    it('falls back to defaults for corrupted persistence', () => {
+        localStorage.setItem(MULTIVIEW_STORAGE_KEY, 'not-json{');
+
+        service = createService();
+
+        expect(service.layoutId()).toBe('grid-2x2');
+        expect(service.slots()).toEqual([null, null, null, null]);
+    });
+
+    it('sanitizes invalid slot entries and focus indices on restore', () => {
+        localStorage.setItem(
+            MULTIVIEW_STORAGE_KEY,
+            JSON.stringify({
+                layoutId: 'grid-2x2',
+                slots: [
+                    { origin: 'favorites' },
+                    { item: { uid: 'x' }, origin: 'bogus' },
+                    buildSlot('c'),
+                    42,
+                ],
+                audioFocusIndex: 17,
+            })
+        );
+
+        service = createService();
+
+        expect(service.slots()[0]).toBeNull();
+        expect(service.slots()[1]).toBeNull();
+        expect(service.slots()[2]?.item.uid).toBe('c');
+        expect(service.slots()[3]).toBeNull();
+        // Invalid persisted focus falls back to the first occupied slot.
+        expect(service.audioFocusIndex()).toBe(2);
+    });
+
+    it('rejects persisted items with unknown enum values or missing fields', () => {
+        const withItem = (overrides: Partial<UnifiedCollectionItem>) => ({
+            item: { ...buildItem('x'), ...overrides },
+            origin: 'favorites',
+        });
+        localStorage.setItem(
+            MULTIVIEW_STORAGE_KEY,
+            JSON.stringify({
+                layoutId: 'grid-2x2',
+                slots: [
+                    withItem({ sourceType: 'bogus' as never }),
+                    withItem({ contentType: 'movie' }),
+                    withItem({ playlistName: undefined }),
+                    buildSlot('ok'),
+                ],
+                audioFocusIndex: 3,
+            })
+        );
+
+        service = createService();
+
+        expect(service.slots()[0]).toBeNull();
+        expect(service.slots()[1]).toBeNull();
+        expect(service.slots()[2]).toBeNull();
+        expect(service.slots()[3]?.item.uid).toBe('ok');
+        expect(service.audioFocusIndex()).toBe(3);
+    });
+});
diff --git a/libs/workspace/multiview/feature/src/lib/multiview-state.service.ts b/libs/workspace/multiview/feature/src/lib/multiview-state.service.ts
new file mode 100644
index 0000000000..635b94993b
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/lib/multiview-state.service.ts
@@ -0,0 +1,213 @@
+import { computed, effect, Injectable, signal } from '@angular/core';
+import { UnifiedCollectionItem } from '@iptvnator/portal/shared/util';
+import {
+    DEFAULT_MULTIVIEW_LAYOUT_ID,
+    getMultiviewLayoutPreset,
+    isMultiviewLayoutId,
+    MultiviewLayoutId,
+} from './multiview-layouts';
+
+export type MultiviewSlotOrigin = 'favorites' | 'recent';
+
+export interface MultiviewSlotChannel {
+    readonly item: UnifiedCollectionItem;
+    readonly origin: MultiviewSlotOrigin;
+}
+
+interface PersistedMultiviewState {
+    layoutId: MultiviewLayoutId;
+    slots: (MultiviewSlotChannel | null)[];
+    audioFocusIndex: number | null;
+}
+
+export const MULTIVIEW_STORAGE_KEY = 'multiview-state-v1';
+
+/**
+ * Component-provided state for the multiview grid: active layout preset,
+ * per-slot channel assignments, and the single audio-focused slot.
+ * Persisted to localStorage so the grid survives reloads.
+ */
+@Injectable()
+export class MultiviewStateService {
+    private readonly _layoutId = signal<MultiviewLayoutId>(
+        DEFAULT_MULTIVIEW_LAYOUT_ID
+    );
+    private readonly _slots = signal<(MultiviewSlotChannel | null)[]>([]);
+    private readonly _audioFocusIndex = signal<number | null>(null);
+
+    readonly layoutId = this._layoutId.asReadonly();
+    readonly slots = this._slots.asReadonly();
+    readonly audioFocusIndex = this._audioFocusIndex.asReadonly();
+    readonly layout = computed(() =>
+        getMultiviewLayoutPreset(this._layoutId())
+    );
+    readonly occupiedCount = computed(
+        () => this._slots().filter((slot) => slot !== null).length
+    );
+
+    constructor() {
+        this.restore();
+        effect(() => this.persist());
+    }
+
+    setLayout(layoutId: MultiviewLayoutId): void {
+        if (!isMultiviewLayoutId(layoutId)) {
+            return;
+        }
+        this._layoutId.set(layoutId);
+        const capacity = getMultiviewLayoutPreset(layoutId).capacity;
+        this._slots.update((slots) => resizeSlots(slots, capacity));
+        this.ensureValidAudioFocus();
+    }
+
+    assign(index: number, channel: MultiviewSlotChannel): void {
+        if (!this.isValidIndex(index)) {
+            return;
+        }
+        this._slots.update((slots) =>
+            slots.map((slot, i) => (i === index ? channel : slot))
+        );
+        if (this._audioFocusIndex() === null) {
+            this._audioFocusIndex.set(index);
+        }
+    }
+
+    remove(index: number): void {
+        if (!this.isValidIndex(index)) {
+            return;
+        }
+        this._slots.update((slots) =>
+            slots.map((slot, i) => (i === index ? null : slot))
+        );
+        this.ensureValidAudioFocus();
+    }
+
+    focusAudio(index: number): void {
+        if (!this.isValidIndex(index) || this._slots()[index] === null) {
+            return;
+        }
+        this._audioFocusIndex.set(index);
+    }
+
+    private isValidIndex(index: number): boolean {
+        return (
+            Number.isInteger(index) &&
+            index >= 0 &&
+            index < this._slots().length
+        );
+    }
+
+    /** Refocus the first occupied slot when the current focus became invalid. */
+    private ensureValidAudioFocus(): void {
+        const focus = this._audioFocusIndex();
+        const slots = this._slots();
+        if (focus !== null && focus < slots.length && slots[focus] !== null) {
+            return;
+        }
+        const firstOccupied = slots.findIndex((slot) => slot !== null);
+        this._audioFocusIndex.set(firstOccupied === -1 ? null : firstOccupied);
+    }
+
+    private restore(): void {
+        const restored = readPersistedState();
+        this._layoutId.set(restored.layoutId);
+        this._slots.set(restored.slots);
+        this._audioFocusIndex.set(restored.audioFocusIndex);
+        this.ensureValidAudioFocus();
+    }
+
+    private persist(): void {
+        const state: PersistedMultiviewState = {
+            layoutId: this._layoutId(),
+            slots: this._slots(),
+            audioFocusIndex: this._audioFocusIndex(),
+        };
+        try {
+            localStorage.setItem(MULTIVIEW_STORAGE_KEY, JSON.stringify(state));
+        } catch {
+            // Persistence is best-effort; a full or unavailable storage is fine.
+        }
+    }
+}
+
+function resizeSlots(
+    slots: (MultiviewSlotChannel | null)[],
+    capacity: number
+): (MultiviewSlotChannel | null)[] {
+    const resized = slots.slice(0, capacity);
+    while (resized.length < capacity) {
+        resized.push(null);
+    }
+    return resized;
+}
+
+function readPersistedState(): PersistedMultiviewState {
+    const fallbackCapacity = getMultiviewLayoutPreset(
+        DEFAULT_MULTIVIEW_LAYOUT_ID
+    ).capacity;
+    const defaults: PersistedMultiviewState = {
+        layoutId: DEFAULT_MULTIVIEW_LAYOUT_ID,
+        slots: resizeSlots([], fallbackCapacity),
+        audioFocusIndex: null,
+    };
+
+    let raw: string | null = null;
+    try {
+        raw = localStorage.getItem(MULTIVIEW_STORAGE_KEY);
+    } catch {
+        return defaults;
+    }
+    if (!raw) {
+        return defaults;
+    }
+
+    try {
+        const parsed = JSON.parse(raw) as Partial<PersistedMultiviewState>;
+        const layoutId = isMultiviewLayoutId(parsed.layoutId)
+            ? parsed.layoutId
+            : DEFAULT_MULTIVIEW_LAYOUT_ID;
+        const capacity = getMultiviewLayoutPreset(layoutId).capacity;
+        const slots = resizeSlots(
+            Array.isArray(parsed.slots) ? parsed.slots.map(sanitizeSlot) : [],
+            capacity
+        );
+        const audioFocusIndex =
+            typeof parsed.audioFocusIndex === 'number' &&
+            Number.isInteger(parsed.audioFocusIndex) &&
+            parsed.audioFocusIndex >= 0 &&
+            parsed.audioFocusIndex < capacity
+                ? parsed.audioFocusIndex
+                : null;
+
+        return { layoutId, slots, audioFocusIndex };
+    } catch {
+        return defaults;
+    }
+}
+
+function sanitizeSlot(candidate: unknown): MultiviewSlotChannel | null {
+    if (typeof candidate !== 'object' || candidate === null) {
+        return null;
+    }
+    const slot = candidate as Partial<MultiviewSlotChannel>;
+    if (slot.origin !== 'favorites' && slot.origin !== 'recent') {
+        return null;
+    }
+    const item = slot.item as Partial<UnifiedCollectionItem> | undefined;
+    if (
+        !item ||
+        typeof item !== 'object' ||
+        typeof item.uid !== 'string' ||
+        typeof item.name !== 'string' ||
+        typeof item.playlistId !== 'string' ||
+        typeof item.playlistName !== 'string' ||
+        // Multiview only ever persists live channels.
+        item.contentType !== 'live' ||
+        (item.sourceType !== 'm3u' &&
+            item.sourceType !== 'xtream' &&
+            item.sourceType !== 'stalker')
+    ) {
+        return null;
+    }
+    return { item: item as UnifiedCollectionItem, origin: slot.origin };
+}
diff --git a/libs/workspace/multiview/feature/src/lib/multiview-tile-engine.spec.ts b/libs/workspace/multiview/feature/src/lib/multiview-tile-engine.spec.ts
new file mode 100644
index 0000000000..af90dce6fe
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/lib/multiview-tile-engine.spec.ts
@@ -0,0 +1,301 @@
+import { MultiviewTileEngine } from './multiview-tile-engine';
+
+jest.mock('hls.js', () => {
+    class MockHls {
+        static instances: MockHls[] = [];
+        static isSupported = jest.fn(() => true);
+        static Events = {
+            MANIFEST_PARSED: 'manifestParsed',
+            ERROR: 'hlsError',
+        };
+
+        readonly config: unknown;
+        private readonly handlers = new Map<
+            string,
+            (event: string, data: never) => void
+        >();
+        attachMedia = jest.fn();
+        loadSource = jest.fn();
+        destroy = jest.fn();
+
+        constructor(config: unknown) {
+            this.config = config;
+            MockHls.instances.push(this);
+        }
+
+        on(event: string, handler: (event: string, data: never) => void): void {
+            this.handlers.set(event, handler);
+        }
+
+        emit(event: string, data: unknown): void {
+            this.handlers.get(event)?.(event, data as never);
+        }
+    }
+
+    return { __esModule: true, default: MockHls };
+});
+
+jest.mock('mpegts.js', () => {
+    class MockMpegtsPlayer {
+        private readonly handlers = new Map<
+            string,
+            (...args: unknown[]) => void
+        >();
+        attachMediaElement = jest.fn();
+        detachMediaElement = jest.fn();
+        load = jest.fn();
+        unload = jest.fn();
+        pause = jest.fn();
+        destroy = jest.fn();
+
+        on(event: string, handler: (...args: unknown[]) => void): void {
+            this.handlers.set(event, handler);
+        }
+
+        emit(event: string, ...args: unknown[]): void {
+            this.handlers.get(event)?.(...args);
+        }
+    }
+
+    const players: MockMpegtsPlayer[] = [];
+
+    return {
+        __esModule: true,
+        default: {
+            players,
+            isSupported: jest.fn(() => true),
+            createPlayer: jest.fn(() => {
+                const player = new MockMpegtsPlayer();
+                players.push(player);
+                return player;
+            }),
+            Events: { ERROR: 'error' },
+        },
+    };
+});
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const MockHls = jest.requireMock('hls.js').default as any;
+const mpegtsMock = jest.requireMock('mpegts.js').default as any;
+/* eslint-enable @typescript-eslint/no-explicit-any */
+
+function createVideo(): HTMLVideoElement {
+    const video = document.createElement('video');
+    Object.defineProperty(video, 'play', {
+        value: jest.fn().mockResolvedValue(undefined),
+        writable: true,
+    });
+    Object.defineProperty(video, 'pause', {
+        value: jest.fn(),
+        writable: true,
+    });
+    Object.defineProperty(video, 'load', {
+        value: jest.fn(),
+        writable: true,
+    });
+    return video;
+}
+
+describe('MultiviewTileEngine', () => {
+    beforeEach(() => {
+        MockHls.instances.length = 0;
+        mpegtsMock.players.length = 0;
+        jest.clearAllMocks();
+        MockHls.isSupported.mockReturnValue(true);
+        mpegtsMock.isSupported.mockReturnValue(true);
+    });
+
+    it('uses mpegts.js for .ts URLs and starts muted', () => {
+        const video = createVideo();
+        const engine = new MultiviewTileEngine({
+            video,
+            url: 'http://example.com/stream.ts',
+            onError: jest.fn(),
+        });
+
+        engine.start();
+
+        expect(mpegtsMock.createPlayer).toHaveBeenCalledWith(
+            expect.objectContaining({
+                type: 'mpegts',
+                isLive: true,
+                url: 'http://example.com/stream.ts',
+            }),
+            expect.any(Object)
+        );
+        expect(mpegtsMock.players[0].attachMediaElement).toHaveBeenCalledWith(
+            video
+        );
+        expect(mpegtsMock.players[0].load).toHaveBeenCalled();
+        expect(video.muted).toBe(true);
+        expect(video.play).toHaveBeenCalled();
+    });
+
+    it('uses hls.js with bounded buffers for HLS URLs', () => {
+        const video = createVideo();
+        const engine = new MultiviewTileEngine({
+            video,
+            url: 'http://example.com/stream.m3u8',
+            onError: jest.fn(),
+        });
+
+        engine.start();
+
+        expect(MockHls.instances).toHaveLength(1);
+        expect(MockHls.instances[0].config).toEqual(
+            expect.objectContaining({
+                maxBufferLength: 10,
+                backBufferLength: 0,
+            })
+        );
+        expect(MockHls.instances[0].attachMedia).toHaveBeenCalledWith(video);
+        expect(MockHls.instances[0].loadSource).toHaveBeenCalledWith(
+            'http://example.com/stream.m3u8'
+        );
+    });
+
+    it('falls back to a native source for mp4 URLs', () => {
+        const video = createVideo();
+        const engine = new MultiviewTileEngine({
+            video,
+            url: 'http://example.com/movie.mp4',
+            onError: jest.fn(),
+        });
+
+        engine.start();
+
+        expect(MockHls.instances).toHaveLength(0);
+        expect(mpegtsMock.players).toHaveLength(0);
+        const source = video.querySelector('source');
+        expect(source?.getAttribute('src')).toBe(
+            'http://example.com/movie.mp4'
+        );
+        expect(video.play).toHaveBeenCalled();
+    });
+
+    it('reports fatal hls errors and ignores non-fatal ones', () => {
+        const video = createVideo();
+        const onError = jest.fn();
+        const engine = new MultiviewTileEngine({
+            video,
+            url: 'http://example.com/stream.m3u8',
+            onError,
+        });
+        engine.start();
+
+        MockHls.instances[0].emit('hlsError', {
+            type: 'networkError',
+            details: 'manifestLoadError',
+            fatal: false,
+        });
+        expect(onError).not.toHaveBeenCalled();
+
+        MockHls.instances[0].emit('hlsError', {
+            type: 'networkError',
+            details: 'manifestLoadError',
+            fatal: true,
+        });
+        expect(onError).toHaveBeenCalledTimes(1);
+        expect(onError.mock.calls[0][0]).toEqual(
+            expect.objectContaining({
+                sourceUrl: 'http://example.com/stream.m3u8',
+            })
+        );
+    });
+
+    it('reports mpegts errors but ignores explicitly non-fatal ones', () => {
+        const video = createVideo();
+        const onError = jest.fn();
+        const engine = new MultiviewTileEngine({
+            video,
+            url: 'http://example.com/stream.ts',
+            onError,
+        });
+        engine.start();
+
+        mpegtsMock.players[0].emit('error', 'NetworkError', 'Exception', {
+            fatal: false,
+        });
+        expect(onError).not.toHaveBeenCalled();
+
+        mpegtsMock.players[0].emit('error', 'NetworkError', 'Exception', {});
+
+        expect(onError).toHaveBeenCalledTimes(1);
+    });
+
+    it('invokes onPlaying once the video reports playback', () => {
+        const video = createVideo();
+        const onPlaying = jest.fn();
+        const engine = new MultiviewTileEngine({
+            video,
+            url: 'http://example.com/stream.m3u8',
+            onError: jest.fn(),
+            onPlaying,
+        });
+        engine.start();
+
+        MockHls.instances[0].emit('manifestParsed', {});
+        video.dispatchEvent(new Event('playing'));
+        video.dispatchEvent(new Event('playing'));
+
+        expect(onPlaying).toHaveBeenCalledTimes(1);
+    });
+
+    it('is idempotent for start and destroy', () => {
+        const video = createVideo();
+        const engine = new MultiviewTileEngine({
+            video,
+            url: 'http://example.com/stream.m3u8',
+            onError: jest.fn(),
+        });
+
+        engine.start();
+        engine.start();
+        expect(MockHls.instances).toHaveLength(1);
+
+        engine.destroy();
+        engine.destroy();
+        expect(MockHls.instances[0].destroy).toHaveBeenCalledTimes(1);
+    });
+
+    it('cleans up the mpegts player on destroy', () => {
+        const video = createVideo();
+        const engine = new MultiviewTileEngine({
+            video,
+            url: 'http://example.com/stream.ts',
+            onError: jest.fn(),
+        });
+        engine.start();
+
+        engine.destroy();
+
+        const player = mpegtsMock.players[0];
+        expect(player.pause).toHaveBeenCalled();
+        expect(player.unload).toHaveBeenCalled();
+        expect(player.detachMediaElement).toHaveBeenCalled();
+        expect(player.destroy).toHaveBeenCalled();
+    });
+
+    it('does not start after destroy and swallows late errors', () => {
+        const video = createVideo();
+        const onError = jest.fn();
+        const engine = new MultiviewTileEngine({
+            video,
+            url: 'http://example.com/stream.m3u8',
+            onError,
+        });
+        engine.start();
+        const hls = MockHls.instances[0];
+
+        engine.destroy();
+        hls.emit('hlsError', {
+            type: 'networkError',
+            details: 'manifestLoadError',
+            fatal: true,
+        });
+        expect(onError).not.toHaveBeenCalled();
+
+        engine.start();
+        expect(MockHls.instances).toHaveLength(1);
+    });
+});
diff --git a/libs/workspace/multiview/feature/src/lib/multiview-tile-engine.ts b/libs/workspace/multiview/feature/src/lib/multiview-tile-engine.ts
new file mode 100644
index 0000000000..98e8c9efa5
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/lib/multiview-tile-engine.ts
@@ -0,0 +1,202 @@
+import Hls, { type ErrorData } from 'hls.js';
+import mpegts from 'mpegts.js';
+import {
+    classifyHlsPlaybackIssue,
+    classifyMpegTsPlaybackIssue,
+    createPlaybackSourceMetadata,
+    getPlaybackMediaExtensionFromUrl,
+    InlinePlaybackPlayer,
+    PlaybackDiagnostic,
+} from '@iptvnator/ui/playback';
+
+function clearNativeVideoSources(element: HTMLVideoElement): void {
+    element.removeAttribute('src');
+    element.replaceChildren();
+}
+
+function replaceNativeVideoSource(
+    element: HTMLVideoElement,
+    url: string,
+    type: string
+): void {
+    clearNativeVideoSources(element);
+    const source = document.createElement('source');
+    source.src = url;
+    source.type = type;
+    element.appendChild(source);
+    element.load();
+}
+
+function isNonFatalMpegtsErrorInfo(info: unknown): boolean {
+    return (
+        typeof info === 'object' &&
+        info !== null &&
+        (info as { fatal?: unknown }).fatal === false
+    );
+}
+
+export interface MultiviewTileEngineConfig {
+    readonly video: HTMLVideoElement;
+    readonly url: string;
+    readonly onError: (diagnostic: PlaybackDiagnostic) => void;
+    readonly onPlaying?: () => void;
+}
+
+/**
+ * Minimal per-tile media engine for the multiview grid. Mirrors the engine
+ * selection of the HTML5 player (mpegts.js for raw TS, hls.js for HLS,
+ * native <source> fallback) without controls, captions, or shared volume
+ * persistence — tiles start muted and audio focus is handled by the tile
+ * component.
+ */
+export class MultiviewTileEngine {
+    private hls: Hls | null = null;
+    private mpegtsPlayer: mpegts.Player | null = null;
+    private started = false;
+    private destroyed = false;
+
+    constructor(private readonly config: MultiviewTileEngineConfig) {}
+
+    start(): void {
+        if (this.started || this.destroyed) {
+            return;
+        }
+        this.started = true;
+
+        const { video, url } = this.config;
+        const extension = getPlaybackMediaExtensionFromUrl(url);
+        video.muted = true;
+
+        if ((extension === 'ts' || !extension) && mpegts.isSupported()) {
+            this.startMpegts(video, url);
+        } else if (
+            extension !== 'mp4' &&
+            extension !== 'mpv' &&
+            Hls &&
+            Hls.isSupported()
+        ) {
+            this.startHls(video, url);
+        } else {
+            replaceNativeVideoSource(video, url, 'video/mp4');
+            this.playSafely(video);
+        }
+    }
+
+    destroy(): void {
+        if (this.destroyed) {
+            return;
+        }
+        this.destroyed = true;
+
+        const mpegtsPlayer = this.mpegtsPlayer;
+        this.mpegtsPlayer = null;
+        if (mpegtsPlayer) {
+            mpegtsPlayer.pause();
+            mpegtsPlayer.unload();
+            mpegtsPlayer.detachMediaElement();
+            mpegtsPlayer.destroy();
+        }
+
+        const hls = this.hls;
+        this.hls = null;
+        hls?.destroy();
+
+        this.config.video.pause();
+        clearNativeVideoSources(this.config.video);
+    }
+
+    private startMpegts(video: HTMLVideoElement, url: string): void {
+        const player = mpegts.createPlayer(
+            {
+                type: 'mpegts',
+                isLive: true,
+                url,
+            },
+            {
+                // Keep per-tile latency/memory bounded; several tiles run
+                // concurrently.
+                liveBufferLatencyChasing: true,
+            }
+        );
+        this.mpegtsPlayer = player;
+        player.attachMediaElement(video);
+        player.on(
+            mpegts.Events.ERROR,
+            (type: string, details: string, info: unknown): void => {
+                // Mirror the hls.js path: only surface fatal errors as a tile
+                // error. mpegts.js recovers transient issues internally and
+                // emits ERROR for unrecoverable ones, but skip explicitly
+                // non-fatal payloads defensively.
+                if (isNonFatalMpegtsErrorInfo(info)) {
+                    return;
+                }
+                this.emitError(
+                    classifyMpegTsPlaybackIssue(
+                        { type, details, info },
+                        this.createMetadata(url, 'video/mp2t')
+                    )
+                );
+            }
+        );
+        player.load();
+        this.playSafely(video);
+    }
+
+    private startHls(video: HTMLVideoElement, url: string): void {
+        const hls = new Hls({
+            // Small buffers: up to nine tiles can stream concurrently.
+            maxBufferLength: 10,
+            backBufferLength: 0,
+        });
+        this.hls = hls;
+        hls.on(Hls.Events.MANIFEST_PARSED, () => {
+            this.playSafely(video);
+        });
+        hls.on(Hls.Events.ERROR, (_, data: ErrorData) => {
+            if (!data.fatal) {
+                return;
+            }
+            this.emitError(
+                classifyHlsPlaybackIssue(
+                    {
+                        type: data.type,
+                        details: data.details,
+                        fatal: data.fatal,
+                        message: data.error?.message,
+                        error: data.error,
+                    },
+                    this.createMetadata(url, 'application/x-mpegURL')
+                )
+            );
+        });
+        hls.attachMedia(video);
+        hls.loadSource(url);
+    }
+
+    private createMetadata(url: string, mimeType: string) {
+        return createPlaybackSourceMetadata({
+            url,
+            mimeType,
+            player: InlinePlaybackPlayer.Html5,
+        });
+    }
+
+    private emitError(diagnostic: PlaybackDiagnostic): void {
+        if (this.destroyed) {
+            return;
+        }
+        this.config.onError(diagnostic);
+    }
+
+    private playSafely(video: HTMLVideoElement): void {
+        const onPlaying = this.config.onPlaying;
+        if (onPlaying) {
+            video.addEventListener('playing', () => onPlaying(), {
+                once: true,
+            });
+        }
+        // Tiles are muted, so autoplay is allowed; swallow rejections anyway.
+        const playPromise = video.play() as Promise<void> | undefined;
+        playPromise?.catch(() => undefined);
+    }
+}
diff --git a/libs/workspace/multiview/feature/src/lib/multiview-tile.component.html b/libs/workspace/multiview/feature/src/lib/multiview-tile.component.html
new file mode 100644
index 0000000000..f2f19965ab
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/lib/multiview-tile.component.html
@@ -0,0 +1,45 @@
+<video #tileVideo class="tile-video" playsinline></video>
+
+<div class="tile-header">
+    @if (playback()?.logo) {
+        <img class="tile-logo" [src]="playback()?.logo" alt="" />
+    }
+    <span class="tile-title">{{ playback()?.title }}</span>
+    <mat-icon class="tile-audio-indicator" aria-hidden="true">
+        {{ audioFocused() ? 'volume_up' : 'volume_off' }}
+    </mat-icon>
+    <button
+        mat-icon-button
+        class="tile-remove"
+        type="button"
+        [matTooltip]="'MULTIVIEW.REMOVE_TILE' | translate"
+        [attr.aria-label]="'MULTIVIEW.REMOVE_TILE' | translate"
+        (click)="onRemove($event)"
+        (dblclick)="$event.stopPropagation()"
+    >
+        <mat-icon>close</mat-icon>
+    </button>
+</div>
+
+@if (status() === 'resolving') {
+    <div class="tile-status">
+        <mat-spinner [diameter]="36" />
+    </div>
+}
+
+@if (status() === 'error') {
+    <div class="tile-status tile-status--error">
+        <mat-icon>error_outline</mat-icon>
+        <span class="tile-error-text">
+            {{ (errorKey() ?? 'MULTIVIEW.TILE_ERROR') | translate }}
+        </span>
+        <button
+            mat-stroked-button
+            type="button"
+            (click)="onRetry($event)"
+            (dblclick)="$event.stopPropagation()"
+        >
+            {{ 'MULTIVIEW.RETRY' | translate }}
+        </button>
+    </div>
+}
diff --git a/libs/workspace/multiview/feature/src/lib/multiview-tile.component.scss b/libs/workspace/multiview/feature/src/lib/multiview-tile.component.scss
new file mode 100644
index 0000000000..26df93b43a
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/lib/multiview-tile.component.scss
@@ -0,0 +1,103 @@
+:host {
+    position: relative;
+    display: block;
+    overflow: hidden;
+    border-radius: 8px;
+    background: #000;
+    outline: 2px solid transparent;
+    outline-offset: -2px;
+    cursor: pointer;
+    transition: outline-color 120ms ease-in-out;
+
+    &.audio-focused {
+        outline-color: var(--mat-sys-primary, #3f51b5);
+    }
+}
+
+.tile-video {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    background: #000;
+}
+
+.tile-header {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 4px 4px 4px 10px;
+    background: linear-gradient(
+        to bottom,
+        rgba(0, 0, 0, 0.65),
+        rgba(0, 0, 0, 0)
+    );
+    color: #fff;
+    opacity: 0;
+    transition: opacity 150ms ease-in-out;
+    z-index: 2;
+}
+
+:host(:hover) .tile-header,
+:host(.audio-focused) .tile-header {
+    opacity: 1;
+}
+
+.tile-logo {
+    width: 24px;
+    height: 24px;
+    object-fit: contain;
+    flex-shrink: 0;
+}
+
+.tile-title {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 13px;
+    font-weight: 500;
+}
+
+.tile-audio-indicator {
+    flex-shrink: 0;
+    font-size: 18px;
+    width: 18px;
+    height: 18px;
+    opacity: 0.85;
+}
+
+.tile-remove {
+    flex-shrink: 0;
+    color: #fff;
+}
+
+.tile-status {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 10px;
+    background: rgba(0, 0, 0, 0.55);
+    color: #fff;
+    text-align: center;
+    padding: 12px;
+    z-index: 1;
+}
+
+.tile-status--error mat-icon {
+    color: var(--mat-sys-error, #f44336);
+}
+
+.tile-error-text {
+    font-size: 13px;
+    max-width: 90%;
+}
diff --git a/libs/workspace/multiview/feature/src/lib/multiview-tile.component.spec.ts b/libs/workspace/multiview/feature/src/lib/multiview-tile.component.spec.ts
new file mode 100644
index 0000000000..0a5c1ce1fd
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/lib/multiview-tile.component.spec.ts
@@ -0,0 +1,192 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideNoopAnimations } from '@angular/platform-browser/animations';
+import { TranslateModule } from '@ngx-translate/core';
+import {
+    MultiviewTileComponent,
+    MultiviewTilePlayback,
+} from './multiview-tile.component';
+
+jest.mock('./multiview-tile-engine', () => {
+    class MockMultiviewTileEngine {
+        static instances: MockMultiviewTileEngine[] = [];
+        readonly config: {
+            video: HTMLVideoElement;
+            url: string;
+            onError: (diagnostic: unknown) => void;
+        };
+        start = jest.fn();
+        destroy = jest.fn();
+
+        constructor(config: MockMultiviewTileEngine['config']) {
+            this.config = config;
+            MockMultiviewTileEngine.instances.push(this);
+        }
+    }
+
+    return { MultiviewTileEngine: MockMultiviewTileEngine };
+});
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const MockEngine = jest.requireMock('./multiview-tile-engine')
+    .MultiviewTileEngine as any;
+/* eslint-enable @typescript-eslint/no-explicit-any */
+
+const playback: MultiviewTilePlayback = {
+    url: 'http://example.com/live.m3u8',
+    title: 'Channel One',
+    logo: 'http://example.com/logo.png',
+};
+
+describe('MultiviewTileComponent', () => {
+    let fixture: ComponentFixture<MultiviewTileComponent>;
+
+    beforeEach(async () => {
+        MockEngine.instances.length = 0;
+        await TestBed.configureTestingModule({
+            imports: [MultiviewTileComponent, TranslateModule.forRoot()],
+            providers: [provideNoopAnimations()],
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(MultiviewTileComponent);
+    });
+
+    function video(): HTMLVideoElement {
+        return fixture.nativeElement.querySelector('video');
+    }
+
+    it('creates and starts an engine when playback becomes available', () => {
+        fixture.componentRef.setInput('playback', playback);
+        fixture.detectChanges();
+
+        expect(MockEngine.instances).toHaveLength(1);
+        expect(MockEngine.instances[0].config.url).toBe(playback.url);
+        expect(MockEngine.instances[0].config.video).toBe(video());
+        expect(MockEngine.instances[0].start).toHaveBeenCalledTimes(1);
+    });
+
+    it('does not create an engine without playback', () => {
+        fixture.detectChanges();
+
+        expect(MockEngine.instances).toHaveLength(0);
+    });
+
+    it('destroys the previous engine when playback changes', () => {
+        fixture.componentRef.setInput('playback', playback);
+        fixture.detectChanges();
+
+        fixture.componentRef.setInput('playback', {
+            ...playback,
+            url: 'http://example.com/other.m3u8',
+        });
+        fixture.detectChanges();
+
+        expect(MockEngine.instances).toHaveLength(2);
+        expect(MockEngine.instances[0].destroy).toHaveBeenCalled();
+        expect(MockEngine.instances[1].start).toHaveBeenCalled();
+    });
+
+    it('destroys the engine when the component is destroyed', () => {
+        fixture.componentRef.setInput('playback', playback);
+        fixture.detectChanges();
+
+        fixture.destroy();
+
+        expect(MockEngine.instances[0].destroy).toHaveBeenCalled();
+    });
+
+    it('mutes and unmutes via the audioFocused input without touching localStorage', () => {
+        const setItemSpy = jest.spyOn(Storage.prototype, 'setItem');
+        fixture.componentRef.setInput('playback', playback);
+        fixture.detectChanges();
+        expect(video().muted).toBe(true);
+
+        fixture.componentRef.setInput('audioFocused', true);
+        fixture.detectChanges();
+        expect(video().muted).toBe(false);
+        expect(video().volume).toBe(1);
+
+        fixture.componentRef.setInput('audioFocused', false);
+        fixture.detectChanges();
+        expect(video().muted).toBe(true);
+
+        expect(setItemSpy).not.toHaveBeenCalledWith(
+            'volume',
+            expect.anything()
+        );
+        setItemSpy.mockRestore();
+    });
+
+    it('keeps a focused tile unmuted when its playback restarts', () => {
+        fixture.componentRef.setInput('playback', playback);
+        fixture.componentRef.setInput('audioFocused', true);
+        fixture.detectChanges();
+
+        fixture.componentRef.setInput('playback', {
+            ...playback,
+            url: 'http://example.com/retry.m3u8',
+        });
+        fixture.detectChanges();
+
+        expect(video().muted).toBe(false);
+    });
+
+    it('emits focusRequested on click and openInPlayerRequested on dblclick', () => {
+        const focusSpy = jest.fn();
+        const openSpy = jest.fn();
+        fixture.componentInstance.focusRequested.subscribe(focusSpy);
+        fixture.componentInstance.openInPlayerRequested.subscribe(openSpy);
+        fixture.componentRef.setInput('playback', playback);
+        fixture.detectChanges();
+
+        fixture.nativeElement.dispatchEvent(new MouseEvent('click'));
+        expect(focusSpy).toHaveBeenCalledTimes(1);
+
+        fixture.nativeElement.dispatchEvent(new MouseEvent('dblclick'));
+        expect(openSpy).toHaveBeenCalledTimes(1);
+    });
+
+    it('emits removeRequested from the header button without focusing', () => {
+        const focusSpy = jest.fn();
+        const removeSpy = jest.fn();
+        fixture.componentInstance.focusRequested.subscribe(focusSpy);
+        fixture.componentInstance.removeRequested.subscribe(removeSpy);
+        fixture.componentRef.setInput('playback', playback);
+        fixture.detectChanges();
+
+        const removeButton: HTMLButtonElement =
+            fixture.nativeElement.querySelector('.tile-remove');
+        removeButton.dispatchEvent(new MouseEvent('click', { bubbles: true }));
+
+        expect(removeSpy).toHaveBeenCalledTimes(1);
+        expect(focusSpy).not.toHaveBeenCalled();
+    });
+
+    it('shows the error state with a retry action', () => {
+        const retrySpy = jest.fn();
+        fixture.componentInstance.retryRequested.subscribe(retrySpy);
+        fixture.componentRef.setInput('playback', playback);
+        fixture.componentRef.setInput('status', 'error');
+        fixture.detectChanges();
+
+        const status = fixture.nativeElement.querySelector(
+            '.tile-status--error'
+        );
+        expect(status).toBeTruthy();
+
+        const retryButton: HTMLButtonElement = status.querySelector('button');
+        retryButton.dispatchEvent(new MouseEvent('click', { bubbles: true }));
+        expect(retrySpy).toHaveBeenCalledTimes(1);
+    });
+
+    it('propagates engine errors through playbackFailed', () => {
+        const failedSpy = jest.fn();
+        fixture.componentInstance.playbackFailed.subscribe(failedSpy);
+        fixture.componentRef.setInput('playback', playback);
+        fixture.detectChanges();
+
+        const diagnostic = { code: 'network-error' };
+        MockEngine.instances[0].config.onError(diagnostic);
+
+        expect(failedSpy).toHaveBeenCalledWith(diagnostic);
+    });
+});
diff --git a/libs/workspace/multiview/feature/src/lib/multiview-tile.component.ts b/libs/workspace/multiview/feature/src/lib/multiview-tile.component.ts
new file mode 100644
index 0000000000..68e9737701
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/lib/multiview-tile.component.ts
@@ -0,0 +1,146 @@
+import { ChangeDetectionStrategy } from '@angular/core';
+import {
+    Component,
+    DestroyRef,
+    effect,
+    ElementRef,
+    HostBinding,
+    HostListener,
+    inject,
+    input,
+    output,
+    untracked,
+    viewChild,
+} from '@angular/core';
+import { MatIconButton, MatButton } from '@angular/material/button';
+import { MatIcon } from '@angular/material/icon';
+import { MatProgressSpinner } from '@angular/material/progress-spinner';
+import { MatTooltip } from '@angular/material/tooltip';
+import { TranslatePipe } from '@ngx-translate/core';
+import { PlaybackDiagnostic } from '@iptvnator/ui/playback';
+import { MultiviewTileEngine } from './multiview-tile-engine';
+
+export interface MultiviewTilePlayback {
+    readonly url: string;
+    readonly title: string;
+    readonly logo?: string;
+    readonly userAgent?: string;
+    readonly referer?: string;
+}
+
+export type MultiviewTileStatus = 'resolving' | 'ready' | 'error';
+
+/**
+ * A single multiview tile: renders one muted-by-default live stream through
+ * the minimal tile engine. Audio is controlled solely through the
+ * `audioFocused` input — the shared `localStorage['volume']` of the full
+ * players is intentionally not touched.
+ */
+@Component({
+    selector: 'lib-multiview-tile',
+    templateUrl: './multiview-tile.component.html',
+    styleUrls: ['./multiview-tile.component.scss'],
+    standalone: true,
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        MatButton,
+        MatIcon,
+        MatIconButton,
+        MatProgressSpinner,
+        MatTooltip,
+        TranslatePipe,
+    ],
+})
+export class MultiviewTileComponent {
+    readonly playback = input<MultiviewTilePlayback | null>(null);
+    readonly status = input<MultiviewTileStatus>('resolving');
+    readonly errorKey = input<string | null>(null);
+    readonly audioFocused = input(false);
+
+    readonly focusRequested = output<void>();
+    readonly openInPlayerRequested = output<void>();
+    readonly removeRequested = output<void>();
+    readonly retryRequested = output<void>();
+    readonly playbackFailed = output<PlaybackDiagnostic>();
+
+    private readonly videoRef =
+        viewChild<ElementRef<HTMLVideoElement>>('tileVideo');
+    private readonly destroyRef = inject(DestroyRef);
+    private engine: MultiviewTileEngine | null = null;
+
+    @HostBinding('class.audio-focused') get isAudioFocused(): boolean {
+        return this.audioFocused();
+    }
+
+    constructor() {
+        effect(() => {
+            const playback = this.playback();
+            const video = this.videoRef()?.nativeElement;
+            this.destroyEngine();
+            if (!playback || !video) {
+                return;
+            }
+
+            // No-op in the PWA; in Electron this configures request headers
+            // for M3U channels with custom user-agent/referrer.
+            void window.electron
+                ?.setUserAgent(
+                    playback.userAgent,
+                    playback.referer,
+                    playback.url
+                )
+                .catch(() => undefined);
+
+            const engine = new MultiviewTileEngine({
+                video,
+                url: playback.url,
+                onError: (diagnostic) => this.playbackFailed.emit(diagnostic),
+            });
+            this.engine = engine;
+            engine.start();
+            untracked(() => this.applyAudioFocus(video));
+        });
+
+        effect(() => {
+            const focused = this.audioFocused();
+            const video = this.videoRef()?.nativeElement;
+            if (!video) {
+                return;
+            }
+            video.muted = !focused;
+            video.volume = 1;
+        });
+
+        this.destroyRef.onDestroy(() => this.destroyEngine());
+    }
+
+    @HostListener('click')
+    onHostClick(): void {
+        this.focusRequested.emit();
+    }
+
+    @HostListener('dblclick')
+    onHostDoubleClick(): void {
+        this.openInPlayerRequested.emit();
+    }
+
+    onRemove(event: MouseEvent): void {
+        event.stopPropagation();
+        this.removeRequested.emit();
+    }
+
+    onRetry(event: MouseEvent): void {
+        event.stopPropagation();
+        this.retryRequested.emit();
+    }
+
+    private applyAudioFocus(video: HTMLVideoElement): void {
+        video.muted = !this.audioFocused();
+        video.volume = 1;
+    }
+
+    private destroyEngine(): void {
+        this.engine?.destroy();
+        this.engine = null;
+    }
+}
diff --git a/libs/workspace/multiview/feature/src/test-setup.ts b/libs/workspace/multiview/feature/src/test-setup.ts
new file mode 100644
index 0000000000..0d88648e32
--- /dev/null
+++ b/libs/workspace/multiview/feature/src/test-setup.ts
@@ -0,0 +1,6 @@
+import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
+
+setupZoneTestEnv({
+    errorOnUnknownElements: true,
+    errorOnUnknownProperties: true,
+});
diff --git a/libs/workspace/multiview/feature/tsconfig.json b/libs/workspace/multiview/feature/tsconfig.json
new file mode 100644
index 0000000000..7d33479d88
--- /dev/null
+++ b/libs/workspace/multiview/feature/tsconfig.json
@@ -0,0 +1,28 @@
+{
+    "extends": "../../../../tsconfig.base.json",
+    "compilerOptions": {
+        "isolatedModules": true,
+        "target": "es2022",
+        "moduleResolution": "bundler",
+        "strict": true,
+        "noImplicitOverride": true,
+        "noPropertyAccessFromIndexSignature": true,
+        "noImplicitReturns": true,
+        "noFallthroughCasesInSwitch": true,
+        "emitDecoratorMetadata": false,
+        "module": "preserve"
+    },
+    "angularCompilerOptions": {
+        "enableI18nLegacyMessageIdFormat": false,
+        "strictInjectionParameters": true,
+        "strictInputAccessModifiers": true,
+        "strictTemplates": true
+    },
+    "files": [],
+    "include": [],
+    "references": [
+        {
+            "path": "./tsconfig.lib.json"
+        }
+    ]
+}
diff --git a/libs/workspace/multiview/feature/tsconfig.lib.json b/libs/workspace/multiview/feature/tsconfig.lib.json
new file mode 100644
index 0000000000..76252b4daa
--- /dev/null
+++ b/libs/workspace/multiview/feature/tsconfig.lib.json
@@ -0,0 +1,13 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "outDir": "../../../../dist/out-tsc",
+        "declaration": true,
+        "declarationMap": true,
+        "inlineSources": true,
+        "types": []
+    },
+    "files": ["../../../../global.d.ts"],
+    "include": ["src/**/*.ts"],
+    "exclude": ["src/**/*.spec.ts", "src/**/*.test.ts"]
+}
diff --git a/libs/workspace/multiview/feature/tsconfig.spec.json b/libs/workspace/multiview/feature/tsconfig.spec.json
new file mode 100644
index 0000000000..d69572bec0
--- /dev/null
+++ b/libs/workspace/multiview/feature/tsconfig.spec.json
@@ -0,0 +1,17 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "outDir": "../../../../dist/out-tsc",
+        "module": "commonjs",
+        "moduleResolution": "node10",
+        "types": ["jest", "node"]
+    },
+    "files": ["src/test-setup.ts", "../../../../global.d.ts"],
+    "include": [
+        "jest.config.ts",
+        "src/test-setup.ts",
+        "src/**/*.test.ts",
+        "src/**/*.spec.ts",
+        "src/**/*.d.ts"
+    ]
+}
diff --git a/libs/workspace/shell/feature/src/lib/workspace-shell/services/workspace-shell-route-state.service.ts b/libs/workspace/shell/feature/src/lib/workspace-shell/services/workspace-shell-route-state.service.ts
index 4ad1b570b2..e33a16250d 100644
--- a/libs/workspace/shell/feature/src/lib/workspace-shell/services/workspace-shell-route-state.service.ts
+++ b/libs/workspace/shell/feature/src/lib/workspace-shell/services/workspace-shell-route-state.service.ts
@@ -115,6 +115,13 @@ export class WorkspaceShellRouteStateService {
             exact: true,
         });
 
+        links.push({
+            icon: 'grid_view',
+            tooltip: this.translateText('WORKSPACE.SHELL.RAIL_MULTIVIEW'),
+            path: ['/workspace/multiview'],
+            exact: true,
+        });
+
         return links;
     });
     readonly isDashboardRoute = computed(
diff --git a/libs/workspace/shell/feature/src/lib/workspace-shell/services/workspace-shell.facade.spec.ts b/libs/workspace/shell/feature/src/lib/workspace-shell/services/workspace-shell.facade.spec.ts
index 32aad80897..e5f4778ea4 100644
--- a/libs/workspace/shell/feature/src/lib/workspace-shell/services/workspace-shell.facade.spec.ts
+++ b/libs/workspace/shell/feature/src/lib/workspace-shell/services/workspace-shell.facade.spec.ts
@@ -677,6 +677,12 @@ describe('WorkspaceShellFacade', () => {
                 path: ['/workspace/global-recent'],
                 exact: true,
             },
+            {
+                icon: 'grid_view',
+                tooltip: 'WORKSPACE.SHELL.RAIL_MULTIVIEW',
+                path: ['/workspace/multiview'],
+                exact: true,
+            },
         ]);
         expect(facade.brandLink()).toBe('/workspace/sources');
     });
@@ -689,6 +695,7 @@ describe('WorkspaceShellFacade', () => {
             ['/workspace/sources'],
             ['/workspace/global-favorites'],
             ['/workspace/global-recent'],
+            ['/workspace/multiview'],
         ]);
     });
 
diff --git a/tools/coverage/coverage-policy.json b/tools/coverage/coverage-policy.json
index baadc91f06..b95d0ecc21 100644
--- a/tools/coverage/coverage-policy.json
+++ b/tools/coverage/coverage-policy.json
@@ -205,6 +205,13 @@
                 "validationCommand": "pnpm nx test workspace-dashboard-feature",
                 "e2eTags": ["@dashboard", "@persistence"]
             },
+            {
+                "name": "workspace-multiview-feature",
+                "root": "libs/workspace/multiview/feature",
+                "sourceRoot": "libs/workspace/multiview/feature/src",
+                "validationCommand": "pnpm nx test workspace-multiview-feature",
+                "e2eTags": ["@web", "@persistence"]
+            },
             {
                 "name": "workspace-shell-feature",
                 "root": "libs/workspace/shell/feature",
diff --git a/tsconfig.base.json b/tsconfig.base.json
index 05edde3ed0..3d3b582c75 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -107,6 +107,9 @@
             "@iptvnator/workspace/dashboard/data-access": [
                 "libs/workspace/dashboard/data-access/src/index.ts"
             ],
+            "@iptvnator/workspace/multiview/feature": [
+                "libs/workspace/multiview/feature/src/index.ts"
+            ],
             "@package": ["./package.json"]
         }
     },