@iblai/iblai-js 2.17.1 → 2.18.0

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import React__default, { useRef, useEffect, useMemo, useCallback, useState, createContext, useContext, forwardRef, createElement as createElement$1, useLayoutEffect, useReducer, useImperativeHandle, isValidElement, Children, PureComponent, cloneElement, Component, useId as useId$2, useDebugValue, lazy, Suspense } from 'react';
+import React__default, { useRef, useEffect, useMemo, useCallback, useState, createContext, useContext, forwardRef, createElement as createElement$1, useLayoutEffect, useReducer, useImperativeHandle, isValidElement, Children, PureComponent, cloneElement, Component, Fragment as Fragment$2, useId as useId$2, useDebugValue, lazy, Suspense } from 'react';
 import * as dataLayer from '@iblai/data-layer';
-import { useGetLlmsQuery, useCreateSessionIdMutation, useTimeTrackingMutation, useGetUserMetadataQuery, useGetUserMetadataEdxQuery, useGetUserProfileSummaryQuery, useUpdateUserMetadataMutation, useUpdateUserMetadataEdxMutation, useUploadProfileImageMutation, useResetPasswordMutation, useSelfRetireMutation, useCreateUserInstitutionMutation, useGetUserInstitutionsQuery, useCreateUserEducationMutation, useUpdateUserEducationMutation, useDeleteUserEducationMutation, useGetUserEducationQuery, useCreateUserCompanyMutation, useGetUserCompaniesQuery, useCreateUserExperienceMutation, useUpdateUserExperienceMutation, useDeleteUserExperienceMutation, useGetUserExperienceQuery, useGetUserResumeQuery, useCreateUserResumeMutation, useGetMySubscriptionsQuery, useGetItemSubscriptionQuery, useCancelSubscriptionMutation, useGetLearnerDetailsQuery, useGetUserEnrolledCoursesQuery, useGetUserEnrolledProgramsQuery, useGetUserCatalogPathwaysQuery, useGetUsersAsAssertionsQuery, useGetUserEarnedSkillsQuery, useGetUserReportedSkillsQuery, useGetUserDesiredSkillsQuery, useCreateGlobalMemoryMutation, useUpdateGlobalMemoryMutation, useUpdateMentorMemoryMutation, useGetMemsearchStatusQuery, useGetUserMemorySettingsQuery, useUpdateUserMemorySettingsMutation, useGetGlobalMemoriesQuery, useGetAllMentorMemoriesQuery, useDeleteGlobalMemoryMutation, useDeleteMentorMemoryMutation, useGetAiSearchMentorsQuery, useGetUserChatHistoryReportsQuery, USER_CHAT_HISTORY_REPORT_ACTIVE_STATES, useCreateUserChatHistoryReportMutation, useLazyGetDownloadReportFromURLQuery, useGetUserChatHistoryReportStatusQuery, userChatHistoryApiSlice, USER_CHAT_HISTORY_QUERY_KEYS, useGetUserChatHistoryQuery, useGetUserChatHistoryFilterQuery, useGetMentorsQuery, useGetUserChatHistorySessionQuery, useInviteUserMutation, usePlatformInvitationsQuery, useCreateCatalogInvitationCourseBulkMutation, useGetCatalogInvitationsCourseQuery, useLazyPlatformUsersQuery, useLazyPlatformUserGroupsQuery, useGetPersonnalizedSearchQuery, useCreateCatalogInvitationProgramBulkMutation, useGetCatalogInvitationsProgramQuery, useGetVectorDocumentsQuery, useUpdateUserRoleMutation, useUpdateUserStatusMutation, useUpdatePlatformUserRoleWithPoliciesMutation, usePlatformUsersQuery, useGetAccessibleUsersQuery, isPoliciesResponse, platformApiSlice, featureTags, useLazyGetRbacTeamsAccessListQuery, useCreateRbacTeamsAccessMutation, useGetRbacGroupsQuery, usePlatformUserGroupsQuery, useCreateRbacGroupMutation, useUpdateRbacGroupMutation, useDeleteRbacGroupMutation, useCreatePlatformUserGroupMutation, useUpdatePlatformUserGroupMutation, useDeletePlatformUserGroupMutation, useGetRbacGroupDetailsQuery, useGetPlatformUserGroupDetailsQuery, useGetRbacPermissionsMutation, useGetRbacRolesQuery, useCreateRbacRoleMutation, useUpdateRbacRoleMutation, useDeleteRbacRoleMutation, useGetRbacRoleDetailsQuery, useGetRbacActionsDefinitionQuery, useGetRbacResourceDiscoveryQuery, useGetRbacResourceListQuery, useGetRbacPoliciesQuery, useCreateRbacPolicyMutation, useUpdateRbacPolicyMutation, useDeleteRbacPolicyMutation, useGetRbacPolicyDetailsQuery, useGetWatchedGroupsQuery, useCreateWatchedGroupMutation, useUpdateWatchedGroupMutation, useDeleteWatchedGroupMutation, useAddWatchedUserMutation, useRemoveWatchedUserMutation, useAddWatcherMutation, useUpdateWatcherMutation, useDeleteWatcherMutation, useGetWatchedUsersQuery, useGetWatchersQuery, WATCHER_NOTIFICATION_EVENTS, WATCHER_NOTIFICATION_EVENT_LABELS, useGetApplicationFormsQuery, useGetApplicationFormDetailQuery, useCreateApplicationFormMutation, useUpdateApplicationFormMutation, useGetApplicationAdminDetailQuery, useInviteApplicationCandidateMutation, useLazyGetApplicationAttachmentFileQuery, useCreateApplicationWaiverMutation, useDeleteApplicationWaiverMutation, useSubmitApplicationOverrideMutation, useUpdateApplicationPlacementMutation, useDeleteApplicationCourseAssignmentMutation, useCreateApplicationNoteMutation, useUpdateApplicationNoteMutation, useDeleteApplicationNoteMutation, useTransitionApplicationMutation, useLinkApplicationCandidateMutation, useCreateApplicationPlacementsMutation, useGetCustomMentorsQuery, useCreateApplicationCourseAssignmentsMutation, useGetApplicationBlocksQuery, useDeleteApplicationBlockMutation, useGetApplicationsPipelineStatsQuery, useGetApplicationsPipelineQuery, useGetTenantMetadataQuery, useUpdateTenantMetadataMutation, useLazyGetTenantMetadataQuery, useDeleteApiKeyMutation, useGetApiKeyQuery, useGetApiKeyFieldPermissionsQuery, useUpdateApiKeyMutation, useGetApiKeysQuery, unwrapApiTokenList, useCreateApiKeyMutation, useCreateLLMCredentialMutation, useGetCredentialsSchemaQuery, useGetMaskedLLMCredentialsQuery, useDeleteIntegrationCredentialMutation, useDeleteCredentialMutation, useCreateIntegrationCredentialMutation, useGetIntegrationCredentialsSchemaQuery, useGetMaskedIntegrationCredentialsQuery, useGetAccountBillingInfoQuery, useUpdateAutoRechargeInfoMutation, useTriggerAutoRechargeMutation, useGetAgentSpendCapQuery, useGetTenantSpendCapQuery, useListAgentUserSpendCapsQuery, useUpsertAgentSpendCapMutation, useDeleteAgentSpendCapMutation, useUpsertTenantSpendCapMutation, useDeleteTenantSpendCapMutation, useUpsertUserSpendCapMutation, useDeleteUserSpendCapMutation, useGetLlmUsageMetricsQuery, useListAgentSpendCapsQuery, useGetCreditTransactionsQuery, useCreateStripeCustomerPortalMutation, useSetPlatformConfigurationsMutation, useGetPlatformConfigurationsQuery, useUpdatePlatformMembershipMutation, useGetPlatformMembershipQuery, useGetCustomDomainsQuery, useCreateCustomDomainMutation, useDeleteCustomDomainMutation, useGetStudentMentorCreationStatusQuery, useSetStudentMentorCreationStatusMutation, coreApiSlice, recommendationPromptTypeEnum, useGetRecommendedPromptsListQuery, useCreateRecommendedPromptMutation, useUpdateRecommendedPromptMutation, useDeleteRecommendedPromptMutation, useLazyGetPublicPlatformImageAssetFileUrlQuery, useCreatePlatformImageAssetMutation, useGetProviderConfigQuery, useCreateProviderConfigMutation, useDeleteProviderConfigMutation, useGetExternalMappingQuery, useGetCredentialsListQuery, useCreateExternalMappingMutation, useDeleteExternalMappingMutation, useGetMemsearchConfigQuery, useUpdateMemsearchConfigMutation, useGetStripeConnectStatusQuery, useStartStripeConnectOnboardingMutation, useLazyGetStripeConnectDashboardQuery, useListPaywallsQuery, useListPricesQuery, useCreatePriceMutation, useUpdatePriceMutation, useDeletePriceMutation, useGetPaywallConfigQuery, useEnablePaywallMutation, useUpdatePaywallMutation, useGetMentorMemoriesListQuery, useGetMemoryCategoriesAdminQuery, useCreateMentorMemoryMutation, useGetNotificationsCountQuery, useLazyGetNotificationsQuery, useMarkAllAsReadMutation, useCreateNotificationPreviewMutation, useSendNotificationMutation, USER_PROGRESS_DATA_POINTS, useResetTemplateMutation, useSendTestTemplateEmailMutation, useUpdateTemplateMutation, useGetTemplateDetailsQuery, USER_PROGRESS_SUMMARY_TYPE, useGetTemplatesQuery, useLazyGetTemplateDetailsQuery, useToggleTemplateMutation, useGetLlmUsageTracesQuery, useGetLlmUsageObservationsQuery, useGetTopicsStatsQuery, useGetUsersStatsQuery, useGetSessionStatsQuery, useGetTopicsDetailsStatsQuery, useGetTranscriptsConversationHeadlineQuery, useGetAccessTimeHeatmapQuery, useGetUserDetailsStatsQuery, useGetAverageRatingQuery, useGetModelCostsQuery, useGetPerUserCostsQuery, useGetTenantCostQuery, useGetAgentCostQuery, useGetTranscriptsMessagesDetailsQuery, useGetTranscriptsMessagesQuery, useGetReportDetailQuery, useGetMentorPublicSettingsQuery, useGetReportsQuery, useCreateReportMutation, useGetContentAnalyticsQuery, useGetContentAnalyticsDetailsQuery, useGetRevenueQuery, useListSubscribersQuery, useGetAuditLogsQuery, useGetPlatformAuditLogsQuery, PLATFORM_AUDIT_EVENT_TYPES, PLATFORM_AUDIT_ACTION_CODES, useGetMentorMemoriesQuery, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetUserEnrolledCoursesQuery, useLazyGetUserAssignedCoursesQuery, useLazyGetUserCredentialsQuery, useLazyGetOverTimeActivityQuery, useLazyGetCatalogSearchQuery, useCreateOrUpdateUserReportedSkillMutation, useCreateOrUpdateUserDesiredSkillMutation, useLazyGetPathwayListQuery, useLazyGetUserAssignedPathwaysQuery, useLazyGetUserEnrolledPathwaysQuery, useLazyGetPathwayCompletionQuery, useLazyGetProgramListQuery, useLazyGetProgramCompletionQuery, useLazyGetUserEnrolledProgramsQuery, useLazyGetAssignedProgramsQuery, useLazyGetUserSkillsPointsQuery, useLazyGetUserReportedSkillsQuery, useLazyGetUserDesiredSkillsQuery, useLazyGetUserCatalogPathwaysQuery, useLazyGetPerLearnerInfoQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useLazyGetPersonnalizedSearchQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useGetMentorSettingsQuery, useEditMentorMutation, useGetClawMentorConfigQuery, useGetClawInstancesQuery, useGetAgentConfigQuery, useUpdateClawMentorConfigMutation, useCreateClawMentorConfigMutation, useDeleteClawMentorConfigMutation, usePushClawConfigMutation, useCreateClawInstanceMutation, useDeleteClawInstanceMutation, useUpdateAgentConfigMutation, useHealthCheckClawInstanceMutation, useTestConnectivityClawInstanceMutation, useUpdateClawInstanceMutation, useGetAgentSkillResourcesQuery, useCreateAgentSkillResourceMutation, useUpdateAgentSkillResourceMutation, useUploadAgentSkillResourceAssetMutation, useDeleteAgentSkillResourceMutation, useGetMentorSkillAssignmentsQuery, useGetAgentSkillsQuery, useCreateMentorSkillAssignmentMutation, useUpdateMentorSkillAssignmentMutation, useDeleteMentorSkillAssignmentMutation, useCreateAgentSkillMutation, useUpdateAgentSkillMutation, useDeleteAgentSkillMutation, filterSlashSkills, useGetMentorSkillAssignmentsInfiniteQuery, MENTOR_SKILL_ASSIGNMENTS_PAGE_SIZE, useCreateCheckoutMutation, useGetUserProjectsQuery, useUpdateUserProjectMutation, useGetTrainingDocumentsQuery, useLazyGetConnectedServiceAuthUrlQuery, useCreateUserProjectMutation, useDeleteUserProjectMutation, useGetUserProjectDetailsQuery, useEditTrainingDocumentMutation, useAddTrainingDocumentMutation, useLazyGetCredentialsQuery, useGetMentorCategoriesQuery, useCreateMentorMutation, useUpdateUserPlatformMetadataMutation, useGetApplicationStatusQuery, useListOwnApplicationsQuery, useGetApplicationFormQuery, useWithdrawApplicationMutation, useRenewApplicationMutation, useCreateApplicationDraftMutation, useSubmitApplicationMutation, useUpdateApplicationMutation, useUploadApplicationAttachmentMutation, useDeleteApplicationAttachmentMutation, useCreateMemoryCategoryMutation, useUpdateMemoryCategoryMutation, useDeleteMemoryCategoryMutation, useGetPromptCategoriesQuery, useCreatePromptMutation, useDeletePromptMutation, useGetPromptsSearchQuery, useUpdatePromptMutation, useDeleteTrainingDocumentMutation, useGetTrainingDocumentRetrainScheduleQuery, useCreateTrainingDocumentRetrainScheduleMutation } from '@iblai/data-layer';
+import { useGetLlmsQuery, useCreateSessionIdMutation, useTimeTrackingMutation, useGetUserMetadataQuery, useGetUserMetadataEdxQuery, useGetUserProfileSummaryQuery, useUpdateUserMetadataMutation, useUpdateUserMetadataEdxMutation, useUploadProfileImageMutation, useResetPasswordMutation, useSelfRetireMutation, useCreateUserInstitutionMutation, useGetUserInstitutionsQuery, useCreateUserEducationMutation, useUpdateUserEducationMutation, useDeleteUserEducationMutation, useGetUserEducationQuery, useCreateUserCompanyMutation, useGetUserCompaniesQuery, useCreateUserExperienceMutation, useUpdateUserExperienceMutation, useDeleteUserExperienceMutation, useGetUserExperienceQuery, useGetUserResumeQuery, useCreateUserResumeMutation, useGetMySubscriptionsQuery, useGetItemSubscriptionQuery, useCancelSubscriptionMutation, useGetLearnerDetailsQuery, useGetUserEnrolledCoursesQuery, useGetUserEnrolledProgramsQuery, useGetUserCatalogPathwaysQuery, useGetUsersAsAssertionsQuery, useGetUserEarnedSkillsQuery, useGetUserReportedSkillsQuery, useGetUserDesiredSkillsQuery, useCreateGlobalMemoryMutation, useUpdateGlobalMemoryMutation, useUpdateMentorMemoryMutation, useGetMemsearchStatusQuery, useGetUserMemorySettingsQuery, useUpdateUserMemorySettingsMutation, useGetGlobalMemoriesQuery, useGetAllMentorMemoriesQuery, useDeleteGlobalMemoryMutation, useDeleteMentorMemoryMutation, useGetAiSearchMentorsQuery, useGetUserChatHistoryReportsQuery, USER_CHAT_HISTORY_REPORT_ACTIVE_STATES, useCreateUserChatHistoryReportMutation, useLazyGetDownloadReportFromURLQuery, useGetUserChatHistoryReportStatusQuery, userChatHistoryApiSlice, USER_CHAT_HISTORY_QUERY_KEYS, useGetUserChatHistoryQuery, useGetUserChatHistoryFilterQuery, useGetMentorsQuery, useGetUserChatHistorySessionQuery, useUserLlmUsageSummary, useUserLlmSpendOverTime, useUserLlmCostByModel, useUserLlmCostByService, useUserLlmRecentActivity, USER_LLM_RECENT_ACTIVITY_PAGE_SIZE, useUserLlmTraceObservations, useInviteUserMutation, usePlatformInvitationsQuery, useCreateCatalogInvitationCourseBulkMutation, useGetCatalogInvitationsCourseQuery, useLazyPlatformUsersQuery, useLazyPlatformUserGroupsQuery, useGetPersonnalizedSearchQuery, useCreateCatalogInvitationProgramBulkMutation, useGetCatalogInvitationsProgramQuery, useGetVectorDocumentsQuery, useUpdateUserRoleMutation, useUpdateUserStatusMutation, useUpdatePlatformUserRoleWithPoliciesMutation, usePlatformUsersQuery, useGetAccessibleUsersQuery, isPoliciesResponse, platformApiSlice, featureTags, useLazyGetRbacTeamsAccessListQuery, useCreateRbacTeamsAccessMutation, useGetRbacGroupsQuery, usePlatformUserGroupsQuery, useCreateRbacGroupMutation, useUpdateRbacGroupMutation, useDeleteRbacGroupMutation, useCreatePlatformUserGroupMutation, useUpdatePlatformUserGroupMutation, useDeletePlatformUserGroupMutation, useGetRbacGroupDetailsQuery, useGetPlatformUserGroupDetailsQuery, useGetRbacPermissionsMutation, useGetRbacRolesQuery, useCreateRbacRoleMutation, useUpdateRbacRoleMutation, useDeleteRbacRoleMutation, useGetRbacRoleDetailsQuery, useGetRbacActionsDefinitionQuery, useGetRbacResourceDiscoveryQuery, useGetRbacResourceListQuery, useGetRbacPoliciesQuery, useCreateRbacPolicyMutation, useUpdateRbacPolicyMutation, useDeleteRbacPolicyMutation, useGetRbacPolicyDetailsQuery, useGetWatchedGroupsQuery, useCreateWatchedGroupMutation, useUpdateWatchedGroupMutation, useDeleteWatchedGroupMutation, useAddWatchedUserMutation, useRemoveWatchedUserMutation, useAddWatcherMutation, useUpdateWatcherMutation, useDeleteWatcherMutation, useGetWatchedUsersQuery, useGetWatchersQuery, WATCHER_NOTIFICATION_EVENTS, WATCHER_NOTIFICATION_EVENT_LABELS, useGetApplicationFormsQuery, useGetApplicationFormDetailQuery, useCreateApplicationFormMutation, useUpdateApplicationFormMutation, useGetApplicationAdminDetailQuery, useInviteApplicationCandidateMutation, useLazyGetApplicationAttachmentFileQuery, useCreateApplicationWaiverMutation, useDeleteApplicationWaiverMutation, useSubmitApplicationOverrideMutation, useUpdateApplicationPlacementMutation, useDeleteApplicationCourseAssignmentMutation, useCreateApplicationNoteMutation, useUpdateApplicationNoteMutation, useDeleteApplicationNoteMutation, useTransitionApplicationMutation, useLinkApplicationCandidateMutation, useCreateApplicationPlacementsMutation, useGetCustomMentorsQuery, useCreateApplicationCourseAssignmentsMutation, useGetApplicationBlocksQuery, useDeleteApplicationBlockMutation, useGetApplicationsPipelineStatsQuery, useGetApplicationsPipelineQuery, useGetTenantMetadataQuery, useUpdateTenantMetadataMutation, useLazyGetTenantMetadataQuery, useDeleteApiKeyMutation, useGetApiKeyQuery, useGetApiKeyFieldPermissionsQuery, useUpdateApiKeyMutation, useGetApiKeysQuery, unwrapApiTokenList, useCreateApiKeyMutation, useCreateLLMCredentialMutation, useGetCredentialsSchemaQuery, useGetMaskedLLMCredentialsQuery, useDeleteIntegrationCredentialMutation, useDeleteCredentialMutation, useCreateIntegrationCredentialMutation, useGetIntegrationCredentialsSchemaQuery, useGetMaskedIntegrationCredentialsQuery, useGetAccountBillingInfoQuery, useUpdateAutoRechargeInfoMutation, useTriggerAutoRechargeMutation, useGetAgentSpendCapQuery, useGetTenantSpendCapQuery, useListAgentUserSpendCapsQuery, useUpsertAgentSpendCapMutation, useDeleteAgentSpendCapMutation, useUpsertTenantSpendCapMutation, useDeleteTenantSpendCapMutation, useUpsertUserSpendCapMutation, useDeleteUserSpendCapMutation, useGetLlmUsageMetricsQuery, useListAgentSpendCapsQuery, useGetCreditTransactionsQuery, useCreateStripeCustomerPortalMutation, useSetPlatformConfigurationsMutation, useGetPlatformConfigurationsQuery, useUpdatePlatformMembershipMutation, useGetPlatformMembershipQuery, useGetCustomDomainsQuery, useCreateCustomDomainMutation, useDeleteCustomDomainMutation, useGetStudentMentorCreationStatusQuery, useSetStudentMentorCreationStatusMutation, coreApiSlice, recommendationPromptTypeEnum, useGetRecommendedPromptsListQuery, useCreateRecommendedPromptMutation, useUpdateRecommendedPromptMutation, useDeleteRecommendedPromptMutation, useLazyGetPublicPlatformImageAssetFileUrlQuery, useCreatePlatformImageAssetMutation, useGetProviderConfigQuery, useCreateProviderConfigMutation, useDeleteProviderConfigMutation, useGetExternalMappingQuery, useGetCredentialsListQuery, useCreateExternalMappingMutation, useDeleteExternalMappingMutation, useGetMemsearchConfigQuery, useUpdateMemsearchConfigMutation, useGetStripeConnectStatusQuery, useStartStripeConnectOnboardingMutation, useLazyGetStripeConnectDashboardQuery, useListPaywallsQuery, useListPricesQuery, useCreatePriceMutation, useUpdatePriceMutation, useDeletePriceMutation, useGetPaywallConfigQuery, useEnablePaywallMutation, useUpdatePaywallMutation, useGetMentorMemoriesListQuery, useGetMemoryCategoriesAdminQuery, useCreateMentorMemoryMutation, useGetNotificationsCountQuery, useLazyGetNotificationsQuery, useMarkAllAsReadMutation, useCreateNotificationPreviewMutation, useSendNotificationMutation, USER_PROGRESS_DATA_POINTS, useResetTemplateMutation, useSendTestTemplateEmailMutation, useUpdateTemplateMutation, useGetTemplateDetailsQuery, USER_PROGRESS_SUMMARY_TYPE, useGetTemplatesQuery, useLazyGetTemplateDetailsQuery, useToggleTemplateMutation, useGetLlmUsageTracesQuery, useGetLlmUsageObservationsQuery, useGetTopicsStatsQuery, useGetUsersStatsQuery, useGetSessionStatsQuery, useGetTopicsDetailsStatsQuery, useGetTranscriptsConversationHeadlineQuery, useGetAccessTimeHeatmapQuery, useGetUserDetailsStatsQuery, useGetAverageRatingQuery, useGetModelCostsQuery, useGetPerUserCostsQuery, useGetTenantCostQuery, useGetAgentCostQuery, useGetTranscriptsMessagesDetailsQuery, useGetTranscriptsMessagesQuery, useGetReportDetailQuery, useGetMentorPublicSettingsQuery, useGetReportsQuery, useCreateReportMutation, useGetContentAnalyticsQuery, useGetContentAnalyticsDetailsQuery, useGetRevenueQuery, useListSubscribersQuery, useGetAuditLogsQuery, useGetPlatformAuditLogsQuery, PLATFORM_AUDIT_EVENT_TYPES, PLATFORM_AUDIT_ACTION_CODES, useGetMentorMemoriesQuery, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetUserEnrolledCoursesQuery, useLazyGetUserAssignedCoursesQuery, useLazyGetUserCredentialsQuery, useLazyGetOverTimeActivityQuery, useLazyGetCatalogSearchQuery, useCreateOrUpdateUserReportedSkillMutation, useCreateOrUpdateUserDesiredSkillMutation, useLazyGetPathwayListQuery, useLazyGetUserAssignedPathwaysQuery, useLazyGetUserEnrolledPathwaysQuery, useLazyGetPathwayCompletionQuery, useLazyGetProgramListQuery, useLazyGetProgramCompletionQuery, useLazyGetUserEnrolledProgramsQuery, useLazyGetAssignedProgramsQuery, useLazyGetUserSkillsPointsQuery, useLazyGetUserReportedSkillsQuery, useLazyGetUserDesiredSkillsQuery, useLazyGetUserCatalogPathwaysQuery, useLazyGetPerLearnerInfoQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useLazyGetPersonnalizedSearchQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useGetMentorSettingsQuery, useEditMentorMutation, useGetClawMentorConfigQuery, useGetClawInstancesQuery, useGetAgentConfigQuery, useUpdateClawMentorConfigMutation, useCreateClawMentorConfigMutation, useDeleteClawMentorConfigMutation, usePushClawConfigMutation, useCreateClawInstanceMutation, useDeleteClawInstanceMutation, useUpdateAgentConfigMutation, useHealthCheckClawInstanceMutation, useTestConnectivityClawInstanceMutation, useUpdateClawInstanceMutation, useGetAgentSkillResourcesQuery, useCreateAgentSkillResourceMutation, useUpdateAgentSkillResourceMutation, useUploadAgentSkillResourceAssetMutation, useDeleteAgentSkillResourceMutation, useGetMentorSkillAssignmentsQuery, useGetAgentSkillsQuery, useCreateMentorSkillAssignmentMutation, useUpdateMentorSkillAssignmentMutation, useDeleteMentorSkillAssignmentMutation, useCreateAgentSkillMutation, useUpdateAgentSkillMutation, useDeleteAgentSkillMutation, filterSlashSkills, useGetMentorSkillAssignmentsInfiniteQuery, MENTOR_SKILL_ASSIGNMENTS_PAGE_SIZE, useCreateCheckoutMutation, useGetUserProjectsQuery, useUpdateUserProjectMutation, useGetTrainingDocumentsQuery, useLazyGetConnectedServiceAuthUrlQuery, useCreateUserProjectMutation, useDeleteUserProjectMutation, useGetUserProjectDetailsQuery, useEditTrainingDocumentMutation, useAddTrainingDocumentMutation, useLazyGetCredentialsQuery, useGetMentorCategoriesQuery, useCreateMentorMutation, useUpdateUserPlatformMetadataMutation, useGetApplicationStatusQuery, useListOwnApplicationsQuery, useGetApplicationFormQuery, useWithdrawApplicationMutation, useRenewApplicationMutation, useCreateApplicationDraftMutation, useSubmitApplicationMutation, useUpdateApplicationMutation, useUploadApplicationAttachmentMutation, useDeleteApplicationAttachmentMutation, useCreateMemoryCategoryMutation, useUpdateMemoryCategoryMutation, useDeleteMemoryCategoryMutation, useGetPromptCategoriesQuery, useCreatePromptMutation, useDeletePromptMutation, useGetPromptsSearchQuery, useUpdatePromptMutation, useDeleteTrainingDocumentMutation, useGetTrainingDocumentRetrainScheduleQuery, useCreateTrainingDocumentRetrainScheduleMutation } from '@iblai/data-layer';
 import { useDispatch, useSelector } from 'react-redux';
-import { selectSessionId, selectActiveChatMessages, useCachedSessionId, chatActions, LOCAL_STORAGE_KEYS, TimeTracker, selectRbacPermissions, useCurrentTenant, canViewOtherUsersChatHistory, getInitials, useTenantMetadata, useUsername, selectStreaming, isLoggedIn, TOOL_NAME_MAP, WRITE_TODOS_TOOL, isPureWatcher, WithPermissions, canWriteField, useStripeUpgrade, openExternalUrl, CHAT_AREA_SIZE, isAlphaNumeric32, checkRbacPermission, getTimeAgo, REQUIRED_ACTIONS_FOR_GROUPS, getVisibleAnalyticsTabs, getUserName as getUserName$2, formatRelativeTime as formatRelativeTime$2, ANONYMOUS_USERNAME, combineCSVData, WATCHER_HIDDEN_REPORTS, canViewPlatformAuditLogs, redirectToAuthSpaJoinTenant, redirectToAuthSpa, getAuthSpaJoinUrl, useOS, selectNumberOfActiveChatMessages, TOOLS, hasRemoteAiConfig, isSafariBrowser, useShowAttachment, useShowVoiceCall, useShowVoiceRecorder, useMentorSettings, selectShowingSharedChat, useShowFreeTrialDialog, useEmbedMode, chatInputSliceSelectors, useResponsive, useAccessingPublicRoute, useVisitingTenant, useModelFileUploadCapabilities, useChatFileUpload, useVoiceChat, selectAttachedFiles, MENTOR_CHAT_DOCUMENTS_EXTENSIONS, chatInputSliceActions, removeFile, WithFormPermissions, MENTOR_VISIBILITY } from '@iblai/web-utils';
+import { selectSessionId, selectActiveChatMessages, useCachedSessionId, chatActions, LOCAL_STORAGE_KEYS, TimeTracker, selectRbacPermissions, useCurrentTenant, canViewOtherUsersChatHistory, isPureWatcher, getInitials, useTenantMetadata, useUsername, selectStreaming, isLoggedIn, TOOL_NAME_MAP, WRITE_TODOS_TOOL, WithPermissions, canWriteField, useStripeUpgrade, openExternalUrl, CHAT_AREA_SIZE, isAlphaNumeric32, checkRbacPermission, getTimeAgo, REQUIRED_ACTIONS_FOR_GROUPS, getVisibleAnalyticsTabs, getUserName as getUserName$2, formatRelativeTime as formatRelativeTime$2, ANONYMOUS_USERNAME, combineCSVData, WATCHER_HIDDEN_REPORTS, canViewPlatformAuditLogs, redirectToAuthSpaJoinTenant, redirectToAuthSpa, getAuthSpaJoinUrl, useOS, selectNumberOfActiveChatMessages, TOOLS, hasRemoteAiConfig, isSafariBrowser, useShowAttachment, useShowVoiceCall, useShowVoiceRecorder, useMentorSettings, selectShowingSharedChat, useShowFreeTrialDialog, useEmbedMode, chatInputSliceSelectors, useResponsive, useAccessingPublicRoute, useVisitingTenant, useModelFileUploadCapabilities, useChatFileUpload, useVoiceChat, selectAttachedFiles, MENTOR_CHAT_DOCUMENTS_EXTENSIONS, chatInputSliceActions, removeFile, WithFormPermissions, MENTOR_VISIBILITY } from '@iblai/web-utils';
 import { toast } from 'sonner';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
@@ -5165,7 +5165,13 @@ var profileAccount$3 = {
 	tabBenchmarks: "Benchmarks",
 	descBenchmarks: "Build benchmark suites of test inputs to evaluate agents.",
 	tabMemory: "Memory",
-	descMemory: "Manage user global memories and agent memories."
+	descMemory: "Manage user global memories and agent memories.",
+	groupWorkspace: "Workspace",
+	groupAiData: "AI & data",
+	groupSystem: "System",
+	ariaSettingsNav: "Organization settings",
+	ariaSettingsNavMobile: "Organization settings (mobile)",
+	groupFinance: "Finance"
 };
 var profileAddCreditsModal$3 = {
 	title: "Add Credits",
@@ -5361,7 +5367,6 @@ var profileIndex$3 = {
 	langSpanish: "Spanish",
 	langFrench: "French",
 	checkboxDisplayMentorAI: "Display Agent Sidebar",
-	checkboxDisplayLeaderboard: "Display Leaderboard",
 	labelFacebook: "Facebook",
 	placeholderFacebook: "Facebook",
 	labelLinkedIn: "LinkedIn",
@@ -5382,7 +5387,16 @@ var profileIndex$3 = {
 	descChatHistoryPreview: "Conversations with AI agents.",
 	ariaAddEducation: "Add education",
 	ariaAddExperience: "Add experience",
-	ariaAddResume: "Add resume"
+	ariaAddResume: "Add resume",
+	tabLlmUsage: "Usage",
+	descLlmUsage: "See how much AI you have used: spend, tokens and requests across your conversations.",
+	groupProfile: "Profile",
+	groupAiData: "AI & data",
+	groupAccount: "Account",
+	groupRecords: "Records",
+	descLlmUsagePreview: "Spend, tokens and requests across conversations.",
+	sectionFeatures: "Features",
+	tooltipDisplayMentorAI: "Keeps the AI agent panel beside whatever you are working on, so you can ask questions without leaving the page."
 };
 var profileInviteUserContent$3 = {
 	inviteUsersTitle: "Invite Users",
@@ -8407,6 +8421,81 @@ var analyticsTraces$3 = {
 	mentorScopeTitle: "Agent scope narrows the trace list only.",
 	mentorScopeBody: "Row-level observations cannot be filtered to a single agent upstream — open a trace to see its own calls."
 };
+var profileLlmUsage$3 = {
+	rangeLabel: "Date range",
+	rangeToday: "Today",
+	range7d: "7 days",
+	range30d: "30 days",
+	range90d: "90 days",
+	rangeAllTime: "All time",
+	periodToday: "Today",
+	period7d: "Last 7 days",
+	period30d: "Last 30 days",
+	period90d: "Last 90 days",
+	periodAllTime: "All time",
+	scopeSelf: "Only your own activity is shown",
+	refresh: "Refresh usage",
+	kpiSpend: "Spend",
+	kpiTokens: "Tokens",
+	kpiRequests: "Requests",
+	kpiAvgCost: "Avg cost per request",
+	kpiTokensSub: "{value} per request",
+	kpiRequestsSub: "AI calls",
+	kpiAvgCostSub: "Spend divided by requests",
+	chartTitle: "Spend over time",
+	chartSubtitleDay: "Daily spend in US dollars",
+	chartSubtitleWeek: "Weekly spend in US dollars",
+	chartSubtitleMonth: "Monthly spend in US dollars",
+	chartAria: "Spend over time. Use the left and right arrow keys to read each bar.",
+	chartNoData: "No spend in this period.",
+	chartTableCaption: "Spend per period",
+	colPeriod: "Period",
+	colCost: "Cost",
+	byModelTitle: "By model",
+	byModelSubtitle: "Share of your spend per model",
+	byServiceTitle: "By service",
+	byServiceSubtitle: "Where your spend comes from",
+	otherRow: "Other",
+	unknownModel: "Unknown model",
+	unknownService: "Other service",
+	breakdownEmpty: "Nothing to break down in this period.",
+	sectionError: "This section couldn't be loaded.",
+	activityTitle: "Recent activity",
+	activitySubtitle: "Your latest AI requests, newest first. Open one to see each step.",
+	activityEmpty: "No requests in this period.",
+	colWhen: "When",
+	colService: "Service",
+	colSession: "Session",
+	colLatency: "Latency",
+	colDetails: "Details",
+	showSteps: "Show steps for {when}",
+	hideSteps: "Hide steps for {when}",
+	stepsLoading: "Loading steps…",
+	stepsEmpty: "No steps were recorded for this request.",
+	stepsError: "The steps for this request couldn't be loaded.",
+	colStep: "Step",
+	colModel: "Model",
+	colInput: "Input",
+	colOutput: "Output",
+	colTotal: "Total",
+	paginationSummary: "Showing {from}–{to} of {total}",
+	previous: "Previous",
+	next: "Next",
+	emptyTitle: "No AI usage in this period",
+	emptyBody: "Chats, memory and other AI requests show up here once they happen. Try a longer range.",
+	emptyAction90: "Show last 90 days",
+	emptyActionAll: "Show all time",
+	errorForbiddenTitle: "Usage isn't available",
+	errorForbiddenBody: "We couldn't load usage for this account.",
+	errorUnavailableTitle: "Usage is temporarily unavailable",
+	errorUnavailableBody: "Please try again in a few minutes.",
+	errorUnauthorizedTitle: "Your session has expired",
+	errorUnauthorizedBody: "Sign in again to see your usage.",
+	errorUnknownTitle: "Something went wrong",
+	errorUnknownBody: "We couldn't load your usage.",
+	tryAgain: "Try again",
+	scopeUser: "Usage for {username}"
+};
 var en = {
 	accessTabAddAccess: accessTabAddAccess$3,
 	accessTabLabels: accessTabLabels$3,
@@ -8691,7 +8780,8 @@ var en = {
 	analyticsChartCard: analyticsChartCard$3,
 	analyticsCostTabs: analyticsCostTabs$3,
 	analyticsLlmUsage: analyticsLlmUsage$3,
-	analyticsTraces: analyticsTraces$3
+	analyticsTraces: analyticsTraces$3,
+	profileLlmUsage: profileLlmUsage$3
 };
 
 var accessTabAddAccess$2 = {
@@ -12522,7 +12612,13 @@ var profileAccount$2 = {
 	tabBenchmarks: "Benchmarks",
 	descBenchmarks: "Créez des suites de benchmarks d'entrées de test pour évaluer les agents.",
 	tabMemory: "Mémoire",
-	descMemory: "Gérez les mémoires globales des utilisateurs et les mémoires des agents."
+	descMemory: "Gérez les mémoires globales des utilisateurs et les mémoires des agents.",
+	groupWorkspace: "Espace de travail",
+	groupAiData: "IA et données",
+	groupSystem: "Système",
+	ariaSettingsNav: "Paramètres de l'organisation",
+	ariaSettingsNavMobile: "Paramètres de l'organisation (mobile)",
+	groupFinance: "Finance"
 };
 var profileAddCreditsModal$2 = {
 	title: "Ajouter des crédits",
@@ -12718,7 +12814,6 @@ var profileIndex$2 = {
 	langSpanish: "Espagnol",
 	langFrench: "Français",
 	checkboxDisplayMentorAI: "Afficher la barre latérale de l'agent",
-	checkboxDisplayLeaderboard: "Afficher le classement",
 	labelFacebook: "Facebook",
 	placeholderFacebook: "Facebook",
 	labelLinkedIn: "LinkedIn",
@@ -12739,7 +12834,16 @@ var profileIndex$2 = {
 	descChatHistoryPreview: "Conversations avec les agents IA.",
 	ariaAddEducation: "Ajouter une formation",
 	ariaAddExperience: "Ajouter une expérience",
-	ariaAddResume: "Ajouter un CV"
+	ariaAddResume: "Ajouter un CV",
+	tabLlmUsage: "Utilisation",
+	descLlmUsage: "Voyez combien d'IA vous avez utilisé : dépenses, jetons et requêtes dans vos conversations.",
+	groupProfile: "Profil",
+	groupAiData: "IA et données",
+	groupAccount: "Compte",
+	groupRecords: "Dossiers",
+	descLlmUsagePreview: "Dépenses, jetons et requêtes dans les conversations.",
+	sectionFeatures: "Fonctionnalités",
+	tooltipDisplayMentorAI: "Garde le panneau de l'agent IA à côté de ce que vous faites, pour poser des questions sans quitter la page."
 };
 var profileInviteUserContent$2 = {
 	inviteUsersTitle: "Inviter des utilisateurs",
@@ -15598,6 +15702,81 @@ var analyticsTraces$2 = {
 	mentorScopeTitle: "La portée par agent ne restreint que la liste des traces.",
 	mentorScopeBody: "Les observations au niveau ligne ne peuvent pas être filtrées sur un seul agent — ouvrez une trace pour voir ses propres appels."
 };
+var profileLlmUsage$2 = {
+	rangeLabel: "Période",
+	rangeToday: "Aujourd'hui",
+	range7d: "7 jours",
+	range30d: "30 jours",
+	range90d: "90 jours",
+	rangeAllTime: "Tout",
+	periodToday: "Aujourd'hui",
+	period7d: "7 derniers jours",
+	period30d: "30 derniers jours",
+	period90d: "90 derniers jours",
+	periodAllTime: "Depuis le début",
+	scopeSelf: "Seule votre propre activité est affichée",
+	refresh: "Actualiser l'utilisation",
+	kpiSpend: "Dépenses",
+	kpiTokens: "Jetons",
+	kpiRequests: "Requêtes",
+	kpiAvgCost: "Coût moyen par requête",
+	kpiTokensSub: "{value} par requête",
+	kpiRequestsSub: "Appels à l'IA",
+	kpiAvgCostSub: "Dépenses divisées par les requêtes",
+	chartTitle: "Dépenses dans le temps",
+	chartSubtitleDay: "Dépenses quotidiennes en dollars américains",
+	chartSubtitleWeek: "Dépenses hebdomadaires en dollars américains",
+	chartSubtitleMonth: "Dépenses mensuelles en dollars américains",
+	chartAria: "Dépenses dans le temps. Utilisez les flèches gauche et droite pour lire chaque barre.",
+	chartNoData: "Aucune dépense sur cette période.",
+	chartTableCaption: "Dépenses par période",
+	colPeriod: "Période",
+	colCost: "Coût",
+	byModelTitle: "Par modèle",
+	byModelSubtitle: "Part de vos dépenses par modèle",
+	byServiceTitle: "Par service",
+	byServiceSubtitle: "D'où viennent vos dépenses",
+	otherRow: "Autres",
+	unknownModel: "Modèle inconnu",
+	unknownService: "Autre service",
+	breakdownEmpty: "Rien à détailler sur cette période.",
+	sectionError: "Cette section n'a pas pu être chargée.",
+	activityTitle: "Activité récente",
+	activitySubtitle: "Vos dernières requêtes d'IA, les plus récentes d'abord. Ouvrez-en une pour voir chaque étape.",
+	activityEmpty: "Aucune requête sur cette période.",
+	colWhen: "Quand",
+	colService: "Service",
+	colSession: "Session",
+	colLatency: "Latence",
+	colDetails: "Détails",
+	showSteps: "Afficher les étapes du {when}",
+	hideSteps: "Masquer les étapes du {when}",
+	stepsLoading: "Chargement des étapes…",
+	stepsEmpty: "Aucune étape n'a été enregistrée pour cette requête.",
+	stepsError: "Les étapes de cette requête n'ont pas pu être chargées.",
+	colStep: "Étape",
+	colModel: "Modèle",
+	colInput: "Entrée",
+	colOutput: "Sortie",
+	colTotal: "Total",
+	paginationSummary: "{from}–{to} sur {total}",
+	previous: "Précédent",
+	next: "Suivant",
+	emptyTitle: "Aucune utilisation de l'IA sur cette période",
+	emptyBody: "Les discussions, la mémoire et les autres requêtes d'IA apparaissent ici dès qu'elles ont lieu. Essayez une période plus longue.",
+	emptyAction90: "Afficher les 90 derniers jours",
+	emptyActionAll: "Tout afficher",
+	errorForbiddenTitle: "L'utilisation n'est pas disponible",
+	errorForbiddenBody: "Nous n'avons pas pu charger l'utilisation de ce compte.",
+	errorUnavailableTitle: "L'utilisation est temporairement indisponible",
+	errorUnavailableBody: "Veuillez réessayer dans quelques minutes.",
+	errorUnauthorizedTitle: "Votre session a expiré",
+	errorUnauthorizedBody: "Reconnectez-vous pour voir votre utilisation.",
+	errorUnknownTitle: "Un problème est survenu",
+	errorUnknownBody: "Nous n'avons pas pu charger votre utilisation.",
+	tryAgain: "Réessayer",
+	scopeUser: "Utilisation de {username}"
+};
 var fr = {
 	accessTabAddAccess: accessTabAddAccess$2,
 	accessTabLabels: accessTabLabels$2,
@@ -15882,7 +16061,8 @@ var fr = {
 	analyticsChartCard: analyticsChartCard$2,
 	analyticsCostTabs: analyticsCostTabs$2,
 	analyticsLlmUsage: analyticsLlmUsage$2,
-	analyticsTraces: analyticsTraces$2
+	analyticsTraces: analyticsTraces$2,
+	profileLlmUsage: profileLlmUsage$2
 };
 
 var accessTabAddAccess$1 = {
@@ -19713,7 +19893,13 @@ var profileAccount$1 = {
 	tabBenchmarks: "Benchmarks",
 	descBenchmarks: "Cree suites de benchmarks con entradas de prueba para evaluar agentes.",
 	tabMemory: "Memoria",
-	descMemory: "Gestiona las memorias globales de los usuarios y las memorias de los agentes."
+	descMemory: "Gestiona las memorias globales de los usuarios y las memorias de los agentes.",
+	groupWorkspace: "Espacio de trabajo",
+	groupAiData: "IA y datos",
+	groupSystem: "Sistema",
+	ariaSettingsNav: "Configuración de la organización",
+	ariaSettingsNavMobile: "Configuración de la organización (móvil)",
+	groupFinance: "Finanzas"
 };
 var profileAddCreditsModal$1 = {
 	title: "Agregar créditos",
@@ -19909,7 +20095,6 @@ var profileIndex$1 = {
 	langSpanish: "Español",
 	langFrench: "Francés",
 	checkboxDisplayMentorAI: "Mostrar barra lateral del agente",
-	checkboxDisplayLeaderboard: "Mostrar tabla de clasificación",
 	labelFacebook: "Facebook",
 	placeholderFacebook: "Facebook",
 	labelLinkedIn: "LinkedIn",
@@ -19930,7 +20115,16 @@ var profileIndex$1 = {
 	descChatHistoryPreview: "Conversaciones con agentes de IA.",
 	ariaAddEducation: "Añadir educación",
 	ariaAddExperience: "Añadir experiencia",
-	ariaAddResume: "Añadir currículum"
+	ariaAddResume: "Añadir currículum",
+	tabLlmUsage: "Uso",
+	descLlmUsage: "Consulta cuánta IA has usado: gasto, tokens y solicitudes en tus conversaciones.",
+	groupProfile: "Perfil",
+	groupAiData: "IA y datos",
+	groupAccount: "Cuenta",
+	groupRecords: "Registros",
+	descLlmUsagePreview: "Gasto, tokens y solicitudes en las conversaciones.",
+	sectionFeatures: "Funciones",
+	tooltipDisplayMentorAI: "Mantiene el panel del agente de IA junto a lo que estés haciendo, para que puedas preguntar sin salir de la página."
 };
 var profileInviteUserContent$1 = {
 	inviteUsersTitle: "Invitar usuarios",
@@ -22789,6 +22983,81 @@ var analyticsTraces$1 = {
 	mentorScopeTitle: "El alcance por agente solo acota la lista de trazas.",
 	mentorScopeBody: "Las observaciones a nivel de fila no pueden filtrarse por un solo agente — abre una traza para ver sus propias llamadas."
 };
+var profileLlmUsage$1 = {
+	rangeLabel: "Rango de fechas",
+	rangeToday: "Hoy",
+	range7d: "7 días",
+	range30d: "30 días",
+	range90d: "90 días",
+	rangeAllTime: "Todo",
+	periodToday: "Hoy",
+	period7d: "Últimos 7 días",
+	period30d: "Últimos 30 días",
+	period90d: "Últimos 90 días",
+	periodAllTime: "Todo el tiempo",
+	scopeSelf: "Solo se muestra tu propia actividad",
+	refresh: "Actualizar uso",
+	kpiSpend: "Gasto",
+	kpiTokens: "Tokens",
+	kpiRequests: "Solicitudes",
+	kpiAvgCost: "Costo promedio por solicitud",
+	kpiTokensSub: "{value} por solicitud",
+	kpiRequestsSub: "Llamadas a la IA",
+	kpiAvgCostSub: "Gasto dividido entre solicitudes",
+	chartTitle: "Gasto a lo largo del tiempo",
+	chartSubtitleDay: "Gasto diario en dólares estadounidenses",
+	chartSubtitleWeek: "Gasto semanal en dólares estadounidenses",
+	chartSubtitleMonth: "Gasto mensual en dólares estadounidenses",
+	chartAria: "Gasto a lo largo del tiempo. Usa las flechas izquierda y derecha para leer cada barra.",
+	chartNoData: "No hay gasto en este período.",
+	chartTableCaption: "Gasto por período",
+	colPeriod: "Período",
+	colCost: "Costo",
+	byModelTitle: "Por modelo",
+	byModelSubtitle: "Parte de tu gasto por modelo",
+	byServiceTitle: "Por servicio",
+	byServiceSubtitle: "De dónde proviene tu gasto",
+	otherRow: "Otros",
+	unknownModel: "Modelo desconocido",
+	unknownService: "Otro servicio",
+	breakdownEmpty: "No hay nada que desglosar en este período.",
+	sectionError: "No se pudo cargar esta sección.",
+	activityTitle: "Actividad reciente",
+	activitySubtitle: "Tus solicitudes de IA más recientes, primero las más nuevas. Abre una para ver cada paso.",
+	activityEmpty: "No hay solicitudes en este período.",
+	colWhen: "Cuándo",
+	colService: "Servicio",
+	colSession: "Sesión",
+	colLatency: "Latencia",
+	colDetails: "Detalles",
+	showSteps: "Mostrar pasos de {when}",
+	hideSteps: "Ocultar pasos de {when}",
+	stepsLoading: "Cargando pasos…",
+	stepsEmpty: "No se registraron pasos para esta solicitud.",
+	stepsError: "No se pudieron cargar los pasos de esta solicitud.",
+	colStep: "Paso",
+	colModel: "Modelo",
+	colInput: "Entrada",
+	colOutput: "Salida",
+	colTotal: "Total",
+	paginationSummary: "Mostrando {from}–{to} de {total}",
+	previous: "Anterior",
+	next: "Siguiente",
+	emptyTitle: "Sin uso de IA en este período",
+	emptyBody: "Los chats, la memoria y otras solicitudes de IA aparecen aquí cuando ocurren. Prueba un rango más amplio.",
+	emptyAction90: "Mostrar los últimos 90 días",
+	emptyActionAll: "Mostrar todo",
+	errorForbiddenTitle: "El uso no está disponible",
+	errorForbiddenBody: "No pudimos cargar el uso de esta cuenta.",
+	errorUnavailableTitle: "El uso no está disponible temporalmente",
+	errorUnavailableBody: "Inténtalo de nuevo en unos minutos.",
+	errorUnauthorizedTitle: "Tu sesión ha expirado",
+	errorUnauthorizedBody: "Vuelve a iniciar sesión para ver tu uso.",
+	errorUnknownTitle: "Algo salió mal",
+	errorUnknownBody: "No pudimos cargar tu uso.",
+	tryAgain: "Intentar de nuevo",
+	scopeUser: "Uso de {username}"
+};
 var es = {
 	accessTabAddAccess: accessTabAddAccess$1,
 	accessTabLabels: accessTabLabels$1,
@@ -23073,7 +23342,8 @@ var es = {
 	analyticsChartCard: analyticsChartCard$1,
 	analyticsCostTabs: analyticsCostTabs$1,
 	analyticsLlmUsage: analyticsLlmUsage$1,
-	analyticsTraces: analyticsTraces$1
+	analyticsTraces: analyticsTraces$1,
+	profileLlmUsage: profileLlmUsage$1
 };
 
 var accessTabAddAccess = {
@@ -26904,7 +27174,13 @@ var profileAccount = {
 	tabBenchmarks: "基准测试",
 	descBenchmarks: "构建包含测试输入的基准测试套件，以评估智能体。",
 	tabMemory: "记忆",
-	descMemory: "管理用户的全局记忆和智能体记忆。"
+	descMemory: "管理用户的全局记忆和智能体记忆。",
+	groupWorkspace: "工作区",
+	groupAiData: "AI 与数据",
+	groupSystem: "系统",
+	ariaSettingsNav: "组织设置",
+	ariaSettingsNavMobile: "组织设置（移动端）",
+	groupFinance: "财务"
 };
 var profileAddCreditsModal = {
 	title: "添加积分",
@@ -27100,7 +27376,6 @@ var profileIndex = {
 	langSpanish: "西班牙语",
 	langFrench: "法语",
 	checkboxDisplayMentorAI: "显示助手侧边栏",
-	checkboxDisplayLeaderboard: "显示排行榜",
 	labelFacebook: "Facebook",
 	placeholderFacebook: "Facebook",
 	labelLinkedIn: "LinkedIn",
@@ -27121,7 +27396,16 @@ var profileIndex = {
 	descChatHistoryPreview: "与 AI 代理的对话。",
 	ariaAddEducation: "添加教育经历",
 	ariaAddExperience: "添加工作经历",
-	ariaAddResume: "添加简历"
+	ariaAddResume: "添加简历",
+	tabLlmUsage: "用量",
+	descLlmUsage: "查看你使用了多少 AI：各对话中的花费、令牌数和请求数。",
+	groupProfile: "个人资料",
+	groupAiData: "AI 与数据",
+	groupAccount: "账户",
+	groupRecords: "记录",
+	descLlmUsagePreview: "各对话中的花费、令牌数和请求数。",
+	sectionFeatures: "功能",
+	tooltipDisplayMentorAI: "让 AI 助手面板始终显示在当前页面旁边，无需离开页面即可提问。"
 };
 var profileInviteUserContent = {
 	inviteUsersTitle: "邀请用户",
@@ -29980,6 +30264,81 @@ var analyticsTraces = {
 	mentorScopeTitle: "代理范围仅缩小追踪列表。",
 	mentorScopeBody: "行级观测记录无法按单个代理筛选 — 打开一条追踪查看它自己的调用。"
 };
+var profileLlmUsage = {
+	rangeLabel: "日期范围",
+	rangeToday: "今天",
+	range7d: "7 天",
+	range30d: "30 天",
+	range90d: "90 天",
+	rangeAllTime: "全部",
+	periodToday: "今天",
+	period7d: "最近 7 天",
+	period30d: "最近 30 天",
+	period90d: "最近 90 天",
+	periodAllTime: "全部时间",
+	scopeSelf: "仅显示你自己的活动",
+	refresh: "刷新用量",
+	kpiSpend: "花费",
+	kpiTokens: "令牌",
+	kpiRequests: "请求",
+	kpiAvgCost: "每次请求平均花费",
+	kpiTokensSub: "每次请求 {value}",
+	kpiRequestsSub: "AI 调用",
+	kpiAvgCostSub: "花费除以请求数",
+	chartTitle: "花费趋势",
+	chartSubtitleDay: "每日花费（美元）",
+	chartSubtitleWeek: "每周花费（美元）",
+	chartSubtitleMonth: "每月花费（美元）",
+	chartAria: "花费趋势。使用左右方向键逐个读取柱形。",
+	chartNoData: "此期间没有花费。",
+	chartTableCaption: "各期间花费",
+	colPeriod: "期间",
+	colCost: "花费",
+	byModelTitle: "按模型",
+	byModelSubtitle: "各模型占你花费的比例",
+	byServiceTitle: "按服务",
+	byServiceSubtitle: "你的花费来自哪里",
+	otherRow: "其他",
+	unknownModel: "未知模型",
+	unknownService: "其他服务",
+	breakdownEmpty: "此期间没有可细分的数据。",
+	sectionError: "无法加载此部分。",
+	activityTitle: "最近活动",
+	activitySubtitle: "你最近的 AI 请求，最新的在前。展开可查看每个步骤。",
+	activityEmpty: "此期间没有请求。",
+	colWhen: "时间",
+	colService: "服务",
+	colSession: "会话",
+	colLatency: "延迟",
+	colDetails: "详情",
+	showSteps: "显示 {when} 的步骤",
+	hideSteps: "隐藏 {when} 的步骤",
+	stepsLoading: "正在加载步骤…",
+	stepsEmpty: "此请求没有记录任何步骤。",
+	stepsError: "无法加载此请求的步骤。",
+	colStep: "步骤",
+	colModel: "模型",
+	colInput: "输入",
+	colOutput: "输出",
+	colTotal: "合计",
+	paginationSummary: "第 {from}–{to} 条，共 {total} 条",
+	previous: "上一页",
+	next: "下一页",
+	emptyTitle: "此期间没有 AI 用量",
+	emptyBody: "发生聊天、记忆和其他 AI 请求后，相关记录会显示在这里。请尝试更长的时间范围。",
+	emptyAction90: "显示最近 90 天",
+	emptyActionAll: "显示全部",
+	errorForbiddenTitle: "无法查看用量",
+	errorForbiddenBody: "无法加载此账户的用量。",
+	errorUnavailableTitle: "用量暂时不可用",
+	errorUnavailableBody: "请几分钟后再试。",
+	errorUnauthorizedTitle: "你的会话已过期",
+	errorUnauthorizedBody: "请重新登录以查看你的用量。",
+	errorUnknownTitle: "出现问题",
+	errorUnknownBody: "无法加载你的用量。",
+	tryAgain: "重试",
+	scopeUser: "{username} 的用量"
+};
 var zh = {
 	accessTabAddAccess: accessTabAddAccess,
 	accessTabLabels: accessTabLabels,
@@ -30264,7 +30623,8 @@ var zh = {
 	analyticsChartCard: analyticsChartCard,
 	analyticsCostTabs: analyticsCostTabs,
 	analyticsLlmUsage: analyticsLlmUsage,
-	analyticsTraces: analyticsTraces
+	analyticsTraces: analyticsTraces,
+	profileLlmUsage: profileLlmUsage
 };
 
 /**
@@ -78709,7 +79069,7 @@ const createLucideIcon = (iconName, iconNode) => {
  */
 
 
-const __iconNode$2r = [
+const __iconNode$2t = [
   [
     "path",
     {
@@ -78718,7 +79078,7 @@ const __iconNode$2r = [
     }
   ]
 ];
-const Activity = createLucideIcon("activity", __iconNode$2r);
+const Activity = createLucideIcon("activity", __iconNode$2t);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78728,12 +79088,12 @@ const Activity = createLucideIcon("activity", __iconNode$2r);
  */
 
 
-const __iconNode$2q = [
+const __iconNode$2s = [
   ["path", { d: "M17 12H7", key: "16if0g" }],
   ["path", { d: "M19 18H5", key: "18s9l3" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
 ];
-const AlignCenter = createLucideIcon("align-center", __iconNode$2q);
+const AlignCenter = createLucideIcon("align-center", __iconNode$2s);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78743,12 +79103,12 @@ const AlignCenter = createLucideIcon("align-center", __iconNode$2q);
  */
 
 
-const __iconNode$2p = [
+const __iconNode$2r = [
   ["path", { d: "M15 12H3", key: "6jk70r" }],
   ["path", { d: "M17 18H3", key: "1amg6g" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
 ];
-const AlignLeft = createLucideIcon("align-left", __iconNode$2p);
+const AlignLeft = createLucideIcon("align-left", __iconNode$2r);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78758,12 +79118,12 @@ const AlignLeft = createLucideIcon("align-left", __iconNode$2p);
  */
 
 
-const __iconNode$2o = [
+const __iconNode$2q = [
   ["path", { d: "M21 12H9", key: "dn1m92" }],
   ["path", { d: "M21 18H7", key: "1ygte8" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
 ];
-const AlignRight = createLucideIcon("align-right", __iconNode$2o);
+const AlignRight = createLucideIcon("align-right", __iconNode$2q);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78773,12 +79133,12 @@ const AlignRight = createLucideIcon("align-right", __iconNode$2o);
  */
 
 
-const __iconNode$2n = [
+const __iconNode$2p = [
   ["rect", { width: "20", height: "5", x: "2", y: "3", rx: "1", key: "1wp1u1" }],
   ["path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", key: "1s80jp" }],
   ["path", { d: "M10 12h4", key: "a56b0p" }]
 ];
-const Archive = createLucideIcon("archive", __iconNode$2n);
+const Archive = createLucideIcon("archive", __iconNode$2p);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78788,11 +79148,11 @@ const Archive = createLucideIcon("archive", __iconNode$2n);
  */
 
 
-const __iconNode$2m = [
+const __iconNode$2o = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$2m);
+const ArrowDown = createLucideIcon("arrow-down", __iconNode$2o);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78802,11 +79162,11 @@ const ArrowDown = createLucideIcon("arrow-down", __iconNode$2m);
  */
 
 
-const __iconNode$2l = [
+const __iconNode$2n = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$2l);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$2n);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78816,11 +79176,11 @@ const ArrowLeft = createLucideIcon("arrow-left", __iconNode$2l);
  */
 
 
-const __iconNode$2k = [
+const __iconNode$2m = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$2k);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$2m);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78830,11 +79190,11 @@ const ArrowRight = createLucideIcon("arrow-right", __iconNode$2k);
  */
 
 
-const __iconNode$2j = [
+const __iconNode$2l = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$2j);
+const ArrowUp = createLucideIcon("arrow-up", __iconNode$2l);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78844,7 +79204,7 @@ const ArrowUp = createLucideIcon("arrow-up", __iconNode$2j);
  */
 
 
-const __iconNode$2i = [
+const __iconNode$2k = [
   [
     "path",
     {
@@ -78854,7 +79214,7 @@ const __iconNode$2i = [
   ],
   ["circle", { cx: "12", cy: "8", r: "6", key: "1vp47v" }]
 ];
-const Award = createLucideIcon("award", __iconNode$2i);
+const Award = createLucideIcon("award", __iconNode$2k);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78864,11 +79224,11 @@ const Award = createLucideIcon("award", __iconNode$2i);
  */
 
 
-const __iconNode$2h = [
+const __iconNode$2j = [
   ["path", { d: "M4.929 4.929 19.07 19.071", key: "196cmz" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const Ban = createLucideIcon("ban", __iconNode$2h);
+const Ban = createLucideIcon("ban", __iconNode$2j);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78878,12 +79238,12 @@ const Ban = createLucideIcon("ban", __iconNode$2h);
  */
 
 
-const __iconNode$2g = [
+const __iconNode$2i = [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }],
   ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }],
   ["path", { d: "M6 12h.01M18 12h.01", key: "113zkx" }]
 ];
-const Banknote = createLucideIcon("banknote", __iconNode$2g);
+const Banknote = createLucideIcon("banknote", __iconNode$2i);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78893,7 +79253,7 @@ const Banknote = createLucideIcon("banknote", __iconNode$2g);
  */
 
 
-const __iconNode$2f = [
+const __iconNode$2h = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   ["path", { d: "M22 8c0-2.3-.8-4.3-2-6", key: "5bb3ad" }],
   [
@@ -78905,7 +79265,7 @@ const __iconNode$2f = [
   ],
   ["path", { d: "M4 2C2.8 3.7 2 5.7 2 8", key: "tap9e0" }]
 ];
-const BellRing = createLucideIcon("bell-ring", __iconNode$2f);
+const BellRing = createLucideIcon("bell-ring", __iconNode$2h);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78915,7 +79275,7 @@ const BellRing = createLucideIcon("bell-ring", __iconNode$2f);
  */
 
 
-const __iconNode$2e = [
+const __iconNode$2g = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   [
     "path",
@@ -78925,7 +79285,7 @@ const __iconNode$2e = [
     }
   ]
 ];
-const Bell = createLucideIcon("bell", __iconNode$2e);
+const Bell = createLucideIcon("bell", __iconNode$2g);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78935,13 +79295,13 @@ const Bell = createLucideIcon("bell", __iconNode$2e);
  */
 
 
-const __iconNode$2d = [
+const __iconNode$2f = [
   [
     "path",
     { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8", key: "mg9rjx" }
   ]
 ];
-const Bold$1 = createLucideIcon("bold", __iconNode$2d);
+const Bold$1 = createLucideIcon("bold", __iconNode$2f);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78951,7 +79311,7 @@ const Bold$1 = createLucideIcon("bold", __iconNode$2d);
  */
 
 
-const __iconNode$2c = [
+const __iconNode$2e = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -78961,7 +79321,7 @@ const __iconNode$2c = [
     }
   ]
 ];
-const BookOpen = createLucideIcon("book-open", __iconNode$2c);
+const BookOpen = createLucideIcon("book-open", __iconNode$2e);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78971,7 +79331,7 @@ const BookOpen = createLucideIcon("book-open", __iconNode$2c);
  */
 
 
-const __iconNode$2b = [
+const __iconNode$2d = [
   ["path", { d: "M12 8V4H8", key: "hb8ula" }],
   ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
   ["path", { d: "M2 14h2", key: "vft8re" }],
@@ -78979,7 +79339,7 @@ const __iconNode$2b = [
   ["path", { d: "M15 13v2", key: "1xurst" }],
   ["path", { d: "M9 13v2", key: "rq6x2g" }]
 ];
-const Bot = createLucideIcon("bot", __iconNode$2b);
+const Bot = createLucideIcon("bot", __iconNode$2d);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78989,11 +79349,11 @@ const Bot = createLucideIcon("bot", __iconNode$2b);
  */
 
 
-const __iconNode$2a = [
+const __iconNode$2c = [
   ["path", { d: "M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16", key: "jecpp" }],
   ["rect", { width: "20", height: "14", x: "2", y: "6", rx: "2", key: "i6l2r4" }]
 ];
-const Briefcase = createLucideIcon("briefcase", __iconNode$2a);
+const Briefcase = createLucideIcon("briefcase", __iconNode$2c);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79003,7 +79363,7 @@ const Briefcase = createLucideIcon("briefcase", __iconNode$2a);
  */
 
 
-const __iconNode$29 = [
+const __iconNode$2b = [
   ["path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z", key: "1b4qmf" }],
   ["path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2", key: "i71pzd" }],
   ["path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2", key: "10jefs" }],
@@ -79012,7 +79372,7 @@ const __iconNode$29 = [
   ["path", { d: "M10 14h4", key: "kelpxr" }],
   ["path", { d: "M10 18h4", key: "1ulq68" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$29);
+const Building2 = createLucideIcon("building-2", __iconNode$2b);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79022,13 +79382,33 @@ const Building2 = createLucideIcon("building-2", __iconNode$29);
  */
 
 
-const __iconNode$28 = [
+const __iconNode$2a = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
 ];
-const Calendar$1 = createLucideIcon("calendar", __iconNode$28);
+const Calendar$1 = createLucideIcon("calendar", __iconNode$2a);
+
+/**
+ * @license lucide-react v0.528.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$29 = [
+  [
+    "path",
+    {
+      d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z",
+      key: "1tc9qg"
+    }
+  ],
+  ["circle", { cx: "12", cy: "13", r: "3", key: "1vg3eu" }]
+];
+const Camera = createLucideIcon("camera", __iconNode$29);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79038,11 +79418,11 @@ const Calendar$1 = createLucideIcon("calendar", __iconNode$28);
  */
 
 
-const __iconNode$27 = [
+const __iconNode$28 = [
   ["path", { d: "M18 6 7 17l-5-5", key: "116fxf" }],
   ["path", { d: "m22 10-7.5 7.5L13 16", key: "ke71qq" }]
 ];
-const CheckCheck = createLucideIcon("check-check", __iconNode$27);
+const CheckCheck = createLucideIcon("check-check", __iconNode$28);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79052,8 +79432,8 @@ const CheckCheck = createLucideIcon("check-check", __iconNode$27);
  */
 
 
-const __iconNode$26 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$26);
+const __iconNode$27 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$27);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79063,8 +79443,8 @@ const Check = createLucideIcon("check", __iconNode$26);
  */
 
 
-const __iconNode$25 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$25);
+const __iconNode$26 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$26);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79074,11 +79454,11 @@ const ChevronDown = createLucideIcon("chevron-down", __iconNode$25);
  */
 
 
-const __iconNode$24 = [
+const __iconNode$25 = [
   ["path", { d: "m17 18-6-6 6-6", key: "1yerx2" }],
   ["path", { d: "M7 6v12", key: "1p53r6" }]
 ];
-const ChevronFirst = createLucideIcon("chevron-first", __iconNode$24);
+const ChevronFirst = createLucideIcon("chevron-first", __iconNode$25);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79088,11 +79468,11 @@ const ChevronFirst = createLucideIcon("chevron-first", __iconNode$24);
  */
 
 
-const __iconNode$23 = [
+const __iconNode$24 = [
   ["path", { d: "m7 18 6-6-6-6", key: "lwmzdw" }],
   ["path", { d: "M17 6v12", key: "1o0aio" }]
 ];
-const ChevronLast = createLucideIcon("chevron-last", __iconNode$23);
+const ChevronLast = createLucideIcon("chevron-last", __iconNode$24);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79102,8 +79482,8 @@ const ChevronLast = createLucideIcon("chevron-last", __iconNode$23);
  */
 
 
-const __iconNode$22 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$22);
+const __iconNode$23 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$23);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79113,8 +79493,8 @@ const ChevronLeft = createLucideIcon("chevron-left", __iconNode$22);
  */
 
 
-const __iconNode$21 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$21);
+const __iconNode$22 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$22);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79124,8 +79504,8 @@ const ChevronRight = createLucideIcon("chevron-right", __iconNode$21);
  */
 
 
-const __iconNode$20 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$20);
+const __iconNode$21 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$21);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79135,11 +79515,11 @@ const ChevronUp = createLucideIcon("chevron-up", __iconNode$20);
  */
 
 
-const __iconNode$1$ = [
+const __iconNode$20 = [
   ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
   ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
 ];
-const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$1$);
+const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$20);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79149,11 +79529,11 @@ const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$1$);
  */
 
 
-const __iconNode$1_ = [
+const __iconNode$1$ = [
   ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
   ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
 ];
-const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$1_);
+const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$1$);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79163,11 +79543,11 @@ const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$1_);
  */
 
 
-const __iconNode$1Z = [
+const __iconNode$1_ = [
   ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
   ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
 ];
-const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$1Z);
+const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$1_);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79177,12 +79557,12 @@ const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$1Z);
  */
 
 
-const __iconNode$1Y = [
+const __iconNode$1Z = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$1Y);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$1Z);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79192,11 +79572,11 @@ const CircleAlert = createLucideIcon("circle-alert", __iconNode$1Y);
  */
 
 
-const __iconNode$1X = [
+const __iconNode$1Y = [
   ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
 ];
-const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1X);
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1Y);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79206,11 +79586,11 @@ const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1X);
  */
 
 
-const __iconNode$1W = [
+const __iconNode$1X = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$1W);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$1X);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79220,11 +79600,11 @@ const CircleCheck = createLucideIcon("circle-check", __iconNode$1W);
  */
 
 
-const __iconNode$1V = [
+const __iconNode$1W = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M8 12h8", key: "1wcyev" }]
 ];
-const CircleMinus$1 = createLucideIcon("circle-minus", __iconNode$1V);
+const CircleMinus$1 = createLucideIcon("circle-minus", __iconNode$1W);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79234,11 +79614,11 @@ const CircleMinus$1 = createLucideIcon("circle-minus", __iconNode$1V);
  */
 
 
-const __iconNode$1U = [
+const __iconNode$1V = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["rect", { x: "9", y: "9", width: "6", height: "6", rx: "1", key: "1ssd4o" }]
 ];
-const CircleStop = createLucideIcon("circle-stop", __iconNode$1U);
+const CircleStop = createLucideIcon("circle-stop", __iconNode$1V);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79248,12 +79628,12 @@ const CircleStop = createLucideIcon("circle-stop", __iconNode$1U);
  */
 
 
-const __iconNode$1T = [
+const __iconNode$1U = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
 ];
-const CircleX = createLucideIcon("circle-x", __iconNode$1T);
+const CircleX = createLucideIcon("circle-x", __iconNode$1U);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79263,8 +79643,8 @@ const CircleX = createLucideIcon("circle-x", __iconNode$1T);
  */
 
 
-const __iconNode$1S = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$1S);
+const __iconNode$1T = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$1T);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79274,7 +79654,7 @@ const Circle = createLucideIcon("circle", __iconNode$1S);
  */
 
 
-const __iconNode$1R = [
+const __iconNode$1S = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   [
     "path",
@@ -79288,7 +79668,7 @@ const __iconNode$1R = [
   ["path", { d: "M8 11h.01", key: "1dfujw" }],
   ["path", { d: "M8 16h.01", key: "18s6g9" }]
 ];
-const ClipboardList = createLucideIcon("clipboard-list", __iconNode$1R);
+const ClipboardList = createLucideIcon("clipboard-list", __iconNode$1S);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79298,11 +79678,11 @@ const ClipboardList = createLucideIcon("clipboard-list", __iconNode$1R);
  */
 
 
-const __iconNode$1Q = [
+const __iconNode$1R = [
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$1Q);
+const Clock = createLucideIcon("clock", __iconNode$1R);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79312,12 +79692,12 @@ const Clock = createLucideIcon("clock", __iconNode$1Q);
  */
 
 
-const __iconNode$1P = [
+const __iconNode$1Q = [
   ["path", { d: "m18 16 4-4-4-4", key: "1inbqp" }],
   ["path", { d: "m6 8-4 4 4 4", key: "15zrgr" }],
   ["path", { d: "m14.5 4-5 16", key: "e7oirm" }]
 ];
-const CodeXml = createLucideIcon("code-xml", __iconNode$1P);
+const CodeXml = createLucideIcon("code-xml", __iconNode$1Q);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79327,11 +79707,11 @@ const CodeXml = createLucideIcon("code-xml", __iconNode$1P);
  */
 
 
-const __iconNode$1O = [
+const __iconNode$1P = [
   ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
   ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
 ];
-const Code$1 = createLucideIcon("code", __iconNode$1O);
+const Code$1 = createLucideIcon("code", __iconNode$1P);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79341,11 +79721,11 @@ const Code$1 = createLucideIcon("code", __iconNode$1O);
  */
 
 
-const __iconNode$1N = [
+const __iconNode$1O = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$1N);
+const Copy = createLucideIcon("copy", __iconNode$1O);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79355,11 +79735,11 @@ const Copy = createLucideIcon("copy", __iconNode$1N);
  */
 
 
-const __iconNode$1M = [
+const __iconNode$1N = [
   ["rect", { width: "20", height: "14", x: "2", y: "5", rx: "2", key: "ynyp8z" }],
   ["line", { x1: "2", x2: "22", y1: "10", y2: "10", key: "1b3vmo" }]
 ];
-const CreditCard = createLucideIcon("credit-card", __iconNode$1M);
+const CreditCard = createLucideIcon("credit-card", __iconNode$1N);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79369,12 +79749,12 @@ const CreditCard = createLucideIcon("credit-card", __iconNode$1M);
  */
 
 
-const __iconNode$1L = [
+const __iconNode$1M = [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
 ];
-const Database = createLucideIcon("database", __iconNode$1L);
+const Database = createLucideIcon("database", __iconNode$1M);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79384,11 +79764,11 @@ const Database = createLucideIcon("database", __iconNode$1L);
  */
 
 
-const __iconNode$1K = [
+const __iconNode$1L = [
   ["line", { x1: "12", x2: "12", y1: "2", y2: "22", key: "7eqyqh" }],
   ["path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6", key: "1b0p4s" }]
 ];
-const DollarSign = createLucideIcon("dollar-sign", __iconNode$1K);
+const DollarSign = createLucideIcon("dollar-sign", __iconNode$1L);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79398,7 +79778,7 @@ const DollarSign = createLucideIcon("dollar-sign", __iconNode$1K);
  */
 
 
-const __iconNode$1J = [
+const __iconNode$1K = [
   ["path", { d: "M11 20H2", key: "nlcfvz" }],
   [
     "path",
@@ -79411,7 +79791,7 @@ const __iconNode$1J = [
   ["path", { d: "M14 12h.01", key: "1jfl7z" }],
   ["path", { d: "M22 20h-3", key: "vhrsz" }]
 ];
-const DoorOpen = createLucideIcon("door-open", __iconNode$1J);
+const DoorOpen = createLucideIcon("door-open", __iconNode$1K);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79421,12 +79801,12 @@ const DoorOpen = createLucideIcon("door-open", __iconNode$1J);
  */
 
 
-const __iconNode$1I = [
+const __iconNode$1J = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
 ];
-const Download = createLucideIcon("download", __iconNode$1I);
+const Download = createLucideIcon("download", __iconNode$1J);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79436,12 +79816,12 @@ const Download = createLucideIcon("download", __iconNode$1I);
  */
 
 
-const __iconNode$1H = [
+const __iconNode$1I = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
 ];
-const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$1H);
+const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$1I);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79451,12 +79831,12 @@ const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$1H);
  */
 
 
-const __iconNode$1G = [
+const __iconNode$1H = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
 ];
-const Ellipsis = createLucideIcon("ellipsis", __iconNode$1G);
+const Ellipsis = createLucideIcon("ellipsis", __iconNode$1H);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79466,12 +79846,12 @@ const Ellipsis = createLucideIcon("ellipsis", __iconNode$1G);
  */
 
 
-const __iconNode$1F = [
+const __iconNode$1G = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$1F);
+const ExternalLink = createLucideIcon("external-link", __iconNode$1G);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79481,7 +79861,7 @@ const ExternalLink = createLucideIcon("external-link", __iconNode$1F);
  */
 
 
-const __iconNode$1E = [
+const __iconNode$1F = [
   [
     "path",
     {
@@ -79499,7 +79879,7 @@ const __iconNode$1E = [
   ],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }]
 ];
-const EyeOff = createLucideIcon("eye-off", __iconNode$1E);
+const EyeOff = createLucideIcon("eye-off", __iconNode$1F);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79509,7 +79889,7 @@ const EyeOff = createLucideIcon("eye-off", __iconNode$1E);
  */
 
 
-const __iconNode$1D = [
+const __iconNode$1E = [
   [
     "path",
     {
@@ -79519,7 +79899,7 @@ const __iconNode$1D = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = createLucideIcon("eye", __iconNode$1D);
+const Eye = createLucideIcon("eye", __iconNode$1E);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79529,7 +79909,7 @@ const Eye = createLucideIcon("eye", __iconNode$1D);
  */
 
 
-const __iconNode$1C = [
+const __iconNode$1D = [
   ["path", { d: "M10 12v-1", key: "v7bkov" }],
   ["path", { d: "M10 18v-2", key: "1cjy8d" }],
   ["path", { d: "M10 7V6", key: "dljcrl" }],
@@ -79540,7 +79920,7 @@ const __iconNode$1C = [
   ],
   ["circle", { cx: "10", cy: "20", r: "2", key: "1xzdoj" }]
 ];
-const FileArchive = createLucideIcon("file-archive", __iconNode$1C);
+const FileArchive = createLucideIcon("file-archive", __iconNode$1D);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79550,7 +79930,7 @@ const FileArchive = createLucideIcon("file-archive", __iconNode$1C);
  */
 
 
-const __iconNode$1B = [
+const __iconNode$1C = [
   ["path", { d: "M17.5 22h.5a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3", key: "rslqgf" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   [
@@ -79561,7 +79941,7 @@ const __iconNode$1B = [
     }
   ]
 ];
-const FileAudio = createLucideIcon("file-audio", __iconNode$1B);
+const FileAudio = createLucideIcon("file-audio", __iconNode$1C);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79571,13 +79951,13 @@ const FileAudio = createLucideIcon("file-audio", __iconNode$1B);
  */
 
 
-const __iconNode$1A = [
+const __iconNode$1B = [
   ["path", { d: "M10 12.5 8 15l2 2.5", key: "1tg20x" }],
   ["path", { d: "m14 12.5 2 2.5-2 2.5", key: "yinavb" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z", key: "1mlx9k" }]
 ];
-const FileCode = createLucideIcon("file-code", __iconNode$1A);
+const FileCode = createLucideIcon("file-code", __iconNode$1B);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79587,13 +79967,13 @@ const FileCode = createLucideIcon("file-code", __iconNode$1A);
  */
 
 
-const __iconNode$1z = [
+const __iconNode$1A = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M12 18v-6", key: "17g6i2" }],
   ["path", { d: "m9 15 3 3 3-3", key: "1npd3o" }]
 ];
-const FileDown = createLucideIcon("file-down", __iconNode$1z);
+const FileDown = createLucideIcon("file-down", __iconNode$1A);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79603,13 +79983,13 @@ const FileDown = createLucideIcon("file-down", __iconNode$1z);
  */
 
 
-const __iconNode$1y = [
+const __iconNode$1z = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["circle", { cx: "10", cy: "12", r: "2", key: "737tya" }],
   ["path", { d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22", key: "wt3hpn" }]
 ];
-const FileImage = createLucideIcon("file-image", __iconNode$1y);
+const FileImage = createLucideIcon("file-image", __iconNode$1z);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79619,7 +79999,7 @@ const FileImage = createLucideIcon("file-image", __iconNode$1y);
  */
 
 
-const __iconNode$1x = [
+const __iconNode$1y = [
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z", key: "1mlx9k" }],
   [
@@ -79630,7 +80010,7 @@ const __iconNode$1x = [
     }
   ]
 ];
-const FilePlay = createLucideIcon("file-play", __iconNode$1x);
+const FilePlay = createLucideIcon("file-play", __iconNode$1y);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79640,7 +80020,7 @@ const FilePlay = createLucideIcon("file-play", __iconNode$1x);
  */
 
 
-const __iconNode$1w = [
+const __iconNode$1x = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M8 13h2", key: "yr2amv" }],
@@ -79648,7 +80028,7 @@ const __iconNode$1w = [
   ["path", { d: "M8 17h2", key: "2yhykz" }],
   ["path", { d: "M14 17h2", key: "10kma7" }]
 ];
-const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$1w);
+const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$1x);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79658,14 +80038,14 @@ const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$1w);
  */
 
 
-const __iconNode$1v = [
+const __iconNode$1w = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$1v);
+const FileText = createLucideIcon("file-text", __iconNode$1w);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79675,11 +80055,11 @@ const FileText = createLucideIcon("file-text", __iconNode$1v);
  */
 
 
-const __iconNode$1u = [
+const __iconNode$1v = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
 ];
-const File$1 = createLucideIcon("file", __iconNode$1u);
+const File$1 = createLucideIcon("file", __iconNode$1v);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79689,7 +80069,7 @@ const File$1 = createLucideIcon("file", __iconNode$1u);
  */
 
 
-const __iconNode$1t = [
+const __iconNode$1u = [
   [
     "path",
     {
@@ -79707,7 +80087,21 @@ const __iconNode$1t = [
   ["path", { d: "M3 5a2 2 0 0 0 2 2h3", key: "f2jnh7" }],
   ["path", { d: "M3 3v13a2 2 0 0 0 2 2h3", key: "k8epm1" }]
 ];
-const FolderTree = createLucideIcon("folder-tree", __iconNode$1t);
+const FolderTree = createLucideIcon("folder-tree", __iconNode$1u);
+
+/**
+ * @license lucide-react v0.528.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$1t = [
+  ["path", { d: "m12 14 4-4", key: "9kzdfg" }],
+  ["path", { d: "M3.34 19a10 10 0 1 1 17.32 0", key: "19p75a" }]
+];
+const Gauge = createLucideIcon("gauge", __iconNode$1t);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -95299,8 +95693,8 @@ function EducationDialog({ open, onOpenChange, org, username, education, onCompl
                 }, org: org, username: username })] }));
 }
 
-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 Card$1 = React.forwardRef(({ className, ...props }, ref) => (jsx("div", { ref: ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props })));
+Card$1.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 })));
@@ -95313,7 +95707,7 @@ const CardFooter = React.forwardRef(({ className, ...props }, ref) => (jsx("div"
 CardFooter.displayName = "CardFooter";
 
 function ProfileEmptyState({ icon: Icon, message }) {
-    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(Icon, { className: "h-10 w-10 mx-auto text-gray-300 mb-3", "aria-hidden": "true" }), jsx("p", { className: "text-sm text-gray-400", children: message })] }) }));
+    return (jsx(Card$1, { className: "shadow-sm border border-dashed", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-8 text-center", children: [jsx(Icon, { className: "h-10 w-10 mx-auto text-gray-300 mb-3", "aria-hidden": "true" }), jsx("p", { className: "text-sm text-gray-400", children: message })] }) }));
 }
 
 const formatEducationDuration = (education, present) => {
@@ -117736,15 +118130,15 @@ function SubscriptionDetail({ subscription: initialSubscription, platformKey, on
     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" }), t('purchasesPurchasesTab.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" }), t('purchasesPurchasesTab.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: t('purchasesPurchasesTab.labelStatus') }), jsx(Badge, { className: statusBadgeStyle$1(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: t('purchasesPurchasesTab.labelPlan') }), 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((_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: t('purchasesPurchasesTab.labelType') }), 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
+    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" }), t('purchasesPurchasesTab.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$1, { 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: t('purchasesPurchasesTab.labelStatus') }), jsx(Badge, { className: statusBadgeStyle$1(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: t('purchasesPurchasesTab.labelPlan') }), 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((_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: t('purchasesPurchasesTab.labelType') }), 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
                                         ? t('purchasesPurchasesTab.labelAccessUntil')
-                                        : t('purchasesPurchasesTab.labelRenewsOn') }), 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: t('purchasesPurchasesTab.labelSubscribedSince') }), 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: t('purchasesPurchasesTab.labelLegacyAccess') }), jsxs(Badge, { className: "bg-amber-100 text-amber-700 border-amber-200 text-xs", children: [jsx(Shield, { className: "h-3 w-3 mr-1" }), t('purchasesPurchasesTab.badgeGrandfathered')] })] })), 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: t('purchasesPurchasesTab.warningWillNotRenew') })] }))] }) }), 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: t('purchasesPurchasesTab.cancelSectionHeading') }), jsx("p", { className: "text-xs text-gray-500", children: t('purchasesPurchasesTab.cancelSectionDescription') }), 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: [t('purchasesPurchasesTab.cancelConfirmLabelPrefix'), ' ', jsx("span", { className: "font-mono font-bold", children: "cancel" }), ' ', t('purchasesPurchasesTab.cancelConfirmLabelSuffix')] }), jsx(Input, { value: confirmText, onChange: (e) => setConfirmText(e.target.value), placeholder: t('purchasesPurchasesTab.cancelConfirmPlaceholder') })] }), 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" })), t('purchasesPurchasesTab.cancelButton')] })] })] }) })), (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: t('purchasesPurchasesTab.canceledHeading') }), jsx("p", { className: "text-xs text-gray-500", children: t('purchasesPurchasesTab.canceledDescription') }), jsx(Button$1, { variant: "outline", size: "icon", onClick: onBack, "aria-label": t('purchasesPurchasesTab.backToPurchases'), className: "mt-3 h-8 w-8 cursor-pointer rounded-full border-0 bg-gray-100 text-gray-700 hover:bg-gray-200 hover:text-gray-900 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700 dark:hover:text-white", children: jsx(ArrowLeft, { className: "h-4 w-4" }) })] }) })), (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: t('purchasesPurchasesTab.stripePortalHeading') }), jsx("p", { className: "text-xs text-gray-500 mb-3", children: t('purchasesPurchasesTab.stripePortalDescription') }), 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" }), t('purchasesPurchasesTab.openStripePortal')] })] }) }))] }));
+                                        : t('purchasesPurchasesTab.labelRenewsOn') }), 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: t('purchasesPurchasesTab.labelSubscribedSince') }), 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: t('purchasesPurchasesTab.labelLegacyAccess') }), jsxs(Badge, { className: "bg-amber-100 text-amber-700 border-amber-200 text-xs", children: [jsx(Shield, { className: "h-3 w-3 mr-1" }), t('purchasesPurchasesTab.badgeGrandfathered')] })] })), 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: t('purchasesPurchasesTab.warningWillNotRenew') })] }))] }) }), canCancel && !cancelResult && (jsx(Card$1, { 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: t('purchasesPurchasesTab.cancelSectionHeading') }), jsx("p", { className: "text-xs text-gray-500", children: t('purchasesPurchasesTab.cancelSectionDescription') }), 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: [t('purchasesPurchasesTab.cancelConfirmLabelPrefix'), ' ', jsx("span", { className: "font-mono font-bold", children: "cancel" }), ' ', t('purchasesPurchasesTab.cancelConfirmLabelSuffix')] }), jsx(Input, { value: confirmText, onChange: (e) => setConfirmText(e.target.value), placeholder: t('purchasesPurchasesTab.cancelConfirmPlaceholder') })] }), 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" })), t('purchasesPurchasesTab.cancelButton')] })] })] }) })), (cancelResult === null || cancelResult === void 0 ? void 0 : cancelResult.canceled) && (jsx(Card$1, { 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: t('purchasesPurchasesTab.canceledHeading') }), jsx("p", { className: "text-xs text-gray-500", children: t('purchasesPurchasesTab.canceledDescription') }), jsx(Button$1, { variant: "outline", size: "icon", onClick: onBack, "aria-label": t('purchasesPurchasesTab.backToPurchases'), className: "mt-3 h-8 w-8 cursor-pointer rounded-full border-0 bg-gray-100 text-gray-700 hover:bg-gray-200 hover:text-gray-900 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700 dark:hover:text-white", children: jsx(ArrowLeft, { className: "h-4 w-4" }) })] }) })), (cancelResult === null || cancelResult === void 0 ? void 0 : cancelResult.portalUrl) && (jsx(Card$1, { 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: t('purchasesPurchasesTab.stripePortalHeading') }), jsx("p", { className: "text-xs text-gray-500 mb-3", children: t('purchasesPurchasesTab.stripePortalDescription') }), 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" }), t('purchasesPurchasesTab.openStripePortal')] })] }) }))] }));
 }
 // ── Subscription Card (List Item) ──
 function SubscriptionCard({ sub, onClick }) {
     var _a, _b, _c, _d, _e, _f, _g;
     const t = useT();
-    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), ((_d = sub.price) === null || _d === void 0 ? void 0 : _d.interval) === 'month'
+    return (jsx(Card$1, { 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), ((_d = sub.price) === null || _d === void 0 ? void 0 : _d.interval) === 'month'
                                                         ? t('purchasesPurchasesTab.intervalMonth')
                                                         : ((_e = sub.price) === null || _e === void 0 ? void 0 : _e.interval) === 'year'
                                                             ? t('purchasesPurchasesTab.intervalYear')
@@ -117781,7 +118175,7 @@ function PurchasesTab({ org, username }) {
                 refetch();
             } }));
     }
-    return (jsxs("div", { className: "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: t('purchasesPurchasesTab.searchPlaceholder'), 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: t('purchasesPurchasesTab.filterStatusPlaceholder') }) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "all", children: t('purchasesPurchasesTab.filterAllStatuses') }), jsx(SelectItem, { value: "active", children: t('purchasesPurchasesTab.filterActive') }), jsx(SelectItem, { value: "trialing", children: t('purchasesPurchasesTab.filterTrialing') }), jsx(SelectItem, { value: "canceled", children: t('purchasesPurchasesTab.filterCanceled') }), jsx(SelectItem, { value: "past_due", children: t('purchasesPurchasesTab.filterPastDue') })] })] }), jsxs(Select$1, { value: typeFilter, onValueChange: setTypeFilter, children: [jsx(SelectTrigger, { className: "w-full sm:w-[160px]", children: jsx(SelectValue, { placeholder: t('purchasesPurchasesTab.filterTypePlaceholder') }) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "all", children: t('purchasesPurchasesTab.filterAllTypes') }), jsx(SelectItem, { value: "mentor", children: t('purchasesPurchasesTab.filterAgent') }), jsx(SelectItem, { value: "course", children: t('purchasesPurchasesTab.filterCourse') }), jsx(SelectItem, { value: "program", children: t('purchasesPurchasesTab.filterProgram') }), jsx(SelectItem, { value: "pathway", children: t('purchasesPurchasesTab.filterPathway') })] })] }), data && (jsx("span", { className: "text-xs text-gray-400 self-center ml-auto", children: t('purchasesPurchasesTab.purchaseCount', { count: data.count }) }))] }), 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: [jsx("span", { className: "text-xs text-gray-400", children: t('purchasesPurchasesTab.paginationTotal', { count: data.count }) }), 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: t('purchasesPurchasesTab.previousPage') }), jsx("span", { className: "text-xs text-gray-500", children: t('purchasesPurchasesTab.pageIndicator', { 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: t('purchasesPurchasesTab.nextPage') })] })] }))] })) : (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()
+    return (jsxs("div", { className: "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: t('purchasesPurchasesTab.searchPlaceholder'), 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: t('purchasesPurchasesTab.filterStatusPlaceholder') }) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "all", children: t('purchasesPurchasesTab.filterAllStatuses') }), jsx(SelectItem, { value: "active", children: t('purchasesPurchasesTab.filterActive') }), jsx(SelectItem, { value: "trialing", children: t('purchasesPurchasesTab.filterTrialing') }), jsx(SelectItem, { value: "canceled", children: t('purchasesPurchasesTab.filterCanceled') }), jsx(SelectItem, { value: "past_due", children: t('purchasesPurchasesTab.filterPastDue') })] })] }), jsxs(Select$1, { value: typeFilter, onValueChange: setTypeFilter, children: [jsx(SelectTrigger, { className: "w-full sm:w-[160px]", children: jsx(SelectValue, { placeholder: t('purchasesPurchasesTab.filterTypePlaceholder') }) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "all", children: t('purchasesPurchasesTab.filterAllTypes') }), jsx(SelectItem, { value: "mentor", children: t('purchasesPurchasesTab.filterAgent') }), jsx(SelectItem, { value: "course", children: t('purchasesPurchasesTab.filterCourse') }), jsx(SelectItem, { value: "program", children: t('purchasesPurchasesTab.filterProgram') }), jsx(SelectItem, { value: "pathway", children: t('purchasesPurchasesTab.filterPathway') })] })] }), data && (jsx("span", { className: "text-xs text-gray-400 self-center ml-auto", children: t('purchasesPurchasesTab.purchaseCount', { count: data.count }) }))] }), 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: [jsx("span", { className: "text-xs text-gray-400", children: t('purchasesPurchasesTab.paginationTotal', { count: data.count }) }), 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: t('purchasesPurchasesTab.previousPage') }), jsx("span", { className: "text-xs text-gray-500", children: t('purchasesPurchasesTab.pageIndicator', { 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: t('purchasesPurchasesTab.nextPage') })] })] }))] })) : (jsx(Card$1, { 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()
                                 ? t('purchasesPurchasesTab.emptySearchResult')
                                 : t('purchasesPurchasesTab.emptyNoPurchases') })] }) }))] }));
 }
@@ -128694,7 +129088,7 @@ function formatLocale(locale) {
     "q": formatQuarter,
     "Q": formatUnixTimestamp,
     "s": formatUnixTimestampSeconds,
-    "S": formatSeconds,
+    "S": formatSeconds$1,
     "u": formatWeekdayNumberMonday,
     "U": formatWeekNumberSunday,
     "V": formatWeekNumberISO,
@@ -129160,7 +129554,7 @@ function formatMinutes(d, p) {
   return pad(d.getMinutes(), p, 2);
 }
 
-function formatSeconds(d, p) {
+function formatSeconds$1(d, p) {
   return pad(d.getSeconds(), p, 2);
 }
 
@@ -145566,7 +145960,7 @@ function useGradebookData(type, org, username, page, search) {
             page,
             page_size: PAGE_SIZE$a,
             platform_key: org,
-            ...(trimmed ? { search: trimmed } : {}),
+            ...(trimmed ? { course_name: trimmed } : {}),
         },
     }, { skip: type !== 'courses', refetchOnMountOrArgChange: true });
     const programsQ = useGetUserEnrolledProgramsQuery([{ username, platformKey: org }], { skip: type !== 'programs' });
@@ -145717,7 +146111,7 @@ function GradebookCard({ row, icon: Icon, onClick, }) {
     var _a;
     const t = useT();
     const clickable = !!onClick;
-    return (jsx(Card, { className: cn('shadow-sm border transition-colors', clickable && 'hover:border-blue-200 cursor-pointer'), style: { borderColor: 'oklch(.922 0 0)' }, onClick: onClick, role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined, onKeyDown: clickable
+    return (jsx(Card$1, { className: cn('shadow-sm border transition-colors', clickable && 'hover:border-blue-200 cursor-pointer'), style: { borderColor: 'oklch(.922 0 0)' }, onClick: onClick, role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined, onKeyDown: clickable
             ? (e) => {
                 if (e.key === 'Enter' || e.key === ' ') {
                     e.preventDefault();
@@ -186638,6 +187032,625 @@ function ChatHistoryTab({ org, username }) {
                                             : t('chatHistoryChatHistoryTab.conversation') }) }), jsx("div", { className: "mx-auto max-w-full overflow-x-hidden", children: selectedSession && (jsx(ConversationPreview, { org: org, username: username, session: selectedSession, agent: resolveAgent(selectedSession) })) })] }) })] }), jsx(TabsContent, { value: "exports", className: "mt-0 min-h-0 flex-1 overflow-y-auto data-[state=inactive]:hidden", children: jsx(ReportHistory, { org: org, username: username, onDownload: downloadFromUrl }) })] }));
 }
 
+/**
+ * The info icon that sits on every analytics card and, on hover or keyboard
+ * focus, explains what the card measures. The description doubles as the
+ * accessible name so screen readers get it without needing the hover.
+ *
+ * Uses the tooltip primitives directly rather than the shared `TooltipContent`
+ * because analytics wants a light popover, while `TooltipContent` is the dark
+ * `bg-primary` style the rest of the app relies on.
+ */
+function CardInfoIcon({ title, description, className }) {
+    return (jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("button", { type: "button", "aria-label": description, className: cn('shrink-0 cursor-help rounded p-1 text-[#898989] transition-colors hover:bg-gray-100 hover:text-[#38A1E5] focus-visible:ring-2 focus-visible:ring-[#38A1E5] focus-visible:outline-none', className), children: jsx(Info$3, { className: "h-4 w-4", "aria-hidden": "true" }) }) }), jsx(Portal$3, { children: jsxs(Content2$4, { "data-slot": "tooltip-content", side: "top", align: "center", sideOffset: 6, collisionPadding: 12, className: "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 z-50 max-w-[260px] rounded-lg border border-[oklch(0.922_0_0)] bg-white p-3 shadow-lg", children: [title && (jsx("div", { "data-slot": "tooltip-title", className: "mb-1 text-sm font-semibold text-[#484848]", children: title })), jsx("p", { "data-slot": "tooltip-description", className: "text-sm leading-relaxed text-[#646464]", children: description })] }) })] }));
+}
+
+/**
+ * Chart color system for the analytics surface.
+ *
+ * Single-series charts keep the app's established `#38A1E5`. Multi-series
+ * charts (spend stacked by service, spend by model) use a categorical palette
+ * validated for color-vision-deficiency separation on a white surface
+ * (worst adjacent-pair CVD ΔE 9.1, worst normal-vision ΔE 19.6 — OKLab ×100):
+ * hues are assigned in this fixed order, per entity, never cycled or reshuffled
+ * when a filter changes the series count.
+ *
+ * Three of the light-surface slots sit below 3:1 contrast against white, so
+ * every chart that uses them must carry visible direct labels or a table view
+ * (all of ours do — ranked rows and legends carry the values as text).
+ */
+const CHART_SERIES_COLORS = [
+    '#2a78d6', // blue
+    '#eb6834', // orange
+    '#1baf7a', // aqua
+    '#eda100', // yellow
+    '#e87ba4', // magenta
+    '#008300', // green
+];
+/** The app's single-series chart color, unchanged. */
+const CHART_SINGLE_SERIES_COLOR = '#38A1E5';
+/**
+ * Ordinal blue ramp for ordered measures (latency p50→p99). One hue,
+ * light→dark — never a rainbow for an ordered scale. The lightest step clears
+ * 2:1 against white.
+ */
+const CHART_ORDINAL_RAMP = [
+    '#86b6ef', // p50
+    '#5598e7', // p75
+    '#2a78d6', // p90
+    '#1c5cab', // p95
+    '#104281', // p99
+];
+/**
+ * Color follows the entity: a service keeps its hue whether or not the other
+ * services are on screen. Services beyond this list fold into slots in first-
+ * seen order via {@link colorForSeries} rather than inventing new hues.
+ */
+const SERVICE_COLOR_ORDER = [
+    'chat',
+    'embeddings',
+    'memory',
+    'grading',
+    'moderation',
+    'call',
+];
+/**
+ * Stable color for a named series. Known services get their fixed slot; an
+ * unknown name hashes into the palette deterministically so the same name is
+ * the same color on every render and every chart.
+ */
+function colorForSeries(name) {
+    const fixed = SERVICE_COLOR_ORDER.indexOf(name);
+    if (fixed >= 0)
+        return CHART_SERIES_COLORS[fixed % CHART_SERIES_COLORS.length];
+    let hash = 0;
+    for (let i = 0; i < name.length; i++) {
+        hash = (hash * 31 + name.charCodeAt(i)) >>> 0;
+    }
+    return CHART_SERIES_COLORS[hash % CHART_SERIES_COLORS.length];
+}
+/** Stable color for the Nth series of an ordered breakdown (e.g. top models). */
+function colorForRank(index) {
+    return CHART_SERIES_COLORS[index % CHART_SERIES_COLORS.length];
+}
+
+const LLM_USAGE_RANGES = ['today', '7d', '30d', '90d', 'all_time'];
+const DEFAULT_LLM_USAGE_RANGE = '30d';
+/** Buckets that keep the time axis readable for the chosen span. */
+function granularityForRange(range) {
+    if (range === '90d')
+        return 'week';
+    if (range === 'all_time')
+        return 'month';
+    return 'day';
+}
+/** The next wider range, offered from the empty state. */
+function widerRange(range) {
+    if (range === 'all_time')
+        return null;
+    if (range === '90d')
+        return 'all_time';
+    return '90d';
+}
+const DAY_MS = 86400000;
+const DAYS_IN_RANGE = { today: 1, '7d': 7, '30d': 30 };
+/**
+ * Spend buckets for the chart. Daily ranges get every day of the window, with
+ * zero where the backend sent no bucket (it omits empty days), so the axis is
+ * continuous. Weekly and monthly ranges use the buckets as returned.
+ */
+function buildSpendSeries(points, range, now = new Date()) {
+    var _a;
+    const days = DAYS_IN_RANGE[range];
+    if (!days || granularityForRange(range) !== 'day')
+        return points;
+    const byDate = new Map(points.map((point) => [point.date, point.totalCost]));
+    const series = [];
+    for (let offset = days - 1; offset >= 0; offset--) {
+        const date = new Date(now.getTime() - offset * DAY_MS).toISOString().slice(0, 10);
+        series.push({ date, totalCost: (_a = byDate.get(date)) !== null && _a !== void 0 ? _a : 0 });
+    }
+    return series;
+}
+/** Axis ceiling and ticks on a 1-2-5 step, so labels land on clean numbers. */
+function niceScale(max, tickCount = 4) {
+    if (!Number.isFinite(max) || max <= 0)
+        return { max: 1, ticks: [0, 0.25, 0.5, 0.75, 1] };
+    const rough = max / tickCount;
+    const magnitude = 10 ** Math.floor(Math.log10(rough));
+    const residual = rough / magnitude;
+    const step = (residual <= 1 ? 1 : residual <= 2 ? 2 : residual <= 5 ? 5 : 10) * magnitude;
+    const top = Math.ceil(max / step - 1e-9) * step;
+    const ticks = [];
+    for (let value = 0; value <= top + step / 2; value += step) {
+        ticks.push(Number(value.toPrecision(12)));
+    }
+    return { max: ticks[ticks.length - 1], ticks };
+}
+const usd = (fractionDigits) => new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency: 'USD',
+    minimumFractionDigits: fractionDigits,
+    maximumFractionDigits: fractionDigits,
+});
+/**
+ * Dollars with enough precision to be meaningful: small values keep four
+ * decimals. `precise` keeps four decimals for anything under a dollar — for
+ * per-request figures (a trace, a step, the average), where $0.0147 and
+ * $0.0102 must not both read as $0.01.
+ */
+function formatCost$1(value, { precise = false } = {}) {
+    if (value === null || value === undefined || !Number.isFinite(value))
+        return '—';
+    if (value === 0)
+        return usd(2).format(0);
+    const abs = Math.abs(value);
+    if (abs < 0.0001)
+        return `<${usd(4).format(0.0001)}`;
+    if (abs < (precise ? 1 : 0.01))
+        return usd(4).format(value);
+    return usd(2).format(value);
+}
+/** Axis labels: whole dollars on big steps, cents (or finer) on small ones; zero is `$0`. */
+function formatAxisCost(value, step) {
+    if (value === 0)
+        return usd(0).format(0);
+    const decimals = step >= 1 ? 0 : Math.min(4, Math.max(2, Math.ceil(-Math.log10(step))));
+    return usd(decimals).format(value);
+}
+function formatCompact(value) {
+    if (value === null || value === undefined || !Number.isFinite(value))
+        return '—';
+    return new Intl.NumberFormat('en-US', { notation: 'compact', maximumFractionDigits: 1 }).format(value);
+}
+function formatInteger(value) {
+    if (value === null || value === undefined || !Number.isFinite(value))
+        return '—';
+    return Math.round(value).toLocaleString('en-US');
+}
+/** Trace and observation latency arrive in seconds. */
+function formatSeconds(value) {
+    if (value === null || value === undefined || !Number.isFinite(value))
+        return '—';
+    return `${value < 10 ? value.toFixed(2) : value.toFixed(1)}s`;
+}
+/** `YYYY-MM-DD` bucket keys are UTC calendar dates. */
+function formatBucket(date, granularity) {
+    const parsed = new Date(`${date.slice(0, 10)}T00:00:00Z`);
+    if (Number.isNaN(parsed.getTime()))
+        return date;
+    return parsed.toLocaleDateString('en-US', granularity === 'month'
+        ? { month: 'short', year: 'numeric', timeZone: 'UTC' }
+        : { month: 'short', day: 'numeric', timeZone: 'UTC' });
+}
+function formatWhen(iso) {
+    if (!iso)
+        return '—';
+    const date = new Date(iso);
+    if (Number.isNaN(date.getTime()))
+        return '—';
+    return date.toLocaleString('en-US', {
+        month: 'short',
+        day: 'numeric',
+        hour: '2-digit',
+        minute: '2-digit',
+    });
+}
+/** `0feb37e6-d125-…-7c9ee0a252e7` → `0feb…52e7`; the full id stays in a title. */
+function shortId(id) {
+    if (!id)
+        return '—';
+    return id.length > 12 ? `${id.slice(0, 4)}…${id.slice(-4)}` : id;
+}
+/**
+ * Keeps the biggest rows and folds the rest into one "Other" row, so a long
+ * tail never floods the card.
+ */
+function foldTail(rows, keep, otherLabel) {
+    if (rows.length <= keep + 1)
+        return rows;
+    const head = rows.slice(0, keep);
+    const tail = rows.slice(keep);
+    return [
+        ...head,
+        {
+            key: '__other__',
+            label: otherLabel,
+            totalCost: tail.reduce((sum, row) => sum + row.totalCost, 0),
+            count: tail.reduce((sum, row) => sum + row.count, 0),
+            isOther: true,
+        },
+    ];
+}
+/** Share of a total as a whole percent, keeping tiny non-zero shares visible. */
+function sharePercent(value, total) {
+    if (!total || value <= 0)
+        return 0;
+    const pct = (value / total) * 100;
+    return pct < 1 ? Math.round(pct * 10) / 10 : Math.round(pct);
+}
+
+/** Single series, so the palette's lead hue; it clears 3:1 on white. */
+const BAR_COLOR = CHART_SERIES_COLORS[0];
+const PLOT_HEIGHT = 176;
+const MAX_X_LABELS = 5;
+/**
+ * Spend per bucket as columns: ≤24px wide, 4px rounded tops, square at the
+ * baseline, a hairline grid on clean ticks. Hover or arrow keys read one
+ * column into the readout above the plot; the same numbers are in a
+ * visually-hidden table for screen readers.
+ */
+function SpendChart({ points, granularity, }) {
+    const t = useT();
+    const [active, setActive] = useState(null);
+    const { max, ticks } = useMemo(() => niceScale(Math.max(0, ...points.map((point) => point.totalCost))), [points]);
+    const step = ticks.length > 1 ? ticks[1] - ticks[0] : max;
+    const labelIndexes = useMemo(() => {
+        if (points.length <= MAX_X_LABELS)
+            return new Set(points.map((_, index) => index));
+        const every = (points.length - 1) / (MAX_X_LABELS - 1);
+        return new Set(Array.from({ length: MAX_X_LABELS }, (_, i) => Math.round(i * every)));
+    }, [points]);
+    const onKeyDown = (event) => {
+        if (!points.length)
+            return;
+        const last = points.length - 1;
+        const current = active !== null && active !== void 0 ? active : last;
+        let next = null;
+        if (event.key === 'ArrowRight')
+            next = Math.min(last, active === null ? last : current + 1);
+        if (event.key === 'ArrowLeft')
+            next = Math.max(0, active === null ? last : current - 1);
+        if (event.key === 'Home')
+            next = 0;
+        if (event.key === 'End')
+            next = last;
+        if (next === null)
+            return;
+        event.preventDefault();
+        setActive(next);
+    };
+    const activePoint = active !== null ? points[active] : null;
+    return (jsxs("div", { className: "flex flex-col gap-2", children: [jsx("p", { className: "h-5 text-sm text-gray-600 dark:text-gray-300", "aria-live": "polite", children: activePoint && (jsxs(Fragment$1, { children: [jsx("span", { className: "font-semibold tabular-nums text-gray-900 dark:text-gray-100", children: formatCost$1(activePoint.totalCost) }), ' ', jsxs("span", { className: "text-gray-500 dark:text-gray-400", children: ["\u00B7 ", formatBucket(activePoint.date, granularity)] })] })) }), jsxs("div", { className: "flex gap-2", children: [jsx("div", { className: "relative w-12 flex-shrink-0 text-right text-[11px] tabular-nums text-gray-500 dark:text-gray-400", style: { height: PLOT_HEIGHT }, "aria-hidden": "true", children: ticks.map((tick) => (jsx("span", { className: "absolute right-0 -translate-y-1/2 leading-none", style: { top: `${(1 - tick / max) * 100}%` }, children: formatAxisCost(tick, step) }, tick))) }), jsxs("div", { className: "min-w-0 flex-1", children: [jsxs("div", { role: "group", tabIndex: 0, "aria-label": t('profileLlmUsage.chartAria'), onKeyDown: onKeyDown, onBlur: () => setActive(null), onMouseLeave: () => setActive(null), className: "relative rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500", style: { height: PLOT_HEIGHT }, children: [ticks.map((tick) => (jsx("div", { className: tick === 0
+                                            ? 'absolute inset-x-0 border-t border-gray-300 dark:border-gray-600'
+                                            : 'absolute inset-x-0 border-t border-gray-100 dark:border-gray-800', style: { top: `${(1 - tick / max) * 100}%` }, "aria-hidden": "true" }, tick))), jsx("div", { className: "absolute inset-0 flex items-end gap-[2px]", "aria-hidden": "true", children: points.map((point, index) => {
+                                            const height = max > 0 ? (point.totalCost / max) * 100 : 0;
+                                            const isActive = index === active;
+                                            return (jsx("div", { 
+                                                // The whole column slot is the hover target, not just the bar.
+                                                className: "flex h-full min-w-0 flex-1 items-end justify-center", onMouseEnter: () => setActive(index), children: jsx("div", { className: "w-full max-w-[24px] rounded-t-[4px] transition-opacity", style: {
+                                                        height: point.totalCost > 0 ? `max(${height}%, 2px)` : 0,
+                                                        background: BAR_COLOR,
+                                                        opacity: active === null || isActive ? 1 : 0.45,
+                                                    } }) }, point.date));
+                                        }) })] }), jsx("div", { className: "relative mt-2 h-4 text-[11px] text-gray-500 dark:text-gray-400", "aria-hidden": "true", children: points.map((point, index) => labelIndexes.has(index) ? (jsx("span", { className: "absolute whitespace-nowrap", style: index === 0
+                                        ? { left: 0 }
+                                        : index === points.length - 1
+                                            ? { right: 0 }
+                                            : {
+                                                left: `${((index + 0.5) / points.length) * 100}%`,
+                                                transform: 'translateX(-50%)',
+                                            }, children: formatBucket(point.date, granularity) }, point.date)) : null) })] })] }), jsxs("table", { className: "sr-only", children: [jsx("caption", { children: t('profileLlmUsage.chartTableCaption') }), jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: t('profileLlmUsage.colPeriod') }), jsx("th", { scope: "col", children: t('profileLlmUsage.colCost') })] }) }), jsx("tbody", { children: points.map((point) => (jsxs("tr", { children: [jsx("td", { children: formatBucket(point.date, granularity) }), jsx("td", { children: formatCost$1(point.totalCost) })] }, point.date))) })] })] }));
+}
+
+const RANGE_LABEL_KEYS = {
+    today: 'rangeToday',
+    '7d': 'range7d',
+    '30d': 'range30d',
+    '90d': 'range90d',
+    all_time: 'rangeAllTime',
+};
+const PERIOD_LABEL_KEYS = {
+    today: 'periodToday',
+    '7d': 'period7d',
+    '30d': 'period30d',
+    '90d': 'period90d',
+    all_time: 'periodAllTime',
+};
+const CHART_SUBTITLE_KEYS = {
+    day: 'chartSubtitleDay',
+    week: 'chartSubtitleWeek',
+    month: 'chartSubtitleMonth',
+};
+const BREAKDOWN_ROWS = 5;
+const MODEL_BAR_COLOR = CHART_SERIES_COLORS[0];
+const CARD = 'rounded-xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-950';
+function Card({ title, subtitle, aside, children, className, bodyClassName, }) {
+    return (jsxs("section", { className: cn(CARD, className), "aria-label": title, children: [jsxs("div", { className: "flex items-start justify-between gap-4 px-5 pt-5", children: [jsxs("div", { className: "min-w-0", children: [jsx("h4", { className: "text-[15px] font-semibold text-gray-900 dark:text-gray-100", children: title }), subtitle && (jsx("p", { className: "mt-0.5 text-[13px] text-gray-500 dark:text-gray-400", children: subtitle }))] }), aside] }), jsx("div", { className: cn('px-5 pb-5 pt-4', bodyClassName), children: children })] }));
+}
+function RangeControl({ value, onChange, }) {
+    const t = useT();
+    const groupRef = useRef(null);
+    const onKeyDown = (event, index) => {
+        var _a, _b;
+        const last = LLM_USAGE_RANGES.length - 1;
+        let next = null;
+        if (event.key === 'ArrowRight' || event.key === 'ArrowDown')
+            next = index === last ? 0 : index + 1;
+        if (event.key === 'ArrowLeft' || event.key === 'ArrowUp')
+            next = index === 0 ? last : index - 1;
+        if (next === null)
+            return;
+        event.preventDefault();
+        onChange(LLM_USAGE_RANGES[next]);
+        (_b = (_a = groupRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[role="radio"]')[next]) === null || _b === void 0 ? void 0 : _b.focus();
+    };
+    return (jsx("div", { ref: groupRef, role: "radiogroup", "aria-label": t('profileLlmUsage.rangeLabel'), className: "inline-flex max-w-full gap-0.5 overflow-x-auto rounded-lg bg-gray-100 p-[3px] dark:bg-gray-800", children: LLM_USAGE_RANGES.map((range, index) => {
+            const checked = range === value;
+            return (jsx("button", { type: "button", role: "radio", "aria-checked": checked, tabIndex: checked ? 0 : -1, onClick: () => onChange(range), onKeyDown: (event) => onKeyDown(event, index), className: cn('h-8 whitespace-nowrap rounded-md px-3 text-[13px] transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500', checked
+                    ? 'bg-white font-semibold text-gray-900 shadow-sm ring-1 ring-gray-200 dark:bg-gray-950 dark:text-gray-100 dark:ring-gray-700'
+                    : 'font-medium text-gray-600 hover:text-gray-900 dark:text-gray-300'), children: t(`profileLlmUsage.${RANGE_LABEL_KEYS[range]}`) }, range));
+        }) }));
+}
+function StatTile({ label, value, sub, loading, }) {
+    return (jsxs("div", { className: cn(CARD, 'flex flex-col gap-2 p-4'), children: [jsx("p", { className: "text-[13px] font-medium text-gray-500 dark:text-gray-400", children: label }), loading ? (jsxs(Fragment$1, { children: [jsx(Skeleton, { className: "h-7 w-24" }), jsx(Skeleton, { className: "h-4 w-20" })] })) : (jsxs(Fragment$1, { children: [jsx("p", { className: "text-[26px] font-semibold leading-tight tracking-tight text-gray-900 dark:text-gray-100", children: value }), jsx("p", { className: "min-h-[1rem] text-xs text-gray-500 tabular-nums dark:text-gray-400", children: sub })] }))] }));
+}
+function StateMessage({ icon, tone = 'neutral', title, body, action, }) {
+    return (jsxs("div", { className: cn(CARD, 'flex flex-col items-center gap-3 px-6 py-14 text-center'), role: tone === 'error' ? 'alert' : undefined, children: [jsx("div", { className: cn('flex h-12 w-12 items-center justify-center rounded-xl', tone === 'error'
+                    ? 'bg-red-50 text-red-700 dark:bg-red-950 dark:text-red-300'
+                    : 'bg-gray-100 text-gray-500 dark:bg-gray-800 dark:text-gray-400'), "aria-hidden": "true", children: icon }), jsx("h4", { className: "text-base font-semibold text-gray-900 dark:text-gray-100", children: title }), jsx("p", { className: "max-w-sm text-sm leading-relaxed text-gray-500 dark:text-gray-400", children: body }), action] }));
+}
+function RankedBars$1({ rows, total, colorFor, }) {
+    return (jsx("ul", { className: "flex flex-col gap-3", children: rows.map((row) => {
+            const share = sharePercent(row.totalCost, total);
+            return (jsxs("li", { className: "flex flex-col gap-1.5", children: [jsxs("div", { className: "flex items-baseline justify-between gap-3 text-[13px]", children: [jsxs("span", { className: "flex min-w-0 items-center gap-2 font-medium text-gray-900 dark:text-gray-100", children: [jsx("span", { className: "h-2 w-2 flex-shrink-0 rounded-[2px]", style: { background: colorFor(row) }, "aria-hidden": "true" }), jsx("span", { className: "truncate", title: row.label, children: row.label })] }), jsxs("span", { className: "whitespace-nowrap tabular-nums text-gray-700 dark:text-gray-300", children: [formatCost$1(row.totalCost), jsxs("span", { className: "text-gray-500 dark:text-gray-400", children: [" \u00B7 ", share, "%"] })] })] }), jsx("div", { className: "h-1.5 overflow-hidden rounded-full bg-gray-100 dark:bg-gray-800", "aria-hidden": "true", children: jsx("div", { className: "h-full rounded-full", style: { width: `${Math.min(100, share)}%`, background: colorFor(row) } }) })] }, row.key));
+        }) }));
+}
+function BreakdownSkeleton() {
+    return (jsx("div", { className: "flex flex-col gap-4", children: [0, 1, 2, 3].map((i) => (jsxs("div", { className: "flex flex-col gap-2", children: [jsx(Skeleton, { className: "h-4 w-3/4" }), jsx(Skeleton, { className: "h-1.5 w-full" })] }, i))) }));
+}
+function SectionError() {
+    const t = useT();
+    return (jsxs("p", { className: "flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400", children: [jsx(CircleAlert, { className: "h-4 w-4 text-red-600", "aria-hidden": "true" }), t('profileLlmUsage.sectionError')] }));
+}
+const observationTokens = (o) => {
+    var _a, _b, _c, _d, _e, _f;
+    return ({
+        input: (_b = (_a = o.usage) === null || _a === void 0 ? void 0 : _a.input) !== null && _b !== void 0 ? _b : o.promptTokens,
+        output: (_d = (_c = o.usage) === null || _c === void 0 ? void 0 : _c.output) !== null && _d !== void 0 ? _d : o.completionTokens,
+        total: (_f = (_e = o.usage) === null || _e === void 0 ? void 0 : _e.total) !== null && _f !== void 0 ? _f : o.totalTokens,
+    });
+};
+const observationCost = (o) => { var _a, _b, _c; return (_b = (_a = o.calculatedTotalCost) !== null && _a !== void 0 ? _a : o.totalCost) !== null && _b !== void 0 ? _b : (_c = o.costDetails) === null || _c === void 0 ? void 0 : _c.total; };
+function TraceSteps({ steps, isLoading, error, }) {
+    const t = useT();
+    if (isLoading) {
+        return (jsx("p", { className: "px-4 py-3 text-sm text-gray-500 dark:text-gray-400", children: t('profileLlmUsage.stepsLoading') }));
+    }
+    if (error) {
+        return (jsx("p", { className: "px-4 py-3 text-sm text-gray-500 dark:text-gray-400", children: t('profileLlmUsage.stepsError') }));
+    }
+    if (!steps.length) {
+        return (jsx("p", { className: "px-4 py-3 text-sm text-gray-500 dark:text-gray-400", children: t('profileLlmUsage.stepsEmpty') }));
+    }
+    const cell = 'px-3 py-2 text-right tabular-nums';
+    return (jsx("div", { className: "overflow-x-auto", children: jsxs("table", { className: "w-full text-[12.5px]", children: [jsx("thead", { children: jsxs("tr", { className: "text-left text-gray-500 dark:text-gray-400", children: [jsx("th", { scope: "col", className: "px-4 py-2 font-medium", children: t('profileLlmUsage.colStep') }), jsx("th", { scope: "col", className: "px-3 py-2 font-medium", children: t('profileLlmUsage.colModel') }), jsx("th", { scope: "col", className: cn(cell, 'font-medium'), children: t('profileLlmUsage.colInput') }), jsx("th", { scope: "col", className: cn(cell, 'font-medium'), children: t('profileLlmUsage.colOutput') }), jsx("th", { scope: "col", className: cn(cell, 'font-medium'), children: t('profileLlmUsage.colTotal') }), jsx("th", { scope: "col", className: cn(cell, 'font-medium'), children: t('profileLlmUsage.colLatency') }), jsx("th", { scope: "col", className: "px-4 py-2 text-right font-medium", children: t('profileLlmUsage.colCost') })] }) }), jsx("tbody", { children: steps.map((step) => {
+                        const tokens = observationTokens(step);
+                        return (jsxs("tr", { className: "border-t border-gray-100 text-gray-700 dark:border-gray-800 dark:text-gray-300", children: [jsx("td", { className: "px-4 py-2 font-medium text-gray-900 dark:text-gray-100", children: step.name || step.type || '—' }), jsx("td", { className: "px-3 py-2", children: step.providedModelName || step.model || '—' }), jsx("td", { className: cell, children: formatInteger(tokens.input) }), jsx("td", { className: cell, children: formatInteger(tokens.output) }), jsx("td", { className: cell, children: formatInteger(tokens.total) }), jsx("td", { className: cell, children: formatSeconds(step.latency) }), jsx("td", { className: "px-4 py-2 text-right font-semibold tabular-nums text-gray-900 dark:text-gray-100", children: formatCost$1(observationCost(step), { precise: true }) })] }, step.id));
+                    }) })] }) }));
+}
+/**
+ * The profile "Usage" tab: AI spend, tokens and requests for the profile on
+ * screen. Every request names that user, so an admin viewing someone else
+ * sees their rows rather than the whole platform's.
+ */
+function LlmUsageTab({ org, username, isOwnProfile = true }) {
+    var _a;
+    const t = useT();
+    const [range, setRange] = useState(DEFAULT_LLM_USAGE_RANGE);
+    const [page, setPage] = useState(1);
+    const [openTraceId, setOpenTraceId] = useState(null);
+    const granularity = granularityForRange(range);
+    const scope = { platformKey: org, username, date_filter: range };
+    const summary = useUserLlmUsageSummary(scope);
+    const spend = useUserLlmSpendOverTime({ ...scope, granularity });
+    const byModel = useUserLlmCostByModel({ ...scope, limit: 20 });
+    const byService = useUserLlmCostByService(scope);
+    const activity = useUserLlmRecentActivity({
+        ...scope,
+        page,
+        limit: USER_LLM_RECENT_ACTIVITY_PAGE_SIZE,
+    });
+    const steps = useUserLlmTraceObservations({ ...scope, traceId: openTraceId });
+    const changeRange = (next) => {
+        setRange(next);
+        setPage(1);
+        setOpenTraceId(null);
+    };
+    const refreshAll = () => {
+        summary.refetch();
+        spend.refetch();
+        byModel.refetch();
+        byService.refetch();
+        activity.refetch();
+        if (openTraceId)
+            steps.refetch();
+    };
+    const series = useMemo(() => buildSpendSeries(spend.points, range), [spend.points, range]);
+    const modelRows = useMemo(() => foldTail(byModel.models.map((row, index) => ({
+        key: row.model || `unknown-${index}`,
+        label: row.model || t('profileLlmUsage.unknownModel'),
+        totalCost: row.totalCost,
+        count: row.count,
+    })), BREAKDOWN_ROWS, t('profileLlmUsage.otherRow')), [byModel.models, t]);
+    const serviceRows = useMemo(() => foldTail(byService.services.map((row, index) => ({
+        key: row.service || `unknown-${index}`,
+        label: row.service || t('profileLlmUsage.unknownService'),
+        totalCost: row.totalCost,
+        count: row.count,
+    })), BREAKDOWN_ROWS, t('profileLlmUsage.otherRow')), [byService.services, t]);
+    const modelTotal = modelRows.reduce((sum, row) => sum + row.totalCost, 0);
+    const serviceTotal = serviceRows.reduce((sum, row) => sum + row.totalCost, 0);
+    const totals = summary.summary;
+    const periodLabel = t(`profileLlmUsage.${PERIOD_LABEL_KEYS[range]}`);
+    const next = widerRange(range);
+    const errorCopy = (error) => {
+        if (error.kind === 'unavailable') {
+            return {
+                title: t('profileLlmUsage.errorUnavailableTitle'),
+                body: t('profileLlmUsage.errorUnavailableBody'),
+            };
+        }
+        if (error.kind === 'unauthorized') {
+            return {
+                title: t('profileLlmUsage.errorUnauthorizedTitle'),
+                body: t('profileLlmUsage.errorUnauthorizedBody'),
+            };
+        }
+        if (error.kind === 'forbidden' || error.kind === 'not_found') {
+            return {
+                title: t('profileLlmUsage.errorForbiddenTitle'),
+                body: t('profileLlmUsage.errorForbiddenBody'),
+            };
+        }
+        return {
+            title: t('profileLlmUsage.errorUnknownTitle'),
+            body: t('profileLlmUsage.errorUnknownBody'),
+        };
+    };
+    const meta = activity.meta;
+    const pageSize = (meta === null || meta === void 0 ? void 0 : meta.limit) || USER_LLM_RECENT_ACTIVITY_PAGE_SIZE;
+    const from = meta && meta.totalItems > 0 ? (meta.page - 1) * pageSize + 1 : 0;
+    const to = meta ? Math.min(meta.page * pageSize, meta.totalItems) : 0;
+    const totalPages = (_a = meta === null || meta === void 0 ? void 0 : meta.totalPages) !== null && _a !== void 0 ? _a : 1;
+    let body;
+    if (summary.error) {
+        const copy = errorCopy(summary.error);
+        body = (jsx(StateMessage, { tone: "error", icon: jsx(CircleAlert, { className: "h-6 w-6" }), title: copy.title, body: copy.body, action: summary.error.kind !== 'unauthorized' && (jsx(Button$1, { onClick: refreshAll, className: "mt-1 bg-blue-600 text-white hover:bg-blue-700", children: t('profileLlmUsage.tryAgain') })) }));
+    }
+    else if (summary.isEmpty) {
+        body = (jsx(StateMessage, { icon: jsx(Inbox, { className: "h-6 w-6" }), title: t('profileLlmUsage.emptyTitle'), body: t('profileLlmUsage.emptyBody'), action: next && (jsx(Button$1, { variant: "outline", onClick: () => changeRange(next), className: "mt-1", children: next === 'all_time'
+                    ? t('profileLlmUsage.emptyActionAll')
+                    : t('profileLlmUsage.emptyAction90') })) }));
+    }
+    else {
+        const loadingTotals = summary.isLoading || summary.isIdle;
+        body = (jsxs(Fragment$1, { children: [jsxs("div", { className: "grid grid-cols-2 gap-3 xl:grid-cols-4", children: [jsx(StatTile, { label: t('profileLlmUsage.kpiSpend'), value: formatCost$1(totals === null || totals === void 0 ? void 0 : totals.totalCost), sub: periodLabel, loading: loadingTotals }), jsx(StatTile, { label: t('profileLlmUsage.kpiTokens'), value: formatCompact(totals === null || totals === void 0 ? void 0 : totals.totalTokens), sub: totals && totals.count > 0
+                                ? t('profileLlmUsage.kpiTokensSub', {
+                                    value: formatCompact(totals.totalTokens / totals.count),
+                                })
+                                : undefined, loading: loadingTotals }), jsx(StatTile, { label: t('profileLlmUsage.kpiRequests'), value: formatInteger(totals === null || totals === void 0 ? void 0 : totals.count), sub: t('profileLlmUsage.kpiRequestsSub'), loading: loadingTotals }), jsx(StatTile, { label: t('profileLlmUsage.kpiAvgCost'), value: totals && totals.count > 0
+                                ? formatCost$1(totals.totalCost / totals.count, { precise: true })
+                                : '—', sub: t('profileLlmUsage.kpiAvgCostSub'), loading: loadingTotals })] }), jsx(Card, { title: t('profileLlmUsage.chartTitle'), subtitle: t(`profileLlmUsage.${CHART_SUBTITLE_KEYS[granularity]}`), aside: totals && (jsx("span", { className: "text-[15px] font-semibold tabular-nums text-gray-900 dark:text-gray-100", children: formatCost$1(totals.totalCost) })), bodyClassName: "pt-2", children: spend.isLoading || spend.isIdle ? (jsx(Skeleton, { className: "h-[220px] w-full" })) : spend.error ? (jsx(SectionError, {})) : series.length === 0 ? (jsx("p", { className: "py-10 text-center text-sm text-gray-500 dark:text-gray-400", children: t('profileLlmUsage.chartNoData') })) : (jsx(SpendChart, { points: series, granularity: granularity })) }), jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [jsx(Card, { title: t('profileLlmUsage.byModelTitle'), subtitle: t('profileLlmUsage.byModelSubtitle'), children: byModel.isLoading || byModel.isIdle ? (jsx(BreakdownSkeleton, {})) : byModel.error ? (jsx(SectionError, {})) : modelRows.length === 0 ? (jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: t('profileLlmUsage.breakdownEmpty') })) : (jsx(RankedBars$1, { rows: modelRows, total: modelTotal, colorFor: () => MODEL_BAR_COLOR })) }), jsx(Card, { title: t('profileLlmUsage.byServiceTitle'), subtitle: t('profileLlmUsage.byServiceSubtitle'), children: byService.isLoading || byService.isIdle ? (jsx(BreakdownSkeleton, {})) : byService.error ? (jsx(SectionError, {})) : serviceRows.length === 0 ? (jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: t('profileLlmUsage.breakdownEmpty') })) : (jsx(RankedBars$1, { rows: serviceRows, total: serviceTotal, 
+                                // Colour follows the service, so "chat" is the same hue everywhere.
+                                colorFor: (row) => (row.isOther ? '#9ca3af' : colorForSeries(row.key)) })) })] }), jsxs("section", { className: cn(CARD, 'overflow-hidden'), "aria-labelledby": "llm-activity-heading", children: [jsxs("div", { className: "border-b border-gray-200 px-5 py-4 dark:border-gray-800", children: [jsx("h4", { id: "llm-activity-heading", className: "text-[15px] font-semibold text-gray-900 dark:text-gray-100", children: t('profileLlmUsage.activityTitle') }), jsx("p", { className: "mt-0.5 text-[13px] text-gray-500 dark:text-gray-400", children: t('profileLlmUsage.activitySubtitle') })] }), activity.isLoading || activity.isIdle ? (jsx("div", { className: "flex flex-col gap-3 p-5", children: [0, 1, 2, 3].map((i) => (jsx(Skeleton, { className: "h-8 w-full" }, i))) })) : activity.error ? (jsx("div", { className: "p-5", children: jsx(SectionError, {}) })) : activity.isEmpty || activity.rows.length === 0 ? (jsx("p", { className: "p-5 text-sm text-gray-500 dark:text-gray-400", children: t('profileLlmUsage.activityEmpty') })) : (jsxs(Fragment$1, { children: [jsx("div", { className: "overflow-x-auto", children: jsxs("table", { className: "w-full text-[13px]", children: [jsx("thead", { children: jsxs("tr", { className: "bg-gray-50 text-left text-gray-500 dark:bg-gray-900 dark:text-gray-400", children: [jsx("th", { scope: "col", className: "px-5 py-2.5 font-medium", children: t('profileLlmUsage.colWhen') }), jsx("th", { scope: "col", className: "px-3 py-2.5 font-medium", children: t('profileLlmUsage.colService') }), jsx("th", { scope: "col", className: "hidden px-3 py-2.5 font-medium md:table-cell", children: t('profileLlmUsage.colSession') }), jsx("th", { scope: "col", className: "px-3 py-2.5 text-right font-medium", children: t('profileLlmUsage.colLatency') }), jsx("th", { scope: "col", className: "px-3 py-2.5 text-right font-medium", children: t('profileLlmUsage.colCost') }), jsx("th", { scope: "col", className: "w-12 py-2.5 pl-2 pr-5", children: jsx("span", { className: "sr-only", children: t('profileLlmUsage.colDetails') }) })] }) }), jsx("tbody", { children: activity.rows.map((trace) => {
+                                                    const open = trace.id === openTraceId;
+                                                    const when = formatWhen(trace.timestamp);
+                                                    const service = trace.name || t('profileLlmUsage.unknownService');
+                                                    const stepsId = `llm-trace-${trace.id}-steps`;
+                                                    return (jsxs(Fragment$2, { children: [jsxs("tr", { className: cn('border-t border-gray-200 dark:border-gray-800', open && 'bg-gray-50 dark:bg-gray-900'), children: [jsx("td", { className: "whitespace-nowrap px-5 py-3 text-gray-900 dark:text-gray-100", children: when }), jsx("td", { className: "px-3 py-3", children: jsxs("span", { className: "inline-flex items-center gap-2 text-gray-700 dark:text-gray-300", children: [jsx("span", { className: "h-2 w-2 flex-shrink-0 rounded-[2px]", style: { background: colorForSeries(trace.name || '') }, "aria-hidden": "true" }), jsx("span", { className: "max-w-[16rem] truncate", title: service, children: service })] }) }), jsx("td", { className: "hidden px-3 py-3 font-mono text-xs text-gray-500 dark:text-gray-400 md:table-cell", title: trace.sessionId, children: shortId(trace.sessionId) }), jsx("td", { className: "px-3 py-3 text-right tabular-nums text-gray-700 dark:text-gray-300", children: formatSeconds(trace.latency) }), jsx("td", { className: "px-3 py-3 text-right font-semibold tabular-nums text-gray-900 dark:text-gray-100", children: formatCost$1(trace.totalCost, { precise: true }) }), jsx("td", { className: "py-2 pl-2 pr-5", children: jsx("button", { type: "button", "aria-expanded": open, "aria-controls": open ? stepsId : undefined, "aria-label": open
+                                                                                ? t('profileLlmUsage.hideSteps', { when })
+                                                                                : t('profileLlmUsage.showSteps', { when }), onClick: () => setOpenTraceId(open ? null : trace.id), className: cn('flex h-8 w-8 items-center justify-center rounded-md transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500', open
+                                                                                ? 'bg-gray-200 text-gray-900 dark:bg-gray-700 dark:text-gray-100'
+                                                                                : 'text-gray-500 hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-800'), children: open ? (jsx(ChevronDown, { className: "h-4 w-4", "aria-hidden": "true" })) : (jsx(ChevronRight, { className: "h-4 w-4", "aria-hidden": "true" })) }) })] }), open && (jsx("tr", { className: "bg-gray-50 dark:bg-gray-900", children: jsx("td", { colSpan: 6, className: "px-5 pb-4", children: jsx("div", { id: stepsId, className: "overflow-hidden rounded-lg border border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-950", children: jsx(TraceSteps, { steps: steps.rows, isLoading: steps.isLoading, error: steps.error }) }) }) }))] }, trace.id));
+                                                }) })] }) }), meta && (jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t border-gray-200 px-5 py-3 dark:border-gray-800", children: [jsx("p", { className: "text-[13px] tabular-nums text-gray-500 dark:text-gray-400", children: t('profileLlmUsage.paginationSummary', {
+                                                from: formatInteger(from),
+                                                to: formatInteger(to),
+                                                total: formatInteger(meta.totalItems),
+                                            }) }), jsxs("div", { className: "flex gap-2", children: [jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 gap-1", disabled: page <= 1 || activity.isFetching, onClick: () => {
+                                                        setOpenTraceId(null);
+                                                        setPage((current) => Math.max(1, current - 1));
+                                                    }, children: [jsx(ChevronLeft, { className: "h-4 w-4", "aria-hidden": "true" }), t('profileLlmUsage.previous')] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 gap-1", disabled: page >= totalPages || activity.isFetching, onClick: () => {
+                                                        setOpenTraceId(null);
+                                                        setPage((current) => current + 1);
+                                                    }, children: [t('profileLlmUsage.next'), jsx(ChevronRight, { className: "h-4 w-4", "aria-hidden": "true" })] })] })] }))] }))] })] }));
+    }
+    const isRefreshing = summary.isFetching ||
+        spend.isFetching ||
+        byModel.isFetching ||
+        byService.isFetching ||
+        activity.isFetching;
+    return (jsxs("div", { className: "flex flex-col gap-5", "data-testid": "llm-usage-tab", children: [jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [jsx(RangeControl, { value: range, onChange: changeRange }), jsxs("div", { className: "flex items-center gap-3", children: [jsxs("span", { className: "inline-flex items-center gap-1.5 text-[13px] text-gray-500 dark:text-gray-400", children: [jsx(Lock, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), isOwnProfile
+                                        ? t('profileLlmUsage.scopeSelf')
+                                        : t('profileLlmUsage.scopeUser', { username })] }), jsx(Button$1, { variant: "outline", size: "icon", className: "h-9 w-9", onClick: refreshAll, disabled: isRefreshing, "aria-label": t('profileLlmUsage.refresh'), title: t('profileLlmUsage.refresh'), children: jsx(RefreshCw, { className: cn('h-4 w-4', isRefreshing && 'animate-spin'), "aria-hidden": "true" }) })] })] }), body] }));
+}
+
+const tabId = (id, mobile) => (mobile ? `${id}-tab-mobile` : `${id}-tab`);
+/** Arrow/Home/End handling for the tab variant, with automatic activation. */
+function useTabKeyboard(items, onSelect, mobile) {
+    const containerRef = useRef(null);
+    const onKeyDown = (event, index) => {
+        var _a, _b;
+        const last = items.length - 1;
+        let next = null;
+        if (event.key === 'ArrowDown' || event.key === 'ArrowRight')
+            next = index === last ? 0 : index + 1;
+        if (event.key === 'ArrowUp' || event.key === 'ArrowLeft')
+            next = index === 0 ? last : index - 1;
+        if (event.key === 'Home')
+            next = 0;
+        if (event.key === 'End')
+            next = last;
+        if (next === null)
+            return;
+        event.preventDefault();
+        const target = items[next];
+        onSelect(target.id);
+        (_b = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`[id="${tabId(target.id, mobile)}"]`)) === null || _b === void 0 ? void 0 : _b.focus();
+    };
+    return { containerRef, onKeyDown };
+}
+/** Grouped vertical navigation for the desktop sidebar. */
+function SettingsSidebarNav({ groups, activeId, onSelect, variant, ariaLabel, }) {
+    const visibleGroups = groups.filter((group) => group.items.length > 0);
+    const flat = visibleGroups.flatMap((group) => group.items);
+    const isTabs = variant === 'tabs';
+    const { containerRef, onKeyDown } = useTabKeyboard(flat, onSelect, false);
+    const renderItem = (item) => {
+        const active = item.id === activeId;
+        const Icon = item.icon;
+        return (jsxs("button", { type: "button", onClick: () => onSelect(item.id), ...(isTabs
+                ? {
+                    role: 'tab',
+                    id: tabId(item.id, false),
+                    'aria-selected': active,
+                    'aria-controls': `${item.id}-tabpanel`,
+                    tabIndex: active ? 0 : -1,
+                    onKeyDown: (event) => onKeyDown(event, flat.indexOf(item)),
+                }
+                : { 'aria-current': active ? 'page' : undefined }), className: cn('group flex h-9 w-full items-center gap-2.5 rounded-lg px-2.5 text-left text-sm transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-1', active
+                ? 'bg-white font-semibold text-gray-900 shadow-sm ring-1 ring-gray-200 dark:bg-gray-800 dark:text-gray-100 dark:ring-gray-700'
+                : 'font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-gray-100'), children: [jsx(Icon, { className: cn('h-4 w-4 flex-shrink-0', active
+                        ? 'text-blue-600 dark:text-blue-400'
+                        : 'text-gray-500 group-hover:text-gray-700 dark:text-gray-400'), "aria-hidden": true }), jsx("span", { className: "truncate", children: item.label })] }, item.id));
+    };
+    return (jsx("nav", { className: "min-h-0 flex-1 overflow-y-auto px-3 py-4", "aria-label": ariaLabel, children: jsx("div", { ref: containerRef, className: "flex flex-col gap-4", ...(isTabs ? { role: 'tablist', 'aria-orientation': 'vertical' } : {}), children: visibleGroups.map((group) => (jsxs("div", { className: "flex flex-col gap-0.5", ...(isTabs
+                    ? {}
+                    : { role: 'group', 'aria-labelledby': `settings-nav-group-${group.id}` }), children: [jsx("div", { id: `settings-nav-group-${group.id}`, className: "px-2.5 pb-1 text-[11px] font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400", "aria-hidden": isTabs ? true : undefined, children: group.label }), group.items.map(renderItem)] }, group.id))) }) }));
+}
+/** Horizontally scrolling pills for small screens. */
+function SettingsMobileNav({ groups, activeId, onSelect, variant, ariaLabel, }) {
+    const flat = groups.flatMap((group) => group.items);
+    const isTabs = variant === 'tabs';
+    const { containerRef, onKeyDown } = useTabKeyboard(flat, onSelect, true);
+    return (jsx("nav", { className: "border-b border-gray-200 dark:border-gray-800 lg:hidden", "aria-label": ariaLabel, children: jsx("div", { ref: containerRef, className: "flex gap-2 overflow-x-auto px-4 py-2.5 [scrollbar-width:none] sm:px-6", ...(isTabs ? { role: 'tablist', 'aria-orientation': 'horizontal' } : {}), children: flat.map((item, index) => {
+                const active = item.id === activeId;
+                const Icon = item.icon;
+                return (jsxs("button", { type: "button", onClick: () => onSelect(item.id), ...(isTabs
+                        ? {
+                            role: 'tab',
+                            id: tabId(item.id, true),
+                            'aria-selected': active,
+                            'aria-controls': `${item.id}-tabpanel`,
+                            tabIndex: active ? 0 : -1,
+                            onKeyDown: (event) => onKeyDown(event, index),
+                        }
+                        : { 'aria-current': active ? 'page' : undefined }), className: cn('flex h-9 flex-shrink-0 items-center gap-1.5 whitespace-nowrap rounded-full px-3.5 text-sm transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-1', active
+                        ? 'bg-blue-600 font-semibold text-white dark:bg-blue-500 dark:text-white'
+                        : 'border border-gray-200 bg-white font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300'), children: [jsx(Icon, { className: "h-3.5 w-3.5", "aria-hidden": true }), jsx("span", { children: item.label })] }, item.id));
+            }) }) }));
+}
+/** Small uppercase chip under the identity card (role, platform key). */
+function SettingsChip({ children, tone = 'neutral', icon: Icon, }) {
+    return (jsxs("span", { className: cn('inline-flex items-center gap-1 rounded-md px-2 py-0.5 text-xs font-semibold', tone === 'accent'
+            ? 'bg-blue-50 text-blue-700 dark:bg-blue-950 dark:text-blue-300'
+            : 'bg-gray-100 text-gray-600 tracking-wide dark:bg-gray-800 dark:text-gray-300'), children: [Icon && jsx(Icon, { className: "h-3 w-3", "aria-hidden": true }), children] }));
+}
+function SettingsShell({ sidebarHeader, sidebarNav, mobileHeader, mobileNav, title, description, panelProps, footer, overlays, children, }) {
+    const { className: panelClassName, ...restPanelProps } = panelProps !== null && panelProps !== void 0 ? panelProps : {};
+    return (jsxs("div", { className: "flex h-full min-h-0 flex-col bg-white dark:bg-gray-950 lg:flex-row", children: [jsx("div", { className: "border-b border-gray-200 py-3 pl-4 pr-14 dark:border-gray-800 sm:pl-6 lg:hidden", children: mobileHeader }), mobileNav, jsxs("aside", { className: "hidden h-full w-[280px] flex-shrink-0 flex-col overflow-hidden border-r border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900 lg:flex", children: [jsx("div", { className: "flex-shrink-0 border-b border-gray-200 px-5 pb-4 pt-6 dark:border-gray-800", children: sidebarHeader }), sidebarNav] }), jsxs("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden", children: [jsxs("div", { className: "hidden flex-shrink-0 border-b border-gray-200 py-5 pl-8 pr-16 dark:border-gray-800 lg:block", children: [jsx("h3", { className: "text-xl font-semibold tracking-tight text-gray-900 dark:text-gray-100", children: title }), description && (jsx("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: description }))] }), jsxs("div", { className: cn('min-h-0 flex-1 overflow-y-auto overflow-x-hidden px-4 py-5 sm:px-6 lg:px-8 lg:py-6', panelClassName), ...restPanelProps, children: [jsxs("div", { className: "mb-5 lg:hidden", children: [jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100", children: title }), description && (jsx("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: description }))] }), children] }), footer && (jsx("div", { className: "flex-shrink-0 border-t border-gray-200 bg-white px-4 py-3 dark:border-gray-800 dark:bg-gray-950 sm:px-6 lg:px-8 lg:py-4", children: footer }))] }), overlays] }));
+}
+
 const COWORK_ENABLED_KEY = 'ibl_cowork_enabled';
 /**
  * Whether Cowork is enabled, read from localStorage. This is a user preference
@@ -186658,9 +187671,6 @@ function setCoworkEnabled(enabled) {
     localStorage.setItem(COWORK_ENABLED_KEY, String(enabled));
 }
 
-const renderLucideIcon = (Icon) => function RenderedIcon(props) {
-    return jsx(Icon, { ...props });
-};
 const TAB_DESC_KEYS = {
     basic: 'descBasic',
     social: 'descSocial',
@@ -186671,6 +187681,7 @@ const TAB_DESC_KEYS = {
     memory: 'descMemory',
     privacy: 'descPrivacy',
     chatHistory: 'descChatHistory',
+    llmUsage: 'descLlmUsage',
     security: 'descSecurity',
     advanced: 'descAdvanced',
 };
@@ -186685,9 +187696,13 @@ const TAB_DESC_PREVIEW_KEYS = {
     memory: 'descMemoryPreview',
     privacy: 'descPrivacyPreview',
     chatHistory: 'descChatHistoryPreview',
+    llmUsage: 'descLlmUsagePreview',
 };
-function Profile({ tenant, username, tenants, onClose, customization = {}, isAdmin = false, targetTab = 'basic', onAccountDeleted, enableMemoryTab = false, localLLMProps, currentSPA = '', }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+const LABEL_CLASS = 'text-sm font-medium text-gray-700 dark:text-gray-300';
+const FIELD_CLASS = 'h-10 w-full bg-white border-gray-300 text-sm text-gray-900 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-900 dark:border-gray-700 dark:text-gray-100';
+const PRIMARY_BUTTON_CLASS = 'bg-blue-600 text-white hover:bg-blue-700 focus-visible:ring-blue-500 disabled:bg-blue-600/60';
+function Profile({ tenant, username, tenants, onClose, customization = {}, isAdmin = false, targetTab = 'basic', onAccountDeleted, enableMemoryTab = false, showLlmUsageTab = true, localLLMProps, currentSPA = '', }) {
+    var _a, _b, _c, _d, _e, _f;
     const t = useT();
     const { data: memsearchStatus, isError: isMemsearchStatusError } = useGetMemsearchStatusQuery({ org: tenant, userId: username }, { skip: !enableMemoryTab });
     // Show memory tab if enabled for this platform AND memsearch is enabled (or status API is unavailable)
@@ -186706,34 +187721,46 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
     const rbacPermissions = useSelector(selectRbacPermissions);
     const { currentTenant: viewerTenant } = useCurrentTenant();
     const isChatHistoryVisible = !isReadOnly || canViewOtherUsersChatHistory(rbacPermissions, viewerTenant);
-    const baseTabs = [
-        { id: 'basic', label: t('profileIndex.tabBasic'), renderIcon: renderLucideIcon(User) },
-        { id: 'social', label: t('profileIndex.tabSocial'), renderIcon: renderLucideIcon(Globe) },
+    // Usage is always read for the profile on screen, so it works while
+    // previewing someone else too — the backend decides whether this viewer may
+    // see their rows, and answers 403 when they may not. A pure watcher (the
+    // `/watchedgroups/#list` permission without tenant admin) is kept out of
+    // cost reporting entirely, the same way the analytics tabs exclude them.
+    const isLlmUsageVisible = showLlmUsageTab && !isPureWatcher(rbacPermissions, viewerTenant);
+    // Add Advanced tab only when in Tauri app (Local Models is provided and available)
+    const isAdvancedAvailable = (localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.isAvailable) === true;
+    const TABS = [
+        { id: 'basic', label: t('profileIndex.tabBasic'), icon: User, group: 'profile' },
+        { id: 'social', label: t('profileIndex.tabSocial'), icon: Globe, group: 'profile' },
         ...(isGradebookEnabled
             ? [
                 {
                     id: 'gradebook',
                     label: t('profileIndex.tabGradebook'),
-                    renderIcon: renderLucideIcon(GraduationCap),
+                    icon: GraduationCap,
+                    group: 'records',
                 },
             ]
             : []),
         {
             id: 'education',
             label: t('profileIndex.tabEducation'),
-            renderIcon: renderLucideIcon(BookOpen),
+            icon: BookOpen,
+            group: 'records',
         },
         {
             id: 'experience',
             label: t('profileIndex.tabExperience'),
-            renderIcon: renderLucideIcon(Briefcase),
+            icon: Briefcase,
+            group: 'records',
         },
         ...(isPurchasesEnabled
             ? [
                 {
                     id: 'purchases',
                     label: t('profileIndex.tabPurchases'),
-                    renderIcon: renderLucideIcon(ShoppingBag),
+                    icon: ShoppingBag,
+                    group: 'records',
                 },
             ]
             : []),
@@ -186742,20 +187769,23 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
                 {
                     id: 'memory',
                     label: t('profileIndex.tabMemory'),
-                    renderIcon: renderLucideIcon(Archive),
+                    icon: Archive,
+                    group: 'aiData',
                 },
             ]
             : []),
         // id stays as 'privacy' so callers passing `targetTab='privacy'` and
         // any test selectors targeting #panel-privacy keep working. The
         // user-visible `label` is "Privacy"; the chat-privacy feature itself
-        // is still called "Private Mode" within the tab's content.
+        // is still called "Private Mode" within the tab's content. It sits with
+        // the account controls, just above Security.
         ...(isChatPrivacyEnabled
             ? [
                 {
                     id: 'privacy',
                     label: t('profileIndex.tabPrivacy'),
-                    renderIcon: renderLucideIcon(Lock),
+                    icon: Lock,
+                    group: 'account',
                 },
             ]
             : []),
@@ -186764,7 +187794,18 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
                 {
                     id: 'chatHistory',
                     label: t('profileIndex.tabChatHistory'),
-                    renderIcon: renderLucideIcon(History),
+                    icon: History,
+                    group: 'aiData',
+                },
+            ]
+            : []),
+        ...(isLlmUsageVisible
+            ? [
+                {
+                    id: 'llmUsage',
+                    label: t('profileIndex.tabLlmUsage'),
+                    icon: Gauge,
+                    group: 'aiData',
                 },
             ]
             : []),
@@ -186773,24 +187814,33 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
                 {
                     id: 'security',
                     label: t('profileIndex.tabSecurity'),
-                    renderIcon: renderLucideIcon(Shield),
+                    icon: Shield,
+                    group: 'account',
+                },
+            ]
+            : []),
+        ...(isAdvancedAvailable
+            ? [
+                {
+                    id: 'advanced',
+                    label: t('profileIndex.tabAdvanced'),
+                    icon: Settings,
+                    group: 'account',
                 },
             ]
             : []),
     ];
-    // Add Advanced tab only when in Tauri app (Local Models is provided and available)
-    const isAdvancedAvailable = (localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.isAvailable) === true;
-    const TABS = isAdvancedAvailable
-        ? [
-            ...baseTabs,
-            {
-                id: 'advanced',
-                label: t('profileIndex.tabAdvanced'),
-                renderIcon: renderLucideIcon(Settings),
-            },
-        ]
-        : baseTabs;
-    const RoleIcon = renderLucideIcon(User);
+    const GROUP_LABELS = {
+        profile: t('profileIndex.groupProfile'),
+        records: t('profileIndex.groupRecords'),
+        aiData: t('profileIndex.groupAiData'),
+        account: t('profileIndex.groupAccount'),
+    };
+    const navGroups = Object.keys(GROUP_LABELS).map((group) => ({
+        id: group,
+        label: GROUP_LABELS[group],
+        items: TABS.filter((tab) => tab.group === group),
+    }));
     const [activeTab, setActiveTab] = useState(targetTab);
     const [isHovering, setIsHovering] = useState(false);
     const fileInputRef = useRef(null);
@@ -186812,8 +187862,7 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
     };
     // The picture itself, with no editing affordance around it. The wrapper
     // below decides whether it is clickable.
-    const profileAvatar = (jsxs(Avatar, { className: "h-20 w-20", children: [((_b = userMetadataEdx === null || userMetadataEdx === void 0 ? void 0 : userMetadataEdx.profile_image) === null || _b === void 0 ? void 0 : _b.has_image) ? (jsx(AvatarImage, { src: (_c = userMetadataEdx === null || userMetadataEdx === void 0 ? void 0 : userMetadataEdx.profile_image) === null || _c === void 0 ? void 0 : _c.image_url_full, alt: t('profileIndex.altProfilePicture'), className: "rounded-full object-cover w-full h-full group-hover:opacity-80 transition-opacity" })) : customization.useGravatarPicFallback ? (jsx(Gravatar, { className: "w-full h-full rounded-full object-cover group-hover:opacity-80 transition-opacity", email: userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email, size: 80, alt: t('profileIndex.altProfilePictureGravatar') })) : (jsx(Fragment$1, {})), jsx(AvatarFallback, { className: cn('bg-blue-800 text-white text-xl rounded-full', customization.useGravatarPicFallback &&
-                    !((_d = userMetadataEdx === null || userMetadataEdx === void 0 ? void 0 : userMetadataEdx.profile_image) === null || _d === void 0 ? void 0 : _d.image_url_full)
+    const profileAvatar = (jsxs(Avatar, { className: "h-14 w-14", children: [((_b = userMetadataEdx === null || userMetadataEdx === void 0 ? void 0 : userMetadataEdx.profile_image) === null || _b === void 0 ? void 0 : _b.has_image) ? (jsx(AvatarImage, { src: (_c = userMetadataEdx === null || userMetadataEdx === void 0 ? void 0 : userMetadataEdx.profile_image) === null || _c === void 0 ? void 0 : _c.image_url_full, alt: t('profileIndex.altProfilePicture'), className: "rounded-full object-cover w-full h-full group-hover:opacity-80 transition-opacity" })) : customization.useGravatarPicFallback ? (jsx(Gravatar, { className: "w-full h-full rounded-full object-cover group-hover:opacity-80 transition-opacity", email: userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email, size: 56, alt: t('profileIndex.altProfilePictureGravatar') })) : (jsx(Fragment$1, {})), jsx(AvatarFallback, { className: cn('bg-blue-800 text-white text-lg font-semibold rounded-full', customization.useGravatarPicFallback && !((_d = userMetadataEdx === null || userMetadataEdx === void 0 ? void 0 : userMetadataEdx.profile_image) === null || _d === void 0 ? void 0 : _d.image_url_full)
                     ? 'hidden'
                     : ''), children: getInitials((userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.name) || (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.username) || (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email) || '') })] }));
     const handleFileUpload = (event) => {
@@ -186858,115 +187907,122 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
     // Rendered inline on the sub-tabs row (education/experience/resume), pushed to
     // the far right. `headerAdd` already encodes which sub-tab is active, so this
     // only appears on the sub-tabs that support adding/uploading.
-    const headerAddButton = headerAdd && (jsx(Button$1, { size: "icon", onClick: headerAdd.onClick, className: "text-gray-700 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white flex-shrink-0", "aria-label": headerAdd.ariaLabel, children: headerAdd.upload ? jsx(Upload, { className: "h-4 w-4" }) : jsx(Plus, { className: "h-4 w-4" }) }));
+    const headerAddButton = headerAdd && (jsxs(Button$1, { size: "sm", onClick: headerAdd.onClick, className: cn('h-9 flex-shrink-0 gap-1.5 px-3', PRIMARY_BUTTON_CLASS), "aria-label": headerAdd.ariaLabel, children: [headerAdd.upload ? (jsx(Upload, { className: "h-4 w-4", "aria-hidden": "true" })) : (jsx(Plus, { className: "h-4 w-4", "aria-hidden": "true" })), jsx("span", { className: "hidden sm:inline", children: headerAdd.ariaLabel })] }));
     const tabDescription = (id) => {
         const key = (isReadOnly && TAB_DESC_PREVIEW_KEYS[id]) || TAB_DESC_KEYS[id];
         return key ? t(`profileIndex.${key}`) : '';
     };
-    return (jsxs("div", { className: "flex flex-col lg:flex-row h-full", children: [jsx("div", { className: "lg:hidden", children: jsx("div", { className: "px-6 py-4 border-b border-gray-200", children: jsx("h2", { className: "text-lg font-semibold text-gray-900", children: t('profileIndex.profileHeading') }) }) }), jsxs("div", { className: "hidden lg:flex bg-white border-r border-gray-200 dark:border-gray-700 flex-col overflow-hidden", style: {
-                    width: '320px',
-                    height: '100%',
-                }, children: [jsxs("div", { className: "flex flex-col items-center justify-center py-6 px-6 border-b border-gray-200 dark:border-gray-700 flex-shrink-0", children: [isUserMetadataEdxLoading || isUploadingProfileImage ? (jsx(Skeleton, { className: "h-20 w-20 mb-6 rounded-full", "aria-label": t('profileIndex.ariaLoadingProfileImage') })) : isReadOnly ? (
-                            // Someone else's profile: show the picture, offer no way to replace it.
-                            jsx("div", { className: "relative w-20 h-20 mb-4 rounded-full", children: profileAvatar })) : (jsxs("button", { type: "button", className: "relative w-20 h-20 mb-4 cursor-pointer group rounded-full focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2", onMouseEnter: () => setIsHovering(true), onMouseLeave: () => setIsHovering(false), onClick: handleAvatarClick, "aria-label": t('profileIndex.ariaUploadProfilePicture'), children: [profileAvatar, isHovering && (jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-blue-800 rounded-full border-4 border-white/20", "aria-hidden": "true", children: jsx("span", { className: "text-white text-xs font-medium text-center px-2", children: t('profileIndex.uploadOverlay') }) })), jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", onChange: handleFileUpload, className: "hidden", "aria-label": t('profileIndex.ariaChooseProfilePicture'), tabIndex: -1 })] })), jsx("h2", { className: "text-base font-semibold text-gray-900 dark:text-gray-100 text-center mb-3 break-all px-2", title: userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email, children: userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email }), jsxs("div", { className: "flex justify-center space-x-3", children: [jsxs("div", { className: "bg-blue-100 text-blue-700 px-2 py-1 rounded font-medium flex items-center text-sm", children: [jsx(RoleIcon, { className: "h-4 w-4 mr-2", "aria-hidden": "true" }), jsx("span", { children: isAdmin ? t('profileIndex.roleAdmin') : t('profileIndex.roleUser') })] }), customization.showPlatformName && (jsx("div", { className: "bg-gray-100 text-gray-600 px-4 py-2 rounded text-xs font-medium", children: tenant.toUpperCase() }))] })] }), jsx("nav", { className: "flex-1 overflow-y-auto", style: { minHeight: 0 }, "aria-label": t('profileIndex.ariaProfileTabs'), children: jsx("div", { className: "p-4", children: jsx("div", { className: "flex flex-col space-y-1.5", role: "tablist", "aria-orientation": "vertical", children: TABS.map((tab) => (jsxs("button", { role: "tab", "aria-selected": activeTab === tab.id, "aria-controls": `${tab.id}-tabpanel`, id: `${tab.id}-tab`, onClick: () => setActiveTab(tab.id), className: `w-full justify-start px-4 py-2.5 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.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": t('profileIndex.ariaProfileTabsMobile'), 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: jsx("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", children: (_f = (_e = TABS.find((t) => t.id === activeTab)) === null || _e === void 0 ? void 0 : _e.label) !== null && _f !== void 0 ? _f : activeTab }), jsx("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: tabDescription(activeTab) })] }) }) }), jsxs("div", { className: "flex-1 p-6 space-y-6", style: {
-                            overflowY: 'auto',
-                            overflowX: 'hidden',
-                        }, role: "tabpanel", id: `${activeTab}-tabpanel`, "aria-labelledby": `${activeTab}-tab`, tabIndex: 0, children: [jsx("div", { className: "lg:hidden mb-6", children: jsx("div", { className: "flex flex-row items-center sm:justify-between gap-3", children: jsxs("div", { children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_h = (_g = TABS.find((t) => t.id === activeTab)) === null || _g === void 0 ? void 0 : _g.label) !== null && _h !== void 0 ? _h : activeTab }), jsx("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: tabDescription(activeTab) })] }) }) }), activeTab === 'basic' && (jsx("div", { className: "space-y-6", children: jsxs("form", { onSubmit: (formEvent) => {
-                                        formEvent.preventDefault();
-                                        formEvent.stopPropagation();
-                                        if (isReadOnly)
-                                            return;
-                                        basicForm.handleSubmit();
-                                    }, className: "space-y-6", children: [jsxs("div", { className: "space-y-2", children: [jsx("label", { htmlFor: "fullName", className: "text-gray-500 dark:text-gray-400 text-base", children: t('profileIndex.labelFullName') }), basicForm.Field({
-                                                    name: 'fullName',
-                                                    validators: {
-                                                        onChange: basicValidators.fullName,
-                                                        onSubmit: basicValidators.fullName,
-                                                    },
-                                                    children: (field) => {
-                                                        var _a;
-                                                        return (jsxs(Fragment$1, { children: [jsx(Input, { id: "fullName", className: "w-full bg-gray-50 border-gray-200 focus:ring-blue-500 focus:border-blue-500 text-base py-3", value: field.state.value, onChange: (e) => field.handleChange(e.target.value), disabled: basicForm.state.isSubmitting || isUserMetadataLoading || isReadOnly }), ((_a = field.state.meta.errors) === null || _a === void 0 ? void 0 : _a.length) > 0 && (jsx("p", { className: "text-red-500 text-sm mt-1", role: "alert", children: field.state.meta.errors }))] }));
-                                                    },
-                                                })] }), jsxs("div", { className: "space-y-2", children: [jsx("label", { htmlFor: "email", className: "text-gray-500 dark:text-gray-400 text-base", children: t('profileIndex.labelEmail') }), basicForm.Field({
-                                                    name: 'email',
-                                                    children: (field) => (jsx(Input, { id: "email", type: "email", className: "w-full bg-gray-50 border-gray-200 focus:ring-blue-500 focus:border-blue-500 text-base py-3", value: field.state.value, onChange: (e) => field.handleChange(e.target.value), disabled: basicForm.state.isSubmitting || isUserMetadataLoading || isReadOnly })),
-                                                })] }), customization.showUsernameField && (jsxs("div", { className: "space-y-2", children: [jsx("label", { htmlFor: "username", className: "text-gray-500 dark:text-gray-400 text-base", children: t('profileIndex.labelUsername') }), basicForm.Field({
-                                                    name: 'username',
-                                                    children: (field) => (jsx(Input, { id: "username", className: "w-full bg-gray-50 border-gray-200 focus:ring-blue-500 focus:border-blue-500 text-base py-3", value: field.state.value, onChange: (e) => field.handleChange(e.target.value), disabled: basicForm.state.isSubmitting || isUserMetadataLoading || isReadOnly })),
-                                                })] })), jsxs("div", { className: "space-y-2", children: [jsx("label", { htmlFor: "title", className: "text-gray-500 dark:text-gray-400 text-base", children: t('profileIndex.labelTitle') }), basicForm.Field({
-                                                    name: 'title',
-                                                    children: (field) => (jsx(Input, { id: "title", className: "w-full bg-gray-50 border-gray-200 focus:ring-blue-500 focus:border-blue-500 text-base py-3", value: field.state.value, onChange: (e) => field.handleChange(e.target.value), disabled: basicForm.state.isSubmitting || isUserMetadataLoading || isReadOnly })),
-                                                })] }), jsxs("div", { className: "space-y-2", children: [jsx("label", { htmlFor: "about", className: "text-gray-500 dark:text-gray-400 text-base", children: t('profileIndex.labelAbout') }), basicForm.Field({
-                                                    name: 'about',
-                                                    children: (field) => (jsx(Textarea, { id: "about", placeholder: t('profileIndex.placeholderAbout'), className: "w-full bg-gray-50 border-gray-200 focus:ring-blue-500 focus:border-blue-500 text-base resize-none", rows: 4, value: field.state.value, onChange: (e) => field.handleChange(e.target.value), disabled: basicForm.state.isSubmitting || isUserMetadataLoading || isReadOnly })),
-                                                })] }), jsxs("div", { className: "space-y-2", children: [jsx("label", { htmlFor: "language", className: "text-gray-500 dark:text-gray-400 text-base", children: t('profileIndex.labelLanguage') }), basicForm.Field({
-                                                    name: 'language',
-                                                    children: (field) => (jsxs(Select$1, { defaultValue: field.state.value, onValueChange: (value) => field.handleChange(value), disabled: basicForm.state.isSubmitting || isUserMetadataLoading || isReadOnly, children: [jsx(SelectTrigger, { className: "w-full bg-gray-50 border-gray-200 focus:ring-blue-500 focus:border-blue-500 text-base py-3 text-sm", "aria-label": t('profileIndex.selectLanguagePlaceholder'), children: jsx(SelectValue, { placeholder: t('profileIndex.selectLanguagePlaceholder') }) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "en", children: t('profileIndex.langEnglish') }), jsx(SelectItem, { value: "es", children: t('profileIndex.langSpanish') }), jsx(SelectItem, { value: "fr", children: t('profileIndex.langFrench') })] })] })),
-                                                })] }), (customization.showLeaderboardDisplayCheckbox ||
-                                            customization.showMentorAIDisplayCheckbox) && (jsxs("div", { className: "grid grid-cols-2 gap-6 pt-4", children: [customization.showMentorAIDisplayCheckbox && (jsx("div", { className: "space-y-2", children: jsxs("div", { className: "flex items-center space-x-2", children: [basicForm.Field({
-                                                                name: 'displayMentor',
-                                                                children: (field) => (jsx(Switch, { className: "data-[state=checked]:bg-blue-600", onCheckedChange: (checked) => field.handleChange(checked), checked: field.state.value, disabled: basicForm.state.isSubmitting ||
-                                                                        isUserMetadataLoading ||
-                                                                        isReadOnly, id: "display-mentor" })),
-                                                            }), jsx("label", { htmlFor: "display-mentor", className: "text-sm leading-none font-medium text-gray-700 peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: t('profileIndex.checkboxDisplayMentorAI') })] }) })), customization.showLeaderboardDisplayCheckbox && (jsx("div", { className: "space-y-2", children: jsxs("div", { className: "flex items-center space-x-2", children: [basicForm.Field({
-                                                                name: 'displayLeaderBoard',
-                                                                children: (field) => (jsx(Switch, { className: "data-[state=checked]:bg-blue-600", onCheckedChange: (checked) => field.handleChange(checked), checked: field.state.value, disabled: basicForm.state.isSubmitting ||
-                                                                        isUserMetadataLoading ||
-                                                                        isReadOnly, id: "display-leaderboard" })),
-                                                            }), jsx("label", { htmlFor: "display-leaderboard", className: "text-sm leading-none font-medium text-gray-700 peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: t('profileIndex.checkboxDisplayLeaderboard') })] }) }))] }))] }) })), activeTab === 'social' && (jsx("div", { className: "space-y-6", children: jsxs("form", { className: "space-y-6", onSubmit: (formEvent) => {
-                                        formEvent.preventDefault();
-                                        formEvent.stopPropagation();
-                                        if (isReadOnly)
-                                            return;
-                                        socialForm.handleSubmit();
-                                    }, children: [jsxs("div", { className: "space-y-2", children: [jsx("label", { htmlFor: "facebook", className: "text-gray-500 dark:text-gray-400 text-base", children: t('profileIndex.labelFacebook') }), socialForm.Field({
-                                                    name: 'facebook',
-                                                    validators: {
-                                                        onChange: socialValidators.facebook,
-                                                    },
-                                                    children: (field) => {
-                                                        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-[#1877F2] text-white rounded w-8 h-8 flex items-center justify-center", children: jsx("span", { className: "font-bold text-sm", children: "f" }) }) }), jsx(Input, { id: "facebook", 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: t('profileIndex.placeholderFacebook'), value: field.state.value, onChange: (e) => handleSocialLinkChange(e.target.value, field.handleChange, FACEBOOK_URL_PREFIX), disabled: socialForm.state.isSubmitting || isReadOnly })] }), 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 })] }));
-                                                    },
-                                                })] }), jsxs("div", { className: "space-y-2", children: [jsx("label", { htmlFor: "linkedin", className: "text-gray-500 dark:text-gray-400 text-base", children: t('profileIndex.labelLinkedIn') }), socialForm.Field({
-                                                    name: 'linkedIn',
-                                                    validators: {
-                                                        onChange: socialValidators.linkedIn,
-                                                    },
-                                                    children: (field) => {
-                                                        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-[#0A66C2] text-white rounded w-8 h-8 flex items-center justify-center", children: jsx("span", { className: "font-bold text-xs", children: "in" }) }) }), jsx(Input, { id: "linkedin", 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: t('profileIndex.placeholderLinkedIn'), value: field.state.value, onChange: (e) => handleSocialLinkChange(e.target.value, field.handleChange, LINKEDIN_URL_PREFIX), disabled: socialForm.state.isSubmitting || isReadOnly })] }), 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 })] }));
-                                                    },
-                                                })] }), jsxs("div", { className: "space-y-2", children: [jsx("label", { htmlFor: "x", className: "text-gray-500 dark:text-gray-400 text-base", children: t('profileIndex.labelX') }), socialForm.Field({
-                                                    name: 'x',
-                                                    validators: {
-                                                        onChange: socialValidators.x,
-                                                    },
-                                                    children: (field) => {
-                                                        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: t('profileIndex.placeholderX'), value: field.state.value, onChange: (e) => handleSocialLinkChange(e.target.value, field.handleChange, X_URL_PREFIX), disabled: socialForm.state.isSubmitting || isReadOnly })] }), 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' && (jsxs(Tabs, { value: educationSubTab, onValueChange: setEducationSubTab, className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "education", children: t('profileIndex.tabEducation') }), jsx(TabsTrigger, { value: "credentials", children: t('gradebookGradebookTab.typeCredentials') }), jsx(TabsTrigger, { value: "skills", children: t('gradebookGradebookTab.typeSkills') })] }), headerAddButton] }), jsx(TabsContent, { value: "education", children: jsx(EducationTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "credentials", children: jsx(CredentialsList, { org: tenant, username: username }) }), jsx(TabsContent, { value: "skills", children: jsx(SkillsList, { org: tenant, username: username }) })] })), activeTab === 'gradebook' && jsx(GradebookTab, { org: tenant, username: username }), activeTab === 'experience' && (jsxs(Tabs, { value: experienceSubTab, onValueChange: setExperienceSubTab, className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "experience", children: t('profileIndex.tabExperience') }), jsx(TabsTrigger, { value: "resume", children: t('profileIndex.tabResume') })] }), headerAddButton] }), jsx(TabsContent, { value: "experience", children: jsx(ExperienceTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "resume", children: jsx(ResumeTab, { org: tenant, username: username }) })] })), activeTab === 'purchases' && jsx(PurchasesTab, { org: tenant, username: username }), activeTab === 'memory' && jsx(MemoryTab, { org: tenant, username: username }), activeTab === 'privacy' && jsx(ChatPrivacyTab, { org: tenant, username: username }), isChatHistoryVisible && activeTab === 'chatHistory' && (jsx(ChatHistoryTab, { org: tenant, username: username })), !isReadOnly && activeTab === 'security' && (jsx(Security, { app: currentSPA || '', email: (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email) || '', platformKey: tenant, onAccountDeleted: onAccountDeleted })), activeTab === 'advanced' && localLLMProps && (jsx("div", { className: "space-y-6", children: jsx(LocalModelsContent, { isAvailable: localLLMProps.isAvailable, state: localLLMProps.state, ollamaStatus: localLLMProps.ollamaStatus, systemMemory: localLLMProps.systemMemory, isUsingFoundry: localLLMProps.isUsingFoundry, foundryModels: localLLMProps.foundryModels, selectedFoundryModel: localLLMProps.selectedFoundryModel, foundryStatus: localLLMProps.foundryStatus, onStartDownload: localLLMProps.onStartDownload, onCancelDownload: localLLMProps.onCancelDownload, onInstallOllama: localLLMProps.onInstallOllama, onStopManager: localLLMProps.onStopManager, onInstallFoundry: localLLMProps.onInstallFoundry, onCheckStatus: localLLMProps.onCheckStatus, onResetState: localLLMProps.onResetState, onSelectFoundryModel: localLLMProps.onSelectFoundryModel }) }))] }), !isReadOnly && ['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: t('profileIndex.buttonCancel') }), jsx(Button$1, { onClick: () => {
-                                        if (activeTab === 'basic') {
-                                            basicForm.handleSubmit();
-                                        }
-                                        else if (activeTab === 'social') {
-                                            socialForm.handleSubmit();
-                                        }
-                                    }, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", disabled: (activeTab === 'basic' &&
-                                        (basicForm.state.isSubmitting || isUserMetadataLoading)) ||
-                                        (activeTab === 'social' && socialForm.state.isSubmitting), children: (activeTab === 'basic' && basicForm.state.isSubmitting) ||
-                                        (activeTab === 'social' && socialForm.state.isSubmitting)
-                                        ? t('profileIndex.buttonSaving')
-                                        : t('profileIndex.buttonSaveChanges') })] }) }))] }), jsx(EducationDialog, { open: isEducationDialogOpen, onOpenChange: setIsEducationDialogOpen, education: undefined, org: tenant, username: username, onComplete: () => {
-                    // The education tab will handle refetching
-                } }), jsx(ExperienceDialog, { open: isExperienceDialogOpen, onOpenChange: setIsExperienceDialogOpen, experience: undefined, org: tenant, username: username, onComplete: () => {
-                    // The experience tab will handle refetching
-                } }), jsx(ToastProvider, {})] }));
+    const email = (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email) || '';
+    const displayName = (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.name) || (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.username) || email;
+    const roleChip = (jsx(SettingsChip, { tone: "accent", icon: User, children: isAdmin ? t('profileIndex.roleAdmin') : t('profileIndex.roleUser') }));
+    const platformChip = customization.showPlatformName ? (jsx(SettingsChip, { children: tenant.toUpperCase() })) : null;
+    const avatarBlock = isUserMetadataEdxLoading || isUploadingProfileImage ? (jsx(Skeleton, { className: "h-14 w-14 flex-shrink-0 rounded-full", "aria-label": t('profileIndex.ariaLoadingProfileImage') })) : isReadOnly ? (
+    // Someone else's profile: show the picture, offer no way to replace it.
+    jsx("div", { className: "relative h-14 w-14 flex-shrink-0 rounded-full", children: profileAvatar })) : (jsxs("button", { type: "button", className: "group relative h-14 w-14 flex-shrink-0 cursor-pointer rounded-full focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2", onMouseEnter: () => setIsHovering(true), onMouseLeave: () => setIsHovering(false), onClick: handleAvatarClick, "aria-label": t('profileIndex.ariaUploadProfilePicture'), children: [profileAvatar, isHovering && (jsx("div", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-blue-900/80", "aria-hidden": "true", children: jsx("span", { className: "px-1 text-center text-[11px] font-semibold text-white", children: t('profileIndex.uploadOverlay') }) })), jsx("span", { className: "absolute -bottom-0.5 -right-0.5 flex h-6 w-6 items-center justify-center rounded-full border border-gray-200 bg-white text-gray-700 shadow-sm dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200", "aria-hidden": "true", children: jsx(Camera, { className: "h-3 w-3" }) }), jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", onChange: handleFileUpload, className: "hidden", "aria-label": t('profileIndex.ariaChooseProfilePicture'), tabIndex: -1 })] }));
+    const sidebarHeader = (jsxs("div", { className: "flex flex-col gap-3", children: [jsxs("div", { className: "flex items-center gap-3", children: [avatarBlock, jsxs("div", { className: "min-w-0 space-y-1", children: [jsx("h2", { className: "truncate text-[15px] font-semibold text-gray-900 dark:text-gray-100", title: displayName, children: displayName }), jsxs("div", { className: "flex flex-wrap gap-1.5", children: [roleChip, platformChip] })] })] }), email && email !== displayName && (jsx("p", { className: "break-all text-[13px] leading-snug text-gray-500 dark:text-gray-400", title: email, children: email }))] }));
+    // Name only: the email already sits in the sidebar card, which small
+    // screens hide, and the dialog title covers the rest.
+    const mobileHeader = (jsx("p", { className: "truncate text-[15px] font-semibold text-gray-900 dark:text-gray-100", children: (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.name) || (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.username) || t('profileIndex.profileHeading') }));
+    const isBusyBasic = basicForm.state.isSubmitting || isUserMetadataLoading || isReadOnly;
+    const footer = !isReadOnly && ['basic', 'social'].includes(activeTab) ? (jsxs("div", { className: "flex justify-end gap-3", children: [jsx(Button$1, { onClick: onClose, variant: "outline", className: "h-10 px-4", children: t('profileIndex.buttonCancel') }), jsx(Button$1, { onClick: () => {
+                    if (activeTab === 'basic') {
+                        basicForm.handleSubmit();
+                    }
+                    else if (activeTab === 'social') {
+                        socialForm.handleSubmit();
+                    }
+                }, className: cn('h-10 px-5', PRIMARY_BUTTON_CLASS), disabled: (activeTab === 'basic' && (basicForm.state.isSubmitting || isUserMetadataLoading)) ||
+                    (activeTab === 'social' && socialForm.state.isSubmitting), children: (activeTab === 'basic' && basicForm.state.isSubmitting) ||
+                    (activeTab === 'social' && socialForm.state.isSubmitting)
+                    ? t('profileIndex.buttonSaving')
+                    : t('profileIndex.buttonSaveChanges') })] })) : null;
+    const socialField = ({ id, name, label, placeholder, prefix, badge, validator, }) => (jsxs("div", { className: "space-y-1.5", children: [jsx("label", { htmlFor: id, className: LABEL_CLASS, children: label }), socialForm.Field({
+                name,
+                validators: {
+                    onChange: validator,
+                },
+                children: (field) => {
+                    var _a;
+                    return (jsxs(Fragment$1, { children: [jsxs("div", { className: "relative mb-0", children: [jsx("div", { className: "pointer-events-none absolute inset-y-0 left-2 flex items-center", "aria-hidden": "true", children: jsx("div", { className: cn('flex h-7 w-7 items-center justify-center rounded-md text-white', badge.className), children: jsx("span", { className: cn('font-bold', badge.textClassName), children: badge.text }) }) }), jsx(Input, { id: id, className: cn(FIELD_CLASS, 'pl-12'), placeholder: placeholder, value: field.state.value, onChange: (e) => handleSocialLinkChange(e.target.value, field.handleChange, prefix), disabled: socialForm.state.isSubmitting || isReadOnly })] }), jsx("p", { className: "text-sm text-red-600 dark:text-red-400", role: ((_a = field.state.meta.errors) === null || _a === void 0 ? void 0 : _a.length) ? 'alert' : undefined, "aria-live": "polite", children: field.state.meta.errors })] }));
+                },
+            })] }));
+    return (jsxs(SettingsShell, { sidebarHeader: sidebarHeader, sidebarNav: jsx(SettingsSidebarNav, { groups: navGroups, activeId: activeTab, onSelect: setActiveTab, variant: "tabs", ariaLabel: t('profileIndex.ariaProfileTabs') }), mobileHeader: mobileHeader, mobileNav: jsx(SettingsMobileNav, { groups: navGroups, activeId: activeTab, onSelect: setActiveTab, variant: "tabs", ariaLabel: t('profileIndex.ariaProfileTabsMobile') }), 
+        // Render the tab's label rather than the id — every label is already
+        // cased correctly.
+        title: (_f = (_e = TABS.find((tab) => tab.id === activeTab)) === null || _e === void 0 ? void 0 : _e.label) !== null && _f !== void 0 ? _f : activeTab, description: tabDescription(activeTab), panelProps: {
+            role: 'tabpanel',
+            id: `${activeTab}-tabpanel`,
+            'aria-labelledby': `${activeTab}-tab`,
+            tabIndex: 0,
+        }, footer: footer, overlays: jsxs(Fragment$1, { children: [jsx(EducationDialog, { open: isEducationDialogOpen, onOpenChange: setIsEducationDialogOpen, education: undefined, org: tenant, username: username, onComplete: () => {
+                        // The education tab will handle refetching
+                    } }), jsx(ExperienceDialog, { open: isExperienceDialogOpen, onOpenChange: setIsExperienceDialogOpen, experience: undefined, org: tenant, username: username, onComplete: () => {
+                        // The experience tab will handle refetching
+                    } }), jsx(ToastProvider, {})] }), children: [activeTab === 'basic' && (jsxs("form", { onSubmit: (formEvent) => {
+                    formEvent.preventDefault();
+                    formEvent.stopPropagation();
+                    if (isReadOnly)
+                        return;
+                    basicForm.handleSubmit();
+                }, className: "max-w-3xl space-y-8", children: [jsxs("div", { className: "grid grid-cols-1 gap-x-5 gap-y-5 md:grid-cols-2", children: [jsxs("div", { className: "space-y-1.5", children: [jsx("label", { htmlFor: "fullName", className: LABEL_CLASS, children: t('profileIndex.labelFullName') }), basicForm.Field({
+                                        name: 'fullName',
+                                        validators: {
+                                            onChange: basicValidators.fullName,
+                                            onSubmit: basicValidators.fullName,
+                                        },
+                                        children: (field) => {
+                                            var _a;
+                                            return (jsxs(Fragment$1, { children: [jsx(Input, { id: "fullName", className: FIELD_CLASS, value: field.state.value, onChange: (e) => field.handleChange(e.target.value), disabled: isBusyBasic }), ((_a = field.state.meta.errors) === null || _a === void 0 ? void 0 : _a.length) > 0 && (jsx("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", role: "alert", children: field.state.meta.errors }))] }));
+                                        },
+                                    })] }), jsxs("div", { className: "space-y-1.5", children: [jsx("label", { htmlFor: "email", className: LABEL_CLASS, children: t('profileIndex.labelEmail') }), basicForm.Field({
+                                        name: 'email',
+                                        children: (field) => (jsx(Input, { id: "email", type: "email", className: FIELD_CLASS, value: field.state.value, onChange: (e) => field.handleChange(e.target.value), disabled: isBusyBasic })),
+                                    })] }), customization.showUsernameField && (jsxs("div", { className: "space-y-1.5", children: [jsx("label", { htmlFor: "username", className: LABEL_CLASS, children: t('profileIndex.labelUsername') }), basicForm.Field({
+                                        name: 'username',
+                                        children: (field) => (jsx(Input, { id: "username", className: FIELD_CLASS, value: field.state.value, onChange: (e) => field.handleChange(e.target.value), disabled: isBusyBasic })),
+                                    })] })), jsxs("div", { className: "space-y-1.5", children: [jsx("label", { htmlFor: "title", className: LABEL_CLASS, children: t('profileIndex.labelTitle') }), basicForm.Field({
+                                        name: 'title',
+                                        children: (field) => (jsx(Input, { id: "title", className: FIELD_CLASS, value: field.state.value, onChange: (e) => field.handleChange(e.target.value), disabled: isBusyBasic })),
+                                    })] }), jsxs("div", { className: "space-y-1.5", children: [jsx("label", { htmlFor: "language", className: LABEL_CLASS, children: t('profileIndex.labelLanguage') }), basicForm.Field({
+                                        name: 'language',
+                                        children: (field) => (jsxs(Select$1, { defaultValue: field.state.value, onValueChange: (value) => field.handleChange(value), disabled: isBusyBasic, children: [jsx(SelectTrigger, { id: "language", className: FIELD_CLASS, "aria-label": t('profileIndex.selectLanguagePlaceholder'), children: jsx(SelectValue, { placeholder: t('profileIndex.selectLanguagePlaceholder') }) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "en", children: t('profileIndex.langEnglish') }), jsx(SelectItem, { value: "es", children: t('profileIndex.langSpanish') }), jsx(SelectItem, { value: "fr", children: t('profileIndex.langFrench') })] })] })),
+                                    })] }), jsxs("div", { className: "space-y-1.5 md:col-span-2", children: [jsx("label", { htmlFor: "about", className: LABEL_CLASS, children: t('profileIndex.labelAbout') }), basicForm.Field({
+                                        name: 'about',
+                                        children: (field) => (jsx(Textarea, { id: "about", placeholder: t('profileIndex.placeholderAbout'), className: cn(FIELD_CLASS, 'h-auto resize-none py-2.5 leading-relaxed'), rows: 4, value: field.state.value, onChange: (e) => field.handleChange(e.target.value), disabled: isBusyBasic })),
+                                    })] })] }), customization.showMentorAIDisplayCheckbox && (jsxs("section", { className: "space-y-2.5", "aria-labelledby": "profile-features-heading", children: [jsx("h4", { id: "profile-features-heading", className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: t('profileIndex.sectionFeatures') }), jsx("div", { className: "divide-y divide-gray-200 rounded-xl border border-gray-200 dark:divide-gray-800 dark:border-gray-800", children: jsxs("div", { className: "flex items-center justify-between gap-4 px-4 py-3.5", children: [jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [jsx("label", { htmlFor: "display-mentor", className: "text-sm font-medium text-gray-700 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-gray-300", children: t('profileIndex.checkboxDisplayMentorAI') }), jsx(CardInfoIcon, { description: t('profileIndex.tooltipDisplayMentorAI') })] }), basicForm.Field({
+                                            name: 'displayMentor',
+                                            children: (field) => (jsx(Switch, { className: "data-[state=checked]:bg-blue-600", onCheckedChange: (checked) => field.handleChange(checked), checked: field.state.value, disabled: isBusyBasic, id: "display-mentor" })),
+                                        })] }) })] }))] })), activeTab === 'social' && (jsxs("form", { className: "max-w-2xl space-y-5", onSubmit: (formEvent) => {
+                    formEvent.preventDefault();
+                    formEvent.stopPropagation();
+                    if (isReadOnly)
+                        return;
+                    socialForm.handleSubmit();
+                }, children: [socialField({
+                        id: 'facebook',
+                        name: 'facebook',
+                        label: t('profileIndex.labelFacebook'),
+                        placeholder: t('profileIndex.placeholderFacebook'),
+                        prefix: FACEBOOK_URL_PREFIX,
+                        badge: { className: 'bg-[#1877F2]', text: 'f', textClassName: 'text-sm' },
+                        validator: socialValidators.facebook,
+                    }), socialField({
+                        id: 'linkedin',
+                        name: 'linkedIn',
+                        label: t('profileIndex.labelLinkedIn'),
+                        placeholder: t('profileIndex.placeholderLinkedIn'),
+                        prefix: LINKEDIN_URL_PREFIX,
+                        badge: { className: 'bg-[#0A66C2]', text: 'in', textClassName: 'text-xs' },
+                        validator: socialValidators.linkedIn,
+                    }), socialField({
+                        id: 'x',
+                        name: 'x',
+                        label: t('profileIndex.labelX'),
+                        placeholder: t('profileIndex.placeholderX'),
+                        prefix: X_URL_PREFIX,
+                        badge: { className: 'bg-black', text: 'X', textClassName: 'text-sm' },
+                        validator: socialValidators.x,
+                    })] })), activeTab === 'education' && (jsxs(Tabs, { value: educationSubTab, onValueChange: setEducationSubTab, className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "education", children: t('profileIndex.tabEducation') }), jsx(TabsTrigger, { value: "credentials", children: t('gradebookGradebookTab.typeCredentials') }), jsx(TabsTrigger, { value: "skills", children: t('gradebookGradebookTab.typeSkills') })] }), headerAddButton] }), jsx(TabsContent, { value: "education", children: jsx(EducationTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "credentials", children: jsx(CredentialsList, { org: tenant, username: username }) }), jsx(TabsContent, { value: "skills", children: jsx(SkillsList, { org: tenant, username: username }) })] })), activeTab === 'gradebook' && jsx(GradebookTab, { org: tenant, username: username }), activeTab === 'experience' && (jsxs(Tabs, { value: experienceSubTab, onValueChange: setExperienceSubTab, className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "experience", children: t('profileIndex.tabExperience') }), jsx(TabsTrigger, { value: "resume", children: t('profileIndex.tabResume') })] }), headerAddButton] }), jsx(TabsContent, { value: "experience", children: jsx(ExperienceTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "resume", children: jsx(ResumeTab, { org: tenant, username: username }) })] })), activeTab === 'purchases' && jsx(PurchasesTab, { org: tenant, username: username }), activeTab === 'memory' && jsx(MemoryTab, { org: tenant, username: username }), activeTab === 'privacy' && jsx(ChatPrivacyTab, { org: tenant, username: username }), isChatHistoryVisible && activeTab === 'chatHistory' && (jsx(ChatHistoryTab, { org: tenant, username: username })), isLlmUsageVisible && activeTab === 'llmUsage' && (jsx(LlmUsageTab, { org: tenant, username: username, isOwnProfile: !isReadOnly })), !isReadOnly && activeTab === 'security' && (jsx(Security, { app: currentSPA || '', email: (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email) || '', platformKey: tenant, onAccountDeleted: onAccountDeleted })), activeTab === 'advanced' && localLLMProps && (jsx("div", { className: "space-y-6", children: jsx(LocalModelsContent, { isAvailable: localLLMProps.isAvailable, state: localLLMProps.state, ollamaStatus: localLLMProps.ollamaStatus, systemMemory: localLLMProps.systemMemory, isUsingFoundry: localLLMProps.isUsingFoundry, foundryModels: localLLMProps.foundryModels, selectedFoundryModel: localLLMProps.selectedFoundryModel, foundryStatus: localLLMProps.foundryStatus, onStartDownload: localLLMProps.onStartDownload, onCancelDownload: localLLMProps.onCancelDownload, onInstallOllama: localLLMProps.onInstallOllama, onStopManager: localLLMProps.onStopManager, onInstallFoundry: localLLMProps.onInstallFoundry, onCheckStatus: localLLMProps.onCheckStatus, onResetState: localLLMProps.onResetState, onSelectFoundryModel: localLLMProps.onSelectFoundryModel }) }))] }));
 }
 
 function CSVEditor({ csvData, onSave, onCancel }) {
@@ -194376,19 +195432,6 @@ function AddCreditsModal({ isOpen, onClose, tenant }) {
     return (jsx(Dialog, { open: isOpen, onOpenChange: handleClose, children: jsxs(DialogContent, { className: "max-w-md", children: [jsxs(DialogHeader, { children: [jsx(DialogTitle, { children: t('profileAddCreditsModal.title') }), jsx(DialogDescription, { children: t('profileAddCreditsModal.description') })] }), jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "credit-amount", className: "text-sm font-medium", children: t('profileAddCreditsModal.amountLabel') }), jsxs("div", { className: "relative", children: [jsx(DollarSign, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-400" }), jsx(Input, { id: "credit-amount", type: "number", min: "0.01", step: "0.01", placeholder: "50.00", value: amount, onChange: (e) => setAmount(e.target.value), className: "pl-9" })] }), jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: t('profileAddCreditsModal.amountHint') })] }), jsxs("div", { className: "flex items-start gap-2 p-3 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-100 dark:border-blue-800", children: [jsx(CircleAlert, { className: "h-4 w-4 text-blue-500 mt-0.5 flex-shrink-0" }), jsx("p", { className: "text-xs text-blue-700 dark:text-blue-300", children: t('profileAddCreditsModal.paymentMethodNotice') })] }), jsxs(DialogFooter, { className: "gap-2 sm:gap-0", children: [jsx(Button$1, { type: "button", variant: "outline", onClick: handleClose, children: t('profileAddCreditsModal.cancel') }), jsx(Button$1, { type: "submit", disabled: isLoading, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: isLoading ? (jsxs(Fragment$1, { children: [jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), t('profileAddCreditsModal.processing')] })) : (t('profileAddCreditsModal.addCredits')) })] })] })] }) }));
 }
 
-/**
- * The info icon that sits on every analytics card and, on hover or keyboard
- * focus, explains what the card measures. The description doubles as the
- * accessible name so screen readers get it without needing the hover.
- *
- * Uses the tooltip primitives directly rather than the shared `TooltipContent`
- * because analytics wants a light popover, while `TooltipContent` is the dark
- * `bg-primary` style the rest of the app relies on.
- */
-function CardInfoIcon({ title, description, className }) {
-    return (jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("button", { type: "button", "aria-label": description, className: cn('shrink-0 cursor-help rounded p-1 text-[#898989] transition-colors hover:bg-gray-100 hover:text-[#38A1E5] focus-visible:ring-2 focus-visible:ring-[#38A1E5] focus-visible:outline-none', className), children: jsx(Info$3, { className: "h-4 w-4", "aria-hidden": "true" }) }) }), jsx(Portal$3, { children: jsxs(Content2$4, { "data-slot": "tooltip-content", side: "top", align: "center", sideOffset: 6, collisionPadding: 12, className: "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 z-50 max-w-[260px] rounded-lg border border-[oklch(0.922_0_0)] bg-white p-3 shadow-lg", children: [title && (jsx("div", { "data-slot": "tooltip-title", className: "mb-1 text-sm font-semibold text-[#484848]", children: title })), jsx("p", { "data-slot": "tooltip-description", className: "text-sm leading-relaxed text-[#646464]", children: description })] }) })] }));
-}
-
 /**
  * Shared utilities for tab label systems.
  *
@@ -197609,11 +198652,11 @@ function StripeConnect({ platformKey }) {
         }
     };
     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" })] }) }) }));
+        return (jsx(Card$1, { 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: t('monetizationStripeConnect.stripeConfiguration') }), isReady ? (jsx(Badge, { className: "bg-blue-100 text-blue-700 border-blue-200", children: t('monetizationStripeConnect.badgeConfigured') })) : hasAccount ? (jsx(Badge, { className: "bg-yellow-100 text-yellow-700 border-yellow-200", children: t('monetizationStripeConnect.badgeIncomplete') })) : (jsx(Badge, { variant: "secondary", children: t('monetizationStripeConnect.badgeNotConfigured') }))] }), isReady ? (jsxs("p", { className: "text-sm text-gray-500", children: [t('monetizationStripeConnect.stripeConnectedReady'), (status === null || status === void 0 ? void 0 : status.charges_enabled) && ' ' + t('monetizationStripeConnect.chargesEnabled'), (status === null || status === void 0 ? void 0 : status.payouts_enabled) && ' ' + t('monetizationStripeConnect.payoutsEnabled')] })) : hasAccount ? (jsx("p", { className: "text-sm text-gray-500", children: t('monetizationStripeConnect.onboardingIncomplete') })) : (jsx("p", { className: "text-sm text-gray-500", children: t('monetizationStripeConnect.connectStripePrompt') }))] }), jsx("div", { className: "flex gap-2 flex-shrink-0", children: isError ? null : 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" })), t('monetizationStripeConnect.stripeDashboardButton')] })) : (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
+    return (jsx(Card$1, { 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: t('monetizationStripeConnect.stripeConfiguration') }), isReady ? (jsx(Badge, { className: "bg-blue-100 text-blue-700 border-blue-200", children: t('monetizationStripeConnect.badgeConfigured') })) : hasAccount ? (jsx(Badge, { className: "bg-yellow-100 text-yellow-700 border-yellow-200", children: t('monetizationStripeConnect.badgeIncomplete') })) : (jsx(Badge, { variant: "secondary", children: t('monetizationStripeConnect.badgeNotConfigured') }))] }), isReady ? (jsxs("p", { className: "text-sm text-gray-500", children: [t('monetizationStripeConnect.stripeConnectedReady'), (status === null || status === void 0 ? void 0 : status.charges_enabled) && ' ' + t('monetizationStripeConnect.chargesEnabled'), (status === null || status === void 0 ? void 0 : status.payouts_enabled) && ' ' + t('monetizationStripeConnect.payoutsEnabled')] })) : hasAccount ? (jsx("p", { className: "text-sm text-gray-500", children: t('monetizationStripeConnect.onboardingIncomplete') })) : (jsx("p", { className: "text-sm text-gray-500", children: t('monetizationStripeConnect.connectStripePrompt') }))] }), jsx("div", { className: "flex gap-2 flex-shrink-0", children: isError ? null : 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" })), t('monetizationStripeConnect.stripeDashboardButton')] })) : (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
                                     ? t('monetizationStripeConnect.redirecting')
                                     : hasAccount
                                         ? t('monetizationStripeConnect.completeSetup')
@@ -197766,12 +198809,12 @@ function PaywalledItemsList({ platformKey, onSelectItem, onAddCustomItem, }) {
         page_size: PAGE_SIZE$6,
         ...(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: t('monetizationPaywalledItemsList.configureItemForSale') }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(ItemSearchDropdown, { platformKey: platformKey, onSelect: (itemType, uniqueId, name) => onSelectItem(itemType, uniqueId, name) }), jsx(Button$1, { variant: "outline", size: "icon", onClick: onAddCustomItem, className: "shrink-0 cursor-pointer", title: t('monetizationPaywalledItemsList.addCustomItemTitle'), children: jsx(Plus, { className: "h-4 w-4" }) })] })] }) }), jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center justify-between", children: [jsx("h4", { className: "text-sm font-medium text-gray-500", children: t('monetizationPaywalledItemsList.configuredItems') }), jsxs(Select$1, { value: statusFilter, onValueChange: (v) => {
+    return (jsxs("div", { className: "space-y-4", children: [jsx(Card$1, { 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: t('monetizationPaywalledItemsList.configureItemForSale') }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(ItemSearchDropdown, { platformKey: platformKey, onSelect: (itemType, uniqueId, name) => onSelectItem(itemType, uniqueId, name) }), jsx(Button$1, { variant: "outline", size: "icon", onClick: onAddCustomItem, className: "shrink-0 cursor-pointer", title: t('monetizationPaywalledItemsList.addCustomItemTitle'), children: jsx(Plus, { className: "h-4 w-4" }) })] })] }) }), jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center justify-between", children: [jsx("h4", { className: "text-sm font-medium text-gray-500", children: t('monetizationPaywalledItemsList.configuredItems') }), 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: t('monetizationPaywalledItemsList.filterAll') }), jsx(SelectItem, { value: "active", children: t('monetizationPaywalledItemsList.filterActive') }), jsx(SelectItem, { value: "disabled", children: t('monetizationPaywalledItemsList.filterDisabled') })] })] })] }), isLoading ? (jsx("div", { className: "space-y-2", children: [1, 2, 3].map((i) => (jsx(Skeleton, { className: "h-16 w-full" }, i))) })) : (paywalls === null || paywalls === void 0 ? void 0 : paywalls.results) && paywalls.results.length > 0 ? (jsxs(Fragment$1, { children: [paywalls.results.map((pw) => {
                                 var _a;
-                                return (jsx(Card, { className: "shadow-sm border hover:border-blue-200 transition-colors cursor-pointer", style: { borderColor: 'oklch(.922 0 0)' }, onClick: () => onSelectItem(pw.item_type, pw.item_id, pw.item_name), children: jsxs(CardContent, { className: "p-4 flex items-center justify-between", children: [jsx("div", { className: "flex items-center gap-3", children: jsxs("div", { children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: pw.item_name || pw.item_id }), jsxs("div", { className: "flex items-center gap-2 mt-0.5", children: [jsx(Badge, { variant: "secondary", className: "text-xs capitalize", children: displayItemType(pw.item_type) }), ((_a = pw.prices) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
+                                return (jsx(Card$1, { className: "shadow-sm border hover:border-blue-200 transition-colors cursor-pointer", style: { borderColor: 'oklch(.922 0 0)' }, onClick: () => onSelectItem(pw.item_type, pw.item_id, pw.item_name), children: jsxs(CardContent, { className: "p-4 flex items-center justify-between", children: [jsx("div", { className: "flex items-center gap-3", children: jsxs("div", { children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: pw.item_name || pw.item_id }), jsxs("div", { className: "flex items-center gap-2 mt-0.5", children: [jsx(Badge, { variant: "secondary", className: "text-xs capitalize", children: displayItemType(pw.item_type) }), ((_a = pw.prices) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
                                                                     (() => {
                                                                         const activeCount = pw.prices.filter((p) => p.is_active).length;
                                                                         return activeCount > 0 ? (jsx("span", { className: "text-xs text-gray-400", children: activeCount !== 1
@@ -197827,7 +198870,7 @@ function PriceForm({ form, onChange, onSave, onCancel, isSaving, isEdit, }) {
     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$2, { className: "text-xs text-gray-500", children: t('monetizationPriceManagement.nameLabel') }), jsx(Input, { value: form.name, onChange: (e) => onChange({ ...form, name: e.target.value }), placeholder: t('monetizationPriceManagement.namePlaceholder'), className: "mt-1" })] }), jsxs("div", { children: [jsx(Label$2, { className: "text-xs text-gray-500", children: t('monetizationPriceManagement.amountLabel') }), jsx(Input, { type: "number", min: 0, step: "0.01", value: form.amount, onChange: (e) => onChange({ ...form, amount: e.target.value }), placeholder: t('monetizationPriceManagement.amountPlaceholder'), className: "mt-1" })] }), jsxs("div", { children: [jsx(Label$2, { className: "text-xs text-gray-500", children: t('monetizationPriceManagement.intervalLabel') }), 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: t('monetizationPriceManagement.intervalMonthly') }), jsx(SelectItem, { value: "year", children: t('monetizationPriceManagement.intervalYearly') }), jsx(SelectItem, { value: "one_time", children: t('monetizationPriceManagement.intervalOneTime') })] })] })] }), jsxs("div", { children: [jsx(Label$2, { className: "text-xs text-gray-500", children: t('monetizationPriceManagement.currencyLabel') }), jsx(Input, { value: form.currency, disabled: true, className: "mt-1 bg-gray-50 text-gray-500 cursor-not-allowed" })] })] }), jsxs("div", { children: [jsx(Label$2, { className: "text-xs text-gray-500", children: t('monetizationPriceManagement.descriptionLabel') }), jsx(Input, { value: form.description, onChange: (e) => onChange({ ...form, description: e.target.value }), placeholder: t('monetizationPriceManagement.descriptionPlaceholder'), className: "mt-1" })] }), jsxs("div", { children: [jsx(Label$2, { className: "text-xs text-gray-500", children: t('monetizationPriceManagement.featuresLabel') }), 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$1, { 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) => {
+    return (jsx(Card$1, { 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$2, { className: "text-xs text-gray-500", children: t('monetizationPriceManagement.nameLabel') }), jsx(Input, { value: form.name, onChange: (e) => onChange({ ...form, name: e.target.value }), placeholder: t('monetizationPriceManagement.namePlaceholder'), className: "mt-1" })] }), jsxs("div", { children: [jsx(Label$2, { className: "text-xs text-gray-500", children: t('monetizationPriceManagement.amountLabel') }), jsx(Input, { type: "number", min: 0, step: "0.01", value: form.amount, onChange: (e) => onChange({ ...form, amount: e.target.value }), placeholder: t('monetizationPriceManagement.amountPlaceholder'), className: "mt-1" })] }), jsxs("div", { children: [jsx(Label$2, { className: "text-xs text-gray-500", children: t('monetizationPriceManagement.intervalLabel') }), 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: t('monetizationPriceManagement.intervalMonthly') }), jsx(SelectItem, { value: "year", children: t('monetizationPriceManagement.intervalYearly') }), jsx(SelectItem, { value: "one_time", children: t('monetizationPriceManagement.intervalOneTime') })] })] })] }), jsxs("div", { children: [jsx(Label$2, { className: "text-xs text-gray-500", children: t('monetizationPriceManagement.currencyLabel') }), jsx(Input, { value: form.currency, disabled: true, className: "mt-1 bg-gray-50 text-gray-500 cursor-not-allowed" })] })] }), jsxs("div", { children: [jsx(Label$2, { className: "text-xs text-gray-500", children: t('monetizationPriceManagement.descriptionLabel') }), jsx(Input, { value: form.description, onChange: (e) => onChange({ ...form, description: e.target.value }), placeholder: t('monetizationPriceManagement.descriptionPlaceholder'), className: "mt-1" })] }), jsxs("div", { children: [jsx(Label$2, { className: "text-xs text-gray-500", children: t('monetizationPriceManagement.featuresLabel') }), 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$1, { 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();
@@ -197944,7 +198987,7 @@ function PriceManagement({ platformKey, itemType, itemId }) {
                     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$1(price.interval)] }), !price.is_active && (jsx(Badge, { variant: "secondary", className: "text-xs", children: t('monetizationPriceManagement.inactiveBadge') }))] }), 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));
+                        }, isSaving: isUpdating, isEdit: true }, price.id)) : (jsx(Card$1, { 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$1(price.interval)] }), !price.is_active && (jsx(Badge, { variant: "secondary", className: "text-xs", children: t('monetizationPriceManagement.inactiveBadge') }))] }), 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: t('monetizationPriceManagement.emptyState') }))] }));
 }
 
@@ -198114,13 +199157,13 @@ function PaywallDetail({ platformKey, authURL, itemType, itemId, itemName, isCus
                         const currentIndex = wizardSteps.findIndex((s) => s.key === currentStep);
                         if (targetIndex < currentIndex)
                             setCurrentStep(step);
-                    } }), currentStep === 'custom-item' && isCustom && (jsx(Card, { className: "shadow-sm border", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-6 space-y-4", children: [jsx("h4", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300", children: t('monetizationPaywallDetail.stepItemDetails') }), jsxs("div", { className: "space-y-3", children: [jsxs("div", { children: [jsx(Label$2, { className: "text-sm font-medium", children: t('monetizationPaywallDetail.labelItemType') }), jsx(Input, { value: customItemType, onChange: (e) => setCustomItemType(e.target.value), placeholder: t('monetizationPaywallDetail.placeholderItemType'), className: "mt-1", disabled: itemCreated }), customItemType && (jsx("p", { className: "text-xs text-gray-400 mt-1", children: t('monetizationPaywallDetail.slugPreview', { slug: slugify(customItemType) }) }))] }), jsxs("div", { children: [jsx(Label$2, { className: "text-sm font-medium", children: t('monetizationPaywallDetail.labelItemName') }), jsx(Input, { value: customItemName, onChange: (e) => setCustomItemName(e.target.value), placeholder: t('monetizationPaywallDetail.placeholderItemName'), className: "mt-1", disabled: itemCreated }), customItemName && (jsx("p", { className: "text-xs text-gray-400 mt-1", children: t('monetizationPaywallDetail.idPreview', { id: slugify(customItemName) }) }))] }), jsxs("div", { children: [jsx(Label$2, { className: "text-sm font-medium", children: t('monetizationPaywallDetail.labelDescription') }), jsx(Textarea, { value: customDescription, onChange: (e) => setCustomDescription(e.target.value), placeholder: t('monetizationPaywallDetail.placeholderDescription'), className: "mt-1", rows: 3 })] }), jsxs("div", { children: [jsx(Label$2, { className: "text-sm font-medium", children: t('monetizationPaywallDetail.labelProductUrl') }), jsx(Input, { type: "url", value: customProductUrl, onChange: (e) => setCustomProductUrl(e.target.value), placeholder: t('monetizationPaywallDetail.placeholderProductUrl'), className: "mt-1", disabled: itemCreated }), jsx("p", { className: "text-xs text-gray-400 mt-1", children: t('monetizationPaywallDetail.hintProductUrl') })] })] }), jsx("div", { className: "pt-3 border-t flex justify-end", children: jsxs(Button$1, { onClick: handleCreateCustomItem, disabled: isSaving || !customItemType.trim() || !customItemName.trim(), className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white cursor-pointer", children: [isCreating ? (jsx(LoaderCircle, { className: "h-4 w-4 mr-2 animate-spin" })) : (jsx(ChevronRight, { className: "h-4 w-4 mr-2" })), t('monetizationPaywallDetail.createAndContinue')] }) })] }) })), currentStep === 'paywall' && (jsx(Card, { className: "shadow-sm border", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-6 space-y-5", children: [jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { children: [jsx(Label$2, { className: "text-sm font-medium", children: t('monetizationPaywallDetail.labelPaywallEnabled') }), jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: t('monetizationPaywallDetail.hintPaywallEnabled') })] }), jsx(Switch, { checked: isEnabled, onCheckedChange: setIsEnabled, className: "cursor-pointer data-[state=checked]:bg-blue-500" })] }), jsxs("div", { className: !isEnabled ? 'opacity-50 pointer-events-none' : '', children: [jsxs("div", { className: "flex items-center justify-between py-3 border-t", children: [jsxs("div", { children: [jsx(Label$2, { className: "text-sm font-medium", children: t('monetizationPaywallDetail.labelAllowFreeTier') }), jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: t('monetizationPaywallDetail.hintAllowFreeTier') })] }), 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$2, { className: "text-sm font-medium", children: t('monetizationPaywallDetail.labelTrialPeriod') }), jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: t('monetizationPaywallDetail.hintTrialPeriod') })] }), 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$2, { className: "text-sm font-medium", children: t('monetizationPaywallDetail.labelExistingUsers') }), jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: t('monetizationPaywallDetail.hintExistingUsers') })] }), 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: t('monetizationPaywallDetail.grandfatheringFreeForever') }), jsx(SelectItem, { value: "require_subscription", children: t('monetizationPaywallDetail.grandfatheringRequireSubscription') })] })] })] })] }), jsx("div", { className: "pt-3 border-t flex justify-end", children: jsxs(Button$1, { onClick: handleSaveConfig, disabled: isSaving, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white cursor-pointer", children: [isSaving ? (jsx(LoaderCircle, { className: "h-4 w-4 mr-2 animate-spin" })) : (jsx(Check, { className: "h-4 w-4 mr-2" })), t('monetizationPaywallDetail.saveConfiguration')] }) })] }) })), currentStep === 'pricing' && (jsx(PriceManagement, { platformKey: platformKey, itemType: resolvedItemType, itemId: resolvedItemId }))] }));
+                    } }), currentStep === 'custom-item' && isCustom && (jsx(Card$1, { className: "shadow-sm border", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-6 space-y-4", children: [jsx("h4", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300", children: t('monetizationPaywallDetail.stepItemDetails') }), jsxs("div", { className: "space-y-3", children: [jsxs("div", { children: [jsx(Label$2, { className: "text-sm font-medium", children: t('monetizationPaywallDetail.labelItemType') }), jsx(Input, { value: customItemType, onChange: (e) => setCustomItemType(e.target.value), placeholder: t('monetizationPaywallDetail.placeholderItemType'), className: "mt-1", disabled: itemCreated }), customItemType && (jsx("p", { className: "text-xs text-gray-400 mt-1", children: t('monetizationPaywallDetail.slugPreview', { slug: slugify(customItemType) }) }))] }), jsxs("div", { children: [jsx(Label$2, { className: "text-sm font-medium", children: t('monetizationPaywallDetail.labelItemName') }), jsx(Input, { value: customItemName, onChange: (e) => setCustomItemName(e.target.value), placeholder: t('monetizationPaywallDetail.placeholderItemName'), className: "mt-1", disabled: itemCreated }), customItemName && (jsx("p", { className: "text-xs text-gray-400 mt-1", children: t('monetizationPaywallDetail.idPreview', { id: slugify(customItemName) }) }))] }), jsxs("div", { children: [jsx(Label$2, { className: "text-sm font-medium", children: t('monetizationPaywallDetail.labelDescription') }), jsx(Textarea, { value: customDescription, onChange: (e) => setCustomDescription(e.target.value), placeholder: t('monetizationPaywallDetail.placeholderDescription'), className: "mt-1", rows: 3 })] }), jsxs("div", { children: [jsx(Label$2, { className: "text-sm font-medium", children: t('monetizationPaywallDetail.labelProductUrl') }), jsx(Input, { type: "url", value: customProductUrl, onChange: (e) => setCustomProductUrl(e.target.value), placeholder: t('monetizationPaywallDetail.placeholderProductUrl'), className: "mt-1", disabled: itemCreated }), jsx("p", { className: "text-xs text-gray-400 mt-1", children: t('monetizationPaywallDetail.hintProductUrl') })] })] }), jsx("div", { className: "pt-3 border-t flex justify-end", children: jsxs(Button$1, { onClick: handleCreateCustomItem, disabled: isSaving || !customItemType.trim() || !customItemName.trim(), className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white cursor-pointer", children: [isCreating ? (jsx(LoaderCircle, { className: "h-4 w-4 mr-2 animate-spin" })) : (jsx(ChevronRight, { className: "h-4 w-4 mr-2" })), t('monetizationPaywallDetail.createAndContinue')] }) })] }) })), currentStep === 'paywall' && (jsx(Card$1, { 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$2, { className: "text-sm font-medium", children: t('monetizationPaywallDetail.labelPaywallEnabled') }), jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: t('monetizationPaywallDetail.hintPaywallEnabled') })] }), jsx(Switch, { checked: isEnabled, onCheckedChange: setIsEnabled, className: "cursor-pointer data-[state=checked]:bg-blue-500" })] }), jsxs("div", { className: !isEnabled ? 'opacity-50 pointer-events-none' : '', children: [jsxs("div", { className: "flex items-center justify-between py-3 border-t", children: [jsxs("div", { children: [jsx(Label$2, { className: "text-sm font-medium", children: t('monetizationPaywallDetail.labelAllowFreeTier') }), jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: t('monetizationPaywallDetail.hintAllowFreeTier') })] }), 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$2, { className: "text-sm font-medium", children: t('monetizationPaywallDetail.labelTrialPeriod') }), jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: t('monetizationPaywallDetail.hintTrialPeriod') })] }), 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$2, { className: "text-sm font-medium", children: t('monetizationPaywallDetail.labelExistingUsers') }), jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: t('monetizationPaywallDetail.hintExistingUsers') })] }), 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: t('monetizationPaywallDetail.grandfatheringFreeForever') }), jsx(SelectItem, { value: "require_subscription", children: t('monetizationPaywallDetail.grandfatheringRequireSubscription') })] })] })] })] }), jsx("div", { className: "pt-3 border-t flex justify-end", children: jsxs(Button$1, { onClick: handleSaveConfig, disabled: isSaving, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white cursor-pointer", children: [isSaving ? (jsx(LoaderCircle, { className: "h-4 w-4 mr-2 animate-spin" })) : (jsx(Check, { className: "h-4 w-4 mr-2" })), t('monetizationPaywallDetail.saveConfiguration')] }) })] }) })), currentStep === 'pricing' && (jsx(PriceManagement, { platformKey: platformKey, itemType: resolvedItemType, itemId: resolvedItemId }))] }));
 }
 
 function PaywallConfig({ platformKey, authURL, disabled }) {
     const [selectedItem, setSelectedItem] = useState(null);
     if (disabled) {
-        return (jsx(Card, { className: "shadow-sm border border-dashed", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-8 text-center", children: [jsx(Shield, { className: "h-10 w-10 mx-auto text-gray-300 mb-3" }), jsx("p", { className: "text-sm text-gray-400", children: "Connect Stripe first to configure paywalls." })] }) }));
+        return (jsx(Card$1, { 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, authURL: authURL, itemType: selectedItem.type, itemId: selectedItem.id, itemName: selectedItem.name, isCustom: selectedItem.isCustom, onBack: () => setSelectedItem(null) }));
@@ -229415,75 +230458,6 @@ function ChatPrivacyToggle({ org, userId, mentor, className }) {
                                     className: "text-white font-semibold bg-gradient-to-r from-blue-600 to-blue-400 hover:from-blue-700 hover:to-blue-500 [text-shadow:0_1px_2px_rgba(0,0,0,0.35)] [&_svg]:[filter:drop-shadow(0_1px_1px_rgba(0,0,0,0.4))]", children: isDisablingChatHistory ? (jsxs(Fragment$1, { children: [jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), t('chatPrivacyChatPrivacyToggle.enabling')] })) : (t('chatPrivacyChatPrivacyToggle.enablePrivateMode')) })] })] }) })] }));
 }
 
-/**
- * Chart color system for the analytics surface.
- *
- * Single-series charts keep the app's established `#38A1E5`. Multi-series
- * charts (spend stacked by service, spend by model) use a categorical palette
- * validated for color-vision-deficiency separation on a white surface
- * (worst adjacent-pair CVD ΔE 9.1, worst normal-vision ΔE 19.6 — OKLab ×100):
- * hues are assigned in this fixed order, per entity, never cycled or reshuffled
- * when a filter changes the series count.
- *
- * Three of the light-surface slots sit below 3:1 contrast against white, so
- * every chart that uses them must carry visible direct labels or a table view
- * (all of ours do — ranked rows and legends carry the values as text).
- */
-const CHART_SERIES_COLORS = [
-    '#2a78d6', // blue
-    '#eb6834', // orange
-    '#1baf7a', // aqua
-    '#eda100', // yellow
-    '#e87ba4', // magenta
-    '#008300', // green
-];
-/** The app's single-series chart color, unchanged. */
-const CHART_SINGLE_SERIES_COLOR = '#38A1E5';
-/**
- * Ordinal blue ramp for ordered measures (latency p50→p99). One hue,
- * light→dark — never a rainbow for an ordered scale. The lightest step clears
- * 2:1 against white.
- */
-const CHART_ORDINAL_RAMP = [
-    '#86b6ef', // p50
-    '#5598e7', // p75
-    '#2a78d6', // p90
-    '#1c5cab', // p95
-    '#104281', // p99
-];
-/**
- * Color follows the entity: a service keeps its hue whether or not the other
- * services are on screen. Services beyond this list fold into slots in first-
- * seen order via {@link colorForSeries} rather than inventing new hues.
- */
-const SERVICE_COLOR_ORDER = [
-    'chat',
-    'embeddings',
-    'memory',
-    'grading',
-    'moderation',
-    'call',
-];
-/**
- * Stable color for a named series. Known services get their fixed slot; an
- * unknown name hashes into the palette deterministically so the same name is
- * the same color on every render and every chart.
- */
-function colorForSeries(name) {
-    const fixed = SERVICE_COLOR_ORDER.indexOf(name);
-    if (fixed >= 0)
-        return CHART_SERIES_COLORS[fixed % CHART_SERIES_COLORS.length];
-    let hash = 0;
-    for (let i = 0; i < name.length; i++) {
-        hash = (hash * 31 + name.charCodeAt(i)) >>> 0;
-    }
-    return CHART_SERIES_COLORS[hash % CHART_SERIES_COLORS.length];
-}
-/** Stable color for the Nth series of an ordered breakdown (e.g. top models). */
-function colorForRank(index) {
-    return CHART_SERIES_COLORS[index % CHART_SERIES_COLORS.length];
-}
-
 /**
  * The small trend line at the foot of a stat card. Decorative reinforcement of
  * the delta — it has no axes and is hidden from assistive tech; the number and
@@ -229524,9 +230498,9 @@ function StatCard({ title, value, percentage, loading = false, showDollarSign =
     }
     const hasTrend = !!trend && trend.length > 1;
     if (loading) {
-        return (jsx(Card, { className: "h-full w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "flex h-full flex-col p-4", "aria-label": t('analyticsStatCard.ariaLabelLoading', { title }), children: [jsxs("div", { className: "mb-2.5 flex items-start justify-between gap-2", children: [jsx(Skeleton, { className: "h-4 w-24" }), jsx(Skeleton, { className: "h-5 w-5 rounded" })] }), jsx(Skeleton, { className: "mb-2.5 h-8 w-20" }), jsx(Skeleton, { className: "h-4 w-32" }), jsx("div", { className: "mt-auto pt-2.5", children: jsx(Skeleton, { className: "w-full", style: { height: SPARKLINE_HEIGHT } }) })] }) }));
+        return (jsx(Card$1, { className: "h-full w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "flex h-full flex-col p-4", "aria-label": t('analyticsStatCard.ariaLabelLoading', { title }), children: [jsxs("div", { className: "mb-2.5 flex items-start justify-between gap-2", children: [jsx(Skeleton, { className: "h-4 w-24" }), jsx(Skeleton, { className: "h-5 w-5 rounded" })] }), jsx(Skeleton, { className: "mb-2.5 h-8 w-20" }), jsx(Skeleton, { className: "h-4 w-32" }), jsx("div", { className: "mt-auto pt-2.5", children: jsx(Skeleton, { className: "w-full", style: { height: SPARKLINE_HEIGHT } }) })] }) }));
     }
-    return (jsx(Card, { className: "h-full w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "flex h-full flex-col p-4", "aria-label": t('analyticsStatCard.ariaLabel', { title }), children: [jsxs("div", { className: "mb-2.5 flex items-start justify-between gap-2", children: [jsxs("h3", { className: "flex min-w-0 items-center gap-1.5 text-sm font-medium text-[#898989]", children: [icon && (jsx("span", { className: "shrink-0 text-gray-400 [&>svg]:h-4 [&>svg]:w-4", "aria-hidden": "true", children: icon })), jsx("span", { className: "truncate", children: title })] }), description && (jsx(CardInfoIcon, { title: title, description: description, className: "-mt-1" }))] }), jsxs("div", { className: "flex items-baseline gap-2", children: [jsx("p", { className: "text-[28px] font-semibold leading-none tracking-[-0.01em] text-[#484848] tabular-nums", "aria-label": t('analyticsStatCard.ariaLabelValue', { title }), children: showDollarSign ? `$${value}` : value }), subValue && (jsx("span", { className: "truncate text-[13px] text-[#898989] tabular-nums", children: subValue }))] }), jsx("p", { className: "mt-2.5 flex h-5 items-center gap-1.5 whitespace-nowrap text-[13px]", children: delta }), jsx("div", { className: "mt-auto pt-2.5", style: { minHeight: SPARKLINE_HEIGHT + 10 }, children: hasTrend && (jsx(TrendSparkline, { points: trend, color: trendColor, height: SPARKLINE_HEIGHT })) })] }) }));
+    return (jsx(Card$1, { className: "h-full w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "flex h-full flex-col p-4", "aria-label": t('analyticsStatCard.ariaLabel', { title }), children: [jsxs("div", { className: "mb-2.5 flex items-start justify-between gap-2", children: [jsxs("h3", { className: "flex min-w-0 items-center gap-1.5 text-sm font-medium text-[#898989]", children: [icon && (jsx("span", { className: "shrink-0 text-gray-400 [&>svg]:h-4 [&>svg]:w-4", "aria-hidden": "true", children: icon })), jsx("span", { className: "truncate", children: title })] }), description && (jsx(CardInfoIcon, { title: title, description: description, className: "-mt-1" }))] }), jsxs("div", { className: "flex items-baseline gap-2", children: [jsx("p", { className: "text-[28px] font-semibold leading-none tracking-[-0.01em] text-[#484848] tabular-nums", "aria-label": t('analyticsStatCard.ariaLabelValue', { title }), children: showDollarSign ? `$${value}` : value }), subValue && (jsx("span", { className: "truncate text-[13px] text-[#898989] tabular-nums", children: subValue }))] }), jsx("p", { className: "mt-2.5 flex h-5 items-center gap-1.5 whitespace-nowrap text-[13px]", children: delta }), jsx("div", { className: "mt-auto pt-2.5", style: { minHeight: SPARKLINE_HEIGHT + 10 }, children: hasTrend && (jsx(TrendSparkline, { points: trend, color: trendColor, height: SPARKLINE_HEIGHT })) })] }) }));
 }
 
 const THEMES = { light: '', dark: '.dark' };
@@ -229817,7 +230791,7 @@ function ChartRangeControl() {
                     }), jsx("button", { type: "button", "aria-label": t('analyticsChartCard.clearOverride'), onClick: resync, className: "ml-0.5 inline-flex cursor-pointer rounded-sm opacity-70 hover:opacity-100", children: jsx(X$1, { className: "h-3 w-3", "aria-hidden": "true" }) })] })), jsxs(Popover, { children: [jsx(PopoverTrigger, { asChild: true, children: jsx("button", { type: "button", "aria-label": t('analyticsChartCard.adjustRange'), className: "inline-flex h-[26px] w-[26px] cursor-pointer items-center justify-center rounded-md border border-[oklch(0.922_0_0)] bg-white text-gray-500 transition-colors hover:bg-gray-50 hover:text-gray-700", children: jsx(Calendar$1, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) }) }), jsxs(PopoverContent, { className: "z-[60] w-auto p-3", align: "end", children: [jsx("p", { className: "mb-2 text-xs text-[#898989]", children: t('analyticsChartCard.adjustRangeHint') }), jsx(TimeFilter, {})] })] })] }));
 }
 function ChartCardWrapper({ title, label, children, filters, setOutsideFilters, overflowAuto, height, description, source, headerRight, }) {
-    return (jsx(ChartFiltersProvider, { initialFilters: filters, setOutsideFilters: setOutsideFilters, children: jsx(Card, { className: "w-full bg-white rounded-lg border border-gray-100 overflow-hidden shadow-sm", children: jsxs(CardContent, { className: "p-4", "aria-label": `${title} chart card`, children: [jsx("div", { className: "mb-4", children: jsxs("div", { className: "flex items-start justify-between gap-3", children: [jsxs("div", { className: "min-w-0", children: [jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [jsx("h3", { className: "truncate text-base font-semibold text-gray-700", children: title }), description && jsx(CardInfoIcon, { title: title, description: description })] }), description && (jsx("p", { className: "mt-1 text-[13px] leading-relaxed text-[#898989]", children: description }))] }), jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [headerRight, jsx(ChartRangeControl, {})] })] }) }), jsx("div", { className: "w-full", style: { height: height || '350px' }, children: jsx(ChartContainer, { title: title, config: {
+    return (jsx(ChartFiltersProvider, { initialFilters: filters, setOutsideFilters: setOutsideFilters, children: jsx(Card$1, { className: "w-full bg-white rounded-lg border border-gray-100 overflow-hidden shadow-sm", children: jsxs(CardContent, { className: "p-4", "aria-label": `${title} chart card`, children: [jsx("div", { className: "mb-4", children: jsxs("div", { className: "flex items-start justify-between gap-3", children: [jsxs("div", { className: "min-w-0", children: [jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [jsx("h3", { className: "truncate text-base font-semibold text-gray-700", children: title }), description && jsx(CardInfoIcon, { title: title, description: description })] }), description && (jsx("p", { className: "mt-1 text-[13px] leading-relaxed text-[#898989]", children: description }))] }), jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [headerRight, jsx(ChartRangeControl, {})] })] }) }), jsx("div", { className: "w-full", style: { height: height || '350px' }, children: jsx(ChartContainer, { title: title, config: {
                                 value: {
                                     label,
                                     color: '#38A1E5', // Reverted to original color
@@ -231492,7 +232466,7 @@ function AnalyticsLlmUsageStats({ tenantKey, mentorId, filters, }) {
     const t = useT();
     const { kpis, trends, isLoadingKpis, isKpisUnavailable, isForbidden, refetchKpis, spendOverTime, isLoadingSpendOverTime, isSpendOverTimeUnavailable, spendOverTimeFilters, setSpendOverTimeFilters, spendByModel, isLoadingSpendByModel, isSpendByModelUnavailable, spendByModelFilters, setSpendByModelFilters, latencyByModel, isLoadingLatencyByModel, isLatencyByModelUnavailable, latencyFilters, setLatencyFilters, } = useLlmUsage({ tenantKey, mentorId, filters });
     if (isForbidden) {
-        return (jsx(Card, { className: "rounded-lg border border-gray-100 bg-white shadow-sm", children: jsx(CardContent, { className: "p-8 text-center", children: jsx("p", { className: "text-gray-500", children: t('analyticsLlmUsage.noPermission') }) }) }));
+        return (jsx(Card$1, { className: "rounded-lg border border-gray-100 bg-white shadow-sm", children: jsx(CardContent, { className: "p-8 text-center", children: jsx("p", { className: "text-gray-500", children: t('analyticsLlmUsage.noPermission') }) }) }));
     }
     const maxModelCost = Math.max(...spendByModel.map((row) => row.totalCost), 0);
     const maxLatency = Math.max(...latencyByModel.map((row) => row.p95), 0);
@@ -231732,7 +232706,7 @@ function TraceDetail({ tenantKey, currentSPA, trace, observations, isLoadingObse
         [t('analyticsTraces.detailEnvironment'), trace.environment || '—'],
         [t('analyticsTraces.detailStarted'), formatTime(trace.timestamp)],
     ];
-    return (jsx(Card, { className: "rounded-lg border border-gray-100 bg-white shadow-sm", children: jsxs(CardContent, { className: "p-4", children: [jsxs("div", { className: "mb-4 flex items-start justify-between gap-3", children: [jsxs("div", { className: "min-w-0", children: [jsx("div", { className: "flex items-center gap-2", children: jsx("h3", { className: "text-base font-semibold text-gray-700", children: trace.name || t('analyticsTraces.detailTitle') }) }), jsx("div", { className: "mt-1 truncate font-mono text-xs text-[#898989]", title: trace.id, children: trace.id })] }), jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 shrink-0 p-0", "aria-label": t('analyticsTraces.closeDetail'), onClick: onClose, children: jsx(X$1, { className: "h-4 w-4", "aria-hidden": "true" }) })] }), jsxs("div", { className: "flex gap-4 rounded-lg border border-[oklch(0.922_0_0)] bg-gray-50 px-4 py-3.5", children: [jsxs("div", { className: "flex-1", children: [jsx("div", { className: "mb-1 text-xs text-[#898989]", children: t('analyticsTraces.detailLatency') }), jsx("div", { className: "text-xl font-semibold text-[#484848] tabular-nums", children: trace.latency !== undefined ? `${Number(trace.latency).toFixed(2)}s` : '—' })] }), jsxs("div", { className: "flex-1", children: [jsx("div", { className: "mb-1 text-xs text-[#898989]", children: t('analyticsTraces.detailCost') }), jsx("div", { className: "text-xl font-semibold text-[#484848] tabular-nums", children: formatCost(totalCost) })] }), jsxs("div", { className: "flex-1", children: [jsx("div", { className: "mb-1 text-xs text-[#898989]", children: t('analyticsTraces.detailObservations') }), jsx("div", { className: "text-xl font-semibold text-[#484848] tabular-nums", children: observations.length || '—' })] })] }), jsx("dl", { className: "mt-4 grid grid-cols-2 gap-x-4 gap-y-3 border-b border-[oklch(0.922_0_0)] pb-4 lg:grid-cols-4", children: meta.map(([label, value]) => (jsxs("div", { className: "min-w-0", children: [jsx("dt", { className: "mb-0.5 text-[11px] uppercase tracking-wide text-[#898989]", children: label }), jsx("dd", { className: "truncate text-[13px] font-medium text-[#484848]", children: value })] }, label))) }), jsxs("div", { className: "mb-1 mt-4 flex items-center justify-between", children: [jsx("h4", { className: "text-sm font-semibold text-gray-700", children: t('analyticsTraces.observationsHeading') }), jsxs("div", { className: "flex gap-0 text-[11px] uppercase tracking-wide text-[#898989]", children: [jsx("span", { className: "w-[52px] text-right", children: t('analyticsTraces.colTime') }), jsx("span", { className: "w-[58px] text-right", children: t('analyticsTraces.colTokens') }), jsx("span", { className: "w-[64px] text-right", children: t('analyticsTraces.colCost') })] })] }), isLoadingObservations ? (jsx("div", { className: "h-[80px]", children: jsx(ChartLoading, {}) })) : observations.length === 0 ? (jsx("div", { className: "h-[80px]", children: jsx(EmptyStats, { title: t('analyticsTraces.noObservations') }) })) : (jsx("div", { children: observations.map((observation) => (jsx(ObservationRow, { observation: observation, traceStart: traceStart, traceDuration: traceDuration }, observation.id))) })), trace.sessionId && onOpenTranscript && (jsx("div", { className: "mt-4", children: jsx(Button$1, { variant: "outline", size: "sm", className: "h-9 gap-1.5 border-blue-100 bg-blue-50 px-3 text-blue-700 hover:bg-blue-100", onClick: () => onOpenTranscript(String(trace.sessionId)), children: t('analyticsTraces.openTranscript') }) }))] }) }));
+    return (jsx(Card$1, { className: "rounded-lg border border-gray-100 bg-white shadow-sm", children: jsxs(CardContent, { className: "p-4", children: [jsxs("div", { className: "mb-4 flex items-start justify-between gap-3", children: [jsxs("div", { className: "min-w-0", children: [jsx("div", { className: "flex items-center gap-2", children: jsx("h3", { className: "text-base font-semibold text-gray-700", children: trace.name || t('analyticsTraces.detailTitle') }) }), jsx("div", { className: "mt-1 truncate font-mono text-xs text-[#898989]", title: trace.id, children: trace.id })] }), jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 shrink-0 p-0", "aria-label": t('analyticsTraces.closeDetail'), onClick: onClose, children: jsx(X$1, { className: "h-4 w-4", "aria-hidden": "true" }) })] }), jsxs("div", { className: "flex gap-4 rounded-lg border border-[oklch(0.922_0_0)] bg-gray-50 px-4 py-3.5", children: [jsxs("div", { className: "flex-1", children: [jsx("div", { className: "mb-1 text-xs text-[#898989]", children: t('analyticsTraces.detailLatency') }), jsx("div", { className: "text-xl font-semibold text-[#484848] tabular-nums", children: trace.latency !== undefined ? `${Number(trace.latency).toFixed(2)}s` : '—' })] }), jsxs("div", { className: "flex-1", children: [jsx("div", { className: "mb-1 text-xs text-[#898989]", children: t('analyticsTraces.detailCost') }), jsx("div", { className: "text-xl font-semibold text-[#484848] tabular-nums", children: formatCost(totalCost) })] }), jsxs("div", { className: "flex-1", children: [jsx("div", { className: "mb-1 text-xs text-[#898989]", children: t('analyticsTraces.detailObservations') }), jsx("div", { className: "text-xl font-semibold text-[#484848] tabular-nums", children: observations.length || '—' })] })] }), jsx("dl", { className: "mt-4 grid grid-cols-2 gap-x-4 gap-y-3 border-b border-[oklch(0.922_0_0)] pb-4 lg:grid-cols-4", children: meta.map(([label, value]) => (jsxs("div", { className: "min-w-0", children: [jsx("dt", { className: "mb-0.5 text-[11px] uppercase tracking-wide text-[#898989]", children: label }), jsx("dd", { className: "truncate text-[13px] font-medium text-[#484848]", children: value })] }, label))) }), jsxs("div", { className: "mb-1 mt-4 flex items-center justify-between", children: [jsx("h4", { className: "text-sm font-semibold text-gray-700", children: t('analyticsTraces.observationsHeading') }), jsxs("div", { className: "flex gap-0 text-[11px] uppercase tracking-wide text-[#898989]", children: [jsx("span", { className: "w-[52px] text-right", children: t('analyticsTraces.colTime') }), jsx("span", { className: "w-[58px] text-right", children: t('analyticsTraces.colTokens') }), jsx("span", { className: "w-[64px] text-right", children: t('analyticsTraces.colCost') })] })] }), isLoadingObservations ? (jsx("div", { className: "h-[80px]", children: jsx(ChartLoading, {}) })) : observations.length === 0 ? (jsx("div", { className: "h-[80px]", children: jsx(EmptyStats, { title: t('analyticsTraces.noObservations') }) })) : (jsx("div", { children: observations.map((observation) => (jsx(ObservationRow, { observation: observation, traceStart: traceStart, traceDuration: traceDuration }, observation.id))) })), trace.sessionId && onOpenTranscript && (jsx("div", { className: "mt-4", children: jsx(Button$1, { variant: "outline", size: "sm", className: "h-9 gap-1.5 border-blue-100 bg-blue-50 px-3 text-blue-700 hover:bg-blue-100", onClick: () => onOpenTranscript(String(trace.sessionId)), children: t('analyticsTraces.openTranscript') }) }))] }) }));
 }
 /**
  * The drill-down Langfuse makes possible: trace list → one trace → its
@@ -231749,7 +232723,7 @@ function AnalyticsTraces({ tenantKey, currentSPA, mentorId, filters, onOpenTrans
         initialUsername,
     });
     if (isForbidden) {
-        return (jsx(Card, { className: "rounded-lg border border-gray-100 bg-white shadow-sm", children: jsx(CardContent, { className: "p-8 text-center", children: jsx("p", { className: "text-gray-500", children: t('analyticsLlmUsage.noPermission') }) }) }));
+        return (jsx(Card$1, { className: "rounded-lg border border-gray-100 bg-white shadow-sm", children: jsx(CardContent, { className: "p-8 text-center", children: jsx("p", { className: "text-gray-500", children: t('analyticsLlmUsage.noPermission') }) }) }));
     }
     const totalPages = (_a = meta === null || meta === void 0 ? void 0 : meta.totalPages) !== null && _a !== void 0 ? _a : 1;
     return (jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "rounded-lg border border-[oklch(0.922_0_0)] bg-white p-3", children: jsxs("div", { className: "flex flex-col gap-3 lg:flex-row lg:items-center", children: [jsx("div", { className: "min-w-[180px]", children: jsxs(Select$1, { value: traceName || ALL_SERVICES, onValueChange: (value) => setFilter.traceName(value === ALL_SERVICES ? '' : value), children: [jsx(SelectTrigger, { className: "h-9 w-full bg-white font-normal", children: jsx(SelectValue, { placeholder: t('analyticsTraces.filterService') }) }), jsxs(SelectContent, { className: "z-[60]", children: [jsx(SelectItem, { value: ALL_SERVICES, children: t('analyticsTraces.allServices') }), TRACE_NAMES.map((name) => (jsx(SelectItem, { value: name, children: name }, name)))] })] }) }), jsx("div", { className: "min-w-[200px] flex-1", children: jsx(UserFilterSelect, { tenantKey: tenantKey, value: username, showSelfOption: false, onChange: (nextUsername) => {
@@ -232775,11 +233749,11 @@ function AnalyticsTranscriptsStats({ tenantKey, currentSPA, mentorId, selectedMe
                             undefined, loading: isLoadingTranscriptsConversationHeadlineData, description: t('analyticsAnalyticsTranscriptsStats.avgMessagesPerConversationDescription') }), jsx(StatCard, { title: t('analyticsAnalyticsTranscriptsStats.avgCostPerConversation'), value: Number(((_c = transcriptsConversationHeadlineData === null || transcriptsConversationHeadlineData === void 0 ? void 0 : transcriptsConversationHeadlineData.avg_cost_per_conversation) === null || _c === void 0 ? void 0 : _c.value) || 0).toFixed(2), percentage: ((_d = transcriptsConversationHeadlineData === null || transcriptsConversationHeadlineData === void 0 ? void 0 : transcriptsConversationHeadlineData.avg_cost_per_conversation) === null || _d === void 0 ? void 0 : _d.percentage_change) ||
                             undefined, showDollarSign: true, loading: isLoadingTranscriptsConversationHeadlineData, description: t('analyticsAnalyticsTranscriptsStats.avgCostPerConversationDescription') }), jsx(StatCard, { title: t('analyticsAnalyticsTranscriptsStats.avgRating'), value: ((_e = transcriptsConversationHeadlineData === null || transcriptsConversationHeadlineData === void 0 ? void 0 : transcriptsConversationHeadlineData.avg_rating) === null || _e === void 0 ? void 0 : _e.value) || 0, percentage: ((_f = transcriptsConversationHeadlineData === null || transcriptsConversationHeadlineData === void 0 ? void 0 : transcriptsConversationHeadlineData.avg_rating) === null || _f === void 0 ? void 0 : _f.percentage_change) || undefined, loading: isLoadingTranscriptsConversationHeadlineData, description: t('analyticsAnalyticsTranscriptsStats.avgRatingDescription') })] }), jsxs("div", { className: "flex h-[calc(100vh-120px)]", children: [jsxs("div", { className: "w-full md:w-2/3 md:pr-6 overflow-y-auto md:border-r border-gray-200 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: [jsx("div", { className: "mb-6", children: jsxs("div", { className: "flex gap-2 mb-4 items-center", children: [jsxs("div", { className: "relative", children: [jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-4 w-4" }), jsx(Input, { placeholder: t('analyticsAnalyticsTranscriptsStats.placeholderTopics'), value: filters.topicSearch, onChange: (e) => setFilters({ ...filters, topicSearch: e.target.value }), className: "pl-10 w-[200px]" })] }), jsx("div", { className: "w-[200px]", children: jsx(UserFilterSelect, { tenantKey: tenantKey, value: filters.userSearch, onChange: (username) => setFilters({ ...filters, userSearch: username }), showSelfOption: false, className: "bg-transparent" }) }), isFetchingTranscriptsMessagesData && (filters.userSearch || filters.topicSearch) ? (jsx("div", { className: "animate-spin rounded-full h-5 w-5 border-b-2 border-blue-500 ml-2", "aria-hidden": "true" })) : (jsx(Button$1, { variant: "outline", onClick: handleClearFilters, className: "whitespace-nowrap", children: t('analyticsAnalyticsTranscriptsStats.clearAll') }))] }) }), jsxs("div", { className: "bg-gray-50 p-4 rounded-lg mb-6", children: [jsxs("div", { className: "flex flex-wrap gap-x-8 gap-y-2 text-sm text-gray-600", children: [jsxs("div", { "aria-label": t('analyticsAnalyticsTranscriptsStats.ariaTotalConversations'), children: [transcriptsMessagesData === null || transcriptsMessagesData === void 0 ? void 0 : transcriptsMessagesData.summary.total_conversations, ' ', t('analyticsAnalyticsTranscriptsStats.conversations')] }), jsx("div", { children: "\u2022" }), jsxs("div", { children: [transcriptsMessagesData === null || transcriptsMessagesData === void 0 ? void 0 : transcriptsMessagesData.summary.user_queries, ' ', t('analyticsAnalyticsTranscriptsStats.userQueries')] }), jsx("div", { children: "\u2022" }), jsxs("div", { children: [transcriptsMessagesData === null || transcriptsMessagesData === void 0 ? void 0 : transcriptsMessagesData.summary.assistant_responses, ' ', t('analyticsAnalyticsTranscriptsStats.assistantResponses')] })] }), jsx("div", { className: "flex flex-wrap gap-x-8 gap-y-2 text-sm text-gray-600 mt-2", children: jsxs("div", { children: [transcriptsMessagesData === null || transcriptsMessagesData === void 0 ? void 0 : transcriptsMessagesData.summary.average_sentiment_score, ' ', t('analyticsAnalyticsTranscriptsStats.averageSentimentScore')] }) })] }), jsx("div", { className: "flex flex-col gap-4", children: isLoadingTranscriptsMessagesData ? (
                                 // Loading state
-                                jsx("div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, index) => (jsxs(Card, { className: "p-4 animate-pulse", children: [jsx("div", { className: "mb-3", children: jsx("div", { className: "h-4 bg-gray-200 rounded w-3/4" }) }), jsxs("div", { className: "flex flex-wrap gap-2 mb-3", children: [jsx("div", { className: "h-6 bg-gray-200 rounded w-16" }), jsx("div", { className: "h-6 bg-gray-200 rounded w-20" })] }), jsxs("div", { className: "flex flex-wrap gap-x-6 gap-y-2 mb-2", children: [jsx("div", { className: "h-4 bg-gray-200 rounded w-24" }), jsx("div", { className: "h-4 bg-gray-200 rounded w-20" })] }), jsxs("div", { className: "flex flex-wrap gap-x-6 gap-y-2", children: [jsx("div", { className: "h-4 bg-gray-200 rounded w-20" }), jsx("div", { className: "h-4 bg-gray-200 rounded w-24" })] })] }, index))) })) : (transcriptsMessagesData === null || transcriptsMessagesData === void 0 ? void 0 : transcriptsMessagesData.results) && transcriptsMessagesData.results.length > 0 ? (
+                                jsx("div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, index) => (jsxs(Card$1, { className: "p-4 animate-pulse", children: [jsx("div", { className: "mb-3", children: jsx("div", { className: "h-4 bg-gray-200 rounded w-3/4" }) }), jsxs("div", { className: "flex flex-wrap gap-2 mb-3", children: [jsx("div", { className: "h-6 bg-gray-200 rounded w-16" }), jsx("div", { className: "h-6 bg-gray-200 rounded w-20" })] }), jsxs("div", { className: "flex flex-wrap gap-x-6 gap-y-2 mb-2", children: [jsx("div", { className: "h-4 bg-gray-200 rounded w-24" }), jsx("div", { className: "h-4 bg-gray-200 rounded w-20" })] }), jsxs("div", { className: "flex flex-wrap gap-x-6 gap-y-2", children: [jsx("div", { className: "h-4 bg-gray-200 rounded w-20" }), jsx("div", { className: "h-4 bg-gray-200 rounded w-24" })] })] }, index))) })) : (transcriptsMessagesData === null || transcriptsMessagesData === void 0 ? void 0 : transcriptsMessagesData.results) && transcriptsMessagesData.results.length > 0 ? (
                                 // Results
                                 transcriptsMessagesData.results.map((transcript) => {
                                     var _a, _b, _c;
-                                    return (jsxs(Card, { className: cn(`p-4 hover:shadow-md transition-shadow cursor-pointer border ${selectedTranscript === transcript.session
+                                    return (jsxs(Card$1, { className: cn(`p-4 hover:shadow-md transition-shadow cursor-pointer border ${selectedTranscript === transcript.session
                                             ? 'border-blue-500 bg-blue-50'
                                             : 'border-gray-200'}`), onClick: () => handleTranscriptSelect(transcript.session), children: [jsx("div", { className: "mb-3", children: jsx("p", { className: "text-gray-800", children: transcript.first_user_message }) }), jsxs("div", { className: "flex flex-wrap gap-2 mb-3", children: [((_a = transcript === null || transcript === void 0 ? void 0 : transcript.topics) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
                                                         ((_b = transcript.topics) === null || _b === void 0 ? void 0 : _b.map((topic, index) => (jsx("span", { className: "bg-gray-100 text-gray-600 px-3 py-1 rounded-[5px] text-xs", children: topic }, index)))), jsx(TranscriptRollupBadges, { documentsCount: transcript.documents_count, toolCallsCount: transcript.tool_calls_count })] }), jsx("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-2 text-sm mb-2", children: jsxs("div", { className: cn('flex items-center gap-1', transcript.sentiment === 'negative'
@@ -233667,7 +234641,7 @@ function AnalyticsReports({ tenantKey, selectedMentorId, disabledReports = [], u
     }, [reports, hiddenReports]);
     const content = useMemo(() => {
         if (isLoading) {
-            return (jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8 items-stretch", children: Array.from({ length: 12 }).map((_, key) => (jsx(Card, { className: "bg-white border-gray-200 h-full flex flex-col", children: jsx(CardContent, { className: "p-6 flex-1 flex flex-col", children: jsxs("div", { className: "flex-1", children: [jsxs("div", { className: "flex justify-between items-start mb-2", children: [jsx(Skeleton, { className: "h-5 w-32 flex-1 mr-2" }), jsx(Skeleton, { className: "h-8 w-8 flex-shrink-0" })] }), jsx(Skeleton, { className: "h-4 w-full" })] }) }) }, key))) }));
+            return (jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8 items-stretch", children: Array.from({ length: 12 }).map((_, key) => (jsx(Card$1, { className: "bg-white border-gray-200 h-full flex flex-col", children: jsx(CardContent, { className: "p-6 flex-1 flex flex-col", children: jsxs("div", { className: "flex-1", children: [jsxs("div", { className: "flex justify-between items-start mb-2", children: [jsx(Skeleton, { className: "h-5 w-32 flex-1 mr-2" }), jsx(Skeleton, { className: "h-8 w-8 flex-shrink-0" })] }), jsx(Skeleton, { className: "h-4 w-full" })] }) }) }, key))) }));
         }
         if (!filteredReports.length) {
             return (jsx("div", { className: "flex flex-col items-center justify-center space-y-4", children: jsx(EmptyStats, { title: t('analyticsAnalyticsReports.noReportsAvailable') }) }));
@@ -233737,7 +234711,7 @@ function ReportCard({ report, isActive, isDisabled, isCombinableReport, hasCompl
     };
     const dialogOpen = popoverMode !== null;
     const hasDateSelection = Boolean(dateRange === null || dateRange === void 0 ? void 0 : dateRange.from);
-    return (jsxs(Fragment$1, { children: [jsx(Card, { "aria-label": `${displayName} report card`, className: "bg-white border-gray-200 h-full flex flex-col", "data-testid": isCombinableReport ? 'combined-recommendation-report-card' : undefined, children: jsx(CardContent, { className: "p-6 flex-1 flex flex-col", children: jsxs("div", { className: "flex-1", children: [jsxs("div", { className: "flex justify-between items-start mb-2", children: [jsx("h3", { className: "text-base font-medium text-gray-700 flex-1 pr-2", children: headerTitle }), jsxs("div", { className: "flex items-center gap-1 flex-shrink-0", children: [hasCompletedReport && (jsxs(Popover, { open: showRegenerateHint, onOpenChange: (next) => {
+    return (jsxs(Fragment$1, { children: [jsx(Card$1, { "aria-label": `${displayName} report card`, className: "bg-white border-gray-200 h-full flex flex-col", "data-testid": isCombinableReport ? 'combined-recommendation-report-card' : undefined, children: jsx(CardContent, { className: "p-6 flex-1 flex flex-col", children: jsxs("div", { className: "flex-1", children: [jsxs("div", { className: "flex justify-between items-start mb-2", children: [jsx("h3", { className: "text-base font-medium text-gray-700 flex-1 pr-2", children: headerTitle }), jsxs("div", { className: "flex items-center gap-1 flex-shrink-0", children: [hasCompletedReport && (jsxs(Popover, { open: showRegenerateHint, onOpenChange: (next) => {
                                                     if (!next)
                                                         onDismissRegenerateHint();
                                                 }, children: [jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx(PopoverTrigger, { asChild: true, children: jsx(Button$1, { variant: "outline", size: "sm", className: cn('h-8 w-8 p-0 bg-transparent hover:bg-[#155dfc] hover:text-white border-[#155dfc] text-[#155dfc]', showRegenerateHint &&
@@ -234091,7 +235065,7 @@ function AnalyticsCourses({ tenantKey, mentorId, selectedMentorId, basePath = ''
                             date: formatDateToShortFormat$1(point.date, enrollmentStatsDateFilter.activeFilter === 'today'),
                             value: formatSecondsToHours$1(point.value),
                             rawSeconds: point.value,
-                        }))) || [], tooltipLabel: t('analyticsAnalyticsCourses.tooltipTimeSpentLabel'), tooltipValue: (point) => formatSecondsToTime$1(Number(point.rawSeconds) || 0), tooltipAriaLabel: (label) => t('analyticsAnalyticsCourses.tooltipAriaLabel', { label }), yTickFormatter: (value) => `${value}h` })) }) })), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(Card, { className: "w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsCourses.coursesTableAriaLabel'), children: [jsxs("div", { className: "flex items-center gap-1 mb-4", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsCourses.coursesHeading') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsCourses.coursesHeading'), description: t('analyticsAnalyticsCourses.coursesTableDescription') })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { id: "search-course", type: "text", placeholder: t('analyticsAnalyticsCourses.searchPlaceholder'), value: coursesListSearch, onChange: handleSearchInputChange, className: "pl-9 border-gray-300 focus:bg-transparent focus:color-transparent h-11", "aria-label": t('analyticsAnalyticsCourses.searchAriaLabel') })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx("div", { className: "text-sm text-gray-500", children: t('analyticsAnalyticsCourses.loading') }) })) : ((_c = coursesList === null || coursesList === void 0 ? void 0 : coursesList.courses) === null || _c === void 0 ? void 0 : _c.length) && coursesList.courses.length > 0 ? (jsxs(Fragment$1, { children: [jsx("div", { className: "rounded-md overflow-x-auto", style: { borderColor: 'oklch(.922 0 0)', borderWidth: '1px' }, children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "h-[48px]", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsCourses.colCourseName') }), jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsCourses.colCourseId') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsCourses.colEnrollments') })] }) }), jsx(TableBody, { children: coursesList.courses.map((course, index) => (jsxs(TableRow, { className: `cursor-pointer hover:bg-muted/50 h-[48px] ${index % 2 === 0 ? 'bg-gray-50' : ''}`, 
+                        }))) || [], tooltipLabel: t('analyticsAnalyticsCourses.tooltipTimeSpentLabel'), tooltipValue: (point) => formatSecondsToTime$1(Number(point.rawSeconds) || 0), tooltipAriaLabel: (label) => t('analyticsAnalyticsCourses.tooltipAriaLabel', { label }), yTickFormatter: (value) => `${value}h` })) }) })), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(Card$1, { className: "w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsCourses.coursesTableAriaLabel'), children: [jsxs("div", { className: "flex items-center gap-1 mb-4", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsCourses.coursesHeading') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsCourses.coursesHeading'), description: t('analyticsAnalyticsCourses.coursesTableDescription') })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { id: "search-course", type: "text", placeholder: t('analyticsAnalyticsCourses.searchPlaceholder'), value: coursesListSearch, onChange: handleSearchInputChange, className: "pl-9 border-gray-300 focus:bg-transparent focus:color-transparent h-11", "aria-label": t('analyticsAnalyticsCourses.searchAriaLabel') })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx("div", { className: "text-sm text-gray-500", children: t('analyticsAnalyticsCourses.loading') }) })) : ((_c = coursesList === null || coursesList === void 0 ? void 0 : coursesList.courses) === null || _c === void 0 ? void 0 : _c.length) && coursesList.courses.length > 0 ? (jsxs(Fragment$1, { children: [jsx("div", { className: "rounded-md overflow-x-auto", style: { borderColor: 'oklch(.922 0 0)', borderWidth: '1px' }, children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "h-[48px]", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsCourses.colCourseName') }), jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsCourses.colCourseId') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsCourses.colEnrollments') })] }) }), jsx(TableBody, { children: coursesList.courses.map((course, index) => (jsxs(TableRow, { className: `cursor-pointer hover:bg-muted/50 h-[48px] ${index % 2 === 0 ? 'bg-gray-50' : ''}`, 
                                                                 // Mouse shortcut only; the id cell may hold a link,
                                                                 // so the row itself must not be a button —
                                                                 // interactive content inside one is invalid, and
@@ -234139,7 +235113,7 @@ function AnalyticsCourseDetail({ tenantKey, currentSPA, mentorId, selectedMentor
     const [selectedEnrollment, setSelectedEnrollment] = useState(null);
     const resolvedCourseName = courseName || (courseInfo === null || courseInfo === void 0 ? void 0 : courseInfo.name);
     const showTitle = showCourseTitle && !!resolvedCourseName;
-    return (jsxs("div", { className: "space-y-8", children: [(onBack || showTitle) && (jsxs("div", { className: "mb-4 flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4", children: [jsx("div", { className: "flex flex-1 justify-start", children: onBack && (jsx(Button$1, { variant: "ghost", size: "icon", onClick: onBack, "aria-label": t('analyticsAnalyticsCourseDetail.goBackAriaLabel'), className: "h-8 w-8 rounded-full bg-gray-100 text-gray-700 hover:bg-gray-200 hover:text-gray-900 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700 dark:hover:text-white", children: jsx(ArrowLeft, { className: "h-4 w-4" }) })) }), showTitle && (jsx("h2", { className: "flex-1 text-left text-2xl font-medium text-gray-700 sm:text-center", children: resolvedCourseName })), jsx("div", { className: "hidden flex-1 sm:block" })] })), jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-6", children: [jsx(StatCard, { loading: isDetailStatsLoading, title: t('analyticsAnalyticsCourseDetail.activeEnrollments'), value: courseDetailStats.active_enrollments, percentage: courseDetailStats.active_enrollments_percentage, description: t('analyticsAnalyticsCourseDetail.activeEnrollmentsDescription') }), jsx(StatCard, { loading: isDetailStatsLoading, title: t('analyticsAnalyticsCourseDetail.completedEnrollments'), value: courseDetailStats.completed_enrollments, percentage: courseDetailStats.completed_enrollments_percentage, description: t('analyticsAnalyticsCourseDetail.completedEnrollmentsDescription') })] }), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(Card, { className: "w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsCourseDetail.courseEnrollmentsTableAriaLabel'), children: [jsxs("div", { className: "flex items-center gap-1 mb-4", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsCourseDetail.enrolledUsers') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsCourseDetail.enrolledUsers'), description: t('analyticsAnalyticsCourseDetail.enrolledUsersDescription') })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { id: "search-enrolled-user", type: "text", placeholder: t('analyticsAnalyticsCourseDetail.searchPlaceholder'), value: courseEnrollmentsSearch, onChange: handleCourseEnrollmentsSearchInputChange, className: "pl-9 border-gray-300 focus:bg-transparent focus:color-transparent h-11", "aria-label": t('analyticsAnalyticsCourseDetail.searchAriaLabel') })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx("div", { className: "text-sm text-gray-500", children: t('analyticsAnalyticsCourseDetail.loadingLabel') }) })) : ((_a = courseEnrollments === null || courseEnrollments === void 0 ? void 0 : courseEnrollments.enrollments) === null || _a === void 0 ? void 0 : _a.length) &&
+    return (jsxs("div", { className: "space-y-8", children: [(onBack || showTitle) && (jsxs("div", { className: "mb-4 flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4", children: [jsx("div", { className: "flex flex-1 justify-start", children: onBack && (jsx(Button$1, { variant: "ghost", size: "icon", onClick: onBack, "aria-label": t('analyticsAnalyticsCourseDetail.goBackAriaLabel'), className: "h-8 w-8 rounded-full bg-gray-100 text-gray-700 hover:bg-gray-200 hover:text-gray-900 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700 dark:hover:text-white", children: jsx(ArrowLeft, { className: "h-4 w-4" }) })) }), showTitle && (jsx("h2", { className: "flex-1 text-left text-2xl font-medium text-gray-700 sm:text-center", children: resolvedCourseName })), jsx("div", { className: "hidden flex-1 sm:block" })] })), jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-6", children: [jsx(StatCard, { loading: isDetailStatsLoading, title: t('analyticsAnalyticsCourseDetail.activeEnrollments'), value: courseDetailStats.active_enrollments, percentage: courseDetailStats.active_enrollments_percentage, description: t('analyticsAnalyticsCourseDetail.activeEnrollmentsDescription') }), jsx(StatCard, { loading: isDetailStatsLoading, title: t('analyticsAnalyticsCourseDetail.completedEnrollments'), value: courseDetailStats.completed_enrollments, percentage: courseDetailStats.completed_enrollments_percentage, description: t('analyticsAnalyticsCourseDetail.completedEnrollmentsDescription') })] }), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(Card$1, { className: "w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsCourseDetail.courseEnrollmentsTableAriaLabel'), children: [jsxs("div", { className: "flex items-center gap-1 mb-4", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsCourseDetail.enrolledUsers') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsCourseDetail.enrolledUsers'), description: t('analyticsAnalyticsCourseDetail.enrolledUsersDescription') })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { id: "search-enrolled-user", type: "text", placeholder: t('analyticsAnalyticsCourseDetail.searchPlaceholder'), value: courseEnrollmentsSearch, onChange: handleCourseEnrollmentsSearchInputChange, className: "pl-9 border-gray-300 focus:bg-transparent focus:color-transparent h-11", "aria-label": t('analyticsAnalyticsCourseDetail.searchAriaLabel') })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx("div", { className: "text-sm text-gray-500", children: t('analyticsAnalyticsCourseDetail.loadingLabel') }) })) : ((_a = courseEnrollments === null || courseEnrollments === void 0 ? void 0 : courseEnrollments.enrollments) === null || _a === void 0 ? void 0 : _a.length) &&
                                         courseEnrollments.enrollments.length > 0 ? (jsxs(Fragment$1, { children: [jsx("div", { className: "rounded-md overflow-x-auto", style: { borderColor: 'oklch(.922 0 0)', borderWidth: '1px' }, children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "h-[48px]", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsCourseDetail.columnName') }), jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsCourseDetail.columnEmail') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsCourseDetail.columnEnrollmentDate') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsCourseDetail.columnLastActiveOn') }), jsx(TableHead, { className: "w-[1%] text-right whitespace-nowrap", children: t('analyticsAnalyticsCourseDetail.columnProgress') })] }) }), jsx(TableBody, { children: courseEnrollments.enrollments.map((enrollment, index) => (jsxs(TableRow, { className: `cursor-pointer hover:bg-muted/50 h-[48px] ${index % 2 === 0 ? 'bg-gray-50' : ''}`, 
                                                                 // Mouse shortcut only; the name and email cells hold profile
                                                                 // links, so keyboard and screen-reader users reach the
@@ -234491,7 +235465,7 @@ function AnalyticsPrograms({ tenantKey, mentorId, selectedMentorId, basePath = '
                             date: formatDateToShortFormat(point.date, enrollmentStatsDateFilter.activeFilter === 'today'),
                             value: formatSecondsToHours(point.value),
                             rawSeconds: point.value,
-                        }))) || [], tooltipLabel: t('analyticsAnalyticsPrograms.timeSpent'), tooltipValue: (point) => formatSecondsToTime(Number(point.rawSeconds) || 0), tooltipAriaLabel: (label) => t('analyticsAnalyticsPrograms.tooltipAriaLabel', { label }), yTickFormatter: (value) => `${value}h` })) }) })), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(Card, { className: "w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsPrograms.programsTableAriaLabel'), children: [jsxs("div", { className: "flex items-center gap-1 mb-4", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsPrograms.programs') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsPrograms.programs'), description: t('analyticsAnalyticsPrograms.programsTableDescription') })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { id: "search-program", type: "text", placeholder: t('analyticsAnalyticsPrograms.searchPlaceholder'), value: programsListSearch, onChange: handleSearchInputChange, className: "pl-9 border-gray-300 focus:bg-transparent focus:color-transparent h-11", "aria-label": t('analyticsAnalyticsPrograms.searchAriaLabel') })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx("div", { className: "text-sm text-gray-500", children: t('analyticsAnalyticsPrograms.loading') }) })) : ((_c = programsList === null || programsList === void 0 ? void 0 : programsList.programs) === null || _c === void 0 ? void 0 : _c.length) && programsList.programs.length > 0 ? (jsxs(Fragment$1, { children: [jsx("div", { className: "rounded-md overflow-x-auto", style: { borderColor: 'oklch(.922 0 0)', borderWidth: '1px' }, children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "h-[48px]", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsPrograms.programName') }), jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsPrograms.programId') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsPrograms.enrollments') })] }) }), jsx(TableBody, { children: programsList.programs.map((program, index) => (jsxs(TableRow, { className: `cursor-pointer hover:bg-muted/50 h-[48px] ${index % 2 === 0 ? 'bg-gray-50' : ''}`, 
+                        }))) || [], tooltipLabel: t('analyticsAnalyticsPrograms.timeSpent'), tooltipValue: (point) => formatSecondsToTime(Number(point.rawSeconds) || 0), tooltipAriaLabel: (label) => t('analyticsAnalyticsPrograms.tooltipAriaLabel', { label }), yTickFormatter: (value) => `${value}h` })) }) })), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(Card$1, { className: "w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsPrograms.programsTableAriaLabel'), children: [jsxs("div", { className: "flex items-center gap-1 mb-4", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsPrograms.programs') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsPrograms.programs'), description: t('analyticsAnalyticsPrograms.programsTableDescription') })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { id: "search-program", type: "text", placeholder: t('analyticsAnalyticsPrograms.searchPlaceholder'), value: programsListSearch, onChange: handleSearchInputChange, className: "pl-9 border-gray-300 focus:bg-transparent focus:color-transparent h-11", "aria-label": t('analyticsAnalyticsPrograms.searchAriaLabel') })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx("div", { className: "text-sm text-gray-500", children: t('analyticsAnalyticsPrograms.loading') }) })) : ((_c = programsList === null || programsList === void 0 ? void 0 : programsList.programs) === null || _c === void 0 ? void 0 : _c.length) && programsList.programs.length > 0 ? (jsxs(Fragment$1, { children: [jsx("div", { className: "rounded-md overflow-x-auto", style: { borderColor: 'oklch(.922 0 0)', borderWidth: '1px' }, children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "h-[48px]", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsPrograms.programName') }), jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsPrograms.programId') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsPrograms.enrollments') })] }) }), jsx(TableBody, { children: programsList.programs.map((program, index) => (jsxs(TableRow, { className: `cursor-pointer hover:bg-muted/50 h-[48px] ${index % 2 === 0 ? 'bg-gray-50' : ''}`, 
                                                                 // Mouse shortcut only; the id cell may hold a link,
                                                                 // so the row itself must not be a button —
                                                                 // interactive content inside one is invalid, and
@@ -234538,7 +235512,7 @@ function AnalyticsProgramDetail({ tenantKey, currentSPA, mentorId, selectedMento
     });
     const [selectedEnrollment, setSelectedEnrollment] = useState(null);
     const resolvedProgramName = programName || (programInfo === null || programInfo === void 0 ? void 0 : programInfo.name);
-    return (jsxs("div", { className: "space-y-8", children: [(onBack || resolvedProgramName) && (jsxs("div", { className: "mb-4 flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4", children: [jsx("div", { className: "flex flex-1 justify-start", children: onBack && (jsx(Button$1, { variant: "ghost", size: "icon", onClick: onBack, "aria-label": t('analyticsAnalyticsProgramDetail.backAriaLabel'), className: "h-8 w-8 rounded-full bg-gray-100 text-gray-700 hover:bg-gray-200 hover:text-gray-900 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700 dark:hover:text-white", children: jsx(ArrowLeft, { className: "h-4 w-4" }) })) }), resolvedProgramName && (jsx("h2", { className: "flex-1 truncate text-left text-2xl font-medium text-gray-700 sm:text-center", children: resolvedProgramName })), jsx("div", { className: "hidden flex-1 sm:block" })] })), jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-4 mb-6", children: [jsx(StatCard, { loading: isDetailStatsLoading, title: t('analyticsAnalyticsProgramDetail.statTotalEnrollments'), value: programDetailStats.enrollments, percentage: programDetailStats.enrollments_percentage, description: t('analyticsAnalyticsProgramDetail.statTotalEnrollmentsDescription') }), jsx(StatCard, { loading: isDetailStatsLoading, title: t('analyticsAnalyticsProgramDetail.statActiveEnrollments'), value: programDetailStats.active_enrollments, percentage: programDetailStats.active_enrollments_percentage, description: t('analyticsAnalyticsProgramDetail.statActiveEnrollmentsDescription') }), jsx(StatCard, { loading: isDetailStatsLoading, title: t('analyticsAnalyticsProgramDetail.statCompletedEnrollments'), value: programDetailStats.completed_enrollments, percentage: programDetailStats.completed_enrollments_percentage, description: t('analyticsAnalyticsProgramDetail.statCompletedEnrollmentsDescription') })] }), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(Card, { className: "w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsProgramDetail.tableAriaLabel'), children: [jsxs("div", { className: "flex items-center gap-1 mb-4", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsProgramDetail.enrolledUsersHeading') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsProgramDetail.enrolledUsersHeading'), description: t('analyticsAnalyticsProgramDetail.enrolledUsersDescription') })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { id: "search-enrolled-user", type: "text", placeholder: t('analyticsAnalyticsProgramDetail.searchPlaceholder'), value: programEnrollmentsSearch, onChange: handleProgramEnrollmentsSearchInputChange, className: "pl-9 border-gray-300 focus:bg-transparent focus:color-transparent h-11", "aria-label": t('analyticsAnalyticsProgramDetail.searchAriaLabel') })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx("div", { className: "text-sm text-gray-500", children: t('analyticsAnalyticsProgramDetail.loadingLabel') }) })) : ((_a = programEnrollments === null || programEnrollments === void 0 ? void 0 : programEnrollments.enrollments) === null || _a === void 0 ? void 0 : _a.length) &&
+    return (jsxs("div", { className: "space-y-8", children: [(onBack || resolvedProgramName) && (jsxs("div", { className: "mb-4 flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4", children: [jsx("div", { className: "flex flex-1 justify-start", children: onBack && (jsx(Button$1, { variant: "ghost", size: "icon", onClick: onBack, "aria-label": t('analyticsAnalyticsProgramDetail.backAriaLabel'), className: "h-8 w-8 rounded-full bg-gray-100 text-gray-700 hover:bg-gray-200 hover:text-gray-900 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700 dark:hover:text-white", children: jsx(ArrowLeft, { className: "h-4 w-4" }) })) }), resolvedProgramName && (jsx("h2", { className: "flex-1 truncate text-left text-2xl font-medium text-gray-700 sm:text-center", children: resolvedProgramName })), jsx("div", { className: "hidden flex-1 sm:block" })] })), jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-4 mb-6", children: [jsx(StatCard, { loading: isDetailStatsLoading, title: t('analyticsAnalyticsProgramDetail.statTotalEnrollments'), value: programDetailStats.enrollments, percentage: programDetailStats.enrollments_percentage, description: t('analyticsAnalyticsProgramDetail.statTotalEnrollmentsDescription') }), jsx(StatCard, { loading: isDetailStatsLoading, title: t('analyticsAnalyticsProgramDetail.statActiveEnrollments'), value: programDetailStats.active_enrollments, percentage: programDetailStats.active_enrollments_percentage, description: t('analyticsAnalyticsProgramDetail.statActiveEnrollmentsDescription') }), jsx(StatCard, { loading: isDetailStatsLoading, title: t('analyticsAnalyticsProgramDetail.statCompletedEnrollments'), value: programDetailStats.completed_enrollments, percentage: programDetailStats.completed_enrollments_percentage, description: t('analyticsAnalyticsProgramDetail.statCompletedEnrollmentsDescription') })] }), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(Card$1, { className: "w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsProgramDetail.tableAriaLabel'), children: [jsxs("div", { className: "flex items-center gap-1 mb-4", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsProgramDetail.enrolledUsersHeading') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsProgramDetail.enrolledUsersHeading'), description: t('analyticsAnalyticsProgramDetail.enrolledUsersDescription') })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { id: "search-enrolled-user", type: "text", placeholder: t('analyticsAnalyticsProgramDetail.searchPlaceholder'), value: programEnrollmentsSearch, onChange: handleProgramEnrollmentsSearchInputChange, className: "pl-9 border-gray-300 focus:bg-transparent focus:color-transparent h-11", "aria-label": t('analyticsAnalyticsProgramDetail.searchAriaLabel') })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx("div", { className: "text-sm text-gray-500", children: t('analyticsAnalyticsProgramDetail.loadingLabel') }) })) : ((_a = programEnrollments === null || programEnrollments === void 0 ? void 0 : programEnrollments.enrollments) === null || _a === void 0 ? void 0 : _a.length) &&
                                         programEnrollments.enrollments.length > 0 ? (jsxs(Fragment$1, { children: [jsx("div", { className: "rounded-md overflow-x-auto", style: { borderColor: 'oklch(.922 0 0)', borderWidth: '1px' }, children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "h-[48px]", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsProgramDetail.colName') }), jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsProgramDetail.colEmail') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsProgramDetail.colEnrollmentDate') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsProgramDetail.colLastActiveOn') }), jsx(TableHead, { className: "w-[1%] text-right whitespace-nowrap", children: t('analyticsAnalyticsProgramDetail.colProgress') })] }) }), jsx(TableBody, { children: programEnrollments.enrollments.map((enrollment, index) => (jsxs(TableRow, { className: `cursor-pointer hover:bg-muted/50 h-[48px] ${index % 2 === 0 ? 'bg-gray-50' : ''}`, 
                                                                 // Mouse shortcut only; the name and email cells hold profile
                                                                 // links, so keyboard and screen-reader users reach the
@@ -234749,7 +235723,7 @@ function AnalyticsMonetizationStats({ tenantKey }) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     const t = useT();
     const { revenueData, isLoadingRevenue, paywallsData, isLoadingPaywalls, subscribersData, isLoadingSubscribers, paywallTypeFilter, setPaywallTypeFilter, subscriberStatusFilter, setSubscriberStatusFilter, paywallPage, setPaywallPage, subscriberPage, setSubscriberPage, statusDistribution, itemTypeDistribution, statusColors, itemTypeColors, } = useMonetization({ tenantKey });
-    return (jsxs("div", { className: "space-y-8", children: [jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6", children: [jsx(StatCard, { loading: isLoadingRevenue, title: t('analyticsAnalyticsMonetizationStats.totalRevenue'), value: Number((revenueData === null || revenueData === void 0 ? void 0 : revenueData.sales_volume) || 0).toLocaleString(), showDollarSign: true, description: t('analyticsAnalyticsMonetizationStats.totalRevenueDescription') }), jsx(StatCard, { loading: isLoadingRevenue, title: t('analyticsAnalyticsMonetizationStats.totalSales'), value: (_a = revenueData === null || revenueData === void 0 ? void 0 : revenueData.sales_count) !== null && _a !== void 0 ? _a : 0, description: t('analyticsAnalyticsMonetizationStats.totalSalesDescription') }), jsx(StatCard, { loading: isLoadingPaywalls, title: t('analyticsAnalyticsMonetizationStats.activePaywalls'), value: (_b = paywallsData === null || paywallsData === void 0 ? void 0 : paywallsData.count) !== null && _b !== void 0 ? _b : 0, description: t('analyticsAnalyticsMonetizationStats.activePaywallsDescription') }), jsx(StatCard, { loading: isLoadingSubscribers, title: t('analyticsAnalyticsMonetizationStats.totalSubscribers'), value: (_c = subscribersData === null || subscribersData === void 0 ? void 0 : subscribersData.count) !== null && _c !== void 0 ? _c : 0, description: t('analyticsAnalyticsMonetizationStats.totalSubscribersDescription') })] }), jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-5", children: [jsx(Card, { className: "w-full bg-white rounded-lg border border-gray-100 overflow-hidden shadow-sm", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsMonetizationStats.subscriptionStatusChartCardAriaLabel'), children: [jsx("div", { className: "mb-6", children: jsxs("div", { className: "flex items-center gap-1", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsMonetizationStats.subscribersByStatus') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsMonetizationStats.subscribersByStatus'), description: t('analyticsAnalyticsMonetizationStats.subscribersByStatusDescription') })] }) }), jsx("div", { className: "w-full", style: { height: '350px' }, children: jsx(ChartContainer, { title: t('analyticsAnalyticsMonetizationStats.subscribersByStatus'), config: {
+    return (jsxs("div", { className: "space-y-8", children: [jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6", children: [jsx(StatCard, { loading: isLoadingRevenue, title: t('analyticsAnalyticsMonetizationStats.totalRevenue'), value: Number((revenueData === null || revenueData === void 0 ? void 0 : revenueData.sales_volume) || 0).toLocaleString(), showDollarSign: true, description: t('analyticsAnalyticsMonetizationStats.totalRevenueDescription') }), jsx(StatCard, { loading: isLoadingRevenue, title: t('analyticsAnalyticsMonetizationStats.totalSales'), value: (_a = revenueData === null || revenueData === void 0 ? void 0 : revenueData.sales_count) !== null && _a !== void 0 ? _a : 0, description: t('analyticsAnalyticsMonetizationStats.totalSalesDescription') }), jsx(StatCard, { loading: isLoadingPaywalls, title: t('analyticsAnalyticsMonetizationStats.activePaywalls'), value: (_b = paywallsData === null || paywallsData === void 0 ? void 0 : paywallsData.count) !== null && _b !== void 0 ? _b : 0, description: t('analyticsAnalyticsMonetizationStats.activePaywallsDescription') }), jsx(StatCard, { loading: isLoadingSubscribers, title: t('analyticsAnalyticsMonetizationStats.totalSubscribers'), value: (_c = subscribersData === null || subscribersData === void 0 ? void 0 : subscribersData.count) !== null && _c !== void 0 ? _c : 0, description: t('analyticsAnalyticsMonetizationStats.totalSubscribersDescription') })] }), jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-5", children: [jsx(Card$1, { className: "w-full bg-white rounded-lg border border-gray-100 overflow-hidden shadow-sm", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsMonetizationStats.subscriptionStatusChartCardAriaLabel'), children: [jsx("div", { className: "mb-6", children: jsxs("div", { className: "flex items-center gap-1", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsMonetizationStats.subscribersByStatus') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsMonetizationStats.subscribersByStatus'), description: t('analyticsAnalyticsMonetizationStats.subscribersByStatusDescription') })] }) }), jsx("div", { className: "w-full", style: { height: '350px' }, children: jsx(ChartContainer, { title: t('analyticsAnalyticsMonetizationStats.subscribersByStatus'), config: {
                                             value: {
                                                 label: t('analyticsAnalyticsMonetizationStats.subscribersLabel'),
                                                 color: '#38A1E5',
@@ -234763,7 +235737,7 @@ function AnalyticsMonetizationStats({ tenantKey }) {
                                                                 return null;
                                                             const data = (_a = payload[0]) === null || _a === void 0 ? void 0 : _a.payload;
                                                             return (jsxs("div", { className: "bg-background border border-border rounded-md p-3 shadow-lg z-50", style: { borderColor: 'oklch(.922 0 0)' }, role: "tooltip", tabIndex: -1, children: [jsx("div", { className: "font-medium text-foreground mb-2 text-base capitalize", children: data === null || data === void 0 ? void 0 : data.name }), jsx("div", { className: "space-y-2 text-sm", children: jsxs("div", { className: "flex justify-between items-center gap-4", children: [jsx("span", { className: "text-muted-foreground", children: t('analyticsAnalyticsMonetizationStats.subscribersTooltipLabel') }), jsx("span", { className: "font-medium text-foreground", children: data === null || data === void 0 ? void 0 : data.value })] }) })] }));
-                                                        }, wrapperStyle: { outline: 'none' } })] })) : (jsx(EmptyStats, {})) }) }) })] }) }), jsx(Card, { className: "w-full bg-white rounded-lg border border-gray-100 overflow-hidden shadow-sm", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsMonetizationStats.paywallItemTypeChartCardAriaLabel'), children: [jsx("div", { className: "mb-6", children: jsxs("div", { className: "flex items-center gap-1", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsMonetizationStats.paywallsByType') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsMonetizationStats.paywallsByType'), description: t('analyticsAnalyticsMonetizationStats.paywallsByTypeDescription') })] }) }), jsx("div", { className: "w-full", style: { height: '350px' }, children: jsx(ChartContainer, { title: t('analyticsAnalyticsMonetizationStats.paywallsByType'), config: {
+                                                        }, wrapperStyle: { outline: 'none' } })] })) : (jsx(EmptyStats, {})) }) }) })] }) }), jsx(Card$1, { className: "w-full bg-white rounded-lg border border-gray-100 overflow-hidden shadow-sm", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsMonetizationStats.paywallItemTypeChartCardAriaLabel'), children: [jsx("div", { className: "mb-6", children: jsxs("div", { className: "flex items-center gap-1", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsMonetizationStats.paywallsByType') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsMonetizationStats.paywallsByType'), description: t('analyticsAnalyticsMonetizationStats.paywallsByTypeDescription') })] }) }), jsx("div", { className: "w-full", style: { height: '350px' }, children: jsx(ChartContainer, { title: t('analyticsAnalyticsMonetizationStats.paywallsByType'), config: {
                                             value: {
                                                 label: t('analyticsAnalyticsMonetizationStats.paywallsLabel'),
                                                 color: '#38A1E5',
@@ -234777,7 +235751,7 @@ function AnalyticsMonetizationStats({ tenantKey }) {
                                                                 return null;
                                                             const data = (_a = payload[0]) === null || _a === void 0 ? void 0 : _a.payload;
                                                             return (jsxs("div", { className: "bg-background border border-border rounded-md p-3 shadow-lg z-50", style: { borderColor: 'oklch(.922 0 0)' }, role: "tooltip", tabIndex: -1, children: [jsx("div", { className: "font-medium text-foreground mb-2 text-base capitalize", children: data === null || data === void 0 ? void 0 : data.name }), jsx("div", { className: "space-y-2 text-sm", children: jsxs("div", { className: "flex justify-between items-center gap-4", children: [jsx("span", { className: "text-muted-foreground", children: t('analyticsAnalyticsMonetizationStats.paywallsTooltipLabel') }), jsx("span", { className: "font-medium text-foreground", children: data === null || data === void 0 ? void 0 : data.value })] }) })] }));
-                                                        }, wrapperStyle: { outline: 'none' } })] })) : (jsx(EmptyStats, {})) }) }) })] }) })] }), jsx(Card, { className: "w-full bg-white rounded-lg border border-gray-100 overflow-hidden shadow-sm", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsMonetizationStats.subscribersTableCardAriaLabel'), children: [jsx("div", { className: "mb-4", children: jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-1", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsMonetizationStats.subscribersSectionHeading', {
+                                                        }, wrapperStyle: { outline: 'none' } })] })) : (jsx(EmptyStats, {})) }) }) })] }) })] }), jsx(Card$1, { className: "w-full bg-white rounded-lg border border-gray-100 overflow-hidden shadow-sm", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsMonetizationStats.subscribersTableCardAriaLabel'), children: [jsx("div", { className: "mb-4", children: jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-1", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsMonetizationStats.subscribersSectionHeading', {
                                                     count: (_d = subscribersData === null || subscribersData === void 0 ? void 0 : subscribersData.count) !== null && _d !== void 0 ? _d : 0,
                                                 }) }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsMonetizationStats.subscribersSectionHeading', {
                                                     count: (_e = subscribersData === null || subscribersData === void 0 ? void 0 : subscribersData.count) !== null && _e !== void 0 ? _e : 0,
@@ -234795,7 +235769,7 @@ function AnalyticsMonetizationStats({ tenantKey }) {
                                         plural: subscribersData.count !== 1 ? 's' : '',
                                     }) }), jsxs("div", { className: "flex items-center space-x-2", children: [jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 text-xs", disabled: subscribersData.previous_page === null, onClick: () => subscribersData.previous_page !== null &&
                                                 setSubscriberPage(subscribersData.previous_page), children: t('analyticsAnalyticsMonetizationStats.previous') }), jsx("span", { className: "text-xs text-gray-500", children: t('analyticsAnalyticsMonetizationStats.pageLabel', { page: subscriberPage }) }), jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 text-xs", disabled: subscribersData.next_page === null, onClick: () => subscribersData.next_page !== null &&
-                                                setSubscriberPage(subscribersData.next_page), children: t('analyticsAnalyticsMonetizationStats.next') })] })] }))] }) }), jsx(Card, { className: "w-full bg-white rounded-lg border border-gray-100 overflow-hidden shadow-sm", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsMonetizationStats.paywallsTableCardAriaLabel'), children: [jsx("div", { className: "mb-4", children: jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-1", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsMonetizationStats.configuredPaywalls', {
+                                                setSubscriberPage(subscribersData.next_page), children: t('analyticsAnalyticsMonetizationStats.next') })] })] }))] }) }), jsx(Card$1, { className: "w-full bg-white rounded-lg border border-gray-100 overflow-hidden shadow-sm", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsMonetizationStats.paywallsTableCardAriaLabel'), children: [jsx("div", { className: "mb-4", children: jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-1", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsMonetizationStats.configuredPaywalls', {
                                                     count: (_j = paywallsData === null || paywallsData === void 0 ? void 0 : paywallsData.count) !== null && _j !== void 0 ? _j : 0,
                                                 }) }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsMonetizationStats.configuredPaywalls', {
                                                     count: (_k = paywallsData === null || paywallsData === void 0 ? void 0 : paywallsData.count) !== null && _k !== void 0 ? _k : 0,
@@ -235318,7 +236292,7 @@ function AnalyticsPlatformAuditLog({ platformKey, timezone, currentSPA, }) {
     // a permissions answer, not a failure, so it replaces the whole view rather
     // than showing an error next to unusable filters.
     if (isForbidden) {
-        return (jsx(Card, { className: "rounded-lg border border-gray-100 bg-white shadow-sm", children: jsxs(CardContent, { className: "p-8 text-center", children: [jsx("p", { className: "font-medium text-gray-700", children: t('analyticsAnalyticsPlatformAuditLog.forbiddenTitle') }), jsx("p", { className: "mt-1 text-sm text-gray-500", children: t('analyticsAnalyticsPlatformAuditLog.forbiddenBody') })] }) }));
+        return (jsx(Card$1, { className: "rounded-lg border border-gray-100 bg-white shadow-sm", children: jsxs(CardContent, { className: "p-8 text-center", children: [jsx("p", { className: "font-medium text-gray-700", children: t('analyticsAnalyticsPlatformAuditLog.forbiddenTitle') }), jsx("p", { className: "mt-1 text-sm text-gray-500", children: t('analyticsAnalyticsPlatformAuditLog.forbiddenBody') })] }) }));
     }
     const results = (_a = data === null || data === void 0 ? void 0 : data.results) !== null && _a !== void 0 ? _a : [];
     const hasError = Boolean(error);
@@ -235515,7 +236489,7 @@ function AgentAuditLogView({ tenantKey, mentorId, userId, selectedMentorId, curr
     }, [data === null || data === void 0 ? void 0 : data.results]);
     const is403 = error && 'status' in error && error.status === 403;
     if (is403) {
-        return (jsx(Card, { className: "bg-white rounded-lg border border-gray-100 shadow-sm", children: jsx(CardContent, { className: "p-8 text-center", children: jsx("p", { className: "text-gray-500", children: t('analyticsAnalyticsAuditLogStats.noPermission') }) }) }));
+        return (jsx(Card$1, { className: "bg-white rounded-lg border border-gray-100 shadow-sm", children: jsx(CardContent, { className: "p-8 text-center", children: jsx("p", { className: "text-gray-500", children: t('analyticsAnalyticsAuditLogStats.noPermission') }) }) }));
     }
     return (jsxs("div", { className: "space-y-6", children: [jsx("div", { className: "border border-[oklch(0.922_0_0)] rounded-lg p-4 bg-white", children: jsxs("div", { className: "flex flex-col lg:flex-row gap-3", children: [jsx("div", { className: "relative flex-1 min-w-[200px]", children: jsxs(Popover, { open: actorOpen, onOpenChange: setActorOpen, children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", role: "combobox", "aria-expanded": actorOpen, "aria-label": t('analyticsAnalyticsAuditLogStats.searchForUser'), className: "w-full justify-between font-normal bg-white h-9", children: [actorFilter || t('analyticsAnalyticsAuditLogStats.searchForUser'), jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), jsx(PopoverContent, { className: "w-full p-0", align: "start", portalled: false, children: jsxs(Command, { children: [jsx(CommandInput, { placeholder: t('analyticsAnalyticsAuditLogStats.searchUserPlaceholder') }), jsxs(CommandList, { children: [jsx(CommandEmpty, { children: t('analyticsAnalyticsAuditLogStats.noUsersFound') }), jsxs(CommandGroup, { children: [jsxs(CommandItem, { value: "", onSelect: () => {
                                                                         setActorFilter('');
@@ -235839,7 +236813,7 @@ function AnalyticsMemoryStats({ tenantKey, mentorId, userId, selectedMentorId, m
     // themselves are that agent's — see `useMemory`.
     const showCategoryFilter = scope === 'mentor' && categories.length > 0;
     if (isForbidden) {
-        return (jsx(Card, { className: "rounded-lg border border-gray-100 bg-white shadow-sm", children: jsx(CardContent, { className: "p-8 text-center", children: jsx("p", { className: "text-gray-500", children: t('analyticsAnalyticsMemoryStats.noPermission') }) }) }));
+        return (jsx(Card$1, { className: "rounded-lg border border-gray-100 bg-white shadow-sm", children: jsx(CardContent, { className: "p-8 text-center", children: jsx("p", { className: "text-gray-500", children: t('analyticsAnalyticsMemoryStats.noPermission') }) }) }));
     }
     return (jsxs("div", { className: "space-y-6", children: [jsx("div", { className: "rounded-lg border border-[oklch(0.922_0_0)] bg-white p-4", children: jsxs("div", { className: "flex flex-col gap-3 lg:flex-row", children: [jsx("div", { className: "min-w-[160px]", children: jsxs(Select$1, { value: scope, onValueChange: (value) => setScope(value), children: [jsx(SelectTrigger, { className: "h-9 w-full bg-white font-normal", "aria-label": t('analyticsAnalyticsMemoryStats.scopeLabel'), children: jsx(SelectValue, {}) }), jsx(SelectContent, { children: availableScopes.map((value) => (jsx(SelectItem, { value: value, children: scopeLabels[value] }, value))) })] }) }), jsx("div", { className: "min-w-[200px] flex-1", children: jsx(UserFilterSelect, { tenantKey: tenantKey, currentUsername: userId, value: learnerFilter, onChange: setLearnerFilter }) }), scope === 'global' && (jsx("form", { className: "min-w-[180px] flex-1", onSubmit: (event) => {
                                 event.preventDefault();
@@ -240404,7 +241378,7 @@ function AppleRestrictionModal({ isOpen, onClose }) {
 
 function Version({ appName, appVersion, poweredBy, }) {
     const t = useT();
-    return (jsx("div", { className: "min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-500 to-blue-200 p-4", children: jsx(Card, { className: "w-full max-w-md shadow-xl rounded-2xl border border-gray-300", children: jsxs(CardContent, { className: "p-6 text-center items-center", children: [jsxs("div", { className: "flex items-center justify-center gap-2 text-gray-700", children: [jsx(Terminal, { className: "w-6 h-6 text-primary" }), jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: t('version.appTitle', { appName }) })] }), jsx(Separator, { className: "my-4" }), jsx("p", { className: "text-sm text-muted-foreground mb-2", children: t('version.currentVersion') }), jsx(Badge, { className: "text-base px-4 py-1 hover:bg-green-700 hover:text-white rounded-full bg-green-100 text-green-700", children: appVersion }), jsx("div", { className: "w-full text-center mt-auto py-4", children: jsx("div", { className: "flex items-end justify-center text-sm text-gray-500", children: jsxs("span", { className: "flex items-end h-6 text-xs", children: [t('version.poweredBy'), poweredBy, t('version.inNewYork')] }) }) })] }) }) }));
+    return (jsx("div", { className: "min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-500 to-blue-200 p-4", children: jsx(Card$1, { className: "w-full max-w-md shadow-xl rounded-2xl border border-gray-300", children: jsxs(CardContent, { className: "p-6 text-center items-center", children: [jsxs("div", { className: "flex items-center justify-center gap-2 text-gray-700", children: [jsx(Terminal, { className: "w-6 h-6 text-primary" }), jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: t('version.appTitle', { appName }) })] }), jsx(Separator, { className: "my-4" }), jsx("p", { className: "text-sm text-muted-foreground mb-2", children: t('version.currentVersion') }), jsx(Badge, { className: "text-base px-4 py-1 hover:bg-green-700 hover:text-white rounded-full bg-green-100 text-green-700", children: appVersion }), jsx("div", { className: "w-full text-center mt-auto py-4", children: jsx("div", { className: "flex items-end justify-center text-sm text-gray-500", children: jsxs("span", { className: "flex items-end h-6 text-xs", children: [t('version.poweredBy'), poweredBy, t('version.inNewYork')] }) }) })] }) }) }));
 }
 
 const iconMap = {
@@ -240989,7 +241963,7 @@ function ProjectsPage({ tenantKey, username, onOpenProject, navigateToMentorInPr
     if (error) {
         return (jsx("div", { className: "flex h-full items-center justify-center", children: jsxs("div", { className: "text-center", children: [jsx(CircleAlert, { className: "mx-auto mb-4 h-12 w-12 text-red-500" }), jsx("p", { className: "text-gray-600", children: t('projectsProjectsPage.failedToLoadProjects') })] }) }));
     }
-    return (jsxs("div", { className: "flex h-full overflow-hidden", children: [jsx("div", { className: "scrollbar-hide flex-1 overflow-y-auto", children: jsxs("div", { className: "mx-auto max-w-[920px] px-3 py-6 md:px-6 md:py-8", children: [jsxs("div", { className: "mb-6", children: [jsx("h1", { className: "mb-2 text-2xl font-semibold text-gray-700", children: t('projectsProjectsPage.heading') }), jsx("p", { className: "text-sm text-gray-600", children: t('projectsProjectsPage.subheading') })] }), jsxs("div", { className: "mb-6 flex flex-col gap-4 sm:flex-row", children: [jsxs("div", { className: "relative flex-1", children: [jsx(Search, { className: "absolute top-1/2 left-4 h-5 w-5 -translate-y-1/2 transform text-gray-400" }), jsx(Input, { placeholder: t('projectsProjectsPage.searchPlaceholder'), value: searchValue, onChange: (e) => setSearchValue(e.target.value), className: `w-full rounded-lg border-gray-300 py-3 pl-12 text-base focus:border-blue-500 focus:ring-2 focus:ring-blue-500 ${isSearching ? 'pr-11' : 'pr-4'}` }), isSearching && (jsx(LoaderCircle, { role: "status", "aria-label": t('projectsProjectsPage.searching'), className: "absolute top-1/2 right-4 h-5 w-5 -translate-y-1/2 transform animate-spin text-blue-500" }))] }), jsxs(Button$1, { className: "rounded-lg bg-gradient-to-r from-[#38A1E5] to-[#7284FF] px-6 py-3 whitespace-nowrap text-white hover:from-[#2E8BD1] hover:to-[#5F6FE8]", onClick: () => executeWithTrialCheck(() => setIsCreateModalOpen(true)), children: [jsx(Plus, { className: "mr-2 h-5 w-5" }), t('projectsProjectsPage.newProject')] })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-12", children: jsx(LoaderCircle, { className: "h-8 w-8 animate-spin text-gray-400" }) })) : (jsxs(Fragment$1, { children: [jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: projects.map((project) => (jsx(Card, { className: "cursor-pointer rounded-lg border border-[#D0E0FF] bg-[#F5F8FF] transition-shadow hover:shadow-md", onClick: () => executeWithTrialCheck(() => onOpenProject(project)), children: jsxs(CardContent, { className: "p-6", children: [jsxs("div", { className: "mb-3 flex items-start justify-between gap-2", children: [jsx("h3", { className: "text-base font-semibold text-gray-900", children: project.name }), jsxs(DropdownMenu, { modal: false, children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(Button$1, { variant: "ghost", size: "icon", className: "h-7 w-7 flex-shrink-0 text-gray-500 hover:bg-[#c9d8f8]", "aria-label": t('projectsProjectsPage.projectActions'), onClick: (e) => e.stopPropagation(), children: jsx(EllipsisVertical, { className: "h-4 w-4" }) }) }), jsxs(DropdownMenuContent, { align: "end", onClick: (e) => e.stopPropagation(), children: [jsxs(DropdownMenuItem, { onClick: (e) => {
+    return (jsxs("div", { className: "flex h-full overflow-hidden", children: [jsx("div", { className: "scrollbar-hide flex-1 overflow-y-auto", children: jsxs("div", { className: "mx-auto max-w-[920px] px-3 py-6 md:px-6 md:py-8", children: [jsxs("div", { className: "mb-6", children: [jsx("h1", { className: "mb-2 text-2xl font-semibold text-gray-700", children: t('projectsProjectsPage.heading') }), jsx("p", { className: "text-sm text-gray-600", children: t('projectsProjectsPage.subheading') })] }), jsxs("div", { className: "mb-6 flex flex-col gap-4 sm:flex-row", children: [jsxs("div", { className: "relative flex-1", children: [jsx(Search, { className: "absolute top-1/2 left-4 h-5 w-5 -translate-y-1/2 transform text-gray-400" }), jsx(Input, { placeholder: t('projectsProjectsPage.searchPlaceholder'), value: searchValue, onChange: (e) => setSearchValue(e.target.value), className: `w-full rounded-lg border-gray-300 py-3 pl-12 text-base focus:border-blue-500 focus:ring-2 focus:ring-blue-500 ${isSearching ? 'pr-11' : 'pr-4'}` }), isSearching && (jsx(LoaderCircle, { role: "status", "aria-label": t('projectsProjectsPage.searching'), className: "absolute top-1/2 right-4 h-5 w-5 -translate-y-1/2 transform animate-spin text-blue-500" }))] }), jsxs(Button$1, { className: "rounded-lg bg-gradient-to-r from-[#38A1E5] to-[#7284FF] px-6 py-3 whitespace-nowrap text-white hover:from-[#2E8BD1] hover:to-[#5F6FE8]", onClick: () => executeWithTrialCheck(() => setIsCreateModalOpen(true)), children: [jsx(Plus, { className: "mr-2 h-5 w-5" }), t('projectsProjectsPage.newProject')] })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-12", children: jsx(LoaderCircle, { className: "h-8 w-8 animate-spin text-gray-400" }) })) : (jsxs(Fragment$1, { children: [jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: projects.map((project) => (jsx(Card$1, { className: "cursor-pointer rounded-lg border border-[#D0E0FF] bg-[#F5F8FF] transition-shadow hover:shadow-md", onClick: () => executeWithTrialCheck(() => onOpenProject(project)), children: jsxs(CardContent, { className: "p-6", children: [jsxs("div", { className: "mb-3 flex items-start justify-between gap-2", children: [jsx("h3", { className: "text-base font-semibold text-gray-900", children: project.name }), jsxs(DropdownMenu, { modal: false, children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(Button$1, { variant: "ghost", size: "icon", className: "h-7 w-7 flex-shrink-0 text-gray-500 hover:bg-[#c9d8f8]", "aria-label": t('projectsProjectsPage.projectActions'), onClick: (e) => e.stopPropagation(), children: jsx(EllipsisVertical, { className: "h-4 w-4" }) }) }), jsxs(DropdownMenuContent, { align: "end", onClick: (e) => e.stopPropagation(), children: [jsxs(DropdownMenuItem, { onClick: (e) => {
                                                                                 e.stopPropagation();
                                                                                 executeWithTrialCheck(() => handleRenameProject(String(project.id), project.name));
                                                                             }, children: [jsx(Pencil, { className: "mr-2 h-4 w-4" }), t('projectsProjectsPage.rename')] }), jsxs(DropdownMenuItem, { onClick: (e) => {
@@ -243779,7 +244753,7 @@ function useWebsiteCrawlerResource(resource) {
 function WebsiteCrawlModal({ resource }) {
     const t = useT();
     const { form, handleCheckUrlIsValid, crawlerMatchPatterns, setCrawlerMatchPatterns } = useWebsiteCrawlerResource(resource);
-    return (jsxs(Card, { className: "mx-auto w-full max-w-2xl", role: "dialog", "aria-labelledby": "crawler-title", "aria-describedby": "crawler-description", children: [jsxs(CardHeader, { children: [jsx(CardTitle, { id: "crawler-title", className: "text-md font-semibold text-gray-600", children: t('resourceModalWebsiteCrawlModal.title') }), jsx("p", { id: "crawler-description", className: "text-muted-foreground text-sm", children: t('resourceModalWebsiteCrawlModal.description') })] }), jsx(CardContent, { children: jsx("form", { className: "space-y-4", onSubmit: (e) => {
+    return (jsxs(Card$1, { className: "mx-auto w-full max-w-2xl", role: "dialog", "aria-labelledby": "crawler-title", "aria-describedby": "crawler-description", children: [jsxs(CardHeader, { children: [jsx(CardTitle, { id: "crawler-title", className: "text-md font-semibold text-gray-600", children: t('resourceModalWebsiteCrawlModal.title') }), jsx("p", { id: "crawler-description", className: "text-muted-foreground text-sm", children: t('resourceModalWebsiteCrawlModal.description') })] }), jsx(CardContent, { children: jsx("form", { className: "space-y-4", onSubmit: (e) => {
                         e.preventDefault();
                         e.stopPropagation();
                         form.handleSubmit();
@@ -247006,7 +247980,7 @@ function PromptCard({ prompt, onEdit, onSelect, title, tenantKey, userIsStudent
             onSelect(prompt.prompt);
         }
     };
-    return (jsxs(Fragment$1, { children: [jsx(Card, { className: "overflow-hidden border-0 bg-[#F8F8F8] transition-shadow hover:shadow-md", children: jsxs(CardContent, { className: "h-full p-4", children: [jsxs("div", { className: "mb-5 flex flex-1 items-start gap-2", children: [jsx(MessageSquare, { className: "mt-1 h-4 w-4 flex-shrink-0 text-gray-400" }), jsxs("div", { className: "flex-1", children: [jsx("h3", { className: "text-sm font-medium text-gray-600", children: title }), jsx(Markdown, { className: "mt-1 line-clamp-4 text-sm text-gray-500", children: parsePrompt(prompt.prompt) })] })] }), jsxs("div", { className: "flex flex-wrap justify-start gap-2", children: [!userIsStudent && (jsxs(Button$1, { variant: "outline", size: "sm", className: "flex h-7 items-center border-gray-200 px-3 text-xs font-normal text-gray-600", onClick: handleEdit, disabled: isDeleting, children: [jsx(SquarePen, { className: "mr-1.5 h-3 w-3" }), t('promptGalleryModalPromptCard.edit')] })), jsxs(Button$1, { variant: "outline", size: "sm", className: "flex h-7 items-center border-gray-200 px-3 text-xs font-normal text-gray-600", onClick: () => executeWithTrialCheck(handleRun), disabled: isDeleting, children: [jsx(Play, { className: "mr-1.5 h-3 w-3" }), t('promptGalleryModalPromptCard.run')] }), jsx(Button$1, { variant: "outline", size: "sm", className: "flex h-7 items-center border-gray-200 px-3 text-xs font-normal text-gray-600", onClick: () => copy(prompt.prompt), disabled: isDeleting, children: status === 'success' ? (jsxs(Fragment$1, { children: [jsx(Check, { className: "mr-1.5 h-3 w-3" }), " ", t('promptGalleryModalPromptCard.copied')] })) : (jsxs(Fragment$1, { children: [jsx(Copy, { className: "mr-1.5 h-3 w-3" }), " ", t('promptGalleryModalPromptCard.copy')] })) }), !userIsStudent && (jsxs(Button$1, { variant: "outline", size: "sm", className: "flex h-7 items-center border-gray-200 px-3 text-xs font-normal text-gray-600 hover:text-gray-600", onClick: () => executeWithTrialCheck(handleDelete), disabled: isDeleting, children: [jsx(DeleteIcon, { className: cn('mr-1.5 h-3 w-3', isDeleting && 'animate-spin') }), t('promptGalleryModalPromptCard.delete')] }))] })] }) }), isModalOpen && FreeTrialDialog && (jsx(FreeTrialDialog, { onClose: closeModal, isOpen: isModalOpen }))] }));
+    return (jsxs(Fragment$1, { children: [jsx(Card$1, { className: "overflow-hidden border-0 bg-[#F8F8F8] transition-shadow hover:shadow-md", children: jsxs(CardContent, { className: "h-full p-4", children: [jsxs("div", { className: "mb-5 flex flex-1 items-start gap-2", children: [jsx(MessageSquare, { className: "mt-1 h-4 w-4 flex-shrink-0 text-gray-400" }), jsxs("div", { className: "flex-1", children: [jsx("h3", { className: "text-sm font-medium text-gray-600", children: title }), jsx(Markdown, { className: "mt-1 line-clamp-4 text-sm text-gray-500", children: parsePrompt(prompt.prompt) })] })] }), jsxs("div", { className: "flex flex-wrap justify-start gap-2", children: [!userIsStudent && (jsxs(Button$1, { variant: "outline", size: "sm", className: "flex h-7 items-center border-gray-200 px-3 text-xs font-normal text-gray-600", onClick: handleEdit, disabled: isDeleting, children: [jsx(SquarePen, { className: "mr-1.5 h-3 w-3" }), t('promptGalleryModalPromptCard.edit')] })), jsxs(Button$1, { variant: "outline", size: "sm", className: "flex h-7 items-center border-gray-200 px-3 text-xs font-normal text-gray-600", onClick: () => executeWithTrialCheck(handleRun), disabled: isDeleting, children: [jsx(Play, { className: "mr-1.5 h-3 w-3" }), t('promptGalleryModalPromptCard.run')] }), jsx(Button$1, { variant: "outline", size: "sm", className: "flex h-7 items-center border-gray-200 px-3 text-xs font-normal text-gray-600", onClick: () => copy(prompt.prompt), disabled: isDeleting, children: status === 'success' ? (jsxs(Fragment$1, { children: [jsx(Check, { className: "mr-1.5 h-3 w-3" }), " ", t('promptGalleryModalPromptCard.copied')] })) : (jsxs(Fragment$1, { children: [jsx(Copy, { className: "mr-1.5 h-3 w-3" }), " ", t('promptGalleryModalPromptCard.copy')] })) }), !userIsStudent && (jsxs(Button$1, { variant: "outline", size: "sm", className: "flex h-7 items-center border-gray-200 px-3 text-xs font-normal text-gray-600 hover:text-gray-600", onClick: () => executeWithTrialCheck(handleDelete), disabled: isDeleting, children: [jsx(DeleteIcon, { className: cn('mr-1.5 h-3 w-3', isDeleting && 'animate-spin') }), t('promptGalleryModalPromptCard.delete')] }))] })] }) }), isModalOpen && FreeTrialDialog && (jsx(FreeTrialDialog, { onClose: closeModal, isOpen: isModalOpen }))] }));
 }
 
 function EmptyPrompts() {