MyApp/GuidedSetupView.swift

1import SwiftUI2 3struct GuidedSetupView: View {4    @Bindable var flow: GameFlowStore5    @Environment(\.openURL) private var openURL6    var body: some View {7        NavigationStack {8            RetroScreen {9                RetroStepIndicator(step: flow.stage == .consent ? 1 : 2)10                RetroSectionHeader(title: flow.stage == .consent ? "Before We Play" : "Build Your Game")11                if flow.stage == .consent { consent } else { SetupSections(flow: flow) }12                if !flow.error.isEmpty {13                    Label(flow.error, systemImage: "exclamationmark.triangle.fill")14                        .foregroundStyle(RetroTheme.error).font(.body.bold()).accessibilityIdentifier("flowError")15                }16            }17            .safeAreaInset(edge: .bottom) {18                RetroBottomBar {19                    if !flow.error.isEmpty {20                        Label(flow.error, systemImage: "exclamationmark.triangle.fill")21                            .font(.footnote.bold()).foregroundStyle(RetroTheme.error)22                    }23                    if flow.stage == .consent {24                        Button("AGREE & CONTINUE") { Task { await flow.continueConsent(recording: true) } }25                            .disabled(!flow.acknowledged || flow.busy)26                            .frame(maxWidth: .infinity)27                    } else {28                        Button(flow.isResuming ? "RESUME GAME" : "START GAME") { flow.startGame() }29                            .accessibilityIdentifier("startGame").disabled(flow.busy)30                            .frame(maxWidth: .infinity)31                        Button("Back") { flow.game.stopVoiceTest(); flow.back() }.buttonStyle(RetroButtonStyle(color: RetroTheme.surface))32                            .frame(maxWidth: .infinity)33                    }34                }35            }36            .retroTitle("Simon Says Duo")37            .sheet(isPresented: $flow.libraryPresented) {38                GalleryView(game: flow.game, libraryOnly: true)39                    .retroAppearance()40            }41        }.retroAppearance()42    }43    private var consent: some View {44        VStack(alignment: .leading, spacing: RetroTheme.spaceL) {45            if flow.canResume && !flow.isResuming {46                RetroPanel {47                    VStack(alignment: .leading, spacing: RetroTheme.spaceS) {48                        RetroTag(title: "GAME SAVED")49                        Text("Your scores and clips are still here.").font(.headline)50                        Button("Resume Game") { flow.resume() }.frame(maxWidth: .infinity)51                        Button("New Game") { flow.newGame() }.buttonStyle(RetroButtonStyle(color: RetroTheme.yellow)).frame(maxWidth: .infinity)52                    }53                }54            }55            RetroPanel {56                VStack(alignment: .leading, spacing: RetroTheme.spaceM) {57                    Label("Everyone gets a say.", systemImage: "video.fill").font(RetroTheme.heading(.title2))58                    Text("Challenges record the participant’s camera video and microphone audio. Clips stay locally in this app. You can replay, delete, or explicitly share them.")59                    Text("Exported copies follow their destination’s storage and sync settings. Supported analysis runs on-device; this version uses host judgment.")60                    Text("Every participant must agree before being recorded. Anyone can stop or decline without a penalty. Ask a guardian where appropriate.")61                    Toggle("I understand and will confirm each participant’s agreement", isOn: $flow.acknowledged)62                        .accessibilityIdentifier("recordingAcknowledgement")63                    Text("Camera permissions are separate from participants’ consent. No camera or recording starts in setup.").font(.footnote).foregroundStyle(RetroTheme.ink.opacity(0.7))64                }65            }66            if flow.permissionDenied {67                Button("Open Settings") {68                    if let url = URL(string: UIApplication.openSettingsURLString) { openURL(url) }69                }.frame(maxWidth: .infinity)70            }71            Button("Play without recording") { Task { await flow.continueConsent(recording: false) } }72                .disabled(flow.busy).buttonStyle(RetroButtonStyle(color: RetroTheme.yellow)).frame(maxWidth: .infinity)73            Text("Nonrecording play uses spoken prompts and host judgment. No camera, outer preview, Visual S/Z, or saved video.").font(.footnote).foregroundStyle(RetroTheme.ink.opacity(0.7))74            Button("Saved Clips", systemImage: "photo.stack") { flow.libraryPresented = true }75                .buttonStyle(RetroButtonStyle(color: RetroTheme.pink)).frame(maxWidth: .infinity)76        }77    }78}79struct SetupSections: View {80    @Bindable var flow: GameFlowStore81    var body: some View {82        VStack(alignment: .leading, spacing: RetroTheme.spaceL) {83            RetroPanel {84                VStack(alignment: .leading, spacing: RetroTheme.spaceM) {85                    RetroTag(title: "01 / PLAYERS")86                    Text("The cast").font(RetroTheme.heading())87                    ForEach($flow.draft.players) { $player in88                        VStack(alignment: .leading, spacing: RetroTheme.spaceS) {89                            HStack {90                                Image(systemName: player.avatar).font(.title2)91                                TextField("Player name", text: $player.name).textFieldStyle(.roundedBorder)92                                    .disabled(flow.isResuming)93                                if !flow.isResuming && flow.draft.players.count > 2 {94                                    Button("Remove", systemImage: "minus.circle") { flow.removePlayer(player.id) }95                                        .labelStyle(.iconOnly).buttonStyle(RetroButtonStyle(color: RetroTheme.surface))96                                }97                            }98                            Text("Player ID \(player.id.uuidString.prefix(4))").font(.caption.monospaced())99                            if flow.draft.recording {100                                Toggle("\(player.name) agrees to recording", isOn: Binding(101                                    get: { flow.draft.assents[player.id] != nil },102                                    set: { flow.assent(player.id, agrees: $0) }))103                            }104                            Rectangle().fill(RetroTheme.ink).frame(height: 1)105                        }106                    }107                    if !flow.isResuming {108                        Button("Add Player", systemImage: "plus") { flow.addPlayer() }.disabled(flow.draft.players.count >= 12)109                        Picker("Playing first", selection: $flow.draft.activePlayerID) {110                            Text("First in roster").tag(nil as UUID?)111                            ForEach(flow.draft.players) { Text("\($0.name) · \($0.id.uuidString.prefix(4))").tag(Optional($0.id)) }112                        }113                        Picker("Holding the phone", selection: $flow.draft.hostID) {114                            Text("Last in roster").tag(nil as UUID?)115                            ForEach(flow.draft.players) { Text("\($0.name) · \($0.id.uuidString.prefix(4))").tag(Optional($0.id)) }116                        }117                    }118                }119            }120            RetroPanel {121                VStack(alignment: .leading, spacing: RetroTheme.spaceM) {122                    RetroTag(title: "02 / GAME DEFAULTS")123                    Stepper("\(flow.draft.challenges) challenges per turn", value: $flow.draft.challenges, in: 1...10)124                    Stepper("\(flow.draft.response)-second response window", value: $flow.draft.response, in: 3...10)125                    Label("Manual judging", systemImage: "person.fill.checkmark")126                    Text("The host confirms every result. Automatic recognition has not been validated.").font(.footnote).foregroundStyle(RetroTheme.ink.opacity(0.7))127                    Toggle("Seated-friendly prompts", isOn: $flow.draft.seated)128                    DisclosureGroup("Action groups (\(flow.draft.categorySet.count) of \(ActionCategory.allCases.count))") {129                        VStack(alignment: .leading, spacing: RetroTheme.spaceXS) {130                            ForEach(ActionCategory.allCases) { category in131                                Toggle(isOn: Binding(132                                    get: { flow.draft.categorySet.contains(category) },133                                    set: { flow.toggleCategory(category, enabled: $0) }134                                )) {135                                    Label(category.title, systemImage: category.symbol)136                                }137                            }138                        }.padding(.top, RetroTheme.spaceXS)139                    }140                    DraftDeliveryView(flow: flow)141                    DisclosureGroup("Recording & retention") {142                        VStack(alignment: .leading, spacing: RetroTheme.spaceS) {143                            Text(flow.draft.recording ? "Recording enabled with participant assent." : "Nonrecording mode")144                            Toggle("Delete media at session end", isOn: $flow.draft.deleteAtEnd)145                            Text("Otherwise clips expire after seven days, checked when the app runs. Scores remain saved.").font(.footnote).foregroundStyle(RetroTheme.ink.opacity(0.7))146                        }.padding(.top, RetroTheme.spaceXS)147                    }148                }.disabled(flow.isResuming)149            }150            RetroPanel(color: RetroTheme.yellow) {151                Text("\(flow.draft.players.count) PLAYERS / \(flow.draft.challenges) CHALLENGES EACH TURN / \(flow.draft.cueMode.title.uppercased()) / \(flow.draft.speed.title.uppercased()) VOICE")152                    .font(RetroTheme.mono(.headline))153            }154        }155    }156}157struct DraftDeliveryView: View {158    @Bindable var flow: GameFlowStore159    var body: some View {160        VStack(alignment: .leading, spacing: RetroTheme.spaceS) {161            Picker("Speech speed", selection: $flow.draft.speed) {162                ForEach(SpeechSpeed.allCases) { Text($0.title).tag($0) }163            }164            Picker("Cue Mode", selection: $flow.draft.cueMode) {165                ForEach(CueMode.allCases) { Text($0.title).tag($0) }166            }167            if flow.draft.cueMode == .spoken {168                Picker("Simon says placement", selection: $flow.draft.placement) {169                    ForEach(CuePlacement.allCases) { Text($0.title).tag($0) }170                }171                Text("Listen to the whole instruction. Simon says can appear at the beginning, middle, or end.").font(.footnote)172            } else {173                Picker("Visual cue duration", selection: $flow.draft.cueDuration) {174                    ForEach(CueDuration.allCases) { Text($0.title).tag($0) }175                }176                Text("After speech, the outside display shows S = perform or Z = refrain. Availability is checked in Game.").font(.footnote)177            }178            Button(flow.game.isTestingVoice ? "Stop Voice Test" : "Test Voice") {179                if flow.game.isTestingVoice { flow.game.stopVoiceTest() } else { flow.testVoice() }180            }181        }.onChange(of: flow.draft.speed) { _, _ in flow.game.stopVoiceTest() }182    }183}