fix(logs): Disable auto-refresh when not counting logs (#97899)

Previously, this was allowing users to turn on auto-refresh when using
another aggregate. However, the streaming only supported counting
messages.

Author: Zylphrex

static/app/views/explore/logs/logsAutoRefresh.spec.tsx

@@ -212,6 +212,36 @@ describe('LogsAutoRefresh Integration Tests', () => {
     });
   });
 
+  it('disables auto-refresh when using not count(message)', async () => {
+    renderWithProviders(<AutorefreshToggle />, {
+      initialRouterConfig: {
+        ...routerConfig,
+        location: {
+          ...routerConfig.location,
+          query: {
+            ...routerConfig.location.query,
+            logsAggregate: 'avg',
+            logsAggregateParam: 'payload_size',
+          },
+        },
+      },
+      organization,
+    });
+
+    const toggleSwitch = screen.getByRole('checkbox', {name: 'Auto-refresh'});
+    expect(toggleSwitch).toBeDisabled();
+
+    await userEvent.hover(toggleSwitch);
+
+    await waitFor(() => {
+      expect(
+        screen.getByText(
+          /Auto-refresh is only available when visualizing `count\(logs\)`./i
+        )
+      ).toBeInTheDocument();
+    });
+  });
+
   it('shows error state in URL when query fails', async () => {
     const {router} = renderWithProviders(<AutorefreshToggle />, {
       initialRouterConfig: enabledRouterConfig,

static/app/views/explore/logs/logsAutoRefresh.tsx

@@ -4,6 +4,7 @@ import {Switch} from 'sentry/components/core/switch';
 import {Tooltip} from 'sentry/components/core/tooltip';
 import {t, tct} from 'sentry/locale';
 import {trackAnalytics} from 'sentry/utils/analytics';
+import {AggregationKey} from 'sentry/utils/fields';
 import useOrganization from 'sentry/utils/useOrganization';
 import usePageFilters from 'sentry/utils/usePageFilters';
 import usePrevious from 'sentry/utils/usePrevious';
@@ -21,15 +22,22 @@ import {
 import {AutoRefreshLabel} from 'sentry/views/explore/logs/styles';
 import {useLogsAutoRefreshInterval} from 'sentry/views/explore/logs/useLogsAutoRefreshInterval';
 import {checkSortIsTimeBasedDescending} from 'sentry/views/explore/logs/utils';
-import {useQueryParamsMode} from 'sentry/views/explore/queryParams/context';
+import {
+  useQueryParamsMode,
+  useQueryParamsVisualizes,
+} from 'sentry/views/explore/queryParams/context';
 import {Mode} from 'sentry/views/explore/queryParams/mode';
+import type {Visualize} from 'sentry/views/explore/queryParams/visualize';
+
+import {OurLogKnownFieldKey} from './types';
 
 const MAX_LOGS_PER_SECOND = 100; // Rate limit for initial check
 
 type PreFlightDisableReason =
   | 'sort' // Wrong sort order
   | 'absolute_time' // Using absolute date range
   | 'aggregates' // In aggregates view
+  | 'unsupported_aggregation' // using an aggregate that's not `count(message)`
   | 'rate_limit_initial' // Too many logs per second
   | 'initial_error'; // Initial table query errored
 
@@ -55,6 +63,7 @@ export function AutorefreshToggle({averageLogsPerSecond = 0}: AutorefreshToggleP
   const setAutorefresh = useSetLogsAutoRefresh();
   const sortBys = useLogsSortBys();
   const mode = useQueryParamsMode();
+  const visualizes = useQueryParamsVisualizes();
   const {selection} = usePageFilters();
   const selectionString = JSON.stringify(selection);
   const previousSelection = usePrevious(selectionString);
@@ -79,6 +88,7 @@ export function AutorefreshToggle({averageLogsPerSecond = 0}: AutorefreshToggleP
     sortBys,
     hasAbsoluteDates,
     mode,
+    visualizes,
     averageLogsPerSecond,
     initialIsError: isError,
   });
@@ -127,18 +137,28 @@ function getPreFlightDisableReason({
   sortBys,
   hasAbsoluteDates,
   mode,
+  visualizes,
   averageLogsPerSecond,
   initialIsError,
 }: {
   hasAbsoluteDates: boolean;
   mode: Mode;
   sortBys: ReturnType<typeof useLogsSortBys>;
+  visualizes: readonly Visualize[];
   averageLogsPerSecond?: number | null;
   initialIsError?: boolean;
 }): PreFlightDisableReason | null {
   if (mode === Mode.AGGREGATE) {
     return 'aggregates';
   }
+  if (
+    visualizes.some(
+      visualize =>
+        visualize.yAxis !== `${AggregationKey.COUNT}(${OurLogKnownFieldKey.MESSAGE})`
+    )
+  ) {
+    return 'unsupported_aggregation';
+  }
   if (!checkSortIsTimeBasedDescending(sortBys)) {
     return 'sort';
   }
@@ -185,6 +205,8 @@ function getTooltipMessage(
       );
     case 'aggregates':
       return t('Auto-refresh is not available in the aggregates view.');
+    case 'unsupported_aggregation':
+      return t('Auto-refresh is only available when visualizing `count(logs)`.');
     case 'initial_error':
       return t(
         'Auto-refresh is not available due to an error fetching logs. If the issue persists, please contact support.'