feat(aci): add default action configs + data in automation builder (#94551)

added default values for `Select` fields when adding new actions to
automation builder

<img width="1060" alt="Screenshot 2025-06-27 at 10 31 08 AM"
src="https://github.com/user-attachments/assets/9c1796ec-bbe9-4c52-b3bd-9743781a9dc0"
/>

Author: ameliahsu

static/app/types/workflowEngine/actions.tsx

@@ -1,12 +1,7 @@
 import type {IssueConfigField} from 'sentry/types/integrations';
 
 export interface Action {
-  config: {
-    target_type: ActionTarget | null;
-    sentry_app_identifier?: SentryAppIdentifier;
-    target_display?: string;
-    target_identifier?: string;
-  };
+  config: ActionConfig;
   data: Record<string, any>;
   id: string;
   type: ActionType;
@@ -22,6 +17,13 @@ export interface TicketCreationAction extends Action {
   integrationId: string;
 }
 
+export interface ActionConfig {
+  target_type: ActionTarget | null;
+  sentry_app_identifier?: SentryAppIdentifier;
+  target_display?: string;
+  target_identifier?: string;
+}
+
 export enum ActionTarget {
   SPECIFIC = 0,
   USER = 1,

static/app/views/automations/components/actionNodes.tsx

@@ -68,6 +68,7 @@ export function useActionNodeContext(): ActionNodeProps {
 
 type ActionNode = {
   action: React.ComponentType<any>;
+  defaultData?: Record<string, any>;
   details?: React.ComponentType<any>;
   label?: string;
   link?: string;
@@ -87,7 +88,12 @@ export const actionNodesMap = new Map<ActionType, ActionNode>([
   ],
   [
     ActionType.EMAIL,
-    {label: t('Notify on preferred channel'), action: EmailNode, details: EmailDetails},
+    {
+      label: t('Notify on preferred channel'),
+      action: EmailNode,
+      details: EmailDetails,
+      defaultData: {fallthrough_type: 'ActiveMembers'},
+    },
   ],
   [
     ActionType.DISCORD,
@@ -145,14 +151,20 @@ export const actionNodesMap = new Map<ActionType, ActionNode>([
   ],
   [
     ActionType.OPSGENIE,
-    {label: t('Opsgenie'), action: OpsgenieNode, details: OpsgenieDetails},
+    {
+      label: t('Opsgenie'),
+      action: OpsgenieNode,
+      details: OpsgenieDetails,
+      defaultData: {priority: 'P1'},
+    },
   ],
   [
     ActionType.PAGERDUTY,
     {
       label: t('Pagerduty'),
       action: PagerdutyNode,
       details: PagerdutyDetails,
+      defaultData: {priority: 'default'},
     },
   ],
   [

static/app/views/automations/components/actions/email.tsx

@@ -39,8 +39,8 @@ export function EmailDetails({action}: {action: Action}) {
   if (target_type === ActionTarget.ISSUE_OWNERS) {
     return tct('Notify Suggested Assignees and, if none found, notify [fallthrough]', {
       fallthrough:
-        FALLTHROUGH_CHOICES.find(choice => choice.value === action.data.fallthroughType)
-          ?.label || String(action.data.fallthroughType),
+        FALLTHROUGH_CHOICES.find(choice => choice.value === action.data.fallthrough_type)
+          ?.label || String(action.data.fallthrough_type),
     });
   }
 
@@ -79,9 +79,9 @@ function TargetTypeField() {
       name={`${actionId}.config.target_type`}
       value={action.config.target_type}
       options={TARGET_TYPE_CHOICES}
-      onChange={(option: SelectValue<string>) =>
-        onUpdate({config: {target_type: option.value, target_identifier: undefined}})
-      }
+      onChange={(option: SelectValue<string>) => {
+        onUpdate({config: {target_type: option.value, target_identifier: undefined}});
+      }}
     />
   );
 }
@@ -96,9 +96,9 @@ function IdentifierField() {
         <TeamSelector
           name={`${actionId}.config.target_identifier`}
           value={action.config.target_identifier}
-          onChange={(value: any) =>
-            onUpdate({config: {target_identifier: value.actor.id}, data: {}})
-          }
+          onChange={(value: any) => {
+            onUpdate({config: {target_identifier: value.actor.id}, data: {}});
+          }}
           useId
           styles={selectControlStyles}
         />
@@ -120,20 +120,20 @@ function IdentifierField() {
       </SelectWrapper>
     );
   }
-  return tct('and, if none found, notify [fallThrough]', {
-    fallThrough: <FallthroughField />,
+  return tct('and, if none found, notify [fallthrough]', {
+    fallthrough: <FallthroughField />,
   });
 }
 
 function FallthroughField() {
   const {action, actionId, onUpdate} = useActionNodeContext();
   return (
     <AutomationBuilderSelect
-      name={`${actionId}.data.fallthroughType`}
-      value={action.data.fallthroughType}
+      name={`${actionId}.data.fallthrough_type`}
+      value={action.data.fallthrough_type}
       options={FALLTHROUGH_CHOICES}
       onChange={(option: SelectValue<string>) =>
-        onUpdate({data: {fallthroughType: option.value}})
+        onUpdate({data: {fallthrough_type: option.value}})
       }
     />
   );

static/app/views/automations/components/actions/integrationField.tsx

@@ -15,8 +15,11 @@ export function IntegrationField() {
         value: team.id,
       }))}
       onChange={(option: SelectValue<string>) => {
+        const integration = handler.integrations?.find(i => i.id === option.value);
+        const defaultService = integration?.services?.[0]?.id;
         onUpdate({
           integrationId: option.value,
+          ...(defaultService && {config: {target_identifier: defaultService}}),
         });
       }}
     />

static/app/views/automations/components/actions/sentryApp.tsx

@@ -48,7 +48,7 @@ function SentryAppActionSettingsButton() {
               {...deps}
               sentryAppInstallationUuid={sentryApp.installationUuid}
               config={sentryApp.settings as SchemaFormConfig}
-              appName={sentryApp.title ?? sentryApp.name}
+              appName={sentryApp.name}
               onSubmitSuccess={(formData: Record<string, string>) =>
                 onUpdate({data: formData})
               }

static/app/views/automations/components/automationBuilderContext.tsx

@@ -2,6 +2,7 @@ import {createContext, type Reducer, useCallback, useContext, useReducer} from '
 import {uuid4} from '@sentry/core';
 
 import {
+  type ActionConfig,
   type ActionHandler,
   ActionTarget,
   ActionType,
@@ -11,6 +12,7 @@ import {
   DataConditionGroupLogicType,
   type DataConditionType,
 } from 'sentry/types/workflowEngine/dataConditions';
+import {actionNodesMap} from 'sentry/views/automations/components/actionNodes';
 import {dataConditionNodesMap} from 'sentry/views/automations/components/dataConditionNodes';
 
 export function useAutomationBuilderReducer() {
@@ -506,13 +508,27 @@ function getActionTargetType(actionType: ActionType): ActionTarget | null {
   }
 }
 
+function getDefaultConfig(actionHandler: ActionHandler): ActionConfig {
+  const targetType = getActionTargetType(actionHandler.type);
+  const targetIdentifier =
+    actionHandler.sentryApp?.id ??
+    actionHandler.integrations?.[0]?.services?.[0]?.id ??
+    actionHandler.services?.[0]?.slug ??
+    undefined;
+
+  return {
+    target_type: targetType,
+    ...(targetIdentifier && {target_identifier: targetIdentifier}),
+  };
+}
+
 function addIfAction(
   state: AutomationBuilderState,
   action: AddIfActionAction
 ): AutomationBuilderState {
   const {groupId, actionId, actionHandler} = action;
 
-  const targetType = getActionTargetType(actionHandler.type);
+  const defaultIntegration = actionHandler.integrations?.[0];
 
   return {
     ...state,
@@ -527,13 +543,11 @@ function addIfAction(
           {
             id: actionId,
             type: actionHandler.type,
-            config: {
-              target_type: targetType,
-              ...(actionHandler.sentryApp
-                ? {target_identifier: actionHandler.sentryApp.id}
-                : {}),
-            },
-            data: {},
+            config: getDefaultConfig(actionHandler),
+            ...(defaultIntegration && {
+              integrationId: defaultIntegration.id,
+            }),
+            data: actionNodesMap.get(actionHandler.type)?.defaultData || {},
           },
         ],
       };