@iblai/iblai-js 1.9.8 → 1.9.10

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

@@ -7,7 +7,7 @@ import Link$2 from 'next/link';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
 import { z as z$1 } from 'zod';
-import { useGetUserMetadataQuery, useGetUserMetadataEdxQuery, useUpdateUserMetadataMutation, useUpdateUserMetadataEdxMutation, useUploadProfileImageMutation, useResetPasswordMutation, useSelfRetireMutation, useCreateUserInstitutionMutation, useGetUserInstitutionsQuery, useCreateUserEducationMutation, useUpdateUserEducationMutation, useDeleteUserEducationMutation, useGetUserEducationQuery, useCreateUserCompanyMutation, useGetUserCompaniesQuery, useCreateUserExperienceMutation, useUpdateUserExperienceMutation, useDeleteUserExperienceMutation, useGetUserExperienceQuery, useGetUserResumeQuery, useCreateUserResumeMutation, useGetMySubscriptionsQuery, useGetItemSubscriptionQuery, useCancelSubscriptionMutation, useCreateGlobalMemoryMutation, useGetMemsearchStatusQuery, useGetUserMemorySettingsQuery, useUpdateUserMemorySettingsMutation, useGetGlobalMemoriesQuery, useDeleteGlobalMemoryMutation, useInviteUserMutation, usePlatformInvitationsQuery, useCreateCatalogInvitationCourseBulkMutation, useGetCatalogInvitationsCourseQuery, useLazyPlatformUsersQuery, useLazyPlatformUserGroupsQuery, useGetPersonnalizedSearchQuery, useCreateCatalogInvitationProgramBulkMutation, useGetCatalogInvitationsProgramQuery, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useGetAccountBillingInfoQuery, useUpdateAutoRechargeInfoMutation, useTriggerAutoRechargeMutation, useUpdateUserRoleMutation, useUpdateUserStatusMutation, useUpdatePlatformUserRoleWithPoliciesMutation, usePlatformUsersQuery, isPoliciesResponse, platformApiSlice, featureTags, useLazyGetRbacTeamsAccessListQuery, useCreateRbacTeamsAccessMutation, useGetRbacGroupsQuery, usePlatformUserGroupsQuery, useCreateRbacGroupMutation, useUpdateRbacGroupMutation, useDeleteRbacGroupMutation, useCreatePlatformUserGroupMutation, useUpdatePlatformUserGroupMutation, useDeletePlatformUserGroupMutation, useGetRbacGroupDetailsQuery, useGetPlatformUserGroupDetailsQuery, useGetRbacPermissionsMutation, useGetRbacRolesQuery, useCreateRbacRoleMutation, useUpdateRbacRoleMutation, useDeleteRbacRoleMutation, useGetRbacRoleDetailsQuery, useGetRbacPoliciesQuery, useCreateRbacPolicyMutation, useUpdateRbacPolicyMutation, useDeleteRbacPolicyMutation, useGetRbacPolicyDetailsQuery, useUploadLightLogoMutation, useUploadDarkLogoMutation, useUpdatePlatformInfoMutation, useUpdateTenantMetadataMutation, LOGO_ENDPOINTS, useDeleteApiKeyMutation, useGetApiKeysQuery, useCreateApiKeyMutation, useCreateLLMCredentialMutation, useGetCredentialsSchemaQuery, useGetMaskedLLMCredentialsQuery, useGetLlmsQuery, useDeleteIntegrationCredentialMutation, useDeleteCredentialMutation, useCreateIntegrationCredentialMutation, useGetIntegrationCredentialsSchemaQuery, useGetMaskedIntegrationCredentialsQuery, useCreateStripeCustomerPortalMutation, useSetPlatformConfigurationsMutation, useGetPlatformConfigurationsQuery, useUpdatePlatformMembershipMutation, useGetPlatformMembershipQuery, useGetCustomDomainsQuery, useCreateCustomDomainMutation, useDeleteCustomDomainMutation, useGetStudentMentorCreationStatusQuery, useSetStudentMentorCreationStatusMutation, coreApiSlice, recommendationPromptTypeEnum, useGetRecommendedPromptsListQuery, useCreateRecommendedPromptMutation, useUpdateRecommendedPromptMutation, useDeleteRecommendedPromptMutation, useLazyGetPublicPlatformImageAssetFileUrlQuery, useCreatePlatformImageAssetMutation, useGetProviderConfigQuery, useCreateProviderConfigMutation, useDeleteProviderConfigMutation, useGetExternalMappingQuery, useGetCredentialsListQuery, useCreateExternalMappingMutation, useDeleteExternalMappingMutation, useGetMemsearchConfigQuery, useUpdateMemsearchConfigMutation, useGetCustomMentorsQuery, useGetStripeConnectStatusQuery, useStartStripeConnectOnboardingMutation, useLazyGetStripeConnectDashboardQuery, useListPricesQuery, useCreatePriceMutation, useUpdatePriceMutation, useDeletePriceMutation, useGetPaywallConfigQuery, useEnablePaywallMutation, useDisablePaywallMutation, useListPaywallsQuery, useGetAiSearchMentorsQuery, useCreateSessionIdMutation, useGetMentorCategoriesQuery, useGetMentorSettingsQuery, useEditMentorMutation, useDeleteMentorMutation, useForkMentorMutation, useGetToolsQuery, useGetMentorMemoriesListQuery, useGetMemoryCategoriesAdminQuery, useDeleteMentorMemoryMutation, useUpdateMentorMemoryMutation, useCreateMentorMemoryMutation, useLazyGetMCPServersQuery, useOauthFindMutation, useLazyStartOAuthFlowQuery, useCreateMCPServerMutation, usePartialUpdateMCPServerMutation, useCreateMCPServerConnectionMutation, usePatchMCPServerConnectionMutation, useGetConnectedServicesQuery, useGetMCPServersQuery, useGetMCPServerConnectionsQuery, useUpdateMCPServerMutation, useDeleteMCPServerMutation, useEditMentorJsonMutation, useDisconnectServiceMutation, useGetPromptCategoriesQuery, useGetMentorPublicSettingsQuery, useGetChatHistoryFilterQuery, useGetChatHistoryQuery, useGetMentorSummariesQuery, useGetConversationMemoriesQuery, useEditTrainingDocumentMutation, useGetTrainingDocumentsQuery, useCreatePromptMutation, useGetPromptsSearchQuery, useUpdatePromptMutation, useCreateRedirectTokenMutation, useGetShareableLinkQuery, useCreateShareableLinkMutation, useUpdateShareableLinkMutation, useCreateDisclaimerMutation, useUpdateDisclaimerMutation, useGetDisclaimersQuery, useUpdateRbacMentorAccessMutation, useGetRbacMentorAccessListQuery, useStarMentorMutation, useUnstarMentorMutation, useGetPersonnalizedMentorsQuery, useCreateMemoryCategoryMutation, useUpdateMemoryCategoryMutation, useDeleteMemoryCategoryMutation, useDeleteTrainingDocumentMutation, useGetTrainingDocumentRetrainScheduleQuery, useCreateTrainingDocumentRetrainScheduleMutation } from '@iblai/data-layer';
+import { useGetUserMetadataQuery, useGetUserMetadataEdxQuery, useUpdateUserMetadataMutation, useUpdateUserMetadataEdxMutation, useUploadProfileImageMutation, useResetPasswordMutation, useSelfRetireMutation, useCreateUserInstitutionMutation, useGetUserInstitutionsQuery, useCreateUserEducationMutation, useUpdateUserEducationMutation, useDeleteUserEducationMutation, useGetUserEducationQuery, useCreateUserCompanyMutation, useGetUserCompaniesQuery, useCreateUserExperienceMutation, useUpdateUserExperienceMutation, useDeleteUserExperienceMutation, useGetUserExperienceQuery, useGetUserResumeQuery, useCreateUserResumeMutation, useGetMySubscriptionsQuery, useGetItemSubscriptionQuery, useCancelSubscriptionMutation, useCreateGlobalMemoryMutation, useGetMemsearchStatusQuery, useGetUserMemorySettingsQuery, useUpdateUserMemorySettingsMutation, useGetGlobalMemoriesQuery, useDeleteGlobalMemoryMutation, useInviteUserMutation, usePlatformInvitationsQuery, useCreateCatalogInvitationCourseBulkMutation, useGetCatalogInvitationsCourseQuery, useLazyPlatformUsersQuery, useLazyPlatformUserGroupsQuery, useGetPersonnalizedSearchQuery, useCreateCatalogInvitationProgramBulkMutation, useGetCatalogInvitationsProgramQuery, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useGetAccountBillingInfoQuery, useUpdateAutoRechargeInfoMutation, useTriggerAutoRechargeMutation, useUpdateUserRoleMutation, useUpdateUserStatusMutation, useUpdatePlatformUserRoleWithPoliciesMutation, usePlatformUsersQuery, isPoliciesResponse, platformApiSlice, featureTags, useLazyGetRbacTeamsAccessListQuery, useCreateRbacTeamsAccessMutation, useGetRbacGroupsQuery, usePlatformUserGroupsQuery, useCreateRbacGroupMutation, useUpdateRbacGroupMutation, useDeleteRbacGroupMutation, useCreatePlatformUserGroupMutation, useUpdatePlatformUserGroupMutation, useDeletePlatformUserGroupMutation, useGetRbacGroupDetailsQuery, useGetPlatformUserGroupDetailsQuery, useGetRbacPermissionsMutation, useGetRbacRolesQuery, useCreateRbacRoleMutation, useUpdateRbacRoleMutation, useDeleteRbacRoleMutation, useGetRbacRoleDetailsQuery, useGetRbacPoliciesQuery, useCreateRbacPolicyMutation, useUpdateRbacPolicyMutation, useDeleteRbacPolicyMutation, useGetRbacPolicyDetailsQuery, useGetWatchedGroupsQuery, useCreateWatchedGroupMutation, useUpdateWatchedGroupMutation, useDeleteWatchedGroupMutation, useAddWatchedUserMutation, useRemoveWatchedUserMutation, useAddWatcherMutation, useUpdateWatcherMutation, useDeleteWatcherMutation, useGetWatchedUsersQuery, useGetWatchersQuery, WATCHER_NOTIFICATION_EVENTS, WATCHER_NOTIFICATION_EVENT_LABELS, useUploadLightLogoMutation, useUploadDarkLogoMutation, useUpdatePlatformInfoMutation, useUpdateTenantMetadataMutation, LOGO_ENDPOINTS, useDeleteApiKeyMutation, useGetApiKeysQuery, useCreateApiKeyMutation, useCreateLLMCredentialMutation, useGetCredentialsSchemaQuery, useGetMaskedLLMCredentialsQuery, useGetLlmsQuery, useDeleteIntegrationCredentialMutation, useDeleteCredentialMutation, useCreateIntegrationCredentialMutation, useGetIntegrationCredentialsSchemaQuery, useGetMaskedIntegrationCredentialsQuery, useCreateStripeCustomerPortalMutation, useSetPlatformConfigurationsMutation, useGetPlatformConfigurationsQuery, useUpdatePlatformMembershipMutation, useGetPlatformMembershipQuery, useGetCustomDomainsQuery, useCreateCustomDomainMutation, useDeleteCustomDomainMutation, useGetStudentMentorCreationStatusQuery, useSetStudentMentorCreationStatusMutation, coreApiSlice, recommendationPromptTypeEnum, useGetRecommendedPromptsListQuery, useCreateRecommendedPromptMutation, useUpdateRecommendedPromptMutation, useDeleteRecommendedPromptMutation, useLazyGetPublicPlatformImageAssetFileUrlQuery, useCreatePlatformImageAssetMutation, useGetProviderConfigQuery, useCreateProviderConfigMutation, useDeleteProviderConfigMutation, useGetExternalMappingQuery, useGetCredentialsListQuery, useCreateExternalMappingMutation, useDeleteExternalMappingMutation, useGetMemsearchConfigQuery, useUpdateMemsearchConfigMutation, useGetCustomMentorsQuery, useGetStripeConnectStatusQuery, useStartStripeConnectOnboardingMutation, useLazyGetStripeConnectDashboardQuery, useGetAiSearchMentorsQuery, useListPaywallsQuery, useListPricesQuery, useCreatePriceMutation, useUpdatePriceMutation, useDeletePriceMutation, useGetPaywallConfigQuery, useEnablePaywallMutation, useUpdatePaywallMutation, useCreateSessionIdMutation, useGetMentorCategoriesQuery, useGetMentorSettingsQuery, useEditMentorMutation, useDeleteMentorMutation, useForkMentorMutation, useGetToolsQuery, useGetMentorMemoriesListQuery, useGetMemoryCategoriesAdminQuery, useDeleteMentorMemoryMutation, useUpdateMentorMemoryMutation, useCreateMentorMemoryMutation, useLazyGetMCPServersQuery, useOauthFindMutation, useLazyStartOAuthFlowQuery, useCreateMCPServerMutation, usePartialUpdateMCPServerMutation, useCreateMCPServerConnectionMutation, usePatchMCPServerConnectionMutation, useGetConnectedServicesQuery, useGetMCPServersQuery, useGetMCPServerConnectionsQuery, useUpdateMCPServerMutation, useDeleteMCPServerMutation, useEditMentorJsonMutation, useDisconnectServiceMutation, useGetPromptCategoriesQuery, useGetMentorPublicSettingsQuery, useGetChatHistoryFilterQuery, useGetChatHistoryQuery, useGetMentorSummariesQuery, useGetConversationMemoriesQuery, useEditTrainingDocumentMutation, useGetTrainingDocumentsQuery, useCreatePromptMutation, useGetPromptsSearchQuery, useUpdatePromptMutation, useCreateRedirectTokenMutation, useGetShareableLinkQuery, useCreateShareableLinkMutation, useUpdateShareableLinkMutation, useCreateDisclaimerMutation, useUpdateDisclaimerMutation, useGetDisclaimersQuery, useUpdateRbacMentorAccessMutation, useGetRbacMentorAccessListQuery, useStarMentorMutation, useUnstarMentorMutation, useGetPersonnalizedMentorsQuery, useCreateMemoryCategoryMutation, useUpdateMemoryCategoryMutation, useDeleteMemoryCategoryMutation, useDeleteTrainingDocumentMutation, useGetTrainingDocumentRetrainScheduleQuery, useCreateTrainingDocumentRetrainScheduleMutation } from '@iblai/data-layer';
 import { toast, Toaster as Toaster$1 } from 'sonner';
 import { getInitials, useTenantMetadata, isAlphaNumeric32, checkRbacPermission, WithPermissions, useTenantContext, useStripeUpgrade, CHAT_AREA_SIZE, TimeTracker, advancedTabsProperties, defaultSessionIds, chatActions, WithFormPermissions } from '@iblai/web-utils';
 import { MentorVisibilityEnum, TransportEnum, PromptVisibilityEnum } from '@iblai/iblai-api';
@@ -163131,8 +163131,419 @@ function PoliciesTab({ tenant }) {
                                                                 }), className: "w-full text-left px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-700", children: jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: group.name }) }, group.id))) }))] })] })] })] }), jsxs(DialogFooter, { className: "mt-6", children: [jsx(Button$1, { variant: "outline", onClick: () => setIsOpen(false), children: "Cancel" }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("span", { tabIndex: 0, children: jsx(Button$1, { onClick: onSubmit, disabled: policyDetails === null || policyDetails === void 0 ? void 0 : policyDetails.is_internal, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: editing ? 'Save Policy' : 'Create Policy' }) }) }), editing && (policyDetails === null || policyDetails === void 0 ? void 0 : policyDetails.is_internal) && (jsx(TooltipContent, { children: jsx("p", { children: "Cannot edit internal policies" }) }))] }) })] })] }) })] }));
 }
 
-const Admin = ({ tenant, onInviteClick, hasUserTabPermission = false, hasGroupsTabPermission = false, hasRolesTabPermission = false, hasPoliciesTabPermission = false, hasTeamsTabPermission = false, hasInviteUserPermission = false, hasCreateTeamPermission = false, onLoadGroupPermissions, rbacPermissions = {}, enableRbac = false, }) => {
-    return (jsx("div", { className: "border border-gray-200 rounded-lg p-6", children: jsxs(Tabs, { defaultValue: "users", "aria-label": "RBAC Management Tabs", children: [jsxs(TabsList, { "aria-label": "Management tabs", className: "max-w-full overflow-x-auto justify-start px-1", children: [hasUserTabPermission && jsx(TabsTrigger, { value: "users", children: "Users" }), hasGroupsTabPermission && jsx(TabsTrigger, { value: "groups", children: "Groups" }), hasRolesTabPermission && jsx(TabsTrigger, { value: "roles", children: "Roles" }), hasPoliciesTabPermission && jsx(TabsTrigger, { value: "policies", children: "Policies" }), hasTeamsTabPermission && jsx(TabsTrigger, { value: "teams", children: "Teams" })] }), hasUserTabPermission && (jsx(TabsContent, { value: "users", children: jsx(UsersTab, { tenant: tenant, onInviteClick: onInviteClick }) })), hasGroupsTabPermission && (jsx(TabsContent, { value: "groups", children: jsx(GroupsTab, { tenant: tenant }) })), hasRolesTabPermission && (jsx(TabsContent, { value: "roles", children: jsx(RolesTab, { tenant: tenant }) })), hasPoliciesTabPermission && (jsx(TabsContent, { value: "policies", children: jsx(PoliciesTab, { tenant: tenant }) })), hasTeamsTabPermission && (jsx(TabsContent, { value: "teams", children: jsx(GroupsTab, { tenant: tenant, isTeam: true, onInviteClick: onInviteClick, hasInviteUserPermission: hasInviteUserPermission, hasCreateTeamPermission: hasCreateTeamPermission, onLoadGroupPermissions: onLoadGroupPermissions, rbacPermissions: rbacPermissions, enableRbac: enableRbac }) }))] }) }));
+const PAGE_SIZE$1 = 10;
+function normalizeEvents(events) {
+    if (!events)
+        return [];
+    if (Array.isArray(events))
+        return events;
+    // The API may serialize the list as a python-style string e.g. "['A', 'B']"
+    const trimmed = events.trim();
+    if (!trimmed)
+        return [];
+    try {
+        const jsonish = trimmed.replace(/'/g, '"');
+        const parsed = JSON.parse(jsonish);
+        if (Array.isArray(parsed))
+            return parsed.map((v) => String(v));
+    }
+    catch (_a) {
+        // fall through
+    }
+    return trimmed
+        .replace(/[[\]'"]/g, '')
+        .split(',')
+        .map((s) => s.trim())
+        .filter(Boolean);
+}
+function AlertsTab({ tenant }) {
+    var _a;
+    const [page, setPage] = useState(1);
+    const [searchQuery, setSearchQuery] = useState('');
+    const [debouncedSearchQuery, setDebouncedSearchQuery] = useState('');
+    useEffect(() => {
+        const handler = setTimeout(() => {
+            if (searchQuery.length > 3) {
+                setDebouncedSearchQuery(searchQuery);
+                setPage(1);
+            }
+            else {
+                setDebouncedSearchQuery('');
+                if (searchQuery.length === 0) {
+                    setPage(1);
+                }
+            }
+        }, 300);
+        return () => clearTimeout(handler);
+    }, [searchQuery]);
+    const { data: watchedGroupsData, isLoading, isError, refetch, } = useGetWatchedGroupsQuery({
+        params: {
+            platform_key: tenant,
+            limit: PAGE_SIZE$1,
+            offset: (page - 1) * PAGE_SIZE$1,
+        },
+    });
+    const groups = useMemo(() => {
+        var _a;
+        const results = (_a = watchedGroupsData === null || watchedGroupsData === void 0 ? void 0 : watchedGroupsData.results) !== null && _a !== void 0 ? _a : [];
+        if (debouncedSearchQuery) {
+            const needle = debouncedSearchQuery.toLowerCase();
+            return results.filter((g) => { var _a; return ((_a = g.name) !== null && _a !== void 0 ? _a : '').toLowerCase().includes(needle); });
+        }
+        return results;
+    }, [watchedGroupsData, debouncedSearchQuery]);
+    const totalPages = watchedGroupsData
+        ? Math.max(1, Math.ceil(watchedGroupsData.count / PAGE_SIZE$1))
+        : 0;
+    const handlePageChange = async (newPage) => {
+        setPage(newPage);
+        await refetch();
+    };
+    const [createWatchedGroup] = useCreateWatchedGroupMutation();
+    const [updateWatchedGroup] = useUpdateWatchedGroupMutation();
+    const [deleteWatchedGroup] = useDeleteWatchedGroupMutation();
+    const [addWatchedUser] = useAddWatchedUserMutation();
+    const [removeWatchedUser] = useRemoveWatchedUserMutation();
+    const [addWatcher] = useAddWatcherMutation();
+    const [updateWatcher] = useUpdateWatcherMutation();
+    const [deleteWatcher] = useDeleteWatcherMutation();
+    const [isOpen, setIsOpen] = useState(false);
+    const [editingGroup, setEditingGroup] = useState(null);
+    const [deletingGroupId, setDeletingGroupId] = useState(null);
+    const [formError, setFormError] = useState(null);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [name, setName] = useState('');
+    const [watchedUsers, setWatchedUsers] = useState([]);
+    const [originalWatchedUserIds, setOriginalWatchedUserIds] = useState([]);
+    const [watchedUserLinkIds, setWatchedUserLinkIds] = useState({});
+    const [watchers, setWatchers] = useState([]);
+    const [originalWatchers, setOriginalWatchers] = useState([]);
+    const [watchedUserSearch, setWatchedUserSearch] = useState('');
+    const [showWatchedUserSearch, setShowWatchedUserSearch] = useState(false);
+    const [watcherSearch, setWatcherSearch] = useState('');
+    const [showWatcherSearch, setShowWatcherSearch] = useState(false);
+    const [openEventsPopover, setOpenEventsPopover] = useState(null);
+    const editingGroupId = (_a = editingGroup === null || editingGroup === void 0 ? void 0 : editingGroup.id) !== null && _a !== void 0 ? _a : null;
+    // Pre-populate the dialog with nested data when an existing group is opened.
+    const { data: nestedWatchedUsersData } = useGetWatchedUsersQuery({ watchedGroupPk: editingGroupId, params: { limit: 100 } }, { skip: !editingGroupId || !isOpen });
+    const { data: nestedWatchersData } = useGetWatchersQuery({ watchedGroupPk: editingGroupId, params: { limit: 100 } }, { skip: !editingGroupId || !isOpen });
+    useEffect(() => {
+        var _a;
+        if (!editingGroupId || !isOpen)
+            return;
+        const results = (_a = nestedWatchedUsersData === null || nestedWatchedUsersData === void 0 ? void 0 : nestedWatchedUsersData.results) !== null && _a !== void 0 ? _a : [];
+        const mapped = results.map((u) => {
+            var _a, _b, _c;
+            return ({
+                id: u.id,
+                name: (_a = u.username) !== null && _a !== void 0 ? _a : '',
+                username: (_b = u.username) !== null && _b !== void 0 ? _b : '',
+                email: (_c = u.email) !== null && _c !== void 0 ? _c : '',
+            });
+        });
+        const linkMap = {};
+        results.forEach((u) => {
+            var _a;
+            // Some backends return the link id as `id` and the user id as `user_id`.
+            // Treat the response `id` as the link id; if `user_id` is missing, the
+            // link id equals the user id (sufficient for DELETE-by-user semantics).
+            const userId = (_a = u.user_id) !== null && _a !== void 0 ? _a : u.id;
+            linkMap[userId] = u.id;
+        });
+        setWatchedUsers(mapped);
+        setOriginalWatchedUserIds(mapped.map((u) => u.id));
+        setWatchedUserLinkIds(linkMap);
+    }, [nestedWatchedUsersData, editingGroupId, isOpen]);
+    useEffect(() => {
+        var _a;
+        if (!editingGroupId || !isOpen)
+            return;
+        const results = (_a = nestedWatchersData === null || nestedWatchersData === void 0 ? void 0 : nestedWatchersData.results) !== null && _a !== void 0 ? _a : [];
+        const mapped = results.map((w) => {
+            var _a, _b, _c;
+            return ({
+                id: w.id,
+                user: {
+                    id: w.id,
+                    name: (_a = w.username) !== null && _a !== void 0 ? _a : '',
+                    username: (_b = w.username) !== null && _b !== void 0 ? _b : '',
+                    email: (_c = w.email) !== null && _c !== void 0 ? _c : '',
+                },
+                events: normalizeEvents(w.events),
+            });
+        });
+        setWatchers(mapped);
+        setOriginalWatchers(mapped);
+    }, [nestedWatchersData, editingGroupId, isOpen]);
+    // User picker
+    const { data: usersData } = usePlatformUsersQuery({
+        page: 1,
+        page_size: 50,
+        platform_key: tenant,
+        platform_org: tenant,
+        query: watchedUserSearch.length > 2 ? watchedUserSearch : '',
+        return_policies: 'false',
+    });
+    const { data: watcherUsersData } = usePlatformUsersQuery({
+        page: 1,
+        page_size: 50,
+        platform_key: tenant,
+        platform_org: tenant,
+        query: watcherSearch.length > 2 ? watcherSearch : '',
+        return_policies: 'false',
+    });
+    const availableWatchedUsers = useMemo(() => {
+        var _a, _b, _c;
+        const data = (_c = (_b = (_a = usersData === null || usersData === void 0 ? void 0 : usersData.results) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : usersData === null || usersData === void 0 ? void 0 : usersData.results) !== null && _c !== void 0 ? _c : [];
+        return data.filter((u) => {
+            var _a;
+            const userId = (_a = u.user_id) !== null && _a !== void 0 ? _a : u.id;
+            return !watchedUsers.find((m) => m.id === userId);
+        });
+    }, [usersData, watchedUsers]);
+    const availableWatcherUsers = useMemo(() => {
+        var _a, _b, _c;
+        const data = (_c = (_b = (_a = watcherUsersData === null || watcherUsersData === void 0 ? void 0 : watcherUsersData.results) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : watcherUsersData === null || watcherUsersData === void 0 ? void 0 : watcherUsersData.results) !== null && _c !== void 0 ? _c : [];
+        return data.filter((u) => {
+            var _a;
+            const userId = (_a = u.user_id) !== null && _a !== void 0 ? _a : u.id;
+            return !watchers.find((w) => w.user.id === userId);
+        });
+    }, [watcherUsersData, watchers]);
+    function resetForm() {
+        setName('');
+        setWatchedUsers([]);
+        setOriginalWatchedUserIds([]);
+        setWatchedUserLinkIds({});
+        setWatchers([]);
+        setOriginalWatchers([]);
+        setWatchedUserSearch('');
+        setShowWatchedUserSearch(false);
+        setWatcherSearch('');
+        setShowWatcherSearch(false);
+        setFormError(null);
+    }
+    function openNew() {
+        setEditingGroup(null);
+        resetForm();
+        setIsOpen(true);
+    }
+    function openEdit(g) {
+        var _a;
+        setEditingGroup(g);
+        setName((_a = g.name) !== null && _a !== void 0 ? _a : '');
+        // Nested data will be loaded via the queries above.
+        setWatchedUsers([]);
+        setOriginalWatchedUserIds([]);
+        setWatchedUserLinkIds({});
+        setWatchers([]);
+        setOriginalWatchers([]);
+        setWatchedUserSearch('');
+        setShowWatchedUserSearch(false);
+        setWatcherSearch('');
+        setShowWatcherSearch(false);
+        setFormError(null);
+        setIsOpen(true);
+    }
+    function addWatchedUserDraft(u) {
+        if (watchedUsers.find((m) => m.id === u.id))
+            return;
+        setWatchedUsers((prev) => [...prev, u]);
+        setWatchedUserSearch('');
+        setShowWatchedUserSearch(false);
+    }
+    function removeWatchedUserDraft(id) {
+        setWatchedUsers((prev) => prev.filter((m) => m.id !== id));
+    }
+    function addWatcherDraft(u) {
+        if (watchers.find((w) => w.user.id === u.id))
+            return;
+        setWatchers((prev) => [...prev, { user: u, events: [] }]);
+        setWatcherSearch('');
+        setShowWatcherSearch(false);
+    }
+    function removeWatcherDraft(userId) {
+        setWatchers((prev) => prev.filter((w) => w.user.id !== userId));
+    }
+    function toggleWatcherEvent(userId, event) {
+        setWatchers((prev) => prev.map((w) => {
+            if (w.user.id !== userId)
+                return w;
+            const has = w.events.includes(event);
+            return {
+                ...w,
+                events: has ? w.events.filter((e) => e !== event) : [...w.events, event],
+            };
+        }));
+    }
+    async function onSubmit() {
+        var _a, _b;
+        setFormError(null);
+        if (!name.trim()) {
+            setFormError('Name is required');
+            return;
+        }
+        for (const w of watchers) {
+            if (w.events.length === 0) {
+                setFormError(`Watcher "${w.user.username || w.user.name}" must subscribe to at least one event`);
+                return;
+            }
+        }
+        setIsSubmitting(true);
+        try {
+            if (editingGroup) {
+                // 1. Update name if changed
+                if (name !== editingGroup.name) {
+                    await updateWatchedGroup({
+                        id: editingGroup.id,
+                        body: { name },
+                        params: { platform_key: tenant },
+                    }).unwrap();
+                }
+                // 2. Sync watched users
+                const newIds = new Set(watchedUsers.map((u) => u.id));
+                const oldIds = new Set(originalWatchedUserIds);
+                const toAdd = [...newIds].filter((id) => !oldIds.has(id));
+                const toRemove = [...oldIds].filter((id) => !newIds.has(id));
+                await Promise.all(toAdd.map((id) => addWatchedUser({
+                    watchedGroupPk: editingGroup.id,
+                    body: { user_id: id },
+                    params: { platform_key: tenant },
+                }).unwrap()));
+                await Promise.all(toRemove.map((userId) => {
+                    var _a;
+                    const linkId = (_a = watchedUserLinkIds[userId]) !== null && _a !== void 0 ? _a : userId;
+                    return removeWatchedUser({
+                        watchedGroupPk: editingGroup.id,
+                        id: linkId,
+                        params: { platform_key: tenant },
+                    }).unwrap();
+                }));
+                // 3. Sync watchers
+                const originalById = new Map(originalWatchers.map((w) => [w.user.id, w]));
+                const currentById = new Map(watchers.map((w) => [w.user.id, w]));
+                const watcherToAdd = watchers.filter((w) => !originalById.has(w.user.id));
+                const watcherToRemove = originalWatchers.filter((w) => !currentById.has(w.user.id));
+                const watcherToUpdate = watchers.filter((w) => {
+                    const orig = originalById.get(w.user.id);
+                    if (!orig)
+                        return false;
+                    const a = [...orig.events].sort().join(',');
+                    const b = [...w.events].sort().join(',');
+                    return a !== b;
+                });
+                await Promise.all(watcherToAdd.map((w) => addWatcher({
+                    watchedGroupPk: editingGroup.id,
+                    body: { watcher_id: w.user.id, events: w.events },
+                    params: { platform_key: tenant },
+                }).unwrap()));
+                await Promise.all(watcherToRemove.map((w) => {
+                    var _a;
+                    return deleteWatcher({
+                        watchedGroupPk: editingGroup.id,
+                        id: (_a = w.id) !== null && _a !== void 0 ? _a : w.user.id,
+                        params: { platform_key: tenant },
+                    }).unwrap();
+                }));
+                await Promise.all(watcherToUpdate.map((w) => {
+                    var _a;
+                    return updateWatcher({
+                        watchedGroupPk: editingGroup.id,
+                        id: (_a = w.id) !== null && _a !== void 0 ? _a : w.user.id,
+                        body: { events: w.events },
+                        params: { platform_key: tenant },
+                    }).unwrap();
+                }));
+                toast.success('Alert updated');
+            }
+            else {
+                await createWatchedGroup({
+                    body: {
+                        name,
+                        watched_users: watchedUsers.map((u) => u.id),
+                        watchers: watchers.map((w) => ({ watcher_id: w.user.id, events: w.events })),
+                    },
+                    params: {
+                        platform_key: tenant,
+                        watched_user_limit: Math.min(watchedUsers.length, 100),
+                        watcher_limit: Math.min(watchers.length, 100),
+                    },
+                }).unwrap();
+                toast.success('Alert created');
+            }
+            setIsOpen(false);
+            setEditingGroup(null);
+            resetForm();
+            await refetch();
+        }
+        catch (e) {
+            const message = ((_a = e === null || e === void 0 ? void 0 : e.data) === null || _a === void 0 ? void 0 : _a.detail) || ((_b = e === null || e === void 0 ? void 0 : e.data) === null || _b === void 0 ? void 0 : _b.message) || (e === null || e === void 0 ? void 0 : e.message);
+            const fallback = editingGroup ? 'Failed to update alert' : 'Failed to create alert';
+            setFormError(message || fallback);
+            toast.error(message || fallback);
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    }
+    async function onDelete(g) {
+        var _a, _b;
+        setDeletingGroupId(g.id);
+        try {
+            await deleteWatchedGroup({ id: g.id, params: { platform_key: tenant } }).unwrap();
+            toast.success('Alert deleted');
+        }
+        catch (e) {
+            toast.error(((_a = e === null || e === void 0 ? void 0 : e.data) === null || _a === void 0 ? void 0 : _a.detail) || ((_b = e === null || e === void 0 ? void 0 : e.data) === null || _b === void 0 ? void 0 : _b.message) || (e === null || e === void 0 ? void 0 : e.message) || 'Failed to delete alert');
+        }
+        finally {
+            setDeletingGroupId(null);
+        }
+    }
+    return (jsxs("div", { className: "mt-4", children: [jsxs("div", { className: "flex mb-6 gap-2 flex-row items-center justify-between", children: [jsxs("div", { className: "relative max-w-sm w-full sm:w-auto", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: "Search alerts", "aria-label": "Search alerts", className: "pl-10 pr-10 focus:ring-blue-500 focus:border-blue-500 h-[35px]" }), isLoading && (jsx(LoaderCircle, { "data-testid": "search-spinner", className: "absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400 animate-spin", "aria-hidden": "true" }))] }), jsx("div", { className: "flex gap-2", children: jsx(Button$1, { onClick: openNew, "aria-label": "New alert", className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white h-[35px]", children: "New Alert" }) })] }), isLoading && (jsx("div", { className: "flex justify-center items-center h-64", children: jsx("div", { className: "py-8 text-center text-sm text-gray-500 dark:text-gray-400", children: "Loading\u2026" }) })), isError && (jsx("div", { className: "py-8 text-center text-sm text-red-500", children: "Failed to load alerts" })), !isLoading && !isError && (jsx("div", { className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg overflow-x-auto", children: jsxs("table", { className: "w-full text-sm", children: [jsx("thead", { className: "bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600", children: jsxs("tr", { children: [jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400", children: "Name" }), jsx("th", { className: "px-6 py-3 text-right font-medium text-gray-500 dark:text-gray-400 w-[120px]" })] }) }), jsxs("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-600", children: [groups.map((g) => (jsxs("tr", { children: [jsx("td", { className: "px-6 py-4 text-gray-900 dark:text-gray-100 text-sm", children: g.name }), jsx("td", { className: "px-6 py-4", children: jsxs("div", { className: "flex gap-2 justify-end", children: [jsx(Button$1, { variant: "ghost", size: "sm", onClick: () => openEdit(g), disabled: deletingGroupId === g.id, "aria-label": `Edit alert ${g.name}`, children: jsx(Pencil, { className: "h-4 w-4", "aria-hidden": "true" }) }), jsx(Button$1, { variant: "ghost", size: "sm", onClick: () => onDelete(g), className: "text-red-600 hover:text-red-700", disabled: deletingGroupId === g.id, "aria-label": `Delete alert ${g.name}`, children: deletingGroupId === g.id ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" })) : (jsx(Trash2, { className: "h-4 w-4", "aria-hidden": "true" })) })] }) })] }, g.id))), groups.length === 0 && (jsx("tr", { children: jsx("td", { colSpan: 2, className: "px-6 py-8 text-center text-gray-500 dark:text-gray-400", children: "No alerts found" }) }))] })] }) })), !isLoading && !isError && totalPages > 1 && (jsx("div", { className: "mt-6", children: jsx(AdvancedPagination, { totalPages: totalPages, currentPage: page, onPageChange: (newPage) => handlePageChange(newPage) }) })), jsx(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: jsxs(DialogContent, { "aria-describedby": undefined, className: "max-w-2xl max-h-[90vh] overflow-y-auto", children: [jsx(DialogHeader, { children: jsx(DialogTitle, { children: editingGroup ? 'Edit Alert' : 'New Alert' }) }), jsxs("div", { className: "space-y-5", children: [jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "wg-name", children: "Name" }), jsx(Input, { id: "wg-name", value: name, onChange: (e) => setName(e.target.value), placeholder: "Enter alert name", required: true })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { children: "Watched Users" }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Users whose activity is monitored." }), watchedUsers.length > 0 ? (jsx("div", { className: "space-y-2 max-h-48 overflow-y-auto border border-gray-200 dark:border-gray-700 rounded-md p-2", children: watchedUsers.map((user) => (jsxs("div", { className: "flex items-center justify-between bg-gray-50 dark:bg-gray-800 p-2 rounded-md", children: [jsxs("div", { className: "flex flex-col", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: user.name || user.username }), user.email && (jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: user.email }))] }), jsx(Button$1, { type: "button", variant: "ghost", size: "sm", onClick: () => removeWatchedUserDraft(user.id), className: "h-8 w-8 p-0 text-red-600 hover:text-red-700 hover:bg-red-50 dark:hover:bg-red-900/20", "aria-label": `Remove watched user ${user.username}`, children: jsx(X$1, { className: "h-4 w-4" }) })] }, user.id))) })) : (jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400 p-4 text-center border border-dashed border-gray-300 dark:border-gray-600 rounded-md", children: "No watched users added yet" })), jsxs("div", { className: "relative", children: [jsx(Input, { value: watchedUserSearch, onChange: (e) => {
+                                                        setWatchedUserSearch(e.target.value);
+                                                        setShowWatchedUserSearch(e.target.value.length > 0);
+                                                    }, onFocus: () => setShowWatchedUserSearch(watchedUserSearch.length > 0), placeholder: "Type to add watched users...", className: "w-full" }), showWatchedUserSearch && availableWatchedUsers.length > 0 && (jsx("div", { className: "absolute top-full left-0 right-0 mt-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg max-h-48 overflow-y-auto z-50", children: availableWatchedUsers.map((user) => {
+                                                        var _a;
+                                                        return (jsxs("button", { type: "button", onClick: () => {
+                                                                var _a, _b;
+                                                                return addWatchedUserDraft({
+                                                                    id: (_a = user.user_id) !== null && _a !== void 0 ? _a : user.id,
+                                                                    name: (_b = user.name) !== null && _b !== void 0 ? _b : '',
+                                                                    email: user.email,
+                                                                    username: user.username,
+                                                                });
+                                                            }, className: "w-full text-left px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 flex flex-col", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: user.name || user.username }), jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: user.email })] }, (_a = user.user_id) !== null && _a !== void 0 ? _a : user.id));
+                                                    }) })), showWatchedUserSearch &&
+                                                    watchedUserSearch.length > 2 &&
+                                                    availableWatchedUsers.length === 0 && (jsx("div", { className: "absolute top-full left-0 right-0 mt-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg p-3 z-50", children: jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "No users found" }) }))] })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { children: "Watchers" }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Users who receive notifications when watched users perform selected actions." }), watchers.length > 0 ? (jsx("div", { className: "space-y-3 max-h-72 overflow-y-auto border border-gray-200 dark:border-gray-700 rounded-md p-2", children: watchers.map((w) => (jsx("div", { className: "bg-gray-50 dark:bg-gray-800 p-3 rounded-md", children: jsxs("div", { className: "flex items-center justify-between gap-2", children: [jsxs("div", { className: "flex flex-col min-w-0", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100 truncate", children: w.user.name || w.user.username }), w.user.email && (jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400 truncate", children: w.user.email }))] }), jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [jsxs(Popover, { modal: true, open: openEventsPopover === w.user.id, onOpenChange: (open) => setOpenEventsPopover(open ? w.user.id : null), children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", role: "combobox", "aria-expanded": openEventsPopover === w.user.id, "aria-label": `Select events for ${w.user.username || w.user.name}`, className: "w-44 justify-between text-sm h-9 font-normal", children: [jsx("span", { className: "truncate", children: w.events.length > 0
+                                                                                            ? `${w.events.length} events selected`
+                                                                                            : 'No events' }), openEventsPopover === w.user.id ? (jsx(ChevronUp, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })) : (jsx(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" }))] }) }), jsx(PopoverContent, { className: "w-72 p-3 max-h-64 overflow-y-auto", align: "end", onWheel: (e) => e.stopPropagation(), onTouchMove: (e) => e.stopPropagation(), children: jsxs("div", { className: "space-y-2", children: [jsx("div", { className: "text-sm font-medium mb-2", children: "Select Events" }), WATCHER_NOTIFICATION_EVENTS.map((event) => {
+                                                                                        var _a;
+                                                                                        const checkboxId = `watcher-${w.user.id}-${event}`;
+                                                                                        const checked = w.events.includes(event);
+                                                                                        return (jsxs("div", { className: "flex items-center space-x-2 cursor-pointer rounded px-1 py-0.5 hover:bg-gray-100 dark:hover:bg-gray-700", onClick: () => toggleWatcherEvent(w.user.id, event), children: [jsx(Checkbox, { id: checkboxId, checked: checked, tabIndex: -1, className: "pointer-events-none", "aria-label": `Toggle ${event} for ${w.user.username || w.user.name}` }), jsx("span", { className: "text-sm font-normal select-none", children: (_a = WATCHER_NOTIFICATION_EVENT_LABELS[event]) !== null && _a !== void 0 ? _a : event })] }, event));
+                                                                                    })] }) })] }), jsx(Button$1, { type: "button", variant: "ghost", size: "sm", onClick: () => removeWatcherDraft(w.user.id), className: "h-8 w-8 p-0 text-red-600 hover:text-red-700 hover:bg-red-50 dark:hover:bg-red-900/20", "aria-label": `Remove watcher ${w.user.username}`, children: jsx(X$1, { className: "h-4 w-4" }) })] })] }) }, w.user.id))) })) : (jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400 p-4 text-center border border-dashed border-gray-300 dark:border-gray-600 rounded-md", children: "No watchers added yet" })), jsxs("div", { className: "relative", children: [jsx(Input, { value: watcherSearch, onChange: (e) => {
+                                                        setWatcherSearch(e.target.value);
+                                                        setShowWatcherSearch(e.target.value.length > 0);
+                                                    }, onFocus: () => setShowWatcherSearch(watcherSearch.length > 0), placeholder: "Type to add watchers...", className: "w-full" }), showWatcherSearch && availableWatcherUsers.length > 0 && (jsx("div", { className: "absolute top-full left-0 right-0 mt-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg max-h-48 overflow-y-auto z-50", children: availableWatcherUsers.map((user) => {
+                                                        var _a;
+                                                        return (jsxs("button", { type: "button", onClick: () => {
+                                                                var _a, _b;
+                                                                return addWatcherDraft({
+                                                                    id: (_a = user.user_id) !== null && _a !== void 0 ? _a : user.id,
+                                                                    name: (_b = user.name) !== null && _b !== void 0 ? _b : '',
+                                                                    email: user.email,
+                                                                    username: user.username,
+                                                                });
+                                                            }, className: "w-full text-left px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 flex items-center gap-2", children: [jsx(Plus, { className: "h-3 w-3 text-gray-400" }), jsxs("div", { className: "flex flex-col", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: user.name || user.username }), jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: user.email })] })] }, (_a = user.user_id) !== null && _a !== void 0 ? _a : user.id));
+                                                    }) })), showWatcherSearch &&
+                                                    watcherSearch.length > 2 &&
+                                                    availableWatcherUsers.length === 0 && (jsx("div", { className: "absolute top-full left-0 right-0 mt-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg p-3 z-50", children: jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "No users found" }) }))] })] })] }), formError && (jsx("div", { className: "mt-4 p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-md", children: jsx("p", { className: "text-sm text-red-600 dark:text-red-400", children: formError }) })), jsxs(DialogFooter, { className: "mt-6", children: [jsx(Button$1, { variant: "outline", onClick: () => setIsOpen(false), children: "Cancel" }), jsxs(Button$1, { onClick: onSubmit, disabled: isSubmitting, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: [isSubmitting ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin mr-2", "aria-hidden": "true" })) : null, editingGroup ? 'Save Alert' : 'Create Alert'] })] })] }) })] }));
+}
+
+const Admin = ({ tenant, onInviteClick, hasUserTabPermission = false, hasGroupsTabPermission = false, hasRolesTabPermission = false, hasPoliciesTabPermission = false, hasTeamsTabPermission = false, hasAlertsTabPermission = false, hasInviteUserPermission = false, hasCreateTeamPermission = false, onLoadGroupPermissions, rbacPermissions = {}, enableRbac = false, }) => {
+    return (jsx("div", { className: "border border-gray-200 rounded-lg p-6", children: jsxs(Tabs, { defaultValue: "users", "aria-label": "RBAC Management Tabs", children: [jsxs(TabsList, { "aria-label": "Management tabs", className: "max-w-full overflow-x-auto justify-start px-1", children: [hasUserTabPermission && jsx(TabsTrigger, { value: "users", children: "Users" }), hasGroupsTabPermission && jsx(TabsTrigger, { value: "groups", children: "Groups" }), hasRolesTabPermission && jsx(TabsTrigger, { value: "roles", children: "Roles" }), hasPoliciesTabPermission && jsx(TabsTrigger, { value: "policies", children: "Policies" }), hasTeamsTabPermission && jsx(TabsTrigger, { value: "teams", children: "Teams" }), hasAlertsTabPermission && jsx(TabsTrigger, { value: "alerts", children: "Alerts" })] }), hasUserTabPermission && (jsx(TabsContent, { value: "users", children: jsx(UsersTab, { tenant: tenant, onInviteClick: onInviteClick }) })), hasGroupsTabPermission && (jsx(TabsContent, { value: "groups", children: jsx(GroupsTab, { tenant: tenant }) })), hasRolesTabPermission && (jsx(TabsContent, { value: "roles", children: jsx(RolesTab, { tenant: tenant }) })), hasPoliciesTabPermission && (jsx(TabsContent, { value: "policies", children: jsx(PoliciesTab, { tenant: tenant }) })), hasTeamsTabPermission && (jsx(TabsContent, { value: "teams", children: jsx(GroupsTab, { tenant: tenant, isTeam: true, onInviteClick: onInviteClick, hasInviteUserPermission: hasInviteUserPermission, hasCreateTeamPermission: hasCreateTeamPermission, onLoadGroupPermissions: onLoadGroupPermissions, rbacPermissions: rbacPermissions, enableRbac: enableRbac }) })), hasAlertsTabPermission && (jsx(TabsContent, { value: "alerts", children: jsx(AlertsTab, { tenant: tenant }) }))] }) }));
 };
 
 function OrganizationTab({ platformKey, setOrganizationLogoFromOutside, tenant, onTenantUpdate, }) {
@@ -165752,6 +166163,28 @@ const MemsearchConfigContent = ({ platformKey, userId }) => {
     return (jsxs("div", { className: "flex items-center justify-between rounded-lg border px-6 py-6", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: "Memory System" }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { "aria-label": "More info about memory system", className: "hidden sm:block", children: jsx(Info, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium whitespace-nowrap text-white shadow-sm transition-opacity duration-300 z-50", children: jsx("p", { children: "Enable the AI memory system for this platform. Disabling will stop all memory capture and usage." }) })] }) })] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Switch, { checked: (_a = memsearchConfig === null || memsearchConfig === void 0 ? void 0 : memsearchConfig.enable_memsearch) !== null && _a !== void 0 ? _a : false, onCheckedChange: handleToggleMemsearch, disabled: isUpdating, "aria-label": `Memory system ${(memsearchConfig === null || memsearchConfig === void 0 ? void 0 : memsearchConfig.enable_memsearch) ? 'enabled' : 'disabled'}`, className: "cursor-pointer data-[state=checked]:bg-blue-500" }), isUpdating && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })] }));
 };
 
+function StringSettingInput({ value, defaultValue, disabled, onSave, }) {
+    const [localValue, setLocalValue] = useState(value || defaultValue);
+    const debounceRef = useRef(null);
+    useEffect(() => {
+        setLocalValue(value || defaultValue);
+    }, [value, defaultValue]);
+    const handleChange = (newValue) => {
+        setLocalValue(newValue);
+        if (debounceRef.current)
+            clearTimeout(debounceRef.current);
+        debounceRef.current = setTimeout(() => {
+            onSave(newValue);
+        }, 800);
+    };
+    useEffect(() => {
+        return () => {
+            if (debounceRef.current)
+                clearTimeout(debounceRef.current);
+        };
+    }, []);
+    return (jsxs("div", { className: "flex items-center gap-2", children: [jsx(Input, { value: localValue, onChange: (e) => handleChange(e.target.value), disabled: disabled, className: "max-w-[240px] w-[110px] sm:w-[230px] font-medium text-[#646464] text-sm" }), disabled && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] }));
+}
 function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatformBaseDomain, }) {
     const [updateTenantMetadata, { isLoading: isUpdatingTenantMetadata }] = useUpdateTenantMetadataMutation();
     // Mentor search state
@@ -165791,9 +166224,14 @@ function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatfo
             const allMetadatas = getAllMetadatas();
             // Include both boolean and string settings, but exclude start screen settings
             // which are handled by the StartScreenContent component
+            const stringSettingSlugs = [
+                'overall_default_mentor',
+                'help_center_url',
+                'monetization_base_path',
+            ];
             const configurableMetadatas = allMetadatas.filter((metadata) => (typeof metadata.defaultValue === 'boolean' ||
                 (typeof metadata.defaultValue === 'string' &&
-                    metadata.slug === 'overall_default_mentor')) &&
+                    stringSettingSlugs.includes(metadata.slug))) &&
                 !startScreenSlugs.includes(metadata.slug));
             if (currentSPA) {
                 // Filter by current SPA if specified (case-insensitive partial matching)
@@ -165898,6 +166336,11 @@ function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatfo
     const handleChatAreaSizeError = (message) => {
         toast.error(message);
     };
+    const handleStringSettingUpdate = async (slug, value) => {
+        updateOrganizationMetadata(slug, value, () => {
+            toast.success('Setting updated successfully');
+        });
+    };
     // Helper function to get mentor name from JSON string, object, or unique_id
     const getMentorName = (mentorValue) => {
         var _a;
@@ -165932,7 +166375,8 @@ function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatfo
                             ? 'None'
                             : ((_a = metadataItem.value) !== null && _a !== void 0 ? _a : metadataItem.defaultValue);
                         const isMentorSetting = metadataItem.slug === 'overall_default_mentor';
-                        return (jsxs("div", { className: `flex items-center justify-between rounded-lg border px-6 ${isMentorSetting ? 'py-4' : 'py-6'}`, style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: metadataItem.label }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { "aria-label": `More info about ${metadataItem.label}`, className: "hidden sm:block", children: jsx(Info, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium whitespace-nowrap text-white shadow-sm transition-opacity duration-300 z-50", children: jsx("p", { children: metadataItem.description || 'No description available' }) })] }) })] }), jsx("div", { className: "flex items-center gap-2", children: isMentorSetting ? (jsxs("div", { className: "flex items-center gap-2", children: [jsxs(Select$1, { value: currentValue || '', onValueChange: (value) => handleMentorSelection(metadataItem.slug, value), disabled: isUpdatingTenantMetadata, children: [jsx(SelectTrigger, { className: "max-w-[240px] w-[110px] sm:w-[230px] font-medium text-[#646464]", children: jsx(SelectValue, { placeholder: "Select mentor", children: currentValue ? getMentorName(currentValue) : '' }) }), jsxs(SelectContent, { className: "font-medium text-[#646464]", children: [jsx("div", { className: "p-2", children: jsx(Input, { placeholder: "Search mentors...", value: mentorSearchQuery, onChange: (e) => handleMentorSearch(e.target.value), className: "mb-2 font-medium text-[#646464]" }) }), jsx(SelectItem, { value: "none", children: "None" }), isMentorsLoading ? (jsx(SelectItem, { "aria-label": "Loading mentors...", value: "loading", disabled: true, children: "Loading mentors..." })) : ((_b = mentorsData === null || mentorsData === void 0 ? void 0 : mentorsData.results) === null || _b === void 0 ? void 0 : _b.length) ? (mentorsData.results.map((mentor) => (jsx(SelectItem, { value: mentor.unique_id, children: mentor.name }, mentor.unique_id)))) : (jsx(SelectItem, { value: "no-results", disabled: true, children: "No mentors found" }))] })] }), isUpdatingTenantMetadata && (jsx("div", { "aria-label": "Updating mentor selection...", role: "status", className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })) : (jsxs(Fragment$1, { children: [jsx(Switch, { checked: currentValue, onCheckedChange: async () => {
+                        const isStringSetting = typeof metadataItem.defaultValue === 'string' && !isMentorSetting;
+                        return (jsxs("div", { className: `flex items-center justify-between rounded-lg border px-6 ${isMentorSetting || isStringSetting ? 'py-4' : 'py-6'}`, style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: metadataItem.label }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { "aria-label": `More info about ${metadataItem.label}`, className: "hidden sm:block", children: jsx(Info, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium whitespace-nowrap text-white shadow-sm transition-opacity duration-300 z-50", children: jsx("p", { children: metadataItem.description || 'No description available' }) })] }) })] }), jsx("div", { className: "flex items-center gap-2", children: isMentorSetting ? (jsxs("div", { className: "flex items-center gap-2", children: [jsxs(Select$1, { value: currentValue || '', onValueChange: (value) => handleMentorSelection(metadataItem.slug, value), disabled: isUpdatingTenantMetadata, children: [jsx(SelectTrigger, { className: "max-w-[240px] w-[110px] sm:w-[230px] font-medium text-[#646464]", children: jsx(SelectValue, { placeholder: "Select mentor", children: currentValue ? getMentorName(currentValue) : '' }) }), jsxs(SelectContent, { className: "font-medium text-[#646464]", children: [jsx("div", { className: "p-2", children: jsx(Input, { placeholder: "Search mentors...", value: mentorSearchQuery, onChange: (e) => handleMentorSearch(e.target.value), className: "mb-2 font-medium text-[#646464]" }) }), jsx(SelectItem, { value: "none", children: "None" }), isMentorsLoading ? (jsx(SelectItem, { "aria-label": "Loading mentors...", value: "loading", disabled: true, children: "Loading mentors..." })) : ((_b = mentorsData === null || mentorsData === void 0 ? void 0 : mentorsData.results) === null || _b === void 0 ? void 0 : _b.length) ? (mentorsData.results.map((mentor) => (jsx(SelectItem, { value: mentor.unique_id, children: mentor.name }, mentor.unique_id)))) : (jsx(SelectItem, { value: "no-results", disabled: true, children: "No mentors found" }))] })] }), isUpdatingTenantMetadata && (jsx("div", { "aria-label": "Updating mentor selection...", role: "status", className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })) : isStringSetting ? (jsx(StringSettingInput, { value: currentValue, defaultValue: metadataItem.defaultValue, disabled: isUpdatingTenantMetadata, onSave: (value) => handleStringSettingUpdate(metadataItem.slug, value) })) : (jsxs(Fragment$1, { children: [jsx(Switch, { checked: currentValue, onCheckedChange: async () => {
                                                     await handleToggleSetting(metadataItem.slug, currentValue);
                                                 }, disabled: isUpdatingTenantMetadata, "aria-label": `${metadataItem.label} ${currentValue ? 'enabled' : 'disabled'}`, className: "cursor-pointer data-[state=checked]:bg-blue-500" }), isUpdatingTenantMetadata && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })) })] }, metadataItem.slug));
                     }) })) : (
@@ -165950,7 +166394,8 @@ function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatfo
                                     var _a, _b;
                                     const currentValue = (_a = metadataItem.value) !== null && _a !== void 0 ? _a : metadataItem.defaultValue;
                                     const isMentorSetting = metadataItem.slug === 'overall_default_mentor';
-                                    return (jsxs("div", { className: `flex items-center justify-between rounded-lg border px-6 ${isMentorSetting ? 'py-4' : 'py-6'}`, style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: metadataItem.label }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { "aria-label": `More info about ${metadataItem.label}`, className: "hidden sm:block", children: jsx(Info, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "ibl-tooltip-content", children: jsx("p", { children: metadataItem.description || 'No description available' }) })] }) })] }), jsx("div", { className: "flex items-center gap-2", children: isMentorSetting ? (jsxs("div", { className: "flex items-center gap-2", children: [jsxs(Select$1, { value: currentValue || '', onValueChange: (value) => handleMentorSelection(metadataItem.slug, value), disabled: isUpdatingTenantMetadata, children: [jsx(SelectTrigger, { className: "max-w-[240px] w-[230px] sm:w-[150px] font-medium text-[#646464]", children: jsx(SelectValue, { placeholder: "Select mentor", children: currentValue ? getMentorName(currentValue) : '' }) }), jsxs(SelectContent, { className: "font-medium text-[#646464]", children: [jsx("div", { className: "p-2", children: jsx(Input, { placeholder: "Search mentors...", value: mentorSearchQuery, onChange: (e) => handleMentorSearch(e.target.value), className: "mb-2 font-medium text-[#646464]" }) }), jsx(SelectItem, { value: "none", children: "None" }), isMentorsLoading ? (jsx(SelectItem, { value: "loading", disabled: true, children: "Loading mentors..." })) : ((_b = mentorsData === null || mentorsData === void 0 ? void 0 : mentorsData.results) === null || _b === void 0 ? void 0 : _b.length) ? (mentorsData.results.map((mentor) => (jsx(SelectItem, { value: mentor.unique_id, children: mentor.name }, mentor.unique_id)))) : (jsx(SelectItem, { value: "no-results", disabled: true, children: "No mentors found" }))] })] }), isUpdatingTenantMetadata && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })) : (jsxs(Fragment$1, { children: [jsx(Switch, { checked: currentValue, onCheckedChange: async () => {
+                                    const isStringSetting = typeof metadataItem.defaultValue === 'string' && !isMentorSetting;
+                                    return (jsxs("div", { className: `flex items-center justify-between rounded-lg border px-6 ${isMentorSetting || isStringSetting ? 'py-4' : 'py-6'}`, style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: metadataItem.label }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { "aria-label": `More info about ${metadataItem.label}`, className: "hidden sm:block", children: jsx(Info, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "ibl-tooltip-content", children: jsx("p", { children: metadataItem.description || 'No description available' }) })] }) })] }), jsx("div", { className: "flex items-center gap-2", children: isMentorSetting ? (jsxs("div", { className: "flex items-center gap-2", children: [jsxs(Select$1, { value: currentValue || '', onValueChange: (value) => handleMentorSelection(metadataItem.slug, value), disabled: isUpdatingTenantMetadata, children: [jsx(SelectTrigger, { className: "max-w-[240px] w-[230px] sm:w-[150px] font-medium text-[#646464]", children: jsx(SelectValue, { placeholder: "Select mentor", children: currentValue ? getMentorName(currentValue) : '' }) }), jsxs(SelectContent, { className: "font-medium text-[#646464]", children: [jsx("div", { className: "p-2", children: jsx(Input, { placeholder: "Search mentors...", value: mentorSearchQuery, onChange: (e) => handleMentorSearch(e.target.value), className: "mb-2 font-medium text-[#646464]" }) }), jsx(SelectItem, { value: "none", children: "None" }), isMentorsLoading ? (jsx(SelectItem, { value: "loading", disabled: true, children: "Loading mentors..." })) : ((_b = mentorsData === null || mentorsData === void 0 ? void 0 : mentorsData.results) === null || _b === void 0 ? void 0 : _b.length) ? (mentorsData.results.map((mentor) => (jsx(SelectItem, { value: mentor.unique_id, children: mentor.name }, mentor.unique_id)))) : (jsx(SelectItem, { value: "no-results", disabled: true, children: "No mentors found" }))] })] }), isUpdatingTenantMetadata && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })) : isStringSetting ? (jsx(StringSettingInput, { value: currentValue, defaultValue: metadataItem.defaultValue, disabled: isUpdatingTenantMetadata, onSave: (value) => handleStringSettingUpdate(metadataItem.slug, value) })) : (jsxs(Fragment$1, { children: [jsx(Switch, { checked: currentValue, onCheckedChange: async () => {
                                                                 await handleToggleSetting(metadataItem.slug, currentValue);
                                                             }, disabled: isUpdatingTenantMetadata, "aria-label": `${metadataItem.label} ${currentValue ? 'enabled' : 'disabled'}`, className: "cursor-pointer data-[state=checked]:bg-blue-500" }), isUpdatingTenantMetadata && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })) })] }, metadataItem.slug));
                                 }) })] }, spa)));
@@ -166014,6 +166459,166 @@ function StripeConnect({ platformKey }) {
                                         : 'Connect Stripe'] })) })] }) }) }));
 }
 
+function slugify(text) {
+    return text
+        .toLowerCase()
+        .trim()
+        .replace(/[^\w\s-]/g, '')
+        .replace(/[\s_]+/g, '-')
+        .replace(/-+/g, '-')
+        .replace(/^-+|-+$/g, '');
+}
+function useDebounce(value, delay) {
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(() => {
+        const timer = setTimeout(() => setDebouncedValue(value), delay);
+        return () => clearTimeout(timer);
+    }, [value, delay]);
+    return debouncedValue;
+}
+function displayItemType(itemType) {
+    const stripped = itemType.replace(/^custom:/i, '');
+    if (stripped.toLowerCase() === 'mentor')
+        return 'Agent';
+    return stripped;
+}
+function getAuthURLExtension(authURL) {
+    try {
+        const { hostname } = new URL(authURL);
+        const parts = hostname.split('.');
+        if (parts.length > 2)
+            parts.shift();
+        return parts.join('.');
+    }
+    catch (_a) {
+        return '';
+    }
+}
+function buildOnSuccessfulPaymentUrl({ authURL, itemType, itemId, platformKey, isCustom, customProductUrl, }) {
+    if (isCustom) {
+        const trimmed = customProductUrl === null || customProductUrl === void 0 ? void 0 : customProductUrl.trim();
+        return trimmed || undefined;
+    }
+    const ext = getAuthURLExtension(authURL);
+    if (!ext)
+        return undefined;
+    const normalized = itemType.toLowerCase();
+    if (normalized === 'mentor' || normalized === 'agent') {
+        return `https://mentorai.${ext}/platform/${platformKey}/${itemId}`;
+    }
+    if (normalized === 'course') {
+        return `https://skillsai.${ext}/courses/${itemId}`;
+    }
+    if (normalized === 'program') {
+        return `https://skillsai.${ext}/programs/${itemId}`;
+    }
+    return undefined;
+}
+
+function ItemSearchDropdown({ platformKey, onSelect, }) {
+    var _a, _b, _c;
+    const [searchQuery, setSearchQuery] = useState('');
+    const [isOpen, setIsOpen] = useState(false);
+    const dropdownRef = useRef(null);
+    const debouncedSearch = useDebounce(searchQuery, 300);
+    // Mentor search
+    const { data: mentors, isFetching: isFetchingMentors } = useGetAiSearchMentorsQuery({
+        platform_key: platformKey,
+        query: debouncedSearch || undefined,
+        limit: 6,
+        include_main_public_mentors: false,
+    }, { skip: !platformKey });
+    // Course and program search
+    const { data: coursesData, isFetching: isFetchingCourses } = useGetPersonnalizedSearchQuery([
+        {
+            username: getUserName$1(),
+            content: ['courses', 'programs'],
+            tenant: platformKey,
+            query: debouncedSearch || '',
+            returnItems: false,
+            returnFacet: false,
+            allowSkillSearch: false,
+            limit: 6,
+        },
+    ]);
+    const isFetching = isFetchingMentors || isFetchingCourses;
+    // Normalize and merge results
+    const mentorItems = ((_a = mentors === null || mentors === void 0 ? void 0 : mentors.results) !== null && _a !== void 0 ? _a : []).map((m) => {
+        var _a;
+        return ({
+            itemType: 'mentor',
+            id: (_a = m.unique_id) !== null && _a !== void 0 ? _a : '',
+            name: m.name,
+            badge: m.slug,
+        });
+    });
+    const courseItems = ((_b = coursesData === null || coursesData === void 0 ? void 0 : coursesData.results) !== null && _b !== void 0 ? _b : [])
+        .filter((item) => item.type === 'course')
+        .map((item) => {
+        var _a, _b, _c, _d, _e, _f;
+        return ({
+            itemType: 'course',
+            id: (_d = (_b = (_a = item.data) === null || _a === void 0 ? void 0 : _a.course_id) !== null && _b !== void 0 ? _b : (_c = item.data) === null || _c === void 0 ? void 0 : _c.id) !== null && _d !== void 0 ? _d : '',
+            name: (_f = (_e = item.data) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : '',
+        });
+    });
+    const programItems = ((_c = coursesData === null || coursesData === void 0 ? void 0 : coursesData.results) !== null && _c !== void 0 ? _c : [])
+        .filter((item) => item.type === 'program')
+        .map((item) => {
+        var _a, _b, _c, _d, _e, _f;
+        return ({
+            itemType: 'program',
+            id: (_d = (_b = (_a = item.data) === null || _a === void 0 ? void 0 : _a.program_key) !== null && _b !== void 0 ? _b : (_c = item.data) === null || _c === void 0 ? void 0 : _c.program_id) !== null && _d !== void 0 ? _d : '',
+            name: (_f = (_e = item.data) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : '',
+        });
+    });
+    const items = [...mentorItems, ...courseItems, ...programItems];
+    // Close dropdown on outside click
+    useEffect(() => {
+        const handleClickOutside = (e) => {
+            if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    return (jsxs("div", { ref: dropdownRef, className: "relative flex-1", children: [jsxs("div", { className: "relative", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { value: searchQuery, onChange: (e) => {
+                            setSearchQuery(e.target.value);
+                            setIsOpen(true);
+                        }, onFocus: () => setIsOpen(true), placeholder: "Search items", className: "pl-9" }), isFetching && (jsx(LoaderCircle, { className: "absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 animate-spin text-gray-400" }))] }), isOpen && (jsx("div", { className: "absolute z-50 mt-1 w-full max-h-60 overflow-y-auto rounded-md border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-900", style: { borderColor: 'oklch(.922 0 0)' }, children: items.length > 0 ? (items.map((item) => (jsxs("button", { type: "button", className: "flex w-full items-center gap-3 px-3 py-2 text-left hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors", onClick: () => {
+                        onSelect(item.itemType, item.id, item.name);
+                        setSearchQuery('');
+                        setIsOpen(false);
+                    }, children: [jsx("div", { className: "flex-1 min-w-0", children: jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100 block truncate", children: item.name }) }), jsx(Badge, { variant: "secondary", className: "text-xs shrink-0 capitalize", children: displayItemType(item.itemType) })] }, `${item.itemType}-${item.id}`)))) : isFetching ? (jsx("div", { className: "px-3 py-4 text-center text-sm text-gray-400", children: "Searching..." })) : (jsx("div", { className: "px-3 py-4 text-center text-sm text-gray-400", children: "No items found" })) }))] }));
+}
+
+function PaywalledItemsList({ platformKey, onSelectItem, onAddCustomItem, }) {
+    const [page, setPage] = useState(1);
+    const [statusFilter, setStatusFilter] = useState('all');
+    const { data: paywalls, isLoading } = useListPaywallsQuery({
+        platform_key: platformKey,
+        page,
+        page_size: 8,
+        ...(statusFilter !== 'all' && { is_enabled: statusFilter === 'active' }),
+    }, { refetchOnMountOrArgChange: true });
+    return (jsxs("div", { className: "space-y-4", children: [jsx(Card, { className: "shadow-sm border", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", children: [jsx("h4", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-3", children: "Configure item for sale" }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(ItemSearchDropdown, { platformKey: platformKey, onSelect: (itemType, uniqueId, name) => onSelectItem(itemType, uniqueId, name) }), jsx(Button$1, { variant: "outline", size: "icon", onClick: onAddCustomItem, className: "shrink-0 cursor-pointer", title: "Add custom item", children: jsx(Plus, { className: "h-4 w-4" }) })] })] }) }), jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center justify-between", children: [jsx("h4", { className: "text-sm font-medium text-gray-500", children: "Configured Items" }), jsxs(Select$1, { value: statusFilter, onValueChange: (v) => {
+                                    setStatusFilter(v);
+                                    setPage(1);
+                                }, children: [jsx(SelectTrigger, { className: "w-[130px] h-8 text-xs", children: jsx(SelectValue, {}) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "all", children: "All" }), jsx(SelectItem, { value: "active", children: "Active" }), jsx(SelectItem, { value: "disabled", children: "Disabled" })] })] })] }), isLoading ? (jsx("div", { className: "space-y-2", children: [1, 2, 3].map((i) => (jsx(Skeleton, { className: "h-16 w-full" }, i))) })) : (paywalls === null || paywalls === void 0 ? void 0 : paywalls.results) && paywalls.results.length > 0 ? (jsxs(Fragment$1, { children: [paywalls.results.map((pw) => {
+                                var _a;
+                                return (jsx(Card, { className: "shadow-sm border hover:border-blue-200 transition-colors cursor-pointer", style: { borderColor: 'oklch(.922 0 0)' }, onClick: () => onSelectItem(pw.item_type, pw.item_id, pw.item_name), children: jsxs(CardContent, { className: "p-4 flex items-center justify-between", children: [jsx("div", { className: "flex items-center gap-3", children: jsxs("div", { children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: pw.item_name || pw.item_id }), jsxs("div", { className: "flex items-center gap-2 mt-0.5", children: [jsx(Badge, { variant: "secondary", className: "text-xs capitalize", children: displayItemType(pw.item_type) }), ((_a = pw.prices) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
+                                                                    (() => {
+                                                                        const activeCount = pw.prices.filter((p) => p.is_active).length;
+                                                                        return activeCount > 0 ? (jsxs("span", { className: "text-xs text-gray-400", children: [activeCount, " price", activeCount !== 1 ? 's' : ''] })) : null;
+                                                                    })()] })] }) }), jsx(Badge, { className: pw.is_enabled
+                                                    ? 'bg-blue-100 text-blue-700 border-blue-200 hover:bg-blue-100'
+                                                    : 'bg-gray-100 text-gray-500 border-gray-200 hover:bg-gray-100', children: pw.is_enabled ? 'Active' : 'Disabled' })] }) }, `${pw.item_type}-${pw.item_id}`));
+                            }), (paywalls.previous_page !== null || paywalls.next_page !== null) && (jsxs("div", { className: "flex items-center justify-between pt-2", children: [jsxs("span", { className: "text-xs text-gray-400", children: [paywalls.count, " item", paywalls.count !== 1 ? 's' : '', " total"] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Button$1, { variant: "outline", size: "sm", disabled: paywalls.previous_page === null, onClick: () => paywalls.previous_page !== null && setPage(paywalls.previous_page), className: "h-7 text-xs cursor-pointer", children: "Previous" }), jsxs("span", { className: "text-xs text-gray-500", children: ["Page ", page] }), jsx(Button$1, { variant: "outline", size: "sm", disabled: paywalls.next_page === null, onClick: () => paywalls.next_page !== null && setPage(paywalls.next_page), className: "h-7 text-xs cursor-pointer", children: "Next" })] })] }))] })) : (jsx("p", { className: "text-sm text-gray-400 text-center py-6", children: statusFilter !== 'all'
+                            ? `No ${statusFilter} items found.`
+                            : 'No items configured yet. Search and select an agent above.' }))] })] }));
+}
+
 const EMPTY_FORM = {
     name: '',
     amount: '',
@@ -166167,194 +166772,183 @@ function PriceManagement({ platformKey, itemType, itemId }) {
                 }) })) : (jsx("p", { className: "text-xs text-gray-400 text-center py-4", children: "No pricing tiers yet. Add one to start accepting payments." }))] }));
 }
 
-function useDebounce(value, delay) {
-    const [debouncedValue, setDebouncedValue] = useState(value);
-    useEffect(() => {
-        const timer = setTimeout(() => setDebouncedValue(value), delay);
-        return () => clearTimeout(timer);
-    }, [value, delay]);
-    return debouncedValue;
-}
-// ── Item Selector ──
-function ItemSearchDropdown({ platformKey, onSelect, }) {
-    var _a, _b;
-    const [searchQuery, setSearchQuery] = useState('');
-    const [isOpen, setIsOpen] = useState(false);
-    const dropdownRef = useRef(null);
-    const debouncedSearch = useDebounce(searchQuery, 300);
-    // Mentor search
-    const { data: mentors, isFetching: isFetchingMentors } = useGetAiSearchMentorsQuery({
-        platform_key: platformKey,
-        query: debouncedSearch || undefined,
-        limit: 6,
-        include_main_public_mentors: false,
-    }, { skip: !platformKey });
-    // Course search
-    const { data: coursesData, isFetching: isFetchingCourses } = useGetPersonnalizedSearchQuery([
-        {
-            username: getUserName$1(),
-            content: ['courses'],
-            tenant: platformKey,
-            query: debouncedSearch || '',
-            returnItems: false,
-            returnFacet: false,
-            allowSkillSearch: false,
-            limit: 6,
-        },
-    ]);
-    const isFetching = isFetchingMentors || isFetchingCourses;
-    // Normalize and merge results
-    const mentorItems = ((_a = mentors === null || mentors === void 0 ? void 0 : mentors.results) !== null && _a !== void 0 ? _a : []).map((m) => {
-        var _a;
-        return ({
-            itemType: 'mentor',
-            id: (_a = m.unique_id) !== null && _a !== void 0 ? _a : '',
-            name: m.name,
-            badge: m.slug,
-        });
-    });
-    const courseItems = ((_b = coursesData === null || coursesData === void 0 ? void 0 : coursesData.results) !== null && _b !== void 0 ? _b : [])
-        .filter((item) => item.type === 'course')
-        .map((item) => {
-        var _a, _b, _c, _d, _e, _f;
-        return ({
-            itemType: 'course',
-            id: (_d = (_b = (_a = item.data) === null || _a === void 0 ? void 0 : _a.course_id) !== null && _b !== void 0 ? _b : (_c = item.data) === null || _c === void 0 ? void 0 : _c.id) !== null && _d !== void 0 ? _d : '',
-            name: (_f = (_e = item.data) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : '',
-        });
-    });
-    const items = [...mentorItems, ...courseItems];
-    // Close dropdown on outside click
-    useEffect(() => {
-        const handleClickOutside = (e) => {
-            if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
-                setIsOpen(false);
-            }
-        };
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => document.removeEventListener('mousedown', handleClickOutside);
-    }, []);
-    return (jsxs("div", { ref: dropdownRef, className: "relative flex-1", children: [jsxs("div", { className: "relative", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { value: searchQuery, onChange: (e) => {
-                            setSearchQuery(e.target.value);
-                            setIsOpen(true);
-                        }, onFocus: () => setIsOpen(true), placeholder: "Search items", className: "pl-9" }), isFetching && (jsx(LoaderCircle, { className: "absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 animate-spin text-gray-400" }))] }), isOpen && (jsx("div", { className: "absolute z-50 mt-1 w-full max-h-60 overflow-y-auto rounded-md border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-900", style: { borderColor: 'oklch(.922 0 0)' }, children: items.length > 0 ? (items.map((item) => (jsxs("button", { type: "button", className: "flex w-full items-center gap-3 px-3 py-2 text-left hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors", onClick: () => {
-                        onSelect(item.itemType, item.id, item.name);
-                        setSearchQuery('');
-                        setIsOpen(false);
-                    }, children: [jsx("div", { className: "flex-1 min-w-0", children: jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100 block truncate", children: item.name }) }), jsx(Badge, { variant: "secondary", className: "text-xs shrink-0 capitalize", children: item.itemType })] }, `${item.itemType}-${item.id}`)))) : isFetching ? (jsx("div", { className: "px-3 py-4 text-center text-sm text-gray-400", children: "Searching..." })) : (jsx("div", { className: "px-3 py-4 text-center text-sm text-gray-400", children: "No items found" })) }))] }));
-}
-function PaywalledItemsList({ platformKey, onSelectItem, }) {
-    const [page, setPage] = useState(1);
-    const [statusFilter, setStatusFilter] = useState('all');
-    const { data: paywalls, isLoading } = useListPaywallsQuery({
-        platform_key: platformKey,
-        page,
-        page_size: 8,
-        ...(statusFilter !== 'all' && { is_enabled: statusFilter === 'active' }),
-    }, { refetchOnMountOrArgChange: true });
-    return (jsxs("div", { className: "space-y-4", children: [jsx(Card, { className: "shadow-sm border", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", children: [jsx("h4", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-3", children: "Configure item for sale" }), jsx(ItemSearchDropdown, { platformKey: platformKey, onSelect: (itemType, uniqueId, name) => onSelectItem(itemType, uniqueId, name) })] }) }), jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center justify-between", children: [jsx("h4", { className: "text-sm font-medium text-gray-500", children: "Configured Items" }), jsxs(Select$1, { value: statusFilter, onValueChange: (v) => {
-                                    setStatusFilter(v);
-                                    setPage(1);
-                                }, children: [jsx(SelectTrigger, { className: "w-[130px] h-8 text-xs", children: jsx(SelectValue, {}) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "all", children: "All" }), jsx(SelectItem, { value: "active", children: "Active" }), jsx(SelectItem, { value: "disabled", children: "Disabled" })] })] })] }), isLoading ? (jsx("div", { className: "space-y-2", children: [1, 2, 3].map((i) => (jsx(Skeleton, { className: "h-16 w-full" }, i))) })) : (paywalls === null || paywalls === void 0 ? void 0 : paywalls.results) && paywalls.results.length > 0 ? (jsxs(Fragment$1, { children: [paywalls.results.map((pw) => {
-                                var _a;
-                                return (jsx(Card, { className: "shadow-sm border hover:border-blue-200 transition-colors cursor-pointer", style: { borderColor: 'oklch(.922 0 0)' }, onClick: () => onSelectItem(pw.item_type, pw.item_id, pw.item_name), children: jsxs(CardContent, { className: "p-4 flex items-center justify-between", children: [jsx("div", { className: "flex items-center gap-3", children: jsxs("div", { children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: pw.item_name || pw.item_id }), jsxs("div", { className: "flex items-center gap-2 mt-0.5", children: [jsx(Badge, { variant: "secondary", className: "text-xs capitalize", children: pw.item_type }), ((_a = pw.prices) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
-                                                                    (() => {
-                                                                        const activeCount = pw.prices.filter((p) => p.is_active).length;
-                                                                        return activeCount > 0 ? (jsxs("span", { className: "text-xs text-gray-400", children: [activeCount, " price", activeCount !== 1 ? 's' : ''] })) : null;
-                                                                    })()] })] }) }), jsx(Badge, { className: pw.is_enabled
-                                                    ? 'bg-blue-100 text-blue-700 border-blue-200 hover:bg-blue-100'
-                                                    : 'bg-gray-100 text-gray-500 border-gray-200 hover:bg-gray-100', children: pw.is_enabled ? 'Active' : 'Disabled' })] }) }, `${pw.item_type}-${pw.item_id}`));
-                            }), (paywalls.previous_page !== null || paywalls.next_page !== null) && (jsxs("div", { className: "flex items-center justify-between pt-2", children: [jsxs("span", { className: "text-xs text-gray-400", children: [paywalls.count, " item", paywalls.count !== 1 ? 's' : '', " total"] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Button$1, { variant: "outline", size: "sm", disabled: paywalls.previous_page === null, onClick: () => paywalls.previous_page !== null && setPage(paywalls.previous_page), className: "h-7 text-xs cursor-pointer", children: "Previous" }), jsxs("span", { className: "text-xs text-gray-500", children: ["Page ", page] }), jsx(Button$1, { variant: "outline", size: "sm", disabled: paywalls.next_page === null, onClick: () => paywalls.next_page !== null && setPage(paywalls.next_page), className: "h-7 text-xs cursor-pointer", children: "Next" })] })] }))] })) : (jsx("p", { className: "text-sm text-gray-400 text-center py-6", children: statusFilter !== 'all'
-                            ? `No ${statusFilter} items found.`
-                            : 'No items configured yet. Search and select a mentor above.' }))] })] }));
+function WizardStepIndicator({ steps, currentStep, onStepClick, }) {
+    const currentIndex = steps.findIndex((s) => s.key === currentStep);
+    return (jsx("div", { className: "flex items-center w-full mb-4", children: steps.map((step, i) => {
+            const isClickable = !!onStepClick;
+            return (jsxs("div", { className: `flex items-center${i > 0 ? ' flex-1' : ''}`, children: [i > 0 && jsx("div", { className: "flex-1 h-px bg-gray-300 dark:bg-gray-600 mx-2" }), jsxs("button", { type: "button", disabled: !isClickable, onClick: () => onStepClick === null || onStepClick === void 0 ? void 0 : onStepClick(step.key), className: `flex items-center gap-1.5 text-xs font-medium ${isClickable ? 'cursor-pointer hover:opacity-80' : 'cursor-default'} ${i < currentIndex
+                            ? 'text-blue-500'
+                            : i === currentIndex
+                                ? 'text-gray-900 dark:text-gray-100'
+                                : 'text-gray-400'}`, children: [jsx("span", { className: `flex items-center justify-center w-5 h-5 rounded-full text-[10px] font-semibold ${i < currentIndex
+                                    ? 'bg-blue-100 text-blue-600'
+                                    : i === currentIndex
+                                        ? 'bg-blue-500 text-white'
+                                        : 'bg-gray-200 text-gray-400 dark:bg-gray-700'}`, children: i < currentIndex ? jsx(Check, { className: "h-3 w-3" }) : i + 1 }), step.label] })] }, step.key));
+        }) }));
 }
-// ── Paywall Detail Editor ──
-function PaywallDetail({ platformKey, itemType, itemId, itemName, onBack, }) {
-    const { data: config, isLoading, refetch: refetchConfig, } = useGetPaywallConfigQuery({ platform_key: platformKey, item_type: itemType, item_id: itemId }, { refetchOnMountOrArgChange: true });
-    const [enablePaywall, { isLoading: isEnabling }] = useEnablePaywallMutation();
-    const [disablePaywall, { isLoading: isDisabling }] = useDisablePaywallMutation();
+
+function PaywallDetail({ platformKey, authURL, itemType, itemId, itemName, isCustom, onBack, }) {
+    const { data: config, isLoading, refetch: refetchConfig, } = useGetPaywallConfigQuery({ platform_key: platformKey, item_type: itemType, item_id: itemId }, { refetchOnMountOrArgChange: true, skip: isCustom });
+    const [enablePaywall, { isLoading: isCreating }] = useEnablePaywallMutation();
+    const [updatePaywall, { isLoading: isUpdating }] = useUpdatePaywallMutation();
+    const isSaving = isCreating || isUpdating;
+    // Wizard step
+    const [currentStep, setCurrentStep] = useState(isCustom ? 'custom-item' : 'paywall');
+    // Track whether the item has been created (custom flow) or already exists (non-custom)
+    const [itemCreated, setItemCreated] = useState(!isCustom);
     const [isEnabled, setIsEnabled] = useState(false);
     const [allowFreeTier, setAllowFreeTier] = useState(false);
     const [trialDays, setTrialDays] = useState(0);
     const [grandfathering, setGrandfathering] = useState('free_forever');
+    // Custom item fields
+    const [customItemType, setCustomItemType] = useState('');
+    const [customItemName, setCustomItemName] = useState('');
+    const [customDescription, setCustomDescription] = useState('');
+    const [customProductUrl, setCustomProductUrl] = useState('');
+    // Resolved item params (updated after custom item creation)
+    const [resolvedItemType, setResolvedItemType] = useState(itemType);
+    const [resolvedItemId, setResolvedItemId] = useState(itemId);
+    const [paywallUniqueId, setPaywallUniqueId] = useState(null);
+    // Copy URL state
+    const [copied, setCopied] = useState(false);
+    const copyTimerRef = useRef(null);
+    const handleCopyUrl = async () => {
+        /* istanbul ignore next: button is not rendered without paywallUniqueId */
+        if (!paywallUniqueId)
+            return;
+        const basePath = authURL.endsWith('/') ? authURL : `${authURL}/`;
+        const url = `${basePath}buy/${paywallUniqueId}`;
+        await navigator.clipboard.writeText(url);
+        toast.success('URL copied to clipboard');
+        setCopied(true);
+        if (copyTimerRef.current)
+            clearTimeout(copyTimerRef.current);
+        copyTimerRef.current = setTimeout(() => setCopied(false), 2500);
+    };
+    useEffect(() => {
+        return () => {
+            if (copyTimerRef.current)
+                clearTimeout(copyTimerRef.current);
+        };
+    }, []);
     useEffect(() => {
         if (config) {
             setIsEnabled(config.is_enabled);
             setAllowFreeTier(config.allow_free_tier);
             setTrialDays(config.trial_period_days);
             setGrandfathering(config.grandfathering_strategy);
+            setPaywallUniqueId(config.unique_id);
         }
     }, [config]);
-    const handleTogglePaywall = async (enabled) => {
+    const wizardSteps = [
+        ...(isCustom ? [{ key: 'custom-item', label: 'Item Details' }] : []),
+        { key: 'paywall', label: 'Paywall' },
+        { key: 'pricing', label: 'Pricing' },
+    ];
+    const displayName = isCustom
+        ? customItemName || 'New Custom Item'
+        : (config === null || config === void 0 ? void 0 : config.item_name) || itemName || itemId;
+    const handleCreateCustomItem = async () => {
+        /* istanbul ignore next: Create button is disabled when either field is empty */
+        if (!customItemType.trim() || !customItemName.trim()) {
+            toast.error('Item type and item name are required');
+            return;
+        }
         try {
-            if (enabled) {
-                await enablePaywall({
-                    platform_key: platformKey,
-                    item_type: itemType,
-                    item_id: itemId,
-                    is_enabled: true,
-                    allow_free_tier: allowFreeTier,
-                    trial_period_days: trialDays,
-                    grandfathering_strategy: grandfathering,
-                }).unwrap();
-                toast.success('Paywall enabled');
-            }
-            else {
-                await disablePaywall({
-                    platform_key: platformKey,
-                    item_type: itemType,
-                    item_id: itemId,
-                }).unwrap();
-                toast.success('Paywall disabled');
-            }
-            setIsEnabled(enabled);
-            refetchConfig();
+            const sluggedType = slugify(customItemType);
+            const sluggedId = slugify(customItemName);
+            const result = await enablePaywall({
+                platform_key: platformKey,
+                item_type: sluggedType,
+                item_id: sluggedId,
+                is_enabled: false,
+                allow_free_tier: false,
+                trial_period_days: 0,
+                grandfathering_strategy: 'free_forever',
+                item_name: customItemName,
+                description: customDescription,
+                on_successful_payment: buildOnSuccessfulPaymentUrl({
+                    authURL,
+                    itemType: sluggedType,
+                    itemId: sluggedId,
+                    platformKey,
+                    isCustom: true,
+                    customProductUrl,
+                }),
+            }).unwrap();
+            toast.success('Custom item created');
+            setResolvedItemType(sluggedType);
+            setResolvedItemId(sluggedId);
+            setPaywallUniqueId(result.unique_id);
+            setItemCreated(true);
+            setCurrentStep('paywall');
         }
         catch (_a) {
-            toast.error(`Failed to ${enabled ? 'enable' : 'disable'} paywall`);
+            toast.error('Failed to create custom item');
         }
     };
     const handleSaveConfig = async () => {
         try {
-            await enablePaywall({
+            const mutate = itemCreated ? updatePaywall : enablePaywall;
+            await mutate({
                 platform_key: platformKey,
-                item_type: itemType,
-                item_id: itemId,
+                item_type: resolvedItemType,
+                item_id: resolvedItemId,
                 is_enabled: isEnabled,
                 allow_free_tier: allowFreeTier,
                 trial_period_days: trialDays,
                 grandfathering_strategy: grandfathering,
+                // TODO: remove item_name once the backend fixes the 400 when updating custom items
+                item_name: displayName,
+                on_successful_payment: buildOnSuccessfulPaymentUrl({
+                    authURL,
+                    itemType: resolvedItemType,
+                    itemId: resolvedItemId,
+                    platformKey,
+                    isCustom,
+                    customProductUrl,
+                }),
             }).unwrap();
-            toast.success('Paywall configuration updated');
-            refetchConfig();
+            toast.success('Paywall configuration saved');
+            if (!isCustom)
+                refetchConfig();
+            setCurrentStep('pricing');
         }
         catch (_a) {
-            toast.error('Failed to update paywall configuration');
+            toast.error('Failed to save paywall configuration');
         }
     };
-    if (isLoading) {
+    if (!isCustom && isLoading) {
         return (jsxs("div", { className: "space-y-4", children: [jsx(Skeleton, { className: "h-8 w-48" }), jsx(Skeleton, { className: "h-64 w-full" })] }));
     }
-    const displayName = (config === null || config === void 0 ? void 0 : config.item_name) || itemName || itemId;
-    return (jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsxs(Button$1, { variant: "ghost", size: "sm", onClick: onBack, className: "cursor-pointer", children: [jsx(ChevronLeft, { className: "h-4 w-4 mr-1" }), "Back"] }), jsxs("div", { children: [jsx("h4", { className: "text-base font-semibold text-gray-900 dark:text-gray-100", children: displayName }), jsx("span", { className: "text-xs text-gray-400 capitalize", children: itemType })] })] }), jsx(Card, { className: "shadow-sm border", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-6 space-y-5", children: [jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { children: [jsx(Label, { className: "text-sm font-medium", children: "Paywall Enabled" }), jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: "Require payment to access this item" })] }), jsx(Switch, { checked: isEnabled, onCheckedChange: handleTogglePaywall, disabled: isEnabling || isDisabling, className: "cursor-pointer data-[state=checked]:bg-blue-500" })] }), jsxs("div", { className: !isEnabled ? 'opacity-50 pointer-events-none' : '', children: [jsxs("div", { className: "flex items-center justify-between py-3 border-t", children: [jsxs("div", { children: [jsx(Label, { className: "text-sm font-medium", children: "Allow Free Tier" }), jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: "Let users access basic features without paying" })] }), jsx(Switch, { checked: allowFreeTier, onCheckedChange: setAllowFreeTier, className: "cursor-pointer data-[state=checked]:bg-blue-500" })] }), jsxs("div", { className: "flex items-center justify-between py-3 border-t", children: [jsxs("div", { children: [jsx(Label, { className: "text-sm font-medium", children: "Trial Period (days)" }), jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: "Free trial before charging subscribers" })] }), jsx(Input, { type: "number", min: 0, value: trialDays, onChange: (e) => setTrialDays(parseInt(e.target.value) || 0), className: "w-24 text-right" })] }), jsxs("div", { className: "flex items-center justify-between py-3 border-t", children: [jsxs("div", { children: [jsx(Label, { className: "text-sm font-medium", children: "Existing Users" }), jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: "How to treat users who had access before the paywall" })] }), jsxs(Select$1, { value: grandfathering, onValueChange: (v) => setGrandfathering(v), children: [jsx(SelectTrigger, { className: "w-[180px]", children: jsx(SelectValue, {}) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "free_forever", children: "Free Forever" }), jsx(SelectItem, { value: "require_subscription", children: "Require Subscription" })] })] })] }), jsx("div", { className: "pt-3 border-t", children: jsxs(Button$1, { onClick: handleSaveConfig, disabled: isEnabling, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white cursor-pointer", children: [isEnabling ? (jsx(LoaderCircle, { className: "h-4 w-4 mr-2 animate-spin" })) : (jsx(Check, { className: "h-4 w-4 mr-2" })), "Save Configuration"] }) })] })] }) }), isEnabled && (jsx(PriceManagement, { platformKey: platformKey, itemType: itemType, itemId: itemId }))] }));
+    return (jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsxs(Button$1, { variant: "ghost", size: "sm", onClick: onBack, className: "cursor-pointer", children: [jsx(ChevronLeft, { className: "h-4 w-4 mr-1" }), "Back"] }), jsxs("div", { children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("h4", { className: "text-base font-semibold text-gray-900 dark:text-gray-100", children: displayName }), paywallUniqueId && (jsx("button", { type: "button", onClick: handleCopyUrl, className: "p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors cursor-pointer", title: "Copy paywall URL", children: copied ? (jsx(Check, { className: "h-4 w-4 text-green-500" })) : (jsx(Copy, { className: "h-4 w-4 text-gray-400" })) }))] }), !isCustom && (jsx("span", { className: "text-xs text-gray-400 capitalize", children: displayItemType(itemType) }))] })] }), jsx(WizardStepIndicator, { steps: wizardSteps, currentStep: currentStep, onStepClick: !isCustom
+                    ? setCurrentStep
+                    : (step) => {
+                        // During creation, only allow navigating back to already-completed steps
+                        const targetIndex = wizardSteps.findIndex((s) => s.key === step);
+                        const currentIndex = wizardSteps.findIndex((s) => s.key === currentStep);
+                        if (targetIndex < currentIndex)
+                            setCurrentStep(step);
+                    } }), currentStep === 'custom-item' && isCustom && (jsx(Card, { className: "shadow-sm border", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-6 space-y-4", children: [jsx("h4", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300", children: "Item Details" }), jsxs("div", { className: "space-y-3", children: [jsxs("div", { children: [jsx(Label, { className: "text-sm font-medium", children: "Item Type" }), jsx(Input, { value: customItemType, onChange: (e) => setCustomItemType(e.target.value), placeholder: "e.g. tool, resource", className: "mt-1", disabled: itemCreated }), customItemType && (jsxs("p", { className: "text-xs text-gray-400 mt-1", children: ["Slug: ", slugify(customItemType)] }))] }), jsxs("div", { children: [jsx(Label, { className: "text-sm font-medium", children: "Item Name" }), jsx(Input, { value: customItemName, onChange: (e) => setCustomItemName(e.target.value), placeholder: "e.g. Advanced AI Course", className: "mt-1", disabled: itemCreated }), customItemName && (jsxs("p", { className: "text-xs text-gray-400 mt-1", children: ["ID: ", slugify(customItemName)] }))] }), jsxs("div", { children: [jsx(Label, { className: "text-sm font-medium", children: "Description" }), jsx(Textarea, { value: customDescription, onChange: (e) => setCustomDescription(e.target.value), placeholder: "Describe this item...", className: "mt-1", rows: 3 })] }), jsxs("div", { children: [jsx(Label, { className: "text-sm font-medium", children: "Product URL (optional)" }), jsx(Input, { type: "url", value: customProductUrl, onChange: (e) => setCustomProductUrl(e.target.value), placeholder: "https://example.com/product", className: "mt-1", disabled: itemCreated }), jsx("p", { className: "text-xs text-gray-400 mt-1", children: "Where users land after a successful payment." })] })] }), jsx("div", { className: "pt-3 border-t flex justify-end", children: jsxs(Button$1, { onClick: handleCreateCustomItem, disabled: isSaving || !customItemType.trim() || !customItemName.trim(), className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white cursor-pointer", children: [isCreating ? (jsx(LoaderCircle, { className: "h-4 w-4 mr-2 animate-spin" })) : (jsx(ChevronRight, { className: "h-4 w-4 mr-2" })), "Create & Continue"] }) })] }) })), currentStep === 'paywall' && (jsx(Card, { className: "shadow-sm border", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-6 space-y-5", children: [jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { children: [jsx(Label, { className: "text-sm font-medium", children: "Paywall Enabled" }), jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: "Require payment to access this item" })] }), jsx(Switch, { checked: isEnabled, onCheckedChange: setIsEnabled, className: "cursor-pointer data-[state=checked]:bg-blue-500" })] }), jsxs("div", { className: !isEnabled ? 'opacity-50 pointer-events-none' : '', children: [jsxs("div", { className: "flex items-center justify-between py-3 border-t", children: [jsxs("div", { children: [jsx(Label, { className: "text-sm font-medium", children: "Allow Free Tier" }), jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: "Let users access basic features without paying" })] }), jsx(Switch, { checked: allowFreeTier, onCheckedChange: setAllowFreeTier, className: "cursor-pointer data-[state=checked]:bg-blue-500" })] }), jsxs("div", { className: "flex items-center justify-between py-3 border-t", children: [jsxs("div", { children: [jsx(Label, { className: "text-sm font-medium", children: "Trial Period (days)" }), jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: "Free trial before charging subscribers" })] }), jsx(Input, { type: "number", min: 0, value: trialDays, onChange: (e) => setTrialDays(parseInt(e.target.value) || 0), className: "w-24 text-right" })] }), jsxs("div", { className: "flex items-center justify-between py-3 border-t", children: [jsxs("div", { children: [jsx(Label, { className: "text-sm font-medium", children: "Existing Users" }), jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: "How to treat users who had access before the paywall" })] }), jsxs(Select$1, { value: grandfathering, onValueChange: (v) => setGrandfathering(v), children: [jsx(SelectTrigger, { className: "w-[180px]", children: jsx(SelectValue, {}) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "free_forever", children: "Free Forever" }), jsx(SelectItem, { value: "require_subscription", children: "Require Subscription" })] })] })] })] }), jsx("div", { className: "pt-3 border-t flex justify-end", children: jsxs(Button$1, { onClick: handleSaveConfig, disabled: isSaving, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white cursor-pointer", children: [isSaving ? (jsx(LoaderCircle, { className: "h-4 w-4 mr-2 animate-spin" })) : (jsx(Check, { className: "h-4 w-4 mr-2" })), "Save Configuration"] }) })] }) })), currentStep === 'pricing' && (jsx(PriceManagement, { platformKey: platformKey, itemType: resolvedItemType, itemId: resolvedItemId }))] }));
 }
-// ── Main Export ──
-function PaywallConfig({ platformKey, disabled }) {
+
+function PaywallConfig({ platformKey, authURL, disabled }) {
     const [selectedItem, setSelectedItem] = useState(null);
     if (disabled) {
         return (jsx(Card, { className: "shadow-sm border border-dashed", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-8 text-center", children: [jsx(Shield, { className: "h-10 w-10 mx-auto text-gray-300 mb-3" }), jsx("p", { className: "text-sm text-gray-400", children: "Connect Stripe first to configure paywalls." })] }) }));
     }
     if (selectedItem) {
-        return (jsx(PaywallDetail, { platformKey: platformKey, itemType: selectedItem.type, itemId: selectedItem.id, itemName: selectedItem.name, onBack: () => setSelectedItem(null) }));
+        return (jsx(PaywallDetail, { platformKey: platformKey, authURL: authURL, itemType: selectedItem.type, itemId: selectedItem.id, itemName: selectedItem.name, isCustom: selectedItem.isCustom, onBack: () => setSelectedItem(null) }));
     }
-    return (jsx(PaywalledItemsList, { platformKey: platformKey, onSelectItem: (type, id, name) => setSelectedItem({ type, id, name }) }));
+    return (jsx(PaywalledItemsList, { platformKey: platformKey, onSelectItem: (type, id, name) => setSelectedItem({ type, id, name }), onAddCustomItem: () => setSelectedItem({ type: '', id: '', name: '', isCustom: true }) }));
 }
 
-function MonetizationTab({ platformKey }) {
+function MonetizationTab({ platformKey, authURL }) {
     var _a;
     const { data: stripeStatus } = useGetStripeConnectStatusQuery({ platform_key: platformKey }, { refetchOnMountOrArgChange: true });
     const isStripeReady = (_a = stripeStatus === null || stripeStatus === void 0 ? void 0 : stripeStatus.is_ready_for_payments) !== null && _a !== void 0 ? _a : false;
-    return (jsxs("div", { className: "container mx-auto max-w-7xl !mt-0 space-y-6", children: [jsx(StripeConnect, { platformKey: platformKey }), jsx(PaywallConfig, { platformKey: platformKey, disabled: !isStripeReady })] }));
+    return (jsxs("div", { className: "container mx-auto max-w-7xl !mt-0 space-y-6", children: [jsx(StripeConnect, { platformKey: platformKey }), jsx(PaywallConfig, { platformKey: platformKey, authURL: authURL, disabled: !isStripeReady })] }));
 }
 
 function Account({ tenant, tenants = [], username, onInviteClick, email, mainPlatformKey, userActiveApp = null, showPlatformName = false, isAdmin = false, targetTab = 'basic', currentPlan: _currentPlan = '', currentSPA = '', authURL, onTenantUpdate, currentPlatformBaseDomain = '', enableRbac = false, rbacPermissions = {}, onLoadGroupPermissions, onTabChange, }) {
@@ -166377,11 +166971,13 @@ function Account({ tenant, tenants = [], username, onInviteClick, email, mainPla
     const hasTeamsTabPermission = checkRbacPermission(rbacPermissions, `/usergroups/#list|/platforms/${tenant}/#can_invite`, enableRbac);
     const hasInviteUserPermission = checkRbacPermission(rbacPermissions, `/platforms/${tenant}/#can_invite`, enableRbac);
     const hasCreateTeamPermission = checkRbacPermission(rbacPermissions, `/usergroups/#list`, enableRbac);
+    const hasAlertsTabPermission = checkRbacPermission(rbacPermissions, `/watchedgroups/#list`, enableRbac);
     const hasManagementPermissions = hasUserTabPermission ||
         hasGroupsTabPermission ||
         hasPoliciesTabPermission ||
         hasRolesTabPermission ||
-        hasTeamsTabPermission;
+        hasTeamsTabPermission ||
+        hasAlertsTabPermission;
     useEffect(() => {
         const firstInput = document.getElementById('fullName');
         if (firstInput) {
@@ -166448,7 +167044,7 @@ function Account({ tenant, tenants = [], username, onInviteClick, email, mainPla
                                     : 'text-gray-600 hover:bg-gray-50'}`, children: [jsx(CreditCard, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Billing" }), jsx("span", { className: "sm:hidden", children: "Billing" })] }, 'billing'))] }) }) }), jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", style: { height: '100%' }, children: [jsxs("div", { className: "hidden lg:block flex-shrink-0 p-6 border-b border-gray-200 bg-white dark:bg-gray-900", children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2 capitalize", children: activeTab }), jsxs("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: [activeTab === 'management' && 'Manage users and their permissions in the system.', activeTab === 'organization' && 'Manage your organization settings.', activeTab === 'integrations' && 'Manage your integrations with other services.', activeTab === 'billing' && 'Manage your billing and subscription.', activeTab === 'monetization' && 'Configure paywalls, pricing, and revenue.', activeTab === 'advanced' && 'Configure advanced organization settings.'] })] }), jsxs("div", { className: "flex-1 p-6 space-y-6", style: {
                             overflowY: 'auto',
                             overflowX: 'hidden',
-                        }, children: [jsxs("div", { className: "lg:hidden mb-6", children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2 capitalize", children: activeTab }), jsxs("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: [activeTab === 'basic' && 'Manage your basic account information and preferences.', activeTab === 'social' && 'Connect and manage your social media accounts.', activeTab === 'security' && 'Update your security settings and password.', activeTab === 'management' && 'Manage users and their permissions in the system.', activeTab === 'organization' && 'Manage your organization settings.', activeTab === 'monetization' && 'Configure paywalls, pricing, and revenue.', activeTab === 'advanced' && 'Configure advanced organization settings.'] })] }), activeTab === 'management' && hasManagementPermissions && (jsx(Admin, { onInviteClick: onInviteClick, tenant: tenant, hasUserTabPermission: hasUserTabPermission, hasGroupsTabPermission: hasGroupsTabPermission, hasPoliciesTabPermission: hasPoliciesTabPermission, hasRolesTabPermission: hasRolesTabPermission, hasTeamsTabPermission: hasTeamsTabPermission, hasInviteUserPermission: hasInviteUserPermission, hasCreateTeamPermission: hasCreateTeamPermission, onLoadGroupPermissions: onLoadGroupPermissions, rbacPermissions: rbacPermissions, enableRbac: enableRbac })), activeTab === 'organization' && (jsx(OrganizationTab, { platformKey: tenant, tenant: tenants.find((t) => t.key === tenant), onTenantUpdate: onTenantUpdate, setOrganizationLogoFromOutside: setOrganizationLogo })), activeTab === 'integrations' && (jsx(IntegrationsTab, { tenantKey: tenant, username: username })), activeTab === 'billing' && (jsx(BillingTab, { tenant: tenant, userActiveApp: userActiveApp, username: username, currentUserEmail: email, mainPlatformKey: mainPlatformKey })), activeTab === 'monetization' && jsx(MonetizationTab, { platformKey: tenant }), activeTab === 'advanced' && (jsx(AdvancedTab, { platformKey: tenant, currentSPA: currentSPA, username: username, authURL: authURL, currentPlatformBaseDomain: currentPlatformBaseDomain }))] })] }), jsx(ToastProvider, {})] }));
+                        }, children: [jsxs("div", { className: "lg:hidden mb-6", children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2 capitalize", children: activeTab }), jsxs("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: [activeTab === 'basic' && 'Manage your basic account information and preferences.', activeTab === 'social' && 'Connect and manage your social media accounts.', activeTab === 'security' && 'Update your security settings and password.', activeTab === 'management' && 'Manage users and their permissions in the system.', activeTab === 'organization' && 'Manage your organization settings.', activeTab === 'monetization' && 'Configure paywalls, pricing, and revenue.', activeTab === 'advanced' && 'Configure advanced organization settings.'] })] }), activeTab === 'management' && hasManagementPermissions && (jsx(Admin, { onInviteClick: onInviteClick, tenant: tenant, hasUserTabPermission: hasUserTabPermission, hasGroupsTabPermission: hasGroupsTabPermission, hasPoliciesTabPermission: hasPoliciesTabPermission, hasRolesTabPermission: hasRolesTabPermission, hasTeamsTabPermission: hasTeamsTabPermission, hasInviteUserPermission: hasInviteUserPermission, hasCreateTeamPermission: hasCreateTeamPermission, onLoadGroupPermissions: onLoadGroupPermissions, hasAlertsTabPermission: hasAlertsTabPermission, rbacPermissions: rbacPermissions, enableRbac: enableRbac })), activeTab === 'organization' && (jsx(OrganizationTab, { platformKey: tenant, tenant: tenants.find((t) => t.key === tenant), onTenantUpdate: onTenantUpdate, setOrganizationLogoFromOutside: setOrganizationLogo })), activeTab === 'integrations' && (jsx(IntegrationsTab, { tenantKey: tenant, username: username })), activeTab === 'billing' && (jsx(BillingTab, { tenant: tenant, userActiveApp: userActiveApp, username: username, currentUserEmail: email, mainPlatformKey: mainPlatformKey })), activeTab === 'monetization' && (jsx(MonetizationTab, { platformKey: tenant, authURL: authURL })), activeTab === 'advanced' && (jsx(AdvancedTab, { platformKey: tenant, currentSPA: currentSPA, username: username, authURL: authURL, currentPlatformBaseDomain: currentPlatformBaseDomain }))] })] }), jsx(ToastProvider, {})] }));
 }
 
 function UserProfileModal({ isOpen, onClose, params, email, mainPlatformKey, showMentorAIDisplayCheckbox = false, showLeaderboardDisplayCheckbox = false, showUsernameField = false, showPlatformName = false, useGravatarPicFallback = true, enableCatalogInvite = false, targetTab = 'basic', currentPlan = '', currentSPA = '', userActiveApp = null, authURL, tenants = [], onTenantUpdate, currentPlatformBaseDomain = '', rbacPermissions = {}, enableRbac = false, onLoadGroupPermissions, onTabChange, onBillingTabRequest, onAccountDeleted, enableMemoryTab = false, localLLMProps, }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "1.9.8",
+  "version": "1.9.10",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -61,10 +61,10 @@
     "axios": "1.13.6",
     "dotenv": "16.6.1",
     "winston": "3.19.0",
-    "@iblai/data-layer": "1.5.3",
-    "@iblai/web-containers": "1.6.9",
-    "@iblai/web-utils": "1.6.5",
-    "@iblai/mcp": "1.4.7"
+    "@iblai/data-layer": "1.5.5",
+    "@iblai/mcp": "1.4.8",
+    "@iblai/web-containers": "1.6.11",
+    "@iblai/web-utils": "1.6.7"
   },
   "peerDependencies": {
     "@radix-ui/react-dialog": "^1.1.7",