kyleve · kyleve · Sep 6, 2026 · Sep 4, 2026 · Sep 4, 2026 · Sep 4, 2026
diff --git a/...napshotTests/presenceTimeline.DifferentiateWithoutColorInitialBottom_iPhone.png b/...napshotTests/presenceTimeline.DifferentiateWithoutColorInitialBottom_iPhone.png
diff --git a/...otTests/presenceTimeline.DifferentiateWithoutColorInitialBottom_iPhone_dark.png b/...otTests/presenceTimeline.DifferentiateWithoutColorInitialBottom_iPhone_dark.png
diff --git a/...TimelineListSnapshotTests/presenceTimeline.DifferentiateWithoutColor_iPhone.png b/...TimelineListSnapshotTests/presenceTimeline.DifferentiateWithoutColor_iPhone.png
diff --git a/...ineListSnapshotTests/presenceTimeline.DifferentiateWithoutColor_iPhone_dark.png b/...ineListSnapshotTests/presenceTimeline.DifferentiateWithoutColor_iPhone_dark.png
diff --git a/...ots__/PresenceTimelineListSnapshotTests/presenceTimeline.InitialBottom_iPad.png b/...ots__/PresenceTimelineListSnapshotTests/presenceTimeline.InitialBottom_iPad.png
diff --git a/...TimelineListSnapshotTests/presenceTimeline.InitialBottom_iPad_accessibility.png b/...TimelineListSnapshotTests/presenceTimeline.InitialBottom_iPad_accessibility.png
diff --git a/..._/PresenceTimelineListSnapshotTests/presenceTimeline.InitialBottom_iPad_ax5.png b/..._/PresenceTimelineListSnapshotTests/presenceTimeline.InitialBottom_iPad_ax5.png
diff --git a/...senceTimelineListSnapshotTests/presenceTimeline.InitialBottom_iPad_contrast.png b/...senceTimelineListSnapshotTests/presenceTimeline.InitialBottom_iPad_contrast.png
diff --git a/.../PresenceTimelineListSnapshotTests/presenceTimeline.InitialBottom_iPad_dark.png b/.../PresenceTimelineListSnapshotTests/presenceTimeline.InitialBottom_iPad_dark.png
diff --git a/...s__/PresenceTimelineListSnapshotTests/presenceTimeline.InitialBottom_iPhone.png b/...s__/PresenceTimelineListSnapshotTests/presenceTimeline.InitialBottom_iPhone.png
diff --git a/...melineListSnapshotTests/presenceTimeline.InitialBottom_iPhone_accessibility.png b/...melineListSnapshotTests/presenceTimeline.InitialBottom_iPhone_accessibility.png
diff --git a/...PresenceTimelineListSnapshotTests/presenceTimeline.InitialBottom_iPhone_ax5.png b/...PresenceTimelineListSnapshotTests/presenceTimeline.InitialBottom_iPhone_ax5.png
diff --git a/...nceTimelineListSnapshotTests/presenceTimeline.InitialBottom_iPhone_contrast.png b/...nceTimelineListSnapshotTests/presenceTimeline.InitialBottom_iPhone_contrast.png
diff --git a/...resenceTimelineListSnapshotTests/presenceTimeline.InitialBottom_iPhone_dark.png b/...resenceTimelineListSnapshotTests/presenceTimeline.InitialBottom_iPhone_dark.png
diff --git a/...elineListSnapshotTests/presenceTimeline.PlannedStayAfterRecordingGap_iPhone.png b/...elineListSnapshotTests/presenceTimeline.PlannedStayAfterRecordingGap_iPhone.png
diff --git a/...ListSnapshotTests/presenceTimeline.PlannedStayAfterRecordingGap_iPhone_dark.png b/...ListSnapshotTests/presenceTimeline.PlannedStayAfterRecordingGap_iPhone_dark.png
diff --git a/...imelineListSnapshotTests/presenceTimeline.PlannedStayDifferentRegion_iPhone.png b/...imelineListSnapshotTests/presenceTimeline.PlannedStayDifferentRegion_iPhone.png
diff --git a/...neListSnapshotTests/presenceTimeline.PlannedStayDifferentRegion_iPhone_dark.png b/...neListSnapshotTests/presenceTimeline.PlannedStayDifferentRegion_iPhone_dark.png
diff --git a/...ots__/PresenceTimelineListSnapshotTests/presenceTimeline.PlannedStay_iPhone.png b/...ots__/PresenceTimelineListSnapshotTests/presenceTimeline.PlannedStay_iPhone.png
diff --git a/...TimelineListSnapshotTests/presenceTimeline.PlannedStay_iPhone_accessibility.png b/...TimelineListSnapshotTests/presenceTimeline.PlannedStay_iPhone_accessibility.png
diff --git a/.../PresenceTimelineListSnapshotTests/presenceTimeline.PlannedStay_iPhone_dark.png b/.../PresenceTimelineListSnapshotTests/presenceTimeline.PlannedStay_iPhone_dark.png
diff --git a/.../PresenceTimelineListSnapshotTests/presenceTimeline.ShortPlannedStay_iPhone.png b/.../PresenceTimelineListSnapshotTests/presenceTimeline.ShortPlannedStay_iPhone.png
diff --git a/...enceTimelineListSnapshotTests/presenceTimeline.ShortPlannedStay_iPhone_dark.png b/...enceTimelineListSnapshotTests/presenceTimeline.ShortPlannedStay_iPhone_dark.png
diff --git a/...napshots__/PresenceTimelineListSnapshotTests/presenceTimeline.WithData_iPad.png b/...napshots__/PresenceTimelineListSnapshotTests/presenceTimeline.WithData_iPad.png
diff --git a/...senceTimelineListSnapshotTests/presenceTimeline.WithData_iPad_accessibility.png b/...senceTimelineListSnapshotTests/presenceTimeline.WithData_iPad_accessibility.png
diff --git a/...hots__/PresenceTimelineListSnapshotTests/presenceTimeline.WithData_iPad_ax5.png b/...hots__/PresenceTimelineListSnapshotTests/presenceTimeline.WithData_iPad_ax5.png
diff --git a/..._/PresenceTimelineListSnapshotTests/presenceTimeline.WithData_iPad_contrast.png b/..._/PresenceTimelineListSnapshotTests/presenceTimeline.WithData_iPad_contrast.png
diff --git a/...ots__/PresenceTimelineListSnapshotTests/presenceTimeline.WithData_iPad_dark.png b/...ots__/PresenceTimelineListSnapshotTests/presenceTimeline.WithData_iPad_dark.png
diff --git a/...pshots__/PresenceTimelineListSnapshotTests/presenceTimeline.WithData_iPhone.png b/...pshots__/PresenceTimelineListSnapshotTests/presenceTimeline.WithData_iPhone.png
diff --git a/...nceTimelineListSnapshotTests/presenceTimeline.WithData_iPhone_accessibility.png b/...nceTimelineListSnapshotTests/presenceTimeline.WithData_iPhone_accessibility.png
diff --git a/...ts__/PresenceTimelineListSnapshotTests/presenceTimeline.WithData_iPhone_ax5.png b/...ts__/PresenceTimelineListSnapshotTests/presenceTimeline.WithData_iPhone_ax5.png
diff --git a/...PresenceTimelineListSnapshotTests/presenceTimeline.WithData_iPhone_contrast.png b/...PresenceTimelineListSnapshotTests/presenceTimeline.WithData_iPhone_contrast.png
diff --git a/...s__/PresenceTimelineListSnapshotTests/presenceTimeline.WithData_iPhone_dark.png b/...s__/PresenceTimelineListSnapshotTests/presenceTimeline.WithData_iPhone_dark.png
diff --git a/Where/WhereUI/Sources/Preview/PreviewSupport.swift b/Where/WhereUI/Sources/Preview/PreviewSupport.swift
@@ -341,12 +341,15 @@
         @MainActor
         public static func plannedStayYearReportModel(
             showsEstimatedTimeAndPlanning: Bool = true,
+            plannedRegion: Region = .newYork,
+            recordedThroughDay: CalendarDay? = nil,
+            plannedThroughDay: CalendarDay = CalendarDay(year: year, month: 8, day: 15),
         ) -> YearReportModel {
             let completeReport = sampleReport()
             var calendar = Calendar(identifier: .gregorian)
             calendar.timeZone = TimeZone(identifier: "America/Los_Angeles")!
             let today = CalendarDay(from: referenceNow, in: calendar)
-            let recordedDays = completeReport.days.filter { $0.day <= today }
+            let recordedDays = completeReport.days.filter { $0.day <= recordedThroughDay ?? today }
             var recordedTotals: [Region: Int] = [:]
             for day in recordedDays {
                 for region in day.regions {
@@ -370,8 +373,8 @@
                 now: { referenceNow },
             )
             model.forecasts.setActivePlannedStay(PlannedStay(
-                region: .newYork,
-                through: CalendarDay(year: year, month: 8, day: 15),
+                region: plannedRegion,
+                through: plannedThroughDay,
             ))
             return model
         }

diff --git a/Where/WhereUI/Sources/Primary/PlannedPresenceJourneyBackground.swift b/Where/WhereUI/Sources/Primary/PlannedPresenceJourneyBackground.swift
@@ -0,0 +1,71 @@
+import SwiftUI
+
+/// Draws the lighter planned treatment, fading it in after a joined recorded card.
+struct PlannedPresenceJourneyBackground: View {
+    let position: PresenceJourneyCardPosition
+    let tint: Color
+
+    @Environment(\.stylesheet) private var stylesheet
+
+    var body: some View {
+        let timeline = stylesheet.timeline
+        let row = timeline.row
+        let planned = timeline.planned
+        let shape = position.shape(cornerRadius: row.cornerRadius)
+
+        ZStack {
+            if position.isJoinedContinuation {
+                VStack(spacing: 0) {
+                    LinearGradient(
+                        colors: [
+                            tint.opacity(row.fillOpacity),
+                            tint.opacity(planned.fillOpacity),
+                        ],
+                        startPoint: .top,
+                        endPoint: .bottom,
+                    )
+                    .frame(height: planned.transitionHeight)
+
+                    tint.opacity(planned.fillOpacity)
+                }
+            } else {
+                shape
+                    .fill(tint.opacity(planned.fillOpacity))
+            }
+
+            PlannedStayHatch(
+                color: tint,
+                spacing: planned.hatchSpacing,
+                lineWidth: planned.hatchLineWidth,
+                gridOriginX: 0,
+            )
+            .opacity(planned.hatchOpacity)
+            .mask {
+                if position.isJoinedContinuation {
+                    VStack(spacing: 0) {
+                        LinearGradient(
+                            colors: [.clear, .white],
+                            startPoint: .top,
+                            endPoint: .bottom,
+                        )
+                        .frame(height: planned.transitionHeight)
+
+                        Color.white
+                    }
+                } else {
+                    Color.white
+                }
+            }
+        }
+        .clipShape(shape)
+    }
+}
+
+#if DEBUG
+    #Preview {
+        PlannedPresenceJourneyBackground(position: .bottom, tint: .blue)
+            .frame(width: 240, height: 120)
+            .padding()
+            .whereBroadwayRoot()
+    }
+#endif