The board learns to zoom — eight rungs on one ruler, and Actual Size is the untouched board

View ▸ Zoom In / Zoom Out / Actual Size (⌘+ / ⌘− / ⌘0): 75%–200% in eight
rungs, app-wide and persisted (the Show Comments precedent) — a viewing
comfort, not a property of any one board. The level travels as
BoardZoomContext in the environment, injected on BoardView alone so the
banner strip, search bar, sheets and popovers stay at the system size; the
environment is also what carries it through CardFaceView's equality gate,
which compares nothing that moves with the level. Every BoardMetrics figure
follows zoom.bodyPointSize — card and lane chrome, drag replicas and the
count badge, the resize handle, the trash column — and the drop registry
carries the ruler for event-time reads, with the autoscroller's three
reaches turning font-derived (reachSide named as the stripGap it always
equalled). Lanes still divide the window; zoom never moves the window or
its floor. The toolbar gains a catalog-only Zoom In/Out pair mirroring the
menu rows' predicate; zoom holds shut mid-drag (frozen geometry), each rung
announces itself to VoiceOver, and the render suite pins both invariants:
a rung repaints every face, a no-op Actual Size repaints nothing.

Claude-Session: https://claude.ai/code/session_014PtZdPwqZuqEDLc6wZMtEy

Kanban/UI/Board/TrashLaneRowView.swift

@@ -60,7 +60,11 @@ struct TrashLaneRowView: View {
     /// selected card wear the same ring at the same strength.
     @Environment(\.colorSchemeContrast) private var contrast
 
-    private var pointSize: CGFloat { BoardMetrics.bodyPointSize }
+    /// The board's ruler (`BoardZoom`) — `CardFaceView`'s rule again, so a trash row and a card face
+    /// are drawn on one scale.
+    @Environment(\.boardZoom) private var zoom
+
+    private var pointSize: CGFloat { zoom.bodyPointSize }
 
     /// The card plate's radius: the rows sit in one column and a row with a different corner would
     /// read as a different *kind of surface* rather than as a different kind of row. What
@@ -95,7 +99,7 @@ struct TrashLaneRowView: View {
                 .foregroundStyle(.secondary)
                 .imageScale(.medium)
             Text(lane.title.value ?? AccessibilityPhrases.untitled)
-                .font(.body)
+                .boardFont(.body)
                 .foregroundStyle(.secondary)
                 .lineLimit(1)
                 .truncationMode(.tail)
@@ -159,7 +163,7 @@ struct TrashLaneRowView: View {
     /// furniture, and this row is deliberately not one.
     private var heldCount: some View {
         Text(AccessibilityPhrases.cardCount(lane.heldCards))
-            .font(.caption)
+            .boardFont(.caption)
             .monospacedDigit()
             .foregroundStyle(.tertiary)
             // Folded into the flattened element's label above, like the card face's chips.
@@ -264,12 +268,12 @@ struct TrashLaneRowView: View {
                 .foregroundStyle(.secondary)
                 .imageScale(.medium)
             Text(lane.title.value ?? AccessibilityPhrases.untitled)
-                .font(.body)
+                .boardFont(.body)
                 .foregroundStyle(.secondary)
                 .lineLimit(1)
                 .frame(maxWidth: .infinity, alignment: .leading)
             Text(AccessibilityPhrases.cardCount(lane.heldCards))
-                .font(.caption)
+                .boardFont(.caption)
                 .monospacedDigit()
                 .foregroundStyle(.tertiary)
         }
@@ -279,7 +283,7 @@ struct TrashLaneRowView: View {
             alignment: .leading
         )
         .background(RoundedRectangle(cornerRadius: cornerRadius).fill(.background.tertiary))
-        .dragReplicaShadow()
+        .dragReplicaShadow(zoom: zoom)
     }
 
     // MARK: - The row's two rows of menu