native macOS codings agent orchestrator prowl.onev.cat
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225import ComposableArchitectureimport SwiftUI
struct RemoteMirrorSidebar: View { @Environment(RemoteMirrorStore.self) private var mirrors
@Dependency(FeatureFlags.self) private var featureFlags
var body: some View { if featureFlags.remoteMirror && !mirrors.clients.isEmpty { VStack(alignment: .leading, spacing: 6) { Text("Remote Mirrors").font(.caption.bold()).foregroundStyle(.secondary) ForEach(mirrors.clients) { client in Button { mirrors.selectedID = client.id } label: { HStack { Image(systemName: client.isConnected ? "network" : "exclamationmark.circle") .accessibilityHidden(true) VStack(alignment: .leading, spacing: 2) { Text( client.selectedPane?.projectName ?? client.selectedPane?.title ?? client.address ).lineLimit(1) if let subtitle = client.selectedPane?.subtitle { Text(subtitle).font(.caption).foregroundStyle(.secondary).lineLimit(1) } } .help(client.selectedPane.map { $0.title + "\n" + $0.directory } ?? client.address) if !client.isConnected { Text(client.statusLabel).font(.caption).foregroundStyle(.orange) } Spacer(minLength: 0) } .frame(maxWidth: .infinity, alignment: .leading) .padding(8) .contentShape(Rectangle()) .background( mirrors.selectedID == client.id ? Color.accentColor.opacity(0.2) : .clear, in: RoundedRectangle(cornerRadius: 8)) } .buttonStyle(.plain) .contextMenu { Button("Close Mirror") { mirrors.remove(client) } } } } .padding(10) } }}
struct RemoteMirrorPaneView: View { @State private var toolbarPopovers = ToolbarPopoverCoordinator() @Environment(RemoteMirrorStore.self) private var mirrors @State private var fitsWindow = true @Bindable var client: MirrorClient
var body: some View { VStack(spacing: 0) { if let error = client.error { Text(error).font(.callout).foregroundStyle(.secondary).padding(10).textSelection(.enabled) } if !client.showsHistory { scrollControls } ZStack { if let view = client.replica.view { MirrorTerminalViewport( surface: view, displaySize: client.replica.displaySize, fitsWindow: fitsWindow, viewportText: client.replica.usesStyledScrollback ? nil : client.viewportState.text, scrollCompletion: client.scrollState.completedRequestID ) .opacity(client.showsHistory ? 0 : 1) .allowsHitTesting(!client.showsHistory) } else { ProgressView("Opening mirror…") } if client.showsHistory { history } } } .navigationTitle( client.selectedPane?.projectName ?? client.selectedPane?.title ?? String(localized: "Remote Mirror") ) .navigationSubtitle(client.selectedPane?.subtitle ?? "") .toolbar { ToolbarItem(placement: .navigation) { MirrorHostButton() } ToolbarItem(placement: .principal) { connectionStatus.padding(.horizontal) } ToolbarItemGroup(placement: .primaryAction) { recoveryActions displaySizeToggle historyButton Button { mirrors.remove(client) } label: { Label("Disconnect Mirror", systemImage: "personalhotspot.slash") .foregroundStyle(.red) } .help("Disconnect this mirror; the Host program continues running") .accessibilityIdentifier("remote-mirror-disconnect") } } .environment(toolbarPopovers) .accessibilityIdentifier("remote-mirror-pane") }
private var connectionStatus: some View { HStack(spacing: 6) { if client.isConnecting { ProgressView().controlSize(.small) } else { Image(systemName: client.isSubscribed ? "checkmark.circle.fill" : "exclamationmark.triangle.fill") .foregroundStyle(client.isSubscribed ? Color.green : Color.orange) .accessibilityHidden(true) } Text(client.statusLabel + " · " + client.address) .font(.footnote) .foregroundStyle(.secondary) .lineLimit(1) .truncationMode(.middle) } .help(client.selectedPane.map { $0.title + "\n" + $0.directory + "\n" + endpoint } ?? endpoint) .accessibilityIdentifier("remote-mirror-connection-status") }
@ViewBuilder private var recoveryActions: some View { if !client.isSubscribed, client.endReason != .paneClosed { Button(client.endReason == .takenOver ? "Take Over" : "Retry", systemImage: "arrow.clockwise") { client.retry(takeover: client.endReason == .takenOver) } .disabled(client.isConnecting || (client.endReason == .takenOver && !client.supportsTakeover)) .help("Reconnect to this pane; Retry never takes control from another device") .accessibilityIdentifier("remote-mirror-retry") } }
@ViewBuilder private var historyButton: some View { if client.showsHistory { Button("Live Terminal", systemImage: "terminal") { client.showsHistory = false } .help("Return to the live terminal") } else { Button("History", systemImage: "clock.arrow.circlepath") { client.loadHistory(refresh: true) } .disabled(!client.isSubscribed || !client.supportsHistory) .help("Read a snapshot of retained terminal text") .accessibilityIdentifier("remote-mirror-history") } }
private var displaySizeToggle: some View { Toggle(isOn: $fitsWindow) { Label( fitsWindow ? "Fit to Window" : "Original Size", systemImage: fitsWindow ? "arrow.down.right.and.arrow.up.left" : "arrow.up.left.and.arrow.down.right") } .toggleStyle(.button) .disabled(client.showsHistory) .help( fitsWindow ? "Fit to Window — click to show Original Size; Host dimensions stay unchanged" : "Original Size — click to fit the full terminal to this window; Host dimensions stay unchanged" ) .accessibilityIdentifier("remote-mirror-display-size") }
private var endpoint: String { "\(client.address):\(String(client.port))" }
private var scrollControls: some View { HStack(spacing: 12) { Button("Scroll Up", systemImage: "chevron.up") { client.scroll(.upward) } .help("Scroll the Host terminal up by about a page, keeping three rows of overlap") .accessibilityIdentifier("remote-mirror-scroll-up") .disabled(!client.canScroll(.upward)) ZStack { if client.scrollState.isLoading { HStack(spacing: 6) { ProgressView().controlSize(.small) Text("Scrolling…").font(.caption) } } else if let error = client.scrollState.error { Text(error).font(.caption).foregroundStyle(.secondary).textSelection(.enabled) .help(error) } else if client.viewportState.text != nil && !client.replica.usesStyledScrollback { Text("Host scrollback · Plain text").font(.caption).foregroundStyle(.secondary) } } .lineLimit(1) .frame(maxWidth: .infinity) .frame(height: 20) Button("Scroll Down", systemImage: "chevron.down") { client.scroll(.downward) } .help("Scroll the Host terminal down by about a page, keeping three rows of overlap") .accessibilityIdentifier("remote-mirror-scroll-down") .disabled(!client.canScroll(.downward)) } .padding(.horizontal).padding(.vertical, 6) .help( client.supportsRemoteScroll ? "Buttons scroll the Host terminal. Scrolling the display only pans locally." : "Update Host to enable remote scrolling.") }
private var history: some View { VStack(alignment: .leading) { HStack { Text("Retained text at time of request").font(.caption).foregroundStyle(.secondary) Spacer() Button("Refresh") { client.loadHistory(refresh: true) } .disabled(client.isLoadingHistory || !client.isSubscribed) .help("Read a new snapshot of retained terminal text") Button("Load Earlier 200 Lines") { client.loadHistory() } .disabled(client.isLoadingHistory || !client.isSubscribed || client.historyOffset == 0) .help("Load the previous page from this retained snapshot") } if client.historyTruncated { Text("Older lines omitted; the first retained line may be incomplete.") .font(.caption).foregroundStyle(.secondary) } ScrollView([.horizontal, .vertical]) { Text(client.historyLines.joined(separator: "\n")) .font(.system(.body, design: .monospaced)) .textSelection(.enabled) .frame(maxWidth: .infinity, alignment: .leading) } if client.isLoadingHistory { ProgressView() } } .padding().background(.background) }}