@iblai/iblai-js 1.3.6 → 1.3.8

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, useCreateGlobalMemoryMutation, useGetMemsearchConfigQuery, 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, useUploadLightLogoMutation, useUploadDarkLogoMutation, useUpdatePlatformInfoMutation, useUpdateTenantMetadataMutation, LOGO_ENDPOINTS, 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, useCreatePlatformImageAssetMutation, useGetProviderConfigQuery, useCreateProviderConfigMutation, useDeleteProviderConfigMutation, useGetExternalMappingQuery, useGetCredentialsListQuery, useCreateExternalMappingMutation, useDeleteExternalMappingMutation, useUpdateMemsearchConfigMutation, useGetCustomMentorsQuery, useCreateSessionIdMutation } 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, useGetMemsearchConfigQuery, 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, useUploadLightLogoMutation, useUploadDarkLogoMutation, useUpdatePlatformInfoMutation, useUpdateTenantMetadataMutation, LOGO_ENDPOINTS, 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, useCreatePlatformImageAssetMutation, useGetProviderConfigQuery, useCreateProviderConfigMutation, useDeleteProviderConfigMutation, useGetExternalMappingQuery, useGetCredentialsListQuery, useCreateExternalMappingMutation, useDeleteExternalMappingMutation, useUpdateMemsearchConfigMutation, useGetCustomMentorsQuery, useGetStripeConnectStatusQuery, useStartStripeConnectOnboardingMutation, useLazyGetStripeConnectDashboardQuery, useListPricesQuery, useCreatePriceMutation, useUpdatePriceMutation, useDeletePriceMutation, useGetPaywallConfigQuery, useEnablePaywallMutation, useDisablePaywallMutation, useListPaywallsQuery, useGetAiSearchMentorsQuery, useCreateSessionIdMutation } from '@iblai/data-layer';
 import { toast, Toaster as Toaster$1 } from 'sonner';
 import { getInitials, useTenantMetadata, isAlphaNumeric32, checkRbacPermission, WithPermissions, useTenantContext, CHAT_AREA_SIZE, TimeTracker, advancedTabsProperties, defaultSessionIds, chatActions } from '@iblai/web-utils';
 import '@iblai/iblai-api';
@@ -81631,6 +81631,152 @@ function ResumeTab({ org, username }) {
     return (jsxs("div", { className: "space-y-1", children: [jsx("div", { className: "flex items-center justify-end", children: jsx("input", { ref: fileInputRef, type: "file", accept: "application/pdf", className: "hidden", onChange: handleFileChange }) }), !isLoading && (isError || !resumeUrl) && (jsxs("div", { className: "flex flex-col items-center justify-center rounded-lg border border-dashed border-gray-300 bg-gray-50 p-8 text-center", children: [jsx("h3", { className: "text-base font-semibold text-gray-700", children: "No resume added yet" }), jsx("p", { className: "mt-1 text-sm text-gray-500", children: "Upload your resume to share with mentors and administrators." }), jsxs(Button$1, { className: "mt-4 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", onClick: () => { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, children: [jsx(Upload, { className: "h-4 w-4 mr-2" }), " ", isUploading ? 'Uploading...' : 'Upload resume'] })] })), isLoading && (jsx("div", { className: "rounded-xl border border-gray-200 bg-white p-6 shadow-sm", children: jsxs("div", { className: "space-y-4", children: [jsx(Skeleton, { className: "h-6 w-32" }), jsx(Skeleton, { className: "h-64 w-full" })] }) })), !isLoading && resumeUrl && (jsx("div", { className: "rounded-xl border border-gray-200 bg-white p-6 shadow-sm", children: jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-lg bg-gray-50 px-4 py-3", children: [jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-700", children: [jsxs(Button$1, { variant: "outline", size: "sm", onClick: () => setPageNumber((prev) => Math.max(1, prev - 1)), disabled: pageNumber <= 1, children: [jsx(ChevronLeft, { className: "h-4 w-4 mr-1" }), " Prev"] }), jsxs("span", { children: ["Page ", pageNumber, " of ", numPages || '—'] }), jsxs(Button$1, { variant: "outline", size: "sm", onClick: () => setPageNumber((prev) => Math.min(numPages, prev + 1)), disabled: pageNumber >= numPages, children: ["Next ", jsx(ChevronRight, { className: "h-4 w-4 ml-1" })] })] }), jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-700", children: [jsx(Button$1, { variant: "outline", size: "sm", onClick: () => setScale((current) => Math.max(0.5, Number((current - 0.2).toFixed(1)))), disabled: scale <= 0.5, children: jsx(ZoomOut, { className: "h-4 w-4 mr-1" }) }), jsxs("span", { children: [Math.round(scale * 100), "%"] }), jsx(Button$1, { variant: "outline", size: "sm", onClick: () => setScale((current) => Number((current + 0.2).toFixed(1))), children: jsx(ZoomIn, { className: "h-4 w-4 mr-1" }) })] }), jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-700", children: [jsx(Button$1, { variant: "outline", size: "sm", onClick: () => setRotation((current) => current - 90), children: jsx(RotateCcw, { className: "h-4 w-4 mr-1" }) }), jsx(Button$1, { variant: "outline", size: "sm", onClick: () => setRotation((current) => current + 90), children: jsx(RotateCw, { className: "h-4 w-4 mr-1" }) })] })] }), jsx("div", { className: "flex justify-center", children: jsx("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-gray-100", children: jsx(Document$1, { file: resumeUrl, onLoadSuccess: handleDocumentLoad, onLoadError: () => toast.error('Unable to load resume preview'), loading: jsx(Skeleton, { className: "h-[480px] w-[360px]" }), children: jsx(Page, { pageNumber: pageNumber, scale: scale, rotate: rotation, width: 720 }) }) }) })] }) }))] }));
 }
 
+const Card = React.forwardRef(({ className, ...props }, ref) => (jsx("div", { ref: ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props })));
+Card.displayName = "Card";
+const CardHeader = React.forwardRef(({ className, ...props }, ref) => (jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));
+CardHeader.displayName = "CardHeader";
+const CardTitle = React.forwardRef(({ className, ...props }, ref) => (jsx("div", { ref: ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })));
+CardTitle.displayName = "CardTitle";
+const CardDescription = React.forwardRef(({ className, ...props }, ref) => (jsx("div", { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
+CardDescription.displayName = "CardDescription";
+const CardContent = React.forwardRef(({ className, ...props }, ref) => (jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props })));
+CardContent.displayName = "CardContent";
+const CardFooter = React.forwardRef(({ className, ...props }, ref) => (jsx("div", { ref: ref, className: cn("flex items-center p-6 pt-0", className), ...props })));
+CardFooter.displayName = "CardFooter";
+
+const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+            secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+            outline: "text-foreground",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Badge({ className, variant, ...props }) {
+    return (jsx("div", { className: cn(badgeVariants({ variant }), className), ...props }));
+}
+
+function statusBadgeStyle(status) {
+    switch (status) {
+        case 'active':
+            return 'bg-blue-100 text-blue-700 border-blue-200 hover:bg-blue-100';
+        case 'trialing':
+            return 'bg-purple-100 text-purple-700 border-purple-200 hover:bg-purple-100';
+        case 'canceled':
+            return 'bg-gray-100 text-gray-500 border-gray-200 hover:bg-gray-100';
+        case 'past_due':
+            return 'bg-red-100 text-red-700 border-red-200 hover:bg-red-100';
+        default:
+            return 'bg-gray-100 text-gray-500 border-gray-200 hover:bg-gray-100';
+    }
+}
+function formatInterval$1(interval) {
+    switch (interval) {
+        case 'month':
+            return '/month';
+        case 'year':
+            return '/year';
+        case 'one_time':
+            return 'one-time';
+        default:
+            return interval;
+    }
+}
+function useDebounce$1(value, delay) {
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(() => {
+        const timer = setTimeout(() => setDebouncedValue(value), delay);
+        return () => clearTimeout(timer);
+    }, [value, delay]);
+    return debouncedValue;
+}
+function formatCurrency(amount, currency = 'usd') {
+    return new Intl.NumberFormat('en-US', {
+        style: 'currency',
+        currency: currency.toUpperCase(),
+    }).format(typeof amount === 'string' ? parseFloat(amount) : amount);
+}
+// ── Subscription Detail View ──
+function SubscriptionDetail({ subscription: initialSubscription, platformKey, onBack, }) {
+    var _a, _b, _c, _d, _e;
+    const [confirmText, setConfirmText] = useState('');
+    const [cancelResult, setCancelResult] = useState(null);
+    const { data: fetchedSubscription, isLoading: isLoadingDetail } = useGetItemSubscriptionQuery({
+        platform_key: platformKey,
+        item_type: initialSubscription.item_type,
+        item_id: initialSubscription.item_id,
+    }, { refetchOnMountOrArgChange: true });
+    const subscription = fetchedSubscription !== null && fetchedSubscription !== void 0 ? fetchedSubscription : initialSubscription;
+    const [cancelSubscription, { isLoading: isCanceling }] = useCancelSubscriptionMutation();
+    const isOneTime = ((_a = subscription.price) === null || _a === void 0 ? void 0 : _a.interval) === 'one_time';
+    const isRecurring = !isOneTime;
+    const canCancel = isRecurring &&
+        (subscription.status === 'active' || subscription.status === 'trialing') &&
+        !subscription.cancel_at_period_end;
+    const handleCancel = async () => {
+        try {
+            const result = await cancelSubscription({
+                platform_key: platformKey,
+                item_type: subscription.item_type,
+                item_id: subscription.item_id,
+                ...(isRecurring ? { return_url: window.location.href } : {}),
+            }).unwrap();
+            if (result.portal_url) {
+                setCancelResult({ portalUrl: result.portal_url });
+            }
+            else if (result.status === 'canceled') {
+                setCancelResult({ canceled: true });
+                toast.success('Subscription canceled');
+            }
+        }
+        catch (_a) {
+            toast.error('Failed to cancel subscription');
+        }
+    };
+    if (isLoadingDetail) {
+        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"] }), jsx(Skeleton, { className: "h-6 w-48" })] }), jsx(Skeleton, { className: "h-64 w-full" })] }));
+    }
+    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: subscription.item_name || subscription.item_id }), jsx("span", { className: "text-xs text-gray-400 capitalize", children: subscription.item_type })] })] }), 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: [jsx("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: "Status" }), jsx(Badge, { className: statusBadgeStyle(subscription.status), children: subscription.status })] }), jsxs("div", { className: "flex items-center justify-between border-t pt-3", children: [jsx("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: "Plan" }), jsxs("div", { className: "text-right", children: [jsx("span", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: (_b = subscription.price) === null || _b === void 0 ? void 0 : _b.name }), jsxs("span", { className: "text-sm text-gray-500 ml-2", children: [formatCurrency((_c = subscription.price) === null || _c === void 0 ? void 0 : _c.amount, (_d = subscription.price) === null || _d === void 0 ? void 0 : _d.currency), formatInterval$1((_e = subscription.price) === null || _e === void 0 ? void 0 : _e.interval)] })] })] }), jsxs("div", { className: "flex items-center justify-between border-t pt-3", children: [jsx("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: "Type" }), jsx(Badge, { variant: "secondary", className: "capitalize", children: subscription.item_type })] }), subscription.current_period_end && (jsxs("div", { className: "flex items-center justify-between border-t pt-3", children: [jsx("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: subscription.cancel_at_period_end ? 'Access Until' : 'Renews On' }), jsxs("span", { className: "text-sm text-gray-600 dark:text-gray-400 flex items-center gap-1.5", children: [jsx(Calendar$1, { className: "h-3.5 w-3.5" }), new Date(subscription.current_period_end).toLocaleDateString()] })] })), subscription.created_at && (jsxs("div", { className: "flex items-center justify-between border-t pt-3", children: [jsx("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: "Subscribed Since" }), jsxs("span", { className: "text-sm text-gray-600 dark:text-gray-400 flex items-center gap-1.5", children: [jsx(Clock, { className: "h-3.5 w-3.5" }), new Date(subscription.created_at).toLocaleDateString()] })] })), subscription.is_grandfathered && (jsxs("div", { className: "flex items-center justify-between border-t pt-3", children: [jsx("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: "Legacy Access" }), jsxs(Badge, { className: "bg-amber-100 text-amber-700 border-amber-200 text-xs", children: [jsx(Shield, { className: "h-3 w-3 mr-1" }), "Grandfathered"] })] })), subscription.cancel_at_period_end && (jsxs("div", { className: "flex items-center gap-2 border-t pt-3 text-yellow-600", children: [jsx(TriangleAlert, { className: "h-4 w-4 flex-shrink-0" }), jsx("span", { className: "text-sm", children: "This subscription will not renew and expires at the end of the current period." })] }))] }) }), canCancel && !cancelResult && (jsx(Card, { className: "shadow-sm border border-blue-100", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-5 space-y-3", children: [jsx("h4", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: "Cancel Subscription" }), jsx("p", { className: "text-xs text-gray-500", children: "You will be redirected to the Stripe portal to manage cancellation. Your access continues until the end of the billing period." }), jsxs("div", { className: "flex gap-2 items-end", children: [jsxs("div", { className: "flex-1", children: [jsxs("label", { className: "text-xs text-gray-500 mb-1 block", children: ["Type ", jsx("span", { className: "font-mono font-bold", children: "cancel" }), " to confirm"] }), jsx(Input, { value: confirmText, onChange: (e) => setConfirmText(e.target.value), placeholder: "Type 'cancel'" })] }), jsxs(Button$1, { onClick: handleCancel, disabled: confirmText !== 'cancel' || isCanceling, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white cursor-pointer", children: [isCanceling ? (jsx(LoaderCircle, { className: "h-4 w-4 mr-2 animate-spin" })) : (jsx(CircleX, { className: "h-4 w-4 mr-2" })), "Cancel"] })] })] }) })), (cancelResult === null || cancelResult === void 0 ? void 0 : cancelResult.canceled) && (jsx(Card, { className: "shadow-sm border border-green-200", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-5 text-center", children: [jsx(CircleX, { className: "h-8 w-8 text-gray-400 mx-auto mb-2" }), jsx("h4", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100 mb-1", children: "Subscription Canceled" }), jsx("p", { className: "text-xs text-gray-500", children: "Your access has been revoked." }), jsx(Button$1, { variant: "outline", onClick: onBack, className: "mt-3 cursor-pointer", children: "Back to Purchases" })] }) })), (cancelResult === null || cancelResult === void 0 ? void 0 : cancelResult.portalUrl) && (jsx(Card, { className: "shadow-sm border border-blue-200", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-5 text-center", children: [jsx(ExternalLink, { className: "h-8 w-8 text-blue-400 mx-auto mb-2" }), jsx("h4", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100 mb-1", children: "Stripe Customer Portal" }), jsx("p", { className: "text-xs text-gray-500 mb-3", children: "Complete the cancellation in the Stripe Customer Portal." }), jsxs(Button$1, { onClick: () => window.open(cancelResult.portalUrl, '_blank'), className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white cursor-pointer", children: [jsx(ExternalLink, { className: "h-4 w-4 mr-2" }), "Open Stripe Portal"] })] }) }))] }));
+}
+// ── Subscription Card (List Item) ──
+function SubscriptionCard({ sub, onClick }) {
+    var _a, _b, _c, _d;
+    return (jsx(Card, { className: "shadow-sm border hover:border-blue-200 transition-colors cursor-pointer", style: { borderColor: 'oklch(.922 0 0)' }, onClick: onClick, children: jsx(CardContent, { className: "p-4", children: jsxs("div", { className: "flex items-start justify-between", children: [jsxs("div", { className: "flex-1 min-w-0", children: [jsxs("div", { className: "flex items-center gap-2 mb-1", children: [jsx("h4", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100 truncate", children: sub.item_name || sub.item_id }), jsx(Badge, { variant: "secondary", className: "text-xs capitalize flex-shrink-0", children: sub.item_type })] }), jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-600", children: [jsx(CreditCard, { className: "h-3.5 w-3.5 text-gray-400" }), jsxs("span", { children: [(_a = sub.price) === null || _a === void 0 ? void 0 : _a.name, " \u2014", ' ', jsxs("span", { className: "font-semibold", children: [formatCurrency((_b = sub.price) === null || _b === void 0 ? void 0 : _b.amount, (_c = sub.price) === null || _c === void 0 ? void 0 : _c.currency), formatInterval$1((_d = sub.price) === null || _d === void 0 ? void 0 : _d.interval)] })] })] }), jsxs("div", { className: "flex flex-wrap items-center gap-3 mt-2 text-xs text-gray-400", children: [sub.current_period_end && (jsxs("span", { className: "flex items-center gap-1", children: [jsx(Calendar$1, { className: "h-3 w-3" }), sub.cancel_at_period_end ? 'Expires' : 'Renews', ":", ' ', new Date(sub.current_period_end).toLocaleDateString()] })), sub.created_at && (jsxs("span", { className: "flex items-center gap-1", children: [jsx(Clock, { className: "h-3 w-3" }), "Since: ", new Date(sub.created_at).toLocaleDateString()] }))] }), sub.cancel_at_period_end && (jsxs("div", { className: "flex items-center gap-1.5 mt-2 text-xs text-yellow-600", children: [jsx(TriangleAlert, { className: "h-3 w-3" }), "Cancels at period end"] }))] }), jsxs("div", { className: "flex flex-col items-end gap-1 flex-shrink-0 ml-3", children: [jsx(Badge, { className: statusBadgeStyle(sub.status), children: sub.status }), sub.is_grandfathered && (jsxs(Badge, { className: "bg-amber-100 text-amber-700 border-amber-200 text-xs", children: [jsx(Shield, { className: "h-3 w-3 mr-1" }), "Legacy"] }))] })] }) }) }));
+}
+// ── Main Purchases Tab ──
+function PurchasesTab({ org, username }) {
+    const [statusFilter, setStatusFilter] = useState('all');
+    const [typeFilter, setTypeFilter] = useState('all');
+    const [searchQuery, setSearchQuery] = useState('');
+    const [page, setPage] = useState(1);
+    const [selectedSubscription, setSelectedSubscription] = useState(null);
+    const debouncedSearch = useDebounce$1(searchQuery, 300);
+    // Reset page when filters or search change
+    useEffect(() => {
+        setPage(1);
+    }, [statusFilter, typeFilter, debouncedSearch]);
+    const { data, isLoading, isFetching, refetch } = useGetMySubscriptionsQuery({
+        platform_key: org,
+        page,
+        page_size: 8,
+        ...(statusFilter !== 'all' ? { status: statusFilter } : {}),
+        ...(typeFilter !== 'all' ? { item_type: typeFilter } : {}),
+        ...(debouncedSearch.trim() ? { item_name: debouncedSearch.trim() } : {}),
+    }, { refetchOnMountOrArgChange: true });
+    if (selectedSubscription) {
+        return (jsx(SubscriptionDetail, { subscription: selectedSubscription, platformKey: org, onBack: () => {
+                setSelectedSubscription(null);
+                refetch();
+            } }));
+    }
+    return (jsxs("div", { className: "max-w-2xl space-y-4", 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), placeholder: "Search purchases...", className: "pl-9" }), isFetching && !isLoading && (jsx(LoaderCircle, { className: "absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 animate-spin text-gray-400" }))] }), jsxs("div", { className: "flex flex-col sm:flex-row gap-2", children: [jsxs(Select$1, { value: statusFilter, onValueChange: setStatusFilter, children: [jsx(SelectTrigger, { className: "w-full sm:w-[160px]", children: jsx(SelectValue, { placeholder: "Status" }) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "all", children: "All Statuses" }), jsx(SelectItem, { value: "active", children: "Active" }), jsx(SelectItem, { value: "trialing", children: "Trialing" }), jsx(SelectItem, { value: "canceled", children: "Canceled" }), jsx(SelectItem, { value: "past_due", children: "Past Due" })] })] }), jsxs(Select$1, { value: typeFilter, onValueChange: setTypeFilter, children: [jsx(SelectTrigger, { className: "w-full sm:w-[160px]", children: jsx(SelectValue, { placeholder: "Item Type" }) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "all", children: "All Types" }), jsx(SelectItem, { value: "mentor", children: "Mentor" }), jsx(SelectItem, { value: "course", children: "Course" }), jsx(SelectItem, { value: "program", children: "Program" }), jsx(SelectItem, { value: "pathway", children: "Pathway" })] })] }), data && (jsxs("span", { className: "text-xs text-gray-400 self-center ml-auto", children: [data.count, " purchase", data.count !== 1 ? 's' : ''] }))] }), isLoading ? (jsx("div", { className: "space-y-2", children: [1, 2, 3].map((i) => (jsx(Skeleton, { className: "h-24 w-full" }, i))) })) : (data === null || data === void 0 ? void 0 : data.results) && data.results.length > 0 ? (jsxs(Fragment$1, { children: [jsx("div", { className: "space-y-2", children: data.results.map((sub) => (jsx(SubscriptionCard, { sub: sub, onClick: () => setSelectedSubscription(sub) }, sub.unique_id))) }), (data.previous_page !== null || data.next_page !== null) && (jsxs("div", { className: "flex items-center justify-between pt-2", children: [jsxs("span", { className: "text-xs text-gray-400", children: [data.count, " total"] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Button$1, { variant: "outline", size: "sm", disabled: data.previous_page === null, onClick: () => data.previous_page !== null && setPage(data.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: data.next_page === null, onClick: () => data.next_page !== null && setPage(data.next_page), className: "h-7 text-xs cursor-pointer", children: "Next" })] })] }))] })) : (jsx(Card, { className: "shadow-sm border border-dashed", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-8 text-center", children: [jsx(ShoppingBag, { className: "h-10 w-10 mx-auto text-gray-300 mb-3" }), jsx("p", { className: "text-sm text-gray-400", children: debouncedSearch.trim() ? 'No purchases match your search.' : 'No purchases found.' })] }) }))] }));
+}
+
 function AddMemoryDialog({ open, onOpenChange, org, username }) {
     const [content, setContent] = useState('');
     const [createMemory, { isLoading }] = useCreateGlobalMemoryMutation();
@@ -81757,6 +81903,7 @@ function Profile({ tenant, username, onClose, customization = {}, isAdmin = fals
         { id: 'education', label: 'Education', renderIcon: renderLucideIcon(BookOpen) },
         { id: 'experience', label: 'Experience', renderIcon: renderLucideIcon(Briefcase) },
         { id: 'resume', label: 'Resume', renderIcon: renderLucideIcon(FileText) },
+        { id: 'purchases', label: 'Purchases', renderIcon: renderLucideIcon(ShoppingBag) },
         ...(isMemoryEnabled
             ? [{ id: 'memory', label: 'Memory', renderIcon: renderLucideIcon(Archive) }]
             : []),
@@ -81817,7 +81964,7 @@ function Profile({ tenant, username, onClose, customization = {}, isAdmin = fals
                                         ? 'bg-blue-50 text-blue-700 font-medium'
                                         : 'hover:bg-gray-50 text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100'}`, children: [jsx(tab.renderIcon, { className: "h-5 w-5 mr-3 flex-shrink-0", "aria-hidden": "true" }), jsx("span", { className: "truncate", children: tab.label })] }, tab.id))) }) }) })] }), jsx("nav", { className: "lg:hidden", "aria-label": "Profile tabs mobile", children: jsx("div", { className: "w-full justify-start px-6 py-2 bg-white border-b border-gray-200 rounded-none h-auto overflow-x-auto", children: jsx("div", { className: "flex space-x-2", role: "tablist", "aria-orientation": "horizontal", children: TABS.map((tab) => (jsxs("button", { role: "tab", "aria-selected": activeTab === tab.id, "aria-controls": `${tab.id}-tabpanel`, id: `${tab.id}-tab-mobile`, onClick: () => setActiveTab(tab.id), className: `flex items-center gap-2 px-3 py-2 rounded-lg whitespace-nowrap text-sm transition-all ${activeTab === tab.id
                                 ? 'bg-blue-50 text-blue-600 font-medium'
-                                : 'text-gray-600 hover:bg-gray-50'}`, children: [jsx(tab.renderIcon, { className: "h-4 w-4", "aria-hidden": "true" }), jsx("span", { className: "hidden sm:inline", children: tab.label }), jsx("span", { className: "sm:hidden", children: tab.label })] }, tab.id))) }) }) }), jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", style: { height: '100%' }, children: [jsx("div", { className: "hidden lg:block flex-shrink-0 p-6 border-b border-gray-200 bg-white dark:bg-gray-900", children: jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { 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 === 'education' && 'Review and update your academic achievements.', activeTab === 'experience' && 'Keep your professional journey up to date.', activeTab === 'resume' && 'Upload and preview your most recent resume.', activeTab === 'memory' && 'Manage what the AI remembers about you.', activeTab === 'security' && 'Update your security settings and password.', activeTab === 'advanced' && 'Manage your advanced settings.'] })] }), (activeTab === 'education' ||
+                                : 'text-gray-600 hover:bg-gray-50'}`, children: [jsx(tab.renderIcon, { className: "h-4 w-4", "aria-hidden": "true" }), jsx("span", { className: "hidden sm:inline", children: tab.label }), jsx("span", { className: "sm:hidden", children: tab.label })] }, tab.id))) }) }) }), jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", style: { height: '100%' }, children: [jsx("div", { className: "hidden lg:block flex-shrink-0 p-6 border-b border-gray-200 bg-white dark:bg-gray-900", children: jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { 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 === 'education' && 'Review and update your academic achievements.', activeTab === 'experience' && 'Keep your professional journey up to date.', activeTab === 'resume' && 'Upload and preview your most recent resume.', activeTab === 'purchases' && 'View and manage your subscriptions and purchases.', activeTab === 'memory' && 'Manage what the AI remembers about you.', activeTab === 'security' && 'Update your security settings and password.', activeTab === 'advanced' && 'Manage your advanced settings.'] })] }), (activeTab === 'education' ||
                                     activeTab === 'experience' ||
                                     activeTab === 'resume') && (jsx(Button$1, { size: "icon", onClick: activeTab === 'education'
                                         ? handleAddEducation
@@ -81904,7 +82051,7 @@ function Profile({ tenant, username, onClose, customization = {}, isAdmin = fals
                                                         var _a;
                                                         return (jsxs(Fragment$1, { children: [jsxs("div", { className: "relative mb-0", children: [jsx("div", { className: "absolute inset-y-0 left-4 flex items-center pointer-events-none", "aria-hidden": "true", children: jsx("div", { className: "bg-black text-white rounded w-8 h-8 flex items-center justify-center", children: jsx("span", { className: "font-bold text-sm", children: "X" }) }) }), jsx(Input, { id: "x", className: "w-full bg-gray-50 border-gray-200 focus:ring-blue-500 focus:border-blue-500 text-base py-3 pl-16 h-10", placeholder: "X", value: field.state.value, onChange: (e) => handleSocialLinkChange(e.target.value, field.handleChange, X_URL_PREFIX), disabled: socialForm.state.isSubmitting })] }), jsx("p", { className: "text-red-500 dark:text-gray-400 text-sm", role: ((_a = field.state.meta.errors) === null || _a === void 0 ? void 0 : _a.length) ? 'alert' : undefined, "aria-live": "polite", children: field.state.meta.errors })] }));
                                                     },
-                                                })] })] }) })), activeTab === 'education' && jsx(EducationTab, { org: tenant, username: username }), activeTab === 'experience' && jsx(ExperienceTab, { org: tenant, username: username }), activeTab === 'resume' && jsx(ResumeTab, { org: tenant, username: username }), activeTab === 'memory' && jsx(MemoryTab, { org: tenant, username: username }), activeTab === 'security' && (jsx(Security, { email: userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email, onAccountDeleted: onAccountDeleted })), activeTab === 'advanced' && localLLMProps && (jsx(LocalLLMTab, { isAvailable: localLLMProps.isAvailable, state: localLLMProps.state, ollamaStatus: localLLMProps.ollamaStatus, isUsingFoundry: localLLMProps.isUsingFoundry, foundryModels: localLLMProps.foundryModels, selectedFoundryModel: localLLMProps.selectedFoundryModel, foundryStatus: localLLMProps.foundryStatus, onStartDownload: localLLMProps.onStartDownload, onCancelDownload: localLLMProps.onCancelDownload, onInstallOllama: localLLMProps.onInstallOllama, onInstallFoundry: localLLMProps.onInstallFoundry, onCheckStatus: localLLMProps.onCheckStatus, onResetState: localLLMProps.onResetState, onSelectFoundryModel: localLLMProps.onSelectFoundryModel }))] }), ['basic', 'social'].includes(activeTab) && (jsx("div", { className: "flex-shrink-0 border-t border-gray-200 p-6 bg-white dark:bg-gray-900", children: jsxs("div", { className: "flex justify-end gap-3", children: [jsx(Button$1, { onClick: onClose, variant: "outline", children: "Cancel" }), jsx(Button$1, { onClick: () => {
+                                                })] })] }) })), activeTab === 'education' && jsx(EducationTab, { org: tenant, username: username }), activeTab === 'experience' && jsx(ExperienceTab, { org: tenant, username: username }), activeTab === 'resume' && jsx(ResumeTab, { org: tenant, username: username }), activeTab === 'purchases' && jsx(PurchasesTab, { org: tenant, username: username }), activeTab === 'memory' && jsx(MemoryTab, { org: tenant, username: username }), activeTab === 'security' && (jsx(Security, { email: userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email, onAccountDeleted: onAccountDeleted })), activeTab === 'advanced' && localLLMProps && (jsx(LocalLLMTab, { isAvailable: localLLMProps.isAvailable, state: localLLMProps.state, ollamaStatus: localLLMProps.ollamaStatus, isUsingFoundry: localLLMProps.isUsingFoundry, foundryModels: localLLMProps.foundryModels, selectedFoundryModel: localLLMProps.selectedFoundryModel, foundryStatus: localLLMProps.foundryStatus, onStartDownload: localLLMProps.onStartDownload, onCancelDownload: localLLMProps.onCancelDownload, onInstallOllama: localLLMProps.onInstallOllama, onInstallFoundry: localLLMProps.onInstallFoundry, onCheckStatus: localLLMProps.onCheckStatus, onResetState: localLLMProps.onResetState, onSelectFoundryModel: localLLMProps.onSelectFoundryModel }))] }), ['basic', 'social'].includes(activeTab) && (jsx("div", { className: "flex-shrink-0 border-t border-gray-200 p-6 bg-white dark:bg-gray-900", children: jsxs("div", { className: "flex justify-end gap-3", children: [jsx(Button$1, { onClick: onClose, variant: "outline", children: "Cancel" }), jsx(Button$1, { onClick: () => {
                                         if (activeTab === 'basic') {
                                             basicForm.handleSubmit();
                                         }
@@ -83285,23 +83432,6 @@ function InvitedUsersDialog({ tenant, onClose, }) {
         }, children: jsx(DialogPortal$1, { forceMount: true, children: jsxs(DialogContent$1, { "aria-label": "Invited Users Dialog", className: "max-w-sm rounded-2xl px-6 py-8 pointer-events-auto", "aria-describedby": "invited-users-dialog", children: [jsx(DialogHeader, { className: "relative flex-row justify-between", children: jsx(DialogTitle$1, { className: "text-blue-600 text-xl font-semibold", children: "Invited Users" }) }), jsxs("div", { className: "mt-4 space-y-1", children: [jsx("p", { className: "text-gray-500 text-sm", children: "Showing list of invited users pending confirmation" }), jsx("form", { children: jsx(Input, { value: query, onChange: (event) => setQuery(event.target.value), placeholder: "Search Invited Users", className: "mt-2" }) })] }), jsxs("div", { children: [jsx("h2", { className: "text-md text-gray-600 font-semibold mb-4", children: "Email" }), invitedUsers === null || invitedUsers === void 0 ? void 0 : invitedUsers.results.map((user) => (jsx("div", { className: "border-b-gray-50 pb-2 mb-4 text-sm text-gray-600 dark:text-gray-400", children: user.email }, user.id))), (invitedUsers === null || invitedUsers === void 0 ? void 0 : invitedUsers.results.length) === 0 && (jsx("p", { className: "text-gray", children: "No records found" }))] })] }) }) }));
 }
 
-const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
-    variants: {
-        variant: {
-            default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
-            secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-            destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
-            outline: "text-foreground",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-function Badge({ className, variant, ...props }) {
-    return (jsx("div", { className: cn(badgeVariants({ variant }), className), ...props }));
-}
-
 // ::- Persistent data structure representing an ordered mapping from
 // strings to values, with some convenient update methods.
 function OrderedMap(content) {
@@ -113326,19 +113456,6 @@ var ResponsiveContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, chartContent);
 });
 
-const Card = React.forwardRef(({ className, ...props }, ref) => (jsx("div", { ref: ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props })));
-Card.displayName = "Card";
-const CardHeader = React.forwardRef(({ className, ...props }, ref) => (jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));
-CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => (jsx("div", { ref: ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })));
-CardTitle.displayName = "CardTitle";
-const CardDescription = React.forwardRef(({ className, ...props }, ref) => (jsx("div", { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
-CardDescription.displayName = "CardDescription";
-const CardContent = React.forwardRef(({ className, ...props }, ref) => (jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props })));
-CardContent.displayName = "CardContent";
-const CardFooter = React.forwardRef(({ className, ...props }, ref) => (jsx("div", { ref: ref, className: cn("flex items-center p-6 pt-0", className), ...props })));
-CardFooter.displayName = "CardFooter";
-
 const THEMES = { light: '', dark: '.dark' };
 const ChartContext = React.createContext(null);
 function useChart() {
@@ -118637,11 +118754,412 @@ function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatfo
                 })()), jsx(StartScreenContent, { platformKey: platformKey, currentSPA: currentSPA }), jsx(ContentViewWrapper, { currentSPA: currentSPA, spas: ['mentor'], children: jsx(ChatAreaWidth, { chatAreaSize: metadata === null || metadata === void 0 ? void 0 : metadata.chat_area_size, isUpdating: isUpdatingTenantMetadata, onUpdate: handleChatAreaSizeUpdate, onError: handleChatAreaSizeError }) }), jsx(AuthSpaCustomizationContent, { platformKey: platformKey, currentSPA: currentSPA }), jsx(AdvancedCssContent, { platformKey: platformKey, currentSPA: currentSPA || '' }), jsx(RecommendationSystemPromptsContent, { platformKey: platformKey, currentSPA: currentSPA }), jsx(StudentMentorCreationContent, { platformKey: platformKey }), jsx(MemsearchConfigContent, { platformKey: platformKey, userId: username }), jsx(PlatformMembershipContent, { platformKey: platformKey, authURL: authURL }), jsx(CustomDomainsContent, { platformKey: platformKey, currentSPA: currentSPA || '', currentPlatformBaseDomain: currentPlatformBaseDomain || '' }), jsx(SmtpContent, { platformKey: platformKey }), (currentSPA === null || currentSPA === void 0 ? void 0 : currentSPA.includes('skills')) && (jsxs(Fragment$1, { children: [jsx(ProviderConfigContent, { platformKey: platformKey, username: username }), jsx(ExternalMappingContent, { platformKey: platformKey, username: username })] }))] }) }));
 }
 
+function StripeConnect({ platformKey }) {
+    const [isRedirecting, setIsRedirecting] = useState(false);
+    const { data: status, isLoading, refetch, } = useGetStripeConnectStatusQuery({ platform_key: platformKey }, { refetchOnMountOrArgChange: true });
+    const [startOnboarding, { isLoading: isStartingOnboarding }] = useStartStripeConnectOnboardingMutation();
+    const [triggerGetDashboard] = useLazyGetStripeConnectDashboardQuery();
+    const buildMonetizationUrl = () => {
+        const url = new URL(window.location.href);
+        url.searchParams.set('profileTab', 'monetization');
+        return url.toString();
+    };
+    const handleStartOnboarding = async () => {
+        const redirectUrl = buildMonetizationUrl();
+        try {
+            const result = await startOnboarding({
+                platform_key: platformKey,
+                return_url: redirectUrl,
+                refresh_url: redirectUrl,
+                business_type: 'company',
+            }).unwrap();
+            if (result.onboarding_url) {
+                setIsRedirecting(true);
+                toast.info('Redirecting to Stripe...');
+                window.location.href = result.onboarding_url;
+            }
+        }
+        catch (_a) {
+            toast.error('Failed to start Stripe onboarding');
+        }
+    };
+    const handleOpenDashboard = async () => {
+        setIsRedirecting(true);
+        try {
+            const result = await triggerGetDashboard({ platform_key: platformKey }).unwrap();
+            if (result.dashboard_url) {
+                toast.info('Opening Stripe Dashboard...');
+                window.open(result.dashboard_url, '_blank');
+            }
+        }
+        catch (_a) {
+            toast.error('Failed to open Stripe dashboard');
+        }
+        finally {
+            setIsRedirecting(false);
+        }
+    };
+    if (isLoading) {
+        return (jsx(Card, { className: "shadow-sm border", style: { borderColor: 'oklch(.922 0 0)' }, children: jsx(CardContent, { className: "p-6", children: jsxs("div", { className: "flex items-center gap-4", children: [jsx(Skeleton, { className: "h-12 w-12 rounded-full" }), jsxs("div", { className: "flex-1 space-y-2", children: [jsx(Skeleton, { className: "h-5 w-48" }), jsx(Skeleton, { className: "h-4 w-72" })] }), jsx(Skeleton, { className: "h-9 w-32" })] }) }) }));
+    }
+    const isReady = status === null || status === void 0 ? void 0 : status.is_ready_for_payments;
+    const hasAccount = status === null || status === void 0 ? void 0 : status.has_account;
+    return (jsx(Card, { className: "shadow-sm border", style: { borderColor: 'oklch(.922 0 0)' }, children: jsx(CardContent, { className: "p-6", children: jsxs("div", { className: "flex flex-col sm:flex-row items-start sm:items-center gap-4", children: [jsxs("div", { className: "flex-1 min-w-0", children: [jsxs("div", { className: "flex items-center gap-2 mb-1", children: [jsx("h4", { className: "text-base font-semibold text-gray-900 dark:text-gray-100", children: "Stripe Connect" }), isReady ? (jsx(Badge, { className: "bg-blue-100 text-blue-700 border-blue-200", children: "Connected" })) : hasAccount ? (jsx(Badge, { className: "bg-yellow-100 text-yellow-700 border-yellow-200", children: "Incomplete" })) : (jsx(Badge, { variant: "secondary", children: "Not Connected" }))] }), isReady ? (jsxs("p", { className: "text-sm text-gray-500", children: ["Stripe is connected and ready to accept payments.", (status === null || status === void 0 ? void 0 : status.charges_enabled) && ' Charges enabled.', (status === null || status === void 0 ? void 0 : status.payouts_enabled) && ' Payouts enabled.'] })) : hasAccount ? (jsx("p", { className: "text-sm text-gray-500", children: "Stripe account created but onboarding is incomplete. Complete setup to start accepting payments." })) : (jsx("p", { className: "text-sm text-gray-500", children: "Connect a Stripe account to enable monetization features." }))] }), jsx("div", { className: "flex gap-2 flex-shrink-0", children: isReady ? (jsxs(Button$1, { onClick: handleOpenDashboard, disabled: isRedirecting, variant: "outline", className: "cursor-pointer", children: [isRedirecting ? (jsx(LoaderCircle, { className: "h-4 w-4 mr-2 animate-spin" })) : (jsx(ExternalLink, { className: "h-4 w-4 mr-2" })), "Stripe Dashboard"] })) : (jsxs(Button$1, { onClick: handleStartOnboarding, disabled: isStartingOnboarding || isRedirecting, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white cursor-pointer", children: [isStartingOnboarding || isRedirecting ? (jsx(LoaderCircle, { className: "h-4 w-4 mr-2 animate-spin" })) : (jsx(Link$1, { className: "h-4 w-4 mr-2" })), isStartingOnboarding || isRedirecting
+                                    ? 'Redirecting...'
+                                    : hasAccount
+                                        ? 'Complete Setup'
+                                        : 'Connect Stripe'] })) })] }) }) }));
+}
+
+const EMPTY_FORM = {
+    name: '',
+    amount: '',
+    currency: 'usd',
+    interval: 'month',
+    description: '',
+    features: [],
+    is_active: true,
+    sort_order: 0,
+};
+function formatInterval(interval) {
+    switch (interval) {
+        case 'month':
+            return '/mo';
+        case 'year':
+            return '/yr';
+        case 'one_time':
+            return 'one-time';
+        default:
+            return interval;
+    }
+}
+// ── Price Form (shared between create & edit) ──
+function PriceForm({ form, onChange, onSave, onCancel, isSaving, isEdit, }) {
+    const [featureInput, setFeatureInput] = useState('');
+    const handleAddFeature = () => {
+        const trimmed = featureInput.trim();
+        if (trimmed && !form.features.includes(trimmed)) {
+            onChange({ ...form, features: [...form.features, trimmed] });
+            setFeatureInput('');
+        }
+    };
+    const handleRemoveFeature = (index) => {
+        onChange({ ...form, features: form.features.filter((_, i) => i !== index) });
+    };
+    return (jsx(Card, { className: "shadow-sm border border-blue-200 bg-blue-50/30", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4 space-y-3", children: [jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [jsxs("div", { children: [jsx(Label, { className: "text-xs text-gray-500", children: "Name *" }), jsx(Input, { value: form.name, onChange: (e) => onChange({ ...form, name: e.target.value }), placeholder: "e.g. Monthly Plan", className: "mt-1" })] }), jsxs("div", { children: [jsx(Label, { className: "text-xs text-gray-500", children: "Amount (USD) *" }), jsx(Input, { type: "number", min: 0, step: "0.01", value: form.amount, onChange: (e) => onChange({ ...form, amount: e.target.value }), placeholder: "9.99", className: "mt-1" })] }), jsxs("div", { children: [jsx(Label, { className: "text-xs text-gray-500", children: "Interval" }), jsxs(Select$1, { value: form.interval, onValueChange: (v) => onChange({ ...form, interval: v }), children: [jsx(SelectTrigger, { className: "mt-1", children: jsx(SelectValue, {}) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "month", children: "Monthly" }), jsx(SelectItem, { value: "year", children: "Yearly" }), jsx(SelectItem, { value: "one_time", children: "One-Time" })] })] })] }), jsxs("div", { children: [jsx(Label, { className: "text-xs text-gray-500", children: "Currency" }), jsx(Input, { value: form.currency, disabled: true, className: "mt-1 bg-gray-50 text-gray-500 cursor-not-allowed" })] })] }), jsxs("div", { children: [jsx(Label, { className: "text-xs text-gray-500", children: "Description" }), jsx(Input, { value: form.description, onChange: (e) => onChange({ ...form, description: e.target.value }), placeholder: "Optional description", className: "mt-1" })] }), jsxs("div", { children: [jsx(Label, { className: "text-xs text-gray-500", children: "Features" }), form.features.length > 0 && (jsx("div", { className: "flex flex-wrap gap-1.5 mt-1.5 mb-1.5", children: form.features.map((feature, i) => (jsxs(Badge, { variant: "secondary", className: "text-xs font-normal pl-2 pr-1 py-0.5 flex items-center gap-1", children: [feature, jsx("button", { type: "button", onClick: () => handleRemoveFeature(i), className: "hover:bg-gray-300 rounded-full p-0.5 transition-colors cursor-pointer", children: jsx(X, { className: "h-2.5 w-2.5" }) })] }, i))) })), jsxs("div", { className: "flex gap-1.5 mt-1", children: [jsx(Input, { value: featureInput, onChange: (e) => setFeatureInput(e.target.value), onKeyDown: (e) => {
+                                        if (e.key === 'Enter') {
+                                            e.preventDefault();
+                                            handleAddFeature();
+                                        }
+                                    }, placeholder: "Add a feature...", className: "flex-1" }), jsx(Button$1, { type: "button", onClick: handleAddFeature, disabled: !featureInput.trim(), variant: "outline", size: "sm", className: "h-9 px-2 cursor-pointer", children: jsx(Plus, { className: "h-3.5 w-3.5" }) })] })] }), jsx("div", { className: "flex items-center justify-between pt-2", children: jsxs("div", { className: "flex gap-2", children: [jsxs(Button$1, { onClick: onSave, disabled: isSaving || !form.name.trim() || !form.amount, size: "sm", className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white cursor-pointer", children: [isSaving ? (jsx(LoaderCircle, { className: "h-3 w-3 mr-1 animate-spin" })) : (jsx(Check, { className: "h-3 w-3 mr-1" })), isEdit ? 'Update' : 'Create'] }), jsxs(Button$1, { onClick: onCancel, variant: "outline", size: "sm", className: "cursor-pointer", children: [jsx(X, { className: "h-3 w-3 mr-1" }), "Cancel"] })] }) })] }) }));
+}
+// ── Main Component ──
+function PriceManagement({ platformKey, itemType, itemId }) {
+    const { data: prices, isLoading, refetch, } = useListPricesQuery({ platform_key: platformKey, item_type: itemType, item_id: itemId }, { refetchOnMountOrArgChange: true });
+    const [createPrice, { isLoading: isCreating }] = useCreatePriceMutation();
+    const [updatePrice, { isLoading: isUpdating }] = useUpdatePriceMutation();
+    const [deletePrice] = useDeletePriceMutation();
+    const [showCreateForm, setShowCreateForm] = useState(false);
+    const [editingPriceId, setEditingPriceId] = useState(null);
+    const [formData, setFormData] = useState(EMPTY_FORM);
+    const [deletingId, setDeletingId] = useState(null);
+    const handleCreate = async () => {
+        try {
+            await createPrice({
+                platform_key: platformKey,
+                item_type: itemType,
+                item_id: itemId,
+                name: formData.name,
+                amount: parseFloat(formData.amount),
+                currency: formData.currency,
+                interval: formData.interval,
+                description: formData.description || undefined,
+                features: formData.features.length > 0 ? formData.features : undefined,
+                is_active: formData.is_active,
+                sort_order: formData.sort_order,
+            }).unwrap();
+            toast.success('Price created');
+            setShowCreateForm(false);
+            setFormData(EMPTY_FORM);
+            refetch();
+        }
+        catch (_a) {
+            toast.error('Failed to create price');
+        }
+    };
+    const handleStartEdit = (price) => {
+        var _a;
+        setEditingPriceId(price.id);
+        setFormData({
+            name: price.name,
+            amount: String(price.amount),
+            currency: price.currency,
+            interval: price.interval,
+            description: price.description || '',
+            features: (_a = price.features) !== null && _a !== void 0 ? _a : [],
+            is_active: price.is_active,
+            sort_order: price.sort_order,
+        });
+        setShowCreateForm(false);
+    };
+    const handleUpdate = async () => {
+        if (!editingPriceId)
+            return;
+        try {
+            await updatePrice({
+                platform_key: platformKey,
+                item_type: itemType,
+                item_id: itemId,
+                price_unique_id: editingPriceId,
+                name: formData.name,
+                amount: parseFloat(formData.amount),
+                currency: formData.currency,
+                interval: formData.interval,
+                description: formData.description || undefined,
+                features: formData.features.length > 0 ? formData.features : undefined,
+                is_active: formData.is_active,
+                sort_order: formData.sort_order,
+            }).unwrap();
+            toast.success('Price updated');
+            setEditingPriceId(null);
+            setFormData(EMPTY_FORM);
+            refetch();
+        }
+        catch (_a) {
+            toast.error('Failed to update price');
+        }
+    };
+    const handleDelete = async (priceId) => {
+        setDeletingId(priceId);
+        try {
+            await deletePrice({
+                platform_key: platformKey,
+                item_type: itemType,
+                item_id: itemId,
+                price_unique_id: priceId,
+            }).unwrap();
+            toast.success('Price deleted');
+            refetch();
+        }
+        catch (_a) {
+            toast.error('Failed to delete price');
+        }
+        finally {
+            setDeletingId(null);
+        }
+    };
+    return (jsxs("div", { className: "space-y-3", children: [jsxs("div", { className: "flex items-center justify-between", children: [jsx("h4", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: "Pricing Tiers" }), !showCreateForm && !editingPriceId && (jsxs(Button$1, { onClick: () => {
+                            setShowCreateForm(true);
+                            setFormData(EMPTY_FORM);
+                            setEditingPriceId(null);
+                        }, variant: "outline", size: "sm", className: "cursor-pointer", children: [jsx(Plus, { className: "h-3 w-3 mr-1" }), "Add Price"] }))] }), showCreateForm && (jsx(PriceForm, { form: formData, onChange: setFormData, onSave: handleCreate, onCancel: () => {
+                    setShowCreateForm(false);
+                    setFormData(EMPTY_FORM);
+                }, isSaving: isCreating, isEdit: false })), isLoading ? (jsx("div", { className: "space-y-2", children: [1, 2].map((i) => (jsx(Skeleton, { className: "h-20 w-full" }, i))) })) : prices && prices.length > 0 ? (jsx("div", { className: "space-y-2", children: prices.map((price) => {
+                    var _a;
+                    return editingPriceId === price.id ? (jsx(PriceForm, { form: formData, onChange: setFormData, onSave: handleUpdate, onCancel: () => {
+                            setEditingPriceId(null);
+                            setFormData(EMPTY_FORM);
+                        }, isSaving: isUpdating, isEdit: true }, price.id)) : (jsx(Card, { className: "shadow-sm border", style: { borderColor: 'oklch(.922 0 0)' }, children: jsx(CardContent, { className: "p-4", children: jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx(Tag, { className: "h-4 w-4 text-gray-400" }), jsxs("div", { children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: price.name }), jsxs("span", { className: "text-sm font-semibold text-blue-600", children: ["$", price.amount, " ", formatInterval(price.interval)] }), !price.is_active && (jsx(Badge, { variant: "secondary", className: "text-xs", children: "Inactive" }))] }), price.description && (jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: price.description })), ((_a = price.features) === null || _a === void 0 ? void 0 : _a.length) > 0 && (jsx("div", { className: "flex flex-wrap gap-1 mt-1", children: price.features.map((f, i) => (jsx(Badge, { variant: "outline", className: "text-xs font-normal", children: f }, i))) }))] })] }), jsxs("div", { className: "flex gap-1 flex-shrink-0", children: [jsx(Button$1, { onClick: () => handleStartEdit(price), variant: "ghost", size: "sm", className: "h-8 w-8 p-0 cursor-pointer", children: jsx(Pencil, { className: "h-3 w-3" }) }), jsx(Button$1, { onClick: () => handleDelete(price.id), variant: "ghost", size: "sm", disabled: deletingId === price.id, className: "h-8 w-8 p-0 text-red-500 hover:text-red-700 cursor-pointer", children: deletingId === price.id ? (jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" })) : (jsx(Trash2, { className: "h-3 w-3" })) })] })] }) }) }, price.id));
+                }) })) : (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(),
+            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.' }))] })] }));
+}
+// ── 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();
+    const [isEnabled, setIsEnabled] = useState(false);
+    const [allowFreeTier, setAllowFreeTier] = useState(false);
+    const [trialDays, setTrialDays] = useState(0);
+    const [grandfathering, setGrandfathering] = useState('free_forever');
+    useEffect(() => {
+        if (config) {
+            setIsEnabled(config.is_enabled);
+            setAllowFreeTier(config.allow_free_tier);
+            setTrialDays(config.trial_period_days);
+            setGrandfathering(config.grandfathering_strategy);
+        }
+    }, [config]);
+    const handleTogglePaywall = async (enabled) => {
+        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();
+        }
+        catch (_a) {
+            toast.error(`Failed to ${enabled ? 'enable' : 'disable'} paywall`);
+        }
+    };
+    const handleSaveConfig = async () => {
+        try {
+            await enablePaywall({
+                platform_key: platformKey,
+                item_type: itemType,
+                item_id: itemId,
+                is_enabled: isEnabled,
+                allow_free_tier: allowFreeTier,
+                trial_period_days: trialDays,
+                grandfathering_strategy: grandfathering,
+            }).unwrap();
+            toast.success('Paywall configuration updated');
+            refetchConfig();
+        }
+        catch (_a) {
+            toast.error('Failed to update paywall configuration');
+        }
+    };
+    if (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 }))] }));
+}
+// ── Main Export ──
+function PaywallConfig({ platformKey, 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(PaywalledItemsList, { platformKey: platformKey, onSelectItem: (type, id, name) => setSelectedItem({ type, id, name }) }));
+}
+
+function MonetizationTab({ platformKey }) {
+    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 })] }));
+}
+
 function Account({ tenant, tenants = [], username, onInviteClick, billingURL = '', topUpURL = '', userActiveApp = null, showPlatformName = false, isAdmin = false, targetTab = 'basic', currentPlan: _currentPlan = '', currentSPA = '', authURL, onTenantUpdate, currentPlatformBaseDomain = '', enableRbac = false, rbacPermissions = {}, onLoadGroupPermissions, onTabChange, onUpgradeClick, }) {
     const TABS = [
         { id: 'organization', label: 'Organization', icon: Briefcase },
         { id: 'management', label: 'Management', icon: Users },
         { id: 'integrations', label: 'Integrations', icon: KeyRound },
+        { id: 'monetization', label: 'Monetization', icon: Coins },
         { id: 'advanced', label: 'Advanced', icon: Settings },
     ];
     const [activeTab, setActiveTab] = useState(targetTab);
@@ -118678,10 +119196,15 @@ function Account({ tenant, tenants = [], username, onInviteClick, billingURL = '
                                         }
                                     }).map((tab) => (jsxs("button", { onClick: () => {
                                             setActiveTab(tab.id);
-                                            // Clear URL param when switching away from billing
-                                            if (activeTab === 'billing' && tab.id !== 'billing') {
+                                            // Clear URL param when switching away from billing/monetization
+                                            if ((activeTab === 'billing' || activeTab === 'monetization') &&
+                                                tab.id !== 'billing' &&
+                                                tab.id !== 'monetization') {
                                                 onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange('');
                                             }
+                                            if (tab.id === 'monetization') {
+                                                onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange('monetization');
+                                            }
                                         }, className: `w-full justify-start px-4 py-3 text-left rounded-lg transition-all flex items-center text-base ${activeTab === tab.id
                                             ? 'bg-blue-50 text-blue-700 font-medium'
                                             : 'hover:bg-gray-50 text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100'}`, children: [jsx(tab.icon, { className: "h-5 w-5 mr-3 flex-shrink-0" }), jsx("span", { className: "truncate", children: tab.label })] }, tab.id))), (billingURL || topUpURL) && (jsxs("button", { onClick: () => {
@@ -118699,10 +119222,15 @@ function Account({ tenant, tenants = [], username, onInviteClick, billingURL = '
                                 }
                             }).map((tab) => (jsxs("button", { onClick: () => {
                                     setActiveTab(tab.id);
-                                    // Clear URL param when switching away from billing
-                                    if (activeTab === 'billing' && tab.id !== 'billing') {
+                                    // Clear URL param when switching away from billing/monetization
+                                    if ((activeTab === 'billing' || activeTab === 'monetization') &&
+                                        tab.id !== 'billing' &&
+                                        tab.id !== 'monetization') {
                                         onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange('');
                                     }
+                                    if (tab.id === 'monetization') {
+                                        onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange('monetization');
+                                    }
                                 }, className: `flex items-center gap-2 px-3 py-2 rounded-lg whitespace-nowrap text-sm transition-all ${activeTab === tab.id
                                     ? 'bg-blue-50 text-blue-600 font-medium'
                                     : 'text-gray-600 hover:bg-gray-50'}`, children: [jsx(tab.icon, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: tab.label }), jsx("span", { className: "sm:hidden", children: tab.label })] }, tab.id))), (billingURL || topUpURL) && (jsxs("button", { onClick: () => {
@@ -118711,10 +119239,10 @@ function Account({ tenant, tenants = [], username, onInviteClick, billingURL = '
                                     onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange('billing');
                                 }, className: `flex items-center gap-2 px-3 py-2 rounded-lg whitespace-nowrap text-sm transition-all ${activeTab === 'billing'
                                     ? 'bg-blue-50 text-blue-600 font-medium'
-                                    : '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 === 'advanced' && 'Configure advanced organization settings.'] })] }), jsxs("div", { className: "flex-1 p-6 space-y-6", style: {
+                                    : '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 === '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, topUpURL: topUpURL, userActiveApp: userActiveApp, username: username, onUpgradeClick: onUpgradeClick })), 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, 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, topUpURL: topUpURL, userActiveApp: userActiveApp, username: username, onUpgradeClick: onUpgradeClick })), activeTab === 'monetization' && jsx(MonetizationTab, { platformKey: tenant }), activeTab === 'advanced' && (jsx(AdvancedTab, { platformKey: tenant, currentSPA: currentSPA, username: username, authURL: authURL, currentPlatformBaseDomain: currentPlatformBaseDomain }))] })] }), jsx(ToastProvider, {})] }));
 }
 
 function UserProfileModal({ isOpen, onClose, params, billingEnabled = false, billingURL = '', topUpEnabled = false, topUpURL = '', 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, onUpgradeClick, onBillingTabRequest, onAccountDeleted, enableMemoryTab = false, localLLMProps, }) {
@@ -118793,7 +119321,7 @@ function UserProfileModal({ isOpen, onClose, params, billingEnabled = false, bil
                             showUsernameField: showUsernameField,
                             showPlatformName: showPlatformName,
                             useGravatarPicFallback: useGravatarPicFallback,
-                        }, isAdmin: params.isAdmin, targetTab: targetTab, onClose: onClose, onAccountDeleted: onAccountDeleted, enableMemoryTab: enableMemoryTab, localLLMProps: localLLMProps })), ['organization', 'management', 'integrations', 'billing'].includes(targetTab) && (jsxs(Fragment$1, { children: [jsx(Account, { onInviteClick: () => setIsInviteUserDialogOpen(true), tenant: params.tenantKey, tenants: tenants, username: getUserName(), billingEnabled: !!stripeBillingURL, billingURL: stripeBillingURL, topUpEnabled: !!stripeTopUpURL, topUpURL: stripeTopUpURL, showUsernameField: showUsernameField, showPlatformName: showPlatformName, useGravatarPicFallback: useGravatarPicFallback, onClose: onClose, isAdmin: params.isAdmin, targetTab: targetTab, currentPlan: currentPlan, currentSPA: currentSPA, userActiveApp: userActiveApp, authURL: authURL, onTenantUpdate: onTenantUpdate, currentPlatformBaseDomain: currentPlatformBaseDomain, rbacPermissions: rbacPermissions, enableRbac: enableRbac, onLoadGroupPermissions: onLoadGroupPermissions, onTabChange: onTabChange, onUpgradeClick: onUpgradeClick }), isInviteUserDialogOpen && (jsx(InviteUserDialog, { tenant: params.tenantKey, onClose: () => setIsInviteUserDialogOpen(false), isOpen: isInviteUserDialogOpen, enableCatalogInvite: enableCatalogInvite, hasManageUsersPermission: hasManageUsersPermission })), isInvitedUsersDialogOpen && (jsx(InvitedUsersDialog, { onClose: () => setIsInvitedUsersDialogOpen(false), tenant: params.tenantKey }))] }))] }) }) }));
+                        }, isAdmin: params.isAdmin, targetTab: targetTab, onClose: onClose, onAccountDeleted: onAccountDeleted, enableMemoryTab: enableMemoryTab, localLLMProps: localLLMProps })), ['organization', 'management', 'integrations', 'billing', 'monetization'].includes(targetTab) && (jsxs(Fragment$1, { children: [jsx(Account, { onInviteClick: () => setIsInviteUserDialogOpen(true), tenant: params.tenantKey, tenants: tenants, username: getUserName(), billingEnabled: !!stripeBillingURL, billingURL: stripeBillingURL, topUpEnabled: !!stripeTopUpURL, topUpURL: stripeTopUpURL, showUsernameField: showUsernameField, showPlatformName: showPlatformName, useGravatarPicFallback: useGravatarPicFallback, onClose: onClose, isAdmin: params.isAdmin, targetTab: targetTab, currentPlan: currentPlan, currentSPA: currentSPA, userActiveApp: userActiveApp, authURL: authURL, onTenantUpdate: onTenantUpdate, currentPlatformBaseDomain: currentPlatformBaseDomain, rbacPermissions: rbacPermissions, enableRbac: enableRbac, onLoadGroupPermissions: onLoadGroupPermissions, onTabChange: onTabChange, onUpgradeClick: onUpgradeClick }), isInviteUserDialogOpen && (jsx(InviteUserDialog, { tenant: params.tenantKey, onClose: () => setIsInviteUserDialogOpen(false), isOpen: isInviteUserDialogOpen, enableCatalogInvite: enableCatalogInvite, hasManageUsersPermission: hasManageUsersPermission })), isInvitedUsersDialogOpen && (jsx(InvitedUsersDialog, { onClose: () => setIsInvitedUsersDialogOpen(false), tenant: params.tenantKey }))] }))] }) }) }));
 }
 
 // Tauri types for model download functionality