From 9652047e8e4f92647934bd7f005f653d9349f9d3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Tue, 2 Jun 2026 09:58:26 +0200
Subject: [PATCH] fix(medications): order the drug-level chart above the
 dose-strength curve
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Lift the GLP-1 drug-level estimate and the dose-strength (titration)
curve out of the default-closed disclosure on both the medication
detail and history pages so they are visible without a click. Render
the drug-level estimate first — it is the curve the medication concerns
— with the titration curve below it.
---
 src/app/medications/[id]/history/page.tsx | 39 +++++++++--------------
 src/app/medications/[id]/page.tsx         | 38 +++++++++-------------
 2 files changed, 30 insertions(+), 47 deletions(-)

diff --git a/src/app/medications/[id]/history/page.tsx b/src/app/medications/[id]/history/page.tsx
index e33edcab7..d934ad2e2 100644
--- a/src/app/medications/[id]/history/page.tsx
+++ b/src/app/medications/[id]/history/page.tsx
@@ -129,31 +129,22 @@ export default function IntakeHistoryPage({
         />
       )}
 
-      {/* O-2 — dose-strength (titration) curve + estimated
-          active-ingredient curve as a default-CLOSED disclosure for
-          GLP-1 medications. Genuine context, but opt-in so the intake
-          table stays the dominant surface. The dose-strength curve plots
-          the user's own logged dose-change history; the drug-level chart
-          gates further on Research Mode. */}
+      {/* Estimated drug-level curve (the modelled active-ingredient
+          level) + dose-strength (titration) curve for GLP-1 medications.
+          Visible by default — the drug-level estimate is the one the
+          medication concerns, so it leads; the dose-strength curve plots
+          the user's own logged dose-change history below it. */}
       {medication && isGlp1 && (
-        <details
-          className="border-border/60 rounded-md border"
-          data-slot="history-drug-level-disclosure"
-        >
-          <summary className="text-foreground flex min-h-11 cursor-pointer items-center px-3 text-sm font-medium select-none sm:min-h-9">
-            {t("medications.detail.history.drugLevelDisclosure")}
-          </summary>
-          <div className="border-border/60 space-y-6 border-t px-3 py-3">
-            <DoseStrengthCurve medicationId={id} />
-            <DrugLevelChart
-              medication={{
-                id: medication.id,
-                name: medication.name,
-                dose: medication.dose,
-              }}
-            />
-          </div>
-        </details>
+        <div className="space-y-6" data-slot="history-drug-level-section">
+          <DrugLevelChart
+            medication={{
+              id: medication.id,
+              name: medication.name,
+              dose: medication.dose,
+            }}
+          />
+          <DoseStrengthCurve medicationId={id} />
+        </div>
       )}
 
       {importOpen && (
diff --git a/src/app/medications/[id]/page.tsx b/src/app/medications/[id]/page.tsx
index 32de81d9e..12c41cc55 100644
--- a/src/app/medications/[id]/page.tsx
+++ b/src/app/medications/[id]/page.tsx
@@ -235,30 +235,22 @@ export default function MedicationDetailPage({
           (genuine history context). */}
       {isGlp1 && <SideEffectsSection medicationId={id} />}
 
-      {/* GLP-1 dose-strength (titration) curve + estimated drug-level
-          chart as a default-CLOSED disclosure — genuine history context,
-          opt-in so the intake table stays the dominant surface. The
-          dose-strength curve plots the user's own logged dose-change
-          history; the drug-level chart gates further on Research Mode. */}
+      {/* GLP-1 estimated drug-level curve (the modelled active-ingredient
+          level) + dose-strength (titration) curve. Visible by default for
+          GLP-1 medications — the drug-level estimate is the one the
+          medication concerns, so it leads; the dose-strength curve plots
+          the user's own logged dose-change history below it. */}
       {isGlp1 && (
-        <details
-          className="border-border/60 rounded-md border"
-          data-slot="detail-drug-level-disclosure"
-        >
-          <summary className="text-foreground flex min-h-11 cursor-pointer items-center px-3 text-sm font-medium select-none sm:min-h-9">
-            {t("medications.detail.history.drugLevelDisclosure")}
-          </summary>
-          <div className="border-border/60 space-y-6 border-t px-3 py-3">
-            <DoseStrengthCurve medicationId={id} />
-            <DrugLevelChart
-              medication={{
-                id: medication.id,
-                name: medication.name,
-                dose: medication.dose,
-              }}
-            />
-          </div>
-        </details>
+        <div className="space-y-6" data-slot="detail-drug-level-section">
+          <DrugLevelChart
+            medication={{
+              id: medication.id,
+              name: medication.name,
+              dose: medication.dose,
+            }}
+          />
+          <DoseStrengthCurve medicationId={id} />
+        </div>
       )}
     </div>
   );