From b401f28fef7cba69e820c5391cc56762577b9872 Mon Sep 17 00:00:00 2001
From: josh <josh@thewrightserver.net>
Date: Sat, 30 May 2026 19:16:24 -0400
Subject: [PATCH] fix: show outage duration in the chart label
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The outage marker now reads "#N · 1h 28m" instead of just "#N" so the
duration is visible at a glance without hovering. Positioned above the
band ("position: top") rather than inside it — when the label string is
wider than the band, Recharts' insideTop placement silently drops the
ReferenceArea rect; placing the label above sidesteps that.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 components/charts/WaitTimeTodayChart.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/charts/WaitTimeTodayChart.tsx b/components/charts/WaitTimeTodayChart.tsx
index 2818a5a..720493a 100644
--- a/components/charts/WaitTimeTodayChart.tsx
+++ b/components/charts/WaitTimeTodayChart.tsx
@@ -88,11 +88,12 @@ export default function WaitTimeTodayChart({ samples, hasFastLane }: Props) {
               strokeDasharray="3 3"
               ifOverflow="extendDomain"
               label={{
-                value: `#${o.n}`,
-                position: "insideTop",
+                value: `#${o.n} · ${formatOutageDuration(o.durationMin)}`,
+                position: "top",
                 fill: "#ff4d8d",
                 fontSize: 10,
                 fontWeight: 600,
+                offset: 4,
               }}
             />
           ))}