Image Playground High-Quality Image Generation

 import SwiftUI
 import ImagePlayground
 
−// iOS 26 / pre-iOS 27 approach using the now-deprecated ImageCreator
−struct LegacyCardArtworkView: View {
+struct CardEditorView: View {
     let cardTheme: String
−    @State private var generatedImage: CGImage?
−    @State private var isGenerating = false
+    let cardMessage: String
 
+    @State private var showPlayground = false
+    @State private var generatedImageURL: URL?
+
+    var playgroundOptions: ImagePlaygroundOptions {
+        var options = ImagePlaygroundOptions()
+        // Lock to illustration and sketch styles, default to illustration
+        options.style = .imagePlaygroundGenerationStyle(
+            default: .illustration,
+            allowed: [.illustration, .sketch]
+        )
+        // Request a portrait aspect ratio for a greeting card
+        options.size = .closest(to: CGSize(width: 600, height: 900))
+        return options
+    }
+
     var body: some View {
         VStack(spacing: 24) {
−            if let cgImage = generatedImage {
−                Image(cgImage, scale: 1.0, orientation: .up, label: Text("Generated"))
−                    .resizable()
−                    .scaledToFit()
−                    .cornerRadius(16)
+            if let url = generatedImageURL {
+                AsyncImage(url: url) { image in
+                    image
+                        .resizable()
+                        .scaledToFit()
+                        .cornerRadius(16)
+                } placeholder: {
+                    RoundedRectangle(cornerRadius: 16)
+                        .fill(Color.secondary.opacity(0.2))
+                        .frame(height: 300)
+                }
             } else {
                 RoundedRectangle(cornerRadius: 16)
                     .fill(Color.secondary.opacity(0.15))
                     .frame(height: 300)
−                    .overlay(
−                        isGenerating
−                            ? AnyView(ProgressView())
−                            : AnyView(Text("No artwork yet").foregroundStyle(.secondary))
−                    )
+                    .overlay(Text("No artwork yet").foregroundStyle(.secondary))
             }
 
−            Button("Generate Artwork") {
−                Task { await generateArtwork() }
+            Button("Add Artwork with Image Playground") {
+                showPlayground = true
             }
             .buttonStyle(.borderedProminent)
−            .disabled(isGenerating)
         }
         .padding()
+        .imagePlaygroundSheet(
+            isPresented: $showPlayground,
+            concepts: [
+                .text(cardTheme),
+                .extracted(from: cardMessage)
+            ],
+            options: playgroundOptions
+        ) { imageURL in
+            // imageURL is temporary — copy to app storage in a real app
+            generatedImageURL = imageURL
+        }
     }
+}
 
−    @MainActor
−    private func generateArtwork() async {
−        isGenerating = true
−        defer { isGenerating = false }
−        do {
−            // ImageCreator is deprecated in iOS 27
−            let creator = ImageCreator()
−            let images = creator.images(
−                for: [ImageCreator.Concept.text(cardTheme)],
−                style: .animation
+struct ContentView: View {
+    @Environment(\.supportsImageGeneration) private var supportsImageGeneration
+
+    var body: some View {
+        if supportsImageGeneration {
+            CardEditorView(
+                cardTheme: "cherry blossoms",
+                cardMessage: "Wishing you a wonderful spring full of joy and new beginnings!"
             )
−            for try await image in images {
−                generatedImage = image
−                break
−            }
−        } catch {
−            print("Generation failed: \(error)")
+        } else {
+            Text("Image generation not available on this device.")
+                .foregroundStyle(.secondary)
+                .padding()
         }
     }
 }