feat(seer-autofix): remember last used rca action (#102399)

Remember a user's last used root cause card action in the user options

<img width="914" height="322" alt="CleanShot 2025-10-30 at 21 18 27@2x"
src="https://github.com/user-attachments/assets/bcfe843a-f707-4f39-a3eb-e020e66e66e4"
/>
<img width="772" height="360" alt="CleanShot 2025-10-30 at 21 16 51@2x"
src="https://github.com/user-attachments/assets/862572cc-86c8-4228-9901-a341e750c138"
/>

Will still show [Find Solution] if you don't have any integrations
configured.

Paired with #102400

Author: jennmueng

static/app/components/events/autofix/autofixRootCause.spec.tsx

@@ -1,12 +1,13 @@
 import {AutofixRootCauseData} from 'sentry-fixture/autofixRootCauseData';
 
-import {render, screen, userEvent, waitFor} from 'sentry-test/reactTestingLibrary';
+import {render, screen, userEvent} from 'sentry-test/reactTestingLibrary';
 
 import {AutofixRootCause} from 'sentry/components/events/autofix/autofixRootCause';
 import {AutofixStatus} from 'sentry/components/events/autofix/types';
 
 describe('AutofixRootCause', () => {
   beforeEach(() => {
+    localStorage.clear();
     MockApiClient.addMockResponse({
       url: '/organizations/org-slug/issues/1/autofix/update/',
       method: 'POST',
@@ -19,6 +20,7 @@ describe('AutofixRootCause', () => {
   });
 
   afterEach(() => {
+    localStorage.clear();
     MockApiClient.clearMockResponses();
     jest.clearAllTimers();
   });
@@ -35,35 +37,20 @@ describe('AutofixRootCause', () => {
     render(<AutofixRootCause {...defaultProps} />);
 
     // Wait for initial render and animations
-    await waitFor(
-      () => {
-        expect(screen.getByText('Root Cause')).toBeInTheDocument();
-      },
-      {timeout: 2000}
-    );
+    expect(await screen.findByText('Root Cause')).toBeInTheDocument();
 
-    await waitFor(
-      () => {
-        expect(
-          screen.getByText(defaultProps.causes[0]!.root_cause_reproduction![0]!.title)
-        ).toBeInTheDocument();
-      },
-      {timeout: 2000}
-    );
+    expect(
+      await screen.findByText(defaultProps.causes[0]!.root_cause_reproduction![0]!.title)
+    ).toBeInTheDocument();
 
     await userEvent.click(screen.getByTestId('autofix-root-cause-timeline-item-0'));
 
     // Wait for code snippet to appear with increased timeout for animation
-    await waitFor(
-      () => {
-        expect(
-          screen.getByText(
-            defaultProps.causes[0]!.root_cause_reproduction![0]!.code_snippet_and_analysis
-          )
-        ).toBeInTheDocument();
-      },
-      {timeout: 2000}
-    );
+    expect(
+      await screen.findByText(
+        defaultProps.causes[0]!.root_cause_reproduction![0]!.code_snippet_and_analysis
+      )
+    ).toBeInTheDocument();
   });
 
   it('shows graceful error state when there are no causes', async () => {
@@ -78,16 +65,11 @@ describe('AutofixRootCause', () => {
     );
 
     // Wait for error state to render
-    await waitFor(
-      () => {
-        expect(
-          screen.getByText(
-            'No root cause found. The error comes from outside the codebase.'
-          )
-        ).toBeInTheDocument();
-      },
-      {timeout: 2000}
-    );
+    expect(
+      await screen.findByText(
+        'No root cause found. The error comes from outside the codebase.'
+      )
+    ).toBeInTheDocument();
   });
 
   it('shows selected root cause when rootCauseSelection is provided', async () => {
@@ -104,20 +86,171 @@ describe('AutofixRootCause', () => {
     );
 
     // Wait for selected root cause to render
-    await waitFor(
-      () => {
-        expect(screen.getByText('Root Cause')).toBeInTheDocument();
+    expect(await screen.findByText('Root Cause')).toBeInTheDocument();
+
+    expect(
+      await screen.findByText(selectedCause.root_cause_reproduction![0]!.title)
+    ).toBeInTheDocument();
+  });
+
+  it('saves preference when clicking Find Solution with Seer', async () => {
+    MockApiClient.addMockResponse({
+      url: '/organizations/org-slug/integrations/coding-agents/',
+      body: {
+        integrations: [
+          {
+            id: 'cursor-integration-id',
+            name: 'Cursor',
+            provider: 'cursor',
+          },
+        ],
       },
-      {timeout: 2000}
+    });
+
+    render(<AutofixRootCause {...defaultProps} />);
+
+    await userEvent.click(
+      await screen.findByRole('button', {name: 'Find Solution with Seer'})
     );
 
-    await waitFor(
-      () => {
-        expect(
-          screen.getByText(selectedCause.root_cause_reproduction![0]!.title)
-        ).toBeInTheDocument();
+    expect(JSON.parse(localStorage.getItem('autofix:rootCauseActionPreference')!)).toBe(
+      'seer_solution'
+    );
+  });
+
+  it('saves preference when clicking Cursor agent', async () => {
+    MockApiClient.addMockResponse({
+      url: '/organizations/org-slug/integrations/coding-agents/',
+      body: {
+        integrations: [
+          {
+            id: 'cursor-integration-id',
+            name: 'Cursor',
+            provider: 'cursor',
+          },
+        ],
       },
-      {timeout: 2000}
+    });
+
+    MockApiClient.addMockResponse({
+      url: '/organizations/org-slug/integrations/coding-agents/',
+      method: 'POST',
+      body: {success: true},
+    });
+
+    render(<AutofixRootCause {...defaultProps} />);
+
+    // Find and open the dropdown
+    const dropdownTrigger = await screen.findByRole('button', {
+      name: 'More solution options',
+    });
+    await userEvent.click(dropdownTrigger);
+
+    // Click the Cursor option in the dropdown
+    await userEvent.click(await screen.findByText('Send to Cursor Background Agent'));
+
+    expect(JSON.parse(localStorage.getItem('autofix:rootCauseActionPreference')!)).toBe(
+      'cursor_background_agent'
     );
   });
+
+  it('shows Seer as primary button by default', async () => {
+    render(<AutofixRootCause {...defaultProps} />);
+
+    expect(
+      await screen.findByRole('button', {name: 'Find Solution'})
+    ).toBeInTheDocument();
+  });
+
+  it('shows Seer as primary when preference is seer', async () => {
+    MockApiClient.addMockResponse({
+      url: '/organizations/org-slug/integrations/coding-agents/',
+      body: {
+        integrations: [
+          {
+            id: 'cursor-integration-id',
+            name: 'Cursor',
+            provider: 'cursor',
+          },
+        ],
+      },
+    });
+
+    localStorage.setItem(
+      'autofix:rootCauseActionPreference',
+      JSON.stringify('seer_solution')
+    );
+
+    render(<AutofixRootCause {...defaultProps} />);
+
+    expect(
+      await screen.findByRole('button', {name: 'Find Solution with Seer'})
+    ).toBeInTheDocument();
+  });
+
+  it('shows Cursor as primary when preference is cursor', async () => {
+    MockApiClient.addMockResponse({
+      url: '/organizations/org-slug/integrations/coding-agents/',
+      body: {
+        integrations: [
+          {
+            id: 'cursor-integration-id',
+            name: 'Cursor',
+            provider: 'cursor',
+          },
+        ],
+      },
+    });
+
+    localStorage.setItem(
+      'autofix:rootCauseActionPreference',
+      JSON.stringify('cursor_background_agent')
+    );
+
+    render(<AutofixRootCause {...defaultProps} />);
+
+    expect(
+      await screen.findByRole('button', {name: 'Send to Cursor Background Agent'})
+    ).toBeInTheDocument();
+
+    // Verify Seer option is in the dropdown
+    const dropdownTrigger = await screen.findByRole('button', {
+      name: 'More solution options',
+    });
+    await userEvent.click(dropdownTrigger);
+
+    expect(await screen.findByText('Find Solution with Seer')).toBeInTheDocument();
+  });
+
+  it('both options accessible in dropdown', async () => {
+    MockApiClient.addMockResponse({
+      url: '/organizations/org-slug/integrations/coding-agents/',
+      body: {
+        integrations: [
+          {
+            id: 'cursor-integration-id',
+            name: 'Cursor',
+            provider: 'cursor',
+          },
+        ],
+      },
+    });
+
+    render(<AutofixRootCause {...defaultProps} />);
+
+    // Primary button is Seer (when cursor integration exists, show "with Seer" to distinguish)
+    expect(
+      await screen.findByRole('button', {name: 'Find Solution with Seer'})
+    ).toBeInTheDocument();
+
+    // Open dropdown to find Cursor option
+    const dropdownTrigger = await screen.findByRole('button', {
+      name: 'More solution options',
+    });
+    await userEvent.click(dropdownTrigger);
+
+    expect(
+      await screen.findByText('Send to Cursor Background Agent')
+    ).toBeInTheDocument();
+  });
 });