feat(autofix): Autotrigger root cause if legacy autofix ran (#111718)

If legacy autofix has run, we should at least auto trigger explorer
autofix to run root cause.

Author: Zylphrex

static/app/components/events/autofix/v3/useAutoTriggerAutofix.spec.tsx

@@ -0,0 +1,63 @@
+import {GroupFixture} from 'sentry-fixture/group';
+
+import {renderHook} from 'sentry-test/reactTestingLibrary';
+
+import type {useExplorerAutofix} from 'sentry/components/events/autofix/useExplorerAutofix';
+import {useAutoTriggerAutofix} from 'sentry/components/events/autofix/v3/useAutoTriggerAutofix';
+
+function makeAutofix(
+  overrides: Partial<ReturnType<typeof useExplorerAutofix>> = {}
+): ReturnType<typeof useExplorerAutofix> {
+  return {
+    runState: null,
+    startStep: jest.fn(),
+    createPR: jest.fn(),
+    reset: jest.fn(),
+    triggerCodingAgentHandoff: jest.fn(),
+    isLoading: false,
+    isPolling: false,
+    ...overrides,
+  } as ReturnType<typeof useExplorerAutofix>;
+}
+
+describe('useAutoTriggerAutofix', () => {
+  it('starts root_cause when seerAutofixLastTriggered is set but seerExplorerAutofixLastTriggered is not', () => {
+    const autofix = makeAutofix();
+    const group = GroupFixture({
+      seerAutofixLastTriggered: '2024-01-01T00:00:00Z',
+      seerExplorerAutofixLastTriggered: null,
+    });
+
+    renderHook(() => useAutoTriggerAutofix({autofix, group}));
+
+    expect(autofix.startStep).toHaveBeenCalledWith('root_cause');
+    expect(autofix.startStep).toHaveBeenCalledTimes(1);
+  });
+
+  it('does not start root_cause when seerExplorerAutofixLastTriggered is set', () => {
+    const autofix = makeAutofix();
+    const group = GroupFixture({
+      seerAutofixLastTriggered: '2024-01-01T00:00:00Z',
+      seerExplorerAutofixLastTriggered: '2024-01-02T00:00:00Z',
+    });
+
+    renderHook(() => useAutoTriggerAutofix({autofix, group}));
+
+    expect(autofix.startStep).not.toHaveBeenCalled();
+  });
+
+  it('does not trigger root_cause more than once on re-render', () => {
+    const autofix = makeAutofix();
+    const group = GroupFixture({
+      seerAutofixLastTriggered: '2024-01-01T00:00:00Z',
+      seerExplorerAutofixLastTriggered: null,
+    });
+
+    const {rerender} = renderHook(() => useAutoTriggerAutofix({autofix, group}));
+
+    rerender();
+    rerender();
+
+    expect(autofix.startStep).toHaveBeenCalledTimes(1);
+  });
+});

static/app/components/events/autofix/v3/useAutoTriggerAutofix.tsx

@@ -0,0 +1,34 @@
+import {useEffect, useRef} from 'react';
+
+import {useExplorerAutofix} from 'sentry/components/events/autofix/useExplorerAutofix';
+import type {Group} from 'sentry/types/group';
+
+interface UseAutoTriggerAutofixOptions {
+  autofix: ReturnType<typeof useExplorerAutofix>;
+  group: Group;
+}
+
+export function useAutoTriggerAutofix({autofix, group}: UseAutoTriggerAutofixOptions) {
+  const alreadyTriggered = useRef(false);
+
+  // extract startStep first here so we can depend on it directly as `autofix` itself is unstable.
+  const startStep = autofix.startStep;
+
+  useEffect(() => {
+    if (alreadyTriggered.current) {
+      return;
+    }
+
+    // In order to have a smooth transition from legacy to explorer autofix, we want to automatically
+    // trigger autofix when users view an issue that had legacy but not explorer autofix.
+    const shouldAutotriggerAutofix =
+      !!group.seerAutofixLastTriggered && !group.seerExplorerAutofixLastTriggered;
+
+    if (!shouldAutotriggerAutofix) {
+      return;
+    }
+
+    alreadyTriggered.current = true;
+    startStep('root_cause');
+  }, [group, startStep]);
+}

static/app/types/group.tsx

@@ -1019,6 +1019,7 @@ export interface BaseGroup {
   latestEventHasAttachments?: boolean;
   owners?: SuggestedOwner[] | null;
   seerAutofixLastTriggered?: string | null;
+  seerExplorerAutofixLastTriggered?: string | null;
   seerFixabilityScore?: number | null;
   sentryAppIssues?: PlatformExternalIssue[];
   substatus?: GroupSubstatus | null;

static/app/views/issueDetails/streamline/sidebar/autofixSection.tsx

@@ -29,6 +29,7 @@ import {
   RootCausePreview,
   SolutionPreview,
 } from 'sentry/components/events/autofix/v3/autofixPreviews';
+import {useAutoTriggerAutofix} from 'sentry/components/events/autofix/v3/useAutoTriggerAutofix';
 import {useGroupSummaryData} from 'sentry/components/group/groupSummary';
 import {HookOrDefault} from 'sentry/components/hookOrDefault';
 import {Placeholder} from 'sentry/components/placeholder';
@@ -125,6 +126,8 @@ export function AutofixContent({aiConfig, group, project, event}: AutofixContent
   const autofix = useExplorerAutofix(group.id);
   const {data: setupCheck, isPending} = useSeerOnboardingCheck();
 
+  useAutoTriggerAutofix({autofix, group});
+
   if (
     // waiting on the onboarding checks to load
     isPending ||