From 08107fb669a29df4c5dade7601ac8e577a1b2fa2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Sat, 20 Jun 2026 11:49:39 +0200
Subject: [PATCH] fix(insights): pair sleep-debt and chronotype in one row

Wrap the sleep-debt headline and the chronotype section in a shared
grid on the Sleep view so they stack on narrow viewports and sit
side-by-side from the sm breakpoint up. Both already read the same
sleep-rhythm cache, so the pairing adds no extra fetch; each card keeps
its own internals.
---
 src/app/insights/sleep/page.tsx | 24 +++++++++---------------
 1 file changed, 9 insertions(+), 15 deletions(-)

diff --git a/src/app/insights/sleep/page.tsx b/src/app/insights/sleep/page.tsx
index f8e779af6..101b49d4d 100644
--- a/src/app/insights/sleep/page.tsx
+++ b/src/app/insights/sleep/page.tsx
@@ -117,13 +117,16 @@ export default function InsightsSchlafPage() {
       />
 
       {/*
-        v1.17.0 — sleep-debt headline. Server-authoritative (the same DTO iOS
-        renders), gated on the data-bearing branch so a source-less account
-        never fetches. v1.18.7 W-D — the chronotype moved out to the prominent
-        bottom block (`<ChronotypeSection>` below); this section is the
-        sleep-debt headline alone.
+        v1.17.0 — sleep-debt headline + v1.18.7 W-D chronotype, paired in one
+        shared row. Both read the same server-authoritative `["sleep-rhythm"]`
+        cache (one fetch), so the grid adds no round-trip. They stack on narrow
+        viewports and sit side-by-side from `sm` up; each card keeps its own
+        internals (the debt headline and the chronotype band treatment).
       */}
-      <SleepRhythmSection enabled={!isEmpty} />
+      <div className="grid gap-4 sm:grid-cols-2">
+        <SleepRhythmSection enabled={!isEmpty} />
+        <ChronotypeSection enabled={!isEmpty} />
+      </div>
 
       {/*
         v1.17.1 — "Sleep quality" block. Surfaces the WHOOP / Oura nightly
@@ -137,15 +140,6 @@ export default function InsightsSchlafPage() {
       <SleepQualitySection enabled={!isEmpty} />
 
       <MetricTargetSummary slug="sleep" />
-
-      {/*
-        v1.18.7 W-D — chronotype as the PROMINENT bottom treatment of the
-        Sleep view (maintainer directive): a large band label with the natural
-        sleep-midpoint clock beneath it and an expandable disclosure for social
-        jetlag + MSFsc. Reads the same `["sleep-rhythm"]` cache the debt section
-        warmed, so it adds no round-trip; gated on the data-bearing branch.
-      */}
-      <ChronotypeSection enabled={!isEmpty} />
     </SubPageShell>
   );
 }