feat: trezor hardware support

Bitkit.xcodeproj/project.pbxproj

@@ -522,6 +522,10 @@
 					"@executable_path/../../Frameworks",
 				);
 				MARKETING_VERSION = 2.2.1;
+				OTHER_LDFLAGS = (
+					"-framework",
+					CoreBluetooth,
+				);
 				PRODUCT_BUNDLE_IDENTIFIER = to.bitkit.notification;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SDKROOT = iphoneos;
@@ -550,6 +554,10 @@
 					"@executable_path/../../Frameworks",
 				);
 				MARKETING_VERSION = 2.2.1;
+				OTHER_LDFLAGS = (
+					"-framework",
+					CoreBluetooth,
+				);
 				PRODUCT_BUNDLE_IDENTIFIER = to.bitkit.notification;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SDKROOT = iphoneos;
@@ -710,6 +718,10 @@
 				"LD_RUNPATH_SEARCH_PATHS[sdk=macosx*]" = "@executable_path/../Frameworks";
 				MACOSX_DEPLOYMENT_TARGET = 14.0;
 				MARKETING_VERSION = 2.2.1;
+				OTHER_LDFLAGS = (
+					"-framework",
+					CoreBluetooth,
+				);
 				PRODUCT_BUNDLE_IDENTIFIER = to.bitkit;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SDKROOT = auto;
@@ -754,6 +766,10 @@
 				"LD_RUNPATH_SEARCH_PATHS[sdk=macosx*]" = "@executable_path/../Frameworks";
 				MACOSX_DEPLOYMENT_TARGET = 14.0;
 				MARKETING_VERSION = 2.2.1;
+				OTHER_LDFLAGS = (
+					"-framework",
+					CoreBluetooth,
+				);
 				PRODUCT_BUNDLE_IDENTIFIER = to.bitkit;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SDKROOT = auto;

Bitkit/AppScene.swift

@@ -30,6 +30,7 @@ struct AppScene: View {
     @StateObject private var pubkyProfile = PubkyProfileManager()
     @StateObject private var contactsManager = ContactsManager()
     @State private var keyboardManager = KeyboardManager()
+    @State private var trezorViewModel = TrezorViewModel()
 
     @State private var hideSplash = false
     @State private var removeSplash = false
@@ -144,6 +145,7 @@ struct AppScene: View {
             .environmentObject(pubkyProfile)
             .environmentObject(contactsManager)
             .environment(keyboardManager)
+            .environment(trezorViewModel)
             .onChange(of: pubkyProfile.authState, initial: true) { _, authState in
                 if authState == .authenticated, let pk = pubkyProfile.publicKey {
                     Task { try? await contactsManager.loadContacts(for: pk) }

Bitkit/Components/Trezor/TrezorDeviceRow.swift

@@ -0,0 +1,212 @@
+import BitkitCore
+import SwiftUI
+
+/// Row displaying a discovered Trezor device
+struct TrezorDeviceRow: View {
+    let device: TrezorDeviceInfo
+    let isConnecting: Bool
+    let onConnect: () -> Void
+
+    var body: some View {
+        Button(action: {
+            if !isConnecting {
+                onConnect()
+            }
+        }) {
+            HStack(spacing: 16) {
+                // Device icon
+                Image(systemName: transportIcon)
+                    .font(.system(size: 24))
+                    .foregroundColor(.white)
+                    .frame(width: 48, height: 48)
+                    .background(Color.white.opacity(0.1))
+                    .clipShape(RoundedRectangle(cornerRadius: 12))
+
+                // Device info
+                VStack(alignment: .leading, spacing: 4) {
+                    Text(displayName)
+                        .font(.system(size: 16, weight: .semibold))
+                        .foregroundColor(.white)
+
+                    Text(transportLabel)
+                        .font(.system(size: 14))
+                        .foregroundColor(.white.opacity(0.6))
+                }
+
+                Spacer()
+
+                // Connect indicator or chevron
+                if isConnecting {
+                    ProgressView()
+                        .progressViewStyle(CircularProgressViewStyle(tint: .white))
+                } else {
+                    Text("Connect")
+                        .font(.system(size: 14, weight: .medium))
+                        .foregroundColor(.white)
+                        .padding(.horizontal, 16)
+                        .padding(.vertical, 8)
+                        .background(Color.white.opacity(0.15))
+                        .clipShape(Capsule())
+                }
+            }
+            .padding(16)
+            .background(Color.white.opacity(0.05))
+            .clipShape(RoundedRectangle(cornerRadius: 16))
+        }
+        .buttonStyle(.plain)
+        .disabled(isConnecting)
+    }
+
+    private var displayName: String {
+        if let label = device.label, !label.isEmpty {
+            return label
+        }
+        return modelName
+    }
+
+    private var modelName: String {
+        if let model = device.model {
+            return "Trezor \(model)"
+        }
+        return "Trezor"
+    }
+
+    private var transportIcon: String {
+        switch device.transportType {
+        case .bluetooth:
+            return "wave.3.right"
+        case .usb:
+            return "cable.connector"
+        }
+    }
+
+    private var transportLabel: String {
+        switch device.transportType {
+        case .bluetooth:
+            return "Bluetooth"
+        case .usb:
+            return "USB"
+        }
+    }
+}
+
+// MARK: - Known Device Row
+
+/// Row displaying a previously connected (known) Trezor device
+struct KnownDeviceRow: View {
+    let device: TrezorKnownDevice
+    let isConnecting: Bool
+    let onConnect: () -> Void
+    let onForget: () -> Void
+
+    var body: some View {
+        HStack(spacing: 16) {
+            // Tap area for connect
+            Button(action: {
+                if !isConnecting {
+                    onConnect()
+                }
+            }) {
+                HStack(spacing: 16) {
+                    // Device icon
+                    Image(systemName: device.transportType == "bluetooth" ? "wave.3.right" : "cable.connector")
+                        .font(.system(size: 24))
+                        .foregroundColor(.white)
+                        .frame(width: 48, height: 48)
+                        .background(Color.white.opacity(0.1))
+                        .clipShape(RoundedRectangle(cornerRadius: 12))
+
+                    // Device info
+                    VStack(alignment: .leading, spacing: 4) {
+                        Text(device.label ?? device.name)
+                            .font(.system(size: 16, weight: .semibold))
+                            .foregroundColor(.white)
+
+                        Text(device.lastConnectedAt.relativeDescription)
+                            .font(.system(size: 12))
+                            .foregroundColor(.white.opacity(0.4))
+                    }
+
+                    Spacer()
+
+                    if isConnecting {
+                        ProgressView()
+                            .progressViewStyle(CircularProgressViewStyle(tint: .white))
+                    }
+                }
+            }
+            .buttonStyle(.plain)
+            .disabled(isConnecting)
+
+            // Forget button
+            Button(action: onForget) {
+                Image(systemName: "trash")
+                    .font(.system(size: 14))
+                    .foregroundColor(.white.opacity(0.4))
+                    .padding(10)
+            }
+            .buttonStyle(.plain)
+        }
+        .padding(16)
+        .background(Color.white.opacity(0.05))
+        .clipShape(RoundedRectangle(cornerRadius: 16))
+    }
+}
+
+// MARK: - Date Helper
+
+extension Date {
+    private static let relativeDateFormatter: RelativeDateTimeFormatter = {
+        let formatter = RelativeDateTimeFormatter()
+        formatter.unitsStyle = .full
+        return formatter
+    }()
+
+    /// Returns a relative description like "2 minutes ago"
+    var relativeDescription: String {
+        Self.relativeDateFormatter.localizedString(for: self, relativeTo: Date())
+    }
+}
+
+// MARK: - Preview
+
+#if DEBUG
+    struct TrezorDeviceRow_Previews: PreviewProvider {
+        static var previews: some View {
+            ZStack {
+                Color.black.ignoresSafeArea()
+
+                VStack(spacing: 16) {
+                    TrezorDeviceRow(
+                        device: TrezorDeviceInfo(
+                            id: "ble:12345",
+                            transportType: .bluetooth,
+                            name: "Trezor Safe 5",
+                            path: "ble:12345",
+                            label: "My Trezor",
+                            model: "Safe 5",
+                            isBootloader: false
+                        ),
+                        isConnecting: false,
+                        onConnect: {}
+                    )
+
+                    TrezorDeviceRow(
+                        device: TrezorDeviceInfo(
+                            id: "usb:001",
+                            transportType: .usb,
+                            name: "Trezor Model T",
+                            path: "usb:001",
+                            label: nil,
+                            model: "Model T",
+                            isBootloader: false
+                        ),
+                        isConnecting: true,
+                        onConnect: {}
+                    )
+                }
+                .padding()
+            }
+        }
+    }
+#endif

Bitkit/Components/Trezor/TrezorExpandableSection.swift

@@ -0,0 +1,63 @@
+import SwiftUI
+
+/// Reusable expandable section for the Trezor dashboard.
+/// Provides a tappable header with animated expand/collapse of content.
+struct TrezorExpandableSection<Content: View>: View {
+    let title: String
+    let icon: String
+    let description: String
+    @Binding var isExpanded: Bool
+    @ViewBuilder let content: () -> Content
+
+    var body: some View {
+        VStack(spacing: 0) {
+            // Tappable header
+            Button(action: {
+                withAnimation(.easeInOut(duration: 0.25)) {
+                    isExpanded.toggle()
+                }
+            }) {
+                HStack(spacing: 16) {
+                    Image(systemName: icon)
+                        .font(.system(size: 20))
+                        .foregroundColor(.white)
+                        .frame(width: 40, height: 40)
+                        .background(Color.white.opacity(0.1))
+                        .clipShape(Circle())
+
+                    VStack(alignment: .leading, spacing: 2) {
+                        Text(title)
+                            .font(.system(size: 16, weight: .semibold))
+                            .foregroundColor(.white)
+
+                        Text(description)
+                            .font(.system(size: 12))
+                            .foregroundColor(.white.opacity(0.6))
+                    }
+
+                    Spacer()
+
+                    Image(systemName: "chevron.down")
+                        .font(.system(size: 14))
+                        .foregroundColor(.white.opacity(0.4))
+                        .rotationEffect(.degrees(isExpanded ? 0 : -90))
+                        .animation(.easeInOut(duration: 0.25), value: isExpanded)
+                }
+            }
+
+            // Expandable content
+            if isExpanded {
+                Divider()
+                    .background(Color.white.opacity(0.1))
+                    .padding(.top, 12)
+
+                content()
+                    .padding(.top, 12)
+                    .transition(.opacity)
+            }
+        }
+        .padding(16)
+        .background(Color.white.opacity(0.05))
+        .clipShape(RoundedRectangle(cornerRadius: 12))
+    }
+}