mycode/myApp/Keging/KegingWatch Watch App/ContentView.swift

//
//  ContentView.swift
//  KegingWatch Watch App
//
//  실행하면 바로 시작 버튼 하나 — 누르면 즉시 시작.
//  왼쪽으로 스와이프하면 워치 전용 세팅 페이지(7차 — 세팅은 아이폰과 독립).
//  진행 중엔 수축/이완·남은 시간·몇 번째인지 한 화면에.
//  아이폰이 깨운 심박 세션 중(MirroredWorkoutSession)에는 시작 버튼 대신 '아이폰에서 진행 중' 화면(§3.8).
//

import SwiftUI

struct WatchContentView: View {
    @EnvironmentObject private var engine: KegelEngine
    @EnvironmentObject private var settings: SettingsStore
    @ObservedObject private var mirror = MirroredWorkoutSession.shared
    @Environment(\.scenePhase) private var scenePhase
    @State private var page = 0

    var body: some View {
        ZStack {
            AppTheme.background.ignoresSafeArea()
            switch engine.state {
            case .idle:
                if mirror.isActive {
                    mirroredScreen
                } else {
                    TabView(selection: $page) {
                        startScreen.tag(0)
                        WatchSettingsView().tag(1)
                    }
                    .tabViewStyle(.page)
                }
            case let .running(phase, rep, phaseStart, phaseEnd):
                runningScreen(phase: phase, rep: rep, phaseStart: phaseStart, phaseEnd: phaseEnd)
            case let .finished(reps):
                finishedScreen(reps: reps)
            }
        }
        .onChange(of: scenePhase) { _, newPhase in
            guard newPhase == .active else { return }
            // 손목을 올려 앱이 다시 보일 때 — 벽시계 기준 국면 재정렬
            engine.resyncAfterWake()
        }
        .onAppear {
            #if DEBUG
            if CommandLine.arguments.contains("-openSettings") { page = 1 }
            if CommandLine.arguments.contains("-autoStart") { WatchCoordinator.shared.startWorkout() }
            #endif
        }
    }

    private var startScreen: some View {
        VStack(spacing: 8) {
            Button {
                WatchCoordinator.shared.startWorkout()
            } label: {
                ZStack {
                    Circle()
                        .fill(
                            LinearGradient(
                                colors: [AppTheme.green, AppTheme.green.opacity(0.8)],
                                startPoint: .top, endPoint: .bottom
                            )
                        )
                    VStack(spacing: 2) {
                        Image(systemName: "play.fill").font(.title3)
                        Text("시작").font(.headline)
                    }
                    .foregroundStyle(Color(hex: "#0F2018"))
                }
                .frame(width: 108, height: 108)
            }
            .buttonStyle(.plain)
            .accessibilityLabel(Text("케겔 운동 시작"))

            // 세팅 페이지에서 바꾸면 즉시 반영되는 요약 한 줄
            Text(settings.config.summaryText)
                .font(.system(size: 11))
                .foregroundStyle(.secondary)
                .lineLimit(1)
                .minimumScaleFactor(0.7)
        }
    }

    /// 아이폰에서 시작한 세트 — 워치는 심박만 잰다 (타이머·진동은 아이폰)
    private var mirroredScreen: some View {
        VStack(spacing: 5) {
            Image(systemName: "iphone.radiowaves.left.and.right")
                .font(.title3)
                .foregroundStyle(AppTheme.green)
            Text("아이폰에서 진행 중")
                .font(.headline)
            HStack(spacing: 4) {
                Image(systemName: "heart.fill")
                    .foregroundStyle(.red)
                if let bpm = mirror.heartRate {
                    Text(verbatim: "\(Int(bpm.rounded()))")
                        .font(.system(size: 28, weight: .semibold))
                        .monospacedDigit()
                } else {
                    Text("심박 측정 중")
                        .font(.footnote)
                        .foregroundStyle(.secondary)
                }
            }
            .accessibilityElement(children: .combine)
            Text("진동은 아이폰에서 울려요")
                .font(.caption2)
                .foregroundStyle(.secondary)
            Button {
                MirroredWorkoutSession.shared.cancelByUser()
            } label: {
                Text("중단")
                    .font(.footnote)
            }
            .buttonStyle(.bordered)
            .tint(.red)
            .padding(.top, 2)
        }
    }

    private func runningScreen(phase: KegelPhase, rep: Int, phaseStart: Date, phaseEnd: Date) -> some View {
        VStack(spacing: 3) {
            Text(phase.label)
                .font(.title3.bold())
                .foregroundStyle(phaseColor(phase))
            Text(timerInterval: phaseStart...phaseEnd, countsDown: true)
                .font(.system(size: 30, weight: .semibold))
                .monospacedDigit()
                .multilineTextAlignment(.center)
            Text("\(rep) / \(engine.config.reps)")
                .font(.footnote)
                .monospacedDigit()
                .foregroundStyle(.secondary)
                .accessibilityLabel(Text("현재 \(rep)번째, 전체 \(engine.config.reps)회"))
            Button {
                WatchCoordinator.shared.stopWorkout()
            } label: {
                Text("중단")
                    .font(.footnote)
            }
            .buttonStyle(.bordered)
            .tint(.red)
            .padding(.top, 2)
        }
    }

    private func phaseColor(_ phase: KegelPhase) -> Color {
        switch phase {
        case .prepare: .gray
        case .contract: AppTheme.green
        case .relax: AppTheme.yellow
        }
    }

    private func finishedScreen(reps: Int) -> some View {
        VStack(spacing: 6) {
            Image(systemName: "checkmark.circle.fill")
                .font(.system(size: 34))
                .foregroundStyle(AppTheme.green)
            Text("완료!")
                .font(.headline)
            Text("\(reps)회 완주")
                .font(.footnote)
                .foregroundStyle(.secondary)
            Button {
                engine.acknowledgeFinish()
            } label: {
                Text("확인")
                    .font(.footnote)
            }
            .buttonStyle(.bordered)
            .padding(.top, 2)
        }
    }
}