SwiftUI–AppKit/UIKit Integration Enhancements (iOS/macOS 2026)

+import SwiftUI
 import AppKit
 
−// Pre-2026: No NSGestureRecognizerRepresentable — you had to subclass
−// NSHostingView and add the gesture recognizer at the AppKit layer
+// MARK: - Observable Model
+@Observable
+final class ColorModel {
+    var hue: Double = 0.5
+    var saturation: Double = 1.0
+    var brightness: Double = 1.0
 
−class ColorModel: NSObject {
−    @objc dynamic var hue: CGFloat = 0.5
−    @objc dynamic var saturation: CGFloat = 1.0
−    @objc dynamic var brightness: CGFloat = 1.0
−
     func resetSaturationAndBrightness() {
         saturation = 1.0
         brightness = 1.0
     }
 }
 
−// Wrapping SwiftUI in AppKit and bolting on the gesture externally
−class ColorPickerHostingView: NSHostingView<AnyView> {
−    let model: ColorModel
−    private var pressRecognizer: NSPressGestureRecognizer!
+// MARK: - NSGestureRecognizerRepresentable
+struct ForceClickReset: NSGestureRecognizerRepresentable {
+    var model: ColorModel
 
−    init(model: ColorModel) {
−        self.model = model
−        // Had to pass model via environment or binding workarounds
−        super.init(rootView: AnyView(Circle()
−            .fill(Color(hue: Double(model.hue),
−                        saturation: Double(model.saturation),
−                        brightness: Double(model.brightness)))
−            .frame(width: 200, height: 200)))
−        pressRecognizer = NSPressGestureRecognizer(
−            target: self, action: #selector(handleForceClick))
−        addGestureRecognizer(pressRecognizer)
+    func makeNSGestureRecognizer(context: Context) -> NSPressGestureRecognizer {
+        let recognizer = NSPressGestureRecognizer()
+        recognizer.minimumPressDuration = 0
+        recognizer.allowedTouchTypes = .direct
+        // In a real app you'd use a custom ForceClickGestureRecognizer subclass here
+        return recognizer
     }
 
−    required init(rootView: AnyView) { fatalError() }
−    required init?(coder: NSCoder) { fatalError() }
+    func handleNSGestureRecognizerAction(
+        _ recognizer: NSPressGestureRecognizer,
+        context: Context
+    ) {
+        if recognizer.state == .began {
+            withAnimation {
+                model.resetSaturationAndBrightness()
+            }
+        }
+    }
+}
 
−    @objc private func handleForceClick(_ r: NSPressGestureRecognizer) {
−        if r.state == .began { model.resetSaturationAndBrightness() }
+// MARK: - SwiftUI Color Menu View (used in NSHostingMenu)
+struct ColorMenuView: View {
+    var model: ColorModel
+
+    var body: some View {
+        Button("Reset Brightness & Saturation") {
+            withAnimation {
+                model.resetSaturationAndBrightness()
+            }
+        }
+        .keyboardShortcut("r", modifiers: [.command, .shift])
+
+        Picker("Preset Colors", selection: $model.hue) {
+            Text("Red").tag(0.0)
+            Text("Green").tag(0.33)
+            Text("Blue").tag(0.66)
+        }
+        .pickerStyle(.palette)
     }
 }
 
−// Pre-2026: No NSHostingMenu — had to build NSMenu items imperatively
−func buildColorMenu(model: ColorModel) -> NSMenu {
−    let menu = NSMenu(title: "Color")
−    let item = NSMenuItem(title: "Reset Brightness & Saturation",
−                          action: #selector(AppDelegate.resetColors),
−                          keyEquivalent: "r")
−    item.keyEquivalentModifierMask = [.command, .shift]
−    menu.addItem(item)
−    return menu
+// MARK: - AppDelegate wiring
+class AppDelegate: NSObject, NSApplicationDelegate {
+    let colorModel = ColorModel()
+
+    func applicationDidFinishLaunching(_ notification: Notification) {
+        // Build SwiftUI-powered submenu
+        let hostingMenu = NSHostingMenu(rootView: ColorMenuView(model: colorModel))
+        hostingMenu.title = "Color"
+
+        let menuItem = NSMenuItem()
+        menuItem.submenu = hostingMenu
+        NSApp.mainMenu?.addItem(menuItem)
+    }
+}
+
+// MARK: - SwiftUI View with gesture
+struct HSBColorPicker: View {
+    var model: ColorModel
+
+    var body: some View {
+        Circle()
+            .fill(Color(hue: model.hue,
+                        saturation: model.saturation,
+                        brightness: model.brightness))
+            .frame(width: 200, height: 200)
+            .gesture(ForceClickReset(model: model))
+    }
 }