diff --git a/src/api/alerts.ts b/src/api/alerts.ts
index d5af31a99e..e9043ff303 100644
--- a/src/api/alerts.ts
+++ b/src/api/alerts.ts
@@ -1,9 +1,14 @@
-import type { ReducedAlertSubscriptionQueryResponse } from 'src/api/types';
+import type {
+    AlertConfigQueryResponse,
+    ReducedAlertSubscriptionQueryResponse,
+} from 'src/api/types';
 import type {
     DataProcessingAlert,
     AlertSubscription as LegacyAlertSubscription,
 } from 'src/types';
 import type {
+    AlertConfigMutationInput,
+    AlertConfigQueryInput,
     AlertSubscriptionMutationInput,
     AlertSubscriptionsBy,
     AlertTypeQueryResponse,
@@ -22,6 +27,57 @@ import {
     updateSupabase,
 } from 'src/services/supabase';
 
+const AlertConfigQuery = gql<AlertConfigQueryResponse, AlertConfigQueryInput>`
+    query AlertConfigs(
+        $filter: AlertConfigsFilter
+        $after: String
+        $first: Int
+    ) {
+        alertConfigs(filter: $filter, after: $after, first: $first) {
+            edges {
+                node {
+                    catalogPrefixOrName
+                    config
+                    createdAt
+                    detail
+                    effective {
+                        config
+                        provenance {
+                            source
+                        }
+                    }
+                    id
+                    lastModifiedBy
+                    updatedAt
+                }
+            }
+            pageInfo {
+                endCursor
+                hasNextPage
+            }
+        }
+    }
+`;
+
+const AlertConfigUpdateMutation = gql<
+    { catalogPrefixOrName: string },
+    AlertConfigMutationInput
+>`
+    mutation UpdateAlertConfigMutation(
+        $catalogPrefixOrName: String!
+        $config: JSON!
+        $detail: String
+    ) {
+        updateAlertConfig(
+            catalogPrefixOrName: $catalogPrefixOrName
+            config: $config
+            detail: $detail
+        ) {
+            catalogPrefixOrName
+        }
+    }
+`;
+
 const AlertSubscriptionCreateMutation = gql<
     { catalogPrefix: string; email: string },
     AlertSubscriptionMutationInput
@@ -68,7 +124,6 @@ const AlertSubscriptionQuery = gql<
             alertTypes
             catalogPrefix
             email
-            updatedAt
         }
     }
 `;
@@ -177,6 +232,8 @@ const getTaskNotification = async (catalogName: string) => {
 };
 
 export {
+    AlertConfigQuery,
+    AlertConfigUpdateMutation,
     AlertSubscriptionCreateMutation,
     AlertSubscriptionDeleteMutation,
     AlertSubscriptionQuery,
diff --git a/src/api/gql/useAllPages.ts b/src/api/gql/useAllPages.ts
index e6e5addfe8..a8eaafe30e 100644
--- a/src/api/gql/useAllPages.ts
+++ b/src/api/gql/useAllPages.ts
@@ -4,7 +4,7 @@ import { useEffect, useRef, useState } from 'react';
 
 import { useQuery } from 'urql';
 
-interface Connection<TNode> {
+export interface Connection<TNode> {
     edges: { node: TNode }[];
     pageInfo: {
         hasNextPage: boolean;
diff --git a/src/api/types.ts b/src/api/types.ts
index 11d406c4a7..6c5282ba63 100644
--- a/src/api/types.ts
+++ b/src/api/types.ts
@@ -1,6 +1,16 @@
+import type { Connection } from 'src/api/gql/useAllPages';
+import type { AlertConfigEntry } from 'src/gql-types/graphql';
 import type { Entity } from 'src/types';
 import type { AlertSubscription } from 'src/types/gql';
 
+// The `AlertConfigEntryConnection` interface provided by GraphQL
+// cannot be used here, unfortunately, if the hook `useAllPages`
+// must be invoked. The client defines a generic type for GraphQL
+// connections that omits properties found in these connections.
+export interface AlertConfigQueryResponse {
+    alertConfigs: Connection<AlertConfigEntry>;
+}
+
 export interface DraftSpecData {
     spec: any;
     catalog_name?: string;
@@ -56,7 +66,7 @@ export interface LiveSpecsExtQuery_GroupedUpdates {
 
 export type ReducedAlertSubscription = Pick<
     AlertSubscription,
-    'alertTypes' | 'catalogPrefix' | 'email' | 'updatedAt'
+    'alertTypes' | 'catalogPrefix' | 'email'
 >;
 
 export interface ReducedAlertSubscriptionQueryResponse {
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/AlertTypeField.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/AlertTypeField.tsx
deleted file mode 100644
index 571a6f75be..0000000000
--- a/src/components/admin/Settings/PrefixAlerts/Dialog/AlertTypeField.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import type { AlertTypeFieldProps } from 'src/components/admin/Settings/PrefixAlerts/types';
-import type { AlertTypeInfo } from 'src/gql-types/graphql';
-
-import { useEffect } from 'react';
-
-import { Grid, Skeleton } from '@mui/material';
-
-import AlertTypeSelector from 'src/components/admin/Settings/PrefixAlerts/Dialog/AlertTypeSelector';
-import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
-import { useGetAlertTypes } from 'src/context/AlertType';
-
-const DEFAULT_OPTIONS: AlertTypeInfo[] = [];
-const AlertTypeField = ({ existingAlertTypes }: AlertTypeFieldProps) => {
-    const [{ fetching, data, error }] = useGetAlertTypes();
-
-    const setServerError = useAlertSubscriptionsStore(
-        (state) => state.setSaveErrors
-    );
-
-    const setAlertTypes = useAlertSubscriptionsStore(
-        (state) => state.setAlertTypes
-    );
-
-    useEffect(() => {
-        if (!fetching && data?.alertTypes) {
-            const existingAlertTypeDefs = existingAlertTypes
-                ? data.alertTypes.filter(({ alertType }) =>
-                      existingAlertTypes.includes(alertType)
-                  )
-                : null;
-
-            setAlertTypes(
-                existingAlertTypeDefs === null
-                    ? data.alertTypes.filter(({ isSystem }) => isSystem)
-                    : existingAlertTypeDefs
-            );
-        }
-    }, [data?.alertTypes, existingAlertTypes, fetching, setAlertTypes]);
-
-    useEffect(() => {
-        if (error) {
-            setServerError([error]);
-        }
-    }, [error, setServerError]);
-
-    return (
-        <Grid size={12}>
-            {fetching || !data ? (
-                <Skeleton height={38} width={490} />
-            ) : (
-                <AlertTypeSelector
-                    options={data.alertTypes ?? DEFAULT_OPTIONS}
-                />
-            )}
-        </Grid>
-    );
-};
-
-export default AlertTypeField;
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/AlertTypeSelector.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/AlertTypeSelector.tsx
deleted file mode 100644
index 27243b1c55..0000000000
--- a/src/components/admin/Settings/PrefixAlerts/Dialog/AlertTypeSelector.tsx
+++ /dev/null
@@ -1,165 +0,0 @@
-import type { AutocompleteRenderInputParams } from '@mui/material';
-import type { AlertTypeSelectorProps } from 'src/components/admin/Settings/PrefixAlerts/types';
-import type { AlertTypeInfo } from 'src/gql-types/graphql';
-
-import { useMemo } from 'react';
-
-import {
-    Autocomplete,
-    FormControl,
-    Stack,
-    TextField,
-    Typography,
-    useTheme,
-} from '@mui/material';
-
-import { union } from 'lodash';
-import { useIntl } from 'react-intl';
-
-import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
-import SelectableAutocompleteOption from 'src/components/shared/Dialog/SelectableAutocompleteOption';
-import { diminishedTextColor } from 'src/context/Theme';
-import { OutlinedChip } from 'src/styledComponents/chips/OutlinedChip';
-import { basicSort_string, sortByAlertType } from 'src/utils/misc-utils';
-
-const AlertTypeSelector = ({ options }: AlertTypeSelectorProps) => {
-    const intl = useIntl();
-    const theme = useTheme();
-
-    const serverError = useAlertSubscriptionsStore(
-        (state) => state.initializationError
-    );
-    const alertTypes = useAlertSubscriptionsStore(
-        (state) => state.subscription.alertTypes
-    );
-    const setAlertTypes = useAlertSubscriptionsStore(
-        (state) => state.setAlertTypes
-    );
-
-    const systemAlerts: AlertTypeInfo[] = useMemo(
-        () => options.filter(({ isSystem }) => isSystem),
-        [options]
-    );
-
-    const values: AlertTypeInfo[] = useMemo(
-        () => options.filter(({ alertType }) => alertTypes.includes(alertType)),
-        [options, alertTypes]
-    );
-
-    return (
-        <FormControl fullWidth>
-            <Autocomplete
-                disableCloseOnSelect
-                disabled={Boolean(serverError)}
-                getOptionLabel={({ alertType }) => alertType}
-                isOptionEqualToValue={(option, value) =>
-                    option.alertType === value.alertType
-                }
-                multiple
-                onChange={(_event, values) => {
-                    const evaluatedValues = union(values, systemAlerts);
-
-                    setAlertTypes(evaluatedValues);
-                }}
-                options={options.sort((first, second) =>
-                    basicSort_string(
-                        first.displayName,
-                        second.displayName,
-                        'asc'
-                    )
-                )}
-                renderInput={({
-                    InputProps,
-                    ...params
-                }: AutocompleteRenderInputParams) => (
-                    <TextField
-                        {...params}
-                        InputProps={{
-                            ...InputProps,
-                            sx: { borderRadius: 3 },
-                        }}
-                        label={intl.formatMessage({
-                            id: 'entityTable.data.alertTypes',
-                        })}
-                        size="small"
-                        variant="outlined"
-                    />
-                )}
-                renderOption={(renderOptionProps, option, state) => {
-                    const { key, ...restRenderOptionProps } = renderOptionProps;
-                    const { description, displayName, isSystem } = option;
-
-                    return isSystem ? null : (
-                        <SelectableAutocompleteOption
-                            key={key}
-                            Content={
-                                <Stack>
-                                    <Typography
-                                        style={{
-                                            fontWeight: 500,
-                                            marginBottom: 4,
-                                            textTransform: 'capitalize',
-                                        }}
-                                    >
-                                        {displayName}
-                                    </Typography>
-
-                                    {description ? (
-                                        <Typography
-                                            sx={{
-                                                color: diminishedTextColor[
-                                                    theme.palette.mode
-                                                ],
-                                            }}
-                                        >
-                                            {description}
-                                        </Typography>
-                                    ) : null}
-                                </Stack>
-                            }
-                            renderOptionProps={restRenderOptionProps}
-                            state={state}
-                        />
-                    );
-                }}
-                renderTags={(values, getTagProps) => {
-                    return values
-                        .sort((first, second) =>
-                            sortByAlertType(
-                                {
-                                    isSystemAlert: first.isSystem,
-                                    value: first.displayName,
-                                },
-                                {
-                                    isSystemAlert: second.isSystem,
-                                    value: second.displayName,
-                                },
-                                'asc'
-                            )
-                        )
-                        .map(({ alertType, displayName, isSystem }, index) => {
-                            const { onDelete, key, ...restOfTagProps } =
-                                getTagProps({
-                                    index,
-                                });
-
-                            return (
-                                <OutlinedChip
-                                    {...restOfTagProps}
-                                    diminishedText={isSystem}
-                                    key={`alert_type-tag-${alertType}-${index}`}
-                                    label={displayName}
-                                    onDelete={isSystem ? undefined : onDelete}
-                                    size="small"
-                                    variant="outlined"
-                                />
-                            );
-                        });
-                }}
-                value={values}
-            />
-        </FormControl>
-    );
-};
-
-export default AlertTypeSelector;
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/DeleteButton.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/DeleteButton.tsx
index d1a4f6a3a4..1342ddd9c2 100644
--- a/src/components/admin/Settings/PrefixAlerts/Dialog/DeleteButton.tsx
+++ b/src/components/admin/Settings/PrefixAlerts/Dialog/DeleteButton.tsx
@@ -1,40 +1,69 @@
 import type { DialogActionProps } from 'src/components/admin/Settings/PrefixAlerts/types';
 
+import { useMemo } from 'react';
+
 import { Button } from '@mui/material';
 
 import { useIntl } from 'react-intl';
 
 import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
-import { useModifyAlertSubscription } from 'src/components/admin/Settings/PrefixAlerts/useModifyAlertSubscription';
+import { useModifyAlertMetadata } from 'src/components/admin/Settings/PrefixAlerts/useModifyAlertMetadata';
 
 const DeleteButton = ({ closeDialog }: DialogActionProps) => {
     const intl = useIntl();
+    const { loading, onClick } = useModifyAlertMetadata(closeDialog, true);
 
-    const { loading, onClick } = useModifyAlertSubscription(closeDialog, true);
-
-    const prefixErrorsExist = useAlertSubscriptionsStore(
-        (state) => state.prefixErrorsExist
+    const errorsExist = useAlertSubscriptionsStore(
+        (state) =>
+            state.prefixErrorsExist ||
+            state.mutableSubscriptionMetadata.subscriptions.some(
+                ({ emailErrorsExist }) => emailErrorsExist
+            )
     );
 
-    const subscription = useAlertSubscriptionsStore(
-        (state) => state.subscription
+    const catalogPrefix = useAlertSubscriptionsStore(
+        (state) => state.catalogPrefix
+    );
+    const mutableSubscriptionMetadata = useAlertSubscriptionsStore(
+        (state) => state.mutableSubscriptionMetadata
+    );
+    const subscriptionMetadata = useAlertSubscriptionsStore(
+        (state) => state.subscriptionMetadata
     );
 
+    const disabled = useMemo(() => {
+        const { subscriptions } = mutableSubscriptionMetadata;
+
+        const emptyEmailExists = subscriptions.some(
+            ({ email }) => email.length === 0
+        );
+
+        return Boolean(
+            errorsExist ||
+                loading ||
+                catalogPrefix.length === 0 ||
+                subscriptions.length === 0 ||
+                emptyEmailExists ||
+                !Object.keys(subscriptionMetadata).includes(catalogPrefix)
+        );
+    }, [
+        catalogPrefix,
+        errorsExist,
+        loading,
+        mutableSubscriptionMetadata,
+        subscriptionMetadata,
+    ]);
+
     return (
         <Button
             color="error"
-            disabled={Boolean(
-                prefixErrorsExist ||
-                    loading ||
-                    subscription.catalogPrefix.length === 0 ||
-                    subscription.email.length === 0
-            )}
+            disabled={disabled}
             loading={loading}
             onClick={onClick}
             size="small"
             variant="outlined"
         >
-            {intl.formatMessage({ id: 'cta.delete' })}
+            {intl.formatMessage({ id: 'alerts.config.dialog.cta.deleteAll' })}
         </Button>
     );
 };
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/EmailListField.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/EmailListField.tsx
deleted file mode 100644
index 839a649e99..0000000000
--- a/src/components/admin/Settings/PrefixAlerts/Dialog/EmailListField.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import type { EmailListFieldProps } from 'src/components/admin/Settings/PrefixAlerts/types';
-
-import { Grid, TextField } from '@mui/material';
-
-import { useIntl } from 'react-intl';
-
-import EmailSelector from 'src/components/admin/Settings/PrefixAlerts/EmailSelector';
-
-const EmailListField = ({ staticEmail }: EmailListFieldProps) => {
-    const intl = useIntl();
-
-    return (
-        <Grid size={{ xs: 12, md: 7 }}>
-            {staticEmail ? (
-                <TextField
-                    InputProps={{
-                        sx: { borderRadius: 3 },
-                    }}
-                    disabled
-                    fullWidth
-                    label={intl.formatMessage({
-                        id: 'data.email',
-                    })}
-                    required
-                    size="small"
-                    value={staticEmail}
-                    variant="outlined"
-                />
-            ) : (
-                <EmailSelector />
-            )}
-        </Grid>
-    );
-};
-
-export default EmailListField;
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/GlobalSettings/DataMovementSetting.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/GlobalSettings/DataMovementSetting.tsx
new file mode 100644
index 0000000000..5b10668c93
--- /dev/null
+++ b/src/components/admin/Settings/PrefixAlerts/Dialog/GlobalSettings/DataMovementSetting.tsx
@@ -0,0 +1,107 @@
+import type { AutocompleteRenderInputParams } from '@mui/material';
+import type { GlobalSettingProps } from 'src/components/admin/Settings/PrefixAlerts/types';
+
+import React from 'react';
+
+import {
+    Autocomplete,
+    Skeleton,
+    Stack,
+    TextField,
+    Typography,
+} from '@mui/material';
+
+import { useIntl } from 'react-intl';
+
+import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
+import useSettingIntervalOptions from 'src/components/shared/Entity/Details/Overview/NotificationSettings/useSettingIntervalOptions';
+import {
+    fromUnconventionalTimeFormat,
+    toUnconventionalTimeFormat,
+} from 'src/utils/notification-utils';
+
+const DataMovementSetting = ({
+    config,
+    loading,
+    prefix,
+    targetSetting,
+}: GlobalSettingProps<{ stalledFor: string }>) => {
+    const intl = useIntl();
+
+    const { options } = useSettingIntervalOptions();
+
+    const setGlobalPrefixSettings = useAlertSubscriptionsStore(
+        (state) => state.setGlobalPrefixSettings
+    );
+
+    return (
+        <Stack spacing={2}>
+            <Stack spacing="2px">
+                <Typography style={{ fontWeight: 500 }}>
+                    {intl.formatMessage({
+                        id: 'alerts.alertType.humanReadable.data_movement_stalled',
+                    })}
+                </Typography>
+
+                <Typography>
+                    {intl.formatMessage({
+                        id: 'details.settings.notifications.dataProcessing.noDataProcessedInInterval.message',
+                    })}
+                </Typography>
+            </Stack>
+
+            {loading ? (
+                <Skeleton height={38} />
+            ) : (
+                <Autocomplete
+                    disabled={!prefix}
+                    disableClearable
+                    fullWidth
+                    getOptionLabel={(interval) => options[interval]}
+                    onChange={(_event: React.SyntheticEvent, value: string) => {
+                        const formattedValue =
+                            toUnconventionalTimeFormat(value);
+
+                        setGlobalPrefixSettings(
+                            formattedValue !== 'none'
+                                ? {
+                                      [targetSetting]: {
+                                          condition: {
+                                              stalledFor: formattedValue,
+                                          },
+                                      },
+                                  }
+                                : {},
+                            targetSetting
+                        );
+                    }}
+                    options={Object.keys(options)}
+                    renderInput={({
+                        InputProps,
+                        ...params
+                    }: AutocompleteRenderInputParams) => (
+                        <TextField
+                            {...params}
+                            label={intl.formatMessage({
+                                id: 'details.settings.notifications.dataProcessing.noDataProcessedInInterval.label',
+                            })}
+                            size="small"
+                            variant="outlined"
+                            slotProps={{
+                                input: {
+                                    ...InputProps,
+                                    sx: { borderRadius: 3 },
+                                },
+                            }}
+                        />
+                    )}
+                    value={fromUnconventionalTimeFormat(
+                        config?.condition.stalledFor
+                    )}
+                />
+            )}
+        </Stack>
+    );
+};
+
+export default DataMovementSetting;
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/GlobalSettings/index.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/GlobalSettings/index.tsx
new file mode 100644
index 0000000000..fe2845e2a6
--- /dev/null
+++ b/src/components/admin/Settings/PrefixAlerts/Dialog/GlobalSettings/index.tsx
@@ -0,0 +1,62 @@
+import { Stack, Typography } from '@mui/material';
+
+import { useIntl } from 'react-intl';
+
+import DataMovementSetting from 'src/components/admin/Settings/PrefixAlerts/Dialog/GlobalSettings/DataMovementSetting';
+import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
+import { useInitializeAlertConfigs } from 'src/components/admin/Settings/PrefixAlerts/useInitializeAlertConfigs';
+import { defaultOutline } from 'src/context/Theme';
+import { AlertConfigKeys } from 'src/utils/notification-utils';
+
+const GlobalSettings = () => {
+    const intl = useIntl();
+
+    const { loading: loadingAlertConfigs } = useInitializeAlertConfigs();
+
+    const catalogPrefix = useAlertSubscriptionsStore(
+        (state) => state.catalogPrefix
+    );
+    const mutableSubscriptionMetadata = useAlertSubscriptionsStore(
+        (state) => state.mutableSubscriptionMetadata
+    );
+
+    return (
+        <Stack
+            spacing={2}
+            sx={{
+                backgroundColor: (theme) =>
+                    theme.palette.mode === 'dark' ? 'transparent' : 'white',
+                border: (theme) => defaultOutline[theme.palette.mode],
+                borderRadius: '6px',
+                padding: 2,
+            }}
+        >
+            <Stack spacing="4px">
+                <Typography style={{ fontSize: 16, fontWeight: 300 }}>
+                    {intl.formatMessage({
+                        id: 'alerts.config.dialog.label.globalSettings',
+                    })}
+                </Typography>
+
+                <Typography>
+                    {intl.formatMessage({
+                        id: 'alerts.config.dialog.message.globalSettings',
+                    })}
+                </Typography>
+            </Stack>
+
+            <DataMovementSetting
+                config={
+                    mutableSubscriptionMetadata.settings?.[
+                        AlertConfigKeys.DATA_MOVEMENT_STALLED
+                    ]
+                }
+                loading={loadingAlertConfigs}
+                prefix={catalogPrefix}
+                targetSetting={AlertConfigKeys.DATA_MOVEMENT_STALLED}
+            />
+        </Stack>
+    );
+};
+
+export default GlobalSettings;
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/PrefixField.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/PrefixField.tsx
index 9a79e7ad0a..741f375184 100644
--- a/src/components/admin/Settings/PrefixAlerts/Dialog/PrefixField.tsx
+++ b/src/components/admin/Settings/PrefixAlerts/Dialog/PrefixField.tsx
@@ -1,6 +1,6 @@
 import type { PrefixFieldProps } from 'src/components/admin/Settings/PrefixAlerts/types';
 
-import { Grid, TextField } from '@mui/material';
+import { TextField } from '@mui/material';
 
 import { useIntl } from 'react-intl';
 import { useMount } from 'react-use';
@@ -21,35 +21,34 @@ export default function PrefixField({ staticPrefix }: PrefixFieldProps) {
         }
     });
 
-    return (
-        <Grid size={{ xs: 12, md: 5 }}>
-            {staticPrefix ? (
-                <TextField
-                    InputProps={{
-                        sx: { borderRadius: 3 },
-                    }}
-                    disabled
-                    fullWidth
-                    label={intl.formatMessage({
-                        id: 'common.tenant',
-                    })}
-                    required
-                    size="small"
-                    value={staticPrefix}
-                    variant="outlined"
-                />
-            ) : (
-                <PrefixedName
-                    label={intl.formatMessage({
-                        id: 'common.tenant',
-                    })}
-                    onChange={setSubscribedPrefix}
-                    prefixOnly
-                    required
-                    size="small"
-                    validateOnLoad
-                />
-            )}
-        </Grid>
+    return staticPrefix ? (
+        <TextField
+            disabled
+            fullWidth
+            label={intl.formatMessage({
+                id: 'common.tenant',
+            })}
+            required
+            size="small"
+            slotProps={{
+                input: {
+                    sx: { borderRadius: 3 },
+                },
+            }}
+            value={staticPrefix}
+            variant="outlined"
+        />
+    ) : (
+        <PrefixedName
+            allowBlankName
+            allowEndSlash
+            label={intl.formatMessage({
+                id: 'common.tenant',
+            })}
+            onChange={setSubscribedPrefix}
+            required
+            size="small"
+            validateOnLoad
+        />
     );
 }
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/SaveButton.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/SaveButton.tsx
index 3dd5affab3..95683b6a98 100644
--- a/src/components/admin/Settings/PrefixAlerts/Dialog/SaveButton.tsx
+++ b/src/components/admin/Settings/PrefixAlerts/Dialog/SaveButton.tsx
@@ -7,18 +7,27 @@ import { Button } from '@mui/material';
 import { useIntl } from 'react-intl';
 
 import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
-import { useModifyAlertSubscription } from 'src/components/admin/Settings/PrefixAlerts/useModifyAlertSubscription';
+import { useModifyAlertMetadata } from 'src/components/admin/Settings/PrefixAlerts/useModifyAlertMetadata';
 
 const SaveButton = ({ closeDialog }: DialogActionProps) => {
     const intl = useIntl();
-    const { loading, onClick } = useModifyAlertSubscription(closeDialog);
+    const { loading, onClick } = useModifyAlertMetadata(closeDialog);
 
     const errorsExist = useAlertSubscriptionsStore(
-        (state) => state.emailErrorsExist || state.prefixErrorsExist
+        (state) =>
+            state.prefixErrorsExist ||
+            state.mutableSubscriptionMetadata.subscriptions.some(
+                ({ emailErrorsExist }) => emailErrorsExist
+            )
     );
 
-    const subscription = useAlertSubscriptionsStore(
-        (state) => state.subscription
+    const catalogPrefix = useAlertSubscriptionsStore(
+        (state) => state.catalogPrefix
+    );
+    const emptyEmailExists = useAlertSubscriptionsStore((state) =>
+        state.mutableSubscriptionMetadata.subscriptions.some(
+            ({ email }) => email.length === 0
+        )
     );
 
     const disabled = useMemo(
@@ -26,10 +35,10 @@ const SaveButton = ({ closeDialog }: DialogActionProps) => {
             Boolean(
                 errorsExist ||
                     loading ||
-                    subscription.catalogPrefix.length === 0 ||
-                    subscription.email.length === 0
+                    catalogPrefix.length === 0 ||
+                    emptyEmailExists
             ),
-        [errorsExist, loading, subscription.catalogPrefix, subscription.email]
+        [catalogPrefix, emptyEmailExists, errorsExist, loading]
     );
 
     return (
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/ServerErrors.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/ServerErrors.tsx
index 9b13301e7f..0f96ee5dfb 100644
--- a/src/components/admin/Settings/PrefixAlerts/Dialog/ServerErrors.tsx
+++ b/src/components/admin/Settings/PrefixAlerts/Dialog/ServerErrors.tsx
@@ -9,7 +9,7 @@ import { hasLength } from 'src/utils/misc-utils';
 export default function ServerErrors() {
     const serverErrors = useAlertSubscriptionsStore(
         useShallow((state) =>
-            [state.initializationError].concat(state.saveErrors)
+            [state.initializationError].concat(state.serverErrors)
         )
     );
 
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/AddButton.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/AddButton.tsx
new file mode 100644
index 0000000000..d6c89b29f7
--- /dev/null
+++ b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/AddButton.tsx
@@ -0,0 +1,34 @@
+import { Button } from '@mui/material';
+
+import { useIntl } from 'react-intl';
+
+import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
+import { useEvaluateSubscriptionIneligibility } from 'src/components/admin/Settings/PrefixAlerts/useEvaluateSubscriptionIneligibility';
+
+const AddButton = () => {
+    const intl = useIntl();
+
+    const addTemplatedSubscription = useAlertSubscriptionsStore(
+        (state) => state.addTemplatedSubscription
+    );
+    const { emptyEmailDetected, duplicateSubscriptionEmails } =
+        useEvaluateSubscriptionIneligibility();
+
+    return (
+        <Button
+            disabled={
+                emptyEmailDetected || duplicateSubscriptionEmails.length > 0
+            }
+            onClick={() => {
+                addTemplatedSubscription();
+            }}
+            variant="text"
+        >
+            {intl.formatMessage({
+                id: 'alerts.config.dialog.cta.addSubscriber',
+            })}
+        </Button>
+    );
+};
+
+export default AddButton;
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/AlertTypeField.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/AlertTypeField.tsx
new file mode 100644
index 0000000000..d9684a645a
--- /dev/null
+++ b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/AlertTypeField.tsx
@@ -0,0 +1,23 @@
+import type { SubscriptionDependentProps } from 'src/components/admin/Settings/PrefixAlerts/types';
+
+import { Skeleton } from '@mui/material';
+
+import AlertTypeList from 'src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/AlertTypeList';
+import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
+
+const AlertTypeField = ({ subscription }: SubscriptionDependentProps) => {
+    const alertTypeOptions = useAlertSubscriptionsStore(
+        (state) => state.alertTypeOptions
+    );
+    const alertTypeOptionsFetching = useAlertSubscriptionsStore(
+        (state) => state.alertTypeOptionsFetching
+    );
+
+    return alertTypeOptionsFetching ? (
+        <Skeleton height={38} width={490} />
+    ) : (
+        <AlertTypeList subscription={subscription} options={alertTypeOptions} />
+    );
+};
+
+export default AlertTypeField;
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/AlertTypeList.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/AlertTypeList.tsx
new file mode 100644
index 0000000000..9991b2a7a0
--- /dev/null
+++ b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/AlertTypeList.tsx
@@ -0,0 +1,157 @@
+import type { AlertTypeListProps } from 'src/components/admin/Settings/PrefixAlerts/types';
+
+import {
+    Checkbox,
+    FormControl,
+    FormControlLabel,
+    List,
+    ListItem,
+    Stack,
+    Typography,
+    useTheme,
+} from '@mui/material';
+
+import { Lock } from 'iconoir-react';
+import { useIntl } from 'react-intl';
+
+import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
+import {
+    defaultOutline,
+    defaultOutlineColor_hovered,
+    diminishedTextColor,
+} from 'src/context/Theme';
+
+const AlertTypeList = ({ options, subscription }: AlertTypeListProps) => {
+    const intl = useIntl();
+    const theme = useTheme();
+
+    const serverError = useAlertSubscriptionsStore(
+        (state) => state.initializationError
+    );
+    const setSingleAlertType = useAlertSubscriptionsStore(
+        (state) => state.setSingleAlertType
+    );
+
+    return (
+        <Stack spacing={1}>
+            <Typography style={{ fontWeight: 500 }}>
+                {intl.formatMessage({
+                    id: 'entityTable.data.alertTypes',
+                })}
+            </Typography>
+
+            <List component="div" disablePadding>
+                {options.map((option, index) => {
+                    const { alertType, description, displayName, isSystem } =
+                        option;
+                    const alertTypes = subscription?.alertTypes ?? [];
+                    const selected = alertTypes.includes(alertType);
+
+                    return (
+                        <ListItem
+                            key={`${alertType}-${index}`}
+                            dense
+                            sx={{
+                                'backgroundColor': selected
+                                    ? theme.palette.primary.alpha_05
+                                    : undefined,
+                                'border': selected
+                                    ? `1px solid ${theme.palette.primary.alpha_50}`
+                                    : defaultOutline[theme.palette.mode],
+                                'borderRadius': '6px',
+                                'marginBottom': '6px',
+                                '&:hover': {
+                                    borderColor: isSystem
+                                        ? undefined
+                                        : selected
+                                          ? theme.palette.primary.main
+                                          : defaultOutlineColor_hovered[
+                                                theme.palette.mode
+                                            ],
+                                },
+                            }}
+                        >
+                            <FormControl fullWidth>
+                                <FormControlLabel
+                                    control={
+                                        <Checkbox
+                                            checked={selected}
+                                            onChange={(event) => {
+                                                setSingleAlertType(
+                                                    option.alertType,
+                                                    event.target.checked,
+                                                    subscription?.catalogPrefix,
+                                                    subscription?.email
+                                                );
+                                            }}
+                                        />
+                                    }
+                                    disabled={Boolean(serverError)}
+                                    label={
+                                        <Stack>
+                                            <Stack
+                                                direction="row"
+                                                style={{
+                                                    justifyContent:
+                                                        'space-between',
+                                                    marginTop: 8,
+                                                }}
+                                            >
+                                                <Typography
+                                                    style={{
+                                                        fontWeight: 500,
+                                                        marginBottom: 4,
+                                                        textTransform:
+                                                            'capitalize',
+                                                    }}
+                                                >
+                                                    {displayName}
+                                                </Typography>
+
+                                                {isSystem ? (
+                                                    <Lock
+                                                        style={{
+                                                            color: diminishedTextColor[
+                                                                theme.palette
+                                                                    .mode
+                                                            ],
+                                                        }}
+                                                    />
+                                                ) : null}
+                                            </Stack>
+
+                                            {description ? (
+                                                <Typography
+                                                    sx={{
+                                                        color: diminishedTextColor[
+                                                            theme.palette.mode
+                                                        ],
+                                                        marginBottom: 1,
+                                                    }}
+                                                >
+                                                    {description}
+                                                </Typography>
+                                            ) : null}
+                                        </Stack>
+                                    }
+                                    slotProps={{
+                                        typography: {
+                                            component: 'div',
+                                            width: '100%',
+                                        },
+                                    }}
+                                    style={{
+                                        alignItems: 'flex-start',
+                                        marginRight: 'unset',
+                                    }}
+                                />
+                            </FormControl>
+                        </ListItem>
+                    );
+                })}
+            </List>
+        </Stack>
+    );
+};
+
+export default AlertTypeList;
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/DeleteButton.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/DeleteButton.tsx
new file mode 100644
index 0000000000..a067c55b44
--- /dev/null
+++ b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/DeleteButton.tsx
@@ -0,0 +1,41 @@
+import type { SubscriptionDependentProps } from 'src/components/admin/Settings/PrefixAlerts/types';
+
+import { IconButton, useTheme } from '@mui/material';
+
+import { Xmark } from 'iconoir-react';
+
+import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
+
+const DeleteButton = ({
+    subscription: { catalogPrefix, id },
+}: SubscriptionDependentProps) => {
+    const theme = useTheme();
+
+    const markSubscriptionForDeletion = useAlertSubscriptionsStore(
+        (state) => state.markSubscriptionForDeletion
+    );
+
+    return (
+        <IconButton
+            onClick={(event) => {
+                event.stopPropagation();
+
+                markSubscriptionForDeletion(catalogPrefix, id);
+            }}
+            size="small"
+            sx={{
+                display: 'inline-flex',
+                mr: '3px',
+                mt: '4px',
+            }}
+        >
+            <Xmark
+                style={{
+                    color: theme.palette.text.primary,
+                }}
+            />
+        </IconButton>
+    );
+};
+
+export default DeleteButton;
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/Details.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/Details.tsx
new file mode 100644
index 0000000000..7a43783f92
--- /dev/null
+++ b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/Details.tsx
@@ -0,0 +1,20 @@
+import type { SubscriberAccordionProps } from 'src/components/admin/Settings/PrefixAlerts/types';
+
+import { AccordionDetails, Stack } from '@mui/material';
+
+import AlertTypeField from 'src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/AlertTypeField';
+import EmailListField from 'src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/EmailListField';
+
+const Details = ({ subscription }: SubscriberAccordionProps) => {
+    return (
+        <AccordionDetails style={{ paddingLeft: 32, paddingRight: 32 }}>
+            <Stack spacing={3}>
+                <EmailListField subscription={subscription} />
+
+                <AlertTypeField subscription={subscription} />
+            </Stack>
+        </AccordionDetails>
+    );
+};
+
+export default Details;
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/EmailListField.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/EmailListField.tsx
new file mode 100644
index 0000000000..5fbab63912
--- /dev/null
+++ b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/EmailListField.tsx
@@ -0,0 +1,34 @@
+import type { EmailListFieldProps } from 'src/components/admin/Settings/PrefixAlerts/types';
+
+import { TextField } from '@mui/material';
+
+import { useIntl } from 'react-intl';
+
+import EmailSelector from 'src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/EmailSelector';
+
+const EmailListField = ({ subscription, staticEmail }: EmailListFieldProps) => {
+    const intl = useIntl();
+
+    return staticEmail ? (
+        <TextField
+            disabled
+            fullWidth
+            label={intl.formatMessage({
+                id: 'data.email',
+            })}
+            required
+            size="small"
+            slotProps={{
+                input: {
+                    sx: { borderRadius: 3 },
+                },
+            }}
+            value={staticEmail}
+            variant="outlined"
+        />
+    ) : (
+        <EmailSelector subscription={subscription} />
+    );
+};
+
+export default EmailListField;
diff --git a/src/components/admin/Settings/PrefixAlerts/EmailSelector.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/EmailSelector.tsx
similarity index 65%
rename from src/components/admin/Settings/PrefixAlerts/EmailSelector.tsx
rename to src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/EmailSelector.tsx
index d0e173949a..186827d0d6 100644
--- a/src/components/admin/Settings/PrefixAlerts/EmailSelector.tsx
+++ b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/EmailSelector.tsx
@@ -1,4 +1,5 @@
 import type { AutocompleteRenderInputParams } from '@mui/material';
+import type { SubscriptionDependentProps } from 'src/components/admin/Settings/PrefixAlerts/types';
 import type { Grant_UserExt } from 'src/types';
 
 import { useEffect, useMemo, useState } from 'react';
@@ -18,6 +19,7 @@ import { useShallow } from 'zustand/react/shallow';
 import { useIntl } from 'react-intl';
 
 import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
+import { useEvaluateSubscriptionIneligibility } from 'src/components/admin/Settings/PrefixAlerts/useEvaluateSubscriptionIneligibility';
 import UserAvatar from 'src/components/shared/UserAvatar';
 import usePrefixAdministrators from 'src/hooks/usePrefixAdministrators';
 import useUserInformationByPrefix from 'src/hooks/useUserInformationByPrefix';
@@ -31,21 +33,27 @@ const sanitizeEmail = (value: string) => {
     return value.trim();
 };
 
-function EmailSelector() {
+// TODO: Investigate an issue that prevents the list of admin email from
+//   being displayed as options. Confirm this is not an existing issue in
+//   production.
+function EmailSelector({
+    subscription: { email: subscribedEmail, id: subscriptionId },
+}: SubscriptionDependentProps) {
     const intl = useIntl();
 
     const serverError = useAlertSubscriptionsStore(
         (state) => state.initializationError
     );
-    const [prefix, subscribedEmail, setSubscribedEmail, setEmailErrorsExist] =
+    const [prefix, setSubscribedEmail, setEmailErrorsExist] =
         useAlertSubscriptionsStore(
             useShallow((state) => [
-                state.subscription.catalogPrefix,
-                state.subscription.email,
+                state.catalogPrefix,
                 state.setSubscribedEmail,
                 state.setEmailErrorsExist,
             ])
         );
+    const { emptyEmailDetected, duplicateSubscriptionEmails } =
+        useEvaluateSubscriptionIneligibility();
 
     const [inputValue, setInputValue] = useState(subscribedEmail);
 
@@ -64,14 +72,30 @@ function EmailSelector() {
         [inputValue]
     );
 
+    const duplicateEmailDetected =
+        duplicateSubscriptionEmails.includes(subscribedEmail);
+
     useEffect(() => {
-        setEmailErrorsExist(inputErrorExists);
-    }, [inputErrorExists, setEmailErrorsExist]);
+        setEmailErrorsExist(
+            inputErrorExists || duplicateEmailDetected,
+            subscriptionId
+        );
+    }, [
+        duplicateEmailDetected,
+        inputErrorExists,
+        setEmailErrorsExist,
+        subscriptionId,
+    ]);
 
     return (
         <FormControl fullWidth>
             <Autocomplete
-                disabled={Boolean(serverError)}
+                disabled={
+                    Boolean(serverError) ||
+                    (emptyEmailDetected && subscribedEmail.length > 0) ||
+                    (duplicateSubscriptionEmails.length > 0 &&
+                        !duplicateEmailDetected)
+                }
                 filterOptions={(options) =>
                     options.filter((option) => {
                         if (typeof option === 'string') {
@@ -107,7 +131,7 @@ function EmailSelector() {
                 }}
                 onChange={(_event, value, reason) => {
                     if (!value) {
-                        setSubscribedEmail('');
+                        setSubscribedEmail('', subscriptionId);
 
                         return;
                     }
@@ -125,12 +149,20 @@ function EmailSelector() {
                     setSubscribedEmail(
                         typeof value === 'string'
                             ? sanitizeEmail(value)
-                            : value.user_email
+                            : value.user_email,
+                        subscriptionId
                     );
                 }}
+                onKeyDown={(event) => {
+                    if (event.key === 'Enter' || event.key === 'Tab') {
+                        setSubscribedEmail(
+                            sanitizeEmail(inputValue),
+                            subscriptionId
+                        );
+                    }
+                }}
                 onInputChange={(_event, value) => {
                     setInputValue(value);
-                    setSubscribedEmail(sanitizeEmail(value));
                 }}
                 options={userInfo as Option[]}
                 renderInput={({
@@ -139,16 +171,23 @@ function EmailSelector() {
                 }: AutocompleteRenderInputParams) => (
                     <TextField
                         {...params}
-                        InputProps={{
-                            ...InputProps,
-                            sx: { borderRadius: 3 },
-                        }}
-                        error={inputErrorExists}
+                        error={inputErrorExists || duplicateEmailDetected}
                         label={intl.formatMessage({
                             id: 'data.email',
                         })}
+                        onBlur={(_event) => {
+                            setSubscribedEmail(
+                                sanitizeEmail(inputValue),
+                                subscriptionId
+                            );
+                        }}
                         required
                         size="small"
+                        slotProps={{
+                            input: {
+                                sx: { borderRadius: 3 },
+                            },
+                        }}
                         variant="outlined"
                     />
                 )}
@@ -175,16 +214,19 @@ function EmailSelector() {
                                     <ListItemText
                                         primary={option.user_full_name}
                                         secondary={option.user_email}
-                                        primaryTypographyProps={{
-                                            sx: {
-                                                fontWeight: 500,
-                                                fontSize: 16,
+                                        slotProps={{
+                                            primary: {
+                                                sx: {
+                                                    fontWeight: 500,
+                                                    fontSize: 16,
+                                                },
                                             },
-                                        }}
-                                        secondaryTypographyProps={{
-                                            sx: {
-                                                color: (theme) =>
-                                                    theme.palette.text.primary,
+                                            secondary: {
+                                                sx: {
+                                                    color: (theme) =>
+                                                        theme.palette.text
+                                                            .primary,
+                                                },
                                             },
                                         }}
                                         sx={{ ml: 2 }}
@@ -199,12 +241,20 @@ function EmailSelector() {
             />
 
             {inputErrorExists ? (
-                <FormHelperText error={inputErrorExists}>
+                <FormHelperText error>
                     {intl.formatMessage({
                         id: 'alerts.config.dialog.emailSelector.inputError',
                     })}
                 </FormHelperText>
             ) : null}
+
+            {duplicateEmailDetected ? (
+                <FormHelperText error>
+                    {intl.formatMessage({
+                        id: 'alerts.config.dialog.emailSelector.duplicationError',
+                    })}
+                </FormHelperText>
+            ) : null}
         </FormControl>
     );
 }
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/Summary.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/Summary.tsx
new file mode 100644
index 0000000000..893853f0b8
--- /dev/null
+++ b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/Summary.tsx
@@ -0,0 +1,134 @@
+import type { SubscriberAccordionSummaryProps } from 'src/components/admin/Settings/PrefixAlerts/types';
+import type { ChipDisplay } from 'src/components/shared/ChipList/types';
+import type { AlertTypeInfo } from 'src/gql-types/graphql';
+
+import { useMemo } from 'react';
+
+import {
+    AccordionSummary,
+    accordionSummaryClasses,
+    Box,
+    Stack,
+    Typography,
+    useTheme,
+} from '@mui/material';
+
+import { NavArrowDown, NavArrowRight, WarningCircle } from 'iconoir-react';
+import { useIntl } from 'react-intl';
+
+import ChipList from 'src/components/shared/ChipList';
+import { useGetAlertTypes } from 'src/context/AlertType';
+import { sortByAlertType } from 'src/utils/misc-utils';
+
+const Summary = ({
+    duplicateSubscriptionEmails,
+    expanded,
+    subscription,
+}: SubscriberAccordionSummaryProps) => {
+    const theme = useTheme();
+    const intl = useIntl();
+
+    const [alertTypeResponse] = useGetAlertTypes();
+
+    const alertTypeDefs: AlertTypeInfo[] = useMemo(
+        () =>
+            !alertTypeResponse.data ? [] : alertTypeResponse.data.alertTypes,
+        [alertTypeResponse.data]
+    );
+
+    const { alertTypes, email } = subscription;
+
+    const evaluatedAlertTypes: ChipDisplay[] = useMemo(
+        () =>
+            alertTypes
+                .map((alertType) =>
+                    alertTypeDefs.find((def) => def.alertType === alertType)
+                )
+                .filter((def) => typeof def !== 'undefined')
+                .sort((first, second) =>
+                    sortByAlertType(
+                        {
+                            isSystemAlert: first.isSystem,
+                            value: first.displayName,
+                        },
+                        {
+                            isSystemAlert: second.isSystem,
+                            value: second.displayName,
+                        },
+                        'asc'
+                    )
+                )
+                .map(({ displayName }) => ({ display: displayName })),
+        [alertTypeDefs, alertTypes]
+    );
+
+    const ineligibleSubscription =
+        duplicateSubscriptionEmails.length > 0 &&
+        duplicateSubscriptionEmails.includes(subscription.email);
+
+    return (
+        <AccordionSummary
+            sx={{
+                'minHeight': 40,
+                'px': 1,
+                '&:hover::after': {
+                    backgroundColor: 'transparent',
+                },
+                [`& .${accordionSummaryClasses.content}`]: {
+                    alignItems: 'center',
+                    my: 1,
+                    [`&.${accordionSummaryClasses.expanded}`]: {
+                        my: 0,
+                    },
+                },
+                [`&.${accordionSummaryClasses.expanded}`]: {
+                    minHeight: 40,
+                },
+            }}
+        >
+            <Stack style={{ width: '100%' }}>
+                <Stack direction="row" style={{ alignItems: 'center' }}>
+                    {expanded ? (
+                        <NavArrowDown
+                            style={{ color: theme.palette.text.primary }}
+                        />
+                    ) : (
+                        <NavArrowRight
+                            style={{ color: theme.palette.text.primary }}
+                        />
+                    )}
+
+                    <Typography style={{ fontWeight: 500, paddingLeft: 4 }}>
+                        {email.length > 0
+                            ? email
+                            : intl.formatMessage({
+                                  id: 'alerts.config.dialog.label.placeholderSubscriberId',
+                              })}
+                    </Typography>
+
+                    {ineligibleSubscription ? (
+                        <WarningCircle
+                            style={{
+                                color: theme.palette.error.main,
+                                fontSize: 12,
+                                marginLeft: 6,
+                            }}
+                        />
+                    ) : null}
+                </Stack>
+
+                {expanded ? null : (
+                    <Box style={{ paddingLeft: 12 }}>
+                        <ChipList
+                            maxChips={3}
+                            stripPath={false}
+                            values={evaluatedAlertTypes}
+                        />
+                    </Box>
+                )}
+            </Stack>
+        </AccordionSummary>
+    );
+};
+
+export default Summary;
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/SummaryEmpty.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/SummaryEmpty.tsx
new file mode 100644
index 0000000000..bcc2cd3c4b
--- /dev/null
+++ b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/SummaryEmpty.tsx
@@ -0,0 +1,40 @@
+import { Stack, Typography, useTheme } from '@mui/material';
+
+import { useIntl } from 'react-intl';
+
+import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
+import { defaultOutline } from 'src/context/Theme';
+
+const SummaryEmpty = () => {
+    const intl = useIntl();
+    const theme = useTheme();
+
+    const catalogPrefix = useAlertSubscriptionsStore(
+        (state) => state.catalogPrefix
+    );
+
+    return (
+        <Stack
+            style={{
+                alignItems: 'center',
+                backgroundColor: theme.palette.background.default,
+                border: defaultOutline[theme.palette.mode],
+                borderRadius: '6px',
+                height: 68,
+                justifyContent: 'center',
+                padding: 16,
+            }}
+        >
+            <Typography>
+                {intl.formatMessage(
+                    {
+                        id: 'alerts.config.dialog.message.noExistingSubscriptions',
+                    },
+                    { prefix: <b>{catalogPrefix}</b> }
+                )}
+            </Typography>
+        </Stack>
+    );
+};
+
+export default SummaryEmpty;
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/index.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/index.tsx
new file mode 100644
index 0000000000..c077aa0db5
--- /dev/null
+++ b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/index.tsx
@@ -0,0 +1,70 @@
+import type { SubscriberAccordionProps } from 'src/components/admin/Settings/PrefixAlerts/types';
+
+import { Accordion, Stack, useTheme } from '@mui/material';
+
+import DeleteButton from 'src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/DeleteButton';
+import Details from 'src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/Details';
+import Summary from 'src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/Summary';
+import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
+import { useEvaluateSubscriptionIneligibility } from 'src/components/admin/Settings/PrefixAlerts/useEvaluateSubscriptionIneligibility';
+import { defaultOutline, defaultOutlineColor_hovered } from 'src/context/Theme';
+
+const SubscriberInfo = ({
+    subscription,
+}: Omit<SubscriberAccordionProps, 'expanded'>) => {
+    const theme = useTheme();
+
+    const toggleSubscriptionViewingStatus = useAlertSubscriptionsStore(
+        (state) => state.toggleSubscriptionViewingStatus
+    );
+
+    const { duplicateSubscriptionEmails, emptyEmailDetected } =
+        useEvaluateSubscriptionIneligibility();
+
+    return (
+        <Accordion
+            expanded={subscription.viewing}
+            onChange={() => toggleSubscriptionViewingStatus(subscription.id)}
+            sx={{
+                'backgroundColor':
+                    theme.palette.mode === 'dark' ? 'transparent' : 'white',
+                'border': defaultOutline[theme.palette.mode],
+                'borderWidth':
+                    emptyEmailDetected && subscription.email.length === 0
+                        ? 3
+                        : undefined,
+                'borderRadius': '6px',
+                '&:hover': {
+                    borderColor:
+                        defaultOutlineColor_hovered[theme.palette.mode],
+                },
+                [`&:first-of-type`]: {
+                    borderRadius: '6px',
+                },
+                [`&:last-of-type`]: {
+                    borderRadius: '6px',
+                },
+            }}
+        >
+            <Stack
+                direction="row"
+                style={{
+                    alignItems: 'flex-start',
+                    justifyContent: 'space-between',
+                }}
+            >
+                <Summary
+                    duplicateSubscriptionEmails={duplicateSubscriptionEmails}
+                    expanded={subscription.viewing}
+                    subscription={subscription}
+                />
+
+                <DeleteButton subscription={subscription} />
+            </Stack>
+
+            <Details subscription={subscription} />
+        </Accordion>
+    );
+};
+
+export default SubscriberInfo;
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/index.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/index.tsx
new file mode 100644
index 0000000000..77fe11ef58
--- /dev/null
+++ b/src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/index.tsx
@@ -0,0 +1,89 @@
+import type { SubscriptionMetadata } from 'src/components/admin/Settings/PrefixAlerts/types';
+
+import { useEffect, useMemo } from 'react';
+
+import { Stack, Typography } from '@mui/material';
+
+import { useIntl } from 'react-intl';
+
+import AddButton from 'src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/AddButton';
+import SubscriberInfo from 'src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo';
+import SummaryEmpty from 'src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/SubscriberInfo/SummaryEmpty';
+import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
+import { useGetAlertTypes } from 'src/context/AlertType';
+
+const SubscriberSection = () => {
+    const intl = useIntl();
+
+    const [{ fetching, data, error }] = useGetAlertTypes();
+
+    const mutableSubscriptionMetadata = useAlertSubscriptionsStore(
+        (state) => state.mutableSubscriptionMetadata
+    );
+    const setServerError = useAlertSubscriptionsStore(
+        (state) => state.setServerErrors
+    );
+
+    const initializeAlertTypeOptions = useAlertSubscriptionsStore(
+        (state) => state.initializeAlertTypeOptions
+    );
+
+    const targetSubscriptionMetadata: SubscriptionMetadata = useMemo(
+        () => ({
+            ...mutableSubscriptionMetadata,
+            subscriptions: mutableSubscriptionMetadata.subscriptions.filter(
+                ({ deleted }) => !deleted
+            ),
+        }),
+        [mutableSubscriptionMetadata]
+    );
+
+    useEffect(() => {
+        if (error) {
+            setServerError([error]);
+        }
+    }, [error, setServerError]);
+
+    useEffect(() => {
+        initializeAlertTypeOptions(data?.alertTypes ?? [], fetching);
+    }, [data, fetching, initializeAlertTypeOptions]);
+
+    return (
+        <Stack spacing="10px" style={{ width: '100%' }}>
+            <Stack
+                direction="row"
+                style={{
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                }}
+            >
+                <Typography style={{ fontSize: 16, fontWeight: 300 }}>
+                    {intl.formatMessage(
+                        { id: 'alerts.config.dialog.label.subscribers' },
+                        {
+                            count: targetSubscriptionMetadata.subscriptions
+                                .length,
+                        }
+                    )}
+                </Typography>
+
+                <AddButton />
+            </Stack>
+
+            {targetSubscriptionMetadata.subscriptions.length > 0 ? (
+                targetSubscriptionMetadata.subscriptions.map(
+                    (subscription, index) => (
+                        <SubscriberInfo
+                            subscription={subscription}
+                            key={`${subscription.catalogPrefix}-${subscription.email}-${index}`}
+                        />
+                    )
+                )
+            ) : (
+                <SummaryEmpty />
+            )}
+        </Stack>
+    );
+};
+
+export default SubscriberSection;
diff --git a/src/components/admin/Settings/PrefixAlerts/Dialog/index.tsx b/src/components/admin/Settings/PrefixAlerts/Dialog/index.tsx
index fefc0e3f26..a1ab5bde77 100644
--- a/src/components/admin/Settings/PrefixAlerts/Dialog/index.tsx
+++ b/src/components/admin/Settings/PrefixAlerts/Dialog/index.tsx
@@ -6,19 +6,18 @@ import {
     Dialog,
     DialogActions,
     DialogContent,
-    Grid,
     Stack,
 } from '@mui/material';
 
 import { useIntl } from 'react-intl';
 import { useUnmount } from 'react-use';
 
-import AlertTypeField from 'src/components/admin/Settings/PrefixAlerts/Dialog/AlertTypeField';
 import DeleteButton from 'src/components/admin/Settings/PrefixAlerts/Dialog/DeleteButton';
-import EmailListField from 'src/components/admin/Settings/PrefixAlerts/Dialog/EmailListField';
+import GlobalSettings from 'src/components/admin/Settings/PrefixAlerts/Dialog/GlobalSettings';
 import PrefixField from 'src/components/admin/Settings/PrefixAlerts/Dialog/PrefixField';
 import SaveButton from 'src/components/admin/Settings/PrefixAlerts/Dialog/SaveButton';
 import ServerErrors from 'src/components/admin/Settings/PrefixAlerts/Dialog/ServerErrors';
+import SubscriberSection from 'src/components/admin/Settings/PrefixAlerts/Dialog/SubscriberSection/index';
 import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
 import MessageWithLink from 'src/components/content/MessageWithLink';
 import DialogTitleWithClose from 'src/components/shared/Dialog/TitleWithClose';
@@ -27,12 +26,9 @@ const TITLE_ID = 'alert-subscription-dialog-title';
 
 const AlertSubscriptionDialog = ({
     descriptionId,
-    enableDeletion,
-    existingAlertTypes,
     headerId,
     open,
     setOpen,
-    staticEmail,
     staticPrefix,
 }: AlertSubscriptionDialogProps) => {
     const intl = useIntl();
@@ -63,25 +59,21 @@ const AlertSubscriptionDialog = ({
                     <MessageWithLink messageID={descriptionId} />
                 </Box>
 
-                <Grid container spacing={2}>
+                <Stack spacing={4}>
                     <PrefixField staticPrefix={staticPrefix} />
 
-                    <EmailListField staticEmail={staticEmail} />
+                    <GlobalSettings />
 
-                    <AlertTypeField existingAlertTypes={existingAlertTypes} />
-                </Grid>
+                    <SubscriberSection />
+                </Stack>
             </DialogContent>
 
             <DialogActions
                 style={{
-                    justifyContent: enableDeletion
-                        ? 'space-between'
-                        : 'flex-end',
+                    justifyContent: 'space-between',
                 }}
             >
-                {enableDeletion ? (
-                    <DeleteButton closeDialog={() => closeDialog()} />
-                ) : null}
+                <DeleteButton closeDialog={() => closeDialog()} />
 
                 <Stack direction="row" spacing={1}>
                     <Button
diff --git a/src/components/admin/Settings/PrefixAlerts/types.ts b/src/components/admin/Settings/PrefixAlerts/types.ts
index 268e6595f8..97548e67db 100644
--- a/src/components/admin/Settings/PrefixAlerts/types.ts
+++ b/src/components/admin/Settings/PrefixAlerts/types.ts
@@ -2,31 +2,33 @@ import type { TableCellProps } from '@mui/material';
 import type { Dispatch, SetStateAction } from 'react';
 import type { ReducedAlertSubscription } from 'src/api/types';
 import type { AlertTypeInfo } from 'src/gql-types/graphql';
+import type { Schema } from 'src/types';
 import type { BaseAlertSubscriptionMutationInput } from 'src/types/gql';
+import type { AlertConfigKeys } from 'src/utils/notification-utils';
 
-export interface AlertSubscriptionDialogProps
-    extends AlertTypeFieldProps,
-        EmailListFieldProps,
-        PrefixFieldProps {
+export interface AlertConfigResponse extends AlertMetadataErrorResponse {
+    prefix: string;
+}
+
+interface AlertMetadataErrorResponse {
+    error?: any;
+    invalid?: boolean;
+}
+
+export interface AlertSubscriptionDialogProps extends PrefixFieldProps {
     descriptionId: string;
     headerId: string;
     open: boolean;
     setOpen: Dispatch<SetStateAction<boolean>>;
-    enableDeletion?: boolean;
 }
 
 export interface AlertSubscriptionResponse
-    extends BaseAlertSubscriptionMutationInput {
+    extends AlertMetadataErrorResponse,
+        BaseAlertSubscriptionMutationInput {
     id: string;
-    error?: any;
-    invalid?: boolean;
-}
-
-export interface AlertTypeFieldProps {
-    existingAlertTypes?: ReducedAlertSubscription['alertTypes'];
 }
 
-export interface AlertTypeSelectorProps {
+export interface AlertTypeListProps extends SubscriptionDependentProps {
     options: AlertTypeInfo[];
 }
 
@@ -35,19 +37,61 @@ export interface DialogActionProps {
 }
 
 export interface EditButtonProps extends TableCellProps {
-    alertTypes: ReducedAlertSubscription['alertTypes'];
-    email: string;
     prefix: string;
+    subscriptionMetadata: SubscriptionMetadata;
 }
 
 export interface EmailDictionary {
     [prefix: string]: string[];
 }
 
-export interface EmailListFieldProps {
+export interface EmailListFieldProps extends SubscriptionDependentProps {
     staticEmail?: string;
 }
 
+interface GlobalSettingConfig<T> {
+    condition: T;
+    autoDisable?: boolean;
+    enabled?: boolean;
+}
+
+export interface GlobalSettingProps<T> {
+    config: GlobalSettingConfig<T> | undefined;
+    loading: boolean;
+    prefix: string;
+    targetSetting: AlertConfigKeys;
+}
+
+export interface MutableAlertSubscription extends ReducedAlertSubscription {
+    id: string;
+    viewing: boolean;
+    deleted?: boolean;
+    emailErrorsExist?: boolean;
+}
+
 export interface PrefixFieldProps {
     staticPrefix?: string;
 }
+
+export interface SubscriberAccordionProps {
+    subscription: MutableAlertSubscription;
+    expanded?: boolean;
+}
+
+export interface SubscriberAccordionSummaryProps
+    extends SubscriberAccordionProps {
+    duplicateSubscriptionEmails: string[];
+}
+
+export interface SubscriptionDependentProps {
+    subscription: MutableAlertSubscription;
+}
+
+export interface SubscriptionMetadata {
+    settings: Schema;
+    subscriptions: MutableAlertSubscription[];
+}
+
+export interface SubscriptionMetadataDictionary {
+    [prefix: string]: SubscriptionMetadata;
+}
diff --git a/src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore.ts b/src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore.ts
index 79a7889e92..db60e3aaec 100644
--- a/src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore.ts
+++ b/src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore.ts
@@ -1,53 +1,103 @@
 import type { PostgrestError } from '@supabase/postgrest-js';
 import type { ReducedAlertSubscription } from 'src/api/types';
+import type {
+    SubscriptionMetadata,
+    SubscriptionMetadataDictionary,
+} from 'src/components/admin/Settings/PrefixAlerts/types';
 import type { AlertTypeInfo } from 'src/gql-types/graphql';
-import type { CombinedError } from 'urql';
+import type { Schema } from 'src/types';
 
 import { create } from 'zustand';
 import { devtools } from 'zustand/middleware';
 
 import produce from 'immer';
+import { isEmpty, omit } from 'lodash';
+import { type CombinedError } from 'urql';
 
+import { hasOwnProperty, sortByAlertType } from 'src/utils/misc-utils';
+import { bundleSubscriptionsByPrefix } from 'src/utils/notification-utils';
 import { devtoolsOptions } from 'src/utils/store-utils';
 
 interface AlertSubscriptionState {
-    alertTypes: AlertTypeInfo[];
-    emailErrorsExist: boolean;
+    addTemplatedSubscription: () => void;
+    alertTypeOptions: AlertTypeInfo[];
+    alertTypeOptionsFetching: boolean;
+    catalogPrefix: string;
     initializationError: CombinedError | PostgrestError | null | undefined;
+    initializeAlertTypeOptions: (
+        values: AlertTypeInfo[],
+        fetching: boolean
+    ) => void;
+    markSubscriptionForDeletion: (
+        catalogPrefix: string,
+        subscriptionId: string
+    ) => void;
+    mutableSubscriptionMetadata: SubscriptionMetadata;
     prefixErrorsExist: boolean;
-    saveErrors: (CombinedError | PostgrestError | null | undefined)[];
-    subscription: Pick<
-        ReducedAlertSubscription,
-        'alertTypes' | 'catalogPrefix' | 'email'
-    >;
+    serverErrors: (CombinedError | PostgrestError | null | undefined)[];
+    subscriptionMetadata: SubscriptionMetadataDictionary;
     resetState: () => void;
-    setAlertTypes: (values: AlertTypeInfo[], initialize?: boolean) => void;
-    setEmailErrorsExist: (
-        value: AlertSubscriptionState['emailErrorsExist']
-    ) => void;
+    setEmailErrorsExist: (value: boolean, subscriptionId: string) => void;
+    setGlobalPrefixSettings: (value: Schema, targetSetting?: string) => void;
     setInitializationError: (
         value: AlertSubscriptionState['initializationError']
     ) => void;
-    setSaveErrors: (value: AlertSubscriptionState['saveErrors']) => void;
-    setSubscribedEmail: (value: string) => void;
+    setServerErrors: (
+        values: AlertSubscriptionState['serverErrors'],
+        override?: boolean
+    ) => void;
+    setSingleAlertType: (
+        value: string,
+        selected: boolean,
+        catalogPrefix?: string,
+        email?: string
+    ) => void;
+    setSubscribedEmail: (value: string, subscriptionId: string) => void;
     setSubscribedPrefix: (value: string, errors: string | null) => void;
+    setSubscriptionMetadata: (value: ReducedAlertSubscription[]) => void;
+    toggleSubscriptionViewingStatus: (subscriptionId: string) => void;
 }
 
+const getImmutableSubscriptionIndex = (
+    state: AlertSubscriptionState | Partial<AlertSubscriptionState>,
+    subscriptionId: string
+): number => {
+    if (
+        !state.catalogPrefix ||
+        !subscriptionId ||
+        !hasOwnProperty(state, 'subscriptionMetadata') ||
+        isEmpty(state.subscriptionMetadata) ||
+        !hasOwnProperty(state.subscriptionMetadata, state.catalogPrefix)
+    ) {
+        return -1;
+    }
+
+    return state.subscriptionMetadata[
+        state.catalogPrefix
+    ].subscriptions.findIndex(
+        (subscription) => subscription.id === subscriptionId
+    );
+};
+
 const getInitialState = (): Pick<
     AlertSubscriptionState,
-    | 'alertTypes'
-    | 'emailErrorsExist'
+    | 'alertTypeOptions'
+    | 'alertTypeOptionsFetching'
+    | 'catalogPrefix'
     | 'initializationError'
+    | 'mutableSubscriptionMetadata'
     | 'prefixErrorsExist'
-    | 'saveErrors'
-    | 'subscription'
+    | 'serverErrors'
+    | 'subscriptionMetadata'
 > => ({
-    alertTypes: [],
-    emailErrorsExist: false,
+    alertTypeOptions: [],
+    alertTypeOptionsFetching: false,
+    catalogPrefix: '',
     initializationError: null,
+    mutableSubscriptionMetadata: { settings: {}, subscriptions: [] },
     prefixErrorsExist: false,
-    saveErrors: [],
-    subscription: { alertTypes: [], catalogPrefix: '', email: '' },
+    serverErrors: [],
+    subscriptionMetadata: {},
 });
 
 const name = 'estuary.alert-subscriptions-store';
@@ -57,27 +107,153 @@ const useAlertSubscriptionsStore = create<AlertSubscriptionState>()(
         return {
             ...getInitialState(),
 
-            resetState: () => set(getInitialState(), false, 'state reset'),
+            addTemplatedSubscription: () =>
+                set(
+                    produce((state: AlertSubscriptionState) => {
+                        if (
+                            !state.catalogPrefix ||
+                            state.alertTypeOptions.length === 0
+                        ) {
+                            return;
+                        }
+
+                        const templatedSubscription = {
+                            alertTypes: state.alertTypeOptions
+                                .filter(
+                                    (option) =>
+                                        option.isDefault || option.isSystem
+                                )
+                                .map(({ alertType }) => alertType),
+                            catalogPrefix: state.catalogPrefix,
+                            email: '',
+                            id: crypto.randomUUID(),
+                            viewing: true,
+                        };
 
-            setAlertTypes: (values, initialize) =>
+                        state.mutableSubscriptionMetadata.subscriptions = [
+                            templatedSubscription,
+                            ...state.mutableSubscriptionMetadata.subscriptions,
+                        ];
+                    }),
+                    false,
+                    'templated subscription added'
+                ),
+
+            initializeAlertTypeOptions: (values, fetching) =>
                 set(
                     produce((state: AlertSubscriptionState) => {
-                        if (initialize) {
-                            state.alertTypes = values;
-                        } else {
-                            state.subscription.alertTypes = values.map(
-                                ({ alertType: name }) => name
+                        state.alertTypeOptions = values.sort((first, second) =>
+                            sortByAlertType(
+                                {
+                                    isSystemAlert: first.isSystem,
+                                    value: first.displayName,
+                                },
+                                {
+                                    isSystemAlert: second.isSystem,
+                                    value: second.displayName,
+                                },
+                                'asc'
+                            )
+                        );
+                        state.alertTypeOptionsFetching = fetching;
+                    }),
+                    false,
+                    'alert type options initialized'
+                ),
+
+            setGlobalPrefixSettings: (value, targetSetting) =>
+                set(
+                    produce((state: AlertSubscriptionState) => {
+                        if (isEmpty(value) && !targetSetting) {
+                            state.mutableSubscriptionMetadata.settings = {};
+
+                            return;
+                        }
+
+                        state.mutableSubscriptionMetadata.settings =
+                            isEmpty(value) && targetSetting
+                                ? omit(
+                                      state.mutableSubscriptionMetadata
+                                          .settings,
+                                      targetSetting
+                                  )
+                                : {
+                                      ...state.mutableSubscriptionMetadata
+                                          .settings,
+                                      ...value,
+                                  };
+                    }),
+                    false,
+                    'global prefix settings set'
+                ),
+
+            markSubscriptionForDeletion: (_catalogPrefix, subscriptionId) =>
+                set(
+                    produce((state: AlertSubscriptionState) => {
+                        const immutableSubscriptionIndex =
+                            getImmutableSubscriptionIndex(
+                                state,
+                                subscriptionId
                             );
+
+                        // If the alert subscription does not exist in the database,
+                        // it can be removed entirely from the array of mutable subscriptions.
+                        if (immutableSubscriptionIndex === -1) {
+                            state.mutableSubscriptionMetadata.subscriptions =
+                                state.mutableSubscriptionMetadata.subscriptions.filter(
+                                    (subscription) =>
+                                        subscription.id !== subscriptionId
+                                );
+
+                            return;
                         }
+
+                        // If the alert subscription does exist in the database,
+                        // the subscription metadata should be preserved in the
+                        // array of mutable subscriptions with it marked for deletion
+                        // via the corresponding GraphQL endpoint.
+                        const mutableSubscriptionIndex =
+                            state.mutableSubscriptionMetadata.subscriptions.findIndex(
+                                (subscription) =>
+                                    subscription.id === subscriptionId
+                            );
+
+                        state.mutableSubscriptionMetadata.subscriptions[
+                            mutableSubscriptionIndex
+                        ].deleted = true;
                     }),
                     false,
-                    'alert types set'
+                    'mark subscription for deletion'
                 ),
 
-            setEmailErrorsExist: (value) =>
+            resetState: () =>
                 set(
                     produce((state: AlertSubscriptionState) => {
-                        state.emailErrorsExist = value;
+                        return {
+                            ...getInitialState(),
+                            subscriptionMetadata: state.subscriptionMetadata,
+                        };
+                    }),
+                    false,
+                    'state reset'
+                ),
+
+            setEmailErrorsExist: (value, subscriptionId) =>
+                set(
+                    produce((state: AlertSubscriptionState) => {
+                        const subscriptionIndex =
+                            state.mutableSubscriptionMetadata.subscriptions.findIndex(
+                                (subscription) =>
+                                    subscription.id === subscriptionId
+                            );
+
+                        if (subscriptionIndex === -1) {
+                            return;
+                        }
+
+                        state.mutableSubscriptionMetadata.subscriptions[
+                            subscriptionIndex
+                        ].emailErrorsExist = value;
                     }),
                     false,
                     'email errors exist set'
@@ -92,19 +268,103 @@ const useAlertSubscriptionsStore = create<AlertSubscriptionState>()(
                     'initialization error set'
                 ),
 
-            setSaveErrors: (value) =>
+            setServerErrors: (values, override) =>
                 set(
                     produce((state: AlertSubscriptionState) => {
-                        state.saveErrors = value;
+                        const filteredErrors = values.filter(
+                            (value) => typeof value !== 'undefined'
+                        );
+
+                        state.serverErrors = override
+                            ? filteredErrors
+                            : state.serverErrors.concat(filteredErrors);
                     }),
                     false,
-                    'save errors set'
+                    'server errors set'
                 ),
 
-            setSubscribedEmail: (value) =>
+            setSingleAlertType: (value, selected, catalogPrefix, email) =>
                 set(
                     produce((state: AlertSubscriptionState) => {
-                        state.subscription.email = value;
+                        if (!catalogPrefix || !email) {
+                            return;
+                        }
+
+                        const systemAlertTypes = state.alertTypeOptions
+                            .filter(({ isSystem }) => isSystem)
+                            .map(({ alertType }) => alertType);
+
+                        if (
+                            systemAlertTypes.some(
+                                (alertType) => alertType === value
+                            )
+                        ) {
+                            return;
+                        }
+
+                        const targetSubscriptions =
+                            state.mutableSubscriptionMetadata.subscriptions;
+
+                        const targetIndex = targetSubscriptions.findIndex(
+                            (subscription) => subscription.email === email
+                        );
+
+                        if (targetIndex === -1) {
+                            const baseAlertTypes = state.alertTypeOptions
+                                .filter(
+                                    ({ alertType, isDefault, isSystem }) =>
+                                        isSystem ||
+                                        (isDefault && alertType !== value)
+                                )
+                                .map(({ alertType }) => alertType);
+
+                            state.mutableSubscriptionMetadata.subscriptions = [
+                                ...targetSubscriptions,
+                                {
+                                    alertTypes: [...baseAlertTypes, value],
+                                    catalogPrefix,
+                                    email,
+                                    id: crypto.randomUUID(),
+                                    viewing: true,
+                                },
+                            ];
+
+                            return;
+                        }
+
+                        const { alertTypes: previousAlertTypes } =
+                            state.mutableSubscriptionMetadata.subscriptions[
+                                targetIndex
+                            ];
+
+                        state.mutableSubscriptionMetadata.subscriptions[
+                            targetIndex
+                        ].alertTypes = selected
+                            ? [...previousAlertTypes, value]
+                            : previousAlertTypes.filter(
+                                  (alertType) => alertType !== value
+                              );
+                    }),
+                    false,
+                    'single alert type set'
+                ),
+
+            setSubscribedEmail: (value, subscriptionId) =>
+                set(
+                    produce((state: AlertSubscriptionState) => {
+                        const subscriptionIndex =
+                            state.mutableSubscriptionMetadata.subscriptions.findIndex(
+                                (subscription) =>
+                                    subscription.id === subscriptionId
+                            );
+
+                        if (subscriptionIndex === -1) {
+                            return;
+                        }
+
+                        state.mutableSubscriptionMetadata.subscriptions[
+                            subscriptionIndex
+                        ].email = value;
                     }),
                     false,
                     'subscribed email set'
@@ -113,12 +373,75 @@ const useAlertSubscriptionsStore = create<AlertSubscriptionState>()(
             setSubscribedPrefix: (value, errors) =>
                 set(
                     produce((state: AlertSubscriptionState) => {
-                        state.subscription.catalogPrefix = value;
+                        state.catalogPrefix = value.endsWith('/')
+                            ? value
+                            : `${value}/`;
+
                         state.prefixErrorsExist = Boolean(errors);
+
+                        if (
+                            state.catalogPrefix.length > 0 &&
+                            hasOwnProperty(
+                                state.subscriptionMetadata,
+                                state.catalogPrefix
+                            )
+                        ) {
+                            state.mutableSubscriptionMetadata =
+                                state.subscriptionMetadata[state.catalogPrefix];
+
+                            return;
+                        }
+
+                        state.mutableSubscriptionMetadata = {
+                            settings: {},
+                            subscriptions:
+                                state.mutableSubscriptionMetadata.subscriptions.map(
+                                    (subscription) => ({
+                                        ...subscription,
+                                        catalogPrefix: state.catalogPrefix,
+                                    })
+                                ),
+                        };
                     }),
                     false,
                     'subscribed prefix set'
                 ),
+
+            setSubscriptionMetadata: (value) =>
+                set(
+                    produce((state: AlertSubscriptionState) => {
+                        state.subscriptionMetadata =
+                            bundleSubscriptionsByPrefix(value);
+                    }),
+                    false,
+                    'subscription metadata set'
+                ),
+
+            toggleSubscriptionViewingStatus: (subscriptionId) =>
+                set(
+                    produce((state: AlertSubscriptionState) => {
+                        const subscriptionIndex =
+                            state.mutableSubscriptionMetadata.subscriptions.findIndex(
+                                (subscription) =>
+                                    subscription.id === subscriptionId
+                            );
+
+                        if (subscriptionIndex === -1) {
+                            return;
+                        }
+
+                        const previousValue =
+                            state.mutableSubscriptionMetadata.subscriptions[
+                                subscriptionIndex
+                            ].viewing;
+
+                        state.mutableSubscriptionMetadata.subscriptions[
+                            subscriptionIndex
+                        ].viewing = !previousValue;
+                    }),
+                    false,
+                    'subscription viewing status toggled'
+                ),
         };
     }, devtoolsOptions(name))
 );
diff --git a/src/components/admin/Settings/PrefixAlerts/useEvaluateSubscriptionIneligibility.ts b/src/components/admin/Settings/PrefixAlerts/useEvaluateSubscriptionIneligibility.ts
new file mode 100644
index 0000000000..0579bb6704
--- /dev/null
+++ b/src/components/admin/Settings/PrefixAlerts/useEvaluateSubscriptionIneligibility.ts
@@ -0,0 +1,35 @@
+import { useMemo } from 'react';
+
+import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
+
+export function useEvaluateSubscriptionIneligibility() {
+    const mutableSubscriptionMetadata = useAlertSubscriptionsStore(
+        (state) => state.mutableSubscriptionMetadata
+    );
+
+    return useMemo(() => {
+        const { subscriptions } = mutableSubscriptionMetadata;
+
+        const emptyEmailDetected = subscriptions.some(
+            (subscription) => subscription.email.length === 0
+        );
+
+        const duplicateSubscriptionEmails = subscriptions
+            .filter(({ email }) => {
+                const firstIndex = subscriptions.findIndex(
+                    (subscription) => subscription.email === email
+                );
+                const lastIndex = subscriptions.findLastIndex(
+                    (subscription) => subscription.email === email
+                );
+
+                return firstIndex !== lastIndex;
+            })
+            .map(({ email }) => email);
+
+        return {
+            duplicateSubscriptionEmails,
+            emptyEmailDetected,
+        };
+    }, [mutableSubscriptionMetadata]);
+}
diff --git a/src/components/admin/Settings/PrefixAlerts/useInitializeAlertConfigs.ts b/src/components/admin/Settings/PrefixAlerts/useInitializeAlertConfigs.ts
new file mode 100644
index 0000000000..fc17e6fc2a
--- /dev/null
+++ b/src/components/admin/Settings/PrefixAlerts/useInitializeAlertConfigs.ts
@@ -0,0 +1,79 @@
+import { useEffect, useMemo, useRef, useState } from 'react';
+
+import { debounce, isEmpty } from 'lodash';
+import { useQuery } from 'urql';
+
+import { AlertConfigQuery } from 'src/api/alerts';
+import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
+
+export function useInitializeAlertConfigs() {
+    const catalogPrefix = useAlertSubscriptionsStore(
+        (state) => state.catalogPrefix
+    );
+    const setGlobalPrefixSettings = useAlertSubscriptionsStore(
+        (state) => state.setGlobalPrefixSettings
+    );
+    const mutableSubscriptionMetadata = useAlertSubscriptionsStore(
+        (state) => state.mutableSubscriptionMetadata
+    );
+    const setServerError = useAlertSubscriptionsStore(
+        (state) => state.setServerErrors
+    );
+
+    const [debouncedPrefix, setDebouncedPrefix] = useState(catalogPrefix);
+
+    const updateDebouncedPrefix = useRef(
+        debounce((prefix) => {
+            setDebouncedPrefix(prefix);
+        }, 750)
+    );
+
+    const settingsDefined = useMemo(
+        () =>
+            debouncedPrefix.length > 0 &&
+            !isEmpty(mutableSubscriptionMetadata.settings),
+        [debouncedPrefix, mutableSubscriptionMetadata]
+    );
+
+    const [{ data, error, fetching }] = useQuery({
+        pause: !debouncedPrefix || settingsDefined,
+        query: AlertConfigQuery,
+        variables: {
+            filter: { catalogPrefixOrName: { startsWith: debouncedPrefix } },
+        },
+    });
+
+    useEffect(() => {
+        updateDebouncedPrefix.current(catalogPrefix);
+    }, [catalogPrefix, updateDebouncedPrefix]);
+
+    useEffect(() => {
+        if (!fetching && error) {
+            setServerError([error]);
+        }
+    }, [error, fetching, setServerError]);
+
+    useEffect(() => {
+        if (
+            debouncedPrefix === catalogPrefix &&
+            !settingsDefined &&
+            !fetching &&
+            data?.alertConfigs
+        ) {
+            setGlobalPrefixSettings(
+                data.alertConfigs.edges.length > 0
+                    ? data.alertConfigs.edges[0].node.effective.config
+                    : {}
+            );
+        }
+    }, [
+        catalogPrefix,
+        data,
+        debouncedPrefix,
+        fetching,
+        setGlobalPrefixSettings,
+        settingsDefined,
+    ]);
+
+    return { loading: fetching || !data || debouncedPrefix !== catalogPrefix };
+}
diff --git a/src/components/admin/Settings/PrefixAlerts/useModifyAlertMetadata.ts b/src/components/admin/Settings/PrefixAlerts/useModifyAlertMetadata.ts
new file mode 100644
index 0000000000..34b4fa319a
--- /dev/null
+++ b/src/components/admin/Settings/PrefixAlerts/useModifyAlertMetadata.ts
@@ -0,0 +1,177 @@
+import type { PostgrestError } from '@supabase/postgrest-js';
+import type { AlertSubscriptionResponse } from 'src/components/admin/Settings/PrefixAlerts/types';
+import type { CombinedError } from 'urql';
+
+import { useState } from 'react';
+
+import { useIntl } from 'react-intl';
+
+import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
+import { useDeleteAlertSubscription } from 'src/components/admin/Settings/PrefixAlerts/useDeleteAlertSubscription';
+import { useUpsertAlertConfig } from 'src/components/admin/Settings/PrefixAlerts/useUpsertAlertConfig';
+import { useUpsertAlertSubscription } from 'src/components/admin/Settings/PrefixAlerts/useUpsertAlertSubscription';
+import { logRocketEvent } from 'src/services/shared';
+import { BASE_ERROR } from 'src/services/supabase';
+import { isPromiseFulfilledResult } from 'src/utils/misc-utils';
+
+export function useModifyAlertMetadata(
+    closeDialog: () => void,
+    deletionTrigger?: boolean
+) {
+    const intl = useIntl();
+
+    const { upsertSubscription } = useUpsertAlertSubscription();
+    const { deleteSubscription } = useDeleteAlertSubscription();
+
+    const { upsertConfig } = useUpsertAlertConfig();
+
+    const setServerError = useAlertSubscriptionsStore(
+        (state) => state.setServerErrors
+    );
+
+    const catalogPrefix = useAlertSubscriptionsStore(
+        (state) => state.catalogPrefix
+    );
+
+    const mutableSubscriptionMetadata = useAlertSubscriptionsStore(
+        (state) => state.mutableSubscriptionMetadata
+    );
+
+    const [loading, setLoading] = useState(false);
+
+    const onClick = async () => {
+        setLoading(true);
+        setServerError([], true);
+
+        if (catalogPrefix.length === 0) {
+            logRocketEvent('AlertSubscription', {
+                error: 'catalog prefix undefined',
+                operation: 'save',
+                promiseRejected: 'explicit',
+            });
+
+            return Promise.reject();
+        }
+
+        if (mutableSubscriptionMetadata.subscriptions.length === 0) {
+            logRocketEvent('AlertSubscription', {
+                skipped: true,
+                operation: 'save',
+            });
+
+            return Promise.resolve();
+        }
+
+        const subscriptionQueries: Promise<AlertSubscriptionResponse>[] =
+            mutableSubscriptionMetadata.subscriptions.map((subscription) => {
+                const { alertTypes, email } = subscription;
+
+                return deletionTrigger || subscription.deleted
+                    ? deleteSubscription({ email, prefix: catalogPrefix })
+                    : upsertSubscription({
+                          alertTypes,
+                          email,
+                          prefix: catalogPrefix,
+                      });
+            });
+
+        const serverErrors: (PostgrestError | CombinedError)[] = [];
+
+        Promise.allSettled(subscriptionQueries).then(
+            (responses) => {
+                responses.forEach((response) => {
+                    if (isPromiseFulfilledResult(response)) {
+                        if (!response.value) {
+                            logRocketEvent('AlertSubscription', {
+                                error: true,
+                                missingResponseValue: !response.value,
+                            });
+
+                            return;
+                        }
+
+                        // TODO: Detect single subscription deletions when evaluating the operation performed.
+                        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+                        const serverError =
+                            response.value?.invalid && !response.value?.error
+                                ? {
+                                      ...BASE_ERROR,
+                                      message: intl.formatMessage(
+                                          {
+                                              id: 'alerts.config.dialog.error.generic',
+                                          },
+                                          {
+                                              operation: intl.formatMessage({
+                                                  id: deletionTrigger
+                                                      ? 'alerts.config.dialog.error.term.delete'
+                                                      : 'alerts.config.dialog.error.term.modify',
+                                              }),
+                                          }
+                                      ),
+                                  }
+                                : response.value?.error;
+
+                        if (serverError) {
+                            serverErrors.push(serverError);
+                        }
+                    } else {
+                        logRocketEvent('AlertSubscription', {
+                            error: String(response),
+                            response: String(response),
+                            promiseRejected: 'implicit',
+                        });
+                    }
+                });
+            },
+            (error) => {
+                logRocketEvent('AlertSubscription', {
+                    error: String(error),
+                    promiseRejected: 'explicit',
+                });
+            }
+        );
+
+        const configResponse = await upsertConfig({
+            catalogPrefixOrName: catalogPrefix,
+            config: mutableSubscriptionMetadata.settings,
+        });
+
+        if (configResponse?.error || configResponse?.invalid) {
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+            const serverError =
+                configResponse?.invalid && !configResponse?.error
+                    ? {
+                          ...BASE_ERROR,
+                          message: intl.formatMessage(
+                              {
+                                  id: 'alerts.config.dialog.error.generic',
+                              },
+                              {
+                                  operation: intl.formatMessage({
+                                      id: deletionTrigger
+                                          ? 'alerts.config.dialog.error.term.delete'
+                                          : 'alerts.config.dialog.error.term.modify',
+                                  }),
+                              }
+                          ),
+                      }
+                    : configResponse?.error;
+
+            if (serverError) {
+                serverErrors.push(serverError);
+            }
+        }
+
+        if (serverErrors.length === 0) {
+            closeDialog();
+        }
+
+        setServerError(serverErrors);
+        setLoading(false);
+    };
+
+    return {
+        loading,
+        onClick,
+    };
+}
diff --git a/src/components/admin/Settings/PrefixAlerts/useModifyAlertSubscription.ts b/src/components/admin/Settings/PrefixAlerts/useModifyAlertSubscription.ts
deleted file mode 100644
index 8f6800c72a..0000000000
--- a/src/components/admin/Settings/PrefixAlerts/useModifyAlertSubscription.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-import type { BaseAlertSubscriptionMutationInput } from 'src/types/gql';
-
-import { useState } from 'react';
-
-import { useIntl } from 'react-intl';
-
-import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
-import { useDeleteAlertSubscription } from 'src/components/admin/Settings/PrefixAlerts/useDeleteAlertSubscription';
-import { useUpsertAlertSubscription } from 'src/components/admin/Settings/PrefixAlerts/useUpsertAlertSubscription';
-import { BASE_ERROR } from 'src/services/supabase';
-
-export function useModifyAlertSubscription(
-    closeDialog: () => void,
-    deletionTrigger?: boolean
-) {
-    const intl = useIntl();
-
-    const { upsertSubscription } = useUpsertAlertSubscription();
-    const { deleteSubscription } = useDeleteAlertSubscription();
-
-    const setServerError = useAlertSubscriptionsStore(
-        (state) => state.setSaveErrors
-    );
-
-    const subscription = useAlertSubscriptionsStore(
-        (state) => state.subscription
-    );
-
-    const [loading, setLoading] = useState(false);
-
-    const onClick = async () => {
-        setLoading(true);
-        setServerError([]);
-
-        const subscriptionInput: BaseAlertSubscriptionMutationInput = {
-            email: subscription.email,
-            prefix: subscription.catalogPrefix,
-        };
-
-        const response = deletionTrigger
-            ? await deleteSubscription(subscriptionInput)
-            : await upsertSubscription({
-                  ...subscriptionInput,
-                  alertTypes: subscription.alertTypes,
-              });
-
-        // The create could be undefined and this was easier to mark than tweak logic
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        const error =
-            response?.invalid && !response?.error
-                ? {
-                      ...BASE_ERROR,
-                      message: intl.formatMessage(
-                          {
-                              id: 'alerts.config.dialog.error.generic',
-                          },
-                          {
-                              operation: intl.formatMessage({
-                                  id: deletionTrigger
-                                      ? 'alerts.config.dialog.error.term.delete'
-                                      : 'alerts.config.dialog.error.term.modify',
-                              }),
-                          }
-                      ),
-                  }
-                : response?.error;
-
-        if (!error) {
-            closeDialog();
-        }
-
-        setServerError([error]);
-        setLoading(false);
-    };
-
-    return {
-        loading,
-        onClick,
-    };
-}
diff --git a/src/components/admin/Settings/PrefixAlerts/useUpsertAlertConfig.ts b/src/components/admin/Settings/PrefixAlerts/useUpsertAlertConfig.ts
new file mode 100644
index 0000000000..160e36b8fd
--- /dev/null
+++ b/src/components/admin/Settings/PrefixAlerts/useUpsertAlertConfig.ts
@@ -0,0 +1,85 @@
+import type { AlertConfigResponse } from 'src/components/admin/Settings/PrefixAlerts/types';
+import type { AlertConfigMutationInput } from 'src/types/gql';
+
+import { useCallback } from 'react';
+
+import { useMutation } from 'urql';
+
+import { AlertConfigUpdateMutation } from 'src/api/alerts';
+import { logRocketEvent } from 'src/services/shared';
+
+export function useUpsertAlertConfig() {
+    const [upsertConfigResult, mutateUpsertConfig] = useMutation(
+        AlertConfigUpdateMutation
+    );
+
+    const upsertConfig = useCallback(
+        async ({
+            catalogPrefixOrName,
+            config,
+            detail,
+        }: AlertConfigMutationInput): Promise<AlertConfigResponse> => {
+            return mutateUpsertConfig({
+                catalogPrefixOrName,
+                config,
+                detail,
+            }).then(
+                (response) => {
+                    if (response?.error) {
+                        logRocketEvent('AlertConfig', {
+                            errorResponse: response.error,
+                            operation: 'upsert',
+                            variables: response.operation.variables,
+                        });
+
+                        const { catalogPrefixOrName: responseVariablePrefix } =
+                            response.operation.variables;
+
+                        return Promise.resolve({
+                            error: response.error,
+                            invalid: true,
+                            prefix: responseVariablePrefix,
+                        });
+                    }
+
+                    if (!response || !response?.data) {
+                        logRocketEvent('AlertConfig', {
+                            missingResponseData: !response.data,
+                            operation: 'upsert',
+                            variables: response.operation.variables,
+                        });
+
+                        const { catalogPrefixOrName: responseVariablePrefix } =
+                            response.operation.variables;
+
+                        return Promise.resolve({
+                            invalid: true,
+                            prefix: responseVariablePrefix,
+                        });
+                    }
+
+                    const { catalogPrefixOrName: responsePrefix } =
+                        response.data;
+
+                    return Promise.resolve({
+                        prefix: responsePrefix,
+                    });
+                },
+                () => {
+                    logRocketEvent('AlertConfig', {
+                        operation: 'upsert',
+                        promiseRejected: 'explicit',
+                    });
+
+                    return Promise.reject();
+                }
+            );
+        },
+        [mutateUpsertConfig]
+    );
+
+    return {
+        upsertConfig,
+        upsertConfigResult,
+    };
+}
diff --git a/src/components/admin/Settings/PrefixAlerts/useUpsertAlertSubscription.ts b/src/components/admin/Settings/PrefixAlerts/useUpsertAlertSubscription.ts
index fc06f31f13..1fba137f7b 100644
--- a/src/components/admin/Settings/PrefixAlerts/useUpsertAlertSubscription.ts
+++ b/src/components/admin/Settings/PrefixAlerts/useUpsertAlertSubscription.ts
@@ -1,15 +1,15 @@
 import type { AlertSubscriptionResponse } from 'src/components/admin/Settings/PrefixAlerts/types';
 import type { AlertSubscriptionMutationInput } from 'src/types/gql';
 
-import { useCallback, useMemo } from 'react';
+import { useCallback } from 'react';
 
+import { difference } from 'lodash';
 import { useMutation } from 'urql';
 
 import {
     AlertSubscriptionCreateMutation,
     AlertSubscriptionUpdateMutation,
 } from 'src/api/alerts';
-import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
 import { useGetAlertSubscriptions } from 'src/context/AlertSubscriptions';
 import { logRocketEvent } from 'src/services/shared';
 import { hasLength } from 'src/utils/misc-utils';
@@ -17,29 +17,12 @@ import { hasLength } from 'src/utils/misc-utils';
 export function useUpsertAlertSubscription() {
     const [{ data }] = useGetAlertSubscriptions();
 
-    const subscription = useAlertSubscriptionsStore(
-        (state) => state.subscription
+    const [createSubscriptionResult, mutateCreateSubscription] = useMutation(
+        AlertSubscriptionCreateMutation
+    );
+    const [updateSubscriptionResult, mutateUpdateSubscription] = useMutation(
+        AlertSubscriptionUpdateMutation
     );
-
-    const query = useMemo(() => {
-        if (!subscription.catalogPrefix || !subscription.email) {
-            return AlertSubscriptionCreateMutation;
-        }
-
-        return data?.alertSubscriptions.find(
-            ({ catalogPrefix, email }) =>
-                subscription.catalogPrefix === catalogPrefix &&
-                subscription.email === email
-        )
-            ? AlertSubscriptionUpdateMutation
-            : AlertSubscriptionCreateMutation;
-    }, [
-        data?.alertSubscriptions,
-        subscription.catalogPrefix,
-        subscription.email,
-    ]);
-
-    const [upsertSubscriptionResult, mutateSubscription] = useMutation(query);
 
     const upsertSubscription = useCallback(
         async ({
@@ -47,6 +30,35 @@ export function useUpsertAlertSubscription() {
             email,
             prefix,
         }: AlertSubscriptionMutationInput): Promise<AlertSubscriptionResponse> => {
+            const existingSubscription = data?.alertSubscriptions.find(
+                (subscription) =>
+                    subscription.catalogPrefix === prefix &&
+                    subscription.email === email
+            );
+
+            // If an existing subscription is identical to the mutable subscription,
+            // no operation should be performed.
+            if (
+                existingSubscription &&
+                alertTypes?.length === existingSubscription.alertTypes.length &&
+                difference(alertTypes, existingSubscription.alertTypes)
+                    .length === 0
+            ) {
+                return Promise.resolve({
+                    email,
+                    id: crypto.randomUUID(),
+                    prefix,
+                });
+            }
+
+            // If an existing alert subscription matches the catalog prefix and email
+            // of the mutable subscription - differing by the target alert types -- an
+            // update operation should be performed. If no existing alert subscription
+            // can be found, a create operation should be performed.
+            const mutateSubscription = existingSubscription
+                ? mutateUpdateSubscription
+                : mutateCreateSubscription;
+
             return mutateSubscription({
                 alertTypes: hasLength(alertTypes) ? alertTypes : undefined,
                 email,
@@ -108,8 +120,16 @@ export function useUpsertAlertSubscription() {
                 }
             );
         },
-        [mutateSubscription]
+        [
+            data?.alertSubscriptions,
+            mutateCreateSubscription,
+            mutateUpdateSubscription,
+        ]
     );
 
-    return { upsertSubscription, upsertSubscriptionResult };
+    return {
+        createSubscriptionResult,
+        updateSubscriptionResult,
+        upsertSubscription,
+    };
 }
diff --git a/src/components/inputs/PrefixedName/index.tsx b/src/components/inputs/PrefixedName/index.tsx
index b9193ba518..32a5dc8be2 100644
--- a/src/components/inputs/PrefixedName/index.tsx
+++ b/src/components/inputs/PrefixedName/index.tsx
@@ -229,7 +229,10 @@ function PrefixedName({
                     //  name input is of less importance. Mainly for GenerateInvitation
                     [`& .${inputAdornmentClasses.root}, & .${inputAdornmentClasses.root} .${autocompleteClasses.root}`]:
                         {
-                            width: allowBlankName ? '100%' : undefined,
+                            width:
+                                allowBlankName && !singleOption
+                                    ? '100%'
+                                    : undefined,
                         },
                     // Gross - but prevents the name input from showing a border while inside another border
                     [`& div > div > fieldset.${outlinedInputClasses.notchedOutline}`]:
diff --git a/src/components/shared/Dialog/SelectableAutocompleteOption.tsx b/src/components/shared/Dialog/SelectableAutocompleteOption.tsx
index c1fef82fee..8377dedecf 100644
--- a/src/components/shared/Dialog/SelectableAutocompleteOption.tsx
+++ b/src/components/shared/Dialog/SelectableAutocompleteOption.tsx
@@ -43,7 +43,7 @@ const SelectableAutocompleteOption = ({
                 <Box style={{ flexShrink: 0, marginRight: 4, width: 18 }} />
             )}
 
-            <Stack>{Content}</Stack>
+            <Stack style={{ flexGrow: 1 }}>{Content}</Stack>
         </Box>
     );
 };
diff --git a/src/components/tables/PrefixAlerts/Rows.tsx b/src/components/tables/PrefixAlerts/Rows.tsx
index 38e0c368a3..487626b40c 100644
--- a/src/components/tables/PrefixAlerts/Rows.tsx
+++ b/src/components/tables/PrefixAlerts/Rows.tsx
@@ -1,61 +1,29 @@
-import type { ChipDisplay } from 'src/components/shared/ChipList/types';
 import type {
     RowProps,
     RowsProps,
 } from 'src/components/tables/PrefixAlerts/types';
 
-import { useMemo } from 'react';
-
 import { TableCell, TableRow } from '@mui/material';
 
 import ChipListCell from 'src/components/tables/cells/ChipList';
 import AlertEditButton from 'src/components/tables/cells/prefixAlerts/EditButton';
-import { sortByAlertType } from 'src/utils/misc-utils';
 
-function Row({ alertTypeDefs, row }: RowProps) {
-    const evaluatedAlertTypes: ChipDisplay[] = useMemo(
-        () =>
-            row.alertTypes
-                .map((alertType) =>
-                    alertTypeDefs.find((def) => def.alertType === alertType)
-                )
-                .filter((def) => typeof def !== 'undefined')
-                .sort((first, second) =>
-                    sortByAlertType(
-                        {
-                            isSystemAlert: first.isSystem,
-                            value: first.displayName,
-                        },
-                        {
-                            isSystemAlert: second.isSystem,
-                            value: second.displayName,
-                        },
-                        'asc'
-                    )
-                )
-                .map(({ displayName, isSystem }) => ({
-                    display: displayName,
-                    diminishedText: isSystem,
-                })),
-        [alertTypeDefs, row.alertTypes]
-    );
+function Row({ row }: RowProps) {
+    const { subscriptions } = row;
 
     return (
         <TableRow>
-            <TableCell>{row.catalogPrefix}</TableCell>
+            <TableCell>{subscriptions[0].catalogPrefix}</TableCell>
 
             <ChipListCell
                 maxChips={3}
                 stripPath={false}
-                values={evaluatedAlertTypes}
+                values={subscriptions.map(({ email }) => email)}
             />
 
-            <TableCell>{row.email}</TableCell>
-
             <AlertEditButton
-                alertTypes={row.alertTypes}
-                email={row.email}
-                prefix={row.catalogPrefix}
+                prefix={subscriptions[0].catalogPrefix}
+                subscriptionMetadata={row}
             />
         </TableRow>
     );
@@ -67,7 +35,7 @@ function Rows({ alertTypeDefs, data }: RowsProps) {
             {data.map((datum, index) => (
                 <Row
                     alertTypeDefs={alertTypeDefs}
-                    key={`${datum.catalogPrefix}-${datum.email}-${index}`}
+                    key={`${datum.subscriptions[0].id}-${index}`}
                     row={datum}
                 />
             ))}
diff --git a/src/components/tables/PrefixAlerts/index.tsx b/src/components/tables/PrefixAlerts/index.tsx
index a825ff4960..2c4b1efc37 100644
--- a/src/components/tables/PrefixAlerts/index.tsx
+++ b/src/components/tables/PrefixAlerts/index.tsx
@@ -1,4 +1,4 @@
-import type { ReducedAlertSubscriptionQueryResponse } from 'src/api/types';
+import type { SubscriptionMetadataDictionary } from 'src/components/admin/Settings/PrefixAlerts/types';
 import type { AlertTypeInfo } from 'src/gql-types/graphql';
 import type { TableState } from 'src/types';
 
@@ -6,6 +6,8 @@ import { useEffect, useMemo, useRef, useState } from 'react';
 
 import { Box, Stack, Table, TableContainer } from '@mui/material';
 
+import { useShallow } from 'zustand/react/shallow';
+
 import { debounce } from 'lodash';
 import { useUnmount } from 'react-use';
 
@@ -23,34 +25,45 @@ import TableFilter from 'src/components/tables/PrefixAlerts/TableFilter';
 import { useGetAlertSubscriptions } from 'src/context/AlertSubscriptions';
 import { useGetAlertTypes } from 'src/context/AlertType';
 import { TableStatuses } from 'src/types';
+import { bundleSubscriptionsByPrefix } from 'src/utils/notification-utils';
 
 function PrefixAlertTable() {
     const [{ data, error, fetching }] = useGetAlertSubscriptions();
     const [alertTypeResponse] = useGetAlertTypes();
 
-    const setInitializationError = useAlertSubscriptionsStore(
-        (state) => state.setInitializationError
-    );
+    const [setInitializationError, setSubscriptionMetadata] =
+        useAlertSubscriptionsStore(
+            useShallow((state) => [
+                state.setInitializationError,
+                state.setSubscriptionMetadata,
+            ])
+        );
 
     const [searchQuery, setSearchQuery] = useState<string>('');
     const [tableState, setTableState] = useState<TableState>({
         status: TableStatuses.LOADING,
     });
 
-    const processedData: ReducedAlertSubscriptionQueryResponse['alertSubscriptions'] =
-        useMemo(() => {
-            if (!data) {
-                return [];
-            }
-
-            return searchQuery
-                ? data.alertSubscriptions.filter(
-                      ({ catalogPrefix, email }) =>
-                          catalogPrefix.includes(searchQuery) ||
-                          email.includes(searchQuery)
-                  )
-                : data.alertSubscriptions;
-        }, [data, searchQuery]);
+    const processedData: SubscriptionMetadataDictionary = useMemo(() => {
+        if (!data) {
+            return {};
+        }
+
+        const evaluatedData = searchQuery
+            ? data.alertSubscriptions.filter(
+                  ({ catalogPrefix, email }) =>
+                      catalogPrefix.includes(searchQuery) ||
+                      email.includes(searchQuery)
+              )
+            : data.alertSubscriptions;
+
+        return bundleSubscriptionsByPrefix(evaluatedData);
+    }, [data, searchQuery]);
+
+    const processedDataExists = useMemo(
+        () => Object.keys(processedData).length > 0,
+        [processedData]
+    );
 
     const alertTypeDefs: AlertTypeInfo[] = useMemo(
         () =>
@@ -71,13 +84,21 @@ function PrefixAlertTable() {
     useEffect(() => {
         if (!fetching && !alertTypeResponse.fetching) {
             setInitializationError(error);
+            setSubscriptionMetadata(data?.alertSubscriptions ?? []);
         }
-    }, [alertTypeResponse.fetching, error, fetching, setInitializationError]);
+    }, [
+        alertTypeResponse.fetching,
+        data?.alertSubscriptions,
+        error,
+        fetching,
+        setInitializationError,
+        setSubscriptionMetadata,
+    ]);
 
     useEffect(() => {
         if (fetching || alertTypeResponse.fetching) {
             setTableState({ status: TableStatuses.LOADING });
-        } else if (processedData.length > 0) {
+        } else if (processedDataExists) {
             displayLoadingState.current?.cancel();
 
             setTableState({
@@ -94,8 +115,8 @@ function PrefixAlertTable() {
         }
     }, [
         alertTypeResponse.fetching,
+        processedDataExists,
         fetching,
-        processedData.length,
         searchQuery,
     ]);
 
@@ -144,11 +165,10 @@ function PrefixAlertTable() {
                             disableDoclink: true,
                         }}
                         rows={
-                            processedData.length > 0 &&
-                            alertTypeDefs.length > 0 ? (
+                            processedDataExists && alertTypeDefs.length > 0 ? (
                                 <Rows
                                     alertTypeDefs={alertTypeDefs}
-                                    data={processedData}
+                                    data={Object.values(processedData)}
                                 />
                             ) : null
                         }
diff --git a/src/components/tables/PrefixAlerts/shared.ts b/src/components/tables/PrefixAlerts/shared.ts
index ecba51906e..b02cbbd9e1 100644
--- a/src/components/tables/PrefixAlerts/shared.ts
+++ b/src/components/tables/PrefixAlerts/shared.ts
@@ -15,10 +15,6 @@ export const columns: TableColumns[] = [
         field: 'catalog_prefix',
         headerIntlKey: 'entityTable.data.catalogPrefix',
     },
-    {
-        field: null,
-        headerIntlKey: 'entityTable.data.alertTypes',
-    },
     {
         field: null,
         headerIntlKey: 'alerts.config.table.label.alertMethod',
diff --git a/src/components/tables/PrefixAlerts/types.ts b/src/components/tables/PrefixAlerts/types.ts
index 0cc3ffa643..f9335c6771 100644
--- a/src/components/tables/PrefixAlerts/types.ts
+++ b/src/components/tables/PrefixAlerts/types.ts
@@ -1,15 +1,15 @@
 import type { Dispatch, SetStateAction } from 'react';
-import type { ReducedAlertSubscription } from 'src/api/types';
+import type { SubscriptionMetadata } from 'src/components/admin/Settings/PrefixAlerts/types';
 import type { AlertTypeInfo } from 'src/gql-types/graphql';
 
 export interface RowProps {
     alertTypeDefs: AlertTypeInfo[];
-    row: ReducedAlertSubscription;
+    row: SubscriptionMetadata;
 }
 
 export interface RowsProps {
     alertTypeDefs: AlertTypeInfo[];
-    data: ReducedAlertSubscription[];
+    data: SubscriptionMetadata[];
 }
 
 export interface TableFilterProps {
diff --git a/src/components/tables/cells/prefixAlerts/EditButton.tsx b/src/components/tables/cells/prefixAlerts/EditButton.tsx
index c44462397f..2424008416 100644
--- a/src/components/tables/cells/prefixAlerts/EditButton.tsx
+++ b/src/components/tables/cells/prefixAlerts/EditButton.tsx
@@ -7,22 +7,16 @@ import { Button, TableCell } from '@mui/material';
 import { useIntl } from 'react-intl';
 
 import AlertSubscriptionDialog from 'src/components/admin/Settings/PrefixAlerts/Dialog';
-import useAlertSubscriptionsStore from 'src/components/admin/Settings/PrefixAlerts/useAlertSubscriptionsStore';
 
 function AlertEditButton({
-    alertTypes,
-    email,
     prefix,
+    subscriptionMetadata,
     ...props
 }: EditButtonProps) {
     const intl = useIntl();
 
     const [open, setOpen] = useState(false);
 
-    const setSubscribedEmail = useAlertSubscriptionsStore(
-        (state) => state.setSubscribedEmail
-    );
-
     return (
         <TableCell {...props}>
             <Button
@@ -30,7 +24,6 @@ function AlertEditButton({
                 onClick={(event) => {
                     event.preventDefault();
 
-                    setSubscribedEmail(email);
                     setOpen(true);
                 }}
             >
@@ -39,13 +32,10 @@ function AlertEditButton({
 
             <AlertSubscriptionDialog
                 descriptionId="alerts.config.dialog.update.description"
-                enableDeletion
-                existingAlertTypes={alertTypes}
                 headerId="alerts.config.dialog.update.header"
                 open={open}
                 setOpen={setOpen}
                 staticPrefix={prefix}
-                staticEmail={email}
             />
         </TableCell>
     );
diff --git a/src/context/URQL.tsx b/src/context/URQL.tsx
index 9974f78c38..907e58975f 100644
--- a/src/context/URQL.tsx
+++ b/src/context/URQL.tsx
@@ -55,8 +55,11 @@ function UrqlConfigProvider({ children }: BaseComponentProps) {
                     keys: {
                         // TODO (gql caching)  - see GRAPHQL.md
                         Alert: (_data) => null,
+                        AlertConfig: (_data) => null,
                         AlertSubscription: (_data) => null,
                         AlertTypeInfo: (_data) => null,
+                        EffectiveAlertConfig: (_data) => null,
+                        FieldProvenance: (_data) => null,
                         InviteLink: (data) => null,
                         LiveSpecRef: (_data) => null,
                         PrefixRef: (_data) => null,
@@ -72,6 +75,9 @@ function UrqlConfigProvider({ children }: BaseComponentProps) {
                             deleteInviteLink(_result, _args, cache) {
                                 invalidateQuery(cache, 'inviteLinks');
                             },
+                            updateAlertConfig(_result, _args, cache) {
+                                invalidateQuery(cache, 'alertConfigs');
+                            },
                             createAlertSubscription(_result, _args, cache) {
                                 invalidateQuery(cache, 'alertSubscriptions');
                             },
diff --git a/src/gql-types/gql.ts b/src/gql-types/gql.ts
index f3bf218a46..4ab712625a 100644
--- a/src/gql-types/gql.ts
+++ b/src/gql-types/gql.ts
@@ -14,9 +14,11 @@ import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/
  * Learn more about it here: https://the-guild.dev/graphql/codegen/plugins/presets/preset-client#reducing-bundle-size
  */
 type Documents = {
+    "\n    query AlertConfigs(\n        $filter: AlertConfigsFilter\n        $after: String\n        $first: Int\n    ) {\n        alertConfigs(filter: $filter, after: $after, first: $first) {\n            edges {\n                node {\n                    catalogPrefixOrName\n                    config\n                    createdAt\n                    detail\n                    effective {\n                        config\n                        provenance {\n                            source\n                        }\n                    }\n                    id\n                    lastModifiedBy\n                    updatedAt\n                }\n            }\n            pageInfo {\n                endCursor\n                hasNextPage\n            }\n        }\n    }\n": typeof types.AlertConfigsDocument,
+    "\n    mutation UpdateAlertConfigMutation(\n        $catalogPrefixOrName: String!\n        $config: JSON!\n        $detail: String\n    ) {\n        updateAlertConfig(\n            catalogPrefixOrName: $catalogPrefixOrName\n            config: $config\n            detail: $detail\n        ) {\n            catalogPrefixOrName\n        }\n    }\n": typeof types.UpdateAlertConfigMutationDocument,
     "\n    mutation CreateAlertSubscriptionMutation(\n        $prefix: Prefix!\n        $email: String!\n        $alertTypes: [AlertType!]\n        $detail: String\n    ) {\n        createAlertSubscription(\n            prefix: $prefix\n            email: $email\n            alertTypes: $alertTypes\n            detail: $detail\n        ) {\n            catalogPrefix\n            email\n        }\n    }\n": typeof types.CreateAlertSubscriptionMutationDocument,
     "\n    mutation DeleteAlertSubscriptionMutation(\n        $prefix: Prefix!\n        $email: String!\n    ) {\n        deleteAlertSubscription(prefix: $prefix, email: $email) {\n            catalogPrefix\n            email\n        }\n    }\n": typeof types.DeleteAlertSubscriptionMutationDocument,
-    "\n    query AlertSubscriptions($prefix: Prefix!) {\n        alertSubscriptions(by: { prefix: $prefix }) {\n            alertTypes\n            catalogPrefix\n            email\n            updatedAt\n        }\n    }\n": typeof types.AlertSubscriptionsDocument,
+    "\n    query AlertSubscriptions($prefix: Prefix!) {\n        alertSubscriptions(by: { prefix: $prefix }) {\n            alertTypes\n            catalogPrefix\n            email\n        }\n    }\n": typeof types.AlertSubscriptionsDocument,
     "\n    mutation UpdateAlertSubscriptionMutation(\n        $prefix: Prefix!\n        $email: String!\n        $alertTypes: [AlertType!]\n        $detail: String\n    ) {\n        updateAlertSubscription(\n            prefix: $prefix\n            email: $email\n            alertTypes: $alertTypes\n            detail: $detail\n        ) {\n            catalogPrefix\n            email\n        }\n    }\n": typeof types.UpdateAlertSubscriptionMutationDocument,
     "\n    query AlertType {\n        alertTypes {\n            alertType\n            description\n            displayName\n            isDefault\n            isSystem\n        }\n    }\n": typeof types.AlertTypeDocument,
     "\n    query ConnectorsGrid($filter: ConnectorsFilter, $after: String) {\n        connectors(first: 500, after: $after, filter: $filter) {\n            edges {\n                cursor\n                node {\n                    id\n                    imageName\n                    logoUrl\n                    title\n                    recommended\n                    detail\n                    defaultSpec {\n                        id\n                        imageTag\n                        documentationUrl\n                        protocol\n                    }\n                }\n            }\n            pageInfo {\n                hasNextPage\n                endCursor\n            }\n        }\n    }\n": typeof types.ConnectorsGridDocument,
@@ -42,9 +44,11 @@ type Documents = {
     "\n    query AuthRolesQuery($after: String) {\n        prefixes(by: { minCapability: read }, first: 7500, after: $after) {\n            edges {\n                node {\n                    prefix\n                    userCapability\n                }\n            }\n            pageInfo {\n                hasNextPage\n                endCursor\n            }\n        }\n    }\n": typeof types.AuthRolesQueryDocument,
 };
 const documents: Documents = {
+    "\n    query AlertConfigs(\n        $filter: AlertConfigsFilter\n        $after: String\n        $first: Int\n    ) {\n        alertConfigs(filter: $filter, after: $after, first: $first) {\n            edges {\n                node {\n                    catalogPrefixOrName\n                    config\n                    createdAt\n                    detail\n                    effective {\n                        config\n                        provenance {\n                            source\n                        }\n                    }\n                    id\n                    lastModifiedBy\n                    updatedAt\n                }\n            }\n            pageInfo {\n                endCursor\n                hasNextPage\n            }\n        }\n    }\n": types.AlertConfigsDocument,
+    "\n    mutation UpdateAlertConfigMutation(\n        $catalogPrefixOrName: String!\n        $config: JSON!\n        $detail: String\n    ) {\n        updateAlertConfig(\n            catalogPrefixOrName: $catalogPrefixOrName\n            config: $config\n            detail: $detail\n        ) {\n            catalogPrefixOrName\n        }\n    }\n": types.UpdateAlertConfigMutationDocument,
     "\n    mutation CreateAlertSubscriptionMutation(\n        $prefix: Prefix!\n        $email: String!\n        $alertTypes: [AlertType!]\n        $detail: String\n    ) {\n        createAlertSubscription(\n            prefix: $prefix\n            email: $email\n            alertTypes: $alertTypes\n            detail: $detail\n        ) {\n            catalogPrefix\n            email\n        }\n    }\n": types.CreateAlertSubscriptionMutationDocument,
     "\n    mutation DeleteAlertSubscriptionMutation(\n        $prefix: Prefix!\n        $email: String!\n    ) {\n        deleteAlertSubscription(prefix: $prefix, email: $email) {\n            catalogPrefix\n            email\n        }\n    }\n": types.DeleteAlertSubscriptionMutationDocument,
-    "\n    query AlertSubscriptions($prefix: Prefix!) {\n        alertSubscriptions(by: { prefix: $prefix }) {\n            alertTypes\n            catalogPrefix\n            email\n            updatedAt\n        }\n    }\n": types.AlertSubscriptionsDocument,
+    "\n    query AlertSubscriptions($prefix: Prefix!) {\n        alertSubscriptions(by: { prefix: $prefix }) {\n            alertTypes\n            catalogPrefix\n            email\n        }\n    }\n": types.AlertSubscriptionsDocument,
     "\n    mutation UpdateAlertSubscriptionMutation(\n        $prefix: Prefix!\n        $email: String!\n        $alertTypes: [AlertType!]\n        $detail: String\n    ) {\n        updateAlertSubscription(\n            prefix: $prefix\n            email: $email\n            alertTypes: $alertTypes\n            detail: $detail\n        ) {\n            catalogPrefix\n            email\n        }\n    }\n": types.UpdateAlertSubscriptionMutationDocument,
     "\n    query AlertType {\n        alertTypes {\n            alertType\n            description\n            displayName\n            isDefault\n            isSystem\n        }\n    }\n": types.AlertTypeDocument,
     "\n    query ConnectorsGrid($filter: ConnectorsFilter, $after: String) {\n        connectors(first: 500, after: $after, filter: $filter) {\n            edges {\n                cursor\n                node {\n                    id\n                    imageName\n                    logoUrl\n                    title\n                    recommended\n                    detail\n                    defaultSpec {\n                        id\n                        imageTag\n                        documentationUrl\n                        protocol\n                    }\n                }\n            }\n            pageInfo {\n                hasNextPage\n                endCursor\n            }\n        }\n    }\n": types.ConnectorsGridDocument,
@@ -84,6 +88,14 @@ const documents: Documents = {
  */
 export function graphql(source: string): unknown;
 
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(source: "\n    query AlertConfigs(\n        $filter: AlertConfigsFilter\n        $after: String\n        $first: Int\n    ) {\n        alertConfigs(filter: $filter, after: $after, first: $first) {\n            edges {\n                node {\n                    catalogPrefixOrName\n                    config\n                    createdAt\n                    detail\n                    effective {\n                        config\n                        provenance {\n                            source\n                        }\n                    }\n                    id\n                    lastModifiedBy\n                    updatedAt\n                }\n            }\n            pageInfo {\n                endCursor\n                hasNextPage\n            }\n        }\n    }\n"): (typeof documents)["\n    query AlertConfigs(\n        $filter: AlertConfigsFilter\n        $after: String\n        $first: Int\n    ) {\n        alertConfigs(filter: $filter, after: $after, first: $first) {\n            edges {\n                node {\n                    catalogPrefixOrName\n                    config\n                    createdAt\n                    detail\n                    effective {\n                        config\n                        provenance {\n                            source\n                        }\n                    }\n                    id\n                    lastModifiedBy\n                    updatedAt\n                }\n            }\n            pageInfo {\n                endCursor\n                hasNextPage\n            }\n        }\n    }\n"];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(source: "\n    mutation UpdateAlertConfigMutation(\n        $catalogPrefixOrName: String!\n        $config: JSON!\n        $detail: String\n    ) {\n        updateAlertConfig(\n            catalogPrefixOrName: $catalogPrefixOrName\n            config: $config\n            detail: $detail\n        ) {\n            catalogPrefixOrName\n        }\n    }\n"): (typeof documents)["\n    mutation UpdateAlertConfigMutation(\n        $catalogPrefixOrName: String!\n        $config: JSON!\n        $detail: String\n    ) {\n        updateAlertConfig(\n            catalogPrefixOrName: $catalogPrefixOrName\n            config: $config\n            detail: $detail\n        ) {\n            catalogPrefixOrName\n        }\n    }\n"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
@@ -95,7 +107,7 @@ export function graphql(source: "\n    mutation DeleteAlertSubscriptionMutation(
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export function graphql(source: "\n    query AlertSubscriptions($prefix: Prefix!) {\n        alertSubscriptions(by: { prefix: $prefix }) {\n            alertTypes\n            catalogPrefix\n            email\n            updatedAt\n        }\n    }\n"): (typeof documents)["\n    query AlertSubscriptions($prefix: Prefix!) {\n        alertSubscriptions(by: { prefix: $prefix }) {\n            alertTypes\n            catalogPrefix\n            email\n            updatedAt\n        }\n    }\n"];
+export function graphql(source: "\n    query AlertSubscriptions($prefix: Prefix!) {\n        alertSubscriptions(by: { prefix: $prefix }) {\n            alertTypes\n            catalogPrefix\n            email\n        }\n    }\n"): (typeof documents)["\n    query AlertSubscriptions($prefix: Prefix!) {\n        alertSubscriptions(by: { prefix: $prefix }) {\n            alertTypes\n            catalogPrefix\n            email\n        }\n    }\n"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
diff --git a/src/gql-types/graphql.ts b/src/gql-types/graphql.ts
index 231e807659..12396f1ba1 100644
--- a/src/gql-types/graphql.ts
+++ b/src/gql-types/graphql.ts
@@ -1922,6 +1922,24 @@ export type UsBankAccountPaymentMethodDetails = {
   last4?: Maybe<Scalars['String']['output']>;
 };
 
+export type AlertConfigsQueryVariables = Exact<{
+  filter?: InputMaybe<AlertConfigsFilter>;
+  after?: InputMaybe<Scalars['String']['input']>;
+  first?: InputMaybe<Scalars['Int']['input']>;
+}>;
+
+
+export type AlertConfigsQuery = { __typename?: 'QueryRoot', alertConfigs: { __typename?: 'AlertConfigEntryConnection', edges: Array<{ __typename?: 'AlertConfigEntryEdge', node: { __typename?: 'AlertConfigEntry', catalogPrefixOrName: string, config: any, createdAt: any, detail?: string | null, id: any, lastModifiedBy?: any | null, updatedAt: any, effective: { __typename?: 'EffectiveAlertConfig', config: any, provenance: Array<{ __typename?: 'FieldProvenance', source?: string | null }> } } }>, pageInfo: { __typename?: 'PageInfo', endCursor?: string | null, hasNextPage: boolean } } };
+
+export type UpdateAlertConfigMutationMutationVariables = Exact<{
+  catalogPrefixOrName: Scalars['String']['input'];
+  config: Scalars['JSON']['input'];
+  detail?: InputMaybe<Scalars['String']['input']>;
+}>;
+
+
+export type UpdateAlertConfigMutationMutation = { __typename?: 'MutationRoot', updateAlertConfig: { __typename?: 'UpdateAlertConfigResult', catalogPrefixOrName: string } };
+
 export type CreateAlertSubscriptionMutationMutationVariables = Exact<{
   prefix: Scalars['Prefix']['input'];
   email: Scalars['String']['input'];
@@ -1945,7 +1963,7 @@ export type AlertSubscriptionsQueryVariables = Exact<{
 }>;
 
 
-export type AlertSubscriptionsQuery = { __typename?: 'QueryRoot', alertSubscriptions: Array<{ __typename?: 'AlertSubscription', alertTypes: Array<AlertType>, catalogPrefix: any, email?: string | null, updatedAt: any }> };
+export type AlertSubscriptionsQuery = { __typename?: 'QueryRoot', alertSubscriptions: Array<{ __typename?: 'AlertSubscription', alertTypes: Array<AlertType>, catalogPrefix: any, email?: string | null }> };
 
 export type UpdateAlertSubscriptionMutationMutationVariables = Exact<{
   prefix: Scalars['Prefix']['input'];
@@ -2123,9 +2141,11 @@ export type AuthRolesQueryQueryVariables = Exact<{
 export type AuthRolesQueryQuery = { __typename?: 'QueryRoot', prefixes: { __typename?: 'PrefixRefConnection', edges: Array<{ __typename?: 'PrefixRefEdge', node: { __typename?: 'PrefixRef', prefix: any, userCapability: Capability } }>, pageInfo: { __typename?: 'PageInfo', hasNextPage: boolean, endCursor?: string | null } } };
 
 export const PageInfoFieldsFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PageInfoFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PageInfo"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"hasNextPage"}},{"kind":"Field","name":{"kind":"Name","value":"hasPreviousPage"}},{"kind":"Field","name":{"kind":"Name","value":"startCursor"}},{"kind":"Field","name":{"kind":"Name","value":"endCursor"}}]}}]} as unknown as DocumentNode<PageInfoFieldsFragment, unknown>;
+export const AlertConfigsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"AlertConfigs"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"filter"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"AlertConfigsFilter"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"after"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"first"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alertConfigs"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"filter"},"value":{"kind":"Variable","name":{"kind":"Name","value":"filter"}}},{"kind":"Argument","name":{"kind":"Name","value":"after"},"value":{"kind":"Variable","name":{"kind":"Name","value":"after"}}},{"kind":"Argument","name":{"kind":"Name","value":"first"},"value":{"kind":"Variable","name":{"kind":"Name","value":"first"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"edges"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"node"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"catalogPrefixOrName"}},{"kind":"Field","name":{"kind":"Name","value":"config"}},{"kind":"Field","name":{"kind":"Name","value":"createdAt"}},{"kind":"Field","name":{"kind":"Name","value":"detail"}},{"kind":"Field","name":{"kind":"Name","value":"effective"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"config"}},{"kind":"Field","name":{"kind":"Name","value":"provenance"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"source"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"lastModifiedBy"}},{"kind":"Field","name":{"kind":"Name","value":"updatedAt"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"pageInfo"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"endCursor"}},{"kind":"Field","name":{"kind":"Name","value":"hasNextPage"}}]}}]}}]}}]} as unknown as DocumentNode<AlertConfigsQuery, AlertConfigsQueryVariables>;
+export const UpdateAlertConfigMutationDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"UpdateAlertConfigMutation"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"catalogPrefixOrName"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"config"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"JSON"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"detail"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"updateAlertConfig"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"catalogPrefixOrName"},"value":{"kind":"Variable","name":{"kind":"Name","value":"catalogPrefixOrName"}}},{"kind":"Argument","name":{"kind":"Name","value":"config"},"value":{"kind":"Variable","name":{"kind":"Name","value":"config"}}},{"kind":"Argument","name":{"kind":"Name","value":"detail"},"value":{"kind":"Variable","name":{"kind":"Name","value":"detail"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"catalogPrefixOrName"}}]}}]}}]} as unknown as DocumentNode<UpdateAlertConfigMutationMutation, UpdateAlertConfigMutationMutationVariables>;
 export const CreateAlertSubscriptionMutationDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"CreateAlertSubscriptionMutation"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"prefix"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Prefix"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"email"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"alertTypes"}},"type":{"kind":"ListType","type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"AlertType"}}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"detail"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"createAlertSubscription"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"prefix"},"value":{"kind":"Variable","name":{"kind":"Name","value":"prefix"}}},{"kind":"Argument","name":{"kind":"Name","value":"email"},"value":{"kind":"Variable","name":{"kind":"Name","value":"email"}}},{"kind":"Argument","name":{"kind":"Name","value":"alertTypes"},"value":{"kind":"Variable","name":{"kind":"Name","value":"alertTypes"}}},{"kind":"Argument","name":{"kind":"Name","value":"detail"},"value":{"kind":"Variable","name":{"kind":"Name","value":"detail"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"catalogPrefix"}},{"kind":"Field","name":{"kind":"Name","value":"email"}}]}}]}}]} as unknown as DocumentNode<CreateAlertSubscriptionMutationMutation, CreateAlertSubscriptionMutationMutationVariables>;
 export const DeleteAlertSubscriptionMutationDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"DeleteAlertSubscriptionMutation"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"prefix"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Prefix"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"email"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"deleteAlertSubscription"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"prefix"},"value":{"kind":"Variable","name":{"kind":"Name","value":"prefix"}}},{"kind":"Argument","name":{"kind":"Name","value":"email"},"value":{"kind":"Variable","name":{"kind":"Name","value":"email"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"catalogPrefix"}},{"kind":"Field","name":{"kind":"Name","value":"email"}}]}}]}}]} as unknown as DocumentNode<DeleteAlertSubscriptionMutationMutation, DeleteAlertSubscriptionMutationMutationVariables>;
-export const AlertSubscriptionsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"AlertSubscriptions"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"prefix"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Prefix"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alertSubscriptions"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"by"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"prefix"},"value":{"kind":"Variable","name":{"kind":"Name","value":"prefix"}}}]}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alertTypes"}},{"kind":"Field","name":{"kind":"Name","value":"catalogPrefix"}},{"kind":"Field","name":{"kind":"Name","value":"email"}},{"kind":"Field","name":{"kind":"Name","value":"updatedAt"}}]}}]}}]} as unknown as DocumentNode<AlertSubscriptionsQuery, AlertSubscriptionsQueryVariables>;
+export const AlertSubscriptionsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"AlertSubscriptions"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"prefix"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Prefix"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alertSubscriptions"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"by"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"prefix"},"value":{"kind":"Variable","name":{"kind":"Name","value":"prefix"}}}]}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alertTypes"}},{"kind":"Field","name":{"kind":"Name","value":"catalogPrefix"}},{"kind":"Field","name":{"kind":"Name","value":"email"}}]}}]}}]} as unknown as DocumentNode<AlertSubscriptionsQuery, AlertSubscriptionsQueryVariables>;
 export const UpdateAlertSubscriptionMutationDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"UpdateAlertSubscriptionMutation"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"prefix"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Prefix"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"email"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"alertTypes"}},"type":{"kind":"ListType","type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"AlertType"}}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"detail"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"updateAlertSubscription"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"prefix"},"value":{"kind":"Variable","name":{"kind":"Name","value":"prefix"}}},{"kind":"Argument","name":{"kind":"Name","value":"email"},"value":{"kind":"Variable","name":{"kind":"Name","value":"email"}}},{"kind":"Argument","name":{"kind":"Name","value":"alertTypes"},"value":{"kind":"Variable","name":{"kind":"Name","value":"alertTypes"}}},{"kind":"Argument","name":{"kind":"Name","value":"detail"},"value":{"kind":"Variable","name":{"kind":"Name","value":"detail"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"catalogPrefix"}},{"kind":"Field","name":{"kind":"Name","value":"email"}}]}}]}}]} as unknown as DocumentNode<UpdateAlertSubscriptionMutationMutation, UpdateAlertSubscriptionMutationMutationVariables>;
 export const AlertTypeDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"AlertType"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alertTypes"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alertType"}},{"kind":"Field","name":{"kind":"Name","value":"description"}},{"kind":"Field","name":{"kind":"Name","value":"displayName"}},{"kind":"Field","name":{"kind":"Name","value":"isDefault"}},{"kind":"Field","name":{"kind":"Name","value":"isSystem"}}]}}]}}]} as unknown as DocumentNode<AlertTypeQuery, AlertTypeQueryVariables>;
 export const ConnectorsGridDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"ConnectorsGrid"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"filter"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"ConnectorsFilter"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"after"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"connectors"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"first"},"value":{"kind":"IntValue","value":"500"}},{"kind":"Argument","name":{"kind":"Name","value":"after"},"value":{"kind":"Variable","name":{"kind":"Name","value":"after"}}},{"kind":"Argument","name":{"kind":"Name","value":"filter"},"value":{"kind":"Variable","name":{"kind":"Name","value":"filter"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"edges"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"cursor"}},{"kind":"Field","name":{"kind":"Name","value":"node"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"imageName"}},{"kind":"Field","name":{"kind":"Name","value":"logoUrl"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"recommended"}},{"kind":"Field","name":{"kind":"Name","value":"detail"}},{"kind":"Field","name":{"kind":"Name","value":"defaultSpec"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"imageTag"}},{"kind":"Field","name":{"kind":"Name","value":"documentationUrl"}},{"kind":"Field","name":{"kind":"Name","value":"protocol"}}]}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"pageInfo"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"hasNextPage"}},{"kind":"Field","name":{"kind":"Name","value":"endCursor"}}]}}]}}]}}]} as unknown as DocumentNode<ConnectorsGridQuery, ConnectorsGridQueryVariables>;
diff --git a/src/lang/en-US/Alerts.ts b/src/lang/en-US/Alerts.ts
index e72cca99fe..6b6a6748dd 100644
--- a/src/lang/en-US/Alerts.ts
+++ b/src/lang/en-US/Alerts.ts
@@ -4,10 +4,18 @@ export const Alerts: Record<string, string> = {
     'alerts.config.header': `Organization Notifications`,
     'alerts.config.cta.addAlertMethod': `Configure Notifications`,
 
+    'alerts.config.dialog.cta.addSubscriber': `Add Recipient`,
+    'alerts.config.dialog.cta.deleteAll': `Delete Prefix Alerts`,
     'alerts.config.dialog.emailSelector.inputError': `Email is incorrectly formatted.`,
+    'alerts.config.dialog.emailSelector.duplicationError': `Email is used by another subscription to this prefix.`,
     'alerts.config.dialog.error.generic': `An issue was encountered {operation} an alert subscription.`,
     'alerts.config.dialog.error.term.delete': `deleting`,
     'alerts.config.dialog.error.term.modify': `creating or updating`,
+    'alerts.config.dialog.label.globalSettings': `Global Settings`,
+    'alerts.config.dialog.label.subscribers': `Recipients ({count})`,
+    'alerts.config.dialog.label.placeholderSubscriberId': `(new recipient)`,
+    'alerts.config.dialog.message.noExistingSubscriptions': `No emails are configured to be notified for prefix, {prefix}. To receive notifications for this prefix, click "Add Recipient" to get started.`,
+    'alerts.config.dialog.message.globalSettings': `Default settings applied to all tasks under this prefix. Individual tasks can override these values in their own notification settings.`,
     'alerts.config.dialog.generate.description': `Choose where you'd like notifications to be sent. Email addresses can be for mailing lists, {docLink}, or individual users.`,
     'alerts.config.dialog.generate.description.docLink': `Slack channels`,
     'alerts.config.dialog.generate.description.docPath': `https://slack.com/intl/en-au/help/articles/206819278-Send-emails-to-Slack`,
@@ -64,7 +72,8 @@ export const Alerts: Record<string, string> = {
     'alert.active.noAlerts.title': `All Clear!`,
     'alert.active.noAlerts.message': `No active alerts.`,
 
-    // Consumed in ui/src/settings/alerts.ts and ui/src/hooks/useAlertTypeContent.ts
+    // Consumed in ui/src/settings/alerts.ts, ui/src/hooks/useAlertTypeContent.ts,
+    // and ui/src/components/admin/Settings/PrefixAlerts/Dialog/GlobalSettings/DataMovementSetting.tsx
     'alerts.alertType.humanReadable.auto_discover_failed': `Auto Discover Failed`,
     'alerts.alertType.humanReadable.background_publication_failed': `Background Publication Failed`,
     'alerts.alertType.humanReadable.shard_failed': `Task Failure`,
diff --git a/src/types/gql.ts b/src/types/gql.ts
index 0626a32e28..2b18a33dcd 100644
--- a/src/types/gql.ts
+++ b/src/types/gql.ts
@@ -1,5 +1,10 @@
-import type { AlertType, AlertTypeInfo } from 'src/gql-types/graphql';
+import type {
+    AlertConfigsFilter,
+    AlertType,
+    AlertTypeInfo,
+} from 'src/gql-types/graphql';
 import type { ShardEntityTypes } from 'src/stores/ShardDetail/types';
+import type { Schema } from 'src/types/index';
 
 export interface AlertDetailsRecipients {
     email: string;
@@ -96,6 +101,12 @@ export interface ActiveAlertCountQueryResponse {
 export type AlertHistoryForTaskQueryResponse = DefaultAlertingQueryResponse;
 export type AlertingOverviewQueryResponse = AlertHistoryForTaskQueryResponse;
 
+export interface AlertConfigQueryInput {
+    after?: string;
+    filter?: AlertConfigsFilter;
+    first?: number;
+}
+
 export interface AlertHistoryQueryResponse {
     liveSpecs: {
         edges: {
@@ -124,6 +135,13 @@ export interface AlertSubscription extends BaseFields {
     email: string;
 }
 
+// This interface is used for the upsert alert config mutation.
+export interface AlertConfigMutationInput {
+    catalogPrefixOrName: string;
+    config: Schema;
+    detail?: string;
+}
+
 // This interface is used for create and update alert subscription mutations.
 export interface AlertSubscriptionMutationInput
     extends BaseAlertSubscriptionMutationInput {
diff --git a/src/utils/notification-utils.ts b/src/utils/notification-utils.ts
index 2f406fa113..3ba3c817dc 100644
--- a/src/utils/notification-utils.ts
+++ b/src/utils/notification-utils.ts
@@ -1,4 +1,10 @@
 import type { OptionsObject } from 'notistack';
+import type { ReducedAlertSubscription } from 'src/api/types';
+import type { SubscriptionMetadataDictionary } from 'src/components/admin/Settings/PrefixAlerts/types';
+
+export enum AlertConfigKeys {
+    DATA_MOVEMENT_STALLED = 'dataMovementStalled',
+}
 
 export const snackbarSettings: OptionsObject = {
     anchorOrigin: {
@@ -8,3 +14,82 @@ export const snackbarSettings: OptionsObject = {
     preventDuplicate: true,
     variant: 'info',
 };
+
+export const bundleSubscriptionsByPrefix = (
+    data: ReducedAlertSubscription[]
+) => {
+    const subscriptionMetadata: SubscriptionMetadataDictionary = {};
+
+    data.forEach((query) => {
+        const { catalogPrefix } = query;
+
+        if (Object.hasOwn(subscriptionMetadata, catalogPrefix)) {
+            subscriptionMetadata[catalogPrefix].subscriptions.push({
+                ...query,
+                id: crypto.randomUUID(),
+                viewing: false,
+            });
+        } else {
+            subscriptionMetadata[catalogPrefix] = {
+                settings: {},
+                subscriptions: [
+                    { ...query, id: crypto.randomUUID(), viewing: false },
+                ],
+            };
+        }
+    });
+
+    return subscriptionMetadata;
+};
+
+export const fromUnconventionalTimeFormat = (value: string | undefined) => {
+    switch (value) {
+        case '1h':
+            return '01:00:00';
+        case '2h':
+            return '02:00:00';
+        case '4h':
+            return '04:00:00';
+        case '8h':
+            return '08:00:00';
+        case '12h':
+            return '12:00:00';
+        case '24h':
+            return '24:00:00';
+        case '1day':
+            return '24:00:00';
+        case '2days':
+            return '2 days';
+        case '3days':
+            return '3 days';
+        case '7days':
+            return '7 days';
+        default:
+            return 'none';
+    }
+};
+
+export const toUnconventionalTimeFormat = (value: string | undefined) => {
+    switch (value) {
+        case '01:00:00':
+            return '1h';
+        case '02:00:00':
+            return '2h';
+        case '04:00:00':
+            return '4h';
+        case '08:00:00':
+            return '8h';
+        case '12:00:00':
+            return '12h';
+        case '24:00:00':
+            return '24h';
+        case '2 days':
+            return '2days';
+        case '3 days':
+            return '3days';
+        case '7 days':
+            return '7days';
+        default:
+            return 'none';
+    }
+};