ios: initial commit

2026-02-20 00:09:02 -08:00
parent b91b03b74f
commit c47646a48c
24 changed files with 3406 additions and 19 deletions
--- a/ios/Packages/Sybil/Sources/Sybil/SybilSidebarView.swift
+++ b/ios/Packages/Sybil/Sources/Sybil/SybilSidebarView.swift
@@ -0,0 +1,162 @@
+import Observation
+import SwiftUI
+
+struct SybilSidebarView: View {
+    @Bindable var viewModel: SybilViewModel
+
+    private func iconName(for item: SidebarItem) -> String {
+        switch item.kind {
+        case .chat: return "message"
+        case .search: return "globe"
+        }
+    }
+
+    private func isSelected(_ item: SidebarItem) -> Bool {
+        viewModel.draftKind == nil && viewModel.selectedItem == item.selection
+    }
+
+    var body: some View {
+        VStack(spacing: 0) {
+            HStack(spacing: 10) {
+                Button {
+                    viewModel.startNewChat()
+                } label: {
+                    Label("New chat", systemImage: "plus")
+                        .frame(maxWidth: .infinity)
+                }
+                .buttonStyle(.borderedProminent)
+                .tint(viewModel.draftKind == .chat ? SybilTheme.primary : SybilTheme.primarySoft)
+
+                Button {
+                    viewModel.startNewSearch()
+                } label: {
+                    Label("New search", systemImage: "magnifyingglass")
+                        .frame(maxWidth: .infinity)
+                }
+                .buttonStyle(.bordered)
+                .tint(viewModel.draftKind == .search ? SybilTheme.primary : SybilTheme.textMuted)
+            }
+            .padding(.horizontal, 12)
+            .padding(.top, 12)
+            .padding(.bottom, 10)
+
+            Divider()
+                .overlay(SybilTheme.border)
+
+            if let errorMessage = viewModel.errorMessage {
+                Text(errorMessage)
+                    .font(.footnote)
+                    .foregroundStyle(SybilTheme.danger)
+                    .frame(maxWidth: .infinity, alignment: .leading)
+                    .padding(.horizontal, 12)
+                    .padding(.vertical, 10)
+
+                Divider()
+                    .overlay(SybilTheme.border)
+            }
+
+            if viewModel.isLoadingCollections && viewModel.sidebarItems.isEmpty {
+                VStack(alignment: .leading, spacing: 8) {
+                    ProgressView()
+                        .tint(SybilTheme.primary)
+                    Text("Loading conversations…")
+                        .font(.footnote)
+                        .foregroundStyle(SybilTheme.textMuted)
+                }
+                .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)
+                .padding(16)
+            } else if viewModel.sidebarItems.isEmpty {
+                VStack(spacing: 10) {
+                    Image(systemName: "message.badge")
+                        .font(.title3)
+                        .foregroundStyle(SybilTheme.textMuted)
+                    Text("Start a chat or run your first search.")
+                        .font(.footnote)
+                        .multilineTextAlignment(.center)
+                        .foregroundStyle(SybilTheme.textMuted)
+                }
+                .frame(maxWidth: .infinity, maxHeight: .infinity)
+                .padding(16)
+            } else {
+                ScrollView {
+                    LazyVStack(alignment: .leading, spacing: 8) {
+                        ForEach(viewModel.sidebarItems) { item in
+                            Button {
+                                viewModel.select(item.selection)
+                            } label: {
+                                VStack(alignment: .leading, spacing: 6) {
+                                    HStack(spacing: 8) {
+                                        Image(systemName: iconName(for: item))
+                                            .font(.caption.weight(.semibold))
+
+                                        Text(item.title)
+                                            .font(.subheadline.weight(.medium))
+                                            .lineLimit(1)
+                                    }
+
+                                    HStack(spacing: 8) {
+                                        Text(item.updatedAt.sybilRelativeLabel)
+                                            .font(.caption2)
+                                            .foregroundStyle(SybilTheme.textMuted)
+
+                                        if let initiated = item.initiatedLabel {
+                                            Spacer(minLength: 0)
+                                            Text(initiated)
+                                                .font(.caption2)
+                                                .foregroundStyle(SybilTheme.textMuted.opacity(0.88))
+                                                .lineLimit(1)
+                                        }
+                                    }
+                                }
+                                .foregroundStyle(SybilTheme.text)
+                                .padding(.horizontal, 12)
+                                .padding(.vertical, 10)
+                                .frame(maxWidth: .infinity, alignment: .leading)
+                                .background(
+                                    RoundedRectangle(cornerRadius: 12)
+                                        .fill(isSelected(item) ? SybilTheme.primary.opacity(0.28) : SybilTheme.surface.opacity(0.4))
+                                )
+                                .overlay(
+                                    RoundedRectangle(cornerRadius: 12)
+                                        .stroke(isSelected(item) ? SybilTheme.primary.opacity(0.55) : SybilTheme.border.opacity(0.72), lineWidth: 1)
+                                )
+                            }
+                            .buttonStyle(.plain)
+                            .contextMenu {
+                                Button(role: .destructive) {
+                                    Task {
+                                        await viewModel.deleteItem(item.selection)
+                                    }
+                                } label: {
+                                    Label("Delete", systemImage: "trash")
+                                }
+                            }
+                        }
+                    }
+                    .padding(10)
+                }
+            }
+
+            Divider()
+                .overlay(SybilTheme.border)
+
+            Button {
+                viewModel.openSettings()
+            } label: {
+                Label("Settings", systemImage: "gearshape")
+                    .font(.subheadline.weight(.medium))
+                    .foregroundStyle(SybilTheme.text)
+                    .padding(.horizontal, 12)
+                    .padding(.vertical, 10)
+                    .frame(maxWidth: .infinity, alignment: .leading)
+                    .background(
+                        RoundedRectangle(cornerRadius: 12)
+                            .fill(viewModel.selectedItem == .settings ? SybilTheme.primary.opacity(0.28) : Color.clear)
+                    )
+            }
+            .buttonStyle(.plain)
+            .padding(10)
+        }
+        .background(SybilTheme.surfaceStrong.opacity(0.84))
+    }
+}