From 5850903a823b57b57978d33fcd9a39d396f01b91 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 18 Jul 2026 16:29:22 +0000
Subject: [PATCH] Restore full-bleed Now Playing backdrop in the vertical pager
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The clip fix (#79) stopped the neighbor-page bleed but left black bands
in the status-bar and home-indicator areas. Make the pager itself
full-screen instead: pages tile exactly one screen height (no bleed by
construction), and the real safe-area insets are re-injected per page
via safeAreaPadding — additive safe area, so nav bars and chevrons stay
clear while AlbumBackdrop's ignoresSafeArea reaches the screen edges
again.
---
 App/Continuity/Views/MainPagerView.swift | 53 ++++++++++++++----------
 1 file changed, 30 insertions(+), 23 deletions(-)

diff --git a/App/Continuity/Views/MainPagerView.swift b/App/Continuity/Views/MainPagerView.swift
index abd10aa..9ac0ec7 100644
--- a/App/Continuity/Views/MainPagerView.swift
+++ b/App/Continuity/Views/MainPagerView.swift
@@ -8,31 +8,38 @@ struct MainPagerView: View {
     @State private var pagerState = MainPagerState()
 
     var body: some View {
-        ScrollView(.vertical) {
-            VStack(spacing: 0) {
-                LibrarySheetView()
-                    .containerRelativeFrame(.vertical)
-                    .id(MainPagerState.Page.library)
-                NowPlayingView(mode: .home)
-                    .containerRelativeFrame(.vertical)
-                    .id(MainPagerState.Page.nowPlaying)
-                UpNextView()
-                    .containerRelativeFrame(.vertical)
-                    .id(MainPagerState.Page.upNext)
+        // Full-screen pages: the pager ignores the safe area so each page tiles exactly one
+        // screen (no neighbor bleed into the status-bar / home-indicator bands), and the real
+        // insets are re-injected per page with safeAreaPadding — *additive* safe area, so nav
+        // bars, lists, and chevrons inset correctly while full-bleed layers (AlbumBackdrop's
+        // ignoresSafeArea) still escape to the screen edges.
+        GeometryReader { proxy in
+            let insets = proxy.safeAreaInsets
+            ScrollView(.vertical) {
+                VStack(spacing: 0) {
+                    LibrarySheetView()
+                        .safeAreaPadding(insets)
+                        .containerRelativeFrame(.vertical)
+                        .id(MainPagerState.Page.library)
+                    NowPlayingView(mode: .home)
+                        .safeAreaPadding(insets)
+                        .containerRelativeFrame(.vertical)
+                        .id(MainPagerState.Page.nowPlaying)
+                    UpNextView()
+                        .safeAreaPadding(insets)
+                        .containerRelativeFrame(.vertical)
+                        .id(MainPagerState.Page.upNext)
+                }
+                .scrollTargetLayout()
             }
-            .scrollTargetLayout()
+            .scrollTargetBehavior(.paging)
+            .scrollPosition(id: pageBinding)
+            .scrollIndicators(.hidden)
+            // Three equal pages → center lands on Now Playing (the home screen).
+            .defaultScrollAnchor(.center)
+            .background(Color.black)
+            .ignoresSafeArea()
         }
-        .scrollTargetBehavior(.paging)
-        .scrollPosition(id: pageBinding)
-        .scrollIndicators(.hidden)
-        // Three equal pages → center lands on Now Playing (the home screen).
-        .defaultScrollAnchor(.center)
-        // Pages are sized to the safe-area height, but scroll content draws edge-to-edge —
-        // so the status-bar / home-indicator bands showed slivers of the neighboring pages.
-        // Clip to the safe-area frame and paint the exposed bands black so exactly one page
-        // is ever visible.
-        .clipped()
-        .background(Color.black.ignoresSafeArea())
         .environment(pagerState)
     }