@iblai/iblai-js 1.17.20 → 1.17.22

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { useRef, useEffect, useState, useCallback, useLayoutEffect, forwardRef, createElement as createElement$1, useMemo, createContext, useReducer, useImperativeHandle, useContext, useId as useId$2, useDebugValue, isValidElement, Children, PureComponent, cloneElement, Component, lazy, Suspense } from 'react';
 import { LOCAL_STORAGE_KEYS, TimeTracker, getInitials, useTenantMetadata, WithPermissions, useStripeUpgrade, CHAT_AREA_SIZE, isAlphaNumeric32, checkRbacPermission, getTimeAgo, REQUIRED_ACTIONS_FOR_GROUPS, formatRelativeTime as formatRelativeTime$2, ANONYMOUS_USERNAME, combineCSVData, redirectToAuthSpaJoinTenant, redirectToAuthSpa, getAuthSpaJoinUrl, useOS, selectNumberOfActiveChatMessages, useUsername, selectStreaming, isLoggedIn, TOOLS, isSafariBrowser, useShowAttachment, useShowVoiceCall, useShowVoiceRecorder, useMentorSettings, selectShowingSharedChat, selectRbacPermissions, useShowFreeTrialDialog, useEmbedMode, chatInputSliceSelectors, useResponsive, useAccessingPublicRoute, useVisitingTenant, useModelFileUploadCapabilities, useChatFileUpload, useVoiceChat, selectAttachedFiles, MENTOR_CHAT_DOCUMENTS_EXTENSIONS, removeFile, chatInputSliceActions, chatActions, WithFormPermissions, MENTOR_VISIBILITY } from '@iblai/web-utils';
-import { useTimeTrackingMutation, useGetUserMetadataQuery, useGetUserMetadataEdxQuery, useUpdateUserMetadataMutation, useUpdateUserMetadataEdxMutation, useUploadProfileImageMutation, useResetPasswordMutation, useSelfRetireMutation, useCreateUserInstitutionMutation, useGetUserInstitutionsQuery, useCreateUserEducationMutation, useUpdateUserEducationMutation, useDeleteUserEducationMutation, useGetUserEducationQuery, useCreateUserCompanyMutation, useGetUserCompaniesQuery, useCreateUserExperienceMutation, useUpdateUserExperienceMutation, useDeleteUserExperienceMutation, useGetUserExperienceQuery, useGetUserResumeQuery, useCreateUserResumeMutation, useGetMySubscriptionsQuery, useGetItemSubscriptionQuery, useCancelSubscriptionMutation, useCreateGlobalMemoryMutation, useGetMemsearchStatusQuery, useGetUserMemorySettingsQuery, useUpdateUserMemorySettingsMutation, useGetGlobalMemoriesQuery, useDeleteGlobalMemoryMutation, useInviteUserMutation, usePlatformInvitationsQuery, useCreateCatalogInvitationCourseBulkMutation, useGetCatalogInvitationsCourseQuery, useLazyPlatformUsersQuery, useLazyPlatformUserGroupsQuery, useGetPersonnalizedSearchQuery, useCreateCatalogInvitationProgramBulkMutation, useGetCatalogInvitationsProgramQuery, 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, useDeleteApiKeyMutation, useGetApiKeysQuery, useCreateApiKeyMutation, useCreateLLMCredentialMutation, useGetCredentialsSchemaQuery, useGetMaskedLLMCredentialsQuery, useGetLlmsQuery, useDeleteIntegrationCredentialMutation, useDeleteCredentialMutation, useCreateIntegrationCredentialMutation, useGetIntegrationCredentialsSchemaQuery, useGetMaskedIntegrationCredentialsQuery, useGetAccountBillingInfoQuery, useUpdateAutoRechargeInfoMutation, useTriggerAutoRechargeMutation, useCreateStripeCustomerPortalMutation, useSetPlatformConfigurationsMutation, useGetPlatformConfigurationsQuery, useUpdatePlatformMembershipMutation, useGetPlatformMembershipQuery, useGetCustomDomainsQuery, useCreateCustomDomainMutation, useDeleteCustomDomainMutation, useGetStudentMentorCreationStatusQuery, useSetStudentMentorCreationStatusMutation, coreApiSlice, recommendationPromptTypeEnum, useGetRecommendedPromptsListQuery, useCreateRecommendedPromptMutation, useUpdateRecommendedPromptMutation, useDeleteRecommendedPromptMutation, useLazyGetPublicPlatformImageAssetFileUrlQuery, useUpdateTenantMetadataMutation, useCreatePlatformImageAssetMutation, useGetProviderConfigQuery, useCreateProviderConfigMutation, useDeleteProviderConfigMutation, useGetExternalMappingQuery, useGetCredentialsListQuery, useCreateExternalMappingMutation, useDeleteExternalMappingMutation, useGetMemsearchConfigQuery, useUpdateMemsearchConfigMutation, useGetCustomMentorsQuery, useGetStripeConnectStatusQuery, useStartStripeConnectOnboardingMutation, useLazyGetStripeConnectDashboardQuery, useGetAiSearchMentorsQuery, useListPaywallsQuery, useListPricesQuery, useCreatePriceMutation, useUpdatePriceMutation, useDeletePriceMutation, useGetPaywallConfigQuery, useEnablePaywallMutation, useUpdatePaywallMutation, useGetNotificationsCountQuery, useLazyGetNotificationsQuery, useMarkAllAsReadMutation, useCreateNotificationPreviewMutation, useSendNotificationMutation, useGetMentorsQuery, useUpdateTemplateMutation, useGetTemplateDetailsQuery, useGetTemplatesQuery, useLazyGetTemplateDetailsQuery, useToggleTemplateMutation, useGetTopicsStatsQuery, useGetUsersStatsQuery, useGetSessionStatsQuery, useGetTopicsDetailsStatsQuery, useGetAccessTimeHeatmapQuery, useGetUserDetailsStatsQuery, useGetTranscriptsConversationHeadlineQuery, useGetAverageRatingQuery, useGetFinancialStatsQuery, useGetDetailedFinancialStatsQuery, useGetTranscriptsMessagesDetailsQuery, useGetTranscriptsMessagesQuery, useGetReportDetailQuery, useLazyGetDownloadReportFromURLQuery, useGetReportsQuery, useCreateReportMutation, useGetMentorPublicSettingsQuery, useGetContentAnalyticsQuery, useGetContentAnalyticsDetailsQuery, useGetRevenueQuery, useListSubscribersQuery, useGetAuditLogsQuery, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetUserEnrolledCoursesQuery, useLazyGetUserAssignedCoursesQuery, useLazyGetUserCredentialsQuery, useLazyGetOverTimeActivityQuery, useLazyGetCatalogSearchQuery, useGetUserEarnedSkillsQuery, useGetUserReportedSkillsQuery, useGetUserDesiredSkillsQuery, useCreateOrUpdateUserReportedSkillMutation, useCreateOrUpdateUserDesiredSkillMutation, useLazyGetPathwayListQuery, useLazyGetUserAssignedPathwaysQuery, useLazyGetUserEnrolledPathwaysQuery, useLazyGetPathwayCompletionQuery, useLazyGetProgramListQuery, useLazyGetProgramCompletionQuery, useLazyGetUserEnrolledProgramsQuery, useLazyGetAssignedProgramsQuery, useLazyGetUserSkillsPointsQuery, useLazyGetUserReportedSkillsQuery, useLazyGetUserDesiredSkillsQuery, useLazyGetUserCatalogPathwaysQuery, useLazyGetPerLearnerInfoQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useLazyGetPersonnalizedSearchQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useGetClawMentorConfigQuery, useGetClawInstancesQuery, useGetAgentConfigQuery, useUpdateClawMentorConfigMutation, useCreateClawMentorConfigMutation, useDeleteClawMentorConfigMutation, usePushClawConfigMutation, useCreateClawInstanceMutation, useDeleteClawInstanceMutation, useUpdateAgentConfigMutation, useHealthCheckClawInstanceMutation, useTestConnectivityClawInstanceMutation, useUpdateClawInstanceMutation, useGetAgentSkillsQuery, useGetMentorSkillAssignmentsQuery, useCreateMentorSkillAssignmentMutation, useUpdateMentorSkillAssignmentMutation, useDeleteMentorSkillAssignmentMutation, useCreateAgentSkillMutation, useUpdateAgentSkillMutation, useDeleteAgentSkillMutation, useCreateCheckoutMutation, useGetUserProjectsQuery, useUpdateUserProjectMutation, useGetTrainingDocumentsQuery, useGetVectorDocumentsQuery, useGetMentorMemoriesListQuery, useGetMemoryCategoriesAdminQuery, useDeleteMentorMemoryMutation, useUpdateMentorMemoryMutation, useCreateMentorMemoryMutation, useLazyGetConnectedServiceAuthUrlQuery, useGetPublicMentorsQuery, useCreateUserProjectMutation, useDeleteUserProjectMutation, useGetUserProjectDetailsQuery, useEditTrainingDocumentMutation, useAddTrainingDocumentMutation, useLazyGetCredentialsQuery, useGetMentorSettingsQuery, useEditMentorMutation, useGetPromptCategoriesQuery, useCreatePromptMutation, useDeletePromptMutation, useGetPromptsSearchQuery, useUpdatePromptMutation, useDeleteTrainingDocumentMutation, useGetTrainingDocumentRetrainScheduleQuery, useCreateTrainingDocumentRetrainScheduleMutation } from '@iblai/data-layer';
+import { useTimeTrackingMutation, useGetUserMetadataQuery, useGetUserMetadataEdxQuery, useUpdateUserMetadataMutation, useUpdateUserMetadataEdxMutation, useUploadProfileImageMutation, useResetPasswordMutation, useSelfRetireMutation, useCreateUserInstitutionMutation, useGetUserInstitutionsQuery, useCreateUserEducationMutation, useUpdateUserEducationMutation, useDeleteUserEducationMutation, useGetUserEducationQuery, useCreateUserCompanyMutation, useGetUserCompaniesQuery, useCreateUserExperienceMutation, useUpdateUserExperienceMutation, useDeleteUserExperienceMutation, useGetUserExperienceQuery, useGetUserResumeQuery, useCreateUserResumeMutation, useGetMySubscriptionsQuery, useGetItemSubscriptionQuery, useCancelSubscriptionMutation, useCreateGlobalMemoryMutation, useGetMemsearchStatusQuery, useGetUserMemorySettingsQuery, useUpdateUserMemorySettingsMutation, useGetGlobalMemoriesQuery, useDeleteGlobalMemoryMutation, useInviteUserMutation, usePlatformInvitationsQuery, useCreateCatalogInvitationCourseBulkMutation, useGetCatalogInvitationsCourseQuery, useLazyPlatformUsersQuery, useLazyPlatformUserGroupsQuery, useGetPersonnalizedSearchQuery, useCreateCatalogInvitationProgramBulkMutation, useGetCatalogInvitationsProgramQuery, 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, useDeleteApiKeyMutation, useGetApiKeysQuery, useCreateApiKeyMutation, useCreateLLMCredentialMutation, useGetCredentialsSchemaQuery, useGetMaskedLLMCredentialsQuery, useGetLlmsQuery, useDeleteIntegrationCredentialMutation, useDeleteCredentialMutation, useCreateIntegrationCredentialMutation, useGetIntegrationCredentialsSchemaQuery, useGetMaskedIntegrationCredentialsQuery, useGetAccountBillingInfoQuery, useUpdateAutoRechargeInfoMutation, useTriggerAutoRechargeMutation, useCreateStripeCustomerPortalMutation, useSetPlatformConfigurationsMutation, useGetPlatformConfigurationsQuery, useUpdatePlatformMembershipMutation, useGetPlatformMembershipQuery, useGetCustomDomainsQuery, useCreateCustomDomainMutation, useDeleteCustomDomainMutation, useGetStudentMentorCreationStatusQuery, useSetStudentMentorCreationStatusMutation, coreApiSlice, recommendationPromptTypeEnum, useGetRecommendedPromptsListQuery, useCreateRecommendedPromptMutation, useUpdateRecommendedPromptMutation, useDeleteRecommendedPromptMutation, useLazyGetPublicPlatformImageAssetFileUrlQuery, useUpdateTenantMetadataMutation, useCreatePlatformImageAssetMutation, useGetProviderConfigQuery, useCreateProviderConfigMutation, useDeleteProviderConfigMutation, useGetExternalMappingQuery, useGetCredentialsListQuery, useCreateExternalMappingMutation, useDeleteExternalMappingMutation, useGetMemsearchConfigQuery, useUpdateMemsearchConfigMutation, useGetCustomMentorsQuery, useGetStripeConnectStatusQuery, useStartStripeConnectOnboardingMutation, useLazyGetStripeConnectDashboardQuery, useGetAiSearchMentorsQuery, useListPaywallsQuery, useListPricesQuery, useCreatePriceMutation, useUpdatePriceMutation, useDeletePriceMutation, useGetPaywallConfigQuery, useEnablePaywallMutation, useUpdatePaywallMutation, useGetNotificationsCountQuery, useLazyGetNotificationsQuery, useMarkAllAsReadMutation, useCreateNotificationPreviewMutation, useSendNotificationMutation, useGetMentorsQuery, useUpdateTemplateMutation, useGetTemplateDetailsQuery, useGetTemplatesQuery, useLazyGetTemplateDetailsQuery, useToggleTemplateMutation, useGetTopicsStatsQuery, useGetUsersStatsQuery, useGetSessionStatsQuery, useGetTopicsDetailsStatsQuery, useGetAccessTimeHeatmapQuery, useGetUserDetailsStatsQuery, useGetTranscriptsConversationHeadlineQuery, useGetAverageRatingQuery, useGetFinancialStatsQuery, useGetDetailedFinancialStatsQuery, useGetTranscriptsMessagesDetailsQuery, useGetTranscriptsMessagesQuery, useGetReportDetailQuery, useLazyGetDownloadReportFromURLQuery, useGetReportsQuery, useCreateReportMutation, useGetMentorPublicSettingsQuery, useGetContentAnalyticsQuery, useGetContentAnalyticsDetailsQuery, useGetRevenueQuery, useListSubscribersQuery, useGetAuditLogsQuery, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetUserEnrolledCoursesQuery, useLazyGetUserAssignedCoursesQuery, useLazyGetUserCredentialsQuery, useLazyGetOverTimeActivityQuery, useLazyGetCatalogSearchQuery, useGetUserEarnedSkillsQuery, useGetUserReportedSkillsQuery, useGetUserDesiredSkillsQuery, useCreateOrUpdateUserReportedSkillMutation, useCreateOrUpdateUserDesiredSkillMutation, useLazyGetPathwayListQuery, useLazyGetUserAssignedPathwaysQuery, useLazyGetUserEnrolledPathwaysQuery, useLazyGetPathwayCompletionQuery, useLazyGetProgramListQuery, useLazyGetProgramCompletionQuery, useLazyGetUserEnrolledProgramsQuery, useLazyGetAssignedProgramsQuery, useLazyGetUserSkillsPointsQuery, useLazyGetUserReportedSkillsQuery, useLazyGetUserDesiredSkillsQuery, useLazyGetUserCatalogPathwaysQuery, useLazyGetPerLearnerInfoQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useLazyGetPersonnalizedSearchQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useGetClawMentorConfigQuery, useGetClawInstancesQuery, useGetAgentConfigQuery, useUpdateClawMentorConfigMutation, useCreateClawMentorConfigMutation, useDeleteClawMentorConfigMutation, usePushClawConfigMutation, useCreateClawInstanceMutation, useDeleteClawInstanceMutation, useUpdateAgentConfigMutation, useHealthCheckClawInstanceMutation, useTestConnectivityClawInstanceMutation, useUpdateClawInstanceMutation, useGetAgentSkillsQuery, useGetMentorSkillAssignmentsQuery, useCreateMentorSkillAssignmentMutation, useUpdateMentorSkillAssignmentMutation, useDeleteMentorSkillAssignmentMutation, useCreateAgentSkillMutation, useUpdateAgentSkillMutation, useDeleteAgentSkillMutation, useCreateCheckoutMutation, useGetUserProjectsQuery, useUpdateUserProjectMutation, useGetTrainingDocumentsQuery, useGetVectorDocumentsQuery, useGetMentorMemoriesListQuery, useGetMemoryCategoriesAdminQuery, useDeleteMentorMemoryMutation, useUpdateMentorMemoryMutation, useCreateMentorMemoryMutation, useLazyGetConnectedServiceAuthUrlQuery, useGetPublicMentorsQuery, useCreateUserProjectMutation, useDeleteUserProjectMutation, useGetUserProjectDetailsQuery, useEditTrainingDocumentMutation, useAddTrainingDocumentMutation, useLazyGetCredentialsQuery, useGetMentorSettingsQuery, useEditMentorMutation, useGetMentorCategoriesQuery, useCreateMentorMutation, useGetPromptCategoriesQuery, useCreatePromptMutation, useDeletePromptMutation, useGetPromptsSearchQuery, useUpdatePromptMutation, useDeleteTrainingDocumentMutation, useGetTrainingDocumentRetrainScheduleQuery, useCreateTrainingDocumentRetrainScheduleMutation } from '@iblai/data-layer';
 import { toast, Toaster as Toaster$1 } from 'sonner';
 import { jsx, Fragment as Fragment$1, jsxs } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
@@ -88315,7 +88315,19 @@ function ProgramsTab({ tenant, currentPage, itemsPerPage, hasManageUsersPermissi
                                         })) })] }) }) }) }) }), isCSVEditorOpen && (jsx(CSVEditor, { csvData: parsedCSVData, onSave: handleCSVEditorSave, onCancel: handleCSVEditorCancel }))] }));
 }
 
-function InviteUserDialog({ tenant, onClose, isOpen, enableCatalogInvite = false, hasManageUsersPermission = false, }) {
+/**
+ * The single source of the Invite User experience — header, tabs
+ * (Users / Courses / Programs), invite forms and the paginated invitation list.
+ *
+ * Used two ways:
+ * - directly on a page (`variant="page"`, the default), or
+ * - inside {@link InviteUserDialog} (`variant="dialog"`), which renders this
+ *   component verbatim so the modal stays byte-for-byte identical to before.
+ *
+ * The component owns all of its own state and data-fetching, so it is fully
+ * self-contained.
+ */
+function InviteUserContent({ tenant, enableCatalogInvite = false, hasManageUsersPermission = false, variant = 'page', className, }) {
     useTenantMetadata({
         org: tenant,
     });
@@ -88345,13 +88357,6 @@ function InviteUserDialog({ tenant, onClose, isOpen, enableCatalogInvite = false
     const handleInviteSuccess = () => {
         // Callback for when invite is successful - can be used for additional logic
     };
-    // Reset state when dialog closes
-    useEffect(() => {
-        if (!isOpen) {
-            setCurrentPage(1);
-            setActiveTab('users');
-        }
-    }, [isOpen]);
     // Reset to users tab if catalog invite is disabled
     useEffect(() => {
         if (!enableCatalogInvite && activeTab !== 'users') {
@@ -88396,7 +88401,21 @@ function InviteUserDialog({ tenant, onClose, isOpen, enableCatalogInvite = false
         }
     };
     const headerContent = getHeaderContent();
-    return (jsx(Fragment$1, { children: jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: jsxs(DialogContent, { className: "sm:max-w-7xl w-[95vw] p-0 gap-0 mx-auto my-auto rounded-lg flex flex-col justify-between max-h-[90vh]", "aria-describedby": "invite-users-description", children: [jsxs(DialogHeader, { className: "p-4 pt-[30px] flex-shrink-0 border-b border-gray-200", children: [jsx(DialogTitle, { className: "text-lg font-medium text-gray-900 dark:text-gray-100", children: headerContent.title }), jsx(DialogDescription, { id: "invite-users-description", className: "text-sm text-gray-600 leading-relaxed", children: headerContent.description })] }), jsx("div", { className: "flex-grow overflow-y-auto scrollbar-hide p-2 sm:p-4 pb-20 max-h-[60vh]", children: enableCatalogInvite ? (jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "w-full", children: [jsxs(TabsList, { className: "grid w-full grid-cols-3 mb-6", children: [jsxs(TabsTrigger, { value: "users", className: "flex items-center gap-2", children: [jsx(Users, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Users" })] }), jsxs(TabsTrigger, { value: "courses", className: "flex items-center gap-2", children: [jsx(BookOpen, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Courses" })] }), jsxs(TabsTrigger, { value: "programs", className: "flex items-center gap-2", children: [jsx(GraduationCap, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Programs" })] })] }), jsx(TabsContent, { value: "users", children: jsx(UsersTab$1, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, onInviteSuccess: handleInviteSuccess }) }), jsx(TabsContent, { value: "courses", children: jsx(CoursesTab, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, hasManageUsersPermission: hasManageUsersPermission }) }), jsx(TabsContent, { value: "programs", children: jsx(ProgramsTab, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, hasManageUsersPermission: hasManageUsersPermission }) })] })) : (jsx(UsersTab$1, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, onInviteSuccess: handleInviteSuccess })) }), currentData && currentData.count > 0 && (jsx("div", { className: "flex items-center justify-between border-t border-gray-200 px-3 sm:px-6 py-3 sm:py-4 bg-gray-50 flex-shrink-0", children: jsxs("div", { className: "flex flex-1 items-center justify-between", children: [jsx("div", { className: "hidden sm:block", children: jsxs("p", { className: "text-sm text-gray-700", children: ["Showing", ' ', jsx("span", { className: "font-medium", children: (currentPage - 1) * itemsPerPage + 1 }), " to", ' ', jsx("span", { className: "font-medium", children: Math.min(currentPage * itemsPerPage, currentData.count) }), ' ', "of ", jsx("span", { className: "font-medium", children: currentData.count }), " invites"] }) }), jsxs("div", { className: "flex items-center justify-center gap-1 sm:gap-2", children: [jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-0 flex items-center justify-center rounded-md border-gray-300 hover:bg-gray-100 hidden sm:flex bg-transparent", onClick: () => setCurrentPage(1), disabled: currentPage === 1, "aria-label": "Go to first page", children: jsx(ChevronFirst, { className: "h-4 w-4" }) }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 px-2 sm:p-0 flex items-center justify-center rounded-md border-none sm:border-gray-300 hover:bg-gray-100 text-xs sm:text-sm bg-transparent", onClick: () => setCurrentPage(currentPage - 1), disabled: currentPage === 1, "aria-label": "Go to previous page", children: [jsx(ChevronLeft, { className: "h-4 w-4 mr-1 sm:mr-0" }), jsx("span", { className: "sm:hidden", children: "Prev" })] }), jsxs("span", { className: "text-xs sm:text-sm text-gray-700 mx-1 sm:mx-2 px-2", children: [jsx("span", { className: "hidden sm:inline", children: "Page " }), currentPage, " ", jsx("span", { className: "hidden sm:inline", children: "of " }), jsx("span", { className: "inline sm:hidden", children: " / " }), totalPages] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 px-2 sm:p-0 flex items-center justify-center rounded-md border-none sm:border-gray-300 hover:bg-gray-100 text-xs sm:text-sm bg-transparent", onClick: () => setCurrentPage(currentPage + 1), disabled: currentPage === totalPages, "aria-label": "Go to next page", children: [jsx("span", { className: "sm:hidden", children: "Next" }), jsx(ChevronRight, { className: "h-4 w-4 ml-1 sm:ml-0" })] }), jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-0 flex items-center justify-center rounded-md border-gray-300 hover:bg-gray-100 hidden sm:flex bg-transparent", onClick: () => setCurrentPage(totalPages), disabled: currentPage === totalPages, "aria-label": "Go to last page", children: jsx(ChevronLast, { className: "h-4 w-4" }) })] })] }) }))] }) }) }));
+    // ── Shared body (identical in both variants) ──────────────────────────────
+    const tabsBody = enableCatalogInvite ? (jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "w-full", children: [jsxs(TabsList, { className: "grid w-full grid-cols-3 mb-6", children: [jsxs(TabsTrigger, { value: "users", className: "flex items-center gap-2", children: [jsx(Users, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Users" })] }), jsxs(TabsTrigger, { value: "courses", className: "flex items-center gap-2", children: [jsx(BookOpen, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Courses" })] }), jsxs(TabsTrigger, { value: "programs", className: "flex items-center gap-2", children: [jsx(GraduationCap, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Programs" })] })] }), jsx(TabsContent, { value: "users", children: jsx(UsersTab$1, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, onInviteSuccess: handleInviteSuccess }) }), jsx(TabsContent, { value: "courses", children: jsx(CoursesTab, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, hasManageUsersPermission: hasManageUsersPermission }) }), jsx(TabsContent, { value: "programs", children: jsx(ProgramsTab, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, hasManageUsersPermission: hasManageUsersPermission }) })] })) : (jsx(UsersTab$1, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, onInviteSuccess: handleInviteSuccess }));
+    const pagination = currentData && currentData.count > 0 && (jsx("div", { className: "flex items-center justify-between border-t border-gray-200 px-3 sm:px-6 py-3 sm:py-4 bg-gray-50 flex-shrink-0", children: jsxs("div", { className: "flex flex-1 items-center justify-between", children: [jsx("div", { className: "hidden sm:block", children: jsxs("p", { className: "text-sm text-gray-700", children: ["Showing ", jsx("span", { className: "font-medium", children: (currentPage - 1) * itemsPerPage + 1 }), " to", ' ', jsx("span", { className: "font-medium", children: Math.min(currentPage * itemsPerPage, currentData.count) }), ' ', "of ", jsx("span", { className: "font-medium", children: currentData.count }), " invites"] }) }), jsxs("div", { className: "flex items-center justify-center gap-1 sm:gap-2", children: [jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-0 flex items-center justify-center rounded-md border-gray-300 hover:bg-gray-100 hidden sm:flex bg-transparent", onClick: () => setCurrentPage(1), disabled: currentPage === 1, "aria-label": "Go to first page", children: jsx(ChevronFirst, { className: "h-4 w-4" }) }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 px-2 sm:p-0 flex items-center justify-center rounded-md border-none sm:border-gray-300 hover:bg-gray-100 text-xs sm:text-sm bg-transparent", onClick: () => setCurrentPage(currentPage - 1), disabled: currentPage === 1, "aria-label": "Go to previous page", children: [jsx(ChevronLeft, { className: "h-4 w-4 mr-1 sm:mr-0" }), jsx("span", { className: "sm:hidden", children: "Prev" })] }), jsxs("span", { className: "text-xs sm:text-sm text-gray-700 mx-1 sm:mx-2 px-2", children: [jsx("span", { className: "hidden sm:inline", children: "Page " }), currentPage, " ", jsx("span", { className: "hidden sm:inline", children: "of " }), jsx("span", { className: "inline sm:hidden", children: " / " }), totalPages] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 px-2 sm:p-0 flex items-center justify-center rounded-md border-none sm:border-gray-300 hover:bg-gray-100 text-xs sm:text-sm bg-transparent", onClick: () => setCurrentPage(currentPage + 1), disabled: currentPage === totalPages, "aria-label": "Go to next page", children: [jsx("span", { className: "sm:hidden", children: "Next" }), jsx(ChevronRight, { className: "h-4 w-4 ml-1 sm:ml-0" })] }), jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-0 flex items-center justify-center rounded-md border-gray-300 hover:bg-gray-100 hidden sm:flex bg-transparent", onClick: () => setCurrentPage(totalPages), disabled: currentPage === totalPages, "aria-label": "Go to last page", children: jsx(ChevronLast, { className: "h-4 w-4" }) })] })] }) }));
+    // ── Dialog variant: the exact markup InviteUserDialog has always rendered ──
+    // Returned as a fragment so the three blocks remain direct children of the
+    // dialog's <DialogContent>, byte-for-byte identical to the original.
+    if (variant === 'dialog') {
+        return (jsxs(Fragment$1, { children: [jsxs(DialogHeader, { className: "p-4 pt-[30px] flex-shrink-0 border-b border-gray-200", children: [jsx(DialogTitle, { className: "text-lg font-medium text-gray-900 dark:text-gray-100", children: headerContent.title }), jsx(DialogDescription, { id: "invite-users-description", className: "text-sm text-gray-600 leading-relaxed", children: headerContent.description })] }), jsx("div", { className: "flex-grow overflow-y-auto scrollbar-hide p-2 sm:p-4 pb-20 max-h-[60vh]", children: tabsBody }), pagination] }));
+    }
+    // ── Page variant: a plain in-page block that flows normally ───────────────
+    return (jsxs("div", { className: cn('w-full', className), children: [jsxs("div", { className: "border-b border-gray-200 pb-4", children: [jsx("h2", { className: "text-lg font-medium text-gray-900 dark:text-gray-100", children: headerContent.title }), jsx("p", { className: "text-sm text-gray-600 leading-relaxed", children: headerContent.description })] }), jsx("div", { className: "py-4", children: tabsBody }), pagination] }));
+}
+
+function InviteUserDialog({ tenant, onClose, isOpen, enableCatalogInvite = false, hasManageUsersPermission = false, }) {
+    return (jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: jsx(DialogContent, { className: "sm:max-w-7xl w-[95vw] p-0 gap-0 mx-auto my-auto rounded-lg flex flex-col justify-between max-h-[90vh]", "aria-describedby": "invite-users-description", children: jsx(InviteUserContent, { tenant: tenant, enableCatalogInvite: enableCatalogInvite, hasManageUsersPermission: hasManageUsersPermission, variant: "dialog" }) }) }));
 }
 
 function InvitedUsersDialog({ tenant, onClose, }) {
@@ -201435,6 +201454,382 @@ var projectInstructionsModal = /*#__PURE__*/Object.freeze({
     ProjectInstructionsModal: ProjectInstructionsModal
 });
 
+/**
+ * A thin Dialog wrapping a single {@link RichTextEditor} for editing one prompt
+ * string. Modeled on the edit-mentor prompts-tab system-prompt editor.
+ */
+function EditAgentPromptModal({ isOpen, onClose, label, value, onSave, disabled = false, saveLabel = 'Save', }) {
+    const [draft, setDraft] = React.useState(value);
+    // Reset the draft to the latest value whenever the modal (re)opens.
+    React.useEffect(() => {
+        if (isOpen)
+            setDraft(value);
+    }, [isOpen, value]);
+    return (jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: jsxs(DialogContent, { className: "w-full", children: [jsx(DialogHeader, { children: jsxs(DialogTitle, { className: "text-start text-base font-semibold text-[#646464]", children: ["Edit ", label] }) }), jsx("div", { className: "mt-7 grid gap-4", children: jsx(RichTextEditor, { value: draft, onChange: setDraft, disabled: disabled }) }), jsx(DialogFooter, { children: jsx("div", { className: "flex justify-end gap-2 pt-4", children: jsx(Button$1, { type: "button", className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", disabled: disabled, onClick: () => {
+                                onSave(draft);
+                                onClose();
+                            }, children: saveLabel }) }) })] }) }));
+}
+
+/**
+ * Package-local defaults for the Create Agent form.
+ *
+ * These mirror the values the mentorai app uses (apps/mentor/lib/constants.ts)
+ * but with neutral, env-independent literals so the component works for any SDK
+ * consumer. Hosts that need different options pass `modelOptions`,
+ * `visibilityOptions`, `defaultPrompts` or `initialValues`.
+ */
+/** Neutral default base template (`template_name`) for a new agent. */
+const DEFAULT_AGENT_TEMPLATE = 'ai-mentor';
+const DEFAULT_AGENT_PROMPTS = {
+    system: `You are a helpful instructor, ready to answer the student's questions. Answer quickly and concisely.  Offer to go in depth or explain with an example where necessary. Will tip you $200 if the student understands what you say.
+
+Given this information, help students understand  by providing explanations, examples, analogies.
+Given the data you will receive from the vector store extracted parts of a long document and a question, create a final answer. Do not tell the user how you are going to answer the question. If and ONLY if the current message from the user is  a greeting, greet back and ask them how you may help them. DO NOT needlessly keep greeting or repeating messages to the user. If the there is no data from the document or it is blank, or no chat history, do not tell the user that the document is blank and also do not tell them that you have not asked any questions  just answer normally with your own knowledge
+
+IMPORTANT: You must ONLY reply to the current message from the user.
+Always use LaTeX formatting for presenting your responses and for mathematical equations to ensure clarity when displaying to the user.`,
+    moderation: `
+You are a moderator tasked with identifying whether a prompt from a user is appropriate or inappropriate. Any prompt that is immoral or contains abusive words, insults, query that involve damaging content, and law breaking acts, etc should be deemed inappropriate. Otherwise it is deemed appropriate.
+`,
+    proactive: `
+The user has entered the chat session. Based on the conversation history, initiate interaction with the user to keep the conversation going.
+`,
+    guided: `
+Generate suggested prompts for the user based on the conversation.
+`,
+};
+const DEFAULT_VISIBILITY_OPTIONS = [
+    { label: 'Administrators', value: 'viewable_by_tenant_admins' },
+    { label: 'Students', value: 'viewable_by_tenant_students' },
+    { label: 'Anyone', value: 'viewable_by_anyone' },
+];
+/** Index into DEFAULT_VISIBILITY_OPTIONS used as the initial visibility. */
+const DEFAULT_VISIBILITY_INDEX = 1; // Students
+const DEFAULT_MODEL_OPTIONS = [
+    { label: 'Default', value: DEFAULT_AGENT_TEMPLATE },
+    { label: 'OpenAI', value: 'openai-agent' },
+    { label: 'Gemini', value: 'google-agent' },
+];
+
+/** Strip `undefined` values so a partial override only overrides set keys. */
+function pickDefined(obj) {
+    if (!obj)
+        return {};
+    const out = {};
+    for (const key of Object.keys(obj)) {
+        if (obj[key] !== undefined)
+            out[key] = obj[key];
+    }
+    return out;
+}
+/**
+ * Owns the Create Agent form state (TanStack form), the categories query, and
+ * the create mutation. Identity/config come in as args (no app context), and
+ * side effects are callbacks (no toast/navigation), so it works for any host.
+ */
+function useCreateAgentForm({ org, username, initialValues, defaultPrompts, modelOptions, visibilityOptions, onCreated, onError, onBeforeCreate, }) {
+    var _a, _b, _c, _d, _e, _f;
+    const { data: categories, isLoading: isLoadingCategories } = useGetMentorCategoriesQuery(
+    // @ts-expect-error userId is not part of the query type definition
+    { org, userId: username }, {
+        skip: !org || !username,
+    });
+    const [createMentor, { isLoading: isCreating }] = useCreateMentorMutation();
+    const models = modelOptions !== null && modelOptions !== void 0 ? modelOptions : DEFAULT_MODEL_OPTIONS;
+    const visibilities = visibilityOptions !== null && visibilityOptions !== void 0 ? visibilityOptions : DEFAULT_VISIBILITY_OPTIONS;
+    const prompts = { ...DEFAULT_AGENT_PROMPTS, ...pickDefined(defaultPrompts) };
+    const baseDefaults = {
+        name: '',
+        description: '',
+        category: null,
+        file: null,
+        base: (_b = (_a = models[0]) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : DEFAULT_AGENT_TEMPLATE,
+        systemPrompt: prompts.system,
+        proactivePrompt: prompts.proactive,
+        guidedPrompt: prompts.guided,
+        moderationPrompt: prompts.moderation,
+        mentorVisibility: (_f = (_d = (_c = visibilities[DEFAULT_VISIBILITY_INDEX]) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : (_e = visibilities[0]) === null || _e === void 0 ? void 0 : _e.value) !== null && _f !== void 0 ? _f : '',
+    };
+    const defaultValues = {
+        ...baseDefaults,
+        ...pickDefined(initialValues),
+    };
+    const form = useForm({
+        defaultValues,
+        onSubmit: async ({ value }) => {
+            var _a;
+            try {
+                const mentor = await createMentor({
+                    org,
+                    formData: {
+                        // @ts-expect-error - the API accepts a File upload for uploaded_profile_image,
+                        // but the generated form-data type declares it as a string.
+                        uploaded_profile_image: (_a = value.file) !== null && _a !== void 0 ? _a : undefined,
+                        new_mentor_name: value.name,
+                        display_name: value.name,
+                        template_name: value.base,
+                        metadata: {
+                            category: value.category,
+                        },
+                        guided_prompt_instructions: value.guidedPrompt,
+                        proactive_prompt: value.proactivePrompt,
+                        moderation_system_prompt: value.moderationPrompt,
+                        system_prompt: value.systemPrompt,
+                        description: value.description,
+                        mentor_visibility: value.mentorVisibility,
+                        ...(value.category && { categories: [value.category] }),
+                    },
+                    userId: username,
+                }).unwrap();
+                onCreated === null || onCreated === void 0 ? void 0 : onCreated(mentor);
+            }
+            catch (error) {
+                onError === null || onError === void 0 ? void 0 : onError(error);
+            }
+        },
+    });
+    const name = useStore(form.store, (state) => state.values.name);
+    const description = useStore(form.store, (state) => state.values.description);
+    const category = useStore(form.store, (state) => state.values.category);
+    const file = useStore(form.store, (state) => state.values.file);
+    const systemPrompt = useStore(form.store, (state) => state.values.systemPrompt);
+    const proactivePrompt = useStore(form.store, (state) => state.values.proactivePrompt);
+    const guidedPrompt = useStore(form.store, (state) => state.values.guidedPrompt);
+    const editPrompt = (prompt, type) => {
+        form.setFieldValue(type, prompt);
+    };
+    /** Runs the optional create gate, then submits. */
+    const handleSubmit = async () => {
+        if (onBeforeCreate) {
+            const proceed = await onBeforeCreate();
+            if (!proceed)
+                return;
+        }
+        form.handleSubmit();
+    };
+    return {
+        form,
+        categories,
+        isLoadingCategories,
+        isCreating,
+        models,
+        visibilities,
+        name,
+        description,
+        category,
+        file,
+        systemPrompt,
+        proactivePrompt,
+        guidedPrompt,
+        editPrompt,
+        handleSubmit,
+    };
+}
+
+/**
+ * Label contract for the Create Agent form + modal.
+ *
+ * Mirrors the edit-mentor tab label system: the package ships a single default
+ * "agent" bundle (`CREATE_AGENT_LABELS`) and hosts override only the strings
+ * they care about via `labels?: DeepPartial<CreateAgentLabels>`. Anything the
+ * host doesn't provide falls back to the default bundle.
+ */
+/** Default "agent" label bundle. */
+const CREATE_AGENT_LABELS = {
+    header: {
+        title: 'Create Agent',
+        description: 'Create a new agent by filling out the required information and customizing prompts',
+    },
+    tabs: {
+        settings: 'Settings',
+        prompts: 'Prompts',
+    },
+    fields: {
+        name: {
+            label: 'Name',
+            placeholder: 'Agent Name',
+            requiredError: 'Agent name is required',
+        },
+        description: {
+            label: 'Description',
+            placeholder: 'Agent Description',
+            requiredError: 'Agent description is required',
+        },
+        category: {
+            label: 'Category',
+            triggerPlaceholder: 'Select category...',
+            searchPlaceholder: 'Search category...',
+            emptyState: 'No Category found.',
+        },
+        visibility: {
+            label: 'Agent Visibility',
+            triggerPlaceholder: 'Select a visibility',
+        },
+        base: {
+            label: 'Base',
+            triggerPlaceholder: 'Select base',
+        },
+        image: {
+            label: 'Image',
+            altText: 'Agent Image',
+            uploadHint: '+ Upload',
+            removeAriaLabel: 'Remove uploaded image',
+        },
+    },
+    prompts: {
+        // Tooltip text matches the original create-mentor modal exactly (its
+        // per-card tooltips are mapped as below); only "mentor" → "agent" wording
+        // differs, and every string is overridable via the `labels` prop.
+        system: {
+            title: 'System Prompts',
+            tooltip: 'Suggested prompts to guide the user',
+        },
+        proactive: {
+            title: 'Proactive Prompts',
+            tooltip: 'The system prompt defines the agent’s behavior',
+        },
+        guided: {
+            title: 'Guided Prompts',
+            tooltip: 'The proactive prompt guides the conversation',
+        },
+        edit: 'Edit',
+        save: 'Save',
+    },
+    actions: {
+        next: 'Next',
+        create: 'Save',
+        creating: 'Saving...',
+        cancel: 'Cancel',
+    },
+};
+/**
+ * Deep-merge a host's partial `labels` override on top of the default bundle.
+ * The returned object is a complete `CreateAgentLabels`.
+ */
+function resolveCreateAgentLabels(override) {
+    if (!override)
+        return CREATE_AGENT_LABELS;
+    return deepMerge(CREATE_AGENT_LABELS, override);
+}
+
+/**
+ * Embeddable, prefillable "Create Agent" form (Settings + Prompts tabs) with no
+ * dialog shell. Drop it directly onto a page, or let {@link CreateAgentModal}
+ * wrap it in a modal. Identity/config are props (no app context) and side
+ * effects are callbacks (no toast/navigation), so it works for any SDK host.
+ */
+function CreateAgentForm({ org, username, initialValues, showBaseModel = false, visibilityOptions, modelOptions, defaultPrompts, onCreated, onError, onBeforeCreate, labels: labelsOverride, className, }) {
+    const labels = resolveCreateAgentLabels(labelsOverride);
+    const fileInputRef = React__default.useRef(null);
+    const [activeTab, setActiveTab] = React__default.useState('settings');
+    const [selectedPrompt, setSelectedPrompt] = React__default.useState(null);
+    const { form, categories, isLoadingCategories, isCreating, models, visibilities, name, description, category, file, systemPrompt, proactivePrompt, guidedPrompt, editPrompt, handleSubmit, } = useCreateAgentForm({
+        org,
+        username,
+        initialValues,
+        defaultPrompts,
+        modelOptions,
+        visibilityOptions,
+        onCreated,
+        onError,
+        onBeforeCreate,
+    });
+    const isDisabled = isLoadingCategories || isCreating;
+    const disablePromptsTab = name === '' || description === '' || category === null;
+    const promptValueFor = (field) => field === 'systemPrompt'
+        ? systemPrompt
+        : field === 'proactivePrompt'
+            ? proactivePrompt
+            : guidedPrompt;
+    // Per-card text mirrors the original create-mentor modal exactly, including
+    // the aria-label casing.
+    const promptCards = [
+        {
+            field: 'systemPrompt',
+            label: 'System Prompt',
+            meta: labels.prompts.system,
+            infoAria: 'System prompts information',
+            contentAria: 'System prompt content',
+        },
+        {
+            field: 'proactivePrompt',
+            label: 'Proactive Prompt',
+            meta: labels.prompts.proactive,
+            infoAria: 'Proactive prompts information',
+            contentAria: 'Proactive prompt content',
+        },
+        {
+            field: 'guidedPrompt',
+            label: 'Guided Prompt',
+            meta: labels.prompts.guided,
+            infoAria: 'Guided prompts information',
+            contentAria: 'Guided prompt content',
+        },
+    ];
+    return (jsxs("div", { className: cn('space-y-6', className), children: [jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "w-full", children: [jsxs(TabsList, { className: "justify-start", children: [jsx(TabsTrigger, { value: "settings", className: "rounded-md bg-gray-100 px-4 py-2 text-sm font-medium text-gray-600 hover:bg-gray-200 data-[state=active]:bg-gradient-to-r data-[state=active]:from-[#2563EB] data-[state=active]:to-[#93C5FD] data-[state=active]:text-white", children: labels.tabs.settings }), jsx(TabsTrigger, { value: "prompts", disabled: disablePromptsTab, className: "rounded-md bg-gray-100 px-4 py-2 text-sm font-medium text-gray-600 hover:bg-gray-200 data-[state=active]:bg-gradient-to-r data-[state=active]:from-[#2563EB] data-[state=active]:to-[#93C5FD] data-[state=active]:text-white", children: labels.tabs.prompts })] }), jsx(TabsContent, { value: "settings", children: jsxs("div", { className: "space-y-6", children: [jsxs("div", { className: "flex flex-col gap-6 md:flex-row", children: [jsxs("div", { className: "order-2 space-y-6 md:order-1 md:flex-1", children: [jsx(form.Field, { name: "name", children: (field) => {
+                                                        const hasNoValueAndIsDirty = field.state.value === '' && field.state.meta.isDirty;
+                                                        return (jsxs("div", { className: "space-y-2", children: [jsxs("label", { className: "flex items-center text-sm font-medium text-gray-700", children: [labels.fields.name.label, jsx("span", { className: "ml-1 text-red-500", children: "*" })] }), jsx(Input, { placeholder: labels.fields.name.placeholder, value: field.state.value, onChange: (e) => field.handleChange(e.target.value), autoComplete: "name", disabled: isDisabled }), hasNoValueAndIsDirty && (jsx("p", { className: "text-red-500 text-xs", children: labels.fields.name.requiredError }))] }));
+                                                    } }), jsx(form.Field, { name: "description", children: (field) => {
+                                                        const hasNoValueAndIsDirty = field.state.value === '' && field.state.meta.isDirty;
+                                                        return (jsxs("div", { className: "space-y-2", children: [jsxs("label", { className: "flex items-center text-sm font-medium text-gray-700", children: [labels.fields.description.label, jsx("span", { className: "ml-1 text-red-500", children: "*" })] }), jsx(Textarea, { placeholder: labels.fields.description.placeholder, value: field.state.value, onChange: (e) => field.handleChange(e.target.value), required: true, disabled: isDisabled }), hasNoValueAndIsDirty && (jsx("p", { className: "text-red-500 text-xs", children: labels.fields.description.requiredError }))] }));
+                                                    } }), jsx(form.Field, { name: "category", children: (field) => {
+                                                        var _a;
+                                                        return (jsxs("div", { className: "space-y-2", children: [jsxs("label", { className: "flex items-center text-sm font-medium text-gray-700", children: [labels.fields.category.label, jsx("span", { className: "ml-1 text-red-500", children: "*" })] }), jsxs(Popover, { children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", role: "combobox", "aria-label": "Select category", className: "w-full justify-between", children: [field.state.value
+                                                                                        ? (_a = categories === null || categories === void 0 ? void 0 : categories.find((cat) => cat.id === field.state.value)) === null || _a === void 0 ? void 0 : _a.name
+                                                                                        : labels.fields.category.triggerPlaceholder, jsx(ChevronsUpDown, { className: "opacity-50" })] }) }), jsx(PopoverContent, { "aria-label": "Categories dropdown container", role: "listbox", "aria-labelledby": "Categories dropdown container", className: "p-0 max-w-[490px] w-full sm:w-[400px] lg:w-[490px]", children: jsxs(Command, { children: [jsx(CommandInput, { placeholder: labels.fields.category.searchPlaceholder, className: "h-9" }), jsxs(CommandList, { children: [jsx(CommandEmpty, { children: labels.fields.category.emptyState }), jsx(CommandGroup, { children: categories === null || categories === void 0 ? void 0 : categories.map((cat) => (jsxs(CommandItem, { value: cat.id.toString(), onSelect: (currentValue) => {
+                                                                                                        field.handleChange(Number(currentValue));
+                                                                                                    }, children: [cat.name, jsx(Check, { className: cn('ml-auto', field.state.value === cat.id ? 'opacity-100' : 'opacity-0') })] }, cat.id))) })] })] }) })] })] }));
+                                                    } }), jsx(form.Field, { name: "mentorVisibility", children: (field) => (jsxs("div", { className: "space-y-2", children: [jsxs("label", { className: "flex items-center text-sm font-medium text-gray-700", children: [labels.fields.visibility.label, jsx("span", { className: "ml-1 text-red-500", children: "*" })] }), jsxs(Select$1, { value: field.state.value, onValueChange: (value) => field.handleChange(value), required: true, disabled: isDisabled, children: [jsx(SelectTrigger, { "aria-label": "Select agent visibility", children: jsx(SelectValue, { placeholder: labels.fields.visibility.triggerPlaceholder }) }), jsx(SelectContent, { children: visibilities.map((visibility) => (jsx(SelectItem, { value: visibility.value, children: visibility.label }, visibility.value))) })] })] })) }), showBaseModel && (jsx(form.Field, { name: "base", children: (field) => (jsxs("div", { className: "space-y-2", children: [jsxs("label", { className: "flex items-center text-sm font-medium text-gray-700", children: [labels.fields.base.label, jsx("span", { className: "ml-1 text-red-500", children: "*" })] }), jsxs(Select$1, { value: field.state.value, onValueChange: (value) => field.handleChange(value), required: true, disabled: isDisabled, children: [jsx(SelectTrigger, { "aria-label": "Select base model", children: jsx(SelectValue, { placeholder: labels.fields.base.triggerPlaceholder }) }), jsx(SelectContent, { children: models.map((model) => (jsx(SelectItem, { value: model.value, children: model.label }, model.value))) })] })] })) }))] }), jsx(form.Field, { name: "file", children: (field) => (jsxs("div", { className: "order-1 mb-4 space-y-2 md:order-2 md:mb-0 md:w-[200px]", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: labels.fields.image.label }), jsx("div", { className: "flex h-[200px] cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed border-gray-200", onClick: () => {
+                                                            var _a;
+                                                            if (isDisabled)
+                                                                return;
+                                                            (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+                                                        }, role: "button", tabIndex: 0, "aria-label": "Upload agent image", onKeyDown: (e) => {
+                                                            var _a;
+                                                            if (e.key === 'Enter' || e.key === ' ') {
+                                                                e.preventDefault();
+                                                                if (!isDisabled) {
+                                                                    (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+                                                                }
+                                                            }
+                                                        }, children: file ? (jsxs("div", { className: "relative h-full w-full", children: [jsx("img", { src: URL.createObjectURL(file), alt: labels.fields.image.altText, className: "h-full w-full object-cover", width: 200, height: 200 }), jsx(Button$1, { type: "button", variant: "outline", size: "sm", className: "absolute top-2 right-2 cursor-pointer rounded-full", onClick: (event) => {
+                                                                        if (isDisabled)
+                                                                            return;
+                                                                        event.stopPropagation();
+                                                                        field.handleChange(null);
+                                                                        if (fileInputRef.current) {
+                                                                            fileInputRef.current.value = '';
+                                                                        }
+                                                                    }, "aria-label": labels.fields.image.removeAriaLabel, children: jsx(X$1, { className: "h-3 w-3" }) })] })) : (jsx("span", { className: "text-sm text-gray-700", children: labels.fields.image.uploadHint })) }), jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", className: "hidden", onChange: (event) => {
+                                                            var _a;
+                                                            const selected = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
+                                                            if (selected) {
+                                                                field.handleChange(selected);
+                                                            }
+                                                        }, "aria-label": "Select agent image file" })] })) })] }), jsx("div", { className: "flex justify-end", children: jsx(Button$1, { type: "button", disabled: disablePromptsTab, className: "w-full gap-2 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90 sm:w-auto", onClick: () => setActiveTab('prompts'), children: labels.actions.next }) })] }) }), jsx(TabsContent, { value: "prompts", children: jsxs("form", { className: "space-y-6 mt-6", onSubmit: (formEvent) => {
+                                formEvent.preventDefault();
+                                formEvent.stopPropagation();
+                                handleSubmit();
+                            }, children: [jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: promptCards.map(({ field: fieldName, label, meta, infoAria, contentAria }) => (jsx(form.Field, { name: fieldName, children: (field) => (jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("h3", { className: "text-sm font-medium text-gray-700", children: meta.title }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("button", { type: "button", "aria-label": infoAria, className: "flex items-center justify-center", children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }) }), jsx(TooltipContent, { children: jsx("p", { children: meta.tooltip }) })] }) })] }), jsxs("div", { className: "flex h-[200px] flex-col rounded-lg bg-gray-50 p-4", children: [jsx("div", { className: "flex-1 overflow-auto", tabIndex: 0, role: "textbox", "aria-readonly": "true", "aria-label": contentAria, children: jsx("p", { className: "text-sm text-gray-600", children: field.state.value }) }), jsx("div", { className: "mt-4 flex justify-end gap-2", children: jsxs(Button$1, { type: "button", variant: "outline", size: "sm", className: "h-7 border-gray-200 px-4 text-xs font-normal text-gray-600", onClick: () => setSelectedPrompt({ field: fieldName, label }), children: [jsx(SquarePen, { className: "mr-1.5 h-3 w-3" }), labels.prompts.edit] }) })] })] })) }, fieldName))) }), jsx("div", { className: "flex justify-end", children: jsx(Button$1, { type: "submit", className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", disabled: isDisabled, children: isCreating ? labels.actions.creating : labels.actions.create }) })] }) })] }), selectedPrompt && (jsx(EditAgentPromptModal, { isOpen: !!selectedPrompt, onClose: () => setSelectedPrompt(null), label: selectedPrompt.label, value: promptValueFor(selectedPrompt.field), onSave: (value) => editPrompt(value, selectedPrompt.field), disabled: isDisabled, saveLabel: labels.prompts.save }))] }));
+}
+
+/**
+ * A thin Dialog wrapper around {@link CreateAgentForm} that reproduces the exact
+ * shell the original create modal used (same `DialogContent` classes, sr-only
+ * `DialogDescription`, `space-y-6` header/body wrapper and `ibl-dialog-title`).
+ * The modal closes itself after a successful create (still forwarding the
+ * created agent to `onCreated`).
+ */
+function CreateAgentModal({ isOpen, onClose, labels: labelsOverride, onCreated, ...formProps }) {
+    const labels = resolveCreateAgentLabels(labelsOverride);
+    const handleCreated = (mentor) => {
+        onCreated === null || onCreated === void 0 ? void 0 : onCreated(mentor);
+        onClose();
+    };
+    return (jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: jsxs(DialogContent, { className: "mx-auto w-full max-w-5xl max-h-[85vh] overflow-y-auto", children: [jsx(DialogDescription, { className: "sr-only", children: labels.header.description }), jsxs("div", { className: "space-y-6", children: [jsx(DialogHeader, { children: jsx(DialogTitle, { className: "ibl-dialog-title", children: labels.header.title }) }), jsx(CreateAgentForm, { ...formProps, labels: labelsOverride, onCreated: handleCreated })] })] }) }));
+}
+
 const defaultValues = {
     category: '',
     prompt: '',
@@ -201794,5 +202189,5 @@ var trainOrDeleteModal = /*#__PURE__*/Object.freeze({
     TrainOrDeleteModal: TrainOrDeleteModal
 });
 
-export { ACCESS_COURSE_LABEL, AccessTimeHeatmap, AccessiblePaginate, AddMentorToProjectModal, AddSkillDialog, Admin, AdvancedTab, AgentConfigPrompts, AgentSkills, AlertsTab, AnalyticsAuditLogStats, AnalyticsCourseDetail, AnalyticsCourses, AnalyticsFinancialStats, AnalyticsLayout, AnalyticsMonetizationStats, AnalyticsOverview, AnalyticsProgramDetail, AnalyticsPrograms, AnalyticsReportDownload, AnalyticsReports, AnalyticsSettingsProvider, AnalyticsTopicsStats, AnalyticsTranscriptsStats, AnalyticsUsersStats, AppleRestrictionModal, BUY_NOW_LABEL, BillingTab, CategorizedDropdownMenu, ChartCardWrapper, ChartFiltersProvider, ChatContext, ChatProvider, CompanyDialog, ConnectorManagementDialog, CopyButtonIcon, CourseAccessGuard, CourseCardSkeleton, CourseContentLoading, CourseOutline, CourseOutlineContext, CourseOutlineDrawer, CreateProjectModal, CreateWorkflowModal, CredentialBox, CredentialMiniBoxSkeleton, CreditBalance, CustomDateRangePicker, CustomTooltip, DefaultEmptyBox, DeleteProjectModal, DeleteWorkflowModal, DiscoverContentCard, DiscoverFacetsFilter, DiscoverFilterDrawer, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ENROLL_NOW_COURSE_STARTING_SOON_LABEL, ENROLL_NOW_LABEL, EditAlertDialog, EducationBox, EducationDialog, EducationTab, EdxIframeContext, EmptyStats, ExperienceBox, ExperienceDialog, ExperienceTab, FacetFilterContext, Footer, GroupsFilterDropdown, INVITATION_ONLY_LABEL, InstitutionDialog, IntegrationsTab, InviteUserDialog, InvitedUsersDialog, Loader, LocalLLMTab, LoginButton, Markdown, MinimumMentorAlert, MonetizationTab, NotificationDisplay, NotificationDropdown, PaywallModal, Profile, ProfileTimeChart, ProjectActionButtons, ProjectFilesModal, ProjectInstructionsModal, ProjectLandingPage, ProjectMentorsList, ProjectsPage, REQUEST_ACCESS_COURSE_STARTING_SOON_LABEL, REQUEST_ACCESS_LABEL, RenameProjectModal, ResumeBox, ResumeTab, RichTextEditor, SandboxConfig, SearchableMultiSelect, SendNotificationDialog, SignupButton, SkeletonActivityStatBox, SkeletonAddSkillsLoading, SkeletonCreatePathwaySearchList, SkeletonDiscoverFilterBox, SkeletonEducationBox, SkeletonMultiplier, SkeletonPathwayBox, SkeletonProfileInfoCard, SkeletonSkillBox, SkillBox, SkillDetailModal, SkillLeaderboardChart, SkillsBox, Spinner, StatCard, TAURI_COMMANDS, TAURI_EVENTS, TenantSwitcher, TimeFilter, TimeTrackingProvider, TimedExam, ToolDialogs, TopBanner, UpgradePackageModal, UserAvatar, Version, WorkflowSidebar, addBookmarksTab, findLastResumeBlock, findSequentialParent, flattenVerticalBlocks, getFirstAvailableUnit, getNextUnitIframe, getOrg, getParentBlockById, getParentsInfosFromSublessonId, getPreviousUnitIframe, getRandomCourseImage, getTenant, getUnitToIframe, getUserId, getUserName, inBrowserPrint, inIframe, initialModelDownloadState, isLocalLLMEnabled, isTauriApp, components as markdownComponents, sanitizeCss, setLocalLLMEnabled, useAnalyticsSettings, useAuditLog, useCatalogSearch, useChartFilters, useChatState, useCourseDetail, useCourseMetadata, useCourses, useDiscover, useEdxIframe, useFinancial, useIframeMessageHandler, useLocalStorage, useModelDownload, useMonetization, useOverview, useProfileActivityStats, useProfileCredentials, useProfilePathways, useProfilePrograms, useProfileSkills, useProfileTimeSpent, usePrograms, useReports, useTauri, useTimeTracking, useTopics, useTranscripts, useUserCourses, useUserMetadata, useUsers };
+export { ACCESS_COURSE_LABEL, AccessTimeHeatmap, AccessiblePaginate, AddMentorToProjectModal, AddSkillDialog, Admin, AdvancedTab, AgentConfigPrompts, AgentSkills, AlertsTab, AnalyticsAuditLogStats, AnalyticsCourseDetail, AnalyticsCourses, AnalyticsFinancialStats, AnalyticsLayout, AnalyticsMonetizationStats, AnalyticsOverview, AnalyticsProgramDetail, AnalyticsPrograms, AnalyticsReportDownload, AnalyticsReports, AnalyticsSettingsProvider, AnalyticsTopicsStats, AnalyticsTranscriptsStats, AnalyticsUsersStats, AppleRestrictionModal, BUY_NOW_LABEL, BillingTab, CREATE_AGENT_LABELS, CategorizedDropdownMenu, ChartCardWrapper, ChartFiltersProvider, ChatContext, ChatProvider, CompanyDialog, ConnectorManagementDialog, CopyButtonIcon, CourseAccessGuard, CourseCardSkeleton, CourseContentLoading, CourseOutline, CourseOutlineContext, CourseOutlineDrawer, CreateAgentForm, CreateAgentModal, CreateProjectModal, CreateWorkflowModal, CredentialBox, CredentialMiniBoxSkeleton, CreditBalance, CustomDateRangePicker, CustomTooltip, DefaultEmptyBox, DeleteProjectModal, DeleteWorkflowModal, DiscoverContentCard, DiscoverFacetsFilter, DiscoverFilterDrawer, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ENROLL_NOW_COURSE_STARTING_SOON_LABEL, ENROLL_NOW_LABEL, EditAlertDialog, EducationBox, EducationDialog, EducationTab, EdxIframeContext, EmptyStats, ExperienceBox, ExperienceDialog, ExperienceTab, FacetFilterContext, Footer, GroupsFilterDropdown, INVITATION_ONLY_LABEL, InstitutionDialog, IntegrationsTab, InviteUserContent, InviteUserDialog, InvitedUsersDialog, Loader, LocalLLMTab, LoginButton, Markdown, MinimumMentorAlert, MonetizationTab, NotificationDisplay, NotificationDropdown, PaywallModal, Profile, ProfileTimeChart, ProjectActionButtons, ProjectFilesModal, ProjectInstructionsModal, ProjectLandingPage, ProjectMentorsList, ProjectsPage, REQUEST_ACCESS_COURSE_STARTING_SOON_LABEL, REQUEST_ACCESS_LABEL, RenameProjectModal, ResumeBox, ResumeTab, RichTextEditor, SandboxConfig, SearchableMultiSelect, SendNotificationDialog, SignupButton, SkeletonActivityStatBox, SkeletonAddSkillsLoading, SkeletonCreatePathwaySearchList, SkeletonDiscoverFilterBox, SkeletonEducationBox, SkeletonMultiplier, SkeletonPathwayBox, SkeletonProfileInfoCard, SkeletonSkillBox, SkillBox, SkillDetailModal, SkillLeaderboardChart, SkillsBox, Spinner, StatCard, TAURI_COMMANDS, TAURI_EVENTS, TenantSwitcher, TimeFilter, TimeTrackingProvider, TimedExam, ToolDialogs, TopBanner, UpgradePackageModal, UserAvatar, Version, WorkflowSidebar, addBookmarksTab, findLastResumeBlock, findSequentialParent, flattenVerticalBlocks, getFirstAvailableUnit, getNextUnitIframe, getOrg, getParentBlockById, getParentsInfosFromSublessonId, getPreviousUnitIframe, getRandomCourseImage, getTenant, getUnitToIframe, getUserId, getUserName, inBrowserPrint, inIframe, initialModelDownloadState, isLocalLLMEnabled, isTauriApp, components as markdownComponents, resolveCreateAgentLabels, sanitizeCss, setLocalLLMEnabled, useAnalyticsSettings, useAuditLog, useCatalogSearch, useChartFilters, useChatState, useCourseDetail, useCourseMetadata, useCourses, useDiscover, useEdxIframe, useFinancial, useIframeMessageHandler, useLocalStorage, useModelDownload, useMonetization, useOverview, useProfileActivityStats, useProfileCredentials, useProfilePathways, useProfilePrograms, useProfileSkills, useProfileTimeSpent, usePrograms, useReports, useTauri, useTimeTracking, useTopics, useTranscripts, useUserCourses, useUserMetadata, useUsers };
 //# sourceMappingURL=index.esm.js.map

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

@@ -125542,7 +125542,19 @@ function ProgramsTab({ tenant, currentPage, itemsPerPage, hasManageUsersPermissi
                                         })) })] }) }) }) }) }), isCSVEditorOpen && (jsx(CSVEditor, { csvData: parsedCSVData, onSave: handleCSVEditorSave, onCancel: handleCSVEditorCancel }))] }));
 }
 
-function InviteUserDialog({ tenant, onClose, isOpen, enableCatalogInvite = false, hasManageUsersPermission = false, }) {
+/**
+ * The single source of the Invite User experience — header, tabs
+ * (Users / Courses / Programs), invite forms and the paginated invitation list.
+ *
+ * Used two ways:
+ * - directly on a page (`variant="page"`, the default), or
+ * - inside {@link InviteUserDialog} (`variant="dialog"`), which renders this
+ *   component verbatim so the modal stays byte-for-byte identical to before.
+ *
+ * The component owns all of its own state and data-fetching, so it is fully
+ * self-contained.
+ */
+function InviteUserContent({ tenant, enableCatalogInvite = false, hasManageUsersPermission = false, variant = 'page', className, }) {
     useTenantMetadata({
         org: tenant,
     });
@@ -125572,13 +125584,6 @@ function InviteUserDialog({ tenant, onClose, isOpen, enableCatalogInvite = false
     const handleInviteSuccess = () => {
         // Callback for when invite is successful - can be used for additional logic
     };
-    // Reset state when dialog closes
-    useEffect(() => {
-        if (!isOpen) {
-            setCurrentPage(1);
-            setActiveTab('users');
-        }
-    }, [isOpen]);
     // Reset to users tab if catalog invite is disabled
     useEffect(() => {
         if (!enableCatalogInvite && activeTab !== 'users') {
@@ -125623,7 +125628,21 @@ function InviteUserDialog({ tenant, onClose, isOpen, enableCatalogInvite = false
         }
     };
     const headerContent = getHeaderContent();
-    return (jsx(Fragment$1, { children: jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: jsxs(DialogContent, { className: "sm:max-w-7xl w-[95vw] p-0 gap-0 mx-auto my-auto rounded-lg flex flex-col justify-between max-h-[90vh]", "aria-describedby": "invite-users-description", children: [jsxs(DialogHeader, { className: "p-4 pt-[30px] flex-shrink-0 border-b border-gray-200", children: [jsx(DialogTitle, { className: "text-lg font-medium text-gray-900 dark:text-gray-100", children: headerContent.title }), jsx(DialogDescription, { id: "invite-users-description", className: "text-sm text-gray-600 leading-relaxed", children: headerContent.description })] }), jsx("div", { className: "flex-grow overflow-y-auto scrollbar-hide p-2 sm:p-4 pb-20 max-h-[60vh]", children: enableCatalogInvite ? (jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "w-full", children: [jsxs(TabsList, { className: "grid w-full grid-cols-3 mb-6", children: [jsxs(TabsTrigger, { value: "users", className: "flex items-center gap-2", children: [jsx(Users, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Users" })] }), jsxs(TabsTrigger, { value: "courses", className: "flex items-center gap-2", children: [jsx(BookOpen, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Courses" })] }), jsxs(TabsTrigger, { value: "programs", className: "flex items-center gap-2", children: [jsx(GraduationCap, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Programs" })] })] }), jsx(TabsContent, { value: "users", children: jsx(UsersTab$1, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, onInviteSuccess: handleInviteSuccess }) }), jsx(TabsContent, { value: "courses", children: jsx(CoursesTab, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, hasManageUsersPermission: hasManageUsersPermission }) }), jsx(TabsContent, { value: "programs", children: jsx(ProgramsTab, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, hasManageUsersPermission: hasManageUsersPermission }) })] })) : (jsx(UsersTab$1, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, onInviteSuccess: handleInviteSuccess })) }), currentData && currentData.count > 0 && (jsx("div", { className: "flex items-center justify-between border-t border-gray-200 px-3 sm:px-6 py-3 sm:py-4 bg-gray-50 flex-shrink-0", children: jsxs("div", { className: "flex flex-1 items-center justify-between", children: [jsx("div", { className: "hidden sm:block", children: jsxs("p", { className: "text-sm text-gray-700", children: ["Showing", ' ', jsx("span", { className: "font-medium", children: (currentPage - 1) * itemsPerPage + 1 }), " to", ' ', jsx("span", { className: "font-medium", children: Math.min(currentPage * itemsPerPage, currentData.count) }), ' ', "of ", jsx("span", { className: "font-medium", children: currentData.count }), " invites"] }) }), jsxs("div", { className: "flex items-center justify-center gap-1 sm:gap-2", children: [jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-0 flex items-center justify-center rounded-md border-gray-300 hover:bg-gray-100 hidden sm:flex bg-transparent", onClick: () => setCurrentPage(1), disabled: currentPage === 1, "aria-label": "Go to first page", children: jsx(ChevronFirst, { className: "h-4 w-4" }) }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 px-2 sm:p-0 flex items-center justify-center rounded-md border-none sm:border-gray-300 hover:bg-gray-100 text-xs sm:text-sm bg-transparent", onClick: () => setCurrentPage(currentPage - 1), disabled: currentPage === 1, "aria-label": "Go to previous page", children: [jsx(ChevronLeft, { className: "h-4 w-4 mr-1 sm:mr-0" }), jsx("span", { className: "sm:hidden", children: "Prev" })] }), jsxs("span", { className: "text-xs sm:text-sm text-gray-700 mx-1 sm:mx-2 px-2", children: [jsx("span", { className: "hidden sm:inline", children: "Page " }), currentPage, " ", jsx("span", { className: "hidden sm:inline", children: "of " }), jsx("span", { className: "inline sm:hidden", children: " / " }), totalPages] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 px-2 sm:p-0 flex items-center justify-center rounded-md border-none sm:border-gray-300 hover:bg-gray-100 text-xs sm:text-sm bg-transparent", onClick: () => setCurrentPage(currentPage + 1), disabled: currentPage === totalPages, "aria-label": "Go to next page", children: [jsx("span", { className: "sm:hidden", children: "Next" }), jsx(ChevronRight, { className: "h-4 w-4 ml-1 sm:ml-0" })] }), jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-0 flex items-center justify-center rounded-md border-gray-300 hover:bg-gray-100 hidden sm:flex bg-transparent", onClick: () => setCurrentPage(totalPages), disabled: currentPage === totalPages, "aria-label": "Go to last page", children: jsx(ChevronLast, { className: "h-4 w-4" }) })] })] }) }))] }) }) }));
+    // ── Shared body (identical in both variants) ──────────────────────────────
+    const tabsBody = enableCatalogInvite ? (jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "w-full", children: [jsxs(TabsList, { className: "grid w-full grid-cols-3 mb-6", children: [jsxs(TabsTrigger, { value: "users", className: "flex items-center gap-2", children: [jsx(Users, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Users" })] }), jsxs(TabsTrigger, { value: "courses", className: "flex items-center gap-2", children: [jsx(BookOpen, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Courses" })] }), jsxs(TabsTrigger, { value: "programs", className: "flex items-center gap-2", children: [jsx(GraduationCap, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Programs" })] })] }), jsx(TabsContent, { value: "users", children: jsx(UsersTab$1, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, onInviteSuccess: handleInviteSuccess }) }), jsx(TabsContent, { value: "courses", children: jsx(CoursesTab, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, hasManageUsersPermission: hasManageUsersPermission }) }), jsx(TabsContent, { value: "programs", children: jsx(ProgramsTab, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, hasManageUsersPermission: hasManageUsersPermission }) })] })) : (jsx(UsersTab$1, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, onInviteSuccess: handleInviteSuccess }));
+    const pagination = currentData && currentData.count > 0 && (jsx("div", { className: "flex items-center justify-between border-t border-gray-200 px-3 sm:px-6 py-3 sm:py-4 bg-gray-50 flex-shrink-0", children: jsxs("div", { className: "flex flex-1 items-center justify-between", children: [jsx("div", { className: "hidden sm:block", children: jsxs("p", { className: "text-sm text-gray-700", children: ["Showing ", jsx("span", { className: "font-medium", children: (currentPage - 1) * itemsPerPage + 1 }), " to", ' ', jsx("span", { className: "font-medium", children: Math.min(currentPage * itemsPerPage, currentData.count) }), ' ', "of ", jsx("span", { className: "font-medium", children: currentData.count }), " invites"] }) }), jsxs("div", { className: "flex items-center justify-center gap-1 sm:gap-2", children: [jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-0 flex items-center justify-center rounded-md border-gray-300 hover:bg-gray-100 hidden sm:flex bg-transparent", onClick: () => setCurrentPage(1), disabled: currentPage === 1, "aria-label": "Go to first page", children: jsx(ChevronFirst, { className: "h-4 w-4" }) }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 px-2 sm:p-0 flex items-center justify-center rounded-md border-none sm:border-gray-300 hover:bg-gray-100 text-xs sm:text-sm bg-transparent", onClick: () => setCurrentPage(currentPage - 1), disabled: currentPage === 1, "aria-label": "Go to previous page", children: [jsx(ChevronLeft, { className: "h-4 w-4 mr-1 sm:mr-0" }), jsx("span", { className: "sm:hidden", children: "Prev" })] }), jsxs("span", { className: "text-xs sm:text-sm text-gray-700 mx-1 sm:mx-2 px-2", children: [jsx("span", { className: "hidden sm:inline", children: "Page " }), currentPage, " ", jsx("span", { className: "hidden sm:inline", children: "of " }), jsx("span", { className: "inline sm:hidden", children: " / " }), totalPages] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 px-2 sm:p-0 flex items-center justify-center rounded-md border-none sm:border-gray-300 hover:bg-gray-100 text-xs sm:text-sm bg-transparent", onClick: () => setCurrentPage(currentPage + 1), disabled: currentPage === totalPages, "aria-label": "Go to next page", children: [jsx("span", { className: "sm:hidden", children: "Next" }), jsx(ChevronRight, { className: "h-4 w-4 ml-1 sm:ml-0" })] }), jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-0 flex items-center justify-center rounded-md border-gray-300 hover:bg-gray-100 hidden sm:flex bg-transparent", onClick: () => setCurrentPage(totalPages), disabled: currentPage === totalPages, "aria-label": "Go to last page", children: jsx(ChevronLast, { className: "h-4 w-4" }) })] })] }) }));
+    // ── Dialog variant: the exact markup InviteUserDialog has always rendered ──
+    // Returned as a fragment so the three blocks remain direct children of the
+    // dialog's <DialogContent>, byte-for-byte identical to the original.
+    if (variant === 'dialog') {
+        return (jsxs(Fragment$1, { children: [jsxs(DialogHeader, { className: "p-4 pt-[30px] flex-shrink-0 border-b border-gray-200", children: [jsx(DialogTitle, { className: "text-lg font-medium text-gray-900 dark:text-gray-100", children: headerContent.title }), jsx(DialogDescription, { id: "invite-users-description", className: "text-sm text-gray-600 leading-relaxed", children: headerContent.description })] }), jsx("div", { className: "flex-grow overflow-y-auto scrollbar-hide p-2 sm:p-4 pb-20 max-h-[60vh]", children: tabsBody }), pagination] }));
+    }
+    // ── Page variant: a plain in-page block that flows normally ───────────────
+    return (jsxs("div", { className: cn('w-full', className), children: [jsxs("div", { className: "border-b border-gray-200 pb-4", children: [jsx("h2", { className: "text-lg font-medium text-gray-900 dark:text-gray-100", children: headerContent.title }), jsx("p", { className: "text-sm text-gray-600 leading-relaxed", children: headerContent.description })] }), jsx("div", { className: "py-4", children: tabsBody }), pagination] }));
+}
+
+function InviteUserDialog({ tenant, onClose, isOpen, enableCatalogInvite = false, hasManageUsersPermission = false, }) {
+    return (jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: jsx(DialogContent, { className: "sm:max-w-7xl w-[95vw] p-0 gap-0 mx-auto my-auto rounded-lg flex flex-col justify-between max-h-[90vh]", "aria-describedby": "invite-users-description", children: jsx(InviteUserContent, { tenant: tenant, enableCatalogInvite: enableCatalogInvite, hasManageUsersPermission: hasManageUsersPermission, variant: "dialog" }) }) }));
 }
 
 function InvitedUsersDialog({ tenant, onClose, }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "1.17.20",
+  "version": "1.17.22",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -66,9 +66,9 @@
     "axios": "1.13.6",
     "dotenv": "16.6.1",
     "winston": "3.19.0",
-    "@iblai/mcp": "1.5.6",
-    "@iblai/web-containers": "1.8.15",
     "@iblai/data-layer": "1.7.5",
+    "@iblai/mcp": "1.5.8",
+    "@iblai/web-containers": "1.8.16",
     "@iblai/web-utils": "1.10.10"
   },
   "peerDependencies": {