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
This commit is contained in:
2026-08-07 11:22:02 -04:00
parent d5ad21c3da
commit cfee4a4b41
29 changed files with 1491 additions and 101 deletions
+8 -4
View File
@@ -113,10 +113,14 @@ struct TrashLaneView: View {
/// light/dark flip recomputes the header's ink (`LaneView.colorScheme`'s twin, for its reason).
@Environment(\.colorScheme) private var colorScheme
/// The board's ruler (`BoardZoom`) the same one the live lanes read, since the trash column has
/// to stay their sibling at every zoom level as well as at every text size.
@Environment(\.boardZoom) private var zoom
/// The live body metric this column's geometry is `LaneView`'s, derived from the same font
/// (`BoardMetrics`), because these are the same cards in a column that must read as their
/// sibling.
private var pointSize: CGFloat { BoardMetrics.bodyPointSize }
private var pointSize: CGFloat { zoom.bodyPointSize }
/// The lane plate's corner radius matched to `LaneView`'s so the column reads as a sibling of
/// the lanes rather than as a different kind of object.
@@ -235,7 +239,7 @@ struct TrashLaneView: View {
.foregroundStyle(.secondary)
.imageScale(.medium)
Text("Trash")
.font(.headline)
.boardFont(.headline)
.foregroundStyle(.secondary)
.lineLimit(1)
.truncationMode(.tail)
@@ -292,7 +296,7 @@ struct TrashLaneView: View {
/// the difference between a card and a lane's freight actually matters.
private var countBadge: some View {
Text("\(renderedRows.count)")
.font(.caption)
.boardFont(.caption)
.monospacedDigit()
.foregroundStyle(.secondary)
.padding(.horizontal, BoardMetrics.badgeHorizontalPadding(bodyPointSize: pointSize))
@@ -360,7 +364,7 @@ struct TrashLaneView: View {
// being proposed have no face here yet to be measured.
DragShadow(cornerRadius: BoardMetrics.cardCornerRadius(bodyPointSize: pointSize))
.frame(maxWidth: .infinity)
.frame(height: LaneDropRegistry.nominalCardHeight)
.frame(height: drops.registry.nominalCardHeight)
}
}
// A slot is a row in this column, so it arrives and leaves in the card's dialect