@iblai/iblai-js 2.4.2 → 2.4.4

package/dist/web-containers/source/index.esm.js

@@ -3,7 +3,7 @@ import React__default, { useRef, useEffect, useState, useCallback, useLayoutEffe
 import { useDispatch, useSelector } from 'react-redux';
 import { selectSessionId, selectActiveChatMessages, useCachedSessionId, chatActions, LOCAL_STORAGE_KEYS, TimeTracker, getInitials, useTenantMetadata, useCurrentTenant, selectRbacPermissions, isPureWatcher, WithPermissions, canWriteField, useStripeUpgrade, openExternalUrl, CHAT_AREA_SIZE, isAlphaNumeric32, checkRbacPermission, getTimeAgo, REQUIRED_ACTIONS_FOR_GROUPS, getVisibleAnalyticsTabs, formatRelativeTime as formatRelativeTime$2, ANONYMOUS_USERNAME, combineCSVData, WATCHER_HIDDEN_REPORTS, canViewPlatformAuditLogs, redirectToAuthSpaJoinTenant, redirectToAuthSpa, getAuthSpaJoinUrl, useOS, selectNumberOfActiveChatMessages, useUsername, selectStreaming, isLoggedIn, TOOLS, hasRemoteAiConfig, isSafariBrowser, useShowAttachment, useShowVoiceCall, useShowVoiceRecorder, useMentorSettings, selectShowingSharedChat, useShowFreeTrialDialog, useEmbedMode, chatInputSliceSelectors, useResponsive, useAccessingPublicRoute, useVisitingTenant, useModelFileUploadCapabilities, useChatFileUpload, useVoiceChat, selectAttachedFiles, MENTOR_CHAT_DOCUMENTS_EXTENSIONS, chatInputSliceActions, removeFile, WithFormPermissions, MENTOR_VISIBILITY } from '@iblai/web-utils';
 import * as dataLayer from '@iblai/data-layer';
-import { useCreateSessionIdMutation, useTimeTrackingMutation, useGetUserMetadataQuery, useGetUserMetadataEdxQuery, useUpdateUserMetadataMutation, useUpdateUserMetadataEdxMutation, useUploadProfileImageMutation, useResetPasswordMutation, useSelfRetireMutation, useCreateUserInstitutionMutation, useGetUserInstitutionsQuery, useCreateUserEducationMutation, useUpdateUserEducationMutation, useDeleteUserEducationMutation, useGetUserEducationQuery, useCreateUserCompanyMutation, useGetUserCompaniesQuery, useCreateUserExperienceMutation, useUpdateUserExperienceMutation, useDeleteUserExperienceMutation, useGetUserExperienceQuery, useGetUserResumeQuery, useCreateUserResumeMutation, useGetMySubscriptionsQuery, useGetItemSubscriptionQuery, useCancelSubscriptionMutation, useGetLearnerDetailsQuery, useGetUserEnrolledCoursesQuery, useGetUserEnrolledProgramsQuery, useGetUserCatalogPathwaysQuery, useGetUsersAsAssertionsQuery, useGetUserEarnedSkillsQuery, useGetUserReportedSkillsQuery, useGetUserDesiredSkillsQuery, useCreateGlobalMemoryMutation, useGetMemsearchStatusQuery, useGetUserMemorySettingsQuery, useUpdateUserMemorySettingsMutation, useGetGlobalMemoriesQuery, useGetAllMentorMemoriesQuery, useDeleteGlobalMemoryMutation, useInviteUserMutation, usePlatformInvitationsQuery, useCreateCatalogInvitationCourseBulkMutation, useGetCatalogInvitationsCourseQuery, useLazyPlatformUsersQuery, useLazyPlatformUserGroupsQuery, useGetPersonnalizedSearchQuery, useCreateCatalogInvitationProgramBulkMutation, useGetCatalogInvitationsProgramQuery, useUpdateUserRoleMutation, useUpdateUserStatusMutation, useUpdatePlatformUserRoleWithPoliciesMutation, usePlatformUsersQuery, useGetAccessibleUsersQuery, isPoliciesResponse, platformApiSlice, featureTags, useLazyGetRbacTeamsAccessListQuery, useCreateRbacTeamsAccessMutation, useGetRbacGroupsQuery, usePlatformUserGroupsQuery, useCreateRbacGroupMutation, useUpdateRbacGroupMutation, useDeleteRbacGroupMutation, useCreatePlatformUserGroupMutation, useUpdatePlatformUserGroupMutation, useDeletePlatformUserGroupMutation, useGetRbacGroupDetailsQuery, useGetPlatformUserGroupDetailsQuery, useGetRbacPermissionsMutation, useGetRbacRolesQuery, useCreateRbacRoleMutation, useUpdateRbacRoleMutation, useDeleteRbacRoleMutation, useGetRbacRoleDetailsQuery, useGetRbacActionsDefinitionQuery, useGetRbacResourceDiscoveryQuery, useGetRbacResourceListQuery, useGetRbacPoliciesQuery, useCreateRbacPolicyMutation, useUpdateRbacPolicyMutation, useDeleteRbacPolicyMutation, useGetRbacPolicyDetailsQuery, useGetWatchedGroupsQuery, useCreateWatchedGroupMutation, useUpdateWatchedGroupMutation, useDeleteWatchedGroupMutation, useAddWatchedUserMutation, useRemoveWatchedUserMutation, useAddWatcherMutation, useUpdateWatcherMutation, useDeleteWatcherMutation, useGetWatchedUsersQuery, useGetWatchersQuery, WATCHER_NOTIFICATION_EVENTS, WATCHER_NOTIFICATION_EVENT_LABELS, useGetApplicationFormsQuery, useGetApplicationFormDetailQuery, useCreateApplicationFormMutation, useUpdateApplicationFormMutation, useGetApplicationAdminDetailQuery, useInviteApplicationCandidateMutation, useLazyGetApplicationAttachmentFileQuery, useCreateApplicationWaiverMutation, useDeleteApplicationWaiverMutation, useSubmitApplicationOverrideMutation, useUpdateApplicationPlacementMutation, useDeleteApplicationCourseAssignmentMutation, useCreateApplicationNoteMutation, useUpdateApplicationNoteMutation, useDeleteApplicationNoteMutation, useTransitionApplicationMutation, useLinkApplicationCandidateMutation, useCreateApplicationPlacementsMutation, useGetCustomMentorsQuery, useCreateApplicationCourseAssignmentsMutation, useGetApplicationBlocksQuery, useDeleteApplicationBlockMutation, useGetApplicationsPipelineStatsQuery, useGetApplicationsPipelineQuery, useDeleteApiKeyMutation, useGetApiKeyQuery, useGetApiKeyFieldPermissionsQuery, useUpdateApiKeyMutation, useGetApiKeysQuery, unwrapApiTokenList, useCreateApiKeyMutation, useCreateLLMCredentialMutation, useGetCredentialsSchemaQuery, useGetMaskedLLMCredentialsQuery, useGetLlmsQuery, useDeleteIntegrationCredentialMutation, useDeleteCredentialMutation, useCreateIntegrationCredentialMutation, useGetIntegrationCredentialsSchemaQuery, useGetMaskedIntegrationCredentialsQuery, useGetAccountBillingInfoQuery, useUpdateAutoRechargeInfoMutation, useTriggerAutoRechargeMutation, useCreateStripeCustomerPortalMutation, useSetPlatformConfigurationsMutation, useGetPlatformConfigurationsQuery, useUpdatePlatformMembershipMutation, useGetPlatformMembershipQuery, useGetCustomDomainsQuery, useCreateCustomDomainMutation, useDeleteCustomDomainMutation, useGetStudentMentorCreationStatusQuery, useSetStudentMentorCreationStatusMutation, coreApiSlice, recommendationPromptTypeEnum, useGetRecommendedPromptsListQuery, useCreateRecommendedPromptMutation, useUpdateRecommendedPromptMutation, useDeleteRecommendedPromptMutation, useLazyGetPublicPlatformImageAssetFileUrlQuery, useUpdateTenantMetadataMutation, useCreatePlatformImageAssetMutation, useGetProviderConfigQuery, useCreateProviderConfigMutation, useDeleteProviderConfigMutation, useGetExternalMappingQuery, useGetCredentialsListQuery, useCreateExternalMappingMutation, useDeleteExternalMappingMutation, useGetMemsearchConfigQuery, useUpdateMemsearchConfigMutation, useGetStripeConnectStatusQuery, useStartStripeConnectOnboardingMutation, useLazyGetStripeConnectDashboardQuery, useGetAiSearchMentorsQuery, useListPaywallsQuery, useListPricesQuery, useCreatePriceMutation, useUpdatePriceMutation, useDeletePriceMutation, useGetPaywallConfigQuery, useEnablePaywallMutation, useUpdatePaywallMutation, useGetNotificationsCountQuery, useLazyGetNotificationsQuery, useMarkAllAsReadMutation, useCreateNotificationPreviewMutation, useSendNotificationMutation, useGetMentorsQuery, useUpdateTemplateMutation, useGetTemplateDetailsQuery, useGetTemplatesQuery, useLazyGetTemplateDetailsQuery, useToggleTemplateMutation, useGetTopicsStatsQuery, useGetUsersStatsQuery, useGetSessionStatsQuery, useGetTopicsDetailsStatsQuery, useGetAccessTimeHeatmapQuery, useGetUserDetailsStatsQuery, useGetTranscriptsConversationHeadlineQuery, useGetAverageRatingQuery, useGetFinancialStatsQuery, useGetDetailedFinancialStatsQuery, useGetTranscriptsMessagesDetailsQuery, useGetTranscriptsMessagesQuery, useGetReportDetailQuery, useLazyGetDownloadReportFromURLQuery, useGetMentorPublicSettingsQuery, useGetReportsQuery, useCreateReportMutation, useGetContentAnalyticsQuery, useGetContentAnalyticsDetailsQuery, useGetRevenueQuery, useListSubscribersQuery, useGetAuditLogsQuery, useGetPlatformAuditLogsQuery, PLATFORM_AUDIT_EVENT_TYPES, PLATFORM_AUDIT_ACTION_CODES, useGetMentorMemoriesListQuery, useGetMentorMemoriesQuery, useGetMemoryCategoriesAdminQuery, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetUserEnrolledCoursesQuery, useLazyGetUserAssignedCoursesQuery, useLazyGetUserCredentialsQuery, useLazyGetOverTimeActivityQuery, useLazyGetCatalogSearchQuery, useCreateOrUpdateUserReportedSkillMutation, useCreateOrUpdateUserDesiredSkillMutation, useLazyGetPathwayListQuery, useLazyGetUserAssignedPathwaysQuery, useLazyGetUserEnrolledPathwaysQuery, useLazyGetPathwayCompletionQuery, useLazyGetProgramListQuery, useLazyGetProgramCompletionQuery, useLazyGetUserEnrolledProgramsQuery, useLazyGetAssignedProgramsQuery, useLazyGetUserSkillsPointsQuery, useLazyGetUserReportedSkillsQuery, useLazyGetUserDesiredSkillsQuery, useLazyGetUserCatalogPathwaysQuery, useLazyGetPerLearnerInfoQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useLazyGetPersonnalizedSearchQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useGetClawMentorConfigQuery, useGetClawInstancesQuery, useGetAgentConfigQuery, useUpdateClawMentorConfigMutation, useCreateClawMentorConfigMutation, useDeleteClawMentorConfigMutation, usePushClawConfigMutation, useCreateClawInstanceMutation, useDeleteClawInstanceMutation, useUpdateAgentConfigMutation, useHealthCheckClawInstanceMutation, useTestConnectivityClawInstanceMutation, useUpdateClawInstanceMutation, useGetAgentSkillResourcesQuery, useCreateAgentSkillResourceMutation, useUpdateAgentSkillResourceMutation, useUploadAgentSkillResourceAssetMutation, useDeleteAgentSkillResourceMutation, useGetAgentSkillsQuery, useGetMentorSkillAssignmentsQuery, useCreateMentorSkillAssignmentMutation, useUpdateMentorSkillAssignmentMutation, useDeleteMentorSkillAssignmentMutation, useCreateAgentSkillMutation, useUpdateAgentSkillMutation, useDeleteAgentSkillMutation, resolveEffectiveAgentSkills, filterSlashSkills, useGetMentorSkillAssignmentsInfiniteQuery, MENTOR_SKILL_ASSIGNMENTS_PAGE_SIZE, useCreateCheckoutMutation, useGetUserProjectsQuery, useUpdateUserProjectMutation, useGetTrainingDocumentsQuery, useGetVectorDocumentsQuery, useDeleteMentorMemoryMutation, useUpdateMentorMemoryMutation, useCreateMentorMemoryMutation, useLazyGetConnectedServiceAuthUrlQuery, useCreateUserProjectMutation, useDeleteUserProjectMutation, useGetUserProjectDetailsQuery, useEditTrainingDocumentMutation, useAddTrainingDocumentMutation, useLazyGetCredentialsQuery, useGetMentorSettingsQuery, useEditMentorMutation, useGetMentorCategoriesQuery, useCreateMentorMutation, useUpdateUserPlatformMetadataMutation, useGetApplicationStatusQuery, useListOwnApplicationsQuery, useGetApplicationFormQuery, useWithdrawApplicationMutation, useRenewApplicationMutation, useCreateApplicationDraftMutation, useSubmitApplicationMutation, useUpdateApplicationMutation, useUploadApplicationAttachmentMutation, useDeleteApplicationAttachmentMutation, useGetPromptCategoriesQuery, useCreatePromptMutation, useDeletePromptMutation, useGetPromptsSearchQuery, useUpdatePromptMutation, useDeleteTrainingDocumentMutation, useGetTrainingDocumentRetrainScheduleQuery, useCreateTrainingDocumentRetrainScheduleMutation } from '@iblai/data-layer';
+import { useCreateSessionIdMutation, useTimeTrackingMutation, useGetUserMetadataQuery, useGetUserMetadataEdxQuery, useUpdateUserMetadataMutation, useUpdateUserMetadataEdxMutation, useUploadProfileImageMutation, useResetPasswordMutation, useSelfRetireMutation, useCreateUserInstitutionMutation, useGetUserInstitutionsQuery, useCreateUserEducationMutation, useUpdateUserEducationMutation, useDeleteUserEducationMutation, useGetUserEducationQuery, useCreateUserCompanyMutation, useGetUserCompaniesQuery, useCreateUserExperienceMutation, useUpdateUserExperienceMutation, useDeleteUserExperienceMutation, useGetUserExperienceQuery, useGetUserResumeQuery, useCreateUserResumeMutation, useGetMySubscriptionsQuery, useGetItemSubscriptionQuery, useCancelSubscriptionMutation, useGetLearnerDetailsQuery, useGetUserEnrolledCoursesQuery, useGetUserEnrolledProgramsQuery, useGetUserCatalogPathwaysQuery, useGetUsersAsAssertionsQuery, useGetUserEarnedSkillsQuery, useGetUserReportedSkillsQuery, useGetUserDesiredSkillsQuery, useCreateGlobalMemoryMutation, useGetMemsearchStatusQuery, useGetUserMemorySettingsQuery, useUpdateUserMemorySettingsMutation, useGetGlobalMemoriesQuery, useGetAllMentorMemoriesQuery, useDeleteGlobalMemoryMutation, useInviteUserMutation, usePlatformInvitationsQuery, useCreateCatalogInvitationCourseBulkMutation, useGetCatalogInvitationsCourseQuery, useLazyPlatformUsersQuery, useLazyPlatformUserGroupsQuery, useGetPersonnalizedSearchQuery, useCreateCatalogInvitationProgramBulkMutation, useGetCatalogInvitationsProgramQuery, useUpdateUserRoleMutation, useUpdateUserStatusMutation, useUpdatePlatformUserRoleWithPoliciesMutation, usePlatformUsersQuery, useGetAccessibleUsersQuery, isPoliciesResponse, platformApiSlice, featureTags, useLazyGetRbacTeamsAccessListQuery, useCreateRbacTeamsAccessMutation, useGetRbacGroupsQuery, usePlatformUserGroupsQuery, useCreateRbacGroupMutation, useUpdateRbacGroupMutation, useDeleteRbacGroupMutation, useCreatePlatformUserGroupMutation, useUpdatePlatformUserGroupMutation, useDeletePlatformUserGroupMutation, useGetRbacGroupDetailsQuery, useGetPlatformUserGroupDetailsQuery, useGetRbacPermissionsMutation, useGetRbacRolesQuery, useCreateRbacRoleMutation, useUpdateRbacRoleMutation, useDeleteRbacRoleMutation, useGetRbacRoleDetailsQuery, useGetRbacActionsDefinitionQuery, useGetRbacResourceDiscoveryQuery, useGetRbacResourceListQuery, useGetRbacPoliciesQuery, useCreateRbacPolicyMutation, useUpdateRbacPolicyMutation, useDeleteRbacPolicyMutation, useGetRbacPolicyDetailsQuery, useGetWatchedGroupsQuery, useCreateWatchedGroupMutation, useUpdateWatchedGroupMutation, useDeleteWatchedGroupMutation, useAddWatchedUserMutation, useRemoveWatchedUserMutation, useAddWatcherMutation, useUpdateWatcherMutation, useDeleteWatcherMutation, useGetWatchedUsersQuery, useGetWatchersQuery, WATCHER_NOTIFICATION_EVENTS, WATCHER_NOTIFICATION_EVENT_LABELS, useGetApplicationFormsQuery, useGetApplicationFormDetailQuery, useCreateApplicationFormMutation, useUpdateApplicationFormMutation, useGetApplicationAdminDetailQuery, useInviteApplicationCandidateMutation, useLazyGetApplicationAttachmentFileQuery, useCreateApplicationWaiverMutation, useDeleteApplicationWaiverMutation, useSubmitApplicationOverrideMutation, useUpdateApplicationPlacementMutation, useDeleteApplicationCourseAssignmentMutation, useCreateApplicationNoteMutation, useUpdateApplicationNoteMutation, useDeleteApplicationNoteMutation, useTransitionApplicationMutation, useLinkApplicationCandidateMutation, useCreateApplicationPlacementsMutation, useGetCustomMentorsQuery, useCreateApplicationCourseAssignmentsMutation, useGetApplicationBlocksQuery, useDeleteApplicationBlockMutation, useGetApplicationsPipelineStatsQuery, useGetApplicationsPipelineQuery, useDeleteApiKeyMutation, useGetApiKeyQuery, useGetApiKeyFieldPermissionsQuery, useUpdateApiKeyMutation, useGetApiKeysQuery, unwrapApiTokenList, useCreateApiKeyMutation, useCreateLLMCredentialMutation, useGetCredentialsSchemaQuery, useGetMaskedLLMCredentialsQuery, useGetLlmsQuery, useDeleteIntegrationCredentialMutation, useDeleteCredentialMutation, useCreateIntegrationCredentialMutation, useGetIntegrationCredentialsSchemaQuery, useGetMaskedIntegrationCredentialsQuery, useGetAccountBillingInfoQuery, useUpdateAutoRechargeInfoMutation, useTriggerAutoRechargeMutation, useCreateStripeCustomerPortalMutation, useSetPlatformConfigurationsMutation, useGetPlatformConfigurationsQuery, useUpdatePlatformMembershipMutation, useGetPlatformMembershipQuery, useGetCustomDomainsQuery, useCreateCustomDomainMutation, useDeleteCustomDomainMutation, useGetStudentMentorCreationStatusQuery, useSetStudentMentorCreationStatusMutation, coreApiSlice, recommendationPromptTypeEnum, useGetRecommendedPromptsListQuery, useCreateRecommendedPromptMutation, useUpdateRecommendedPromptMutation, useDeleteRecommendedPromptMutation, useLazyGetPublicPlatformImageAssetFileUrlQuery, useUpdateTenantMetadataMutation, useCreatePlatformImageAssetMutation, useGetProviderConfigQuery, useCreateProviderConfigMutation, useDeleteProviderConfigMutation, useGetExternalMappingQuery, useGetCredentialsListQuery, useCreateExternalMappingMutation, useDeleteExternalMappingMutation, useGetMemsearchConfigQuery, useUpdateMemsearchConfigMutation, useGetStripeConnectStatusQuery, useStartStripeConnectOnboardingMutation, useLazyGetStripeConnectDashboardQuery, useGetAiSearchMentorsQuery, useListPaywallsQuery, useListPricesQuery, useCreatePriceMutation, useUpdatePriceMutation, useDeletePriceMutation, useGetPaywallConfigQuery, useEnablePaywallMutation, useUpdatePaywallMutation, useGetNotificationsCountQuery, useLazyGetNotificationsQuery, useMarkAllAsReadMutation, useCreateNotificationPreviewMutation, useSendNotificationMutation, useGetMentorsQuery, USER_PROGRESS_DATA_POINTS, useResetTemplateMutation, useSendTestTemplateEmailMutation, useUpdateTemplateMutation, useGetTemplateDetailsQuery, USER_PROGRESS_SUMMARY_TYPE, useGetTemplatesQuery, useLazyGetTemplateDetailsQuery, useToggleTemplateMutation, useGetTopicsStatsQuery, useGetUsersStatsQuery, useGetSessionStatsQuery, useGetTopicsDetailsStatsQuery, useGetAccessTimeHeatmapQuery, useGetUserDetailsStatsQuery, useGetTranscriptsConversationHeadlineQuery, useGetAverageRatingQuery, useGetFinancialStatsQuery, useGetDetailedFinancialStatsQuery, useGetTranscriptsMessagesDetailsQuery, useGetTranscriptsMessagesQuery, useGetReportDetailQuery, useLazyGetDownloadReportFromURLQuery, useGetMentorPublicSettingsQuery, useGetReportsQuery, useCreateReportMutation, useGetContentAnalyticsQuery, useGetContentAnalyticsDetailsQuery, useGetRevenueQuery, useListSubscribersQuery, useGetAuditLogsQuery, useGetPlatformAuditLogsQuery, PLATFORM_AUDIT_EVENT_TYPES, PLATFORM_AUDIT_ACTION_CODES, useGetMentorMemoriesListQuery, useGetMentorMemoriesQuery, useGetMemoryCategoriesAdminQuery, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetUserEnrolledCoursesQuery, useLazyGetUserAssignedCoursesQuery, useLazyGetUserCredentialsQuery, useLazyGetOverTimeActivityQuery, useLazyGetCatalogSearchQuery, useCreateOrUpdateUserReportedSkillMutation, useCreateOrUpdateUserDesiredSkillMutation, useLazyGetPathwayListQuery, useLazyGetUserAssignedPathwaysQuery, useLazyGetUserEnrolledPathwaysQuery, useLazyGetPathwayCompletionQuery, useLazyGetProgramListQuery, useLazyGetProgramCompletionQuery, useLazyGetUserEnrolledProgramsQuery, useLazyGetAssignedProgramsQuery, useLazyGetUserSkillsPointsQuery, useLazyGetUserReportedSkillsQuery, useLazyGetUserDesiredSkillsQuery, useLazyGetUserCatalogPathwaysQuery, useLazyGetPerLearnerInfoQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useLazyGetPersonnalizedSearchQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useGetClawMentorConfigQuery, useGetClawInstancesQuery, useGetAgentConfigQuery, useUpdateClawMentorConfigMutation, useCreateClawMentorConfigMutation, useDeleteClawMentorConfigMutation, usePushClawConfigMutation, useCreateClawInstanceMutation, useDeleteClawInstanceMutation, useUpdateAgentConfigMutation, useHealthCheckClawInstanceMutation, useTestConnectivityClawInstanceMutation, useUpdateClawInstanceMutation, useGetAgentSkillResourcesQuery, useCreateAgentSkillResourceMutation, useUpdateAgentSkillResourceMutation, useUploadAgentSkillResourceAssetMutation, useDeleteAgentSkillResourceMutation, useGetAgentSkillsQuery, useGetMentorSkillAssignmentsQuery, useCreateMentorSkillAssignmentMutation, useUpdateMentorSkillAssignmentMutation, useDeleteMentorSkillAssignmentMutation, useCreateAgentSkillMutation, useUpdateAgentSkillMutation, useDeleteAgentSkillMutation, resolveEffectiveAgentSkills, filterSlashSkills, useGetMentorSkillAssignmentsInfiniteQuery, MENTOR_SKILL_ASSIGNMENTS_PAGE_SIZE, useCreateCheckoutMutation, useGetUserProjectsQuery, useUpdateUserProjectMutation, useGetTrainingDocumentsQuery, useGetVectorDocumentsQuery, useDeleteMentorMemoryMutation, useUpdateMentorMemoryMutation, useCreateMentorMemoryMutation, useLazyGetConnectedServiceAuthUrlQuery, useCreateUserProjectMutation, useDeleteUserProjectMutation, useGetUserProjectDetailsQuery, useEditTrainingDocumentMutation, useAddTrainingDocumentMutation, useLazyGetCredentialsQuery, useGetMentorSettingsQuery, useEditMentorMutation, useGetMentorCategoriesQuery, useCreateMentorMutation, useUpdateUserPlatformMetadataMutation, useGetApplicationStatusQuery, useListOwnApplicationsQuery, useGetApplicationFormQuery, useWithdrawApplicationMutation, useRenewApplicationMutation, useCreateApplicationDraftMutation, useSubmitApplicationMutation, useUpdateApplicationMutation, useUploadApplicationAttachmentMutation, useDeleteApplicationAttachmentMutation, useGetPromptCategoriesQuery, useCreatePromptMutation, useDeletePromptMutation, useGetPromptsSearchQuery, useUpdatePromptMutation, useDeleteTrainingDocumentMutation, useGetTrainingDocumentRetrainScheduleQuery, useCreateTrainingDocumentRetrainScheduleMutation } from '@iblai/data-layer';
 import { toast } from 'sonner';
 import { jsx, Fragment as Fragment$1, jsxs } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
@@ -61892,6 +61892,92 @@ var componentsProactiveSettingsSection$3 = {
 	editAgentPromptAriaLabel: "Edit agent prompt",
 	periodicAgentsHelp: "Optional. Select agents to include in the proactive outreach rotation."
 };
+var componentsTemplateActionsSection$3 = {
+	title: "Test & Reset",
+	description: "Preview the template in your inbox, or discard this platform's customizations.",
+	testEmailLabel: "Send a test email",
+	testEmailHelper: "Sends one rendering of this template to the address you enter.",
+	testEmailPlaceholder: "you@example.com",
+	sendTest: "Send test email",
+	sendingTest: "Sending...",
+	testSuccessTitle: "Test email sent",
+	testSuccessDescription: "Sent to {email}.",
+	testErrorTitle: "Could not send test email",
+	testErrorDescription: "Please check the address and try again.",
+	resetLabel: "Reset to default",
+	resetHelper: "Discards this platform's copy and restores the default template.",
+	reset: "Reset to default",
+	resetting: "Resetting...",
+	resetConfirmTitle: "Reset this template?",
+	resetConfirmDescription: "This platform's customizations will be discarded and the default template restored. This cannot be undone.",
+	resetConfirmCancel: "Cancel",
+	resetConfirmAction: "Reset template",
+	resetSuccessTitle: "Template reset",
+	resetSuccessDescription: "The platform default has been restored.",
+	resetErrorTitle: "Could not reset template",
+	resetErrorDescription: "Please try again."
+};
+var componentsTemplateVariablesHelper$3 = {
+	title: "Variables you can use",
+	copyHint: "Click a variable to copy it, then paste it into the subject or body.",
+	insertHint: "Click a variable to insert it.",
+	copiedToast: "Copied {token} to your clipboard.",
+	copyUnavailableToast: "Copy {token} manually — clipboard access is unavailable.",
+	copyAriaLabel: "Copy the {name} variable",
+	insertAriaLabel: "Insert the {name} variable"
+};
+var componentsUserProgressSettingsSection$3 = {
+	scheduleTitle: "Schedule & Reporting Period",
+	scheduleDescription: "Choose how often the summary is sent and how far back it looks.",
+	frequencyLabel: "Frequency",
+	selectFrequencyAriaLabel: "Select frequency",
+	selectFrequencyPlaceholder: "Select frequency",
+	daily: "Daily",
+	weekly: "Weekly",
+	monthly: "Monthly",
+	custom: "Custom",
+	cadenceDaily: "Sends every day at the time below.",
+	cadenceWeekly: "Sends every Monday at the time below.",
+	cadenceMonthly: "Sends on the 1st of each month at the time below.",
+	cadenceCustom: "Sends every {days} days at the time below.",
+	cadenceCustomUnset: "Set a custom interval to choose how often the summary is sent.",
+	executionTimeLabel: "Send Time",
+	executionTimeRequired: "Specify the time the summary should be sent.",
+	timezoneLabel: "Timezone",
+	selectTimezoneAriaLabel: "Select timezone",
+	selectTimezonePlaceholder: "Select timezone",
+	useLocalTimezone: "Use local timezone ({timezone})",
+	customIntervalLabel: "Custom Interval (days)",
+	customIntervalRequired: "Set how many days should pass between sends.",
+	dayRangeError: "Enter a whole number of days between 1 and 365.",
+	lookbackLabel: "Reporting Window (days)",
+	lookbackHelp: "How far back each summary looks. This is separate from how often the email is sent — a weekly email can still report on the last 30 days.",
+	lookbackRequired: "Set the reporting window in days.",
+	dataPointsLabel: "Included Data Points",
+	dataPointsHelp: "The email only shows sections that are enabled and have data for that learner.",
+	dataPointCoursesProgressed: "Courses progressed",
+	dataPointCoursesCompleted: "Courses completed",
+	dataPointCredentialsEarned: "Credentials earned",
+	dataPointTimeSpent: "Time spent",
+	dataPointActiveDays: "Active days",
+	dataPointMentorsAccessed: "AI agent activity",
+	noDataPointsWarning: "No data points selected — the summary will have no content to show."
+};
+var componentsWatcherEmailSection$3 = {
+	title: "Watcher Email",
+	description: "Sent to a learner's watchers, such as a parent or manager.",
+	fallbackNotice: "Watchers currently receive the learner email. Customize it to send them a different message.",
+	customize: "Customize watcher email",
+	useLearnerEmail: "Use the learner email",
+	subjectLabel: "Watcher Email Subject",
+	subjectHelper: "Supports the same variables as the learner email, plus learner_name.",
+	subjectFallbackHelper: "Leave empty and watchers receive the learner email subject.",
+	subjectPlaceholder: "Enter the watcher email subject...",
+	bodyLabel: "Watcher Email Body",
+	bodyHelper: "Supports the same variables as the learner email, plus learner_name.",
+	bodyFallbackHelper: "Leave empty and watchers receive the learner email body.",
+	bodyPlaceholder: "Enter the watcher email body..."
+};
 var courseContentAccessiblePaginate$3 = {
 	pagination: "Pagination"
 };
@@ -63094,7 +63180,14 @@ var notificationsEditAlertDialog$3 = {
 	toastErrorDescription: "Failed to update template. Please try again.",
 	cancel: "Cancel",
 	saving: "Saving...",
-	saveChanges: "Save Changes"
+	saveChanges: "Save Changes",
+	learnerEmailSubjectLabel: "Learner Email Subject",
+	learnerEmailSubjectHelper: "Required. Supports template variables — see the list below the body.",
+	learnerEmailBodyLabel: "Learner Email Body",
+	learnerEmailBodyHelper: "Required. Greet with \"Hey,\" rather than a username — usernames are often auto-generated.",
+	noChangesToast: "No changes to save.",
+	toastValidationTitle: "Check the highlighted fields",
+	toastValidationDescription: "Some values were rejected. Review the fields marked in red."
 };
 var notificationsNotificationDisplay$3 = {
 	notificationsAriaLabel: "Notifications",
@@ -66244,6 +66337,10 @@ var en = {
 	componentsPolicyAssignmentSection: componentsPolicyAssignmentSection$3,
 	componentsPolicyConfigDialog: componentsPolicyConfigDialog$3,
 	componentsProactiveSettingsSection: componentsProactiveSettingsSection$3,
+	componentsTemplateActionsSection: componentsTemplateActionsSection$3,
+	componentsTemplateVariablesHelper: componentsTemplateVariablesHelper$3,
+	componentsUserProgressSettingsSection: componentsUserProgressSettingsSection$3,
+	componentsWatcherEmailSection: componentsWatcherEmailSection$3,
 	courseContentAccessiblePaginate: courseContentAccessiblePaginate$3,
 	courseContentCourseContentLayout: courseContentCourseContentLayout$3,
 	courseContentDiscoverFacetsFilter: courseContentDiscoverFacetsFilter$3,
@@ -68531,6 +68628,92 @@ var componentsProactiveSettingsSection$2 = {
 	editAgentPromptAriaLabel: "Modifier le prompt de l'agent",
 	periodicAgentsHelp: "Facultatif. Sélectionnez les agents à inclure dans la rotation de contact proactif."
 };
+var componentsTemplateActionsSection$2 = {
+	title: "Tester et réinitialiser",
+	description: "Prévisualisez le modèle dans votre boîte de réception ou annulez les personnalisations de cette plateforme.",
+	testEmailLabel: "Envoyer un e-mail de test",
+	testEmailHelper: "Envoie un rendu de ce modèle à l'adresse que vous saisissez.",
+	testEmailPlaceholder: "vous@exemple.com",
+	sendTest: "Envoyer l'e-mail de test",
+	sendingTest: "Envoi...",
+	testSuccessTitle: "E-mail de test envoyé",
+	testSuccessDescription: "Envoyé à {email}.",
+	testErrorTitle: "Impossible d'envoyer l'e-mail de test",
+	testErrorDescription: "Vérifiez l'adresse et réessayez.",
+	resetLabel: "Réinitialiser par défaut",
+	resetHelper: "Supprime la copie de cette plateforme et restaure le modèle par défaut.",
+	reset: "Réinitialiser par défaut",
+	resetting: "Réinitialisation...",
+	resetConfirmTitle: "Réinitialiser ce modèle ?",
+	resetConfirmDescription: "Les personnalisations de cette plateforme seront supprimées et le modèle par défaut restauré. Cette action est irréversible.",
+	resetConfirmCancel: "Annuler",
+	resetConfirmAction: "Réinitialiser le modèle",
+	resetSuccessTitle: "Modèle réinitialisé",
+	resetSuccessDescription: "Le modèle par défaut de la plateforme a été restauré.",
+	resetErrorTitle: "Impossible de réinitialiser le modèle",
+	resetErrorDescription: "Veuillez réessayer."
+};
+var componentsTemplateVariablesHelper$2 = {
+	title: "Variables disponibles",
+	copyHint: "Cliquez sur une variable pour la copier, puis collez-la dans l’objet ou le corps.",
+	insertHint: "Cliquez sur une variable pour l’insérer.",
+	copiedToast: "{token} copié dans le presse-papiers.",
+	copyUnavailableToast: "Copiez {token} manuellement : le presse-papiers est indisponible.",
+	copyAriaLabel: "Copier la variable {name}",
+	insertAriaLabel: "Insérer la variable {name}"
+};
+var componentsUserProgressSettingsSection$2 = {
+	scheduleTitle: "Planification et période de rapport",
+	scheduleDescription: "Choisissez la fréquence d’envoi du résumé et la période qu’il couvre.",
+	frequencyLabel: "Fréquence",
+	selectFrequencyAriaLabel: "Sélectionner la fréquence",
+	selectFrequencyPlaceholder: "Sélectionner la fréquence",
+	daily: "Quotidienne",
+	weekly: "Hebdomadaire",
+	monthly: "Mensuelle",
+	custom: "Personnalisée",
+	cadenceDaily: "Envoyé chaque jour à l’heure indiquée ci-dessous.",
+	cadenceWeekly: "Envoyé chaque lundi à l’heure indiquée ci-dessous.",
+	cadenceMonthly: "Envoyé le 1er de chaque mois à l’heure indiquée ci-dessous.",
+	cadenceCustom: "Envoyé tous les {days} jours à l’heure indiquée ci-dessous.",
+	cadenceCustomUnset: "Définissez un intervalle personnalisé pour choisir la fréquence d’envoi du résumé.",
+	executionTimeLabel: "Heure d’envoi",
+	executionTimeRequired: "Indiquez l’heure à laquelle le résumé doit être envoyé.",
+	timezoneLabel: "Fuseau horaire",
+	selectTimezoneAriaLabel: "Sélectionner le fuseau horaire",
+	selectTimezonePlaceholder: "Sélectionner le fuseau horaire",
+	useLocalTimezone: "Utiliser le fuseau horaire local ({timezone})",
+	customIntervalLabel: "Intervalle personnalisé (jours)",
+	customIntervalRequired: "Indiquez le nombre de jours entre deux envois.",
+	dayRangeError: "Saisissez un nombre entier de jours compris entre 1 et 365.",
+	lookbackLabel: "Période de rapport (jours)",
+	lookbackHelp: "La période couverte par chaque résumé. Elle est indépendante de la fréquence d’envoi : un e-mail hebdomadaire peut couvrir les 30 derniers jours.",
+	lookbackRequired: "Indiquez la période de rapport en jours.",
+	dataPointsLabel: "Données incluses",
+	dataPointsHelp: "L’e-mail n’affiche que les sections activées et pour lesquelles l’apprenant a des données.",
+	dataPointCoursesProgressed: "Cours en progression",
+	dataPointCoursesCompleted: "Cours terminés",
+	dataPointCredentialsEarned: "Certifications obtenues",
+	dataPointTimeSpent: "Temps passé",
+	dataPointActiveDays: "Jours actifs",
+	dataPointMentorsAccessed: "Activité des agents IA",
+	noDataPointsWarning: "Aucune donnée sélectionnée : le résumé n’aura aucun contenu à afficher."
+};
+var componentsWatcherEmailSection$2 = {
+	title: "E-mail des observateurs",
+	description: "Envoyé aux observateurs de l’apprenant, par exemple un parent ou un responsable.",
+	fallbackNotice: "Les observateurs reçoivent actuellement l’e-mail de l’apprenant. Personnalisez-le pour leur envoyer un message différent.",
+	customize: "Personnaliser l’e-mail des observateurs",
+	useLearnerEmail: "Utiliser l’e-mail de l’apprenant",
+	subjectLabel: "Objet de l’e-mail des observateurs",
+	subjectHelper: "Prend en charge les mêmes variables que l’e-mail de l’apprenant, plus learner_name.",
+	subjectFallbackHelper: "Laissez vide et les observateurs recevront l’objet de l’e-mail de l’apprenant.",
+	subjectPlaceholder: "Saisissez l’objet de l’e-mail des observateurs...",
+	bodyLabel: "Corps de l’e-mail des observateurs",
+	bodyHelper: "Prend en charge les mêmes variables que l’e-mail de l’apprenant, plus learner_name.",
+	bodyFallbackHelper: "Laissez vide et les observateurs recevront le corps de l’e-mail de l’apprenant.",
+	bodyPlaceholder: "Saisissez le corps de l’e-mail des observateurs..."
+};
 var courseContentAccessiblePaginate$2 = {
 	pagination: "Pagination"
 };
@@ -69733,7 +69916,14 @@ var notificationsEditAlertDialog$2 = {
 	toastErrorDescription: "Échec de la mise à jour du modèle. Veuillez réessayer.",
 	cancel: "Annuler",
 	saving: "Enregistrement...",
-	saveChanges: "Enregistrer les modifications"
+	saveChanges: "Enregistrer les modifications",
+	learnerEmailSubjectLabel: "Objet de l’e-mail de l’apprenant",
+	learnerEmailSubjectHelper: "Obligatoire. Prend en charge les variables de modèle : voir la liste sous le corps.",
+	learnerEmailBodyLabel: "Corps de l’e-mail de l’apprenant",
+	learnerEmailBodyHelper: "Obligatoire. Utilisez « Bonjour, » plutôt que le nom d’utilisateur : ceux-ci sont souvent générés automatiquement.",
+	noChangesToast: "Aucune modification à enregistrer.",
+	toastValidationTitle: "Vérifiez les champs signalés",
+	toastValidationDescription: "Certaines valeurs ont été rejetées. Vérifiez les champs marqués en rouge."
 };
 var notificationsNotificationDisplay$2 = {
 	notificationsAriaLabel: "Notifications",
@@ -72718,6 +72908,10 @@ var fr = {
 	componentsPolicyAssignmentSection: componentsPolicyAssignmentSection$2,
 	componentsPolicyConfigDialog: componentsPolicyConfigDialog$2,
 	componentsProactiveSettingsSection: componentsProactiveSettingsSection$2,
+	componentsTemplateActionsSection: componentsTemplateActionsSection$2,
+	componentsTemplateVariablesHelper: componentsTemplateVariablesHelper$2,
+	componentsUserProgressSettingsSection: componentsUserProgressSettingsSection$2,
+	componentsWatcherEmailSection: componentsWatcherEmailSection$2,
 	courseContentAccessiblePaginate: courseContentAccessiblePaginate$2,
 	courseContentCourseContentLayout: courseContentCourseContentLayout$2,
 	courseContentDiscoverFacetsFilter: courseContentDiscoverFacetsFilter$2,
@@ -75004,6 +75198,92 @@ var componentsProactiveSettingsSection$1 = {
 	editAgentPromptAriaLabel: "Editar prompt del agente",
 	periodicAgentsHelp: "Opcional. Seleccione los agentes a incluir en la rotación de contacto proactivo."
 };
+var componentsTemplateActionsSection$1 = {
+	title: "Probar y restablecer",
+	description: "Previsualice la plantilla en su bandeja de entrada o descarte las personalizaciones de esta plataforma.",
+	testEmailLabel: "Enviar un correo de prueba",
+	testEmailHelper: "Envía una versión de esta plantilla a la dirección que indique.",
+	testEmailPlaceholder: "usted@ejemplo.com",
+	sendTest: "Enviar correo de prueba",
+	sendingTest: "Enviando...",
+	testSuccessTitle: "Correo de prueba enviado",
+	testSuccessDescription: "Enviado a {email}.",
+	testErrorTitle: "No se pudo enviar el correo de prueba",
+	testErrorDescription: "Verifique la dirección e inténtelo de nuevo.",
+	resetLabel: "Restablecer al valor predeterminado",
+	resetHelper: "Descarta la copia de esta plataforma y restaura la plantilla predeterminada.",
+	reset: "Restablecer al valor predeterminado",
+	resetting: "Restableciendo...",
+	resetConfirmTitle: "¿Restablecer esta plantilla?",
+	resetConfirmDescription: "Las personalizaciones de esta plataforma se descartarán y se restaurará la plantilla predeterminada. Esta acción no se puede deshacer.",
+	resetConfirmCancel: "Cancelar",
+	resetConfirmAction: "Restablecer plantilla",
+	resetSuccessTitle: "Plantilla restablecida",
+	resetSuccessDescription: "Se restauró el valor predeterminado de la plataforma.",
+	resetErrorTitle: "No se pudo restablecer la plantilla",
+	resetErrorDescription: "Inténtelo de nuevo."
+};
+var componentsTemplateVariablesHelper$1 = {
+	title: "Variables que puede usar",
+	copyHint: "Haga clic en una variable para copiarla y péguela en el asunto o el cuerpo.",
+	insertHint: "Haga clic en una variable para insertarla.",
+	copiedToast: "Se copió {token} al portapapeles.",
+	copyUnavailableToast: "Copie {token} manualmente: el portapapeles no está disponible.",
+	copyAriaLabel: "Copiar la variable {name}",
+	insertAriaLabel: "Insertar la variable {name}"
+};
+var componentsUserProgressSettingsSection$1 = {
+	scheduleTitle: "Programación y período del informe",
+	scheduleDescription: "Elija con qué frecuencia se envía el resumen y qué período abarca.",
+	frequencyLabel: "Frecuencia",
+	selectFrequencyAriaLabel: "Seleccionar frecuencia",
+	selectFrequencyPlaceholder: "Seleccionar frecuencia",
+	daily: "Diaria",
+	weekly: "Semanal",
+	monthly: "Mensual",
+	custom: "Personalizada",
+	cadenceDaily: "Se envía todos los días a la hora indicada abajo.",
+	cadenceWeekly: "Se envía todos los lunes a la hora indicada abajo.",
+	cadenceMonthly: "Se envía el día 1 de cada mes a la hora indicada abajo.",
+	cadenceCustom: "Se envía cada {days} días a la hora indicada abajo.",
+	cadenceCustomUnset: "Defina un intervalo personalizado para elegir con qué frecuencia se envía el resumen.",
+	executionTimeLabel: "Hora de envío",
+	executionTimeRequired: "Indique la hora a la que debe enviarse el resumen.",
+	timezoneLabel: "Zona horaria",
+	selectTimezoneAriaLabel: "Seleccionar zona horaria",
+	selectTimezonePlaceholder: "Seleccionar zona horaria",
+	useLocalTimezone: "Usar la zona horaria local ({timezone})",
+	customIntervalLabel: "Intervalo personalizado (días)",
+	customIntervalRequired: "Indique cuántos días deben pasar entre envíos.",
+	dayRangeError: "Introduzca un número entero de días entre 1 y 365.",
+	lookbackLabel: "Período del informe (días)",
+	lookbackHelp: "Cuánto tiempo hacia atrás abarca cada resumen. Es independiente de la frecuencia de envío: un correo semanal puede informar sobre los últimos 30 días.",
+	lookbackRequired: "Indique el período del informe en días.",
+	dataPointsLabel: "Datos incluidos",
+	dataPointsHelp: "El correo solo muestra las secciones que están activadas y tienen datos para ese estudiante.",
+	dataPointCoursesProgressed: "Cursos en progreso",
+	dataPointCoursesCompleted: "Cursos completados",
+	dataPointCredentialsEarned: "Credenciales obtenidas",
+	dataPointTimeSpent: "Tiempo dedicado",
+	dataPointActiveDays: "Días activos",
+	dataPointMentorsAccessed: "Actividad de agentes de IA",
+	noDataPointsWarning: "No se seleccionó ningún dato: el resumen no tendrá contenido que mostrar."
+};
+var componentsWatcherEmailSection$1 = {
+	title: "Correo para observadores",
+	description: "Se envía a los observadores del estudiante, como un padre, una madre o un supervisor.",
+	fallbackNotice: "Actualmente los observadores reciben el correo del estudiante. Personalícelo para enviarles un mensaje distinto.",
+	customize: "Personalizar el correo para observadores",
+	useLearnerEmail: "Usar el correo del estudiante",
+	subjectLabel: "Asunto del correo para observadores",
+	subjectHelper: "Admite las mismas variables que el correo del estudiante, más learner_name.",
+	subjectFallbackHelper: "Si lo deja vacío, los observadores reciben el asunto del correo del estudiante.",
+	subjectPlaceholder: "Escriba el asunto del correo para observadores...",
+	bodyLabel: "Cuerpo del correo para observadores",
+	bodyHelper: "Admite las mismas variables que el correo del estudiante, más learner_name.",
+	bodyFallbackHelper: "Si lo deja vacío, los observadores reciben el cuerpo del correo del estudiante.",
+	bodyPlaceholder: "Escriba el cuerpo del correo para observadores..."
+};
 var courseContentAccessiblePaginate$1 = {
 	pagination: "Paginación"
 };
@@ -76206,7 +76486,14 @@ var notificationsEditAlertDialog$1 = {
 	toastErrorDescription: "No se pudo actualizar la plantilla. Por favor, inténtelo de nuevo.",
 	cancel: "Cancelar",
 	saving: "Guardando...",
-	saveChanges: "Guardar cambios"
+	saveChanges: "Guardar cambios",
+	learnerEmailSubjectLabel: "Asunto del correo del estudiante",
+	learnerEmailSubjectHelper: "Obligatorio. Admite variables de plantilla: consulte la lista debajo del cuerpo.",
+	learnerEmailBodyLabel: "Cuerpo del correo del estudiante",
+	learnerEmailBodyHelper: "Obligatorio. Salude con «Hola,» en lugar de usar el nombre de usuario: suelen generarse automáticamente.",
+	noChangesToast: "No hay cambios que guardar.",
+	toastValidationTitle: "Revise los campos resaltados",
+	toastValidationDescription: "Se rechazaron algunos valores. Revise los campos marcados en rojo."
 };
 var notificationsNotificationDisplay$1 = {
 	notificationsAriaLabel: "Notificaciones",
@@ -79191,6 +79478,10 @@ var es = {
 	componentsPolicyAssignmentSection: componentsPolicyAssignmentSection$1,
 	componentsPolicyConfigDialog: componentsPolicyConfigDialog$1,
 	componentsProactiveSettingsSection: componentsProactiveSettingsSection$1,
+	componentsTemplateActionsSection: componentsTemplateActionsSection$1,
+	componentsTemplateVariablesHelper: componentsTemplateVariablesHelper$1,
+	componentsUserProgressSettingsSection: componentsUserProgressSettingsSection$1,
+	componentsWatcherEmailSection: componentsWatcherEmailSection$1,
 	courseContentAccessiblePaginate: courseContentAccessiblePaginate$1,
 	courseContentCourseContentLayout: courseContentCourseContentLayout$1,
 	courseContentDiscoverFacetsFilter: courseContentDiscoverFacetsFilter$1,
@@ -81477,6 +81768,92 @@ var componentsProactiveSettingsSection = {
 	editAgentPromptAriaLabel: "编辑代理提示",
 	periodicAgentsHelp: "可选。选择要包含在主动外联轮换中的代理。"
 };
+var componentsTemplateActionsSection = {
+	title: "测试与重置",
+	description: "在您的收件箱中预览模板，或放弃本平台的自定义内容。",
+	testEmailLabel: "发送测试邮件",
+	testEmailHelper: "将此模板的一次渲染结果发送至您输入的地址。",
+	testEmailPlaceholder: "you@example.com",
+	sendTest: "发送测试邮件",
+	sendingTest: "发送中...",
+	testSuccessTitle: "测试邮件已发送",
+	testSuccessDescription: "已发送至 {email}。",
+	testErrorTitle: "无法发送测试邮件",
+	testErrorDescription: "请检查地址后重试。",
+	resetLabel: "重置为默认值",
+	resetHelper: "放弃本平台的副本并恢复默认模板。",
+	reset: "重置为默认值",
+	resetting: "重置中...",
+	resetConfirmTitle: "要重置此模板吗？",
+	resetConfirmDescription: "本平台的自定义内容将被放弃并恢复默认模板。此操作无法撤销。",
+	resetConfirmCancel: "取消",
+	resetConfirmAction: "重置模板",
+	resetSuccessTitle: "模板已重置",
+	resetSuccessDescription: "已恢复平台默认设置。",
+	resetErrorTitle: "无法重置模板",
+	resetErrorDescription: "请重试。"
+};
+var componentsTemplateVariablesHelper = {
+	title: "可用变量",
+	copyHint: "点击变量即可复制，然后粘贴到主题或正文中。",
+	insertHint: "点击变量即可插入。",
+	copiedToast: "已将 {token} 复制到剪贴板。",
+	copyUnavailableToast: "请手动复制 {token}：剪贴板不可用。",
+	copyAriaLabel: "复制变量 {name}",
+	insertAriaLabel: "插入变量 {name}"
+};
+var componentsUserProgressSettingsSection = {
+	scheduleTitle: "发送计划与统计周期",
+	scheduleDescription: "选择摘要的发送频率及其涵盖的时间范围。",
+	frequencyLabel: "频率",
+	selectFrequencyAriaLabel: "选择频率",
+	selectFrequencyPlaceholder: "选择频率",
+	daily: "每天",
+	weekly: "每周",
+	monthly: "每月",
+	custom: "自定义",
+	cadenceDaily: "每天在下方设定的时间发送。",
+	cadenceWeekly: "每周一在下方设定的时间发送。",
+	cadenceMonthly: "每月 1 日在下方设定的时间发送。",
+	cadenceCustom: "每 {days} 天在下方设定的时间发送。",
+	cadenceCustomUnset: "设置自定义间隔以确定摘要的发送频率。",
+	executionTimeLabel: "发送时间",
+	executionTimeRequired: "请指定摘要的发送时间。",
+	timezoneLabel: "时区",
+	selectTimezoneAriaLabel: "选择时区",
+	selectTimezonePlaceholder: "选择时区",
+	useLocalTimezone: "使用本地时区（{timezone}）",
+	customIntervalLabel: "自定义间隔（天）",
+	customIntervalRequired: "请设置两次发送之间相隔的天数。",
+	dayRangeError: "请输入 1 到 365 之间的整数天数。",
+	lookbackLabel: "统计周期（天）",
+	lookbackHelp: "每份摘要回溯统计的时间范围。它与发送频率相互独立——每周发送的邮件也可以统计最近 30 天的数据。",
+	lookbackRequired: "请设置以天为单位的统计周期。",
+	dataPointsLabel: "包含的数据项",
+	dataPointsHelp: "邮件仅显示已启用且该学习者有相应数据的板块。",
+	dataPointCoursesProgressed: "课程进展",
+	dataPointCoursesCompleted: "已完成课程",
+	dataPointCredentialsEarned: "已获得证书",
+	dataPointTimeSpent: "学习时长",
+	dataPointActiveDays: "活跃天数",
+	dataPointMentorsAccessed: "AI 代理活动",
+	noDataPointsWarning: "未选择任何数据项——摘要将没有内容可显示。"
+};
+var componentsWatcherEmailSection = {
+	title: "关注者邮件",
+	description: "发送给学习者的关注者，例如家长或主管。",
+	fallbackNotice: "关注者目前收到的是学习者邮件。自定义后可向他们发送不同的内容。",
+	customize: "自定义关注者邮件",
+	useLearnerEmail: "使用学习者邮件",
+	subjectLabel: "关注者邮件主题",
+	subjectHelper: "支持与学习者邮件相同的变量，另加 learner_name。",
+	subjectFallbackHelper: "留空则关注者收到学习者邮件的主题。",
+	subjectPlaceholder: "请输入关注者邮件主题...",
+	bodyLabel: "关注者邮件正文",
+	bodyHelper: "支持与学习者邮件相同的变量，另加 learner_name。",
+	bodyFallbackHelper: "留空则关注者收到学习者邮件的正文。",
+	bodyPlaceholder: "请输入关注者邮件正文..."
+};
 var courseContentAccessiblePaginate = {
 	pagination: "分页"
 };
@@ -82679,7 +83056,14 @@ var notificationsEditAlertDialog = {
 	toastErrorDescription: "更新模板失败，请重试。",
 	cancel: "取消",
 	saving: "保存中...",
-	saveChanges: "保存更改"
+	saveChanges: "保存更改",
+	learnerEmailSubjectLabel: "学习者邮件主题",
+	learnerEmailSubjectHelper: "必填。支持模板变量——请参阅正文下方的列表。",
+	learnerEmailBodyLabel: "学习者邮件正文",
+	learnerEmailBodyHelper: "必填。请使用“您好，”问候，而不要使用用户名——用户名通常是自动生成的。",
+	noChangesToast: "没有需要保存的更改。",
+	toastValidationTitle: "请检查高亮显示的字段",
+	toastValidationDescription: "部分值被拒绝。请检查标记为红色的字段。"
 };
 var notificationsNotificationDisplay = {
 	notificationsAriaLabel: "通知",
@@ -85664,6 +86048,10 @@ var zh = {
 	componentsPolicyAssignmentSection: componentsPolicyAssignmentSection,
 	componentsPolicyConfigDialog: componentsPolicyConfigDialog,
 	componentsProactiveSettingsSection: componentsProactiveSettingsSection,
+	componentsTemplateActionsSection: componentsTemplateActionsSection,
+	componentsTemplateVariablesHelper: componentsTemplateVariablesHelper,
+	componentsUserProgressSettingsSection: componentsUserProgressSettingsSection,
+	componentsWatcherEmailSection: componentsWatcherEmailSection,
 	courseContentAccessiblePaginate: courseContentAccessiblePaginate,
 	courseContentCourseContentLayout: courseContentCourseContentLayout,
 	courseContentDiscoverFacetsFilter: courseContentDiscoverFacetsFilter,
@@ -186339,6 +186727,548 @@ function HumanSupportSection({ platformKey, isSaving, recipientMode, onRecipient
     return (jsxs("div", { className: "space-y-4 border-t border-gray-200 pt-4", children: [jsxs("div", { className: "space-y-1", children: [jsx("h3", { className: "text-sm font-semibold text-gray-900", children: t('componentsHumanSupportSection.heading') }), jsx("p", { className: "text-xs text-gray-500", children: t('componentsHumanSupportSection.headingDescription') })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "recipient-mode", className: "text-sm font-medium text-gray-700", children: t('componentsHumanSupportSection.recipientModeLabel') }), jsxs(Select$1, { value: recipientMode, onValueChange: (value) => onRecipientModeChange(value), disabled: isSaving, children: [jsx(SelectTrigger, { id: "recipient-mode", className: "w-full", children: jsx(SelectValue, { placeholder: t('componentsHumanSupportSection.recipientModePlaceholder') }) }), jsx(SelectContent, { children: RECIPIENT_MODE_OPTIONS.map((option) => (jsx(SelectItem, { value: option.value, children: t(option.labelKey) }, option.value))) })] }), jsx("p", { id: "recipient-mode-help", className: "text-xs text-gray-500", children: t('componentsHumanSupportSection.recipientModeHelp') })] }), isCustomMode && (jsxs("div", { className: "space-y-4 pl-4 border-l-2 border-gray-200", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { className: "text-sm font-medium text-gray-700", htmlFor: "custom-users", children: t('componentsHumanSupportSection.usersLabel') }), jsx(SearchableMultiSelect, { items: userList, selectedItems: selectedUsers, onSelectionChange: handleUserSelectionChange, searchQuery: userSearch, onSearchChange: setUserSearch, isLoading: isUsersLoading, placeholder: t('componentsHumanSupportSection.usersSearchPlaceholder'), getItemValue: (user) => String(user.user_id), getItemLabel: (user) => user.name || user.username || user.email || String(user.user_id), inputId: "custom-users", ariaDescribedBy: "custom-users-help", className: "max-w-full" }), jsx("p", { id: "custom-users-help", className: "text-xs text-gray-500", children: t('componentsHumanSupportSection.usersHelp') })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { className: "text-sm font-medium text-gray-700", htmlFor: "custom-groups", children: t('componentsHumanSupportSection.groupsLabel') }), jsx(SearchableMultiSelect, { items: groupList, selectedItems: selectedGroups, onSelectionChange: handleGroupSelectionChange, searchQuery: groupSearch, onSearchChange: setGroupSearch, isLoading: isGroupsLoading, placeholder: t('componentsHumanSupportSection.groupsSearchPlaceholder'), getItemValue: (group) => String(group.id), getItemLabel: (group) => group.name, inputId: "custom-groups", ariaDescribedBy: "custom-groups-help", className: "max-w-full" }), jsx("p", { id: "custom-groups-help", className: "text-xs text-gray-500", children: t('componentsHumanSupportSection.groupsHelp') })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { className: "text-sm font-medium text-gray-700", htmlFor: "custom-policies", children: t('componentsHumanSupportSection.policiesLabel') }), jsx(SearchableMultiSelect, { items: policyList, selectedItems: selectedPolicies, onSelectionChange: handlePolicySelectionChange, searchQuery: policySearch, onSearchChange: setPolicySearch, isLoading: isPoliciesLoading, placeholder: t('componentsHumanSupportSection.policiesSearchPlaceholder'), getItemValue: (policy) => String(policy.id), getItemLabel: (policy) => policy.name, inputId: "custom-policies", ariaDescribedBy: "custom-policies-help", className: "max-w-full" }), jsx("p", { id: "custom-policies-help", className: "text-xs text-gray-500", children: t('componentsHumanSupportSection.policiesHelp') })] })] }))] }));
 }
 
+/**
+ * Timezone option list for schedule pickers.
+ *
+ * `Intl.supportedValuesOf` is the source of truth where available; the fallback
+ * covers the older runtimes that lack it, and any value already stored on the
+ * template is always included so an existing selection is never dropped.
+ */
+const FALLBACK_TIMEZONES = [
+    'UTC',
+    'Africa/Cairo',
+    'Africa/Johannesburg',
+    'Africa/Lagos',
+    'Africa/Nairobi',
+    'America/Anchorage',
+    'America/Argentina/Buenos_Aires',
+    'America/Bogota',
+    'America/Chicago',
+    'America/Denver',
+    'America/Halifax',
+    'America/Lima',
+    'America/Los_Angeles',
+    'America/Mexico_City',
+    'America/New_York',
+    'America/Phoenix',
+    'America/Sao_Paulo',
+    'America/Toronto',
+    'America/Vancouver',
+    'Asia/Bangkok',
+    'Asia/Dubai',
+    'Asia/Hong_Kong',
+    'Asia/Jakarta',
+    'Asia/Jerusalem',
+    'Asia/Kolkata',
+    'Asia/Karachi',
+    'Asia/Manila',
+    'Asia/Riyadh',
+    'Asia/Seoul',
+    'Asia/Shanghai',
+    'Asia/Singapore',
+    'Asia/Tokyo',
+    'Australia/Adelaide',
+    'Australia/Brisbane',
+    'Australia/Melbourne',
+    'Australia/Perth',
+    'Australia/Sydney',
+    'Europe/Amsterdam',
+    'Europe/Athens',
+    'Europe/Berlin',
+    'Europe/Brussels',
+    'Europe/Dublin',
+    'Europe/Istanbul',
+    'Europe/Lisbon',
+    'Europe/London',
+    'Europe/Madrid',
+    'Europe/Moscow',
+    'Europe/Paris',
+    'Europe/Rome',
+    'Europe/Stockholm',
+    'Europe/Warsaw',
+    'Europe/Zurich',
+    'Pacific/Auckland',
+    'Pacific/Honolulu',
+];
+/**
+ * Returns the sorted IANA timezone names to offer, guaranteeing that every
+ * value in `ensure` appears in the list.
+ */
+const getTimezoneOptions = (...ensure) => {
+    let zones = [];
+    const supportedValuesOf = Intl.supportedValuesOf;
+    if (typeof supportedValuesOf === 'function') {
+        try {
+            zones = supportedValuesOf('timeZone');
+        }
+        catch (_a) {
+            zones = [];
+        }
+    }
+    const options = new Set(zones.length ? zones : FALLBACK_TIMEZONES);
+    for (const zone of ensure) {
+        if (zone) {
+            options.add(zone);
+        }
+    }
+    return Array.from(options).sort((a, b) => a.localeCompare(b));
+};
+
+const DAY_BOUNDS = { min: 1, max: 365 };
+const DATA_POINT_LABEL_KEYS = {
+    courses_progressed: 'dataPointCoursesProgressed',
+    courses_completed: 'dataPointCoursesCompleted',
+    credentials_earned: 'dataPointCredentialsEarned',
+    time_spent: 'dataPointTimeSpent',
+    active_days: 'dataPointActiveDays',
+    mentors_accessed: 'dataPointMentorsAccessed',
+};
+const isDayCountInRange = (value) => {
+    const parsed = Number(value);
+    return Number.isInteger(parsed) && parsed >= DAY_BOUNDS.min && parsed <= DAY_BOUNDS.max;
+};
+/**
+ * Client-side rules for the schedule fields, shared by the section (which
+ * renders the messages) and the parent dialog (which gates saving on it).
+ */
+const validateUserProgressSettings = ({ frequency, executionTime, customIntervalDays, lookbackDays, }) => {
+    const errors = {};
+    if (!executionTime.trim()) {
+        errors.executionTime = 'required';
+    }
+    if (frequency === 'CUSTOM') {
+        if (!customIntervalDays.trim()) {
+            errors.customIntervalDays = 'required';
+        }
+        else if (!isDayCountInRange(customIntervalDays)) {
+            errors.customIntervalDays = 'range';
+        }
+    }
+    if (!lookbackDays.trim()) {
+        errors.lookbackDays = 'required';
+    }
+    else if (!isDayCountInRange(lookbackDays)) {
+        errors.lookbackDays = 'range';
+    }
+    return errors;
+};
+/**
+ * Schedule, reporting window and data-point configuration for the User Progress
+ * Summary template.
+ *
+ * Deliberately renders no day-of-week / day-of-month picker: `WEEKLY` always
+ * sends on Monday and `MONTHLY` on day 1, so only the time, timezone and (for
+ * `CUSTOM`) the interval are adjustable.
+ */
+function UserProgressSettingsSection({ isSaving, userLocalTimezone, frequency, onFrequencyChange, executionTime, onExecutionTimeChange, timezone, onTimezoneChange, customIntervalDays, onCustomIntervalDaysChange, lookbackDays, onLookbackDaysChange, enabledDataPoints, onEnabledDataPointsChange, serverErrors, }) {
+    var _a, _b, _c, _d, _e, _f;
+    const t = useT();
+    const executionTimeErrorId = 'user-progress-execution-time-error';
+    const customIntervalErrorId = 'user-progress-custom-interval-error';
+    const lookbackErrorId = 'user-progress-lookback-error';
+    const lookbackHelpId = 'user-progress-lookback-help';
+    const cadenceNoticeId = 'user-progress-cadence-notice';
+    const dataPointsHelpId = 'user-progress-data-points-help';
+    const timezoneOptions = useMemo(() => getTimezoneOptions(timezone, userLocalTimezone), [timezone, userLocalTimezone]);
+    const errors = validateUserProgressSettings({
+        frequency,
+        executionTime,
+        customIntervalDays,
+        lookbackDays,
+    });
+    const executionTimeError = (_a = serverErrors === null || serverErrors === void 0 ? void 0 : serverErrors.user_progress_execution_time) !== null && _a !== void 0 ? _a : (errors.executionTime ? t('componentsUserProgressSettingsSection.executionTimeRequired') : '');
+    const customIntervalError = (_b = serverErrors === null || serverErrors === void 0 ? void 0 : serverErrors.user_progress_custom_interval_days) !== null && _b !== void 0 ? _b : (errors.customIntervalDays === 'required'
+        ? t('componentsUserProgressSettingsSection.customIntervalRequired')
+        : errors.customIntervalDays === 'range'
+            ? t('componentsUserProgressSettingsSection.dayRangeError')
+            : '');
+    const lookbackError = (_c = serverErrors === null || serverErrors === void 0 ? void 0 : serverErrors.user_progress_lookback_days) !== null && _c !== void 0 ? _c : (errors.lookbackDays === 'required'
+        ? t('componentsUserProgressSettingsSection.lookbackRequired')
+        : errors.lookbackDays === 'range'
+            ? t('componentsUserProgressSettingsSection.dayRangeError')
+            : '');
+    const frequencyError = (_d = serverErrors === null || serverErrors === void 0 ? void 0 : serverErrors.user_progress_frequency) !== null && _d !== void 0 ? _d : '';
+    const timezoneError = (_e = serverErrors === null || serverErrors === void 0 ? void 0 : serverErrors.user_progress_timezone) !== null && _e !== void 0 ? _e : '';
+    const dataPointsError = (_f = serverErrors === null || serverErrors === void 0 ? void 0 : serverErrors.user_progress_enabled_data_points) !== null && _f !== void 0 ? _f : '';
+    const showUseLocalTimezone = timezone !== userLocalTimezone;
+    const cadenceNotice = (() => {
+        switch (frequency) {
+            case 'DAILY':
+                return t('componentsUserProgressSettingsSection.cadenceDaily');
+            case 'WEEKLY':
+                return t('componentsUserProgressSettingsSection.cadenceWeekly');
+            case 'MONTHLY':
+                return t('componentsUserProgressSettingsSection.cadenceMonthly');
+            case 'CUSTOM':
+                return customIntervalDays && !errors.customIntervalDays
+                    ? t('componentsUserProgressSettingsSection.cadenceCustom', { days: customIntervalDays })
+                    : t('componentsUserProgressSettingsSection.cadenceCustomUnset');
+            default:
+                return '';
+        }
+    })();
+    const handleDataPointToggle = (dataPoint, checked) => {
+        if (checked) {
+            if (enabledDataPoints.includes(dataPoint)) {
+                return;
+            }
+            // Keep the canonical order so the payload is stable across toggles.
+            onEnabledDataPointsChange(USER_PROGRESS_DATA_POINTS.filter((key) => key === dataPoint || enabledDataPoints.includes(key)));
+            return;
+        }
+        onEnabledDataPointsChange(enabledDataPoints.filter((key) => key !== dataPoint));
+    };
+    return (jsxs("div", { className: "space-y-4 border-t border-gray-200 pt-4", "data-testid": "user-progress-settings-section", children: [jsxs("div", { className: "space-y-1", children: [jsx("h3", { className: "text-sm font-semibold text-gray-900", children: t('componentsUserProgressSettingsSection.scheduleTitle') }), jsx("p", { className: "text-xs text-gray-500", children: t('componentsUserProgressSettingsSection.scheduleDescription') })] }), jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "user-progress-frequency", className: "text-sm font-medium text-gray-700", children: t('componentsUserProgressSettingsSection.frequencyLabel') }), jsxs(Select$1, { value: frequency, onValueChange: (value) => onFrequencyChange(value), disabled: isSaving, children: [jsx(SelectTrigger, { id: "user-progress-frequency", "aria-label": t('componentsUserProgressSettingsSection.selectFrequencyAriaLabel'), "aria-describedby": cadenceNoticeId, children: jsx(SelectValue, { placeholder: t('componentsUserProgressSettingsSection.selectFrequencyPlaceholder') }) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "DAILY", children: t('componentsUserProgressSettingsSection.daily') }), jsx(SelectItem, { value: "WEEKLY", children: t('componentsUserProgressSettingsSection.weekly') }), jsx(SelectItem, { value: "MONTHLY", children: t('componentsUserProgressSettingsSection.monthly') }), jsx(SelectItem, { value: "CUSTOM", children: t('componentsUserProgressSettingsSection.custom') })] })] }), jsx("p", { id: cadenceNoticeId, className: "text-xs text-gray-500", children: cadenceNotice }), frequencyError && (jsx("p", { className: "text-sm text-red-600", role: "alert", children: frequencyError }))] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "user-progress-execution-time", className: "text-sm font-medium text-gray-700", children: t('componentsUserProgressSettingsSection.executionTimeLabel') }), jsx(Input, { id: "user-progress-execution-time", type: "time", value: executionTime, onChange: (event) => onExecutionTimeChange(event.target.value), disabled: isSaving, required: true, "aria-required": "true", "aria-invalid": Boolean(executionTimeError), "aria-describedby": executionTimeError ? executionTimeErrorId : undefined }), executionTimeError && (jsx("p", { id: executionTimeErrorId, className: "text-sm text-red-600", role: "alert", children: executionTimeError }))] })] }), jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "user-progress-timezone", className: "text-sm font-medium text-gray-700", children: t('componentsUserProgressSettingsSection.timezoneLabel') }), jsxs(Select$1, { value: timezone, onValueChange: onTimezoneChange, disabled: isSaving, children: [jsx(SelectTrigger, { id: "user-progress-timezone", "aria-label": t('componentsUserProgressSettingsSection.selectTimezoneAriaLabel'), children: jsx(SelectValue, { placeholder: t('componentsUserProgressSettingsSection.selectTimezonePlaceholder') }) }), jsx(SelectContent, { children: timezoneOptions.map((zone) => (jsx(SelectItem, { value: zone, children: zone }, zone))) })] }), showUseLocalTimezone && (jsx(Button$1, { type: "button", variant: "link", size: "sm", className: "px-0", onClick: () => onTimezoneChange(userLocalTimezone), disabled: isSaving, children: t('componentsUserProgressSettingsSection.useLocalTimezone', {
+                                    timezone: userLocalTimezone,
+                                }) })), timezoneError && (jsx("p", { className: "text-sm text-red-600", role: "alert", children: timezoneError }))] }), frequency === 'CUSTOM' && (jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "user-progress-custom-interval", className: "text-sm font-medium text-gray-700", children: t('componentsUserProgressSettingsSection.customIntervalLabel') }), jsx(Input, { id: "user-progress-custom-interval", type: "number", inputMode: "numeric", min: DAY_BOUNDS.min, max: DAY_BOUNDS.max, step: 1, value: customIntervalDays, onChange: (event) => onCustomIntervalDaysChange(event.target.value), disabled: isSaving, required: true, "aria-required": "true", "aria-invalid": Boolean(customIntervalError), "aria-describedby": customIntervalError ? customIntervalErrorId : undefined }), customIntervalError && (jsx("p", { id: customIntervalErrorId, className: "text-sm text-red-600", role: "alert", children: customIntervalError }))] }))] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "user-progress-lookback", className: "text-sm font-medium text-gray-700", children: t('componentsUserProgressSettingsSection.lookbackLabel') }), jsx("p", { id: lookbackHelpId, className: "text-xs text-gray-500", children: t('componentsUserProgressSettingsSection.lookbackHelp') }), jsx(Input, { id: "user-progress-lookback", type: "number", inputMode: "numeric", min: DAY_BOUNDS.min, max: DAY_BOUNDS.max, step: 1, value: lookbackDays, onChange: (event) => onLookbackDaysChange(event.target.value), disabled: isSaving, required: true, "aria-required": "true", "aria-invalid": Boolean(lookbackError), "aria-describedby": lookbackError ? `${lookbackHelpId} ${lookbackErrorId}` : lookbackHelpId, className: "md:max-w-[12rem]" }), lookbackError && (jsx("p", { id: lookbackErrorId, className: "text-sm text-red-600", role: "alert", children: lookbackError }))] }), jsxs("fieldset", { className: "space-y-2", disabled: isSaving, children: [jsx("legend", { className: "text-sm font-medium text-gray-700", children: t('componentsUserProgressSettingsSection.dataPointsLabel') }), jsx("p", { id: dataPointsHelpId, className: "text-xs text-gray-500", children: t('componentsUserProgressSettingsSection.dataPointsHelp') }), jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: USER_PROGRESS_DATA_POINTS.map((dataPoint) => {
+                            const inputId = `user-progress-data-point-${dataPoint}`;
+                            return (jsxs("div", { className: "flex items-center gap-2", children: [jsx(Checkbox, { id: inputId, checked: enabledDataPoints.includes(dataPoint), onCheckedChange: (checked) => handleDataPointToggle(dataPoint, checked === true), disabled: isSaving, "aria-describedby": dataPointsHelpId }), jsx(Label$2, { htmlFor: inputId, className: "text-sm font-normal text-gray-700", children: t(`componentsUserProgressSettingsSection.${DATA_POINT_LABEL_KEYS[dataPoint]}`) })] }, dataPoint));
+                        }) }), !enabledDataPoints.length && (jsx("p", { className: "text-xs text-amber-700", role: "status", children: t('componentsUserProgressSettingsSection.noDataPointsWarning') })), dataPointsError && (jsx("p", { className: "text-sm text-red-600", role: "alert", children: dataPointsError }))] })] }));
+}
+
+/**
+ * Coerces the read-only `available_context` / `watcher_available_context` map
+ * into `{ variable: description }` entries.
+ *
+ * The API documents an object, but some deployments serialize it as a JSON
+ * string, so both are accepted. Anything else yields an empty list, which hides
+ * the helper rather than rendering a broken one.
+ */
+const normalizeTemplateContext = (context) => {
+    if (!context) {
+        return [];
+    }
+    let source = context;
+    if (typeof source === 'string') {
+        try {
+            source = JSON.parse(source);
+        }
+        catch (_a) {
+            return [];
+        }
+    }
+    if (!source || typeof source !== 'object' || Array.isArray(source)) {
+        return [];
+    }
+    return Object.entries(source).map(([name, description]) => [
+        name,
+        typeof description === 'string' ? description : '',
+    ]);
+};
+/** Renders `name` as the Django template token an admin would paste. */
+const toTemplateToken = (name) => `{{ ${name} }}`;
+/**
+ * Lists the template variables the API says are available, so the UI never
+ * maintains a static copy of the list.
+ *
+ * Renders nothing when the context is empty or unparseable.
+ */
+function TemplateVariablesHelper({ context, onInsert, className, }) {
+    const t = useT();
+    const entries = useMemo(() => normalizeTemplateContext(context), [context]);
+    if (!entries.length) {
+        return null;
+    }
+    const handleActivate = async (name) => {
+        const token = toTemplateToken(name);
+        if (onInsert) {
+            onInsert(token);
+            return;
+        }
+        try {
+            await navigator.clipboard.writeText(token);
+            toast.success(t('componentsTemplateVariablesHelper.copiedToast', { token }));
+        }
+        catch (_a) {
+            // Clipboard access can be denied or unavailable (insecure context); the
+            // token is still readable on screen, so this is not worth an error toast.
+            toast.message(t('componentsTemplateVariablesHelper.copyUnavailableToast', { token }));
+        }
+    };
+    return (jsxs("div", { className: `rounded-md border border-gray-200 bg-gray-50 p-3 ${className !== null && className !== void 0 ? className : ''}`, "data-testid": "template-variables-helper", children: [jsx("p", { className: "text-xs font-medium text-gray-700", children: t('componentsTemplateVariablesHelper.title') }), jsx("p", { className: "text-xs text-gray-500", children: onInsert
+                    ? t('componentsTemplateVariablesHelper.insertHint')
+                    : t('componentsTemplateVariablesHelper.copyHint') }), jsx("dl", { className: "mt-2 grid gap-x-4 gap-y-1 sm:grid-cols-2", children: entries.map(([name, description]) => (jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2", children: [jsx("dt", { children: jsx("button", { type: "button", onClick: () => void handleActivate(name), className: "rounded bg-white px-1.5 py-0.5 font-mono text-xs text-blue-700 ring-1 ring-inset ring-gray-200 hover:bg-blue-50 focus-visible:ring-2 focus-visible:ring-blue-600 focus-visible:outline-none", "aria-label": onInsert
+                                    ? t('componentsTemplateVariablesHelper.insertAriaLabel', { name })
+                                    : t('componentsTemplateVariablesHelper.copyAriaLabel', { name }), children: toTemplateToken(name) }) }), description && jsx("dd", { className: "text-xs text-gray-500", children: description })] }, name))) })] }));
+}
+
+/**
+ * Editor for the watcher variant of the email — the copy sent to a learner's
+ * watchers (a parent or manager).
+ *
+ * Both fields are independently nullable: leaving one empty falls back to the
+ * matching learner field, and "use the learner email" clears both.
+ */
+function WatcherEmailSection({ isSaving, isCustomized, onCustomizedChange, subject, onSubjectChange, body, onBodyChange, context, serverErrors, }) {
+    var _a, _b;
+    const t = useT();
+    const subjectHelperId = 'watcher-email-subject-helper';
+    const subjectErrorId = 'watcher-email-subject-error';
+    const bodyLabelId = 'watcher-email-body-label';
+    const bodyHelperId = 'watcher-email-body-helper';
+    const bodyErrorId = 'watcher-email-body-error';
+    const subjectError = (_a = serverErrors === null || serverErrors === void 0 ? void 0 : serverErrors.watcher_email_subject) !== null && _a !== void 0 ? _a : '';
+    const bodyError = (_b = serverErrors === null || serverErrors === void 0 ? void 0 : serverErrors.watcher_email_html_template) !== null && _b !== void 0 ? _b : '';
+    return (jsxs("div", { className: "space-y-4 border-t border-gray-200 pt-4", "data-testid": "watcher-email-section", children: [jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [jsxs("div", { className: "space-y-1", children: [jsx("h3", { className: "text-sm font-semibold text-gray-900", children: t('componentsWatcherEmailSection.title') }), jsx("p", { className: "text-xs text-gray-500", children: t('componentsWatcherEmailSection.description') })] }), isCustomized && (jsx(Button$1, { type: "button", variant: "outline", size: "sm", onClick: () => onCustomizedChange(false), disabled: isSaving, children: t('componentsWatcherEmailSection.useLearnerEmail') }))] }), !isCustomized ? (jsxs("div", { className: "rounded-md border border-blue-100 bg-blue-50 p-3", children: [jsx("p", { className: "text-xs text-blue-900", role: "status", children: t('componentsWatcherEmailSection.fallbackNotice') }), jsx(Button$1, { type: "button", variant: "outline", size: "sm", className: "mt-2 bg-white", onClick: () => onCustomizedChange(true), disabled: isSaving, "data-testid": "watcher-email-customize", children: t('componentsWatcherEmailSection.customize') })] })) : (jsxs(Fragment$1, { children: [jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "watcher-email-subject", className: "text-sm font-medium text-gray-700", children: t('componentsWatcherEmailSection.subjectLabel') }), jsx("p", { id: subjectHelperId, className: "text-xs text-gray-500", children: subject.trim()
+                                    ? t('componentsWatcherEmailSection.subjectHelper')
+                                    : t('componentsWatcherEmailSection.subjectFallbackHelper') }), jsx(Input, { id: "watcher-email-subject", value: subject, onChange: (event) => onSubjectChange(event.target.value), placeholder: t('componentsWatcherEmailSection.subjectPlaceholder'), disabled: isSaving, "aria-invalid": Boolean(subjectError), "aria-describedby": subjectError ? `${subjectHelperId} ${subjectErrorId}` : subjectHelperId }), subjectError && (jsx("p", { id: subjectErrorId, className: "text-sm text-red-600", role: "alert", children: subjectError }))] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "watcher-email-body", id: bodyLabelId, className: "text-sm font-medium text-gray-700", children: t('componentsWatcherEmailSection.bodyLabel') }), jsx("p", { id: bodyHelperId, className: "text-xs text-gray-500", children: body.trim()
+                                    ? t('componentsWatcherEmailSection.bodyHelper')
+                                    : t('componentsWatcherEmailSection.bodyFallbackHelper') }), jsx(RichTextEditor, { value: body, onChange: onBodyChange, placeholder: t('componentsWatcherEmailSection.bodyPlaceholder'), exportFormat: "html", disabled: isSaving, id: "watcher-email-body", ariaLabelledBy: bodyLabelId, ariaDescribedBy: bodyError ? `${bodyHelperId} ${bodyErrorId}` : bodyHelperId, ariaInvalid: Boolean(bodyError) }), bodyError && (jsx("p", { id: bodyErrorId, className: "text-sm text-red-600", role: "alert", children: bodyError }))] }), jsx(TemplateVariablesHelper, { context: context })] }))] }));
+}
+
+var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function createSlottable(ownerName) {
+  const Slottable2 = ({ children }) => {
+    return /* @__PURE__ */ jsx(Fragment$1, { children });
+  };
+  Slottable2.displayName = `${ownerName}.Slottable`;
+  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
+  return Slottable2;
+}
+
+var ROOT_NAME = "AlertDialog";
+var [createAlertDialogContext] = createContextScope$1(ROOT_NAME, [
+  createDialogScope
+]);
+var useDialogScope = createDialogScope();
+var AlertDialog$1 = (props) => {
+  const { __scopeAlertDialog, ...alertDialogProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...dialogScope, ...alertDialogProps, modal: true });
+};
+AlertDialog$1.displayName = ROOT_NAME;
+var TRIGGER_NAME = "AlertDialogTrigger";
+var AlertDialogTrigger = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...triggerProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ...dialogScope, ...triggerProps, ref: forwardedRef });
+  }
+);
+AlertDialogTrigger.displayName = TRIGGER_NAME;
+var PORTAL_NAME = "AlertDialogPortal";
+var AlertDialogPortal$1 = (props) => {
+  const { __scopeAlertDialog, ...portalProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...dialogScope, ...portalProps });
+};
+AlertDialogPortal$1.displayName = PORTAL_NAME;
+var OVERLAY_NAME = "AlertDialogOverlay";
+var AlertDialogOverlay$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...overlayProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });
+  }
+);
+AlertDialogOverlay$1.displayName = OVERLAY_NAME;
+var CONTENT_NAME = "AlertDialogContent";
+var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);
+var Slottable = createSlottable("AlertDialogContent");
+var AlertDialogContent$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, children, ...contentProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    const contentRef = React.useRef(null);
+    const composedRefs = useComposedRefs$1(forwardedRef, contentRef);
+    const cancelRef = React.useRef(null);
+    return /* @__PURE__ */ jsx(
+      DialogPrimitive.WarningProvider,
+      {
+        contentName: CONTENT_NAME,
+        titleName: TITLE_NAME,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ jsx(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs(
+          DialogPrimitive.Content,
+          {
+            role: "alertdialog",
+            ...dialogScope,
+            ...contentProps,
+            ref: composedRefs,
+            onOpenAutoFocus: composeEventHandlers$2(contentProps.onOpenAutoFocus, (event) => {
+              event.preventDefault();
+              cancelRef.current?.focus({ preventScroll: true });
+            }),
+            onPointerDownOutside: (event) => event.preventDefault(),
+            onInteractOutside: (event) => event.preventDefault(),
+            children: [
+              /* @__PURE__ */ jsx(Slottable, { children }),
+              /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+AlertDialogContent$1.displayName = CONTENT_NAME;
+var TITLE_NAME = "AlertDialogTitle";
+var AlertDialogTitle$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...titleProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ...dialogScope, ...titleProps, ref: forwardedRef });
+  }
+);
+AlertDialogTitle$1.displayName = TITLE_NAME;
+var DESCRIPTION_NAME = "AlertDialogDescription";
+var AlertDialogDescription$1 = React.forwardRef((props, forwardedRef) => {
+  const { __scopeAlertDialog, ...descriptionProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });
+});
+AlertDialogDescription$1.displayName = DESCRIPTION_NAME;
+var ACTION_NAME = "AlertDialogAction";
+var AlertDialogAction$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...actionProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...actionProps, ref: forwardedRef });
+  }
+);
+AlertDialogAction$1.displayName = ACTION_NAME;
+var CANCEL_NAME = "AlertDialogCancel";
+var AlertDialogCancel$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...cancelProps } = props;
+    const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    const ref = useComposedRefs$1(forwardedRef, cancelRef);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...cancelProps, ref });
+  }
+);
+AlertDialogCancel$1.displayName = CANCEL_NAME;
+var DescriptionWarning = ({ contentRef }) => {
+  const MESSAGE = `\`${CONTENT_NAME}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${CONTENT_NAME}\` by passing a \`${DESCRIPTION_NAME}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${CONTENT_NAME}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
+  React.useEffect(() => {
+    const hasDescription = document.getElementById(
+      contentRef.current?.getAttribute("aria-describedby")
+    );
+    if (!hasDescription) console.warn(MESSAGE);
+  }, [MESSAGE, contentRef]);
+  return null;
+};
+var Root2 = AlertDialog$1;
+var Portal2 = AlertDialogPortal$1;
+var Overlay2 = AlertDialogOverlay$1;
+var Content2 = AlertDialogContent$1;
+var Action = AlertDialogAction$1;
+var Cancel = AlertDialogCancel$1;
+var Title2 = AlertDialogTitle$1;
+var Description2 = AlertDialogDescription$1;
+
+const AlertDialog = Root2;
+const AlertDialogPortal = Portal2;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (jsx(Overlay2, { className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', className), ...props, ref: ref })));
+AlertDialogOverlay.displayName = Overlay2.displayName;
+const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (jsxs(AlertDialogPortal, { children: [jsx(AlertDialogOverlay, {}), jsx(Content2, { ref: ref, className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg', className), ...props })] })));
+AlertDialogContent.displayName = Content2.displayName;
+const AlertDialogHeader = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col space-y-2 text-center sm:text-left', className), ...props }));
+AlertDialogHeader.displayName = 'AlertDialogHeader';
+const AlertDialogFooter = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
+AlertDialogFooter.displayName = 'AlertDialogFooter';
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (jsx(Title2, { ref: ref, className: cn('text-lg font-semibold', className), ...props })));
+AlertDialogTitle.displayName = Title2.displayName;
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (jsx(Description2, { ref: ref, className: cn('text-muted-foreground text-sm', className), ...props })));
+AlertDialogDescription.displayName = Description2.displayName;
+const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (jsx(Action, { ref: ref, className: cn(buttonVariants(), className), ...props })));
+AlertDialogAction.displayName = Action.displayName;
+const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (jsx(Cancel, { ref: ref, className: cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className), ...props })));
+AlertDialogCancel.displayName = Cancel.displayName;
+
+/** Rough client-side check; the server remains the authority. */
+const isProbableEmail = (value) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value.trim());
+/**
+ * "Reset to default" and "Send test email" actions for a notification template.
+ *
+ * Reset discards the platform-specific copy, so it is confirmed before firing.
+ */
+function TemplateActionsSection({ platformKey, notificationType, isSaving, onResetComplete, }) {
+    const t = useT();
+    const [testEmail, setTestEmail] = useState('');
+    const [isResetConfirmOpen, setIsResetConfirmOpen] = useState(false);
+    const [resetTemplate, { isLoading: isResetting }] = useResetTemplateMutation();
+    const [sendTestEmail, { isLoading: isSendingTest }] = useSendTestTemplateEmailMutation();
+    const testEmailHelperId = 'template-test-email-helper';
+    const isTestEmailValid = isProbableEmail(testEmail);
+    const isBusy = isSaving || isResetting || isSendingTest;
+    const handleReset = async () => {
+        try {
+            await resetTemplate({ platformKey, notificationType }).unwrap();
+            toast.success(t('componentsTemplateActionsSection.resetSuccessTitle'), {
+                description: t('componentsTemplateActionsSection.resetSuccessDescription'),
+            });
+            onResetComplete === null || onResetComplete === void 0 ? void 0 : onResetComplete();
+        }
+        catch (error) {
+            console.error('Error resetting notification template:', error);
+            toast.error(t('componentsTemplateActionsSection.resetErrorTitle'), {
+                description: t('componentsTemplateActionsSection.resetErrorDescription'),
+            });
+        }
+        finally {
+            setIsResetConfirmOpen(false);
+        }
+    };
+    // Reachable only with a valid address: the button is disabled otherwise.
+    const handleSendTest = async () => {
+        try {
+            await sendTestEmail({
+                platformKey,
+                notificationType,
+                testEmail: testEmail.trim(),
+            }).unwrap();
+            toast.success(t('componentsTemplateActionsSection.testSuccessTitle'), {
+                description: t('componentsTemplateActionsSection.testSuccessDescription', {
+                    email: testEmail.trim(),
+                }),
+            });
+        }
+        catch (error) {
+            console.error('Error sending test notification email:', error);
+            toast.error(t('componentsTemplateActionsSection.testErrorTitle'), {
+                description: t('componentsTemplateActionsSection.testErrorDescription'),
+            });
+        }
+    };
+    return (jsxs("div", { className: "space-y-4 border-t border-gray-200 pt-4", "data-testid": "template-actions-section", children: [jsxs("div", { className: "space-y-1", children: [jsx("h3", { className: "text-sm font-semibold text-gray-900", children: t('componentsTemplateActionsSection.title') }), jsx("p", { className: "text-xs text-gray-500", children: t('componentsTemplateActionsSection.description') })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "template-test-email", className: "text-sm font-medium text-gray-700", children: t('componentsTemplateActionsSection.testEmailLabel') }), jsx("p", { id: testEmailHelperId, className: "text-xs text-gray-500", children: t('componentsTemplateActionsSection.testEmailHelper') }), jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [jsx(Input, { id: "template-test-email", type: "email", value: testEmail, onChange: (event) => setTestEmail(event.target.value), placeholder: t('componentsTemplateActionsSection.testEmailPlaceholder'), disabled: isBusy, "aria-describedby": testEmailHelperId, className: "sm:max-w-xs" }), jsx(Button$1, { type: "button", variant: "outline", onClick: () => void handleSendTest(), disabled: isBusy || !isTestEmailValid, "data-testid": "template-send-test-email", children: isSendingTest
+                                    ? t('componentsTemplateActionsSection.sendingTest')
+                                    : t('componentsTemplateActionsSection.sendTest') })] })] }), jsxs("div", { className: "space-y-2", children: [jsx("p", { className: "text-sm font-medium text-gray-700", children: t('componentsTemplateActionsSection.resetLabel') }), jsx("p", { className: "text-xs text-gray-500", children: t('componentsTemplateActionsSection.resetHelper') }), jsx(Button$1, { type: "button", variant: "outline", className: "text-red-600 hover:text-red-700", onClick: () => setIsResetConfirmOpen(true), disabled: isBusy, "data-testid": "template-reset-to-default", children: isResetting
+                            ? t('componentsTemplateActionsSection.resetting')
+                            : t('componentsTemplateActionsSection.reset') })] }), jsx(AlertDialog, { open: isResetConfirmOpen, onOpenChange: setIsResetConfirmOpen, children: jsxs(AlertDialogContent, { children: [jsxs(AlertDialogHeader, { children: [jsx(AlertDialogTitle, { children: t('componentsTemplateActionsSection.resetConfirmTitle') }), jsx(AlertDialogDescription, { children: t('componentsTemplateActionsSection.resetConfirmDescription') })] }), jsxs(AlertDialogFooter, { children: [jsx(AlertDialogCancel, { disabled: isResetting, children: t('componentsTemplateActionsSection.resetConfirmCancel') }), jsx(AlertDialogAction, { onClick: (event) => {
+                                        // Keep the dialog mounted until the request settles.
+                                        event.preventDefault();
+                                        void handleReset();
+                                    }, disabled: isResetting, className: "bg-red-600 hover:bg-red-700", children: t('componentsTemplateActionsSection.resetConfirmAction') })] })] }) })] }));
+}
+
+/**
+ * Removes HTML tags from `value`.
+ *
+ * A single pass of `/<[^>]*>/g` is unsafe: stripping the inner match of nested
+ * markup such as `<<div>script>` re-forms a live `<script>` tag in the output.
+ * Replacing until the string stops changing guarantees no tag can be
+ * reconstructed by the removal itself.
+ */
+const stripHtmlTags = (value) => {
+    let previous = value;
+    let current = value.replace(/<[^>]*>/g, '');
+    while (current !== previous) {
+        previous = current;
+        current = current.replace(/<[^>]*>/g, '');
+    }
+    return current;
+};
+
+const DEFAULT_TIMEZONE = 'UTC';
+/** Normalizes an API time value to the `"HH:MM"` an `<input type="time">` wants. */
 const toTimeString = (value) => {
     if (!value) {
         return '';
@@ -186352,7 +187282,6 @@ const toTimeString = (value) => {
     }
     return date.toISOString().slice(11, 16);
 };
-const DEFAULT_TIMEZONE = 'UTC';
 const isValidTimeZone$1 = (value) => {
     if (!value) {
         return false;
@@ -186365,6 +187294,10 @@ const isValidTimeZone$1 = (value) => {
         return false;
     }
 };
+/**
+ * Returns the first valid IANA zone among `candidates`, falling back to the
+ * viewer's own zone and finally to UTC.
+ */
 const resolveTimezone = (...candidates) => {
     for (const candidate of candidates) {
         if (isValidTimeZone$1(candidate)) {
@@ -186377,6 +187310,144 @@ const resolveTimezone = (...candidates) => {
     }
     return DEFAULT_TIMEZONE;
 };
+/** First candidate that is neither `undefined` nor `null`. */
+const firstDefined = (...candidates) => {
+    for (const candidate of candidates) {
+        if (candidate !== undefined && candidate !== null) {
+            return candidate;
+        }
+    }
+    return undefined;
+};
+
+const DEFAULT_USER_PROGRESS_LOOKBACK_DAYS = '7';
+const DEFAULT_USER_PROGRESS_FREQUENCY = 'WEEKLY';
+/**
+ * Pulls a progress config out of `metadata`, which arrives as an object on
+ * current backends and as a JSON string on older ones.
+ */
+const readMetadataConfig = (metadata) => {
+    var _a;
+    let source = metadata;
+    if (typeof source === 'string') {
+        try {
+            source = JSON.parse(source);
+        }
+        catch (_b) {
+            return undefined;
+        }
+    }
+    if (!source || typeof source !== 'object' || Array.isArray(source)) {
+        return undefined;
+    }
+    const container = source;
+    const config = (_a = container.user_progress_config) !== null && _a !== void 0 ? _a : container.courses_progress_config;
+    return config && typeof config === 'object'
+        ? config
+        : undefined;
+};
+const toDayString = (value) => typeof value === 'number' && Number.isFinite(value) ? String(value) : '';
+/**
+ * Reads the schedule, reporting window and data points out of a template
+ * detail response.
+ *
+ * The same settings can arrive in five places, so every field is resolved
+ * through this precedence:
+ *
+ * 1. flat `user_progress_*`
+ * 2. nested `user_progress_config`
+ * 3. flat `courses_progress_*`        (deprecated)
+ * 4. nested `courses_progress_config` (deprecated — what backends return today)
+ * 5. `metadata.courses_progress_config`
+ *
+ * Resolving per field rather than picking one source means a partially
+ * populated `user_progress_config` cannot mask a fully populated legacy one.
+ */
+const readUserProgressSettings = (detail) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    const template = detail !== null && detail !== void 0 ? detail : {};
+    const newConfig = template.user_progress_config;
+    const legacyConfig = (_a = template.courses_progress_config) !== null && _a !== void 0 ? _a : undefined;
+    const metadataConfig = readMetadataConfig(template.metadata);
+    const frequency = firstDefined(template.user_progress_frequency, (_b = newConfig === null || newConfig === void 0 ? void 0 : newConfig.schedule) === null || _b === void 0 ? void 0 : _b.frequency, template.courses_progress_frequency, (_c = legacyConfig === null || legacyConfig === void 0 ? void 0 : legacyConfig.schedule) === null || _c === void 0 ? void 0 : _c.frequency, (_d = metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.schedule) === null || _d === void 0 ? void 0 : _d.frequency);
+    const executionTime = firstDefined(template.user_progress_execution_time, (_e = newConfig === null || newConfig === void 0 ? void 0 : newConfig.schedule) === null || _e === void 0 ? void 0 : _e.execution_time, template.courses_progress_execution_time, (_f = legacyConfig === null || legacyConfig === void 0 ? void 0 : legacyConfig.schedule) === null || _f === void 0 ? void 0 : _f.execution_time, (_g = metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.schedule) === null || _g === void 0 ? void 0 : _g.execution_time);
+    const timezone = firstDefined(template.user_progress_timezone, (_h = newConfig === null || newConfig === void 0 ? void 0 : newConfig.schedule) === null || _h === void 0 ? void 0 : _h.timezone, template.courses_progress_timezone, (_j = legacyConfig === null || legacyConfig === void 0 ? void 0 : legacyConfig.schedule) === null || _j === void 0 ? void 0 : _j.timezone, (_k = metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.schedule) === null || _k === void 0 ? void 0 : _k.timezone);
+    const customIntervalDays = firstDefined(template.user_progress_custom_interval_days, (_l = newConfig === null || newConfig === void 0 ? void 0 : newConfig.schedule) === null || _l === void 0 ? void 0 : _l.custom_interval_days, template.courses_progress_custom_interval_days, (_m = legacyConfig === null || legacyConfig === void 0 ? void 0 : legacyConfig.schedule) === null || _m === void 0 ? void 0 : _m.custom_interval_days, (_o = metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.schedule) === null || _o === void 0 ? void 0 : _o.custom_interval_days);
+    const lookbackDays = firstDefined(template.user_progress_lookback_days, newConfig === null || newConfig === void 0 ? void 0 : newConfig.lookback_days, template.courses_progress_lookback_days, legacyConfig === null || legacyConfig === void 0 ? void 0 : legacyConfig.lookback_days, metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.lookback_days);
+    const enabledDataPoints = firstDefined(template.user_progress_enabled_data_points, newConfig === null || newConfig === void 0 ? void 0 : newConfig.enabled_data_points, template.courses_progress_enabled_data_points, legacyConfig === null || legacyConfig === void 0 ? void 0 : legacyConfig.enabled_data_points, metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.enabled_data_points);
+    const selected = Array.isArray(enabledDataPoints) ? enabledDataPoints : [];
+    return {
+        frequency: frequency !== null && frequency !== void 0 ? frequency : DEFAULT_USER_PROGRESS_FREQUENCY,
+        executionTime: toTimeString(executionTime),
+        timezone: resolveTimezone(timezone),
+        customIntervalDays: toDayString(customIntervalDays),
+        lookbackDays: toDayString(lookbackDays) || DEFAULT_USER_PROGRESS_LOOKBACK_DAYS,
+        // Drop unknown keys and normalize to the canonical order so the save diff
+        // is order-insensitive.
+        enabledDataPoints: USER_PROGRESS_DATA_POINTS.filter((dataPoint) => selected.includes(dataPoint)),
+    };
+};
+/**
+ * `true` when the template has a watcher variant.
+ *
+ * `watcher_available_context` is the documented signal, but backends that
+ * predate it still mark the variant with an `audience:watcher` tag.
+ */
+const hasWatcherVariant = (detail, watcherContextEntryCount) => {
+    var _a;
+    if (watcherContextEntryCount > 0) {
+        return true;
+    }
+    return Boolean((_a = detail === null || detail === void 0 ? void 0 : detail.tags) === null || _a === void 0 ? void 0 : _a.includes('audience:watcher'));
+};
+
+const GENERAL_ERROR_KEYS = ['detail', 'non_field_errors', 'error', 'message'];
+const flattenMessage = (value) => {
+    if (typeof value === 'string') {
+        return value;
+    }
+    if (Array.isArray(value)) {
+        return value.map(flattenMessage).filter(Boolean).join(' ');
+    }
+    if (value && typeof value === 'object') {
+        return Object.values(value)
+            .map(flattenMessage)
+            .filter(Boolean)
+            .join(' ');
+    }
+    return '';
+};
+/**
+ * Maps a DRF `400` response onto per-field messages.
+ *
+ * `iblFetchBaseQuery` rejects with `{ status, data }`, where `data` is the DRF
+ * body — usually `{ field: ["message"] }`, sometimes `{ detail: "message" }`.
+ * Anything that doesn't match those shapes yields empty results so the caller
+ * falls back to a generic toast.
+ */
+const parseTemplateFieldErrors = (error) => {
+    const fieldErrors = {};
+    let generalError;
+    const data = error === null || error === void 0 ? void 0 : error.data;
+    if (!data || typeof data !== 'object' || Array.isArray(data)) {
+        return { fieldErrors, generalError };
+    }
+    for (const [key, value] of Object.entries(data)) {
+        const message = flattenMessage(value);
+        if (!message) {
+            continue;
+        }
+        if (GENERAL_ERROR_KEYS.includes(key)) {
+            generalError = generalError ? `${generalError} ${message}` : message;
+            continue;
+        }
+        fieldErrors[key] = message;
+    }
+    return { fieldErrors, generalError };
+};
+/** `true` when the request failed validation rather than erroring some other way. */
+const isValidationError = (error) => (error === null || error === void 0 ? void 0 : error.status) === 400;
+
 const pickFirstNonEmpty = (...candidates) => {
     for (const candidate of candidates) {
         if (typeof candidate === 'string' && candidate.trim()) {
@@ -186385,8 +187456,23 @@ const pickFirstNonEmpty = (...candidates) => {
     }
     return '';
 };
+/**
+ * `true` when rich-text HTML carries actual content. An emptied editor still
+ * emits markup such as `<p><br></p>`, which must be treated as "cleared" so the
+ * watcher fields can revert to their learner fallback.
+ */
+const hasHtmlContent = (value) => {
+    if (!value) {
+        return false;
+    }
+    if (/<img\b/i.test(value)) {
+        return true;
+    }
+    return stripHtmlTags(value).replace(/&nbsp;/gi, ' ').trim().length > 0;
+};
+const areDataPointsEqual = (a, b) => a.length === b.length && a.every((value, index) => value === b[index]);
 function EditAlertDialog({ open, onOpenChange, template, platformKey, templateType, onSave, }) {
-    var _a;
+    var _a, _b, _c, _d, _e;
     const t = useT();
     const [messageTitle, setMessageTitle] = useState('');
     const [messageBody, setMessageBody] = useState('');
@@ -186403,14 +187489,29 @@ function EditAlertDialog({ open, onOpenChange, template, platformKey, templateTy
     const [policyNotifyOnRemoval, setPolicyNotifyOnRemoval] = useState(true);
     const [humanSupportRecipientMode, setHumanSupportRecipientMode] = useState('platform_admins_and_mentor_owner');
     const [humanSupportCustomRecipients, setHumanSupportCustomRecipients] = useState([]);
+    // User Progress Summary settings
+    const [userProgressFrequency, setUserProgressFrequency] = useState(DEFAULT_USER_PROGRESS_FREQUENCY);
+    const [userProgressExecutionTime, setUserProgressExecutionTime] = useState('');
+    const [userProgressTimezone, setUserProgressTimezone] = useState(() => resolveTimezone());
+    const [userProgressCustomIntervalDays, setUserProgressCustomIntervalDays] = useState('');
+    const [userProgressLookbackDays, setUserProgressLookbackDays] = useState(DEFAULT_USER_PROGRESS_LOOKBACK_DAYS);
+    const [userProgressDataPoints, setUserProgressDataPoints] = useState([]);
+    const [watcherEmailSubject, setWatcherEmailSubject] = useState('');
+    const [watcherEmailBody, setWatcherEmailBody] = useState('');
+    const [isWatcherEmailCustomized, setIsWatcherEmailCustomized] = useState(false);
+    /** Inline `400` messages keyed by API field name. */
+    const [fieldErrors, setFieldErrors] = useState({});
     const dialogDescriptionId = 'edit-alert-dialog-description';
     const messageTitleHelperId = 'edit-alert-message-title-helper';
+    const messageTitleErrorId = 'edit-alert-message-title-error';
     const messageBodyLabelId = 'edit-alert-message-body-label';
     const messageBodyHelperId = 'edit-alert-message-body-helper';
+    const messageBodyErrorId = 'edit-alert-message-body-error';
     const notificationType = (_a = templateType !== null && templateType !== void 0 ? templateType : template === null || template === void 0 ? void 0 : template.type) !== null && _a !== void 0 ? _a : null;
     const isProactive = notificationType === 'PROACTIVE_LEARNER_NOTIFICATION';
     const isPolicyAssignment = notificationType === 'POLICY_ASSIGNMENT';
     const isHumanSupport = notificationType === 'HUMAN_SUPPORT_NOTIFICATION';
+    const isUserProgress = notificationType === USER_PROGRESS_SUMMARY_TYPE;
     const [updateTemplate, { isLoading: isSaving }] = useUpdateTemplateMutation();
     const shouldFetchTemplateDetails = Boolean(open && platformKey && notificationType);
     const userLocalTimezone = useMemo(() => resolveTimezone(Intl.DateTimeFormat().resolvedOptions().timeZone), []);
@@ -186494,6 +187595,38 @@ function EditAlertDialog({ open, onOpenChange, template, platformKey, templateTy
             customRecipients: (_b = humanSupportConfig === null || humanSupportConfig === void 0 ? void 0 : humanSupportConfig.custom_recipients) !== null && _b !== void 0 ? _b : [],
         };
     }, [currentTemplateDetail, isHumanSupport, template]);
+    /**
+     * Seeded values for the learner email. Doubles as the baseline the save diff
+     * compares against, so an untouched field is never PATCHed.
+     */
+    const learnerEmailSeed = useMemo(() => ({
+        subject: pickFirstNonEmpty(currentTemplateDetail.email_subject, currentTemplateDetail.message_title, template === null || template === void 0 ? void 0 : template.email_subject, template === null || template === void 0 ? void 0 : template.message_title),
+        body: pickFirstNonEmpty(currentTemplateDetail.email_html_template, currentTemplateDetail.message_body, template === null || template === void 0 ? void 0 : template.email_html_template),
+    }), [currentTemplateDetail, template]);
+    /**
+     * Schedule / period / data points. The settings can arrive under several
+     * different keys depending on the backend build, so the resolver walks them
+     * all — see `readUserProgressSettings`.
+     */
+    const userProgressSettings = useMemo(() => readUserProgressSettings(currentTemplateDetail), [currentTemplateDetail]);
+    const watcherEmailSettings = useMemo(() => {
+        var _a, _b;
+        const subject = (_a = currentTemplateDetail.watcher_email_subject) !== null && _a !== void 0 ? _a : null;
+        const body = (_b = currentTemplateDetail.watcher_email_html_template) !== null && _b !== void 0 ? _b : null;
+        return {
+            subject: subject !== null && subject !== void 0 ? subject : '',
+            body: body !== null && body !== void 0 ? body : '',
+            // Both `null` means watchers currently receive the learner email.
+            isCustomized: Boolean(subject) || Boolean(body),
+        };
+    }, [currentTemplateDetail]);
+    const watcherContext = useMemo(() => normalizeTemplateContext(currentTemplateDetail.watcher_available_context), [currentTemplateDetail]);
+    /**
+     * No watcher variant means the watcher editor is hidden entirely.
+     * `watcher_available_context` is the documented signal; the `audience:watcher`
+     * tag covers backends that don't return that field yet.
+     */
+    const showWatcherEditor = useMemo(() => hasWatcherVariant(currentTemplateDetail, watcherContext.length), [currentTemplateDetail, watcherContext]);
     useEffect(() => {
         try {
             const storedUserName = getUserName$1();
@@ -186526,8 +187659,30 @@ function EditAlertDialog({ open, onOpenChange, template, platformKey, templateTy
             setHumanSupportCustomRecipients([]);
             return;
         }
-        setMessageTitle(pickFirstNonEmpty(currentTemplateDetail.email_subject, currentTemplateDetail.message_title, template.email_subject, template.message_title));
-        setMessageBody(pickFirstNonEmpty(currentTemplateDetail.email_html_template, currentTemplateDetail.message_body, template.email_html_template));
+        setMessageTitle(learnerEmailSeed.subject);
+        setMessageBody(learnerEmailSeed.body);
+        if (isUserProgress) {
+            setUserProgressFrequency(userProgressSettings.frequency);
+            setUserProgressExecutionTime(userProgressSettings.executionTime);
+            setUserProgressTimezone(userProgressSettings.timezone);
+            setUserProgressCustomIntervalDays(userProgressSettings.customIntervalDays);
+            setUserProgressLookbackDays(userProgressSettings.lookbackDays);
+            setUserProgressDataPoints(userProgressSettings.enabledDataPoints);
+            setWatcherEmailSubject(watcherEmailSettings.subject);
+            setWatcherEmailBody(watcherEmailSettings.body);
+            setIsWatcherEmailCustomized(watcherEmailSettings.isCustomized);
+        }
+        else {
+            setUserProgressFrequency(DEFAULT_USER_PROGRESS_FREQUENCY);
+            setUserProgressExecutionTime('');
+            setUserProgressTimezone(userLocalTimezone);
+            setUserProgressCustomIntervalDays('');
+            setUserProgressLookbackDays(DEFAULT_USER_PROGRESS_LOOKBACK_DAYS);
+            setUserProgressDataPoints([]);
+            setWatcherEmailSubject('');
+            setWatcherEmailBody('');
+            setIsWatcherEmailCustomized(false);
+        }
         if (isProactive) {
             setPeriodicLearnerScope(periodicSettings.learnerScope);
             setPeriodicFrequency(periodicSettings.frequency);
@@ -186561,12 +187716,16 @@ function EditAlertDialog({ open, onOpenChange, template, platformKey, templateTy
         open,
         template,
         currentTemplateDetail,
+        learnerEmailSeed,
         isProactive,
         periodicSettings,
         isPolicyAssignment,
         policySettings,
         isHumanSupport,
         humanSupportSettings,
+        isUserProgress,
+        userProgressSettings,
+        watcherEmailSettings,
         userLocalTimezone,
     ]);
     const handleMentorsChange = useCallback((mentors) => {
@@ -186579,19 +187738,80 @@ function EditAlertDialog({ open, onOpenChange, template, platformKey, templateTy
         setHumanSupportCustomRecipients(recipients);
     }, []);
     const handleSave = async () => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f, _g;
         if (!template || !notificationType)
             return;
+        setFieldErrors({});
         try {
             const templateDetail = currentTemplateDetail;
             const periodicConfig = templateDetail.periodic_config;
             const timezoneToSave = resolveTimezone(periodicTimezone, templateDetail.periodic_timezone, periodicConfig === null || periodicConfig === void 0 ? void 0 : periodicConfig.timezone);
             const executionTimeValue = toTimeString(periodicExecutionTime);
-            const payload = {
-                message_title: messageTitle,
-                email_subject: messageTitle,
-                email_html_template: messageBody,
+            const payload = {};
+            /**
+             * Writes a schedule field under both prefixes. Backends that understand
+             * `user_progress_*` prefer it; older ones only read `courses_progress_*`,
+             * and unknown keys are ignored either way.
+             */
+            const writeUserProgressField = (field, value) => {
+                payload[`user_progress_${field}`] = value;
+                payload[`courses_progress_${field}`] = value;
             };
+            if (isUserProgress) {
+                // Partial write: only send what the admin actually changed.
+                if (messageTitle !== learnerEmailSeed.subject) {
+                    payload.message_title = messageTitle;
+                    payload.email_subject = messageTitle;
+                }
+                if (messageBody !== learnerEmailSeed.body) {
+                    payload.email_html_template = messageBody;
+                }
+            }
+            else {
+                payload.message_title = messageTitle;
+                payload.email_subject = messageTitle;
+                payload.email_html_template = messageBody;
+            }
+            if (isUserProgress) {
+                if (userProgressFrequency !== userProgressSettings.frequency) {
+                    writeUserProgressField('frequency', userProgressFrequency);
+                }
+                const userProgressTime = toTimeString(userProgressExecutionTime);
+                if (userProgressTime !== userProgressSettings.executionTime) {
+                    writeUserProgressField('execution_time', userProgressTime);
+                }
+                if (userProgressTimezone !== userProgressSettings.timezone) {
+                    writeUserProgressField('timezone', userProgressTimezone);
+                }
+                // Only honored for CUSTOM; the other frequencies use a fixed cadence.
+                if (userProgressFrequency === 'CUSTOM' &&
+                    userProgressCustomIntervalDays !== userProgressSettings.customIntervalDays) {
+                    writeUserProgressField('custom_interval_days', Number(userProgressCustomIntervalDays));
+                }
+                if (userProgressLookbackDays !== userProgressSettings.lookbackDays) {
+                    writeUserProgressField('lookback_days', Number(userProgressLookbackDays));
+                }
+                if (!areDataPointsEqual(userProgressDataPoints, userProgressSettings.enabledDataPoints)) {
+                    writeUserProgressField('enabled_data_points', userProgressDataPoints);
+                }
+                if (showWatcherEditor) {
+                    // An empty field is sent as `null` so watchers fall back to the
+                    // matching learner field.
+                    const nextWatcherSubject = isWatcherEmailCustomized && watcherEmailSubject.trim() ? watcherEmailSubject : null;
+                    const nextWatcherBody = isWatcherEmailCustomized && hasHtmlContent(watcherEmailBody) ? watcherEmailBody : null;
+                    if (nextWatcherSubject !== ((_a = currentTemplateDetail.watcher_email_subject) !== null && _a !== void 0 ? _a : null)) {
+                        payload.watcher_email_subject = nextWatcherSubject;
+                    }
+                    if (nextWatcherBody !== ((_b = currentTemplateDetail.watcher_email_html_template) !== null && _b !== void 0 ? _b : null)) {
+                        payload.watcher_email_html_template = nextWatcherBody;
+                    }
+                }
+                if (!Object.keys(payload).length) {
+                    toast.message(t('notificationsEditAlertDialog.noChangesToast'));
+                    onOpenChange(false);
+                    return;
+                }
+            }
             if (isPolicyAssignment) {
                 payload.policy_enabled_policies = policyConfigPayload;
                 payload.policy_notify_on_assignment = policyNotifyOnAssignment;
@@ -186622,7 +187842,7 @@ function EditAlertDialog({ open, onOpenChange, template, platformKey, templateTy
                     }
                 }
                 else {
-                    const existingReportPeriod = (_a = templateDetail.periodic_report_period_days) !== null && _a !== void 0 ? _a : periodicConfig === null || periodicConfig === void 0 ? void 0 : periodicConfig.report_period_days;
+                    const existingReportPeriod = (_c = templateDetail.periodic_report_period_days) !== null && _c !== void 0 ? _c : periodicConfig === null || periodicConfig === void 0 ? void 0 : periodicConfig.report_period_days;
                     if (typeof existingReportPeriod === 'number') {
                         payload.periodic_report_period_days = existingReportPeriod;
                     }
@@ -186644,7 +187864,7 @@ function EditAlertDialog({ open, onOpenChange, template, platformKey, templateTy
                     (periodicConfig === null || periodicConfig === void 0 ? void 0 : periodicConfig.execution_time));
                 const customIntervalNumber = periodicFrequency === 'CUSTOM' && periodicCustomIntervalDays
                     ? Number(periodicCustomIntervalDays)
-                    : ((_b = template.periodic_custom_interval_days) !== null && _b !== void 0 ? _b : templateDetail.periodic_custom_interval_days);
+                    : ((_d = template.periodic_custom_interval_days) !== null && _d !== void 0 ? _d : templateDetail.periodic_custom_interval_days);
                 onSave({
                     ...template,
                     message_title: messageTitle,
@@ -186656,7 +187876,7 @@ function EditAlertDialog({ open, onOpenChange, template, platformKey, templateTy
                         periodic_execution_time: executionTimeForTemplate,
                         periodic_report_period_days: periodicFrequency === 'CUSTOM' && periodicCustomIntervalDays
                             ? Number(periodicCustomIntervalDays)
-                            : ((_d = (_c = template.periodic_report_period_days) !== null && _c !== void 0 ? _c : templateDetail.periodic_report_period_days) !== null && _d !== void 0 ? _d : periodicConfig === null || periodicConfig === void 0 ? void 0 : periodicConfig.report_period_days),
+                            : ((_f = (_e = template.periodic_report_period_days) !== null && _e !== void 0 ? _e : templateDetail.periodic_report_period_days) !== null && _f !== void 0 ? _f : periodicConfig === null || periodicConfig === void 0 ? void 0 : periodicConfig.report_period_days),
                         periodic_timezone: timezoneToSave ||
                             template.periodic_timezone ||
                             templateDetail.periodic_timezone ||
@@ -186664,12 +187884,29 @@ function EditAlertDialog({ open, onOpenChange, template, platformKey, templateTy
                             resolveTimezone(),
                         periodic_mentors: mentorPayload,
                     }),
+                    ...(isUserProgress && {
+                        user_progress_frequency: userProgressFrequency,
+                        user_progress_execution_time: toTimeString(userProgressExecutionTime),
+                        user_progress_timezone: userProgressTimezone,
+                        user_progress_lookback_days: Number(userProgressLookbackDays),
+                        user_progress_enabled_data_points: userProgressDataPoints,
+                        ...(userProgressFrequency === 'CUSTOM' && {
+                            user_progress_custom_interval_days: Number(userProgressCustomIntervalDays),
+                        }),
+                    }),
                 });
             }
             onOpenChange(false);
         }
         catch (error) {
             console.error('Error updating template:', error);
+            if (isValidationError(error)) {
+                const { fieldErrors: parsedFieldErrors, generalError } = parseTemplateFieldErrors(error);
+                setFieldErrors(parsedFieldErrors);
+                const description = (_g = generalError !== null && generalError !== void 0 ? generalError : Object.values(parsedFieldErrors)[0]) !== null && _g !== void 0 ? _g : t('notificationsEditAlertDialog.toastValidationDescription');
+                toast.error(t('notificationsEditAlertDialog.toastValidationTitle'), { description });
+                return;
+            }
             toast.error(t('notificationsEditAlertDialog.toastErrorTitle'), {
                 description: t('notificationsEditAlertDialog.toastErrorDescription'),
             });
@@ -186689,17 +187926,57 @@ function EditAlertDialog({ open, onOpenChange, template, platformKey, templateTy
         setPolicyNotifyOnRemoval(true);
         setHumanSupportRecipientMode('platform_admins_and_mentor_owner');
         setHumanSupportCustomRecipients([]);
+        setUserProgressFrequency(DEFAULT_USER_PROGRESS_FREQUENCY);
+        setUserProgressExecutionTime('');
+        setUserProgressTimezone(userLocalTimezone);
+        setUserProgressCustomIntervalDays('');
+        setUserProgressLookbackDays(DEFAULT_USER_PROGRESS_LOOKBACK_DAYS);
+        setUserProgressDataPoints([]);
+        setWatcherEmailSubject('');
+        setWatcherEmailBody('');
+        setIsWatcherEmailCustomized(false);
+        setFieldErrors({});
         onOpenChange(false);
     };
+    /** Starts from the learner copy so admins have something to edit down. */
+    const handleWatcherCustomizedChange = (customized) => {
+        setIsWatcherEmailCustomized(customized);
+        if (customized && !watcherEmailSubject.trim() && !hasHtmlContent(watcherEmailBody)) {
+            setWatcherEmailSubject(messageTitle);
+            setWatcherEmailBody(messageBody);
+        }
+    };
     const isProactiveInvalid = isProactive &&
         periodicFrequency === 'CUSTOM' &&
         (!periodicCustomIntervalDays || !periodicExecutionTime.trim());
+    const isUserProgressInvalid = isUserProgress &&
+        Object.keys(validateUserProgressSettings({
+            frequency: userProgressFrequency,
+            executionTime: userProgressExecutionTime,
+            customIntervalDays: userProgressCustomIntervalDays,
+            lookbackDays: userProgressLookbackDays,
+        })).length > 0;
     const isSaveDisabled = isSaving ||
         isTemplateDetailsLoading ||
         !messageTitle.trim() ||
         !messageBody.trim() ||
-        isProactiveInvalid;
-    return (jsx(Dialog, { open: open, onOpenChange: handleClose, children: jsxs(DialogContent, { className: "max-w-3xl h-[85vh] flex flex-col p-0", "aria-describedby": dialogDescriptionId, children: [jsxs(DialogHeader, { className: "px-6 py-4 border-b border-gray-200", children: [jsx(DialogTitle, { className: "text-xl font-semibold", children: t('notificationsEditAlertDialog.dialogTitle') }), jsx(DialogDescription, { id: dialogDescriptionId, children: t('notificationsEditAlertDialog.dialogDescription') })] }), jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: jsx("div", { className: "h-full overflow-y-auto px-6 py-4", children: jsxs("div", { className: "space-y-6", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "template-name", className: "text-sm font-medium text-gray-700", children: t('notificationsEditAlertDialog.templateNameLabel') }), jsx(Input, { id: "template-name", value: (template === null || template === void 0 ? void 0 : template.description) || '', disabled: true, className: "bg-gray-50" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "message-title", className: "text-sm font-medium text-gray-700", children: t('notificationsEditAlertDialog.messageTitleLabel') }), jsx("p", { id: messageTitleHelperId, className: "text-xs text-gray-500", children: t('notificationsEditAlertDialog.messageTitleHelper') }), jsx(Input, { id: "message-title", value: messageTitle, onChange: (e) => setMessageTitle(e.target.value), placeholder: t('notificationsEditAlertDialog.messageTitlePlaceholder'), className: "w-full", disabled: isSaving, required: true, "aria-required": "true", "aria-describedby": messageTitleHelperId })] }), jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(Label$2, { htmlFor: "message-body", id: messageBodyLabelId, className: "text-sm font-medium text-gray-700", children: t('notificationsEditAlertDialog.messageBodyLabel') }), currentTemplateDetail.can_customize === false && (jsx("span", { className: "inline-flex items-center rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600", children: t('notificationsEditAlertDialog.nonCustomizable') }))] }), jsx("p", { id: messageBodyHelperId, className: "text-xs text-gray-500", children: t('notificationsEditAlertDialog.messageBodyHelper') }), jsx(RichTextEditor, { value: messageBody, onChange: setMessageBody, placeholder: t('notificationsEditAlertDialog.messageBodyPlaceholder'), exportFormat: "html", disabled: isSaving || currentTemplateDetail.can_customize === false, id: "message-body", ariaLabelledBy: messageBodyLabelId, ariaDescribedBy: messageBodyHelperId, ariaRequired: true })] }), isPolicyAssignment && (jsx(PolicyAssignmentSection, { platformKey: platformKey, isSaving: isSaving, notifyOnAssignment: policyNotifyOnAssignment, onNotifyOnAssignmentChange: setPolicyNotifyOnAssignment, notifyOnRemoval: policyNotifyOnRemoval, onNotifyOnRemovalChange: setPolicyNotifyOnRemoval, initialPolicyConfigurations: policySettings.enabledPolicies, onPolicyConfigurationsChange: handlePolicyConfigurationsChange })), isHumanSupport && (jsx(HumanSupportSection, { platformKey: platformKey, isSaving: isSaving, recipientMode: humanSupportRecipientMode, onRecipientModeChange: setHumanSupportRecipientMode, initialCustomRecipients: humanSupportSettings.customRecipients, onCustomRecipientsChange: handleHumanSupportRecipientsChange })), isProactive && (jsx(ProactiveSettingsSection, { platformKey: platformKey, username: username, isSaving: isSaving, userLocalTimezone: userLocalTimezone, periodicLearnerScope: periodicLearnerScope, onLearnerScopeChange: setPeriodicLearnerScope, periodicFrequency: periodicFrequency, onFrequencyChange: setPeriodicFrequency, periodicCustomIntervalDays: periodicCustomIntervalDays, onCustomIntervalChange: setPeriodicCustomIntervalDays, periodicExecutionTime: periodicExecutionTime, onExecutionTimeChange: setPeriodicExecutionTime, periodicTimezone: periodicTimezone, onTimezoneChange: setPeriodicTimezone, initialMentors: periodicSettings.mentors, onMentorsChange: handleMentorsChange }))] }) }) }), jsxs("div", { className: "px-6 py-4 border-t border-gray-200 flex justify-end gap-3", children: [jsx(Button$1, { variant: "outline", onClick: handleClose, disabled: isSaving, children: t('notificationsEditAlertDialog.cancel') }), jsx(Button$1, { onClick: handleSave, disabled: isSaveDisabled, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: isSaving
+        isProactiveInvalid ||
+        isUserProgressInvalid;
+    const messageTitleError = (_c = (_b = fieldErrors.email_subject) !== null && _b !== void 0 ? _b : fieldErrors.message_title) !== null && _c !== void 0 ? _c : '';
+    const messageBodyError = (_e = (_d = fieldErrors.email_html_template) !== null && _d !== void 0 ? _d : fieldErrors.message_body) !== null && _e !== void 0 ? _e : '';
+    return (jsx(Dialog, { open: open, onOpenChange: handleClose, children: jsxs(DialogContent, { className: "max-w-3xl h-[85vh] flex flex-col p-0", "aria-describedby": dialogDescriptionId, children: [jsxs(DialogHeader, { className: "px-6 py-4 border-b border-gray-200", children: [jsx(DialogTitle, { className: "text-xl font-semibold", children: t('notificationsEditAlertDialog.dialogTitle') }), jsx(DialogDescription, { id: dialogDescriptionId, children: t('notificationsEditAlertDialog.dialogDescription') })] }), jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: jsx("div", { className: "h-full overflow-y-auto px-6 py-4", children: jsxs("div", { className: "space-y-6", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "template-name", className: "text-sm font-medium text-gray-700", children: t('notificationsEditAlertDialog.templateNameLabel') }), jsx(Input, { id: "template-name", value: (template === null || template === void 0 ? void 0 : template.description) || '', disabled: true, className: "bg-gray-50" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "message-title", className: "text-sm font-medium text-gray-700", children: isUserProgress
+                                                ? t('notificationsEditAlertDialog.learnerEmailSubjectLabel')
+                                                : t('notificationsEditAlertDialog.messageTitleLabel') }), jsx("p", { id: messageTitleHelperId, className: "text-xs text-gray-500", children: isUserProgress
+                                                ? t('notificationsEditAlertDialog.learnerEmailSubjectHelper')
+                                                : t('notificationsEditAlertDialog.messageTitleHelper') }), jsx(Input, { id: "message-title", value: messageTitle, onChange: (e) => setMessageTitle(e.target.value), placeholder: t('notificationsEditAlertDialog.messageTitlePlaceholder'), className: "w-full", disabled: isSaving, required: true, "aria-required": "true", "aria-invalid": Boolean(messageTitleError), "aria-describedby": messageTitleError
+                                                ? `${messageTitleHelperId} ${messageTitleErrorId}`
+                                                : messageTitleHelperId }), messageTitleError && (jsx("p", { id: messageTitleErrorId, className: "text-sm text-red-600", role: "alert", children: messageTitleError }))] }), jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(Label$2, { htmlFor: "message-body", id: messageBodyLabelId, className: "text-sm font-medium text-gray-700", children: isUserProgress
+                                                        ? t('notificationsEditAlertDialog.learnerEmailBodyLabel')
+                                                        : t('notificationsEditAlertDialog.messageBodyLabel') }), currentTemplateDetail.can_customize === false && (jsx("span", { className: "inline-flex items-center rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600", children: t('notificationsEditAlertDialog.nonCustomizable') }))] }), jsx("p", { id: messageBodyHelperId, className: "text-xs text-gray-500", children: isUserProgress
+                                                ? t('notificationsEditAlertDialog.learnerEmailBodyHelper')
+                                                : t('notificationsEditAlertDialog.messageBodyHelper') }), jsx(RichTextEditor, { value: messageBody, onChange: setMessageBody, placeholder: t('notificationsEditAlertDialog.messageBodyPlaceholder'), exportFormat: "html", disabled: isSaving || currentTemplateDetail.can_customize === false, id: "message-body", ariaLabelledBy: messageBodyLabelId, ariaDescribedBy: messageBodyError
+                                                ? `${messageBodyHelperId} ${messageBodyErrorId}`
+                                                : messageBodyHelperId, ariaRequired: true, ariaInvalid: Boolean(messageBodyError) }), messageBodyError && (jsx("p", { id: messageBodyErrorId, className: "text-sm text-red-600", role: "alert", children: messageBodyError })), isUserProgress && (jsx(TemplateVariablesHelper, { context: currentTemplateDetail.available_context }))] }), isPolicyAssignment && (jsx(PolicyAssignmentSection, { platformKey: platformKey, isSaving: isSaving, notifyOnAssignment: policyNotifyOnAssignment, onNotifyOnAssignmentChange: setPolicyNotifyOnAssignment, notifyOnRemoval: policyNotifyOnRemoval, onNotifyOnRemovalChange: setPolicyNotifyOnRemoval, initialPolicyConfigurations: policySettings.enabledPolicies, onPolicyConfigurationsChange: handlePolicyConfigurationsChange })), isHumanSupport && (jsx(HumanSupportSection, { platformKey: platformKey, isSaving: isSaving, recipientMode: humanSupportRecipientMode, onRecipientModeChange: setHumanSupportRecipientMode, initialCustomRecipients: humanSupportSettings.customRecipients, onCustomRecipientsChange: handleHumanSupportRecipientsChange })), isProactive && (jsx(ProactiveSettingsSection, { platformKey: platformKey, username: username, isSaving: isSaving, userLocalTimezone: userLocalTimezone, periodicLearnerScope: periodicLearnerScope, onLearnerScopeChange: setPeriodicLearnerScope, periodicFrequency: periodicFrequency, onFrequencyChange: setPeriodicFrequency, periodicCustomIntervalDays: periodicCustomIntervalDays, onCustomIntervalChange: setPeriodicCustomIntervalDays, periodicExecutionTime: periodicExecutionTime, onExecutionTimeChange: setPeriodicExecutionTime, periodicTimezone: periodicTimezone, onTimezoneChange: setPeriodicTimezone, initialMentors: periodicSettings.mentors, onMentorsChange: handleMentorsChange })), isUserProgress && (jsxs(Fragment$1, { children: [showWatcherEditor && (jsx(WatcherEmailSection, { isSaving: isSaving, isCustomized: isWatcherEmailCustomized, onCustomizedChange: handleWatcherCustomizedChange, subject: watcherEmailSubject, onSubjectChange: setWatcherEmailSubject, body: watcherEmailBody, onBodyChange: setWatcherEmailBody, context: currentTemplateDetail.watcher_available_context, serverErrors: fieldErrors })), jsx(UserProgressSettingsSection, { isSaving: isSaving, userLocalTimezone: userLocalTimezone, frequency: userProgressFrequency, onFrequencyChange: setUserProgressFrequency, executionTime: userProgressExecutionTime, onExecutionTimeChange: setUserProgressExecutionTime, timezone: userProgressTimezone, onTimezoneChange: setUserProgressTimezone, customIntervalDays: userProgressCustomIntervalDays, onCustomIntervalDaysChange: setUserProgressCustomIntervalDays, lookbackDays: userProgressLookbackDays, onLookbackDaysChange: setUserProgressLookbackDays, enabledDataPoints: userProgressDataPoints, onEnabledDataPointsChange: setUserProgressDataPoints, serverErrors: fieldErrors }), notificationType && (jsx(TemplateActionsSection, { platformKey: platformKey, notificationType: notificationType, isSaving: isSaving, onResetComplete: () => setFieldErrors({}) }))] }))] }) }) }), jsxs("div", { className: "px-6 py-4 border-t border-gray-200 flex justify-end gap-3", children: [jsx(Button$1, { variant: "outline", onClick: handleClose, disabled: isSaving, children: t('notificationsEditAlertDialog.cancel') }), jsx(Button$1, { onClick: handleSave, disabled: isSaveDisabled, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: isSaving
                                 ? t('notificationsEditAlertDialog.saving')
                                 : t('notificationsEditAlertDialog.saveChanges') })] })] }) }));
 }
@@ -186841,8 +188118,9 @@ function NotificationDisplay({ org, userId, isAdmin = false, selectedNotificatio
     // Helper function to strip HTML tags
     const stripHtml = (html) => {
         if (typeof window === 'undefined') {
-            // Server-side fallback: basic regex strip (not perfect but safe)
-            return html.replace(/<[^>]*>/g, '');
+            // Server-side fallback: regex strip repeated to a fixed point so nested
+            // markup cannot re-form a tag after the first pass.
+            return stripHtmlTags(html);
         }
         const doc = new DOMParser().parseFromString(html, 'text/html');
         return doc.body.textContent || '';
@@ -187024,173 +188302,6 @@ function NotificationDisplay({ org, userId, isAdmin = false, selectedNotificatio
                 } }), jsx(Dialog, { open: isMobileModalOpen, onOpenChange: setIsMobileModalOpen, children: jsx(DialogContent, { className: "max-h-[85vh] overflow-y-auto max-w-[95vw]", children: selectedNotification && (jsxs(Fragment$1, { children: [jsxs(DialogHeader, { children: [jsx(DialogTitle, { className: "text-xl font-semibold text-gray-900 pr-6", children: selectedNotification.title }), jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-500 pt-2", children: [jsx(Clock, { className: "h-4 w-4", "aria-hidden": "true" }), jsx("time", { dateTime: selectedNotification.timestamp.toISOString(), children: format$1(selectedNotification.timestamp, "MMMM d, yyyy 'at' h:mm a") })] })] }), jsx("div", { className: "prose prose-sm max-w-none text-gray-700 mt-4", dangerouslySetInnerHTML: { __html: sanitizeHtml(selectedNotification.body) }, "aria-labelledby": "mobile-notification-title" })] })) }) })] }));
 }
 
-var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
-// @__NO_SIDE_EFFECTS__
-function createSlottable(ownerName) {
-  const Slottable2 = ({ children }) => {
-    return /* @__PURE__ */ jsx(Fragment$1, { children });
-  };
-  Slottable2.displayName = `${ownerName}.Slottable`;
-  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
-  return Slottable2;
-}
-
-var ROOT_NAME = "AlertDialog";
-var [createAlertDialogContext] = createContextScope$1(ROOT_NAME, [
-  createDialogScope
-]);
-var useDialogScope = createDialogScope();
-var AlertDialog$1 = (props) => {
-  const { __scopeAlertDialog, ...alertDialogProps } = props;
-  const dialogScope = useDialogScope(__scopeAlertDialog);
-  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...dialogScope, ...alertDialogProps, modal: true });
-};
-AlertDialog$1.displayName = ROOT_NAME;
-var TRIGGER_NAME = "AlertDialogTrigger";
-var AlertDialogTrigger = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...triggerProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ...dialogScope, ...triggerProps, ref: forwardedRef });
-  }
-);
-AlertDialogTrigger.displayName = TRIGGER_NAME;
-var PORTAL_NAME = "AlertDialogPortal";
-var AlertDialogPortal$1 = (props) => {
-  const { __scopeAlertDialog, ...portalProps } = props;
-  const dialogScope = useDialogScope(__scopeAlertDialog);
-  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...dialogScope, ...portalProps });
-};
-AlertDialogPortal$1.displayName = PORTAL_NAME;
-var OVERLAY_NAME = "AlertDialogOverlay";
-var AlertDialogOverlay$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...overlayProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });
-  }
-);
-AlertDialogOverlay$1.displayName = OVERLAY_NAME;
-var CONTENT_NAME = "AlertDialogContent";
-var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);
-var Slottable = createSlottable("AlertDialogContent");
-var AlertDialogContent$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, children, ...contentProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    const contentRef = React.useRef(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, contentRef);
-    const cancelRef = React.useRef(null);
-    return /* @__PURE__ */ jsx(
-      DialogPrimitive.WarningProvider,
-      {
-        contentName: CONTENT_NAME,
-        titleName: TITLE_NAME,
-        docsSlug: "alert-dialog",
-        children: /* @__PURE__ */ jsx(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs(
-          DialogPrimitive.Content,
-          {
-            role: "alertdialog",
-            ...dialogScope,
-            ...contentProps,
-            ref: composedRefs,
-            onOpenAutoFocus: composeEventHandlers$2(contentProps.onOpenAutoFocus, (event) => {
-              event.preventDefault();
-              cancelRef.current?.focus({ preventScroll: true });
-            }),
-            onPointerDownOutside: (event) => event.preventDefault(),
-            onInteractOutside: (event) => event.preventDefault(),
-            children: [
-              /* @__PURE__ */ jsx(Slottable, { children }),
-              /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })
-            ]
-          }
-        ) })
-      }
-    );
-  }
-);
-AlertDialogContent$1.displayName = CONTENT_NAME;
-var TITLE_NAME = "AlertDialogTitle";
-var AlertDialogTitle$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...titleProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ...dialogScope, ...titleProps, ref: forwardedRef });
-  }
-);
-AlertDialogTitle$1.displayName = TITLE_NAME;
-var DESCRIPTION_NAME = "AlertDialogDescription";
-var AlertDialogDescription$1 = React.forwardRef((props, forwardedRef) => {
-  const { __scopeAlertDialog, ...descriptionProps } = props;
-  const dialogScope = useDialogScope(__scopeAlertDialog);
-  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });
-});
-AlertDialogDescription$1.displayName = DESCRIPTION_NAME;
-var ACTION_NAME = "AlertDialogAction";
-var AlertDialogAction$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...actionProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...actionProps, ref: forwardedRef });
-  }
-);
-AlertDialogAction$1.displayName = ACTION_NAME;
-var CANCEL_NAME = "AlertDialogCancel";
-var AlertDialogCancel$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...cancelProps } = props;
-    const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    const ref = useComposedRefs$1(forwardedRef, cancelRef);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...cancelProps, ref });
-  }
-);
-AlertDialogCancel$1.displayName = CANCEL_NAME;
-var DescriptionWarning = ({ contentRef }) => {
-  const MESSAGE = `\`${CONTENT_NAME}\` requires a description for the component to be accessible for screen reader users.
-
-You can add a description to the \`${CONTENT_NAME}\` by passing a \`${DESCRIPTION_NAME}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
-
-Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${CONTENT_NAME}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
-  React.useEffect(() => {
-    const hasDescription = document.getElementById(
-      contentRef.current?.getAttribute("aria-describedby")
-    );
-    if (!hasDescription) console.warn(MESSAGE);
-  }, [MESSAGE, contentRef]);
-  return null;
-};
-var Root2 = AlertDialog$1;
-var Portal2 = AlertDialogPortal$1;
-var Overlay2 = AlertDialogOverlay$1;
-var Content2 = AlertDialogContent$1;
-var Action = AlertDialogAction$1;
-var Cancel = AlertDialogCancel$1;
-var Title2 = AlertDialogTitle$1;
-var Description2 = AlertDialogDescription$1;
-
-const AlertDialog = Root2;
-const AlertDialogPortal = Portal2;
-const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (jsx(Overlay2, { className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', className), ...props, ref: ref })));
-AlertDialogOverlay.displayName = Overlay2.displayName;
-const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (jsxs(AlertDialogPortal, { children: [jsx(AlertDialogOverlay, {}), jsx(Content2, { ref: ref, className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg', className), ...props })] })));
-AlertDialogContent.displayName = Content2.displayName;
-const AlertDialogHeader = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col space-y-2 text-center sm:text-left', className), ...props }));
-AlertDialogHeader.displayName = 'AlertDialogHeader';
-const AlertDialogFooter = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
-AlertDialogFooter.displayName = 'AlertDialogFooter';
-const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (jsx(Title2, { ref: ref, className: cn('text-lg font-semibold', className), ...props })));
-AlertDialogTitle.displayName = Title2.displayName;
-const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (jsx(Description2, { ref: ref, className: cn('text-muted-foreground text-sm', className), ...props })));
-AlertDialogDescription.displayName = Description2.displayName;
-const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (jsx(Action, { ref: ref, className: cn(buttonVariants(), className), ...props })));
-AlertDialogAction.displayName = Action.displayName;
-const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (jsx(Cancel, { ref: ref, className: cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className), ...props })));
-AlertDialogCancel.displayName = Cancel.displayName;
-
 /**
  * **Private mode** toggle for the platform nav-bar. A single pill that
  * collapses to an icon-only chip when off, and expands with a cool