macOS client store and API

mac/Sources/Byre/SpikeView.swift

@@ -1,26 +1,32 @@
 import SwiftUI
 
+@MainActor
+@Observable
+final class SpikeLog {
+    var lines: [String] = []
+
+    func log(_ line: String) {
+        lines.append(line)
+    }
+}
+
 struct SpikeView: View {
-    @Environment(Server.self) private var server
+    @Environment(Store.self) private var store
+    @Environment(SpikeLog.self) private var spike
 
     var body: some View {
-        @Bindable var server = server
+        let selection = Binding(get: { store.selectedTaskId ?? "" }, set: { store.focusTask($0) })
         VStack(spacing: 0) {
             HStack {
-                TextField("Server URL", text: $server.origin)
-                    .frame(width: 320)
-                Button("Connect") {
-                    Task {
-                        await server.connect()
+                Picker("Task", selection: selection) {
+                    Text("None").tag("")
+                    ForEach(store.activeTasks(), id: \.task.id) { row in
+                        Text(verbatim: "\(row.project.name): \(row.task.title) · \(store.taskState(row.task).label)").tag(row.task.id)
                     }
                 }
-                Picker("Task", selection: $server.taskId) {
-                    ForEach(server.tasks, id: \.id) { t in
-                        Text(verbatim: "\(t.title) · \(t.status) · \(t.id)").tag(t.id)
-                    }
-                }
-                .frame(width: 280)
-                Text(server.status)
+                .frame(width: 420)
+                Text(verbatim: "\(store.me?.displayName ?? "") · \(store.activeTasks().count) active tasks · \(store.inbox.count) inbox · \(store.transcriptLoading() ? "loading" : "\(store.transcript.count) events") · \(store.connected ? "connected" : "reconnecting…")")
+                    .foregroundStyle(Palette.muted)
                 Spacer()
             }
             .padding(8)
@@ -31,25 +37,25 @@ struct SpikeView: View {
                 }
                 Tab("Transcript", systemImage: "text.alignleft") {
                     TranscriptSpike()
-                        .id(server.taskId)
+                        .id(store.selectedTaskId)
                 }
                 Tab("Terminal", systemImage: "terminal") {
                     TerminalSpike()
-                        .id(server.taskId)
+                        .id(store.selectedTaskId)
                 }
                 Tab("Font", systemImage: "textformat") {
                     FontSpike()
                 }
                 Tab("SVG", systemImage: "photo") {
                     SVGSpike()
-                        .id(server.taskId)
+                        .id(store.selectedTaskId)
                 }
             }
             .padding(8)
             Divider()
             ScrollView {
                 VStack(alignment: .leading, spacing: 2) {
-                    ForEach(Array(server.lines.enumerated()), id: \.offset) { _, line in
+                    ForEach(Array(spike.lines.enumerated()), id: \.offset) { _, line in
                         Text(line)
                     }
                 }
@@ -60,10 +66,5 @@ struct SpikeView: View {
             .frame(height: 140)
         }
         .frame(minWidth: 1000, minHeight: 700)
-        .task {
-            if !server.origin.isEmpty {
-                await server.connect()
-            }
-        }
     }
 }