feat(seer): Enable bulk editing seer automation

static/gsApp/views/seerAutomation/index.tsx

@@ -20,7 +20,12 @@ function SeerAutomationRoot() {
   return (
     <Fragment>
       <SentryDocumentTitle title={t('Seer Automation')} orgSlug={organization.slug} />
-      <SettingsPageHeader title={t('Seer Automation')} />
+      <SettingsPageHeader
+        title={t('Seer Automation')}
+        subtitle={t(
+          'Seer can automatically find a root cause and solution for incoming issues.'
+        )}
+      />
       <ProjectPermissionAlert />
 
       <NoProjectMessage organization={organization}>

static/gsApp/views/seerAutomation/seerAutomationProjectList.tsx

@@ -1,10 +1,17 @@
 import {Fragment, useState} from 'react';
 import styled from '@emotion/styled';
 
+import {
+  addErrorMessage,
+  addLoadingMessage,
+  addSuccessMessage,
+} from 'sentry/actionCreators/indicator';
 import {Flex} from 'sentry/components/container/flex';
 import {ProjectAvatar} from 'sentry/components/core/avatar/projectAvatar';
 import {Button} from 'sentry/components/core/button';
 import {ButtonBar} from 'sentry/components/core/button/buttonBar';
+import {Checkbox} from 'sentry/components/core/checkbox';
+import {DropdownMenu} from 'sentry/components/dropdownMenu';
 import Link from 'sentry/components/links/link';
 import LoadingError from 'sentry/components/loadingError';
 import LoadingIndicator from 'sentry/components/loadingIndicator';
@@ -17,10 +24,15 @@ import {IconChevron} from 'sentry/icons';
 import {t} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
 import type {Project} from 'sentry/types/project';
-import {useDetailedProject} from 'sentry/utils/useDetailedProject';
+import {useQueryClient} from 'sentry/utils/queryClient';
+import useApi from 'sentry/utils/useApi';
+import {
+  makeDetailedProjectQueryKey,
+  useDetailedProject,
+} from 'sentry/utils/useDetailedProject';
 import useOrganization from 'sentry/utils/useOrganization';
 import useProjects from 'sentry/utils/useProjects';
-import {formatSeerValue} from 'sentry/views/settings/projectSeer';
+import {formatSeerValue, SEER_THRESHOLD_MAP} from 'sentry/views/settings/projectSeer';
 
 const PROJECTS_PER_PAGE = 20;
 
@@ -49,8 +61,11 @@ function ProjectSeerSetting({project, orgSlug}: {orgSlug: string; project: Proje
 
 export function SeerAutomationProjectList() {
   const organization = useOrganization();
+  const api = useApi();
   const {projects, fetching, fetchError} = useProjects();
   const [page, setPage] = useState(1);
+  const [selected, setSelected] = useState<Set<string>>(() => new Set());
+  const queryClient = useQueryClient();
 
   if (fetching) {
     return <LoadingIndicator />;
@@ -76,17 +91,94 @@ export function SeerAutomationProjectList() {
     setPage(p => p + 1);
   };
 
+  const allSelected = selected.size === projects.length && projects.length > 0;
+  const toggleSelectAll = () => {
+    if (allSelected) {
+      // Unselect all projects
+      setSelected(new Set());
+    } else {
+      // Select all projects
+      setSelected(new Set(projects.map(project => project.id)));
+    }
+  };
+
+  const toggleProject = (projectId: string) => {
+    setSelected(prev => {
+      const newSet = new Set(prev);
+      if (newSet.has(projectId)) {
+        newSet.delete(projectId);
+      } else {
+        newSet.add(projectId);
+      }
+      return newSet;
+    });
+  };
+
+  async function updateProjectsSeerValue(value: string) {
+    addLoadingMessage('Updating projects...', {duration: 30000});
+    try {
+      await Promise.all(
+        Array.from(selected).map(projectId => {
+          const project = projects.find(p => p.id === projectId);
+          if (!project) return Promise.resolve();
+          return api.requestPromise(`/projects/${organization.slug}/${project.slug}/`, {
+            method: 'PUT',
+            data: {autofixAutomationTuning: value},
+          });
+        })
+      );
+      addSuccessMessage('Projects updated successfully');
+    } catch (err) {
+      addErrorMessage('Failed to update some projects');
+    } finally {
+      Array.from(selected).forEach(projectId => {
+        const project = projects.find(p => p.id === projectId);
+        if (!project) return;
+        queryClient.invalidateQueries({
+          queryKey: makeDetailedProjectQueryKey({
+            orgSlug: organization.slug,
+            projectSlug: project.slug,
+          }),
+        });
+      });
+    }
+  }
+
+  const actionMenuItems = SEER_THRESHOLD_MAP.map(key => ({
+    key,
+    label: formatSeerValue(key),
+    onAction: () => updateProjectsSeerValue(key),
+  }));
+
   return (
     <Fragment>
       <Panel>
         <PanelHeader>
-          <div>{t('Current Project Settings')}</div>
+          {selected.size > 0 ? (
+            <ActionDropdownMenu
+              items={actionMenuItems}
+              triggerLabel={t('Set to')}
+              size="sm"
+            />
+          ) : (
+            <div>{t('Current Project Settings')}</div>
+          )}
+          <div style={{marginLeft: 'auto'}}>
+            <Button size="sm" onClick={toggleSelectAll}>
+              {allSelected ? t('Unselect All') : t('Select All')}
+            </Button>
+          </div>
         </PanelHeader>
         <PanelBody>
           {paginatedProjects.map(project => (
             <PanelItem key={project.id}>
               <Flex justify="space-between" gap={space(2)} flex={1}>
                 <Flex gap={space(1)} align="center">
+                  <Checkbox
+                    checked={selected.has(project.id)}
+                    onChange={() => toggleProject(project.id)}
+                    aria-label={t('Toggle project')}
+                  />
                   <ProjectAvatar project={project} title={project.slug} />
                   <Link
                     to={`/settings/${organization.slug}/projects/${project.slug}/seer/`}
@@ -127,3 +219,10 @@ export function SeerAutomationProjectList() {
 const SeerValue = styled('div')`
   color: ${p => p.theme.subText};
 `;
+
+const ActionDropdownMenu = styled(DropdownMenu)`
+  [data-test-id='menu-list-item-label'] {
+    font-weight: normal;
+    text-transform: none;
+  }
+`;