mirror of
https://github.com/openclaw/openclaw.git
synced 2026-06-01 21:06:45 +00:00
f6e51ff99a
Summary: - Replace the legacy iOS shell with Pro Command, Chat, Agents, and Settings tabs. - Wire iOS chat/session/settings/diagnostics and realtime Talk flows through gateway-backed APIs. - Add gateway/session and shared chat coverage for the new iOS flow. Verification: - git diff --check - node scripts/run-vitest.mjs src/gateway/server.sessions.create.test.ts src/gateway/talk-realtime-relay.test.ts - swift test --filter ChatViewModelTests (apps/shared/OpenClawKit) - xcodebuild build for Nimrod's iPhone succeeded; install succeeded; launch was blocked because the phone was locked Known follow-up: - Preserve traceLevel in sessions.create parent runtime inheritance and keep the changelog credit in the follow-up patch.
808 lines
31 KiB
Swift
808 lines
31 KiB
Swift
import OpenClawKit
|
|
import SwiftUI
|
|
|
|
extension SettingsProTab {
|
|
var settingsHeader: some View {
|
|
Text("Settings")
|
|
.font(.system(size: 28, weight: .bold))
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
.padding(.top, 6)
|
|
}
|
|
|
|
var appearanceSection: some View {
|
|
VStack(alignment: .leading, spacing: 8) {
|
|
ProSectionHeader(title: "Appearance", uppercase: false)
|
|
ProCard(radius: SettingsLayout.cardRadius) {
|
|
VStack(alignment: .leading, spacing: 12) {
|
|
Picker("Appearance", selection: self.$appearancePreferenceRaw) {
|
|
ForEach(AppAppearancePreference.allCases) { preference in
|
|
Text(preference.label).tag(preference.rawValue)
|
|
}
|
|
}
|
|
.pickerStyle(.segmented)
|
|
Text("Follows iOS appearance.")
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
}
|
|
}
|
|
|
|
var gatewaySection: some View {
|
|
VStack(alignment: .leading, spacing: 8) {
|
|
ProSectionHeader(title: "Gateway", uppercase: false)
|
|
ProCard(padding: 0, radius: SettingsLayout.cardRadius) {
|
|
VStack(spacing: 0) {
|
|
NavigationLink(value: SettingsRoute.gateway) {
|
|
self.gatewayConnectionRow
|
|
.padding(14)
|
|
}
|
|
.buttonStyle(.plain)
|
|
Divider()
|
|
self.gatewayDetailRow(label: "Address", value: self.gatewayAddress)
|
|
Divider()
|
|
self.gatewayDetailRow(label: "Server", value: self.gatewayServer)
|
|
Divider()
|
|
self.gatewayDetailRow(label: "Agents", value: "\(self.appModel.gatewayAgents.count)")
|
|
Divider()
|
|
self.gatewayActions
|
|
.padding(14)
|
|
}
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
}
|
|
}
|
|
|
|
var gatewayConnectionRow: some View {
|
|
HStack(spacing: 12) {
|
|
ProIconBadge(
|
|
systemName: "antenna.radiowaves.left.and.right",
|
|
color: self.gatewayConnected ? OpenClawBrand.ok : .secondary)
|
|
|
|
VStack(alignment: .leading, spacing: 3) {
|
|
Text("Connection")
|
|
.font(.subheadline.weight(.semibold))
|
|
Text(self.gatewayConnected ? "Connected" : self.appModel.gatewayDisplayStatusText)
|
|
.font(.caption)
|
|
.foregroundStyle(self.gatewayConnected ? OpenClawBrand.ok : .secondary)
|
|
}
|
|
|
|
Spacer(minLength: 8)
|
|
|
|
Image(systemName: "chevron.right")
|
|
.font(.caption.weight(.semibold))
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
}
|
|
|
|
func gatewayDetailRow(label: String, value: String) -> some View {
|
|
HStack {
|
|
Text(label)
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
Spacer(minLength: 8)
|
|
Text(value)
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
.lineLimit(1)
|
|
.truncationMode(.middle)
|
|
}
|
|
.padding(.horizontal, 14)
|
|
.frame(height: 40)
|
|
}
|
|
|
|
var gatewayActions: some View {
|
|
HStack(spacing: 10) {
|
|
self.gatewayActionButton(
|
|
title: "Reconnect",
|
|
icon: "arrow.triangle.2.circlepath",
|
|
color: OpenClawBrand.warn,
|
|
isBusy: self.isReconnectingGateway)
|
|
{
|
|
Task { await self.reconnectGateway() }
|
|
}
|
|
|
|
self.gatewayActionButton(
|
|
title: "Diagnose",
|
|
icon: "cross.case",
|
|
color: Color(red: 0 / 255.0, green: 122 / 255.0, blue: 255 / 255.0),
|
|
isBusy: self.isRefreshingGateway)
|
|
{
|
|
Task { await self.runDiagnostics() }
|
|
}
|
|
}
|
|
}
|
|
|
|
var settingsListSection: some View {
|
|
VStack(spacing: 10) {
|
|
self.settingsListRow(
|
|
icon: "person.2",
|
|
title: "Permissions",
|
|
detail: self.permissionsDetail,
|
|
route: .permissions)
|
|
self.settingsListRow(
|
|
icon: "waveform",
|
|
title: "Voice & Talk",
|
|
detail: self.voiceDetail,
|
|
route: .voice)
|
|
self.settingsListRow(
|
|
icon: "globe",
|
|
title: "Diagnostics",
|
|
detail: self.diagnosticsDetail,
|
|
route: .diagnostics)
|
|
self.settingsListRow(
|
|
icon: "hand.raised",
|
|
title: "Privacy",
|
|
detail: self.privacyDetail,
|
|
route: .privacy)
|
|
self.settingsListRow(
|
|
icon: "bell",
|
|
title: "Notifications",
|
|
detail: self.notificationStatusText,
|
|
route: .notifications)
|
|
self.settingsListRow(
|
|
icon: "info.circle",
|
|
title: "About",
|
|
detail: DeviceInfoHelper.openClawVersionString(),
|
|
route: .about)
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
}
|
|
|
|
func settingsListRow(
|
|
icon: String,
|
|
title: String,
|
|
detail: String,
|
|
route: SettingsRoute) -> some View
|
|
{
|
|
NavigationLink(value: route) {
|
|
HStack(spacing: 12) {
|
|
ProIconBadge(systemName: icon, color: .secondary)
|
|
VStack(alignment: .leading, spacing: 2) {
|
|
Text(title)
|
|
.font(.subheadline.weight(.semibold))
|
|
Text(detail)
|
|
.font(.caption2)
|
|
.foregroundStyle(.secondary)
|
|
.lineLimit(1)
|
|
}
|
|
Spacer(minLength: 8)
|
|
Image(systemName: "chevron.right")
|
|
.font(.caption.weight(.semibold))
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
.padding(12)
|
|
.frame(maxWidth: .infinity, minHeight: SettingsLayout.rowHeight, alignment: .leading)
|
|
.proPanelSurface(radius: SettingsLayout.cardRadius)
|
|
}
|
|
.buttonStyle(.plain)
|
|
}
|
|
|
|
func destination(for route: SettingsRoute) -> some View {
|
|
ZStack {
|
|
OpenClawProBackground()
|
|
ScrollView {
|
|
VStack(alignment: .leading, spacing: 14) {
|
|
switch route {
|
|
case .gateway:
|
|
self.gatewayDestination
|
|
case .permissions:
|
|
self.permissionsDestination
|
|
case .voice:
|
|
self.voiceDestination
|
|
case .diagnostics:
|
|
self.diagnosticsDestination
|
|
case .privacy:
|
|
self.privacyDestination
|
|
case .notifications:
|
|
self.notificationsDestination
|
|
case .about:
|
|
self.aboutDestination
|
|
}
|
|
}
|
|
.padding(.vertical, 18)
|
|
}
|
|
.safeAreaPadding(.bottom, OpenClawProMetric.bottomScrollInset)
|
|
}
|
|
.navigationTitle(self.title(for: route))
|
|
.navigationBarTitleDisplayMode(.inline)
|
|
}
|
|
|
|
var gatewayDestination: some View {
|
|
VStack(alignment: .leading, spacing: 14) {
|
|
if let gatewayProblem = self.appModel.lastGatewayProblem {
|
|
self.gatewayProblemCard(gatewayProblem)
|
|
}
|
|
|
|
self.detailStatusCard(
|
|
icon: "antenna.radiowaves.left.and.right",
|
|
title: "Gateway",
|
|
detail: self.gatewayConnected ? "Connected" : self.appModel.gatewayDisplayStatusText,
|
|
value: self.gatewayConnected ? "online" : "offline",
|
|
color: self.gatewayConnected ? OpenClawBrand.ok : .secondary)
|
|
|
|
self.detailListCard {
|
|
self.detailRow("Address", value: self.gatewayAddress)
|
|
Divider()
|
|
self.detailRow("Server", value: self.gatewayServer)
|
|
Divider()
|
|
self.detailRow("Discovered", value: "\(self.gatewayController.gateways.count)")
|
|
Divider()
|
|
self.detailRow("Active Agent", value: self.appModel.activeAgentName)
|
|
Divider()
|
|
self.detailRow("Agents", value: "\(self.appModel.gatewayAgents.count)")
|
|
}
|
|
|
|
ProCard(radius: SettingsLayout.cardRadius) {
|
|
self.gatewayActions
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
|
|
self.deviceIdentityCard
|
|
self.agentSelectionCard
|
|
self.gatewaySetupCard
|
|
self.discoveredGatewaysCard
|
|
self.manualGatewayCard
|
|
self.gatewayAdvancedCard
|
|
}
|
|
}
|
|
|
|
var permissionsDestination: some View {
|
|
VStack(alignment: .leading, spacing: 14) {
|
|
self.toggleCard(
|
|
icon: "camera",
|
|
title: "Camera",
|
|
detail: "Allow the gateway to request photos or video while OpenClaw is foregrounded.",
|
|
isOn: self.$cameraEnabled)
|
|
|
|
self.locationModeCard
|
|
|
|
self.toggleCard(
|
|
icon: "lock.display",
|
|
title: "Keep Awake",
|
|
detail: "Keep the screen awake while OpenClaw is open.",
|
|
isOn: self.$preventSleep)
|
|
|
|
self.privacyAccessCard
|
|
}
|
|
}
|
|
|
|
var voiceDestination: some View {
|
|
VStack(alignment: .leading, spacing: 14) {
|
|
self.detailStatusCard(
|
|
icon: "waveform",
|
|
title: "Voice & Talk",
|
|
detail: self.appModel.talkMode.gatewayTalkVoiceModeTitle,
|
|
value: self.voiceDetail,
|
|
color: self.talkEnabled || self.voiceWakeEnabled ? OpenClawBrand.accent : .secondary)
|
|
|
|
self.voiceFeatureCard
|
|
self.talkVoiceSettingsCard
|
|
self.shareSettingsCard
|
|
}
|
|
}
|
|
|
|
var diagnosticsDestination: some View {
|
|
VStack(alignment: .leading, spacing: 14) {
|
|
self.detailStatusCard(
|
|
icon: "checklist.checked",
|
|
title: "Health Check",
|
|
detail: "Run app, permission, and gateway-adjacent checks without editing setup.",
|
|
value: self.diagnosticsHealthValue,
|
|
color: self.gatewayConnected ? OpenClawBrand.ok : OpenClawBrand.warn)
|
|
|
|
self.diagnosticChecksCard
|
|
|
|
self.detailListCard {
|
|
self.detailRow("Device", value: DeviceInfoHelper.deviceFamily())
|
|
Divider()
|
|
self.detailRow("Platform", value: DeviceInfoHelper.platformStringForDisplay())
|
|
Divider()
|
|
self.detailRow("App", value: DeviceInfoHelper.openClawVersionString())
|
|
Divider()
|
|
self.detailRow("Model", value: DeviceInfoHelper.modelIdentifier())
|
|
}
|
|
|
|
ProCard(radius: SettingsLayout.cardRadius) {
|
|
self.gatewayActionButton(
|
|
title: "Run Diagnostics",
|
|
icon: "cross.case",
|
|
color: Color(red: 0 / 255.0, green: 122 / 255.0, blue: 255 / 255.0),
|
|
isBusy: self.isRefreshingGateway)
|
|
{
|
|
Task { await self.runDiagnostics() }
|
|
}
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
|
|
self.diagnosticsAdvancedCard
|
|
}
|
|
}
|
|
|
|
var privacyDestination: some View {
|
|
VStack(alignment: .leading, spacing: 14) {
|
|
self.detailStatusCard(
|
|
icon: "hand.raised",
|
|
title: "Privacy",
|
|
detail: "Control what device context OpenClaw can expose to the gateway.",
|
|
value: self.privacyDetail,
|
|
color: .secondary)
|
|
|
|
self.toggleCard(
|
|
icon: "camera",
|
|
title: "Camera Access",
|
|
detail: "Disable to block camera capture requests from the gateway.",
|
|
isOn: self.$cameraEnabled)
|
|
|
|
self.locationModeCard
|
|
|
|
self.toggleCard(
|
|
icon: "lock.open.display",
|
|
title: "Background Listening",
|
|
detail: "Allow active Talk sessions to continue while the app is backgrounded.",
|
|
isOn: self.$talkBackgroundEnabled)
|
|
|
|
self.privacyAccessCard
|
|
}
|
|
}
|
|
|
|
var notificationsDestination: some View {
|
|
VStack(alignment: .leading, spacing: 14) {
|
|
self.detailStatusCard(
|
|
icon: "bell",
|
|
title: "Notifications",
|
|
detail: "Approvals and event alerts from OpenClaw.",
|
|
value: self.notificationStatusText,
|
|
color: self.notificationStatusText == "Allowed" ? OpenClawBrand.ok : .secondary)
|
|
|
|
ProCard(radius: SettingsLayout.cardRadius) {
|
|
VStack(alignment: .leading, spacing: 12) {
|
|
Button {
|
|
self.handleNotificationAction()
|
|
} label: {
|
|
Label(
|
|
self.notificationActionText,
|
|
systemImage: self.notificationStatusText == "Allowed" ? "gear" : "bell.badge")
|
|
.frame(maxWidth: .infinity)
|
|
}
|
|
.buttonStyle(.borderedProminent)
|
|
.controlSize(.small)
|
|
|
|
Text("OpenClaw uses notifications for approval prompts and mirrored event alerts.")
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
}
|
|
}
|
|
|
|
var aboutDestination: some View {
|
|
VStack(alignment: .leading, spacing: 14) {
|
|
self.detailStatusCard(
|
|
icon: "info.circle",
|
|
title: "OpenClaw",
|
|
detail: "iOS companion app",
|
|
value: DeviceInfoHelper.openClawVersionString(),
|
|
color: OpenClawBrand.accent)
|
|
|
|
self.detailListCard {
|
|
self.detailRow("Version", value: DeviceInfoHelper.openClawVersionString())
|
|
Divider()
|
|
self.detailRow("Device", value: DeviceInfoHelper.deviceFamily())
|
|
Divider()
|
|
self.detailRow("Platform", value: DeviceInfoHelper.platformStringForDisplay())
|
|
Divider()
|
|
self.detailRow("Model", value: DeviceInfoHelper.modelIdentifier())
|
|
}
|
|
}
|
|
}
|
|
|
|
func gatewayActionButton(
|
|
title: String,
|
|
icon: String,
|
|
color: Color,
|
|
isBusy: Bool,
|
|
action: @escaping () -> Void) -> some View
|
|
{
|
|
Button(action: action) {
|
|
HStack(spacing: 7) {
|
|
Image(systemName: isBusy ? "hourglass" : icon)
|
|
.font(.caption.weight(.semibold))
|
|
Text(title)
|
|
.font(.caption.weight(.semibold))
|
|
.lineLimit(1)
|
|
.minimumScaleFactor(0.76)
|
|
}
|
|
.frame(maxWidth: .infinity)
|
|
.frame(height: 34)
|
|
.foregroundStyle(color)
|
|
.background(color.opacity(0.09), in: RoundedRectangle(cornerRadius: 8, style: .continuous))
|
|
.overlay {
|
|
RoundedRectangle(cornerRadius: 8, style: .continuous)
|
|
.strokeBorder(color.opacity(0.14))
|
|
}
|
|
}
|
|
.buttonStyle(.plain)
|
|
.disabled(isBusy)
|
|
}
|
|
|
|
func toggleCard(
|
|
icon: String,
|
|
title: String,
|
|
detail: String,
|
|
isOn: Binding<Bool>) -> some View
|
|
{
|
|
ProCard(radius: SettingsLayout.cardRadius) {
|
|
Toggle(isOn: isOn) {
|
|
HStack(spacing: 12) {
|
|
ProIconBadge(systemName: icon, color: isOn.wrappedValue ? OpenClawBrand.accent : .secondary)
|
|
VStack(alignment: .leading, spacing: 3) {
|
|
Text(title)
|
|
.font(.subheadline.weight(.semibold))
|
|
Text(detail)
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
.lineLimit(2)
|
|
}
|
|
}
|
|
}
|
|
.toggleStyle(.switch)
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
}
|
|
|
|
var locationModeCard: some View {
|
|
ProCard(radius: SettingsLayout.cardRadius) {
|
|
VStack(alignment: .leading, spacing: 12) {
|
|
HStack(spacing: 12) {
|
|
ProIconBadge(
|
|
systemName: "location",
|
|
color: self.locationModeRaw == OpenClawLocationMode.off.rawValue ? .secondary : OpenClawBrand
|
|
.accent)
|
|
VStack(alignment: .leading, spacing: 3) {
|
|
Text("Location")
|
|
.font(.subheadline.weight(.semibold))
|
|
Text("Controls whether location can be shared with gateway tools.")
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
.lineLimit(2)
|
|
}
|
|
Spacer(minLength: 8)
|
|
if self.isChangingLocationMode {
|
|
ProgressView()
|
|
.controlSize(.small)
|
|
}
|
|
}
|
|
|
|
Picker("Location", selection: self.$locationModeRaw) {
|
|
Text("Off").tag(OpenClawLocationMode.off.rawValue)
|
|
Text("While Using").tag(OpenClawLocationMode.whileUsing.rawValue)
|
|
Text("Always").tag(OpenClawLocationMode.always.rawValue)
|
|
}
|
|
.pickerStyle(.segmented)
|
|
.disabled(self.isChangingLocationMode)
|
|
|
|
if let locationStatusText {
|
|
Text(locationStatusText)
|
|
.font(.caption2)
|
|
.foregroundStyle(OpenClawBrand.warn)
|
|
}
|
|
}
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
}
|
|
|
|
var agentSelectionCard: some View {
|
|
ProCard(radius: SettingsLayout.cardRadius) {
|
|
VStack(alignment: .leading, spacing: 10) {
|
|
Text("Active Agent")
|
|
.font(.subheadline.weight(.semibold))
|
|
Picker("Agent", selection: self.$selectedAgentPickerId) {
|
|
Text("Default").tag("")
|
|
let defaultId = (self.appModel.gatewayDefaultAgentId ?? "")
|
|
.trimmingCharacters(in: .whitespacesAndNewlines)
|
|
ForEach(self.appModel.gatewayAgents.filter { $0.id != defaultId }, id: \.id) { agent in
|
|
let name = (agent.name ?? "").trimmingCharacters(in: .whitespacesAndNewlines)
|
|
Text(name.isEmpty ? agent.id : name).tag(agent.id)
|
|
}
|
|
}
|
|
Text("Controls which agent Chat and Talk use.")
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
}
|
|
|
|
var gatewaySetupCard: some View {
|
|
ProCard(radius: SettingsLayout.cardRadius) {
|
|
VStack(alignment: .leading, spacing: 12) {
|
|
Text("Setup Code")
|
|
.font(.subheadline.weight(.semibold))
|
|
TextField("Paste setup code", text: self.$setupCode)
|
|
.textInputAutocapitalization(.never)
|
|
.autocorrectionDisabled()
|
|
.textFieldStyle(.roundedBorder)
|
|
HStack(spacing: 10) {
|
|
self.gatewayActionButton(
|
|
title: "Scan QR",
|
|
icon: "qrcode.viewfinder",
|
|
color: OpenClawBrand.accent,
|
|
isBusy: self.connectingGatewayID != nil)
|
|
{
|
|
self.openGatewayQRScanner()
|
|
}
|
|
self.gatewayActionButton(
|
|
title: "Connect",
|
|
icon: "bolt.horizontal.circle",
|
|
color: OpenClawBrand.ok,
|
|
isBusy: self.connectingGatewayID == "manual")
|
|
{
|
|
Task { await self.applySetupCodeAndConnect() }
|
|
}
|
|
.disabled(self.setupCode.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty)
|
|
}
|
|
if let status = self.setupStatusLine {
|
|
Text(status)
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
.textSelection(.enabled)
|
|
}
|
|
if let warning = self.tailnetWarningText {
|
|
Text(warning)
|
|
.font(.caption.weight(.semibold))
|
|
.foregroundStyle(OpenClawBrand.warn)
|
|
}
|
|
}
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
}
|
|
|
|
var discoveredGatewaysCard: some View {
|
|
ProCard(radius: SettingsLayout.cardRadius) {
|
|
VStack(alignment: .leading, spacing: 12) {
|
|
Text("Discovered Gateways")
|
|
.font(.subheadline.weight(.semibold))
|
|
if self.gatewayController.gateways.isEmpty {
|
|
Text("No gateways found yet. Use manual setup if Bonjour is blocked.")
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
} else {
|
|
ForEach(self.gatewayController.gateways) { gateway in
|
|
self.discoveredGatewayRow(gateway)
|
|
if gateway.id != self.gatewayController.gateways.last?.id {
|
|
Divider()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
}
|
|
|
|
func discoveredGatewayRow(_ gateway: GatewayDiscoveryModel.DiscoveredGateway) -> some View {
|
|
HStack(spacing: 12) {
|
|
VStack(alignment: .leading, spacing: 3) {
|
|
Text(verbatim: gateway.name)
|
|
.font(.subheadline.weight(.semibold))
|
|
Text(verbatim: self.gatewayDetailLines(gateway).joined(separator: " • "))
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
.lineLimit(2)
|
|
}
|
|
Spacer(minLength: 8)
|
|
Button {
|
|
Task { await self.connect(gateway) }
|
|
} label: {
|
|
if self.connectingGatewayID == gateway.id {
|
|
ProgressView().controlSize(.small)
|
|
} else {
|
|
Text("Connect")
|
|
}
|
|
}
|
|
.buttonStyle(.bordered)
|
|
.disabled(self.connectingGatewayID != nil)
|
|
}
|
|
}
|
|
|
|
var manualGatewayCard: some View {
|
|
ProCard(radius: SettingsLayout.cardRadius) {
|
|
VStack(alignment: .leading, spacing: 12) {
|
|
Toggle("Use Manual Gateway", isOn: self.$manualGatewayEnabled)
|
|
TextField("Host", text: self.$manualGatewayHost)
|
|
.textInputAutocapitalization(.never)
|
|
.autocorrectionDisabled()
|
|
.textFieldStyle(.roundedBorder)
|
|
TextField("Port", text: self.manualPortBinding)
|
|
.keyboardType(.numberPad)
|
|
.textFieldStyle(.roundedBorder)
|
|
Toggle("Use TLS", isOn: self.$manualGatewayTLS)
|
|
self.gatewayActionButton(
|
|
title: "Connect Manual",
|
|
icon: "network",
|
|
color: OpenClawBrand.accent,
|
|
isBusy: self.connectingGatewayID == "manual")
|
|
{
|
|
Task { await self.connectManual() }
|
|
}
|
|
.disabled(self.manualGatewayHost.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty
|
|
|| !self.manualPortIsValid)
|
|
}
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
}
|
|
|
|
var gatewayAdvancedCard: some View {
|
|
ProCard(radius: SettingsLayout.cardRadius) {
|
|
VStack(alignment: .leading, spacing: 12) {
|
|
Toggle("Auto-connect on launch", isOn: self.$gatewayAutoConnect)
|
|
SecureField("Gateway Auth Token", text: self.$gatewayToken)
|
|
.textInputAutocapitalization(.never)
|
|
.autocorrectionDisabled()
|
|
.textFieldStyle(.roundedBorder)
|
|
SecureField("Gateway Password", text: self.$gatewayPassword)
|
|
.textFieldStyle(.roundedBorder)
|
|
Button("Reset Onboarding", role: .destructive) {
|
|
self.showResetOnboardingAlert = true
|
|
}
|
|
}
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
}
|
|
|
|
var voiceFeatureCard: some View {
|
|
ProCard(radius: SettingsLayout.cardRadius) {
|
|
VStack(alignment: .leading, spacing: 12) {
|
|
self.settingsToggle("Voice Wake", isOn: self.$voiceWakeEnabled) { enabled in
|
|
self.appModel.setVoiceWakeEnabled(enabled)
|
|
}
|
|
self.settingsToggle("Talk Mode", isOn: self.$talkEnabled) { enabled in
|
|
self.appModel.setTalkEnabled(enabled)
|
|
}
|
|
Picker("Speech Language", selection: self.$talkSpeechLocale) {
|
|
ForEach(TalkSpeechLocale.supportedOptions()) { option in
|
|
Text(option.label).tag(option.id)
|
|
}
|
|
}
|
|
self.settingsToggle("Background Listening", isOn: self.$talkBackgroundEnabled)
|
|
self.settingsToggle("Speakerphone", isOn: self.talkSpeakerphoneBinding)
|
|
NavigationLink {
|
|
VoiceWakeWordsSettingsView()
|
|
} label: {
|
|
self.simpleSettingsRow(
|
|
title: "Wake Words",
|
|
value: VoiceWakePreferences.displayString(for: self.voiceWake.triggerWords))
|
|
}
|
|
}
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
}
|
|
|
|
var talkVoiceSettingsCard: some View {
|
|
ProCard(radius: SettingsLayout.cardRadius) {
|
|
VStack(alignment: .leading, spacing: 12) {
|
|
Picker("Provider", selection: self.talkProviderSelectionBinding) {
|
|
ForEach(TalkModeProviderSelection.allCases) { option in
|
|
Text(option.label).tag(option.rawValue)
|
|
}
|
|
}
|
|
if self.shouldShowRealtimeVoicePicker {
|
|
Picker("Realtime Voice", selection: self.talkRealtimeVoiceSelectionBinding) {
|
|
Text("Gateway Default").tag("")
|
|
ForEach(TalkModeRealtimeVoiceSelection.voices, id: \.self) { voice in
|
|
Text(TalkModeRealtimeVoiceSelection.label(for: voice)).tag(voice)
|
|
}
|
|
}
|
|
}
|
|
self.detailRow("Voice Mode", value: self.appModel.talkMode.gatewayTalkVoiceModeTitle)
|
|
Divider()
|
|
self.detailRow("Transport", value: self.appModel.talkMode.gatewayTalkTransportLabel)
|
|
Divider()
|
|
self.detailRow("API Key", value: self.talkApiKeyStatus)
|
|
}
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
}
|
|
|
|
var shareSettingsCard: some View {
|
|
ProCard(radius: SettingsLayout.cardRadius) {
|
|
VStack(alignment: .leading, spacing: 12) {
|
|
Toggle("Show Talk Control", isOn: self.$talkButtonEnabled)
|
|
TextField("Default Share Instruction", text: self.$defaultShareInstruction, axis: .vertical)
|
|
.lineLimit(2...5)
|
|
.textInputAutocapitalization(.sentences)
|
|
.textFieldStyle(.roundedBorder)
|
|
Button {
|
|
Task { await self.appModel.runSharePipelineSelfTest() }
|
|
} label: {
|
|
Label("Run Share Self-Test", systemImage: "checkmark.seal")
|
|
}
|
|
.buttonStyle(.bordered)
|
|
Text(self.appModel.lastShareEventText)
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
}
|
|
|
|
var privacyAccessCard: some View {
|
|
ProCard(radius: SettingsLayout.cardRadius) {
|
|
PrivacyAccessSectionView()
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
}
|
|
|
|
var diagnosticsAdvancedCard: some View {
|
|
ProCard(radius: SettingsLayout.cardRadius) {
|
|
VStack(alignment: .leading, spacing: 12) {
|
|
Toggle("Discovery Debug Logs", isOn: self.$discoveryDebugLogsEnabled)
|
|
.onChange(of: self.discoveryDebugLogsEnabled) { _, enabled in
|
|
self.gatewayController.setDiscoveryDebugLoggingEnabled(enabled)
|
|
}
|
|
Toggle("Debug Screen Status", isOn: self.$canvasDebugStatusEnabled)
|
|
NavigationLink {
|
|
GatewayDiscoveryDebugLogView()
|
|
} label: {
|
|
self.simpleSettingsRow(title: "Discovery Logs", value: self.gatewayController.discoveryStatusText)
|
|
}
|
|
}
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
}
|
|
|
|
var deviceIdentityCard: some View {
|
|
ProCard(radius: SettingsLayout.cardRadius) {
|
|
VStack(alignment: .leading, spacing: 12) {
|
|
TextField("Device Name", text: self.$displayName)
|
|
.textFieldStyle(.roundedBorder)
|
|
self.detailRow("Instance ID", value: self.instanceId)
|
|
}
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
}
|
|
|
|
func gatewayProblemCard(_ problem: GatewayConnectionProblem) -> some View {
|
|
ProCard(radius: SettingsLayout.cardRadius) {
|
|
GatewayProblemBanner(
|
|
problem: problem,
|
|
primaryActionTitle: self.gatewayProblemPrimaryActionTitle(problem),
|
|
onPrimaryAction: {
|
|
Task { await self.handleGatewayProblemPrimaryAction(problem) }
|
|
},
|
|
onShowDetails: {
|
|
self.showGatewayProblemDetails = true
|
|
})
|
|
}
|
|
.padding(.horizontal, OpenClawProMetric.pagePadding)
|
|
}
|
|
|
|
func settingsToggle(
|
|
_ title: String,
|
|
isOn: Binding<Bool>,
|
|
onChange: ((Bool) -> Void)? = nil) -> some View
|
|
{
|
|
Toggle(title, isOn: isOn)
|
|
.onChange(of: isOn.wrappedValue) { _, enabled in
|
|
onChange?(enabled)
|
|
}
|
|
}
|
|
|
|
func simpleSettingsRow(title: String, value: String) -> some View {
|
|
HStack {
|
|
Text(title)
|
|
Spacer(minLength: 8)
|
|
Text(value)
|
|
.foregroundStyle(.secondary)
|
|
.lineLimit(1)
|
|
.truncationMode(.middle)
|
|
Image(systemName: "chevron.right")
|
|
.font(.caption.weight(.semibold))
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
.font(.subheadline)
|
|
}
|
|
}
|