YaniPay pour visionOS

import SwiftUI
import RealityKit
import YaniPayCore

@main
struct YaniPayVisionApp: App {
    @StateObject private var walletManager = WalletManager()
    @State private var immersionStyle: ImmersionStyle = .mixed

    var body: some Scene {
        // Main 2D window - Dashboard
        WindowGroup("Dashboard", id: "dashboard") {
            DashboardView()
                .environmentObject(walletManager)
        }
        .windowStyle(.automatic)
        .defaultSize(width: 1200, height: 800)

        // 3D Volume - Portfolio visualization
        WindowGroup("Portfolio 3D", id: "portfolio-3d") {
            PortfolioVolumeView()
                .environmentObject(walletManager)
        }
        .windowStyle(.volumetric)
        .defaultSize(width: 0.6, height: 0.4, depth: 0.4, in: .meters)

        // Immersive Space - Full analytics
        ImmersiveSpace(id: "analytics-immersive") {
            AnalyticsImmersiveView()
                .environmentObject(walletManager)
        }
        .immersionStyle(selection: $immersionStyle, in: .mixed)
    }
}

import SwiftUI
import RealityKit

struct PortfolioVolumeView: View {
    @EnvironmentObject var walletManager: WalletManager

    var body: some View {
        RealityView { content in
            // Create 3D bar chart for portfolio allocation
            let chart = createPortfolioChart(
                allocations: walletManager.allocations
            )
            content.add(chart)
        } update: { content in
            // Update chart on data change
        }
        .gesture(
            DragGesture()
                .targetedToAnyEntity()
                .onChanged { value in
                    // Rotate chart with drag
                }
        )
        .gesture(
            TapGesture()
                .targetedToAnyEntity()
                .onEnded { value in
                    // Show detail for tapped segment
                }
        )
    }

    func createPortfolioChart(
        allocations: [Allocation]
    ) -> ModelEntity {
        let mesh = MeshResource.generateBox(size: 0.1)
        let material = SimpleMaterial(
            color: .purple,
            isMetallic: false
        )
        return ModelEntity(mesh: mesh, materials: [material])
    }
}

// Spatial payments with hand tracking
struct SpatialPaymentView: View {
    var body: some View {
        RealityView { content in
            let card = ModelEntity(
                mesh: .generateBox(size: [0.1, 0.06, 0.005]),
                materials: [SimpleMaterial(color: .purple, isMetallic: true)]
            )
            // Position card in front of user
            card.position = [0, 0, -0.5]
            content.add(card)
        }
        .gesture(
            TapGesture()
                .targetedToAnyEntity()
                .onEnded { value in
                    // Confirm payment with tap gesture
                    PaymentManager.shared.confirmSpatialPayment()
                }
        )
        .gesture(
            // Pinch-to-pay: natural confirmation gesture
            MagnifyGesture()
                .onEnded { value in
                    if value.magnification > 1.5 {
                        PaymentManager.shared.submitPayment()
                    }
                }
        )
    }
}

@main struct YaniPayVisionApp: App {
    var body: some Scene {
        // Level 1: Standard 2D window - always available
        WindowGroup {
            DashboardWindow()
        }

        // Level 2: 3D Volume - portfolio visualization
        WindowGroup(id: "portfolio-volume") {
            PortfolioVolumeView()
        }
        .windowStyle(.volumetric)
        .defaultSize(width: 0.6, height: 0.4, depth: 0.4, in: .meters)

        // Level 3: Full immersive space - spatial transaction history
        ImmersiveSpace(id: "portfolio") {
            PortfolioView()  // Transaction history as spatial timeline
        }
        .immersionStyle(selection: .constant(.mixed), in: .mixed)
    }
}