meetingnotes/meetingnotes/Views/SettingsView.swift

import SwiftUI

struct SettingsView: View {
    @ObservedObject var viewModel: SettingsViewModel
    @StateObject private var localAPIServer = LocalAPIServer.shared
    @State private var showingTemplateManager = false
    @State private var confirmingTokenRegeneration = false
    @Binding var navigationPath: NavigationPath
    
    init(viewModel: SettingsViewModel, navigationPath: Binding<NavigationPath> = .constant(NavigationPath())) {
        self.viewModel = viewModel
        self._navigationPath = navigationPath
    }
    
    var body: some View {
        ScrollView {
            VStack(alignment: .leading, spacing: 24) {
                // Coder service configuration
                VStack(alignment: .leading, spacing: 8) {
                    Text("Coder Service")
                        .font(.headline)
                        .foregroundColor(.primary)

                    TextField("http://coder-host:8787/v1", text: $viewModel.settings.coderBaseURL)
                        .textFieldStyle(.roundedBorder)
                    
                    SecureField("Service token", text: $viewModel.settings.coderAPIKey)
                        .textFieldStyle(.roundedBorder)

                    HStack {
                        Button {
                            Task { await viewModel.refreshModels() }
                        } label: {
                            Label(viewModel.isLoadingModels ? "Loading" : "Refresh Models", systemImage: "arrow.clockwise")
                        }
                        .disabled(viewModel.isLoadingModels)

                        if !viewModel.connectionMessage.isEmpty {
                            Text(viewModel.connectionMessage)
                                .font(.caption)
                                .foregroundColor(viewModel.coderModels.isEmpty ? .red : .secondary)
                        }
                    }

                    if !viewModel.coderModels.isEmpty {
                        Picker("Notes model", selection: $viewModel.settings.notesModel) {
                            ForEach(viewModel.coderModels.filter(\.supportsChat)) { model in
                                Text(model.displayName).tag(model.id)
                            }
                        }

                        Picker("Transcription model", selection: $viewModel.settings.transcriptionModel) {
                            ForEach(viewModel.coderModels.filter(\.supportsTranscription)) { model in
                                Text(model.displayName).tag(model.id)
                            }
                        }
                    }

                    Text("The token is stored locally in Keychain. Audio and note generation are sent only to this Coder service.")
                        .font(.caption)
                        .foregroundColor(.secondary)
                }

                VStack(alignment: .leading, spacing: 12) {
                    Toggle("Enable MuteDeck Integration", isOn: $viewModel.settings.muteDeckAPIEnabled)
                        .font(.headline)
                        .onChange(of: viewModel.settings.muteDeckAPIEnabled) { _, _ in
                            viewModel.applyMuteDeckAPIConfiguration()
                        }

                    if viewModel.settings.muteDeckAPIEnabled {
                        LabeledContent("Host") {
                            Text("127.0.0.1")
                                .textSelection(.enabled)
                        }

                        LabeledContent("Port") {
                            TextField("Port", value: $viewModel.settings.muteDeckAPIPort, format: .number)
                                .textFieldStyle(.roundedBorder)
                                .frame(width: 110)
                                .onSubmit {
                                    viewModel.applyMuteDeckAPIConfiguration()
                                }
                        }

                        LabeledContent("API Token") {
                            HStack(spacing: 8) {
                                Text(viewModel.muteDeckAPIToken)
                                    .font(.system(.body, design: .monospaced))
                                    .lineLimit(1)
                                    .textSelection(.enabled)

                                Button {
                                    NSPasteboard.general.clearContents()
                                    NSPasteboard.general.setString(viewModel.muteDeckAPIToken, forType: .string)
                                } label: {
                                    Image(systemName: "doc.on.doc")
                                }
                                .buttonStyle(.borderless)
                                .help("Copy API token")

                                Button {
                                    confirmingTokenRegeneration = true
                                } label: {
                                    Image(systemName: "arrow.clockwise")
                                }
                                .buttonStyle(.borderless)
                                .help("Regenerate API token")
                            }
                        }

                        HStack(spacing: 8) {
                            Circle()
                                .fill(localAPIServer.isRunning ? Color.green : Color.orange)
                                .frame(width: 8, height: 8)
                            Text(localAPIServer.statusText)
                                .font(.caption)
                                .foregroundColor(.secondary)
                        }
                    }
                }
                
                // Note Templates Section: only the Manage Templates button
                VStack(alignment: .leading, spacing: 8) {
                    Text("Note Templates")
                        .font(.headline)
                        .foregroundColor(.primary)
                    
                    Text("Create and manage note templates")
                        .font(.caption)
                        .foregroundColor(.secondary)
                    
                    Button {
                        navigationPath.append("templates")
                    } label: {
                        Text("Manage Templates")
                            .padding(.horizontal, 16)
                            .padding(.vertical, 8)
                            .background(Color.secondary.opacity(0.2))
                            .cornerRadius(8)
                    }
                    .buttonStyle(.plain)
                }
                
                // User Information Section
                VStack(alignment: .leading, spacing: 8) {
                    Text("User Information")
                        .font(.headline)
                        .foregroundColor(.primary)
                    
                    Text("Meetingnotes works best when it knows a bit about you. You should give your name, role, company, and any other relevant information.")
                        .font(.caption)
                        .foregroundColor(.secondary)

                    TextEditor(text: $viewModel.settings.userBlurb)
                        .scrollContentBackground(.hidden)
                        .padding(8)
                        .background(Color.gray.opacity(0.05))
                        .cornerRadius(8)
                        .frame(minHeight: 100)
                        .overlay(
                            RoundedRectangle(cornerRadius: 8)
                                .stroke(Color.gray.opacity(0.3), lineWidth: 1)
                        )
                    
                }
                
                // System Prompt Section
                VStack(alignment: .leading, spacing: 8) {
                    HStack {
                        Text("System Prompt")
                            .font(.headline)
                            .foregroundColor(.primary)
                        Spacer()
                        Button {
                            viewModel.resetToDefaults()
                        } label: {
                            Text("Reset to Default")
                                .padding(.horizontal, 16)
                                .padding(.vertical, 8)
                                .background(Color.secondary.opacity(0.2))
                                .cornerRadius(8)
                        }
                        .buttonStyle(.plain)
                    }
                    
                    TextEditor(text: $viewModel.settings.systemPrompt)
                        .scrollContentBackground(.hidden)
                        .padding(8)
                        .background(Color.gray.opacity(0.05))
                        .cornerRadius(8)
                        .frame(minHeight: 200)
                        .overlay(
                            RoundedRectangle(cornerRadius: 8)
                                .stroke(Color.gray.opacity(0.3), lineWidth: 1)
                        )

                }
                
                // About Section
                VStack(alignment: .leading, spacing: 8) {
                    Text("About")
                        .font(.headline)
                        .foregroundColor(.primary)
                    
                    // Link to GitHub repository
                    Link("GitHub",
                         destination: URL(string: "https://github.com/superdooper86/meetingnotes")!)
                        .foregroundColor(.blue)

                    // Link to landing page
                    Link("Landing Page",
                         destination: URL(string: "https://meetingnotes.owengretzinger.com")!)
                        .foregroundColor(.blue)
                    
                    // Link to Privacy Policy
                    Link("Privacy Policy",
                         destination: URL(string: "https://meetingnotes.owengretzinger.com/privacy")!)
                        .foregroundColor(.blue)
                    
                    // Link to Terms of Service
                    Link("Terms of Service",
                         destination: URL(string: "https://meetingnotes.owengretzinger.com/terms")!)
                        .foregroundColor(.blue)
                }
                
                // Development Section
                VStack(alignment: .leading, spacing: 8) {
                    Text("Development")
                        .font(.headline)
                        .foregroundColor(.primary)
                    
                    Button {
                        viewModel.resetOnboarding()
                    } label: {
                        Text("Reset Onboarding")
                            .padding(.horizontal, 16)
                            .padding(.vertical, 8)
                            .background(Color.secondary.opacity(0.2))
                            .cornerRadius(8)
                    }
                    .buttonStyle(.plain)
                }
                
                // Save button
                Button {
                    viewModel.saveSettings()
                } label: {
                    Text("Save Settings")
                        .frame(maxWidth: .infinity)
                        .padding()
                        .background(Color.accentColor)
                        .foregroundColor(.white)
                        .cornerRadius(8)
                }
                .buttonStyle(.plain)
                .padding(.top)
            }
            .padding(24)
        }
        .navigationTitle("Settings")
        .frame(minWidth: 600, minHeight: 600)
        .onAppear {
            viewModel.loadTemplates()
            viewModel.loadAPIKey()
            viewModel.applyMuteDeckAPIConfiguration()
            Task { await viewModel.refreshModels() }
        }
        .onDisappear {
            DispatchQueue.main.async {
                viewModel.saveSettings(showMessage: false)
            }
        }
        .alert("Settings Saved", isPresented: $viewModel.showingSaveMessage) {
            Button("OK") { }
        } message: {
            Text(viewModel.saveMessage)
        }
        .confirmationDialog("Regenerate API token?", isPresented: $confirmingTokenRegeneration, titleVisibility: .visible) {
            Button("Regenerate", role: .destructive) {
                viewModel.regenerateMuteDeckAPIToken()
            }
            Button("Cancel", role: .cancel) { }
        } message: {
            Text("MuteDeck will need the new token before it can control recordings again.")
        }
    }
}

#Preview {
    NavigationStack {
        SettingsView(viewModel: SettingsViewModel())
    }
}