feat(autofix): Move autofix settings into project settings (#90640)

Author: scttcper

static/app/components/events/autofix/preferences/autofixPreferenceDropdown.tsx

@@ -0,0 +1,29 @@
+import type {
+  ProjectSeerPreferences,
+  SeerRepoDefinition,
+} from 'sentry/components/events/autofix/types';
+import type {Project} from 'sentry/types/project';
+import {useApiQuery} from 'sentry/utils/queryClient';
+import useOrganization from 'sentry/utils/useOrganization';
+
+export interface SeerPreferencesResponse {
+  code_mapping_repos: SeerRepoDefinition[];
+  preference?: ProjectSeerPreferences | null;
+}
+
+export function useProjectSeerPreferences(project: Project) {
+  const organization = useOrganization();
+
+  const {data, ...rest} = useApiQuery<SeerPreferencesResponse>(
+    [`/projects/${organization.slug}/${project.slug}/seer/preferences/`],
+    {
+      staleTime: 60000, // 1 minute
+    }
+  );
+
+  return {
+    preference: data?.preference,
+    codeMappingRepos: data?.code_mapping_repos,
+    ...rest,
+  };
+}

static/app/components/events/autofix/preferences/hooks/useProjectPreferences.ts

@@ -0,0 +1,22 @@
+import type {ProjectSeerPreferences} from 'sentry/components/events/autofix/types';
+import type {Project} from 'sentry/types/project';
+import {useMutation} from 'sentry/utils/queryClient';
+import useApi from 'sentry/utils/useApi';
+import useOrganization from 'sentry/utils/useOrganization';
+
+export function useUpdateProjectSeerPreferences(project: Project) {
+  const organization = useOrganization();
+  const api = useApi({persistInFlight: true});
+
+  return useMutation({
+    mutationFn: (data: ProjectSeerPreferences) => {
+      return api.requestPromise(
+        `/projects/${organization.slug}/${project.slug}/seer/preferences/`,
+        {
+          method: 'POST',
+          data,
+        }
+      );
+    },
+  });
+}

static/app/components/events/autofix/preferences/hooks/useProjectSeerPreferences.ts

@@ -248,6 +248,6 @@ export interface SeerRepoDefinition {
   provider_raw?: string;
 }
 
-export interface ProjectPreferences {
+export interface ProjectSeerPreferences {
   repositories: SeerRepoDefinition[];
 }

static/app/components/events/autofix/preferences/hooks/useSaveProjectPreferences.ts

@@ -527,6 +527,11 @@ function buildRoutes() {
         name={t('Data Forwarding')}
         component={make(() => import('sentry/views/settings/projectDataForwarding'))}
       />
+      <Route
+        path="seer/"
+        name={t('Seer')}
+        component={make(() => import('sentry/views/settings/projectSeer/index'))}
+      />
       <Route
         path="user-feedback/"
         name={t('User Feedback')}

static/app/components/events/autofix/preferences/hooks/useUpdateProjectSeerPreferences.ts

@@ -7,14 +7,13 @@ import {Breadcrumbs as NavigationBreadcrumbs} from 'sentry/components/breadcrumb
 import {Flex} from 'sentry/components/container/flex';
 import {ProjectAvatar} from 'sentry/components/core/avatar/projectAvatar';
 import {FeatureBadge} from 'sentry/components/core/badge/featureBadge';
-import {Button} from 'sentry/components/core/button';
+import {Button, LinkButton} from 'sentry/components/core/button';
 import {ButtonBar} from 'sentry/components/core/button/buttonBar';
 import {DateTime} from 'sentry/components/dateTime';
 import AutofixFeedback from 'sentry/components/events/autofix/autofixFeedback';
 import {AutofixProgressBar} from 'sentry/components/events/autofix/autofixProgressBar';
 import {AutofixStartBox} from 'sentry/components/events/autofix/autofixStartBox';
 import {AutofixSteps} from 'sentry/components/events/autofix/autofixSteps';
-import AutofixPreferenceDropdown from 'sentry/components/events/autofix/preferences/autofixPreferenceDropdown';
 import {useAiAutofix} from 'sentry/components/events/autofix/useAutofix';
 import useDrawer from 'sentry/components/globalDrawer';
 import {DrawerBody, DrawerHeader} from 'sentry/components/globalDrawer/components';
@@ -24,6 +23,7 @@ import ExternalLink from 'sentry/components/links/externalLink';
 import Link from 'sentry/components/links/link';
 import LoadingIndicator from 'sentry/components/loadingIndicator';
 import QuestionTooltip from 'sentry/components/questionTooltip';
+import {IconSettings} from 'sentry/icons';
 import {t, tct} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
 import type {Event} from 'sentry/types/event';
@@ -155,7 +155,13 @@ export function SeerDrawer({group, project, event}: SeerDrawerProps) {
           <ButtonBarWrapper data-test-id="autofix-button-bar">
             <ButtonBar gap={1}>
               <Feature features={['organizations:autofix-seer-preferences']}>
-                <AutofixPreferenceDropdown project={project} />
+                <LinkButton
+                  to={`/settings/${organization.slug}/projects/${project.slug}/seer/`}
+                  size="xs"
+                  title={t('Project Settings for Autofix')}
+                  aria-label={t('Project Settings for Autofix')}
+                  icon={<IconSettings />}
+                />
               </Feature>
               <AutofixFeedback />
               {aiConfig.hasAutofix && (

static/app/components/events/autofix/types.ts

@@ -5,7 +5,7 @@ import onboardingInstall from 'sentry-images/spot/onboarding-install.svg';
 
 import {Alert} from 'sentry/components/core/alert';
 import {LinkButton} from 'sentry/components/core/button';
-import {useProjectPreferences} from 'sentry/components/events/autofix/preferences/hooks/useProjectPreferences';
+import {useProjectSeerPreferences} from 'sentry/components/events/autofix/preferences/hooks/useProjectSeerPreferences';
 import {useAutofixRepos} from 'sentry/components/events/autofix/useAutofix';
 import ExternalLink from 'sentry/components/links/externalLink';
 import {t, tct} from 'sentry/locale';
@@ -110,7 +110,7 @@ export function SeerNotices({groupId, hasGithubIntegration, project}: SeerNotice
     preference,
     codeMappingRepos,
     isLoading: isLoadingPreferences,
-  } = useProjectPreferences(project);
+  } = useProjectSeerPreferences(project);
 
   const unreadableRepos = repos.filter(repo => repo.is_readable === false);
   const notices: React.JSX.Element[] = [];

static/app/routes.tsx

@@ -60,6 +60,11 @@ export default function getConfiguration({
           path: `${pathPrefix}/data-forwarding/`,
           title: t('Data Forwarding'),
         },
+        {
+          path: `${pathPrefix}/seer/`,
+          title: t('Seer'),
+          show: () => !organization?.hideAiFeatures,
+        },
         {
           path: `${pathPrefix}/user-feedback/`,
           title: t('User Feedback'),