A real view system for the terminal.

import TerminalUI
import TerminalUICLI

@main
struct DeployApp: App {
  var body: some Scene {
    WindowGroup("Deploys") {
      DeployList()
    }
  }
}

struct DeployList: View {
  @State private var deploys = Deploy.recent()
  @State private var selection: Deploy.ID?
  @State private var showDetail = false
  @FocusState private var search: Bool

  var body: some View {
    VStack(alignment: .leading, spacing: 1) {
      TextField("filter", text: .constant(""))
        .focused($search)
      List(deploys, selection: $selection) { deploy in
        LabeledContent(deploy.environment, value: deploy.status)
      }
    }
    .keyCommand("Open", key: .return) { showDetail = true }
    .sheet(isPresented: $showDetail) {
      DeployDetail(id: selection)
    }
  }
}