Navigation: Glas, oben oder seitlich, und mehr Reihen auf der Startseite

Drei Dinge aus dem letzten Durchgang.

**Die Startseite hatte zu wenig anzubieten.** Es gab eine Reihe „Zuletzt
hinzugefügt" für alles zusammen. Jetzt gibt es eine je Mediathek — „Neu in
Filme" und „Neu in Serien" sind zwei verschiedene Fragen, und wer nach einem
Film sucht, blättert in einer gemeinsamen Reihe an Folgen vorbei. Dazu
Favoriten, die es bei Jellyfin ohnehin gibt. Die drei Abfragen laufen
nebeneinander; nur die Mediatheken werden streng geholt, weil sie die Probe
darauf sind, ob der Server überhaupt antwortet.

**Die Seitenleiste ist jetzt echtes Glas**, nicht das alte Material: im
ausfahrbaren Blatt über `glassEffect`, in der geteilten Ansicht auf dem iPad
vom System selbst — dort lag mein eigener Hintergrund darüber und machte ihn
stumpf. Die zum Inhalt zeigende Kante ist gerundet, damit das Blatt sichtbar
über der Seite liegt statt daneben zu stehen.

**Die Navigation kann nach oben.** Eine Einstellung unter Erscheinungsbild,
seitlich oder oben. Oben stehen alle Einträge gleichzeitig da, als Glaskapseln
in einer waagerecht scrollenden Reihe — die Zahl der Mediatheken kommt vom
Server, und zusammengequetschte Beschriftungen wären die schlechtere Antwort
als eine Reihe, die weiterläuft.

Angesehen auf iPhone und iPad: beide Formen, das Glas in beiden Leisten, die
neuen Reihen.

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

Flixy/Views/Navigation/RootView.swift

@@ -18,6 +18,7 @@ struct RootView: View {
     @Environment(NetworkConditions.self) private var network
     @Environment(DownloadCoordinator.self) private var downloads
     @Environment(PlaybackDiagnostics.self) private var diagnostics
+    @Environment(NavigationSettings.self) private var navigation
 
     /// Der laufende Player — hier gehalten, weil diese Ansicht immer da ist.
     ///
@@ -142,13 +143,44 @@ struct RootView: View {
 
     @ViewBuilder
     private var library: some View {
-        if sizeClass == .regular {
-            splitLayout
-        } else {
-            drawerLayout
+        switch navigation.placement {
+        case .top:
+            topLayout
+        case .side:
+            if sizeClass == .regular {
+                splitLayout
+            } else {
+                drawerLayout
+            }
         }
     }
 
+    /// Die Navigation als Reihe über dem Inhalt.
+    ///
+    /// Ohne Seitenleiste und ohne Blatt: die Einträge stehen alle gleichzeitig
+    /// da. Auf einem Fernseher und auf einem breiten Fenster ist das die
+    /// natürlichere Form — und auf dem Handy für den, der lieber tippt als
+    /// wischt.
+    private var topLayout: some View {
+        NavigationStack {
+            destination
+                .safeAreaInset(edge: .top, spacing: 0) {
+                    TopNavigationBar(items: allDestinations, selection: $selection)
+                }
+        }
+        .miniPlayer(player, isVisible: playback.presentation == .mini)
+    }
+
+    /// Alle Einträge in einer Reihe — für die Navigation oben, die keine
+    /// Abschnitte kennt.
+    private var allDestinations: [SidebarDestination] {
+        var items: [SidebarDestination] = [.home]
+        items.append(contentsOf: sidebarDestinations)
+        if session.supportsLiveTV { items.append(.liveTV) }
+        items.append(contentsOf: [.downloads, .settings])
+        return items
+    }
+
     private var sidebarDestinations: [SidebarDestination] {
         session.libraries.map { .library(key: $0.id, title: $0.title) }
     }
@@ -157,6 +189,7 @@ struct RootView: View {
     private var splitLayout: some View {
         NavigationSplitView {
             SidebarView(
+                presentation: .column,
                 libraries: sidebarDestinations,
                 showsLiveTV: session.supportsLiveTV,
                 selection: $selection,