From 8e79631f86ab847960ff6a4e94befe7e51f74a60 Mon Sep 17 00:00:00 2001
From: Julius Volz <julius.volz@gmail.com>
Date: Wed, 5 Mar 2025 10:26:04 +0100
Subject: [PATCH 1/2] Invert graph legend series show/hide behavior

Also conditionally display instructions for "Cmd" vs. "Ctrl" depending on the user agent.

See https://github.com/prometheus/prometheus/issues/16162#issuecomment-2699315258

Signed-off-by: Julius Volz <julius.volz@gmail.com>
---
 web/ui/mantine-ui/src/pages/query/UPlotChart.tsx       | 4 +++-
 web/ui/mantine-ui/src/pages/query/uPlotChartHelpers.ts | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/ui/mantine-ui/src/pages/query/UPlotChart.tsx b/web/ui/mantine-ui/src/pages/query/UPlotChart.tsx
index befaaa783e..c796879e13 100644
--- a/web/ui/mantine-ui/src/pages/query/UPlotChart.tsx
+++ b/web/ui/mantine-ui/src/pages/query/UPlotChart.tsx
@@ -95,7 +95,9 @@ const UPlotChart: FC<UPlotChartProps> = ({
         className={classes.uplotChart}
       />
       <Text fz="xs" c="dimmed" ml={40} mt={-25} mb="lg">
-        Click: hide single series, Ctrl+click: show single series
+        Click: show single series,{" "}
+        {navigator.userAgent.includes("Mac") ? "Cmd" : "Ctrl"} + click: hide
+        single series
       </Text>
     </>
   );
diff --git a/web/ui/mantine-ui/src/pages/query/uPlotChartHelpers.ts b/web/ui/mantine-ui/src/pages/query/uPlotChartHelpers.ts
index 31055058b1..3249afd454 100644
--- a/web/ui/mantine-ui/src/pages/query/uPlotChartHelpers.ts
+++ b/web/ui/mantine-ui/src/pages/query/uPlotChartHelpers.ts
@@ -313,6 +313,7 @@ export const getUPlotOptions = (
   legend: {
     show: true,
     live: false,
+    isolate: true,
     markers: {
       fill: (
         _u: uPlot,

From 7a2be114366cf02650d71dcc0fb0c2ad850d88c4 Mon Sep 17 00:00:00 2001
From: Julius Volz <julius.volz@gmail.com>
Date: Wed, 5 Mar 2025 11:23:43 +0100
Subject: [PATCH 2/2] =?UTF-8?q?Change=20"Cmd"=20to=20"=E2=8C=98"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Volz <julius.volz@gmail.com>
---
 web/ui/mantine-ui/src/pages/query/UPlotChart.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/ui/mantine-ui/src/pages/query/UPlotChart.tsx b/web/ui/mantine-ui/src/pages/query/UPlotChart.tsx
index c796879e13..b3b2d75578 100644
--- a/web/ui/mantine-ui/src/pages/query/UPlotChart.tsx
+++ b/web/ui/mantine-ui/src/pages/query/UPlotChart.tsx
@@ -96,7 +96,7 @@ const UPlotChart: FC<UPlotChartProps> = ({
       />
       <Text fz="xs" c="dimmed" ml={40} mt={-25} mb="lg">
         Click: show single series,{" "}
-        {navigator.userAgent.includes("Mac") ? "Cmd" : "Ctrl"} + click: hide
+        {navigator.userAgent.includes("Mac") ? "⌘" : "Ctrl"} + click: hide
         single series
       </Text>
     </>