140 lines
6.1 KiB
Swift
140 lines
6.1 KiB
Swift
import ClawdbotDiscovery
|
|
import SwiftUI
|
|
|
|
struct GatewayDiscoveryInlineList: View {
|
|
var discovery: GatewayDiscoveryModel
|
|
var currentTarget: String?
|
|
var currentUrl: String?
|
|
var transport: AppState.RemoteTransport
|
|
var onSelect: (GatewayDiscoveryModel.DiscoveredGateway) -> Void
|
|
@State private var hoveredGatewayID: GatewayDiscoveryModel.DiscoveredGateway.ID?
|
|
|
|
var body: some View {
|
|
VStack(alignment: .leading, spacing: 6) {
|
|
HStack(alignment: .firstTextBaseline, spacing: 6) {
|
|
Image(systemName: "dot.radiowaves.left.and.right")
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
Text(self.discovery.statusText)
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
|
|
if self.discovery.gateways.isEmpty {
|
|
Text("No gateways found yet.")
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
} else {
|
|
VStack(alignment: .leading, spacing: 6) {
|
|
ForEach(self.discovery.gateways.prefix(6)) { gateway in
|
|
let display = self.displayInfo(for: gateway)
|
|
let selected = display.selected
|
|
|
|
Button {
|
|
withAnimation(.spring(response: 0.25, dampingFraction: 0.9)) {
|
|
self.onSelect(gateway)
|
|
}
|
|
} label: {
|
|
HStack(alignment: .center, spacing: 10) {
|
|
VStack(alignment: .leading, spacing: 2) {
|
|
Text(gateway.displayName)
|
|
.font(.callout.weight(.semibold))
|
|
.lineLimit(1)
|
|
.truncationMode(.tail)
|
|
Text(display.label)
|
|
.font(.caption.monospaced())
|
|
.foregroundStyle(.secondary)
|
|
.lineLimit(1)
|
|
.truncationMode(.middle)
|
|
}
|
|
Spacer(minLength: 0)
|
|
if selected {
|
|
Image(systemName: "checkmark.circle.fill")
|
|
.foregroundStyle(Color.accentColor)
|
|
} else {
|
|
Image(systemName: "arrow.right.circle")
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
}
|
|
.padding(.horizontal, 10)
|
|
.padding(.vertical, 8)
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
.background(
|
|
RoundedRectangle(cornerRadius: 10, style: .continuous)
|
|
.fill(self.rowBackground(
|
|
selected: selected,
|
|
hovered: self.hoveredGatewayID == gateway.id)))
|
|
.overlay(
|
|
RoundedRectangle(cornerRadius: 10, style: .continuous)
|
|
.strokeBorder(
|
|
selected ? Color.accentColor.opacity(0.45) : Color.clear,
|
|
lineWidth: 1))
|
|
.contentShape(Rectangle())
|
|
}
|
|
.buttonStyle(.plain)
|
|
.onHover { hovering in
|
|
self.hoveredGatewayID = hovering ? gateway
|
|
.id : (self.hoveredGatewayID == gateway.id ? nil : self.hoveredGatewayID)
|
|
}
|
|
}
|
|
}
|
|
.padding(10)
|
|
.background(
|
|
RoundedRectangle(cornerRadius: 10, style: .continuous)
|
|
.fill(Color(NSColor.controlBackgroundColor)))
|
|
}
|
|
}
|
|
.help(self.transport == .direct
|
|
? "Click a discovered gateway to fill the gateway URL."
|
|
: "Click a discovered gateway to fill the SSH target.")
|
|
}
|
|
|
|
private func displayInfo(
|
|
for gateway: GatewayDiscoveryModel.DiscoveredGateway) -> (label: String, selected: Bool)
|
|
{
|
|
switch self.transport {
|
|
case .direct:
|
|
let url = GatewayDiscoveryHelpers.directUrl(for: gateway)
|
|
let label = url ?? "Gateway pairing only"
|
|
let selected = url != nil && self.trimmed(self.currentUrl) == url
|
|
return (label, selected)
|
|
case .ssh:
|
|
let target = GatewayDiscoveryHelpers.sshTarget(for: gateway)
|
|
let label = target ?? "Gateway pairing only"
|
|
let selected = target != nil && self.trimmed(self.currentTarget) == target
|
|
return (label, selected)
|
|
}
|
|
}
|
|
|
|
private func rowBackground(selected: Bool, hovered: Bool) -> Color {
|
|
if selected { return Color.accentColor.opacity(0.12) }
|
|
if hovered { return Color.secondary.opacity(0.08) }
|
|
return Color.clear
|
|
}
|
|
|
|
private func trimmed(_ value: String?) -> String {
|
|
value?.trimmingCharacters(in: .whitespacesAndNewlines) ?? ""
|
|
}
|
|
}
|
|
|
|
struct GatewayDiscoveryMenu: View {
|
|
var discovery: GatewayDiscoveryModel
|
|
var onSelect: (GatewayDiscoveryModel.DiscoveredGateway) -> Void
|
|
|
|
var body: some View {
|
|
Menu {
|
|
if self.discovery.gateways.isEmpty {
|
|
Button(self.discovery.statusText) {}
|
|
.disabled(true)
|
|
} else {
|
|
ForEach(self.discovery.gateways) { gateway in
|
|
Button(gateway.displayName) { self.onSelect(gateway) }
|
|
}
|
|
}
|
|
} label: {
|
|
Image(systemName: "dot.radiowaves.left.and.right")
|
|
}
|
|
.help("Discover Clawdbot gateways on your LAN")
|
|
}
|
|
}
|