Phase 1: Anmeldung, Bibliothek, Detailseiten, Hybrid-Player

Die Datenschicht:
- plex.tv-Anmeldung über das PIN-Verfahren, Token im Schlüsselbund
- Serversuche und Verbindungsauswahl nach Rang (lokal vor direkt vor
  Vermittlung), mit Abgleich der Server-Kennung gegen veraltete
  plex.direct-Adressen
- PlexServer als einzige Stelle, an der die App Endpunkte kennt:
  Mediatheken, Hubs, seitenweises Blättern mit Filtern, Metadaten,
  Staffeln/Folgen, Suche

Die Oberfläche:
- Startseite mit Aufmacher und den Reihen vom Server
- Mediathek als Raster oder Liste, mit Filter- und Sortierblatt
- Detailseiten für Filme, Folgen, Serien und Staffeln inkl. Besetzung,
  Fassungsauswahl und aufklappbaren technischen Angaben
- Suche mit gemerkten Anfragen
- Vollbildplayer mit eigenem Chrome

Der Player:
- AVPlayerEngine und VLCPlayerEngine hinter einem gemeinsamen Protokoll
- VLCKit liegt in einem eigenen Package (FlixyVLC), damit `swift test`
  in FlixyKit nicht das 920-MB-Binärpaket mitzieht

Am echten plex.tv geprüft: der Anmeldecode kommt an. Dabei fiel auf,
dass `strong=true` einen dreißigstelligen Code liefert, der sich bei
plex.tv/link nicht eintippen lässt — jetzt der kurze.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

Flixy/Views/Navigation/RootView.swift

@@ -1,49 +1,103 @@
 import SwiftUI
 import FlixyDesign
+import PlexKit
 
 /// Die Wurzelansicht.
 ///
-/// Legt fest, in welcher Form die Seitenleiste erscheint: auf dem iPhone als
-/// ausfahrbares Blatt, auf dem iPad dauerhaft neben dem Inhalt. Beide Wege
-/// nutzen dieselbe `SidebarView` — der Unterschied liegt nur im Rahmen.
+/// Entscheidet zuerst anhand des Sitzungszustands, ob überhaupt etwas zu
+/// zeigen ist — und erst danach, in welcher Form die Seitenleiste erscheint:
+/// auf dem iPhone als ausfahrbares Blatt, auf dem iPad dauerhaft neben dem
+/// Inhalt. Beide Wege nutzen dieselbe `SidebarView`.
 struct RootView: View {
+    @Environment(FlixySession.self) private var session
+    @Environment(PlaybackCoordinator.self) private var playback
     @Environment(\.horizontalSizeClass) private var sizeClass
 
     @State private var selection: SidebarDestination = .home
     @State private var isSidebarOpen = false
-    /// Kommt in Phase 1 vom Server. Solange leer, blendet die Seitenleiste den
-    /// Abschnitt aus, statt eine leere Überschrift zu zeigen.
-    @State private var libraries: [SidebarDestination] = []
 
     var body: some View {
         Group {
-            if sizeClass == .regular {
-                splitLayout
-            } else {
-                drawerLayout
+            switch session.phase {
+            case .launching:
+                ProgressView()
+                    .frame(maxWidth: .infinity, maxHeight: .infinity)
+                    .background(Color.flixyCanvas)
+
+            case .signedOut, .awaitingAuthorization:
+                SignInView(
+                    phase: session.phase,
+                    clientIdentifier: session.clientIdentifier,
+                    onSignIn: { Task { await session.beginSignIn() } },
+                    onCancel: { session.cancelSignIn() }
+                )
+
+            case .choosingServer(let servers):
+                NavigationStack {
+                    ServerPickerView(servers: servers) { resource in
+                        Task { await session.connect(to: resource) }
+                    }
+                }
+
+            case .connecting(let name):
+                ConnectingView(serverName: name)
+
+            case .failed(let message):
+                ConnectionFailureView(
+                    message: message,
+                    onRetry: { Task { await session.retry() } },
+                    onSignOut: { session.signOut() }
+                )
+
+            case .ready:
+                library
             }
         }
         .background(Color.flixyCanvas)
+        // Einmal an der Wurzel statt in jedem Bildschirm, von dem aus sich
+        // etwas starten lässt — sonst gäbe es vier Kopien desselben Übergangs.
+        .fullScreenCover(item: Bindable(playback).request) { request in
+            PlayerView(request: request)
+        }
+        .task { await session.restore() }
+        .onChange(of: session.phase) { _, newPhase in
+            // Nach einer Neuanmeldung darf nicht eine Mediathek ausgewählt
+            // bleiben, die es auf dem neuen Server gar nicht gibt.
+            if newPhase == .ready, case .library = selection { selection = .home }
+        }
     }
 
-    /// iPad: die Seitenleiste ist Teil des Fensters und lässt sich über den
-    /// Systemknopf einklappen.
+    @ViewBuilder
+    private var library: some View {
+        if sizeClass == .regular {
+            splitLayout
+        } else {
+            drawerLayout
+        }
+    }
+
+    private var sidebarDestinations: [SidebarDestination] {
+        session.libraries.map { .library(key: $0.key, title: $0.title) }
+    }
+
+    /// iPad: die Seitenleiste ist Teil des Fensters.
     private var splitLayout: some View {
         NavigationSplitView {
-            SidebarView(libraries: libraries, selection: $selection, showsHeader: false) {}
-                .navigationTitle(Branding.appName)
-                .toolbar(removing: .sidebarToggle)
+            SidebarView(
+                libraries: sidebarDestinations,
+                selection: $selection,
+                showsHeader: false
+            ) {}
+            .navigationTitle(Branding.appName)
         } detail: {
-            NavigationStack {
-                destination
-            }
+            NavigationStack { destination }
         }
     }
 
     /// iPhone: die Seitenleiste fährt über den Inhalt.
     private var drawerLayout: some View {
         DrawerContainer(isOpen: $isSidebarOpen) {
-            SidebarView(libraries: libraries, selection: $selection) {
+            SidebarView(libraries: sidebarDestinations, selection: $selection) {
                 isSidebarOpen = false
             }
         } content: {
@@ -67,15 +121,19 @@ struct RootView: View {
     private var destination: some View {
         switch selection {
         case .home:
-            PlaceholderScreen(destination: .home)
+            HomeView()
         case .library(let key, let title):
-            PlaceholderScreen(destination: .library(key: key, title: title))
+            if let library = session.libraries.first(where: { $0.key == key }) {
+                LibraryView(library: library)
+            } else {
+                PlaceholderScreen(destination: .library(key: key, title: title))
+            }
         case .liveTV:
             PlaceholderScreen(destination: .liveTV)
         case .downloads:
             PlaceholderScreen(destination: .downloads)
         case .settings:
-            PlaceholderScreen(destination: .settings)
+            SettingsView()
         }
     }
 }