From 60c5db8f60eac961b5fae3aec175861238e57976 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Fri, 5 Jun 2026 13:48:40 +0200
Subject: [PATCH] feat(insights): combine the blood-pressure stat strips into
 one card

Render systolic and diastolic as side-by-side columns in a single strip
card rather than two stacked cards, reclaiming the vertical space the
operator flagged. Each column keeps its header and its four stats, and the
single chart's brushed window still updates both columns independently.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/app/insights/blood-pressure/page.tsx | 47 +++++++++++++++---------
 1 file changed, 29 insertions(+), 18 deletions(-)

diff --git a/src/app/insights/blood-pressure/page.tsx b/src/app/insights/blood-pressure/page.tsx
index cd3a5d339..7b0b87828 100644
--- a/src/app/insights/blood-pressure/page.tsx
+++ b/src/app/insights/blood-pressure/page.tsx
@@ -112,24 +112,35 @@ export default function InsightsBlutdruckPage() {
       explainerMetric="bloodPressure"
       coachLaunch
       statStrip={
-        <div className="space-y-3" data-slot="bp-stat-strips">
-          <MetricStatStrip
-            summary={sysSummary}
-            unit="mmHg"
-            fractionDigits={0}
-            seriesLabel={t("charts.systolic")}
-            icon={ArrowUpRight}
-            windowStats={statsByType?.BLOOD_PRESSURE_SYS ?? null}
-          />
-          <MetricStatStrip
-            summary={diaSummary}
-            unit="mmHg"
-            fractionDigits={0}
-            seriesLabel={t("charts.diastolic")}
-            icon={ArrowDownRight}
-            windowStats={statsByType?.BLOOD_PRESSURE_DIA ?? null}
-          />
-        </div>
+        // v1.12.7 — blood pressure is two series, but they share ONE card
+        // with the systolic / diastolic columns side by side (stacking only
+        // on narrow mobile) rather than two stacked cards. Each column keeps
+        // its header, its four stats, and its own brushed-window behaviour:
+        // brushing the single chart reports per-type windowed stats and each
+        // column reads its own half.
+        <MetricStatStrip
+          groupLabel={t("insights.bloodPressureSectionTitle")}
+          series={[
+            {
+              dataKey: "sys",
+              summary: sysSummary,
+              unit: "mmHg",
+              fractionDigits: 0,
+              seriesLabel: t("charts.systolic"),
+              icon: ArrowUpRight,
+              windowStats: statsByType?.BLOOD_PRESSURE_SYS ?? null,
+            },
+            {
+              dataKey: "dia",
+              summary: diaSummary,
+              unit: "mmHg",
+              fractionDigits: 0,
+              seriesLabel: t("charts.diastolic"),
+              icon: ArrowDownRight,
+              windowStats: statsByType?.BLOOD_PRESSURE_DIA ?? null,
+            },
+          ]}
+        />
       }
       diversityNudge={
         <MeasurementDiversityNudge