feat: OS widgets foundation + price widget

.gitignore

@@ -24,3 +24,4 @@ buildServer.json
 # AIs
 .ai/
 .claude/*.local*
+.claude/scheduled_tasks.lock

Bitkit/Assets.xcassets/icons/bitcoin.imageset/Contents.json

@@ -0,0 +1,12 @@
+{
+  "images" : [
+    {
+      "filename" : "bitcoin.pdf",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

Bitkit/Components/Widgets/BlocksWidget.swift

@@ -1,34 +1,16 @@
 import SwiftUI
 
-/// Options for configuring the BlocksWidget
-struct BlocksWidgetOptions: Codable, Equatable {
-    var height: Bool = true
-    var time: Bool = true
-    var date: Bool = true
-    var transactionCount: Bool = false
-    var size: Bool = false
-    var weight: Bool = false
-    var difficulty: Bool = false
-    var hash: Bool = false
-    var merkleRoot: Bool = false
-    var showSource: Bool = false
-}
+// MARK: - Widget
 
-/// A widget that displays Bitcoin block information
+/// In-app Bitcoin Blocks widget (v61). Renders the wide layout — used inside the home feed
+/// and the wide carousel page on the preview screen.
 struct BlocksWidget: View {
-    /// Configuration options for the widget
     var options: BlocksWidgetOptions = .init()
-
-    /// Flag indicating if the widget is in editing mode
     var isEditing: Bool = false
-
-    /// Callback to signal when editing should end
     var onEditingEnd: (() -> Void)?
 
-    /// View model for handling block data
     @StateObject private var viewModel = BlocksViewModel.shared
 
-    /// Initialize the widget
     init(
         options: BlocksWidgetOptions = BlocksWidgetOptions(),
         isEditing: Bool = false,
@@ -39,96 +21,96 @@ struct BlocksWidget: View {
         self.onEditingEnd = onEditingEnd
     }
 
-    /// Mapping of block data keys to display labels
-    private let blocksMapping: [String: String] = [
-        "height": "Block",
-        "time": "Time",
-        "date": "Date",
-        "transactionCount": "Transactions",
-        "size": "Size",
-        "weight": "Weight",
-        "difficulty": "Difficulty",
-        "hash": "Hash",
-        "merkleRoot": "Merkle Root",
-    ]
-
     var body: some View {
         BaseWidget(
             type: .blocks,
             isEditing: isEditing,
             onEditingEnd: onEditingEnd
         ) {
-            VStack(spacing: 0) {
-                if viewModel.isLoading {
-                    WidgetContentBuilder.loadingView()
-                } else if viewModel.error != nil {
-                    WidgetContentBuilder.errorView(t("widgets__blocks__error"))
-                } else if let data = viewModel.blockData {
-                    VStack(spacing: 0) {
-                        // Display block data rows based on options
-                        ForEach(getDisplayableData(data), id: \.key) { item in
-                            HStack(spacing: 0) {
-                                HStack {
-                                    BodySSBText(item.label, textColor: .textSecondary)
-                                        .lineLimit(1)
-                                }
-                                .frame(maxWidth: .infinity, alignment: .leading)
-
-                                HStack {
-                                    BodyMSBText(item.value)
-                                        .lineLimit(1)
-                                        .truncationMode(.middle)
-                                }
-                                .frame(maxWidth: .infinity, alignment: .trailing)
-                            }
-                            .frame(minHeight: 28)
-                        }
-
-                        if options.showSource {
-                            WidgetContentBuilder.sourceRow(source: "mempool.space")
-                        }
-                    }
-                }
-            }
+            content
         }
-        .onAppear {
+        .task {
             viewModel.startUpdates()
         }
     }
 
-    /// Get displayable data based on current options
-    private func getDisplayableData(_ data: BlockData) -> [(key: String, label: String, value: String)] {
-        var items: [(key: String, label: String, value: String)] = []
-
-        if options.height {
-            items.append((key: "height", label: blocksMapping["height"]!, value: data.height))
-        }
-        if options.time {
-            items.append((key: "time", label: blocksMapping["time"]!, value: data.time))
-        }
-        if options.date {
-            items.append((key: "date", label: blocksMapping["date"]!, value: data.date))
+    @ViewBuilder
+    private var content: some View {
+        if viewModel.isLoading && viewModel.blockData == nil {
+            WidgetContentBuilder.loadingView()
+        } else if viewModel.error != nil && viewModel.blockData == nil {
+            WidgetContentBuilder.errorView(t("widgets__blocks__error"))
+        } else if let data = viewModel.blockData {
+            BlocksWidgetWideContent(data: data, options: options)
         }
-        if options.transactionCount {
-            items.append((key: "transactionCount", label: blocksMapping["transactionCount"]!, value: data.transactionCount))
-        }
-        if options.size {
-            items.append((key: "size", label: blocksMapping["size"]!, value: data.size))
-        }
-        if options.weight {
-            items.append((key: "weight", label: blocksMapping["weight"]!, value: data.weight))
-        }
-        if options.difficulty {
-            items.append((key: "difficulty", label: blocksMapping["difficulty"]!, value: data.difficulty))
-        }
-        if options.hash {
-            items.append((key: "hash", label: blocksMapping["hash"]!, value: data.hash))
+    }
+}
+
+// MARK: - Wide layout (in-app + 343-wide carousel page + .systemMedium / .systemLarge OS widget)
+
+struct BlocksWidgetWideContent: View {
+    let data: CachedBlock
+    let options: BlocksWidgetOptions
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 12) {
+            ForEach(options.enabledFields, id: \.self) { field in
+                BlocksWidgetWideRow(field: field, value: field.value(from: data))
+            }
         }
-        if options.merkleRoot {
-            items.append((key: "merkleRoot", label: blocksMapping["merkleRoot"]!, value: data.merkleRoot))
+        .frame(maxWidth: .infinity, alignment: .leading)
+    }
+}
+
+private struct BlocksWidgetWideRow: View {
+    let field: BlocksWidgetField
+    let value: String
+
+    var body: some View {
+        HStack(alignment: .center, spacing: 8) {
+            Image(field.iconName)
+                .resizable()
+                .renderingMode(.template)
+                .foregroundColor(.brandAccent)
+                .frame(width: 20, height: 20)
+
+            BodyMText(field.label, textColor: .white80)
+                .lineLimit(1)
+                .frame(maxWidth: .infinity, alignment: .leading)
+
+            BodyMSBText(value)
+                .lineLimit(1)
+                .truncationMode(.middle)
         }
+    }
+}
+
+// MARK: - Compact layout (small carousel preview + 163×192 OS small widget)
 
-        return items
+struct BlocksWidgetCompactContent: View {
+    let data: CachedBlock
+    let options: BlocksWidgetOptions
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 16) {
+            ForEach(options.enabledFields, id: \.self) { field in
+                HStack(alignment: .center, spacing: 8) {
+                    Image(field.iconName)
+                        .resizable()
+                        .renderingMode(.template)
+                        .foregroundColor(.brandAccent)
+                        .frame(width: 20, height: 20)
+
+                    BodySSBText(field.value(from: data))
+                        .lineLimit(1)
+                        .truncationMode(.middle)
+                }
+            }
+        }
+        .padding(16)
+        .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)
+        .background(Color.gray6)
+        .cornerRadius(16)
     }
 }
 

Bitkit/Components/Widgets/FactsWidget.swift

@@ -1,45 +1,17 @@
 import SwiftUI
 
-/// Options for configuring the FactsWidget
-struct FactsWidgetOptions: Codable, Equatable {
-    var showSource: Bool = true
-}
-
 struct FactsWidget: View {
-    /// Configuration options for the widget
-    var options: FactsWidgetOptions = .init()
-
-    /// Flag indicating if the widget is in editing mode
     var isEditing: Bool = false
-
-    /// Callback to signal when editing should end
     var onEditingEnd: (() -> Void)?
 
-    /// View model for handling facts data
     @StateObject private var viewModel = FactsViewModel.shared
 
-    /// Initialize the widget
-    init(
-        options: FactsWidgetOptions = FactsWidgetOptions(),
-        isEditing: Bool = false,
-        onEditingEnd: (() -> Void)? = nil
-    ) {
-        self.options = options
-        self.isEditing = isEditing
-        self.onEditingEnd = onEditingEnd
-    }
-
-    /// Initialize with a custom view model (for previews)
     init(
-        viewModel: FactsViewModel,
-        options: FactsWidgetOptions = FactsWidgetOptions(),
         isEditing: Bool = false,
         onEditingEnd: (() -> Void)? = nil
     ) {
-        self.options = options
         self.isEditing = isEditing
         self.onEditingEnd = onEditingEnd
-        _viewModel = StateObject(wrappedValue: viewModel)
     }
 
     var body: some View {
@@ -48,30 +20,57 @@ struct FactsWidget: View {
             isEditing: isEditing,
             onEditingEnd: onEditingEnd
         ) {
-            VStack(spacing: 0) {
-                TitleText(viewModel.fact)
-                    .lineLimit(2)
-                    .frame(maxWidth: .infinity, alignment: .leading)
+            FactsWidgetWideContent(fact: viewModel.fact)
+        }
+    }
+}
 
-                if options.showSource {
-                    WidgetContentBuilder.sourceRow(source: "synonym.to")
-                }
-            }
+struct FactsWidgetWideContent: View {
+    let fact: String
+
+    var body: some View {
+        HStack(alignment: .top, spacing: 32) {
+            TitleText(fact)
+                .lineLimit(4)
+                .frame(maxWidth: .infinity, alignment: .leading)
+
+            BitcoinLogo()
         }
+        .frame(maxWidth: .infinity, alignment: .leading)
+    }
+}
+
+struct FactsWidgetCompactContent: View {
+    let fact: String
+
+    var body: some View {
+        BodyMSBText(fact)
+            .lineLimit(4)
+            .frame(maxWidth: .infinity, alignment: .leading)
+            .minimumScaleFactor(0.85)
+            .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)
+            .overlay(alignment: .bottomTrailing) {
+                BitcoinLogo()
+            }
+            .padding(16)
+            .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)
+            .background(Color.gray6)
+            .cornerRadius(16)
+    }
+}
+
+private struct BitcoinLogo: View {
+    var body: some View {
+        Image("bitcoin")
+            .resizable()
+            .frame(width: 32, height: 32)
     }
 }
 
 #Preview {
     VStack(spacing: 16) {
         FactsWidget()
-
-        FactsWidget(
-            options: FactsWidgetOptions(showSource: false)
-        )
-
-        FactsWidget(
-            isEditing: true
-        )
+        FactsWidget(isEditing: true)
     }
     .padding()
     .background(Color.black)