From e37c29edb1e25adc0d3a46cd197fb390941b5f9e Mon Sep 17 00:00:00 2001
From: Adrian Bonilla <adrian.bonilla@sentry.io>
Date: Thu, 18 Jun 2026 12:24:55 -0700
Subject: [PATCH 1/2] fix(logs): extract collapse functionality into its own
 button

---
 static/app/views/explore/logs/logsGraph.tsx | 33 +++++++--------------
 1 file changed, 10 insertions(+), 23 deletions(-)

diff --git a/static/app/views/explore/logs/logsGraph.tsx b/static/app/views/explore/logs/logsGraph.tsx
index eb2e91b97a4350..dfc3d1bdb18ebc 100644
--- a/static/app/views/explore/logs/logsGraph.tsx
+++ b/static/app/views/explore/logs/logsGraph.tsx
@@ -8,7 +8,7 @@ import {OverlayTrigger} from '@sentry/scraps/overlayTrigger';
 import Feature from 'sentry/components/acl/feature';
 import {DropdownMenu, type MenuItemProps} from 'sentry/components/dropdownMenu';
 import {usePageFilters} from 'sentry/components/pageFilters/usePageFilters';
-import {IconClock, IconEllipsis, IconExpand, IconGraph} from 'sentry/icons';
+import {IconClock, IconContract, IconEllipsis, IconExpand, IconGraph} from 'sentry/icons';
 import {t} from 'sentry/locale';
 import type {NewQuery} from 'sentry/types/organization';
 import {trackAnalytics} from 'sentry/utils/analytics';
@@ -234,18 +234,20 @@ function Graph({
         menuTitle="Interval"
         options={intervalOptions}
       />
-      <ContextMenu
-        interval={interval}
-        visualize={visualize}
-        setVisible={onChartVisibilityChange}
+      <ContextMenu interval={interval} visualize={visualize} />
+      <Button
+        aria-label={t('Collapse chart')}
+        icon={<IconContract />}
+        onClick={() => onChartVisibilityChange(false)}
+        size="xs"
       />
     </Fragment>
   ) : (
     <Button
-      aria-label="Expand"
+      aria-label={t('Expand')}
       icon={<IconExpand />}
       onClick={() => onChartVisibilityChange(true)}
-      size="sm"
+      size="xs"
     />
   );
 
@@ -276,15 +278,7 @@ function Graph({
   );
 }
 
-function ContextMenu({
-  interval,
-  visualize,
-  setVisible,
-}: {
-  interval: string;
-  setVisible: (visible: boolean) => void;
-  visualize: Visualize;
-}) {
+function ContextMenu({interval, visualize}: {interval: string; visualize: Visualize}) {
   const location = useLocation();
   const organization = useOrganization();
   const {projects} = useProjects();
@@ -304,12 +298,6 @@ function ContextMenu({
     const disableAddToDashboard = !organization.features.includes('dashboards-edit');
 
     return [
-      {
-        key: 'hide-chart',
-        textValue: t('Collapse Chart'),
-        label: t('Collapse Chart'),
-        onAction: () => setVisible(false),
-      },
       {
         key: 'create-alert',
         textValue: t('Create an Alert'),
@@ -408,7 +396,6 @@ function ContextMenu({
     pageFilters,
     projects,
     search,
-    setVisible,
     visualize.chartType,
     visualize.yAxis,
   ]);

From 60922c8e04b0fb27db87847363ad79adb6ff6f14 Mon Sep 17 00:00:00 2001
From: Adrian Bonilla <adrian.bonilla@sentry.io>
Date: Thu, 18 Jun 2026 12:59:17 -0700
Subject: [PATCH 2/2] adjust aria-lable consistencies

---
 static/app/views/explore/logs/logsGraph.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/app/views/explore/logs/logsGraph.tsx b/static/app/views/explore/logs/logsGraph.tsx
index dfc3d1bdb18ebc..affa43bdea62e1 100644
--- a/static/app/views/explore/logs/logsGraph.tsx
+++ b/static/app/views/explore/logs/logsGraph.tsx
@@ -244,7 +244,7 @@ function Graph({
     </Fragment>
   ) : (
     <Button
-      aria-label={t('Expand')}
+      aria-label={t('Expand chart')}
       icon={<IconExpand />}
       onClick={() => onChartVisibilityChange(true)}
       size="xs"