MusicKit Integration with Music Picker & Playback

 import SwiftUI
 import MusicKit
 
−// Pre-iOS 27: No .musicPicker modifier; developers had to build
−// their own search UI using MusicCatalogSearchRequest manually.
−
 @MainActor
−struct LegacyWorkoutMusicView: View {
−    @State private var searchText = ""
−    @State private var songs: [Song] = []
−    @State private var selectedSong: Song?
+struct WorkoutMusicView: View {
+    @State private var authStatus: MusicAuthorization.Status = .notDetermined
+    @State private var showPicker = false
+    @State private var selectedSongs: [Song] = []
+    @State private var isSubscribed = false
+    @State private var showSubscriptionOffer = false
 
+    private let player = ApplicationMusicPlayer.shared
+
     var body: some View {
−        VStack {
−            TextField("Search songs", text: $searchText)
−                .textFieldStyle(.roundedBorder)
−                .padding()
−                .onSubmit { Task { await searchSongs() } }
+        VStack(spacing: 20) {
+            // Now-playing artwork
+            if let entry = player.queue.currentEntry,
+               let artwork = entry.artwork {
+                ArtworkImage(artwork, width: 200, height: 200)
+                    .cornerRadius(12)
+                Text(entry.title)
+                    .font(.headline)
+                Text(entry.subtitle ?? "")
+                    .font(.subheadline)
+                    .foregroundStyle(.secondary)
+            } else {
+                RoundedRectangle(cornerRadius: 12)
+                    .fill(Color.secondary.opacity(0.2))
+                    .frame(width: 200, height: 200)
+                    .overlay(Image(systemName: "music.note").font(.largeTitle))
+            }
 
−            List(songs, id: \.id) { song in
−                Button(song.title) {
−                    selectedSong = song
−                    Task { await playSong(song) }
+            // Playback controls
+            HStack(spacing: 40) {
+                Button { Task { try? await player.skipToPreviousEntry() } } label: {
+                    Image(systemName: "backward.fill").font(.title2)
                 }
+                Button {
+                    Task {
+                        if player.state.playbackStatus == .playing {
+                            player.pause()
+                        } else {
+                            try? await player.play()
+                        }
+                    }
+                } label: {
+                    Image(systemName: player.state.playbackStatus == .playing ? "pause.fill" : "play.fill")
+                        .font(.title)
+                }
+                Button { Task { try? await player.skipToNextEntry() } } label: {
+                    Image(systemName: "forward.fill").font(.title2)
+                }
             }
 
−            if let song = selectedSong {
−                Text("Now playing: \(song.title)")
−                    .padding()
+            Divider()
+
+            // Open music picker
+            Button("Pick Workout Songs") {
+                showPicker = true
             }
+            .buttonStyle(.borderedProminent)
+            .musicPicker(
+                isPresented: $showPicker,
+                selection: $selectedSongs
+            )
+
+            if !isSubscribed {
+                Button("Subscribe to Apple Music") {
+                    showSubscriptionOffer = true
+                }
+                .musicSubscriptionOffer(
+                    isPresented: $showSubscriptionOffer,
+                    options: MusicSubscriptionOffer.Options(
+                        messageIdentifier: .playMusic
+                    )
+                )
+            }
         }
+        .padding()
         .task {
−            _ = await MusicAuthorization.request()
+            authStatus = await MusicAuthorization.request()
+            guard authStatus == .authorized else { return }
+            // Load subscription status and observe changes
+            for await subscription in MusicSubscription.subscriptionUpdates {
+                isSubscribed = subscription.canPlayCatalogContent
+            }
         }
−    }
−
−    func searchSongs() async {
−        var request = MusicCatalogSearchRequest(
−            term: searchText,
−            types: [Song.self]
−        )
−        request.limit = 20
−        if let response = try? await request.response() {
−            songs = Array(response.songs)
+        .onChange(of: selectedSongs) { _, songs in
+            guard !songs.isEmpty else { return }
+            Task {
+                player.queue = ApplicationMusicPlayer.Queue(for: songs)
+                try? await player.play()
+            }
         }
     }
−
−    func playSong(_ song: Song) async {
−        ApplicationMusicPlayer.shared.queue = ApplicationMusicPlayer.Queue(for: [song])
−        try? await ApplicationMusicPlayer.shared.play()
−    }
 }
 
 #Preview {
−    LegacyWorkoutMusicView()
+    WorkoutMusicView()
 }