Feature Request: Separate graphs in Live View for large screens

[hessius]

Description

Currently, the Live View utilizes a single combined graph for all metrics. While space-efficient on mobile, this causes overlapping lines that can be hard to read. On larger screens, we have the real estate to visualize the data more effectively.

Proposed Solution

Provide an option in the Live View to separate the metrics into their own individual graphs instead of combining them.

• Layout constraints: The separated graphs must dynamically scale their height so that all of them fit within the viewport simultaneously, eliminating the need to scroll vertically to view different metrics.
• This toggle/view should ideally be responsive, targeting larger displays (desktops, tablets, etc.).

[hessius]

Implemented on version/3.0.0 ✅

Opt-in Combined / Separated graph toggle shipped across all three chart-bearing views.

What landed (9 commits, TDD):

• lib/chartLayout.ts — persisted combined | separated preference (STORAGE_KEYS.CHART_LAYOUT).
• useChartLayout hook — resolves effective layout (combined | stack | grid) from preference + viewport via matchMedia. Below lg (1024px) always combined; separated + xl (1280px) → 2-col grid, else stacked.
• MetricPanels — small-multiples renderer; one Recharts panel per metric, synced crosshair (syncId), omits any metric whose series is entirely absent.
• Brew-head temperature now threaded into live chart points (new emerald series/panel).
• Wired into Live View, historical single-shot (ReplayChart) and comparison (CompareChart A/B) views, with a shared ChartLayoutToggle.
• i18n charts.layout.* + charts.metric.* across all 6 locales.

Validation: full suite 1193 passed / 2 skipped (10 new tests), eslint . 0 errors, capacitor build clean.

Judgment calls to flag

1. Theme API — plan assumed a useChartTheme hook; the repo uses getChartTheme(isDark) + next-themes. Reused that, no new theming path.
2. Target curves — wired dashed target guides for pressure/flow in the Live separated view (weight/temperature have no target). History/comparison separated panels don't draw target overlays yet (they remain in the combined view).
3. Replay/scrub — the separated toggle is hidden and falls back to combined while actively replaying/scrubbing, because MetricPanels has no scrub reference line. Static analysis is the intended use of the separated view.
4. Temperature availability — only live shots carry brew-head temperature; historical/comparison data generally lack it, so that panel is gracefully omitted there.

Open items (post-merge tuning)

• Fine-tune the separated container height budget so 4 stacked panels fit without scroll on typical lg heights.
• Confirm target-curve overlays are desired in the separated history/comparison panels (currently combined-only).