Files
Sybil-2/ios/Packages/Sybil/Sources/Sybil/SybilSettingsView.swift

107 lines
4.2 KiB
Swift
Raw Normal View History

2026-02-20 00:09:02 -08:00
import Observation
import SwiftUI
struct SybilSettingsView: View {
@Bindable var viewModel: SybilViewModel
var body: some View {
@Bindable var settings = viewModel.settings
ScrollView {
VStack(alignment: .leading, spacing: 18) {
VStack(alignment: .leading, spacing: 6) {
Text("Connection")
.font(.title3.weight(.semibold))
.foregroundStyle(SybilTheme.text)
Text("Use the same API root as the web client. Example: `http://127.0.0.1:8787/api`")
.font(.footnote)
.foregroundStyle(SybilTheme.textMuted)
}
VStack(alignment: .leading, spacing: 8) {
Text("API URL")
.font(.caption.weight(.semibold))
.foregroundStyle(SybilTheme.textMuted)
TextField("http://127.0.0.1:8787/api", text: $settings.apiBaseURL)
.textInputAutocapitalization(.never)
.autocorrectionDisabled()
.keyboardType(.URL)
.padding(12)
.background(
RoundedRectangle(cornerRadius: 12)
.fill(SybilTheme.surface)
.overlay(
RoundedRectangle(cornerRadius: 12)
.stroke(SybilTheme.border, lineWidth: 1)
)
)
Text("Admin Token")
.font(.caption.weight(.semibold))
.foregroundStyle(SybilTheme.textMuted)
SecureField("ADMIN_TOKEN (optional in open mode)", text: $settings.adminToken)
.textInputAutocapitalization(.never)
.autocorrectionDisabled()
.padding(12)
.background(
RoundedRectangle(cornerRadius: 12)
.fill(SybilTheme.surface)
.overlay(
RoundedRectangle(cornerRadius: 12)
.stroke(SybilTheme.border, lineWidth: 1)
)
)
}
HStack(spacing: 10) {
Button {
Task {
await viewModel.refreshAfterSettingsChange()
}
} label: {
Text("Save & Reconnect")
.frame(maxWidth: .infinity)
}
.buttonStyle(.borderedProminent)
.tint(SybilTheme.primarySoft)
Button {
settings.adminToken = ""
Task {
await viewModel.refreshAfterSettingsChange()
}
} label: {
Text("No Token")
.frame(maxWidth: .infinity)
}
.buttonStyle(.bordered)
.tint(SybilTheme.textMuted)
}
if let mode = viewModel.authMode {
Label(mode == "open" ? "Server is in open mode" : "Server requires token", systemImage: "dot.radiowaves.left.and.right")
.font(.footnote)
.foregroundStyle(SybilTheme.textMuted)
}
if let authError = viewModel.authError {
Text(authError)
.font(.footnote)
.foregroundStyle(SybilTheme.danger)
}
if let runtimeError = viewModel.errorMessage {
Text(runtimeError)
.font(.footnote)
.foregroundStyle(SybilTheme.danger)
}
}
.padding(16)
.frame(maxWidth: 640, alignment: .leading)
.frame(maxWidth: .infinity, alignment: .center)
}
}
}