Renders the design's eight-cell "summary grid" at the top of the
Session Overview tab — Max Speed, Peak HP, Peak Torque, Max Boost
(those four highlighted as "peak" tiles in amber), Max Coolant,
Avg MPG, Distance, and 0-60 time.
Values come pre-aggregated from summarize(session); this component
is presentation-only. Missing 0-60 (driver never reached 60 mph in
the session) falls back to an em-dash placeholder. Speed / boost /
coolant / distance swap to metric units when the preferences slice
is set to metric.
Layout is responsive — four cells per row on wide screens, two on
mid widths, single column under the breakpoint. Driven by Mantine's
SimpleGrid rather than CSS modules so the breakpoints stay aligned
with the surrounding Mantine theme.
Renders the design's eight-cell "summary grid" at the top of the Session Overview tab — Max Speed, Peak HP, Peak Torque, Max Boost (those four highlighted as "peak" tiles in amber), Max Coolant, Avg MPG, Distance, and 0-60 time.
Values come pre-aggregated from
summarize(session); this component is presentation-only. Missing 0-60 (driver never reached 60 mph in the session) falls back to an em-dash placeholder. Speed / boost / coolant / distance swap to metric units when the preferences slice is set tometric.Layout is responsive — four cells per row on wide screens, two on mid widths, single column under the breakpoint. Driven by Mantine's
SimpleGridrather than CSS modules so the breakpoints stay aligned with the surrounding Mantine theme.