From 3f33b302f97ebea86953df24186867854591699f Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Wed, 17 Dec 2025 22:44:39 +0000
Subject: [PATCH] midbucket date

---
 client/src/components/monitors/HistogramStatus.tsx | 14 ++++++++++++++
 client/src/pages/uptime/UptimeDetails.tsx          |  2 --
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/client/src/components/monitors/HistogramStatus.tsx b/client/src/components/monitors/HistogramStatus.tsx
index dc550be3d..ec131ad0e 100644
--- a/client/src/components/monitors/HistogramStatus.tsx
+++ b/client/src/components/monitors/HistogramStatus.tsx
@@ -88,6 +88,15 @@ export const HistogramStatus = ({
     };
     const avg = d?.avgResponseTime ?? 0;
     const titleText = t("common.charts.uptime.avgResponseTime");
+    const uiTimezone = useAppSelector((state: any) => state.ui.timezone);
+    const fmt = range === "30d" ? "MMM D, YYYY" : "ddd, MMM D, YYYY, h:mm A";
+    let dateLabel = "";
+    if (d?._id) {
+      const base = new Date(d._id as any);
+      const midBucket =
+        range === "30d" ? new Date(base.getTime() + 12 * 60 * 60 * 1000) : base;
+      dateLabel = formatDateWithTz(midBucket.toISOString(), fmt, uiTimezone);
+    }
     return (
       <Stack
         sx={{
@@ -98,6 +107,11 @@ export const HistogramStatus = ({
           borderRadius: 1,
         }}
       >
+        {dateLabel ? (
+          <Typography sx={{ color: "text.secondary" }} variant="caption">
+            {dateLabel}
+          </Typography>
+        ) : null}
         <Typography variant="caption">{titleText}</Typography>
         <Typography variant="body2">{Math.floor(avg)} ms</Typography>
       </Stack>
diff --git a/client/src/pages/uptime/UptimeDetails.tsx b/client/src/pages/uptime/UptimeDetails.tsx
index 1e74c4835..2d2d66a0e 100644
--- a/client/src/pages/uptime/UptimeDetails.tsx
+++ b/client/src/pages/uptime/UptimeDetails.tsx
@@ -40,8 +40,6 @@ const UptimeDetailsPage = () => {
     { refreshInterval: GLOBAL_REFRESH, keepPreviousData: true }
   );
 
-  // Up/Down derived from single response (server returns up/down/all in one payload)
-
   const {
     patch,
     loading: isPatching,