|
| 1 | +// |
| 2 | +// PlanetSettingsAIView.swift |
| 3 | +// Planet |
| 4 | +// |
| 5 | +// Created by Xin Liu on 2/21/26. |
| 6 | +// |
| 7 | + |
| 8 | +import SwiftUI |
| 9 | + |
| 10 | +struct PlanetSettingsAIView: View { |
| 11 | + @State private var aiAPIBase: String = UserDefaults.standard.string(forKey: .settingsAIAPIBase) ?? "" |
| 12 | + @State private var aiAPIToken: String = "" |
| 13 | + @State private var isShowingToken: Bool = false |
| 14 | + @State private var aiPreferredModel: String = UserDefaults.standard.string(forKey: .settingsAIPreferredModel) ?? "claude-sonnet-4-6" |
| 15 | + @State private var availableModelIDs: [String] = [] |
| 16 | + @FocusState private var isModelFieldFocused: Bool |
| 17 | + |
| 18 | + enum ModelStatus { |
| 19 | + case idle |
| 20 | + case checking |
| 21 | + case ok(count: Int, modelFound: Bool) |
| 22 | + case error(String) |
| 23 | + } |
| 24 | + @State private var modelStatus: ModelStatus = .idle |
| 25 | + @State private var checkTask: Task<Void, Never>? = nil |
| 26 | + @State private var preferredModelCheckTask: Task<Void, Never>? = nil |
| 27 | + |
| 28 | + private var filteredModelIDs: [String] { |
| 29 | + let query = aiPreferredModel.trimmingCharacters(in: .whitespaces) |
| 30 | + if query.isEmpty { return availableModelIDs } |
| 31 | + return availableModelIDs.filter { $0.localizedCaseInsensitiveContains(query) } |
| 32 | + } |
| 33 | + |
| 34 | + private var showSuggestions: Bool { |
| 35 | + isModelFieldFocused && !availableModelIDs.isEmpty && !filteredModelIDs.isEmpty |
| 36 | + } |
| 37 | + |
| 38 | + var body: some View { |
| 39 | + Form { |
| 40 | + Section { |
| 41 | + TextField("API Base URL", text: $aiAPIBase) |
| 42 | + .textFieldStyle(.roundedBorder) |
| 43 | + .onChange(of: aiAPIBase) { newValue in |
| 44 | + UserDefaults.standard.set(newValue, forKey: .settingsAIAPIBase) |
| 45 | + scheduleCheck() |
| 46 | + } |
| 47 | + } |
| 48 | + .padding(.top, 6) |
| 49 | + |
| 50 | + Section { |
| 51 | + ZStack { |
| 52 | + TextField("API Token", text: $aiAPIToken) |
| 53 | + .opacity(isShowingToken ? 1.0 : 0.0) |
| 54 | + SecureField("API Token", text: $aiAPIToken) |
| 55 | + .opacity(!isShowingToken ? 1.0 : 0.0) |
| 56 | + HStack { |
| 57 | + Spacer() |
| 58 | + Button { |
| 59 | + isShowingToken.toggle() |
| 60 | + } label: { |
| 61 | + Image(systemName: !isShowingToken ? "eye.slash" : "eye") |
| 62 | + .resizable() |
| 63 | + .aspectRatio(contentMode: .fit) |
| 64 | + .frame(width: 14, height: 14, alignment: .center) |
| 65 | + } |
| 66 | + .buttonStyle(.plain) |
| 67 | + } |
| 68 | + .padding(.horizontal, 8) |
| 69 | + } |
| 70 | + .textFieldStyle(.roundedBorder) |
| 71 | + .onChange(of: aiAPIToken) { newValue in |
| 72 | + Task { @MainActor in |
| 73 | + do { |
| 74 | + if newValue.isEmpty { |
| 75 | + try KeychainHelper.shared.delete(forKey: .settingsAIAPIToken) |
| 76 | + } else { |
| 77 | + try KeychainHelper.shared.saveValue(newValue, forKey: .settingsAIAPIToken) |
| 78 | + } |
| 79 | + } catch { |
| 80 | + debugPrint("failed to save AI API token: \(error)") |
| 81 | + } |
| 82 | + } |
| 83 | + scheduleCheck() |
| 84 | + } |
| 85 | + } |
| 86 | + |
| 87 | + Section { |
| 88 | + TextField("Preferred Model", text: $aiPreferredModel) |
| 89 | + .textFieldStyle(.roundedBorder) |
| 90 | + .focused($isModelFieldFocused) |
| 91 | + .onChange(of: aiPreferredModel) { newValue in |
| 92 | + UserDefaults.standard.set(newValue, forKey: .settingsAIPreferredModel) |
| 93 | + schedulePreferredModelCheck() |
| 94 | + } |
| 95 | + |
| 96 | + if showSuggestions { |
| 97 | + ScrollView { |
| 98 | + VStack(alignment: .leading, spacing: 0) { |
| 99 | + ForEach(filteredModelIDs, id: \.self) { modelID in |
| 100 | + Text(modelID) |
| 101 | + .font(.system(.body, design: .monospaced)) |
| 102 | + .padding(.horizontal, 4) |
| 103 | + .padding(.vertical, 5) |
| 104 | + .frame(maxWidth: .infinity, alignment: .leading) |
| 105 | + .contentShape(Rectangle()) |
| 106 | + .onTapGesture { |
| 107 | + aiPreferredModel = modelID |
| 108 | + isModelFieldFocused = false |
| 109 | + } |
| 110 | + if modelID != filteredModelIDs.last { |
| 111 | + Divider() |
| 112 | + } |
| 113 | + } |
| 114 | + } |
| 115 | + } |
| 116 | + .frame(maxHeight: 160) |
| 117 | + .background(Color(NSColor.controlBackgroundColor)) |
| 118 | + .cornerRadius(6) |
| 119 | + .overlay(RoundedRectangle(cornerRadius: 6).stroke(Color.secondary.opacity(0.2), lineWidth: 1)) |
| 120 | + } |
| 121 | + } |
| 122 | + |
| 123 | + Section { |
| 124 | + HStack(spacing: 8) { |
| 125 | + statusCircle |
| 126 | + statusLabel |
| 127 | + } |
| 128 | + .padding(.top, 4) |
| 129 | + } |
| 130 | + |
| 131 | + Spacer() |
| 132 | + } |
| 133 | + .padding() |
| 134 | + .task { |
| 135 | + do { |
| 136 | + let token = try KeychainHelper.shared.loadValue(forKey: .settingsAIAPIToken) |
| 137 | + if !token.isEmpty { |
| 138 | + aiAPIToken = token |
| 139 | + } |
| 140 | + } catch { |
| 141 | + aiAPIToken = "" |
| 142 | + } |
| 143 | + scheduleCheck() |
| 144 | + } |
| 145 | + } |
| 146 | + |
| 147 | + @ViewBuilder |
| 148 | + private var statusCircle: some View { |
| 149 | + switch modelStatus { |
| 150 | + case .idle: |
| 151 | + Circle() |
| 152 | + .frame(width: 10, height: 10) |
| 153 | + .foregroundStyle(Color.gray) |
| 154 | + case .checking: |
| 155 | + ProgressView() |
| 156 | + .progressViewStyle(.circular) |
| 157 | + .controlSize(.mini) |
| 158 | + .frame(width: 10, height: 10) |
| 159 | + case .ok(_, let modelFound): |
| 160 | + Circle() |
| 161 | + .frame(width: 10, height: 10) |
| 162 | + .foregroundStyle(modelFound ? Color.green : Color.orange) |
| 163 | + case .error: |
| 164 | + Circle() |
| 165 | + .frame(width: 10, height: 10) |
| 166 | + .foregroundStyle(Color.red) |
| 167 | + } |
| 168 | + } |
| 169 | + |
| 170 | + @ViewBuilder |
| 171 | + private var statusLabel: some View { |
| 172 | + switch modelStatus { |
| 173 | + case .idle: |
| 174 | + Text("Not configured") |
| 175 | + .foregroundStyle(.secondary) |
| 176 | + case .checking: |
| 177 | + Text("Checking…") |
| 178 | + .foregroundStyle(.secondary) |
| 179 | + case .ok(let count, let modelFound): |
| 180 | + if modelFound { |
| 181 | + Text("\(count) models available, preferred model supported") |
| 182 | + } else { |
| 183 | + Text("\(count) models available, preferred model not found") |
| 184 | + .foregroundStyle(.orange) |
| 185 | + } |
| 186 | + case .error(let message): |
| 187 | + Text(message) |
| 188 | + .foregroundStyle(.red) |
| 189 | + } |
| 190 | + } |
| 191 | + |
| 192 | + private func setModelStatus(_ status: ModelStatus) { |
| 193 | + modelStatus = status |
| 194 | + if case .ok(_, let modelFound) = status { |
| 195 | + UserDefaults.standard.set(modelFound, forKey: .settingsAIIsReady) |
| 196 | + } else { |
| 197 | + UserDefaults.standard.set(false, forKey: .settingsAIIsReady) |
| 198 | + } |
| 199 | + } |
| 200 | + |
| 201 | + private func schedulePreferredModelCheck() { |
| 202 | + preferredModelCheckTask?.cancel() |
| 203 | + let preferredModel = aiPreferredModel |
| 204 | + preferredModelCheckTask = Task { |
| 205 | + try? await Task.sleep(nanoseconds: 200_000_000) |
| 206 | + guard !Task.isCancelled else { return } |
| 207 | + await MainActor.run { |
| 208 | + guard case .ok(let count, _) = modelStatus else { return } |
| 209 | + setModelStatus(.ok(count: count, modelFound: availableModelIDs.contains(preferredModel))) |
| 210 | + } |
| 211 | + } |
| 212 | + } |
| 213 | + |
| 214 | + private func scheduleCheck() { |
| 215 | + checkTask?.cancel() |
| 216 | + let base = aiAPIBase |
| 217 | + let token = aiAPIToken |
| 218 | + let preferredModel = aiPreferredModel |
| 219 | + guard !base.isEmpty else { |
| 220 | + setModelStatus(.idle) |
| 221 | + return |
| 222 | + } |
| 223 | + setModelStatus(.checking) |
| 224 | + checkTask = Task { |
| 225 | + try? await Task.sleep(nanoseconds: 500_000_000) |
| 226 | + guard !Task.isCancelled else { return } |
| 227 | + await fetchModels(base: base, token: token, preferredModel: preferredModel) |
| 228 | + } |
| 229 | + } |
| 230 | + |
| 231 | + private func fetchModels(base: String, token: String, preferredModel: String) async { |
| 232 | + let urlString = base.hasSuffix("/") ? "\(base)models" : "\(base)/models" |
| 233 | + guard let url = URL(string: urlString) else { |
| 234 | + await MainActor.run { setModelStatus(.error("Invalid URL")) } |
| 235 | + return |
| 236 | + } |
| 237 | + var request = URLRequest(url: url) |
| 238 | + if !token.isEmpty { |
| 239 | + request.setValue("Bearer \(token)", forHTTPHeaderField: "Authorization") |
| 240 | + } |
| 241 | + do { |
| 242 | + let (data, response) = try await URLSession.shared.data(for: request) |
| 243 | + guard let http = response as? HTTPURLResponse else { |
| 244 | + await MainActor.run { setModelStatus(.error("Invalid response")) } |
| 245 | + return |
| 246 | + } |
| 247 | + guard http.statusCode == 200 else { |
| 248 | + await MainActor.run { setModelStatus(.error("HTTP \(http.statusCode)")) } |
| 249 | + return |
| 250 | + } |
| 251 | + let json = try JSONSerialization.jsonObject(with: data) as? [String: Any] |
| 252 | + let models = json?["data"] as? [[String: Any]] ?? [] |
| 253 | + let modelIDs = models.compactMap { $0["id"] as? String }.sorted() |
| 254 | + let modelFound = modelIDs.contains(preferredModel) |
| 255 | + await MainActor.run { |
| 256 | + availableModelIDs = modelIDs |
| 257 | + setModelStatus(.ok(count: models.count, modelFound: modelFound)) |
| 258 | + } |
| 259 | + } catch { |
| 260 | + await MainActor.run { setModelStatus(.error(error.localizedDescription)) } |
| 261 | + } |
| 262 | + } |
| 263 | +} |
| 264 | + |
| 265 | +struct PlanetSettingsAIView_Previews: PreviewProvider { |
| 266 | + static var previews: some View { |
| 267 | + PlanetSettingsAIView() |
| 268 | + } |
| 269 | +} |
0 commit comments