google_apps/google_apps/LauncherRootView.swift

import SwiftUI
import AppKit

struct LauncherRootView: View {
    enum LayoutMode {
        case grid
        case panel
    }

    @State private var query = ""
    @State private var selectedApp: LauncherApp?
    @State private var showingPremiumScreen = false
    @State private var layoutMode: LayoutMode = .grid

    private let apps = LauncherApp.sampleApps
    private var columns: [GridItem] {
        [GridItem(.adaptive(minimum: 120, maximum: 145), spacing: 22)]
    }

    private var filteredApps: [LauncherApp] {
        let q = query.trimmingCharacters(in: .whitespacesAndNewlines)
        guard !q.isEmpty else { return apps }
        return apps.filter { $0.name.localizedCaseInsensitiveContains(q) }
    }

    var body: some View {
        ZStack {
            VisualEffectBlur(material: .hudWindow, blendingMode: .behindWindow)
                .ignoresSafeArea()

            Color.black.opacity(0.22)
            .ignoresSafeArea()

            VStack(spacing: 16) {
                SearchHeader(
                    query: $query,
                    isPanelMode: layoutMode == .panel,
                    onToggleLayout: {
                        layoutMode = layoutMode == .grid ? .panel : .grid
                    },
                    onOpenPremium: {
                        showingPremiumScreen = true
                    },
                    onOpenGoogle: {
                        if let url = URL(string: "https://www.google.com") {
                            NSWorkspace.shared.open(url)
                        }
                    }
                )
                    .padding(.top, 12)

                PromoBanner(
                    onCloseTap: { showingPremiumScreen = true },
                    onUpgradeTap: { showingPremiumScreen = true }
                )

                if filteredApps.isEmpty {
                    ContentUnavailableView(
                        "No apps found",
                        systemImage: "magnifyingglass",
                        description: Text("Try a different search term.")
                    )
                    .foregroundStyle(.white.opacity(0.85))
                    .frame(maxWidth: .infinity, maxHeight: .infinity)
                } else {
                    if layoutMode == .panel {
                        IconPanelView(apps: filteredApps) { app in
                            handleAppTap(app)
                        }
                    } else {
                        ScrollView {
                            LazyVGrid(columns: columns, spacing: 20) {
                                ForEach(filteredApps) { app in
                                    AppTileView(app: app) {
                                        handleAppTap(app)
                                    }
                                }
                            }
                            .padding(.horizontal, 14)
                            .padding(.bottom, 18)
                        }
                    }
                }
            }
            .padding(.horizontal, 10)
            .padding(.bottom, 8)
        }
        .sheet(item: $selectedApp) { app in
            AppDetailView(app: app)
                .frame(minWidth: 360, minHeight: 220)
        }
        .sheet(isPresented: $showingPremiumScreen) {
            PremiumFeaturesView()
                .frame(minWidth: 560, minHeight: 690)
        }
    }

    private func handleAppTap(_ app: LauncherApp) {
        if let webURL = app.webURL {
            NSWorkspace.shared.open(webURL)
            return
        }

        selectedApp = app
    }
}

private struct SearchHeader: View {
    @Binding var query: String
    let isPanelMode: Bool
    let onToggleLayout: () -> Void
    let onOpenPremium: () -> Void
    let onOpenGoogle: () -> Void

    var body: some View {
        HStack {
            HStack(spacing: 10) {
                Image(systemName: "magnifyingglass")
                    .foregroundStyle(.white.opacity(0.82))
                TextField("Search", text: $query)
                    .textFieldStyle(.plain)
                    .foregroundStyle(.white.opacity(0.94))
            }
            .padding(.horizontal, 12)
            .padding(.vertical, 8)
            .background(
                RoundedRectangle(cornerRadius: 15, style: .continuous)
                    .fill(Color.black.opacity(0.28))
            )
            .overlay(
                RoundedRectangle(cornerRadius: 15, style: .continuous)
                    .stroke(Color.white.opacity(0.08), lineWidth: 1)
            )

            Spacer(minLength: 8)

            HStack(spacing: 12) {
                Button(action: onToggleLayout) {
                    Image(systemName: isPanelMode ? "square.grid.2x2" : "list.bullet")
                }
                .buttonStyle(.plain)

                Menu {
                    Button("Clear Search") {
                        query = ""
                    }
                    Button("Open Premium") {
                        onOpenPremium()
                    }
                    Button("Open Google") {
                        onOpenGoogle()
                    }
                } label: {
                    Image(systemName: "ellipsis")
                }
                .menuStyle(.borderlessButton)
            }
            .font(.system(size: 15, weight: .semibold))
            .foregroundStyle(.white.opacity(0.82))
            .padding(.trailing, 4)
        }
    }
}

private struct IconPanelView: View {
    let apps: [LauncherApp]
    let onAppTap: (LauncherApp) -> Void

    private let actions = [
        "house", "magnifyingglass", "target", "map", "heart", "person.2", "clock",
        "star", "exclamationmark.circle", "trash", "paperplane", "doc", "lock",
    ]

    var body: some View {
        ScrollView {
            HStack(alignment: .top, spacing: 20) {
                VStack(alignment: .leading, spacing: 12) {
                    ForEach(Array(apps.prefix(10))) { app in
                        Button(action: { onAppTap(app) }) {
                            HStack(spacing: 14) {
                                AppIconGlyph(app: app)
                                Text(app.name)
                                    .font(.system(size: 18, weight: .medium))
                                    .foregroundStyle(.white.opacity(0.94))
                                    .lineLimit(1)
                                    .truncationMode(.tail)
                                Spacer(minLength: 0)
                            }
                            .padding(.vertical, 3)
                        }
                        .buttonStyle(.plain)
                    }
                    Spacer(minLength: 0)
                }
                .frame(width: 320, alignment: .topLeading)

                VStack(alignment: .trailing, spacing: 14) {
                    ForEach(Array(apps.prefix(10).enumerated()), id: \.offset) { index, _ in
                        HStack(spacing: 12) {
                            ForEach(0..<8, id: \.self) { col in
                                let symbol = actions[(index * 3 + col) % actions.count]
                                ActionBubble(symbol: symbol, highlighted: col == 0 && index % 3 == 0)
                            }
                            Image(systemName: "info.circle")
                                .foregroundStyle(.white.opacity(0.6))
                                .font(.system(size: 17))
                                .frame(width: 20)
                        }
                    }
                }
                .frame(maxWidth: .infinity, alignment: .topTrailing)
            }
            .padding(.horizontal, 10)
            .padding(.bottom, 18)
        }
    }
}

private struct AppIconGlyph: View {
    let app: LauncherApp

    var body: some View {
        ZStack {
            RoundedRectangle(cornerRadius: 12, style: .continuous)
                .fill(Color.white.opacity(0.08))
                .frame(width: 48, height: 48)

            if let icon = NSImage(named: app.assetIconName) {
                Image(nsImage: icon)
                    .resizable()
                    .scaledToFit()
                    .frame(width: 32, height: 32)
            } else {
                Image(systemName: app.fallbackSymbolName)
                    .font(.system(size: 20, weight: .semibold))
                    .foregroundStyle(.white)
            }
        }
    }
}

private struct ActionBubble: View {
    let symbol: String
    let highlighted: Bool

    var body: some View {
        Circle()
            .fill(highlighted ? Color.cyan.opacity(0.22) : Color.white.opacity(0.08))
            .overlay(
                Image(systemName: symbol)
                    .foregroundStyle(.white.opacity(0.9))
                    .font(.system(size: 15, weight: .medium))
            )
            .frame(width: 42, height: 42)
    }
}

private struct PromoBanner: View {
    let onCloseTap: () -> Void
    let onUpgradeTap: () -> Void

    var body: some View {
        HStack(spacing: 10) {
            Button(action: onCloseTap) {
                Image(systemName: "xmark")
                    .foregroundStyle(.blue.opacity(0.95))
                    .font(.system(size: 14, weight: .semibold))
            }
            .buttonStyle(.plain)

            Text("Update to Premium to unlock all features and remove ads")
                .font(.system(size: 13, weight: .medium))
                .foregroundStyle(.blue.opacity(0.95))
                .lineLimit(1)

            Spacer()

            Button(action: onUpgradeTap) {
                Text("Upgrade")
                    .font(.system(size: 13, weight: .semibold))
                    .foregroundStyle(.white)
                    .padding(.horizontal, 12)
                    .padding(.vertical, 6)
                    .background(
                        Capsule(style: .continuous)
                            .fill(Color.blue.opacity(0.92))
                    )
            }
            .buttonStyle(.plain)
        }
        .padding(.horizontal, 11)
        .padding(.vertical, 8)
        .background(
            RoundedRectangle(cornerRadius: 12, style: .continuous)
                .fill(Color.white.opacity(0.03))
        )
        .overlay(
            RoundedRectangle(cornerRadius: 12, style: .continuous)
                .stroke(Color.white.opacity(0.05), lineWidth: 1)
        )
    }
}

#Preview {
    LauncherRootView()
}

private struct VisualEffectBlur: NSViewRepresentable {
    let material: NSVisualEffectView.Material
    let blendingMode: NSVisualEffectView.BlendingMode

    func makeNSView(context: Context) -> NSVisualEffectView {
        let view = NSVisualEffectView()
        view.state = .active
        view.material = material
        view.blendingMode = blendingMode
        return view
    }

    func updateNSView(_ nsView: NSVisualEffectView, context: Context) {
        nsView.material = material
        nsView.blendingMode = blendingMode
    }
}