agentvault 1.0.1 → 1.0.2

package/macos-wallet-app/AgentVaultWallet/Views/Wallet/WalletDetailView.swift

@@ -0,0 +1,281 @@
+import SwiftUI
+
+/// Detailed view for a single wallet
+struct WalletDetailView: View {
+    let wallet: Wallet
+    @EnvironmentObject var walletStore: WalletStore
+    @EnvironmentObject var appState: AppState
+    @State private var isEditingName = false
+    @State private var editedName: String = ""
+    @State private var showDeleteConfirmation = false
+    @State private var isRefreshing = false
+
+    var body: some View {
+        ScrollView {
+            VStack(spacing: 24) {
+                // Header card
+                walletHeader
+
+                // Address section
+                addressSection
+
+                // Balance section
+                balanceSection
+
+                // Details section
+                detailsSection
+
+                // Actions section
+                actionsSection
+            }
+            .padding(24)
+        }
+        .navigationTitle(wallet.name)
+        .confirmationDialog("Delete Wallet", isPresented: $showDeleteConfirmation) {
+            Button("Delete \"\(wallet.name)\"", role: .destructive) {
+                walletStore.deleteWallet(wallet)
+                appState.selectedDestination = .walletList
+            }
+        } message: {
+            Text("This will permanently delete the wallet and remove its keys from your Keychain. Make sure you have a backup of your recovery phrase.")
+        }
+    }
+
+    private var walletHeader: some View {
+        HStack(spacing: 20) {
+            // Chain badge
+            ZStack {
+                RoundedRectangle(cornerRadius: 16)
+                    .fill(
+                        LinearGradient(colors: wallet.chain.gradientColors,
+                                       startPoint: .topLeading, endPoint: .bottomTrailing)
+                    )
+                    .frame(width: 64, height: 64)
+
+                Image(systemName: wallet.chain.iconName)
+                    .font(.system(size: 28))
+                    .foregroundStyle(.white)
+            }
+
+            VStack(alignment: .leading, spacing: 6) {
+                if isEditingName {
+                    HStack {
+                        TextField("Wallet name", text: $editedName)
+                            .textFieldStyle(.roundedBorder)
+                            .onSubmit {
+                                walletStore.renameWallet(wallet, to: editedName)
+                                isEditingName = false
+                            }
+                        Button("Save") {
+                            walletStore.renameWallet(wallet, to: editedName)
+                            isEditingName = false
+                        }
+                        .buttonStyle(.bordered)
+                        .controlSize(.small)
+                    }
+                } else {
+                    HStack {
+                        Text(wallet.name)
+                            .font(.title2.bold())
+
+                        Button {
+                            editedName = wallet.name
+                            isEditingName = true
+                        } label: {
+                            Image(systemName: "pencil")
+                                .font(.caption)
+                        }
+                        .buttonStyle(.plain)
+                        .foregroundStyle(.secondary)
+                    }
+                }
+
+                HStack(spacing: 8) {
+                    Text(wallet.chain.displayName)
+                        .font(.subheadline)
+                        .foregroundStyle(.secondary)
+
+                    if wallet.isImported {
+                        Text("IMPORTED")
+                            .font(.caption2.bold())
+                            .foregroundStyle(.secondary)
+                            .padding(.horizontal, 6)
+                            .padding(.vertical, 2)
+                            .background(.secondary.opacity(0.15), in: Capsule())
+                    }
+                }
+            }
+
+            Spacer()
+        }
+        .padding(20)
+        .background(.quaternary.opacity(0.5), in: RoundedRectangle(cornerRadius: 16))
+    }
+
+    private var addressSection: some View {
+        VStack(alignment: .leading, spacing: 12) {
+            Text("Address")
+                .font(.headline)
+
+            HStack {
+                Text(wallet.address)
+                    .font(.system(.body, design: .monospaced))
+                    .lineLimit(2)
+                    .textSelection(.enabled)
+
+                Spacer()
+
+                VStack(spacing: 6) {
+                    Button {
+                        NSPasteboard.general.clearContents()
+                        NSPasteboard.general.setString(wallet.address, forType: .string)
+                    } label: {
+                        Image(systemName: "doc.on.doc")
+                    }
+                    .buttonStyle(.bordered)
+                    .controlSize(.small)
+                    .help("Copy address to clipboard")
+
+                    if let url = wallet.explorerURL {
+                        Button {
+                            NSWorkspace.shared.open(url)
+                        } label: {
+                            Image(systemName: "arrow.up.right.square")
+                        }
+                        .buttonStyle(.bordered)
+                        .controlSize(.small)
+                        .help("View on block explorer")
+                    }
+                }
+            }
+            .padding(16)
+            .background(.background, in: RoundedRectangle(cornerRadius: 12))
+            .overlay(RoundedRectangle(cornerRadius: 12).stroke(.secondary.opacity(0.15)))
+        }
+    }
+
+    private var balanceSection: some View {
+        VStack(alignment: .leading, spacing: 12) {
+            HStack {
+                Text("Balance")
+                    .font(.headline)
+
+                Spacer()
+
+                Button {
+                    isRefreshing = true
+                    Task {
+                        await walletStore.refreshBalance(for: wallet)
+                        isRefreshing = false
+                    }
+                } label: {
+                    Label("Refresh", systemImage: "arrow.clockwise")
+                }
+                .buttonStyle(.bordered)
+                .controlSize(.small)
+                .disabled(isRefreshing)
+            }
+
+            HStack(alignment: .firstTextBaseline) {
+                if isRefreshing {
+                    ProgressView()
+                        .controlSize(.small)
+                } else {
+                    Text(wallet.cachedBalance ?? "—")
+                        .font(.system(size: 36, weight: .semibold, design: .rounded).monospacedDigit())
+                }
+
+                Text(wallet.chain.symbol)
+                    .font(.title2)
+                    .foregroundStyle(.secondary)
+
+                Spacer()
+
+                if let updated = wallet.balanceLastUpdated {
+                    Text("Updated \(updated, style: .relative) ago")
+                        .font(.caption)
+                        .foregroundStyle(.tertiary)
+                }
+            }
+            .padding(16)
+            .background(.background, in: RoundedRectangle(cornerRadius: 12))
+            .overlay(RoundedRectangle(cornerRadius: 12).stroke(.secondary.opacity(0.15)))
+        }
+    }
+
+    private var detailsSection: some View {
+        VStack(alignment: .leading, spacing: 12) {
+            Text("Details")
+                .font(.headline)
+
+            VStack(spacing: 0) {
+                DetailRow(label: "Network", value: wallet.chain.displayName)
+                Divider().padding(.leading, 16)
+                DetailRow(label: "Symbol", value: wallet.chain.symbol)
+                Divider().padding(.leading, 16)
+                if !wallet.derivationPath.isEmpty {
+                    DetailRow(label: "Derivation Path", value: wallet.derivationPath)
+                    Divider().padding(.leading, 16)
+                }
+                DetailRow(label: "Created", value: wallet.createdAt.formatted(date: .long, time: .shortened))
+                Divider().padding(.leading, 16)
+                DetailRow(label: "Recovery Phrase", value: wallet.hasMnemonicBackup ? "Backed up" : "Not available")
+            }
+            .background(.background, in: RoundedRectangle(cornerRadius: 12))
+            .overlay(RoundedRectangle(cornerRadius: 12).stroke(.secondary.opacity(0.15)))
+        }
+    }
+
+    private var actionsSection: some View {
+        VStack(alignment: .leading, spacing: 12) {
+            Text("Actions")
+                .font(.headline)
+
+            HStack(spacing: 12) {
+                if walletStore.hasMnemonic(for: wallet) {
+                    Button {
+                        appState.activeSheet = .mnemonicReveal(wallet.id)
+                    } label: {
+                        Label("Reveal Recovery Phrase", systemImage: "eye")
+                            .frame(maxWidth: .infinity)
+                    }
+                    .buttonStyle(.bordered)
+                }
+
+                Button {
+                    appState.activeSheet = .backup
+                } label: {
+                    Label("Backup", systemImage: "arrow.down.doc")
+                        .frame(maxWidth: .infinity)
+                }
+                .buttonStyle(.bordered)
+            }
+
+            Button(role: .destructive) {
+                showDeleteConfirmation = true
+            } label: {
+                Label("Delete Wallet", systemImage: "trash")
+                    .frame(maxWidth: .infinity)
+            }
+            .buttonStyle(.bordered)
+            .tint(.red)
+        }
+    }
+}
+
+struct DetailRow: View {
+    let label: String
+    let value: String
+
+    var body: some View {
+        HStack {
+            Text(label)
+                .foregroundStyle(.secondary)
+            Spacer()
+            Text(value)
+                .font(.callout)
+        }
+        .padding(.horizontal, 16)
+        .padding(.vertical, 10)
+    }
+}

package/macos-wallet-app/AgentVaultWallet/Views/Wallet/WalletListView.swift

@@ -0,0 +1,280 @@
+import SwiftUI
+
+/// Shows all wallets grouped by chain with search and filtering
+struct WalletListView: View {
+    @EnvironmentObject var walletStore: WalletStore
+    @EnvironmentObject var appState: AppState
+    @State private var searchText = ""
+    @State private var filterChain: Chain?
+    @State private var sortOrder: WalletSortOrder = .name
+    @State private var showDeleteConfirmation: Wallet?
+
+    private var filteredWallets: [Wallet] {
+        var results = walletStore.wallets
+
+        // Filter by chain
+        if let chain = filterChain {
+            results = results.filter { $0.chain == chain }
+        }
+
+        // Filter by search text
+        if !searchText.isEmpty {
+            results = results.filter {
+                $0.name.localizedCaseInsensitiveContains(searchText) ||
+                $0.address.localizedCaseInsensitiveContains(searchText) ||
+                $0.chain.displayName.localizedCaseInsensitiveContains(searchText)
+            }
+        }
+
+        // Sort
+        switch sortOrder {
+        case .name:
+            results.sort { $0.name.localizedCompare($1.name) == .orderedAscending }
+        case .chain:
+            results.sort { $0.chain.rawValue < $1.chain.rawValue }
+        case .created:
+            results.sort { $0.createdAt > $1.createdAt }
+        }
+
+        return results
+    }
+
+    var body: some View {
+        VStack(spacing: 0) {
+            // Toolbar
+            toolbar
+
+            if walletStore.wallets.isEmpty {
+                emptyState
+            } else if filteredWallets.isEmpty {
+                noResultsState
+            } else {
+                ScrollView {
+                    LazyVStack(spacing: 12) {
+                        ForEach(filteredWallets) { wallet in
+                            WalletRowView(wallet: wallet)
+                                .onTapGesture {
+                                    appState.selectedDestination = .walletDetail(wallet.id)
+                                }
+                                .contextMenu {
+                                    walletContextMenu(wallet)
+                                }
+                        }
+                    }
+                    .padding(20)
+                }
+            }
+        }
+        .navigationTitle("All Wallets")
+        .confirmationDialog(
+            "Delete Wallet",
+            isPresented: Binding(
+                get: { showDeleteConfirmation != nil },
+                set: { if !$0 { showDeleteConfirmation = nil } }
+            ),
+            presenting: showDeleteConfirmation
+        ) { wallet in
+            Button("Delete \"\(wallet.name)\"", role: .destructive) {
+                walletStore.deleteWallet(wallet)
+            }
+        } message: { wallet in
+            Text("This will permanently delete the wallet and its keys from your Keychain. This cannot be undone unless you have a backup.")
+        }
+    }
+
+    private var toolbar: some View {
+        HStack(spacing: 12) {
+            // Search
+            HStack {
+                Image(systemName: "magnifyingglass")
+                    .foregroundStyle(.secondary)
+                TextField("Search wallets...", text: $searchText)
+                    .textFieldStyle(.plain)
+                if !searchText.isEmpty {
+                    Button { searchText = "" } label: {
+                        Image(systemName: "xmark.circle.fill")
+                            .foregroundStyle(.secondary)
+                    }
+                    .buttonStyle(.plain)
+                }
+            }
+            .padding(8)
+            .background(.quaternary, in: RoundedRectangle(cornerRadius: 8))
+
+            // Chain filter
+            Picker("Network", selection: $filterChain) {
+                Text("All Networks").tag(Chain?.none)
+                Divider()
+                ForEach(Chain.allCases) { chain in
+                    Label(chain.displayName, systemImage: chain.iconName)
+                        .tag(Chain?.some(chain))
+                }
+            }
+            .frame(width: 160)
+
+            // Sort
+            Picker("Sort", selection: $sortOrder) {
+                ForEach(WalletSortOrder.allCases) { order in
+                    Text(order.label).tag(order)
+                }
+            }
+            .frame(width: 120)
+
+            Spacer()
+
+            // Refresh all balances
+            Button {
+                Task { await walletStore.refreshAllBalances() }
+            } label: {
+                Image(systemName: "arrow.clockwise")
+            }
+            .buttonStyle(.bordered)
+            .controlSize(.small)
+            .disabled(walletStore.isLoading)
+        }
+        .padding(.horizontal, 20)
+        .padding(.vertical, 12)
+        .background(.bar)
+    }
+
+    private var emptyState: some View {
+        ContentUnavailableView {
+            Label("No Wallets Yet", systemImage: "wallet.pass")
+        } description: {
+            Text("Create or import a wallet to get started.")
+        } actions: {
+            HStack(spacing: 12) {
+                Button("Create Wallet") {
+                    appState.activeSheet = .createWallet
+                }
+                .buttonStyle(.borderedProminent)
+
+                Button("Import Wallet") {
+                    appState.activeSheet = .importWallet
+                }
+                .buttonStyle(.bordered)
+            }
+        }
+    }
+
+    private var noResultsState: some View {
+        ContentUnavailableView.search(text: searchText)
+    }
+
+    @ViewBuilder
+    private func walletContextMenu(_ wallet: Wallet) -> some View {
+        Button("Copy Address") {
+            NSPasteboard.general.clearContents()
+            NSPasteboard.general.setString(wallet.address, forType: .string)
+        }
+
+        if let url = wallet.explorerURL {
+            Button("View on Explorer") {
+                NSWorkspace.shared.open(url)
+            }
+        }
+
+        if walletStore.hasMnemonic(for: wallet) {
+            Button("Reveal Recovery Phrase") {
+                appState.activeSheet = .mnemonicReveal(wallet.id)
+            }
+        }
+
+        Divider()
+
+        Button("Refresh Balance") {
+            Task { await walletStore.refreshBalance(for: wallet) }
+        }
+
+        Divider()
+
+        Button("Delete Wallet", role: .destructive) {
+            showDeleteConfirmation = wallet
+        }
+    }
+}
+
+/// Wallet card row for the list view
+struct WalletRowView: View {
+    let wallet: Wallet
+    @EnvironmentObject var walletStore: WalletStore
+
+    var body: some View {
+        HStack(spacing: 16) {
+            // Chain icon
+            ZStack {
+                RoundedRectangle(cornerRadius: 12)
+                    .fill(
+                        LinearGradient(colors: wallet.chain.gradientColors,
+                                       startPoint: .topLeading, endPoint: .bottomTrailing)
+                    )
+                    .frame(width: 44, height: 44)
+
+                Image(systemName: wallet.chain.iconName)
+                    .font(.title3)
+                    .foregroundStyle(.white)
+            }
+
+            // Wallet info
+            VStack(alignment: .leading, spacing: 4) {
+                HStack {
+                    Text(wallet.name)
+                        .font(.headline)
+
+                    if wallet.isImported {
+                        Text("IMPORTED")
+                            .font(.caption2.bold())
+                            .foregroundStyle(.secondary)
+                            .padding(.horizontal, 6)
+                            .padding(.vertical, 2)
+                            .background(.secondary.opacity(0.15), in: Capsule())
+                    }
+                }
+
+                Text(wallet.shortAddress)
+                    .font(.system(.caption, design: .monospaced))
+                    .foregroundStyle(.secondary)
+            }
+
+            Spacer()
+
+            // Balance
+            VStack(alignment: .trailing, spacing: 4) {
+                Text(wallet.displayBalance)
+                    .font(.headline.monospacedDigit())
+
+                if let updated = wallet.balanceLastUpdated {
+                    Text(updated, style: .relative)
+                        .font(.caption2)
+                        .foregroundStyle(.tertiary)
+                }
+            }
+
+            // Arrow
+            Image(systemName: "chevron.right")
+                .font(.caption)
+                .foregroundStyle(.tertiary)
+        }
+        .padding(16)
+        .background(.background, in: RoundedRectangle(cornerRadius: 12))
+        .overlay(
+            RoundedRectangle(cornerRadius: 12)
+                .stroke(Color.secondary.opacity(0.1))
+        )
+        .shadow(color: .black.opacity(0.03), radius: 4, y: 2)
+    }
+}
+
+enum WalletSortOrder: String, CaseIterable, Identifiable {
+    case name, chain, created
+
+    var id: String { rawValue }
+
+    var label: String {
+        switch self {
+        case .name: return "Name"
+        case .chain: return "Network"
+        case .created: return "Date Created"
+        }
+    }
+}