Image Playground High-Quality Image Generation

 import SwiftUI
 import ImagePlayground
 
−// Pre-iOS 27: Used the now-deprecated ImageCreator API for on-device generation
−struct LegacyPostcardEditorView: View {
−    @State private var generatedImage: Image?
−    @State private var isGenerating = false
+struct PostcardEditorView: View {
+    @Environment(\.supportsImageGeneration) private var supportsImageGeneration
+    @State private var showPlayground = false
+    @State private var generatedImageURL: URL?
 
+    let cardTheme = "cherry blossoms"
+    let cardMessage = "Wishing you a beautiful spring filled with joy and peace."
+
     var body: some View {
         VStack(spacing: 24) {
−            if let image = generatedImage {
−                image
−                    .resizable()
−                    .scaledToFill()
−                    .frame(width: 300, height: 200)
−                    .clipShape(RoundedRectangle(cornerRadius: 16))
+            if let url = generatedImageURL {
+                AsyncImage(url: url) { image in
+                    image
+                        .resizable()
+                        .scaledToFill()
+                } placeholder: {
+                    ProgressView()
+                }
+                .frame(width: 300, height: 200)
+                .clipShape(RoundedRectangle(cornerRadius: 16))
             } else {
                 RoundedRectangle(cornerRadius: 16)
                     .fill(.secondary.opacity(0.2))
                     .frame(width: 300, height: 200)
                     .overlay(Text("No image yet").foregroundStyle(.secondary))
             }
 
−            Button(isGenerating ? "Generating..." : "Generate Card Art") {
−                Task { await generateImage() }
+            if supportsImageGeneration {
+                Button("Generate Card Art") {
+                    showPlayground = true
+                }
+                .buttonStyle(.borderedProminent)
+                .imagePlaygroundSheet(
+                    isPresented: $showPlayground,
+                    concepts: [
+                        .text(cardTheme),
+                        .extracted(from: cardMessage)
+                    ],
+                    options: ImagePlaygroundOptions {
+                        ImagePlaygroundSize.closest(to: CGSize(width: 1200, height: 800))
+                        ImagePlaygroundGenerationStyle(
+                            default: .illustration,
+                            allowed: [.illustration, .sketch, .animation]
+                        )
+                        ImagePlaygroundPersonalization.enabled
+                    }
+                ) { imageURL in
+                    // URL is temporary — copy it to persistent storage
+                    let destination = FileManager.default
+                        .temporaryDirectory
+                        .appendingPathComponent(UUID().uuidString + ".png")
+                    try? FileManager.default.copyItem(at: imageURL, to: destination)
+                    generatedImageURL = destination
+                }
+            } else {
+                Text("Image generation not available on this device.")
+                    .foregroundStyle(.secondary)
+                    .multilineTextAlignment(.center)
+                    .padding()
             }
−            .disabled(isGenerating)
−            .buttonStyle(.borderedProminent)
         }
         .padding()
+        .navigationTitle("Postcard Editor")
     }
+}
 
−    @MainActor
−    private func generateImage() async {
−        isGenerating = true
−        defer { isGenerating = false }
−        do {
−            // ImageCreator is deprecated in iOS 27
−            let creator = ImageCreator()
−            let request = ImageCreationRequest(
−                content: [.text("cherry blossoms, spring celebration")]
−            )
−            for try await result in creator.images(for: request) {
−                if let cgImage = result.cgImage {
−                    generatedImage = Image(cgImage, scale: 1, label: Text("Generated"))
−                    break
−                }
−            }
−        } catch {
−            print("Image generation failed: \(error)")
−        }
+#Preview {
+    NavigationStack {
+        PostcardEditorView()
     }
 }