@iblai/iblai-js 2.4.4 → 2.4.5

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

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useState, useEffect, forwardRef, createElement as createElement$3, useLayoutEffect, createContext, useContext, useMemo, useReducer, useRef, useImperativeHandle, useCallback, isValidElement, Children, PureComponent, cloneElement, Component as Component$1, useId as useId$2, useDebugValue, lazy, Suspense } from 'react';
 import * as dataLayer from '@iblai/data-layer';
-import { useGetUserMetadataQuery, useGetUserMetadataEdxQuery, useUpdateUserMetadataMutation, useUpdateUserMetadataEdxMutation, useUploadProfileImageMutation, useResetPasswordMutation, useSelfRetireMutation, useCreateUserInstitutionMutation, useGetUserInstitutionsQuery, useCreateUserEducationMutation, useUpdateUserEducationMutation, useDeleteUserEducationMutation, useGetUserEducationQuery, useCreateUserCompanyMutation, useGetUserCompaniesQuery, useCreateUserExperienceMutation, useUpdateUserExperienceMutation, useDeleteUserExperienceMutation, useGetUserExperienceQuery, useGetUserResumeQuery, useCreateUserResumeMutation, useGetMySubscriptionsQuery, useGetItemSubscriptionQuery, useCancelSubscriptionMutation, useGetLearnerDetailsQuery, useGetUserEnrolledCoursesQuery, useGetUserEnrolledProgramsQuery, useGetUserCatalogPathwaysQuery, useGetUsersAsAssertionsQuery, useGetUserEarnedSkillsQuery, useGetUserReportedSkillsQuery, useGetUserDesiredSkillsQuery, useCreateGlobalMemoryMutation, useGetMemsearchStatusQuery, useGetUserMemorySettingsQuery, useUpdateUserMemorySettingsMutation, useGetGlobalMemoriesQuery, useGetAllMentorMemoriesQuery, useDeleteGlobalMemoryMutation, useInviteUserMutation, usePlatformInvitationsQuery, useCreateCatalogInvitationCourseBulkMutation, useGetCatalogInvitationsCourseQuery, useLazyPlatformUsersQuery, useLazyPlatformUserGroupsQuery, useGetPersonnalizedSearchQuery, useCreateCatalogInvitationProgramBulkMutation, useGetCatalogInvitationsProgramQuery, useUpdateUserRoleMutation, useUpdateUserStatusMutation, useUpdatePlatformUserRoleWithPoliciesMutation, usePlatformUsersQuery, useGetAccessibleUsersQuery, isPoliciesResponse, platformApiSlice, featureTags, useLazyGetRbacTeamsAccessListQuery, useCreateRbacTeamsAccessMutation, useGetRbacGroupsQuery, usePlatformUserGroupsQuery, useCreateRbacGroupMutation, useUpdateRbacGroupMutation, useDeleteRbacGroupMutation, useCreatePlatformUserGroupMutation, useUpdatePlatformUserGroupMutation, useDeletePlatformUserGroupMutation, useGetRbacGroupDetailsQuery, useGetPlatformUserGroupDetailsQuery, useGetRbacPermissionsMutation, useGetRbacRolesQuery, useCreateRbacRoleMutation, useUpdateRbacRoleMutation, useDeleteRbacRoleMutation, useGetRbacRoleDetailsQuery, useGetRbacActionsDefinitionQuery, useGetRbacResourceDiscoveryQuery, useGetRbacResourceListQuery, useGetRbacPoliciesQuery, useCreateRbacPolicyMutation, useUpdateRbacPolicyMutation, useDeleteRbacPolicyMutation, useGetRbacPolicyDetailsQuery, useGetWatchedGroupsQuery, useCreateWatchedGroupMutation, useUpdateWatchedGroupMutation, useDeleteWatchedGroupMutation, useAddWatchedUserMutation, useRemoveWatchedUserMutation, useAddWatcherMutation, useUpdateWatcherMutation, useDeleteWatcherMutation, useGetWatchedUsersQuery, useGetWatchersQuery, WATCHER_NOTIFICATION_EVENTS, WATCHER_NOTIFICATION_EVENT_LABELS, useGetApplicationFormsQuery, useGetApplicationFormDetailQuery, useCreateApplicationFormMutation, useUpdateApplicationFormMutation, useGetApplicationAdminDetailQuery, useInviteApplicationCandidateMutation, useLazyGetApplicationAttachmentFileQuery, useCreateApplicationWaiverMutation, useDeleteApplicationWaiverMutation, useSubmitApplicationOverrideMutation, useUpdateApplicationPlacementMutation, useDeleteApplicationCourseAssignmentMutation, useCreateApplicationNoteMutation, useUpdateApplicationNoteMutation, useDeleteApplicationNoteMutation, useTransitionApplicationMutation, useLinkApplicationCandidateMutation, useCreateApplicationPlacementsMutation, useGetCustomMentorsQuery, useCreateApplicationCourseAssignmentsMutation, useGetApplicationBlocksQuery, useDeleteApplicationBlockMutation, useGetApplicationsPipelineStatsQuery, useGetApplicationsPipelineQuery, useDeleteApiKeyMutation, useGetApiKeyQuery, useGetApiKeyFieldPermissionsQuery, useUpdateApiKeyMutation, useGetApiKeysQuery, unwrapApiTokenList, useCreateApiKeyMutation, useCreateLLMCredentialMutation, useGetCredentialsSchemaQuery, useGetMaskedLLMCredentialsQuery, useGetLlmsQuery, useDeleteIntegrationCredentialMutation, useDeleteCredentialMutation, useCreateIntegrationCredentialMutation, useGetIntegrationCredentialsSchemaQuery, useGetMaskedIntegrationCredentialsQuery, useGetAccountBillingInfoQuery, useUpdateAutoRechargeInfoMutation, useTriggerAutoRechargeMutation, useCreateStripeCustomerPortalMutation, useSetPlatformConfigurationsMutation, useGetPlatformConfigurationsQuery, useUpdatePlatformMembershipMutation, useGetPlatformMembershipQuery, useGetCustomDomainsQuery, useCreateCustomDomainMutation, useDeleteCustomDomainMutation, useGetStudentMentorCreationStatusQuery, useSetStudentMentorCreationStatusMutation, coreApiSlice, recommendationPromptTypeEnum, useGetRecommendedPromptsListQuery, useCreateRecommendedPromptMutation, useUpdateRecommendedPromptMutation, useDeleteRecommendedPromptMutation, useLazyGetPublicPlatformImageAssetFileUrlQuery, useUpdateTenantMetadataMutation, useCreatePlatformImageAssetMutation, useGetProviderConfigQuery, useCreateProviderConfigMutation, useDeleteProviderConfigMutation, useGetExternalMappingQuery, useGetCredentialsListQuery, useCreateExternalMappingMutation, useDeleteExternalMappingMutation, useGetMemsearchConfigQuery, useUpdateMemsearchConfigMutation, useGetStripeConnectStatusQuery, useStartStripeConnectOnboardingMutation, useLazyGetStripeConnectDashboardQuery, useGetAiSearchMentorsQuery, useListPaywallsQuery, useListPricesQuery, useCreatePriceMutation, useUpdatePriceMutation, useDeletePriceMutation, useGetPaywallConfigQuery, useEnablePaywallMutation, useUpdatePaywallMutation, useStarMentorMutation, useUnstarMentorMutation, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useGetAgentSkillResourcesQuery, useCreateAgentSkillResourceMutation, useUpdateAgentSkillResourceMutation, useUploadAgentSkillResourceAssetMutation, useDeleteAgentSkillResourceMutation, useGetAgentSkillsQuery, useGetMentorSkillAssignmentsQuery, useCreateMentorSkillAssignmentMutation, useUpdateMentorSkillAssignmentMutation, useDeleteMentorSkillAssignmentMutation, useCreateAgentSkillMutation, useUpdateAgentSkillMutation, useDeleteAgentSkillMutation, resolveEffectiveAgentSkills, filterSlashSkills, useGetMentorSkillAssignmentsInfiniteQuery, MENTOR_SKILL_ASSIGNMENTS_PAGE_SIZE, useUpdateUserProjectMutation, useGetTrainingDocumentsQuery, useGetVectorDocumentsQuery, useGetMentorMemoriesListQuery, useGetMemoryCategoriesAdminQuery, useDeleteMentorMemoryMutation, useUpdateMentorMemoryMutation, useCreateMentorMemoryMutation, useLazyGetConnectedServiceAuthUrlQuery, useCreateUserProjectMutation, useDeleteUserProjectMutation, useGetUserProjectDetailsQuery, useEditTrainingDocumentMutation, useAddTrainingDocumentMutation, useLazyGetCredentialsQuery, useGetMentorSettingsQuery, useEditMentorMutation, useUploadLightLogoMutation, useUploadDarkLogoMutation, useUpdatePlatformInfoMutation, LOGO_ENDPOINTS, useCreateEvalDatasetMutation, useAddEvalDatasetItemsMutation, useUploadEvalDatasetCsvMutation, useDeleteEvalDatasetItemMutation, useListEvalDatasetItemsQuery, evalTotalPages, useListEvalDatasetsQuery, useGetUserProjectsQuery, useCreateSessionIdMutation, useGetMentorCategoriesQuery, useGetTenantChatPrivacyConfigQuery as useGetTenantChatPrivacyConfigQuery$1, useGetCallConfigurationsQuery, useCreateCallConfigurationMutation, useUpdateCallConfigurationMutation, chatPrivacyApiSlice, useDeleteMentorMutation, useForkMentorMutation, useGetToolsQuery, useLazyGetMCPServersQuery, useOauthFindMutation, useLazyStartOAuthFlowQuery, useCreateMCPServerMutation, usePartialUpdateMCPServerMutation, useCreateMCPServerConnectionMutation, usePatchMCPServerConnectionMutation, useGetConnectedServicesQuery, useGetMCPServersQuery, useGetMCPServerConnectionsQuery, useUpdateMCPServerMutation, useDeleteMCPServerMutation, useEditMentorJsonMutation, useDisconnectServiceMutation, useGetPromptCategoriesQuery, PRIVACY_ACTIONS, PRIVACY_ENTITY_TYPES, useGetVoicesQuery, useGetVoiceQuery, isBaseAgentMentor, useGetGradeResultQuery, useOverrideGradeResultMutation, useGetChatHistoryFilterQuery, useListGradeResultsQuery, useGetMentorGraderConfigurationQuery, useListGraderCriteriaQuery, useCreateMentorGraderConfigurationMutation, useUpdateMentorGraderConfigurationMutation, useCreateGraderCriterionMutation, useUpdateGraderCriterionMutation, useDeleteGraderCriterionMutation, useGetMentorPublicSettingsQuery, useGetChatHistoryQuery, useGetMentorSummariesQuery, useGetConversationMemoriesQuery, useGetSupportTicketsQuery, useGetSupportTicketMessagesQuery, useCreateSupportTicketMessageMutation, usePatchSupportTicketMutation, useCloseSupportTicketMutation, useCreateLtiMentorMutation, useUpdateLtiMentorMutation, useGetLtiMentorsQuery, useCreateLtiKeyMutation, useUpdateLtiKeyMutation, useDeleteLtiKeyMutation, useGetLtiKeysQuery, useCreateLtiToolMutation, useUpdateLtiToolMutation, useGetLtiToolsQuery, useGetPlatformInfoQuery, useCreatePromptMutation, useGetPromptsSearchQuery, useUpdatePromptMutation, useCreateRedirectTokenMutation, useGetShareableLinkQuery, useCreateShareableLinkMutation, useUpdateShareableLinkMutation, useCreateDisclaimerMutation, useUpdateDisclaimerMutation, useGetDisclaimersQuery, useUpdateRbacMentorAccessMutation, useGetRbacMentorAccessListQuery, useStartEvalRunMutation, useEvaluateEvalRunMutation, useGetEvalRunQuery, useDeleteEvalScoreMutation, useListEvalRunJudgesQuery, useCreateEvalScoreMutation, useDeleteEvalRunMutation, useExportEvalRunMutation, useListEvalRunsQuery, useLazyGetEvalRunQuery, evaluationsApiSlice, EVALUATIONS_TAGS, useGetPersonnalizedMentorsQuery, useCreateCallCredentialsMutation, useGetGuidedPromptsQuery, useUpdateChatSessionSharedMutation, useUpdateMessageFeedbackMutation, useLazyGetPromptsSearchQuery, useLazyGetGuidedPromptsQuery, useGetPublicMentorsQuery, useGetPeriodicAgentsQuery, useGetPeriodicAgentLogsListQuery, useCreatePeriodicAgentMutation, useDeletePeriodicAgentMutation, useDeletePromptMutation, useDeleteTrainingDocumentMutation, useGetTrainingDocumentRetrainScheduleQuery, useCreateTrainingDocumentRetrainScheduleMutation, useCreateMemoryCategoryMutation, useUpdateMemoryCategoryMutation, useDeleteMemoryCategoryMutation, useUpdateArtifactMutation, useLazyGetArtifactVersionQuery, useLazyListArtifactVersionsQuery, useSetCurrentVersionMutation, useListArtifactVersionsQuery, useLazyGetArtifactQuery, useLazyListArtifactsQuery, useEditSessionMutation } from '@iblai/data-layer';
+import { useGetUserMetadataQuery, useGetUserMetadataEdxQuery, useUpdateUserMetadataMutation, useUpdateUserMetadataEdxMutation, useUploadProfileImageMutation, useResetPasswordMutation, useSelfRetireMutation, useCreateUserInstitutionMutation, useGetUserInstitutionsQuery, useCreateUserEducationMutation, useUpdateUserEducationMutation, useDeleteUserEducationMutation, useGetUserEducationQuery, useCreateUserCompanyMutation, useGetUserCompaniesQuery, useCreateUserExperienceMutation, useUpdateUserExperienceMutation, useDeleteUserExperienceMutation, useGetUserExperienceQuery, useGetUserResumeQuery, useCreateUserResumeMutation, useGetMySubscriptionsQuery, useGetItemSubscriptionQuery, useCancelSubscriptionMutation, useGetLearnerDetailsQuery, useGetUserEnrolledCoursesQuery, useGetUserEnrolledProgramsQuery, useGetUserCatalogPathwaysQuery, useGetUsersAsAssertionsQuery, useGetUserEarnedSkillsQuery, useGetUserReportedSkillsQuery, useGetUserDesiredSkillsQuery, useCreateGlobalMemoryMutation, useGetMemsearchStatusQuery, useGetUserMemorySettingsQuery, useUpdateUserMemorySettingsMutation, useGetGlobalMemoriesQuery, useGetAllMentorMemoriesQuery, useDeleteGlobalMemoryMutation, useInviteUserMutation, usePlatformInvitationsQuery, useCreateCatalogInvitationCourseBulkMutation, useGetCatalogInvitationsCourseQuery, useLazyPlatformUsersQuery, useLazyPlatformUserGroupsQuery, useGetPersonnalizedSearchQuery, useCreateCatalogInvitationProgramBulkMutation, useGetCatalogInvitationsProgramQuery, useUpdateUserRoleMutation, useUpdateUserStatusMutation, useUpdatePlatformUserRoleWithPoliciesMutation, usePlatformUsersQuery, useGetAccessibleUsersQuery, isPoliciesResponse, platformApiSlice, featureTags, useLazyGetRbacTeamsAccessListQuery, useCreateRbacTeamsAccessMutation, useGetRbacGroupsQuery, usePlatformUserGroupsQuery, useCreateRbacGroupMutation, useUpdateRbacGroupMutation, useDeleteRbacGroupMutation, useCreatePlatformUserGroupMutation, useUpdatePlatformUserGroupMutation, useDeletePlatformUserGroupMutation, useGetRbacGroupDetailsQuery, useGetPlatformUserGroupDetailsQuery, useGetRbacPermissionsMutation, useGetRbacRolesQuery, useCreateRbacRoleMutation, useUpdateRbacRoleMutation, useDeleteRbacRoleMutation, useGetRbacRoleDetailsQuery, useGetRbacActionsDefinitionQuery, useGetRbacResourceDiscoveryQuery, useGetRbacResourceListQuery, useGetRbacPoliciesQuery, useCreateRbacPolicyMutation, useUpdateRbacPolicyMutation, useDeleteRbacPolicyMutation, useGetRbacPolicyDetailsQuery, useGetWatchedGroupsQuery, useCreateWatchedGroupMutation, useUpdateWatchedGroupMutation, useDeleteWatchedGroupMutation, useAddWatchedUserMutation, useRemoveWatchedUserMutation, useAddWatcherMutation, useUpdateWatcherMutation, useDeleteWatcherMutation, useGetWatchedUsersQuery, useGetWatchersQuery, WATCHER_NOTIFICATION_EVENTS, WATCHER_NOTIFICATION_EVENT_LABELS, useGetApplicationFormsQuery, useGetApplicationFormDetailQuery, useCreateApplicationFormMutation, useUpdateApplicationFormMutation, useGetApplicationAdminDetailQuery, useInviteApplicationCandidateMutation, useLazyGetApplicationAttachmentFileQuery, useCreateApplicationWaiverMutation, useDeleteApplicationWaiverMutation, useSubmitApplicationOverrideMutation, useUpdateApplicationPlacementMutation, useDeleteApplicationCourseAssignmentMutation, useCreateApplicationNoteMutation, useUpdateApplicationNoteMutation, useDeleteApplicationNoteMutation, useTransitionApplicationMutation, useLinkApplicationCandidateMutation, useCreateApplicationPlacementsMutation, useGetCustomMentorsQuery, useCreateApplicationCourseAssignmentsMutation, useGetApplicationBlocksQuery, useDeleteApplicationBlockMutation, useGetApplicationsPipelineStatsQuery, useGetApplicationsPipelineQuery, useDeleteApiKeyMutation, useGetApiKeyQuery, useGetApiKeyFieldPermissionsQuery, useUpdateApiKeyMutation, useGetApiKeysQuery, unwrapApiTokenList, useCreateApiKeyMutation, useCreateLLMCredentialMutation, useGetCredentialsSchemaQuery, useGetMaskedLLMCredentialsQuery, useGetLlmsQuery, useDeleteIntegrationCredentialMutation, useDeleteCredentialMutation, useCreateIntegrationCredentialMutation, useGetIntegrationCredentialsSchemaQuery, useGetMaskedIntegrationCredentialsQuery, useGetAccountBillingInfoQuery, useUpdateAutoRechargeInfoMutation, useTriggerAutoRechargeMutation, useGetAgentSpendCapQuery, useGetTenantSpendCapQuery, useListAgentUserSpendCapsQuery, useUpsertAgentSpendCapMutation, useDeleteAgentSpendCapMutation, useUpsertTenantSpendCapMutation, useDeleteTenantSpendCapMutation, useUpsertUserSpendCapMutation, useDeleteUserSpendCapMutation, useGetFinancialStatsQuery, useGetMentorsQuery, useListAgentSpendCapsQuery, useGetCreditTransactionsQuery, useCreateStripeCustomerPortalMutation, useSetPlatformConfigurationsMutation, useGetPlatformConfigurationsQuery, useUpdatePlatformMembershipMutation, useGetPlatformMembershipQuery, useGetCustomDomainsQuery, useCreateCustomDomainMutation, useDeleteCustomDomainMutation, useGetStudentMentorCreationStatusQuery, useSetStudentMentorCreationStatusMutation, coreApiSlice, recommendationPromptTypeEnum, useGetRecommendedPromptsListQuery, useCreateRecommendedPromptMutation, useUpdateRecommendedPromptMutation, useDeleteRecommendedPromptMutation, useLazyGetPublicPlatformImageAssetFileUrlQuery, useUpdateTenantMetadataMutation, useCreatePlatformImageAssetMutation, useGetProviderConfigQuery, useCreateProviderConfigMutation, useDeleteProviderConfigMutation, useGetExternalMappingQuery, useGetCredentialsListQuery, useCreateExternalMappingMutation, useDeleteExternalMappingMutation, useGetMemsearchConfigQuery, useUpdateMemsearchConfigMutation, useGetStripeConnectStatusQuery, useStartStripeConnectOnboardingMutation, useLazyGetStripeConnectDashboardQuery, useGetAiSearchMentorsQuery, useListPaywallsQuery, useListPricesQuery, useCreatePriceMutation, useUpdatePriceMutation, useDeletePriceMutation, useGetPaywallConfigQuery, useEnablePaywallMutation, useUpdatePaywallMutation, useStarMentorMutation, useUnstarMentorMutation, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useGetAgentSkillResourcesQuery, useCreateAgentSkillResourceMutation, useUpdateAgentSkillResourceMutation, useUploadAgentSkillResourceAssetMutation, useDeleteAgentSkillResourceMutation, useGetMentorSkillAssignmentsQuery, useGetAgentSkillsQuery, useCreateMentorSkillAssignmentMutation, useUpdateMentorSkillAssignmentMutation, useDeleteMentorSkillAssignmentMutation, useCreateAgentSkillMutation, useUpdateAgentSkillMutation, useDeleteAgentSkillMutation, filterSlashSkills, useGetMentorSkillAssignmentsInfiniteQuery, MENTOR_SKILL_ASSIGNMENTS_PAGE_SIZE, useUpdateUserProjectMutation, useGetTrainingDocumentsQuery, useGetVectorDocumentsQuery, useGetMentorMemoriesListQuery, useGetMemoryCategoriesAdminQuery, useDeleteMentorMemoryMutation, useUpdateMentorMemoryMutation, useCreateMentorMemoryMutation, useLazyGetConnectedServiceAuthUrlQuery, useCreateUserProjectMutation, useDeleteUserProjectMutation, useGetUserProjectDetailsQuery, useEditTrainingDocumentMutation, useAddTrainingDocumentMutation, useLazyGetCredentialsQuery, useGetMentorSettingsQuery, useEditMentorMutation, useUploadLightLogoMutation, useUploadDarkLogoMutation, useUpdatePlatformInfoMutation, LOGO_ENDPOINTS, useCreateEvalDatasetMutation, useAddEvalDatasetItemsMutation, useUploadEvalDatasetCsvMutation, useDeleteEvalDatasetItemMutation, useListEvalDatasetItemsQuery, evalTotalPages, useListEvalDatasetsQuery, useGetUserProjectsQuery, useCreateSessionIdMutation, useGetMentorCategoriesQuery, useGetTenantChatPrivacyConfigQuery as useGetTenantChatPrivacyConfigQuery$1, useGetCallConfigurationsQuery, useCreateCallConfigurationMutation, useUpdateCallConfigurationMutation, chatPrivacyApiSlice, useDeleteMentorMutation, useForkMentorMutation, useGetToolsQuery, useLazyGetMCPServersQuery, useOauthFindMutation, useLazyStartOAuthFlowQuery, useCreateMCPServerMutation, usePartialUpdateMCPServerMutation, useCreateMCPServerConnectionMutation, usePatchMCPServerConnectionMutation, useGetConnectedServicesQuery, useGetMCPServersQuery, useGetMCPServerConnectionsQuery, useUpdateMCPServerMutation, useDeleteMCPServerMutation, useEditMentorJsonMutation, useDisconnectServiceMutation, useGetPromptCategoriesQuery, PRIVACY_ACTIONS, PRIVACY_ENTITY_TYPES, useGetVoicesQuery, useGetVoiceQuery, isBaseAgentMentor, useGetGradeResultQuery, useOverrideGradeResultMutation, useGetChatHistoryFilterQuery, useListGradeResultsQuery, useGetMentorGraderConfigurationQuery, useListGraderCriteriaQuery, useCreateMentorGraderConfigurationMutation, useUpdateMentorGraderConfigurationMutation, useCreateGraderCriterionMutation, useUpdateGraderCriterionMutation, useDeleteGraderCriterionMutation, useGetSpendCapStatusQuery, useGetMentorPublicSettingsQuery, useGetChatHistoryQuery, useGetMentorSummariesQuery, useGetConversationMemoriesQuery, useGetSupportTicketsQuery, useGetSupportTicketMessagesQuery, useCreateSupportTicketMessageMutation, usePatchSupportTicketMutation, useCloseSupportTicketMutation, useCreateLtiMentorMutation, useUpdateLtiMentorMutation, useGetLtiMentorsQuery, useCreateLtiKeyMutation, useUpdateLtiKeyMutation, useDeleteLtiKeyMutation, useGetLtiKeysQuery, useCreateLtiToolMutation, useUpdateLtiToolMutation, useGetLtiToolsQuery, useGetPlatformInfoQuery, useCreatePromptMutation, useGetPromptsSearchQuery, useUpdatePromptMutation, useCreateRedirectTokenMutation, useGetShareableLinkQuery, useCreateShareableLinkMutation, useUpdateShareableLinkMutation, useCreateDisclaimerMutation, useUpdateDisclaimerMutation, useGetDisclaimersQuery, useUpdateRbacMentorAccessMutation, useGetRbacMentorAccessListQuery, useStartEvalRunMutation, useEvaluateEvalRunMutation, useGetEvalRunQuery, useDeleteEvalScoreMutation, useListEvalRunJudgesQuery, useCreateEvalScoreMutation, useDeleteEvalRunMutation, useExportEvalRunMutation, useListEvalRunsQuery, useLazyGetEvalRunQuery, evaluationsApiSlice, EVALUATIONS_TAGS, useGetPersonnalizedMentorsQuery, useCreateCallCredentialsMutation, useGetGuidedPromptsQuery, useUpdateChatSessionSharedMutation, useUpdateMessageFeedbackMutation, useLazyGetPromptsSearchQuery, useLazyGetGuidedPromptsQuery, useGetPublicMentorsQuery, useGetPeriodicAgentsQuery, useGetPeriodicAgentLogsListQuery, useCreatePeriodicAgentMutation, useDeletePeriodicAgentMutation, useDeletePromptMutation, useDeleteTrainingDocumentMutation, useGetTrainingDocumentRetrainScheduleQuery, useCreateTrainingDocumentRetrainScheduleMutation, useCreateMemoryCategoryMutation, useUpdateMemoryCategoryMutation, useDeleteMemoryCategoryMutation, useUpdateArtifactMutation, useLazyGetArtifactVersionQuery, useLazyListArtifactVersionsQuery, useSetCurrentVersionMutation, useListArtifactVersionsQuery, useLazyGetArtifactQuery, useLazyListArtifactsQuery, useEditSessionMutation } from '@iblai/data-layer';
 import { getInitials, useTenantMetadata, useCurrentTenant, selectRbacPermissions, isPureWatcher, WithPermissions, canWriteField, useStripeUpgrade, openExternalUrl, CHAT_AREA_SIZE, isAlphaNumeric32, checkRbacPermission, selectNumberOfActiveChatMessages, useUsername, selectStreaming, isLoggedIn, TOOLS, hasRemoteAiConfig, isSafariBrowser, useShowAttachment, useShowVoiceCall, useShowVoiceRecorder, useMentorSettings, selectShowingSharedChat, useShowFreeTrialDialog, useEmbedMode, chatInputSliceSelectors, useResponsive, useAccessingPublicRoute, useVisitingTenant, useModelFileUploadCapabilities, useChatFileUpload, useVoiceChat, selectAttachedFiles, MENTOR_CHAT_DOCUMENTS_EXTENSIONS, removeFile, chatInputSliceActions, chatActions, WithFormPermissions, useTenantContext, TimeTracker, advancedTabsProperties, defaultSessionIds, pickWritableFields, ANONYMOUS_USERNAME as ANONYMOUS_USERNAME$3, redirectToAuthSpaJoinTenant, selectActiveTab, useAxdToken, useWelcomeMessage, markdownToPlainText, useCachedSessionId, use402ErrorCheck, selectTokenEnabled, selectToken, useServiceWorker, useUserAgreement, useAdvancedChat, sendMessageToParentWebsite, useMentorTools, useFileDragDrop, eventBus, RemoteEvents, selectEnableChatActionsPopup, advancedTabs, isInIframe, getAuthSpaJoinUrl, addMessage, clearFiles, MENTOR_VISIBILITY } from '@iblai/web-utils';
 import { useDispatch, useSelector } from 'react-redux';
 import { toast } from 'sonner';
@@ -98333,7 +98333,13 @@ var chatIndex$3 = {
 	confirmScreenShareTitle: "Confirm Screen Sharing",
 	confirmScreenShareDescription: "Would you like to start a screen sharing with your agent?",
 	cancel: "Cancel",
-	confirm: "Confirm"
+	confirm: "Confirm",
+	spendCapLimitDay: "You've reached today's usage limit for this assistant.",
+	spendCapLimitWeek: "You've reached this week's usage limit for this assistant.",
+	spendCapLimitMonth: "You've reached this month's usage limit for this assistant.",
+	spendCapLimitYear: "You've reached this year's usage limit for this assistant.",
+	spendCapLimitGeneric: "You've reached the usage limit for this assistant.",
+	spendCapContactAdmin: "Please try again after the limit resets, or contact your administrator."
 };
 var chatInputForm$3 = {
 	uploadingOneFile: "Uploading 1 file...",
@@ -98536,6 +98542,8 @@ var clawSandboxAgentSkills$3 = {
 	fieldCategoryPlaceholder: "e.g. web, code, data",
 	privateToAgent: "Only This Agent",
 	privateToAgentHint: "Private skills are available to this agent only and take precedence over platform skills with the same slug.",
+	privateToOtherAgentHint: "This skill is private to another agent, so this setting cannot be changed here.",
+	privateToOtherAgentTooltip: "This skill is private to another agent and cannot be added here.",
 	instructionHint: "The playbook the agent follows when the skill is used. Edits apply immediately, including in conversations already in progress.",
 	filesHint: "Optional resources the agent can use with this skill. References and scripts are text files; assets are uploaded files.",
 	filesAfterCreateHint: "You can attach resources to this skill after creating it (reopen it with Edit).",
@@ -100353,7 +100361,8 @@ var profileBilling$3 = {
 	addCredits: "Add Credits",
 	manageBilling: "Manage Billing",
 	availableLabel: "Available",
-	creditsRemaining: "Credits remaining",
+	creditsUsdEquivalent: "≈ {amount}",
+	creditsConversionHint: "{credits} credits = $1",
 	creditsUnit: "{amount} Credits",
 	consumedLabel: "Consumed",
 	usedThisPeriod: "Used this period",
@@ -100365,10 +100374,17 @@ var profileBilling$3 = {
 	disabled: "Disabled",
 	manageUsage: "Manage Usage",
 	thresholdLabel: "Threshold",
+	thresholdHint: "When your available credits fall below this amount, a top-up starts automatically",
 	rechargeAmountLabel: "Recharge amount",
+	rechargeAmountHint: "Charged to your payment method and added to your credits with each top-up",
 	spendingLimitLabel: "Spending limit",
+	spendingLimitHint: "The most auto recharge can charge per billing period",
 	unlimited: "Unlimited",
-	autoRechargeDisabledMessage: "Auto recharge is currently disabled. Enable it to keep your balance topped up without interruption."
+	autoRechargeDisabledMessage: "Auto recharge is currently disabled. Enable it to keep your balance topped up without interruption.",
+	billingTabsAriaLabel: "Billing sections",
+	tabPlanAndCredits: "Plan & Credits",
+	tabSpendLimits: "Spend Limits",
+	tabAgentLimits: "Agent Limits"
 };
 var profileCatalogInviteModal$3 = {
 	title: "Catalog Invite",
@@ -101312,6 +101328,156 @@ var skillsProfileSkillsBox$3 = {
 	desired: "Desired",
 	noDesiredSkills: "You don't have any desired skills yet."
 };
+var spendCapUsage$3 = {
+	scopeTenant: "Workspace",
+	scopeAgent: "This agent",
+	scopeUserAgent: "Your usage on this agent",
+	intervalDay: "today",
+	intervalWeek: "this week",
+	intervalMonth: "this month",
+	intervalYear: "this year",
+	percentUsed: "{percent}% used",
+	blockedBanner: "The usage limit has been reached. New chats and training are paused until the period resets.",
+	warningBanner: "Usage is nearing its limit."
+};
+var spendCapsTabLabels$3 = {
+	header: {
+		title: "Billing",
+		description: "Set spend limits for this agent and its users, and see how much has been used."
+	},
+	capability: {
+		title: "Spend Limit",
+		description: "Put a ceiling on AI spend. While this limit is on, everything it covers counts toward the amount below — and when the limit is reached, you choose whether new requests are blocked or admins are simply alerted.",
+		offHint: "Turn it on to start tracking and enforcing this limit. Your setup here is kept safe if you later turn it off."
+	},
+	subTabs: {
+		agent: "This Agent",
+		users: "Per User"
+	},
+	tenantSections: {
+		workspace: {
+			title: "Workspace Spend Limit",
+			description: "One limit covering everything all agents and users spend in this workspace. Per-agent and per-user limits live in each agent’s settings under Billing."
+		},
+		noCapStats: {
+			spentThisMonth: "Spent This Month",
+			spentAllTime: "Spent All Time",
+			hint: "Across all agents and users in this workspace"
+		},
+		agents: {
+			title: "Agent Spend Limits",
+			description: "Agents with a spend limit configured in this workspace. Open one to manage its limit and its per-user limits.",
+			filter: {
+				label: "Search Agents",
+				placeholder: "Search Agents…",
+				typeToSearch: "Type at least 2 characters to search",
+				searching: "Searching agents…",
+				noResults: "No agents found",
+				clear: "Clear Agent Filter"
+			},
+			table: {
+				agentColumn: "Agent",
+				limitColumn: "Limit",
+				spentColumn: "Spent",
+				remainingColumn: "Remaining",
+				statusColumn: "Status"
+			},
+			emptyState: "No agent spend limits yet. Search for an agent above to set one.",
+			emptyFiltered: "No spend limit for this agent yet.",
+			setLimitButton: "Set Spend Limit",
+			manageAria: "Manage spend limits for {name}",
+			statusToggleAria: "Toggle spend limit for {name}"
+		}
+	},
+	form: {
+		limitLabel: "Spend Limit (USD)",
+		limitPlaceholder: "e.g. 250.00",
+		limitError: "Enter an amount greater than 0",
+		intervalLabel: "Resets Every",
+		intervalOptions: {
+			day: "Day",
+			week: "Week",
+			month: "Month",
+			year: "Year"
+		},
+		enforcementLabel: "When the Limit Is Reached",
+		enforcementOptions: {
+			block: "Block Requests",
+			alertOnly: "Alert Only"
+		},
+		enforcementHelp: {
+			block: "New chat and training requests are refused until the period resets.",
+			alertOnly: "Nothing is blocked — admins are notified when spend nears the limit."
+		},
+		thresholdsLabel: "Alert At (% of Limit)",
+		thresholdsPlaceholder: "e.g. 80, 95",
+		thresholdsHelp: "Comma-separated percentages at which admins get a near-limit alert.",
+		thresholdsError: "Use comma-separated numbers between 1 and 100",
+		noCapHint: "No spend limit configured yet — set an amount and save to create one.",
+		save: "Save",
+		saving: "Saving…",
+		remove: "Delete Limit",
+		removing: "Deleting…",
+		cancel: "Cancel"
+	},
+	usage: {
+		title: "Spend Limit Usage",
+		periodTitles: {
+			day: "Daily Usage",
+			week: "Weekly Usage",
+			month: "Monthly Usage",
+			year: "Yearly Usage"
+		},
+		spent: "Spent: {amount}",
+		remaining: "Remaining: {amount}",
+		percentUsed: "{percent}% of limit used",
+		exceededBadge: "Limit Reached",
+		alertOnlyBadge: "Alert Only",
+		disabledBadge: "Off"
+	},
+	users: {
+		sectionTitle: "Per-User Limits",
+		sectionDescription: "Limit what specific users can spend on this agent.",
+		addButton: "Add User Limit",
+		addTitle: "New User Limit",
+		editTitle: "Edit User Limit",
+		cancel: "Cancel",
+		emptyState: "No per-user limits yet. Add one to limit a specific user on this agent.",
+		edit: "Edit",
+		"delete": "Delete",
+		table: {
+			userColumn: "User",
+			limitColumn: "Limit",
+			statusColumn: "Status"
+		},
+		actionsAria: "Actions for {username}",
+		statusToggleAria: "Toggle spend limit for {username}",
+		picker: {
+			label: "User",
+			placeholder: "Search Users…",
+			typeToSearch: "Type at least 2 characters to search",
+			searching: "Searching users…",
+			noResults: "No users found",
+			clear: "Change User"
+		}
+	},
+	denied: {
+		title: "No Access to Spend Limits",
+		description: "You don't have permission to view spend limits here. Ask an administrator for access."
+	},
+	deleteModal: {
+		title: "Delete Spend Limit",
+		description: "Spending will no longer be limited or tracked against this limit.",
+		cancel: "Cancel",
+		confirm: "Delete"
+	},
+	toasts: {
+		saved: "Spend limit saved",
+		saveError: "Couldn't save the spend limit",
+		deleted: "Spend limit deleted",
+		deleteError: "Couldn't delete the spend limit"
+	}
+};
 var tabsAlertstab$3 = {
 	searchAlertsPlaceholder: "Search alerts",
 	searchAlertsAriaLabel: "Search alerts",
@@ -103339,6 +103505,8 @@ var en = {
 	skillsProfileResumeBox: skillsProfileResumeBox$3,
 	skillsProfileSkillDetailModal: skillsProfileSkillDetailModal$3,
 	skillsProfileSkillsBox: skillsProfileSkillsBox$3,
+	spendCapUsage: spendCapUsage$3,
+	spendCapsTabLabels: spendCapsTabLabels$3,
 	tabsAlertstab: tabsAlertstab$3,
 	tabsDisclaimersTab: tabsDisclaimersTab$3,
 	tabsEmbedTab: tabsEmbedTab$3,
@@ -105069,7 +105237,13 @@ var chatIndex$2 = {
 	confirmScreenShareTitle: "Confirmer le partage d'écran",
 	confirmScreenShareDescription: "Souhaitez-vous démarrer un partage d'écran avec votre agent ?",
 	cancel: "Annuler",
-	confirm: "Confirmer"
+	confirm: "Confirmer",
+	spendCapLimitDay: "Vous avez atteint la limite d'utilisation du jour pour cet assistant.",
+	spendCapLimitWeek: "Vous avez atteint la limite d'utilisation de la semaine pour cet assistant.",
+	spendCapLimitMonth: "Vous avez atteint la limite d'utilisation du mois pour cet assistant.",
+	spendCapLimitYear: "Vous avez atteint la limite d'utilisation de l'année pour cet assistant.",
+	spendCapLimitGeneric: "Vous avez atteint la limite d'utilisation de cet assistant.",
+	spendCapContactAdmin: "Réessayez après la réinitialisation de la limite ou contactez votre administrateur."
 };
 var chatInputForm$2 = {
 	uploadingOneFile: "Téléversement de 1 fichier...",
@@ -105272,6 +105446,8 @@ var clawSandboxAgentSkills$2 = {
 	fieldCategoryPlaceholder: "p. ex. web, code, données",
 	privateToAgent: "Cet agent uniquement",
 	privateToAgentHint: "Les compétences privées ne sont disponibles que pour cet agent et priment sur les compétences de la plateforme portant le même slug.",
+	privateToOtherAgentHint: "Cette compétence est privée d'un autre agent, ce réglage ne peut donc pas être modifié ici.",
+	privateToOtherAgentTooltip: "Cette compétence est privée d'un autre agent et ne peut pas être ajoutée ici.",
 	instructionHint: "Le guide que l'agent suit lorsque la compétence est utilisée. Les modifications s'appliquent immédiatement, y compris dans les conversations en cours.",
 	filesHint: "Ressources facultatives que l'agent peut utiliser avec cette compétence. Les références et les scripts sont des fichiers texte ; les assets sont des fichiers téléversés.",
 	filesAfterCreateHint: "Vous pouvez joindre des ressources à cette compétence après sa création (rouvrez-la avec Modifier).",
@@ -107089,7 +107265,8 @@ var profileBilling$2 = {
 	addCredits: "Ajouter des crédits",
 	manageBilling: "Gérer la facturation",
 	availableLabel: "Disponibles",
-	creditsRemaining: "Crédits restants",
+	creditsUsdEquivalent: "≈ {amount}",
+	creditsConversionHint: "{credits} crédits = 1 $",
 	creditsUnit: "{amount} Crédits",
 	consumedLabel: "Consommés",
 	usedThisPeriod: "Utilisés cette période",
@@ -107101,10 +107278,17 @@ var profileBilling$2 = {
 	disabled: "Désactivé",
 	manageUsage: "Gérer l'utilisation",
 	thresholdLabel: "Seuil",
+	thresholdHint: "Quand vos crédits disponibles passent sous ce montant, une recharge démarre automatiquement",
 	rechargeAmountLabel: "Montant de rechargement",
+	rechargeAmountHint: "Débité de votre moyen de paiement et ajouté à vos crédits à chaque recharge",
 	spendingLimitLabel: "Limite de dépenses",
+	spendingLimitHint: "Le maximum que la recharge automatique peut débiter par période de facturation",
 	unlimited: "Illimité",
-	autoRechargeDisabledMessage: "Le rechargement automatique est actuellement désactivé. Activez-le pour maintenir votre solde sans interruption."
+	autoRechargeDisabledMessage: "Le rechargement automatique est actuellement désactivé. Activez-le pour maintenir votre solde sans interruption.",
+	billingTabsAriaLabel: "Sections de facturation",
+	tabPlanAndCredits: "Forfait et crédits",
+	tabSpendLimits: "Limites de dépenses",
+	tabAgentLimits: "Limites par agent"
 };
 var profileCatalogInviteModal$2 = {
 	title: "Invitation au catalogue",
@@ -108048,6 +108232,156 @@ var skillsProfileSkillsBox$2 = {
 	desired: "Souhaitées",
 	noDesiredSkills: "Vous n'avez pas encore de compétences souhaitées."
 };
+var spendCapUsage$2 = {
+	scopeTenant: "Espace de travail",
+	scopeAgent: "Cet agent",
+	scopeUserAgent: "Votre utilisation sur cet agent",
+	intervalDay: "aujourd'hui",
+	intervalWeek: "cette semaine",
+	intervalMonth: "ce mois-ci",
+	intervalYear: "cette année",
+	percentUsed: "{percent}% utilisé",
+	blockedBanner: "La limite d'utilisation est atteinte. Les nouveaux chats et l'entraînement sont suspendus jusqu'à la réinitialisation de la période.",
+	warningBanner: "L'utilisation approche de sa limite."
+};
+var spendCapsTabLabels$2 = {
+	header: {
+		title: "Facturation",
+		description: "Définissez des limites de dépenses pour cet agent et ses utilisateurs, et consultez la consommation."
+	},
+	capability: {
+		title: "Limite de dépenses",
+		description: "Fixez un plafond aux dépenses d'IA. Tant que cette limite est activée, tout ce qu'elle couvre compte dans le montant ci-dessous — et lorsque la limite est atteinte, vous choisissez de bloquer les nouvelles requêtes ou de simplement alerter les administrateurs.",
+		offHint: "Activez-la pour commencer à suivre et appliquer cette limite. Votre configuration est conservée si vous la désactivez plus tard."
+	},
+	subTabs: {
+		agent: "Cet agent",
+		users: "Par utilisateur"
+	},
+	tenantSections: {
+		workspace: {
+			title: "Limite de dépenses de l'espace de travail",
+			description: "Une seule limite couvrant tout ce que dépensent les agents et utilisateurs de cet espace de travail. Les limites par agent et par utilisateur se gèrent dans les réglages de chaque agent, sous Facturation."
+		},
+		noCapStats: {
+			spentThisMonth: "Dépensé ce mois-ci",
+			spentAllTime: "Dépensé au total",
+			hint: "Sur l'ensemble des agents et utilisateurs de cet espace de travail"
+		},
+		agents: {
+			title: "Limites de dépenses par agent",
+			description: "Agents avec une limite de dépenses configurée dans cet espace de travail. Ouvrez-en un pour gérer sa limite et ses limites par utilisateur.",
+			filter: {
+				label: "Rechercher des agents",
+				placeholder: "Rechercher des agents…",
+				typeToSearch: "Saisissez au moins 2 caractères pour rechercher",
+				searching: "Recherche d'agents…",
+				noResults: "Aucun agent trouvé",
+				clear: "Effacer le filtre d'agent"
+			},
+			table: {
+				agentColumn: "Agent",
+				limitColumn: "Limite",
+				spentColumn: "Dépensé",
+				remainingColumn: "Restant",
+				statusColumn: "Statut"
+			},
+			emptyState: "Aucune limite de dépenses par agent pour l'instant. Recherchez un agent ci-dessus pour en définir une.",
+			emptyFiltered: "Cet agent n'a pas encore de limite de dépenses.",
+			setLimitButton: "Définir une limite de dépenses",
+			manageAria: "Gérer les limites de dépenses de {name}",
+			statusToggleAria: "Activer ou désactiver la limite de dépenses de {name}"
+		}
+	},
+	form: {
+		limitLabel: "Limite de dépenses (USD)",
+		limitPlaceholder: "p. ex. 250.00",
+		limitError: "Saisissez un montant supérieur à 0",
+		intervalLabel: "Réinitialisation chaque",
+		intervalOptions: {
+			day: "Jour",
+			week: "Semaine",
+			month: "Mois",
+			year: "Année"
+		},
+		enforcementLabel: "Quand la limite est atteinte",
+		enforcementOptions: {
+			block: "Bloquer les requêtes",
+			alertOnly: "Alerte uniquement"
+		},
+		enforcementHelp: {
+			block: "Les nouvelles requêtes de chat et d'entraînement sont refusées jusqu'à la réinitialisation de la période.",
+			alertOnly: "Rien n'est bloqué : les administrateurs sont notifiés lorsque les dépenses approchent de la limite."
+		},
+		thresholdsLabel: "Alerter à (% de la limite)",
+		thresholdsPlaceholder: "p. ex. 80, 95",
+		thresholdsHelp: "Pourcentages séparés par des virgules auxquels les administrateurs reçoivent une alerte d'approche de la limite.",
+		thresholdsError: "Utilisez des nombres séparés par des virgules entre 1 et 100",
+		noCapHint: "Aucune limite de dépenses configurée pour l'instant — définissez un montant et enregistrez pour en créer une.",
+		save: "Enregistrer",
+		saving: "Enregistrement…",
+		remove: "Supprimer la limite",
+		removing: "Suppression…",
+		cancel: "Annuler"
+	},
+	usage: {
+		title: "Utilisation de la limite de dépenses",
+		periodTitles: {
+			day: "Utilisation quotidienne",
+			week: "Utilisation hebdomadaire",
+			month: "Utilisation mensuelle",
+			year: "Utilisation annuelle"
+		},
+		spent: "Dépensé : {amount}",
+		remaining: "Restant : {amount}",
+		percentUsed: "{percent}% de la limite utilisée",
+		exceededBadge: "Limite atteinte",
+		alertOnlyBadge: "Alerte uniquement",
+		disabledBadge: "Désactivé"
+	},
+	users: {
+		sectionTitle: "Limites par utilisateur",
+		sectionDescription: "Limitez ce que certains utilisateurs peuvent dépenser sur cet agent.",
+		addButton: "Ajouter une limite utilisateur",
+		addTitle: "Nouvelle limite utilisateur",
+		editTitle: "Modifier la limite utilisateur",
+		cancel: "Annuler",
+		emptyState: "Aucune limite par utilisateur pour l'instant. Ajoutez-en une pour limiter un utilisateur précis sur cet agent.",
+		edit: "Modifier",
+		"delete": "Supprimer",
+		table: {
+			userColumn: "Utilisateur",
+			limitColumn: "Limite",
+			statusColumn: "Statut"
+		},
+		actionsAria: "Actions pour {username}",
+		statusToggleAria: "Activer ou désactiver la limite de dépenses de {username}",
+		picker: {
+			label: "Utilisateur",
+			placeholder: "Rechercher des utilisateurs…",
+			typeToSearch: "Saisissez au moins 2 caractères pour rechercher",
+			searching: "Recherche d'utilisateurs…",
+			noResults: "Aucun utilisateur trouvé",
+			clear: "Changer d'utilisateur"
+		}
+	},
+	denied: {
+		title: "Pas d'accès aux limites de dépenses",
+		description: "Vous n'avez pas la permission de voir les limites de dépenses ici. Demandez l'accès à un administrateur."
+	},
+	deleteModal: {
+		title: "Supprimer la limite de dépenses",
+		description: "Les dépenses ne seront plus limitées ni suivies par cette limite.",
+		cancel: "Annuler",
+		confirm: "Supprimer"
+	},
+	toasts: {
+		saved: "Limite de dépenses enregistrée",
+		saveError: "Impossible d'enregistrer la limite de dépenses",
+		deleted: "Limite de dépenses supprimée",
+		deleteError: "Impossible de supprimer la limite de dépenses"
+	}
+};
 var tabsAlertstab$2 = {
 	searchAlertsPlaceholder: "Rechercher des alertes",
 	searchAlertsAriaLabel: "Rechercher des alertes",
@@ -109910,6 +110244,8 @@ var fr = {
 	skillsProfileResumeBox: skillsProfileResumeBox$2,
 	skillsProfileSkillDetailModal: skillsProfileSkillDetailModal$2,
 	skillsProfileSkillsBox: skillsProfileSkillsBox$2,
+	spendCapUsage: spendCapUsage$2,
+	spendCapsTabLabels: spendCapsTabLabels$2,
 	tabsAlertstab: tabsAlertstab$2,
 	tabsDisclaimersTab: tabsDisclaimersTab$2,
 	tabsEmbedTab: tabsEmbedTab$2,
@@ -111639,7 +111975,13 @@ var chatIndex$1 = {
 	confirmScreenShareTitle: "Confirmar uso compartido de pantalla",
 	confirmScreenShareDescription: "¿Deseas iniciar un uso compartido de pantalla con tu agente?",
 	cancel: "Cancelar",
-	confirm: "Confirmar"
+	confirm: "Confirmar",
+	spendCapLimitDay: "Has alcanzado el límite de uso de hoy para este asistente.",
+	spendCapLimitWeek: "Has alcanzado el límite de uso de esta semana para este asistente.",
+	spendCapLimitMonth: "Has alcanzado el límite de uso de este mes para este asistente.",
+	spendCapLimitYear: "Has alcanzado el límite de uso de este año para este asistente.",
+	spendCapLimitGeneric: "Has alcanzado el límite de uso de este asistente.",
+	spendCapContactAdmin: "Vuelve a intentarlo cuando el límite se reinicie o contacta con tu administrador."
 };
 var chatInputForm$1 = {
 	uploadingOneFile: "Subiendo 1 archivo...",
@@ -111842,6 +112184,8 @@ var clawSandboxAgentSkills$1 = {
 	fieldCategoryPlaceholder: "p. ej. web, código, datos",
 	privateToAgent: "Solo este agente",
 	privateToAgentHint: "Las habilidades privadas solo están disponibles para este agente y tienen prioridad sobre las habilidades de la plataforma con el mismo slug.",
+	privateToOtherAgentHint: "Esta habilidad es privada de otro agente, por lo que este ajuste no se puede cambiar aquí.",
+	privateToOtherAgentTooltip: "Esta habilidad es privada de otro agente y no se puede añadir aquí.",
 	instructionHint: "La guía que sigue el agente cuando se usa la habilidad. Los cambios se aplican de inmediato, incluso en conversaciones en curso.",
 	filesHint: "Recursos opcionales que el agente puede usar con esta habilidad. Las referencias y los scripts son archivos de texto; los assets son archivos subidos.",
 	filesAfterCreateHint: "Puedes adjuntar recursos a esta habilidad después de crearla (vuelve a abrirla con Editar).",
@@ -113659,7 +114003,8 @@ var profileBilling$1 = {
 	addCredits: "Agregar créditos",
 	manageBilling: "Gestionar facturación",
 	availableLabel: "Disponibles",
-	creditsRemaining: "Créditos restantes",
+	creditsUsdEquivalent: "≈ {amount}",
+	creditsConversionHint: "{credits} créditos = $1",
 	creditsUnit: "{amount} Créditos",
 	consumedLabel: "Consumidos",
 	usedThisPeriod: "Usados este período",
@@ -113671,10 +114016,17 @@ var profileBilling$1 = {
 	disabled: "Deshabilitado",
 	manageUsage: "Gestionar uso",
 	thresholdLabel: "Umbral",
+	thresholdHint: "Cuando tus créditos disponibles bajan de este importe, se inicia una recarga automática",
 	rechargeAmountLabel: "Monto de recarga",
+	rechargeAmountHint: "Se cobra a tu método de pago y se añade a tus créditos en cada recarga",
 	spendingLimitLabel: "Límite de gasto",
+	spendingLimitHint: "Lo máximo que la recarga automática puede cobrar por periodo de facturación",
 	unlimited: "Ilimitado",
-	autoRechargeDisabledMessage: "La recarga automática está deshabilitada. Actívala para mantener tu saldo sin interrupciones."
+	autoRechargeDisabledMessage: "La recarga automática está deshabilitada. Actívala para mantener tu saldo sin interrupciones.",
+	billingTabsAriaLabel: "Secciones de facturación",
+	tabPlanAndCredits: "Plan y créditos",
+	tabSpendLimits: "Límites de gasto",
+	tabAgentLimits: "Límites por agente"
 };
 var profileCatalogInviteModal$1 = {
 	title: "Invitación al catálogo",
@@ -114618,6 +114970,156 @@ var skillsProfileSkillsBox$1 = {
 	desired: "Deseadas",
 	noDesiredSkills: "Todavía no tienes habilidades deseadas."
 };
+var spendCapUsage$1 = {
+	scopeTenant: "Espacio de trabajo",
+	scopeAgent: "Este agente",
+	scopeUserAgent: "Tu uso en este agente",
+	intervalDay: "hoy",
+	intervalWeek: "esta semana",
+	intervalMonth: "este mes",
+	intervalYear: "este año",
+	percentUsed: "{percent}% usado",
+	blockedBanner: "Se ha alcanzado el límite de uso. Los nuevos chats y el entrenamiento quedan en pausa hasta que el periodo se reinicie.",
+	warningBanner: "El uso se acerca a su límite."
+};
+var spendCapsTabLabels$1 = {
+	header: {
+		title: "Facturación",
+		description: "Define límites de gasto para este agente y sus usuarios, y consulta cuánto se ha usado."
+	},
+	capability: {
+		title: "Límite de gasto",
+		description: "Pon un techo al gasto en IA. Mientras este límite esté activado, todo lo que cubre cuenta para el importe de abajo; y cuando se alcanza, tú decides si se bloquean las nuevas solicitudes o simplemente se avisa a los administradores.",
+		offHint: "Actívalo para empezar a hacer seguimiento y aplicar este límite. Tu configuración se conserva si luego lo desactivas."
+	},
+	subTabs: {
+		agent: "Este agente",
+		users: "Por usuario"
+	},
+	tenantSections: {
+		workspace: {
+			title: "Límite de gasto del espacio de trabajo",
+			description: "Un único límite que cubre todo lo que gastan los agentes y usuarios de este espacio de trabajo. Los límites por agente y por usuario se gestionan en la configuración de cada agente, en Facturación."
+		},
+		noCapStats: {
+			spentThisMonth: "Gastado este mes",
+			spentAllTime: "Gastado en total",
+			hint: "En todos los agentes y usuarios de este espacio de trabajo"
+		},
+		agents: {
+			title: "Límites de gasto por agente",
+			description: "Agentes con un límite de gasto configurado en este espacio de trabajo. Abre uno para gestionar su límite y sus límites por usuario.",
+			filter: {
+				label: "Buscar agentes",
+				placeholder: "Buscar agentes…",
+				typeToSearch: "Escribe al menos 2 caracteres para buscar",
+				searching: "Buscando agentes…",
+				noResults: "No se encontraron agentes",
+				clear: "Quitar el filtro de agente"
+			},
+			table: {
+				agentColumn: "Agente",
+				limitColumn: "Límite",
+				spentColumn: "Gastado",
+				remainingColumn: "Restante",
+				statusColumn: "Estado"
+			},
+			emptyState: "Aún no hay límites de gasto por agente. Busca un agente arriba para configurar uno.",
+			emptyFiltered: "Este agente aún no tiene límite de gasto.",
+			setLimitButton: "Configurar límite de gasto",
+			manageAria: "Gestionar los límites de gasto de {name}",
+			statusToggleAria: "Activar o desactivar el límite de gasto de {name}"
+		}
+	},
+	form: {
+		limitLabel: "Límite de gasto (USD)",
+		limitPlaceholder: "p. ej. 250.00",
+		limitError: "Introduce un importe mayor que 0",
+		intervalLabel: "Se reinicia cada",
+		intervalOptions: {
+			day: "Día",
+			week: "Semana",
+			month: "Mes",
+			year: "Año"
+		},
+		enforcementLabel: "Al alcanzar el límite",
+		enforcementOptions: {
+			block: "Bloquear solicitudes",
+			alertOnly: "Solo alertar"
+		},
+		enforcementHelp: {
+			block: "Las nuevas solicitudes de chat y entrenamiento se rechazan hasta que el periodo se reinicie.",
+			alertOnly: "No se bloquea nada: se notifica a los administradores cuando el gasto se acerca al límite."
+		},
+		thresholdsLabel: "Alertar al (% del límite)",
+		thresholdsPlaceholder: "p. ej. 80, 95",
+		thresholdsHelp: "Porcentajes separados por comas en los que los administradores reciben una alerta de proximidad al límite.",
+		thresholdsError: "Usa números separados por comas entre 1 y 100",
+		noCapHint: "Aún no hay límite de gasto configurado: define un importe y guarda para crearlo.",
+		save: "Guardar",
+		saving: "Guardando…",
+		remove: "Eliminar límite",
+		removing: "Eliminando…",
+		cancel: "Cancelar"
+	},
+	usage: {
+		title: "Uso del límite de gasto",
+		periodTitles: {
+			day: "Uso diario",
+			week: "Uso semanal",
+			month: "Uso mensual",
+			year: "Uso anual"
+		},
+		spent: "Gastado: {amount}",
+		remaining: "Restante: {amount}",
+		percentUsed: "{percent}% del límite usado",
+		exceededBadge: "Límite alcanzado",
+		alertOnlyBadge: "Solo alerta",
+		disabledBadge: "Desactivado"
+	},
+	users: {
+		sectionTitle: "Límites por usuario",
+		sectionDescription: "Limita cuánto pueden gastar usuarios concretos en este agente.",
+		addButton: "Añadir límite de usuario",
+		addTitle: "Nuevo límite de usuario",
+		editTitle: "Editar límite de usuario",
+		cancel: "Cancelar",
+		emptyState: "Aún no hay límites por usuario. Añade uno para limitar a un usuario concreto en este agente.",
+		edit: "Editar",
+		"delete": "Eliminar",
+		table: {
+			userColumn: "Usuario",
+			limitColumn: "Límite",
+			statusColumn: "Estado"
+		},
+		actionsAria: "Acciones para {username}",
+		statusToggleAria: "Activar o desactivar el límite de gasto de {username}",
+		picker: {
+			label: "Usuario",
+			placeholder: "Buscar usuarios…",
+			typeToSearch: "Escribe al menos 2 caracteres para buscar",
+			searching: "Buscando usuarios…",
+			noResults: "No se encontraron usuarios",
+			clear: "Cambiar de usuario"
+		}
+	},
+	denied: {
+		title: "Sin acceso a los límites de gasto",
+		description: "No tienes permiso para ver los límites de gasto aquí. Pide acceso a un administrador."
+	},
+	deleteModal: {
+		title: "Eliminar límite de gasto",
+		description: "El gasto dejará de estar limitado y de contabilizarse contra este límite.",
+		cancel: "Cancelar",
+		confirm: "Eliminar"
+	},
+	toasts: {
+		saved: "Límite de gasto guardado",
+		saveError: "No se pudo guardar el límite de gasto",
+		deleted: "Límite de gasto eliminado",
+		deleteError: "No se pudo eliminar el límite de gasto"
+	}
+};
 var tabsAlertstab$1 = {
 	searchAlertsPlaceholder: "Buscar alertas",
 	searchAlertsAriaLabel: "Buscar alertas",
@@ -116480,6 +116982,8 @@ var es = {
 	skillsProfileResumeBox: skillsProfileResumeBox$1,
 	skillsProfileSkillDetailModal: skillsProfileSkillDetailModal$1,
 	skillsProfileSkillsBox: skillsProfileSkillsBox$1,
+	spendCapUsage: spendCapUsage$1,
+	spendCapsTabLabels: spendCapsTabLabels$1,
 	tabsAlertstab: tabsAlertstab$1,
 	tabsDisclaimersTab: tabsDisclaimersTab$1,
 	tabsEmbedTab: tabsEmbedTab$1,
@@ -118209,7 +118713,13 @@ var chatIndex = {
 	confirmScreenShareTitle: "确认屏幕共享",
 	confirmScreenShareDescription: "您要与您的助手开始屏幕共享吗？",
 	cancel: "取消",
-	confirm: "确认"
+	confirm: "确认",
+	spendCapLimitDay: "您已达到此助手今天的使用限额。",
+	spendCapLimitWeek: "您已达到此助手本周的使用限额。",
+	spendCapLimitMonth: "您已达到此助手本月的使用限额。",
+	spendCapLimitYear: "您已达到此助手今年的使用限额。",
+	spendCapLimitGeneric: "您已达到此助手的使用限额。",
+	spendCapContactAdmin: "请在限额重置后重试，或联系您的管理员。"
 };
 var chatInputForm = {
 	uploadingOneFile: "正在上传 1 个文件...",
@@ -118412,6 +118922,8 @@ var clawSandboxAgentSkills = {
 	fieldCategoryPlaceholder: "例如 web、代码、数据",
 	privateToAgent: "仅此智能体",
 	privateToAgentHint: "私有技能仅对此智能体可用，并优先于具有相同 slug 的平台技能。",
+	privateToOtherAgentHint: "该技能为其他智能体私有，因此无法在此更改该设置。",
+	privateToOtherAgentTooltip: "该技能为其他智能体私有，无法在此添加。",
 	instructionHint: "使用该技能时智能体遵循的操作指南。修改会立即生效，包括正在进行的对话。",
 	filesHint: "智能体在使用此技能时可参考的可选资源。参考资料和脚本是文本文件；资产是上传的文件。",
 	filesAfterCreateHint: "创建技能后即可附加资源（通过“编辑”重新打开）。",
@@ -120229,7 +120741,8 @@ var profileBilling = {
 	addCredits: "添加积分",
 	manageBilling: "管理账单",
 	availableLabel: "可用",
-	creditsRemaining: "剩余积分",
+	creditsUsdEquivalent: "约合 {amount}",
+	creditsConversionHint: "{credits} 积分 = $1",
 	creditsUnit: "{amount} 积分",
 	consumedLabel: "已消耗",
 	usedThisPeriod: "本期已使用",
@@ -120241,10 +120754,17 @@ var profileBilling = {
 	disabled: "已禁用",
 	manageUsage: "管理用量",
 	thresholdLabel: "阈值",
+	thresholdHint: "当可用积分低于此金额时，将自动开始充值",
 	rechargeAmountLabel: "充值金额",
+	rechargeAmountHint: "每次充值时从您的付款方式扣款，并添加到您的积分中",
 	spendingLimitLabel: "消费限额",
+	spendingLimitHint: "每个账单周期内自动充值可扣款的上限",
 	unlimited: "无限制",
-	autoRechargeDisabledMessage: "自动充值当前已禁用。启用后可在不中断服务的情况下保持余额充足。"
+	autoRechargeDisabledMessage: "自动充值当前已禁用。启用后可在不中断服务的情况下保持余额充足。",
+	billingTabsAriaLabel: "账单板块",
+	tabPlanAndCredits: "套餐与积分",
+	tabSpendLimits: "支出限额",
+	tabAgentLimits: "智能体限额"
 };
 var profileCatalogInviteModal = {
 	title: "目录邀请",
@@ -121188,6 +121708,156 @@ var skillsProfileSkillsBox = {
 	desired: "期望",
 	noDesiredSkills: "您还没有任何期望的技能。"
 };
+var spendCapUsage = {
+	scopeTenant: "工作区",
+	scopeAgent: "此智能体",
+	scopeUserAgent: "您在此智能体上的用量",
+	intervalDay: "今天",
+	intervalWeek: "本周",
+	intervalMonth: "本月",
+	intervalYear: "今年",
+	percentUsed: "已使用 {percent}%",
+	blockedBanner: "已达到使用限额。在周期重置前，新的聊天和训练将暂停。",
+	warningBanner: "用量即将达到限额。"
+};
+var spendCapsTabLabels = {
+	header: {
+		title: "账单",
+		description: "为此智能体及其用户设置支出限额，并查看已用金额。"
+	},
+	capability: {
+		title: "支出限额",
+		description: "为 AI 支出设置上限。此限额开启期间，其覆盖的所有支出都会计入下方金额；达到限额后，由您决定是阻止新请求，还是仅提醒管理员。",
+		offHint: "开启后即开始统计并执行此限额。之后关闭也会保留您在此的配置。"
+	},
+	subTabs: {
+		agent: "此智能体",
+		users: "按用户"
+	},
+	tenantSections: {
+		workspace: {
+			title: "工作区支出限额",
+			description: "一个覆盖此工作区内所有智能体和用户全部支出的限额。按智能体和按用户的限额请在各智能体设置的“账单”中管理。"
+		},
+		noCapStats: {
+			spentThisMonth: "本月已支出",
+			spentAllTime: "累计已支出",
+			hint: "涵盖此工作区内的所有智能体和用户"
+		},
+		agents: {
+			title: "智能体支出限额",
+			description: "此工作区中已配置支出限额的智能体。打开任意一个即可管理其限额及按用户限额。",
+			filter: {
+				label: "搜索智能体",
+				placeholder: "搜索智能体…",
+				typeToSearch: "请输入至少 2 个字符进行搜索",
+				searching: "正在搜索智能体…",
+				noResults: "未找到智能体",
+				clear: "清除智能体筛选"
+			},
+			table: {
+				agentColumn: "智能体",
+				limitColumn: "限额",
+				spentColumn: "已支出",
+				remainingColumn: "剩余",
+				statusColumn: "状态"
+			},
+			emptyState: "尚无智能体支出限额。请在上方搜索智能体进行设置。",
+			emptyFiltered: "此智能体尚未设置支出限额。",
+			setLimitButton: "设置支出限额",
+			manageAria: "管理 {name} 的支出限额",
+			statusToggleAria: "开启或关闭 {name} 的支出限额"
+		}
+	},
+	form: {
+		limitLabel: "支出限额（美元）",
+		limitPlaceholder: "例如 250.00",
+		limitError: "请输入大于 0 的金额",
+		intervalLabel: "重置周期",
+		intervalOptions: {
+			day: "每天",
+			week: "每周",
+			month: "每月",
+			year: "每年"
+		},
+		enforcementLabel: "达到限额时",
+		enforcementOptions: {
+			block: "阻止请求",
+			alertOnly: "仅提醒"
+		},
+		enforcementHelp: {
+			block: "在周期重置前，新的聊天和训练请求将被拒绝。",
+			alertOnly: "不会阻止任何请求——当支出接近限额时通知管理员。"
+		},
+		thresholdsLabel: "提醒阈值（限额百分比）",
+		thresholdsPlaceholder: "例如 80, 95",
+		thresholdsHelp: "以逗号分隔的百分比，达到时管理员会收到接近限额的提醒。",
+		thresholdsError: "请使用 1 到 100 之间、以逗号分隔的数字",
+		noCapHint: "尚未配置支出限额——设置金额并保存即可创建。",
+		save: "保存",
+		saving: "保存中…",
+		remove: "删除限额",
+		removing: "删除中…",
+		cancel: "取消"
+	},
+	usage: {
+		title: "支出限额使用情况",
+		periodTitles: {
+			day: "每日用量",
+			week: "每周用量",
+			month: "每月用量",
+			year: "每年用量"
+		},
+		spent: "已用：{amount}",
+		remaining: "剩余：{amount}",
+		percentUsed: "已使用限额的 {percent}%",
+		exceededBadge: "已达限额",
+		alertOnlyBadge: "仅提醒",
+		disabledBadge: "已关闭"
+	},
+	users: {
+		sectionTitle: "按用户限额",
+		sectionDescription: "限制特定用户在此智能体上的支出。",
+		addButton: "添加用户限额",
+		addTitle: "新建用户限额",
+		editTitle: "编辑用户限额",
+		cancel: "取消",
+		emptyState: "尚无按用户设置的限额。添加一个以限制此智能体上的特定用户。",
+		edit: "编辑",
+		"delete": "删除",
+		table: {
+			userColumn: "用户",
+			limitColumn: "限额",
+			statusColumn: "状态"
+		},
+		actionsAria: "{username} 的操作",
+		statusToggleAria: "开启或关闭 {username} 的支出限额",
+		picker: {
+			label: "用户",
+			placeholder: "搜索用户…",
+			typeToSearch: "请输入至少 2 个字符进行搜索",
+			searching: "正在搜索用户…",
+			noResults: "未找到用户",
+			clear: "更换用户"
+		}
+	},
+	denied: {
+		title: "无权访问支出限额",
+		description: "您没有权限在此查看支出限额。请向管理员申请访问权限。"
+	},
+	deleteModal: {
+		title: "删除支出限额",
+		description: "支出将不再受此限额限制或统计。",
+		cancel: "取消",
+		confirm: "删除"
+	},
+	toasts: {
+		saved: "支出限额已保存",
+		saveError: "无法保存支出限额",
+		deleted: "支出限额已删除",
+		deleteError: "无法删除支出限额"
+	}
+};
 var tabsAlertstab = {
 	searchAlertsPlaceholder: "搜索提醒",
 	searchAlertsAriaLabel: "搜索提醒",
@@ -123050,6 +123720,8 @@ var zh = {
 	skillsProfileResumeBox: skillsProfileResumeBox,
 	skillsProfileSkillDetailModal: skillsProfileSkillDetailModal,
 	skillsProfileSkillsBox: skillsProfileSkillsBox,
+	spendCapUsage: spendCapUsage,
+	spendCapsTabLabels: spendCapsTabLabels,
 	tabsAlertstab: tabsAlertstab,
 	tabsDisclaimersTab: tabsDisclaimersTab,
 	tabsEmbedTab: tabsEmbedTab,
@@ -188711,6 +189383,1002 @@ 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$1, { 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$2, { children: jsxs(Content2$3, { "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.
+ *
+ * Every tab exports a `resolve*Labels(override?)` function that deep-merges
+ * a partial override into the default AGENT labels. This file provides the
+ * DeepPartial type and deepMerge implementation they all share.
+ */
+function deepMerge(base, override) {
+    const result = { ...base };
+    const overrideBag = override;
+    for (const key of Object.keys(overrideBag)) {
+        const overrideValue = overrideBag[key];
+        if (overrideValue === undefined)
+            continue;
+        const baseValue = base[key];
+        if (baseValue &&
+            typeof baseValue === 'object' &&
+            !Array.isArray(baseValue) &&
+            overrideValue &&
+            typeof overrideValue === 'object' &&
+            !Array.isArray(overrideValue)) {
+            result[key] = deepMerge(baseValue, overrideValue);
+        }
+        else {
+            result[key] = overrideValue;
+        }
+    }
+    return result;
+}
+
+const AGENT_SPEND_CAPS_TAB_LABELS = {
+    header: {
+        title: 'Billing',
+        description: 'Set spend limits for this agent and its users, and see how much has been used.',
+    },
+    capability: {
+        title: 'Spend Limit',
+        description: 'Put a ceiling on AI spend. While this limit is on, everything it covers counts toward the amount below — and when the limit is reached, you choose whether new requests are blocked or admins are simply alerted.',
+        offHint: 'Turn it on to start tracking and enforcing this limit. Your setup here is kept safe if you later turn it off.',
+    },
+    subTabs: {
+        agent: 'This Agent',
+        users: 'Per User',
+    },
+    tenantSections: {
+        workspace: {
+            title: 'Workspace Spend Limit',
+            description: 'One limit covering everything all agents and users spend in this workspace. Per-agent and per-user limits live in each agent’s settings under Billing.',
+        },
+        noCapStats: {
+            spentThisMonth: 'Spent This Month',
+            spentAllTime: 'Spent All Time',
+            hint: 'Across all agents and users in this workspace',
+        },
+        agents: {
+            title: 'Agent Spend Limits',
+            description: 'Agents with a spend limit configured in this workspace. Open one to manage its limit and its per-user limits.',
+            filter: {
+                label: 'Search Agents',
+                placeholder: 'Search Agents…',
+                typeToSearch: 'Type at least 2 characters to search',
+                searching: 'Searching agents…',
+                noResults: 'No agents found',
+                clear: 'Clear Agent Filter',
+            },
+            table: {
+                agentColumn: 'Agent',
+                limitColumn: 'Limit',
+                spentColumn: 'Spent',
+                remainingColumn: 'Remaining',
+                statusColumn: 'Status',
+            },
+            emptyState: 'No agent spend limits yet. Search for an agent above to set one.',
+            emptyFiltered: 'No spend limit for this agent yet.',
+            setLimitButton: 'Set Spend Limit',
+            manageAria: (name) => `Manage spend limits for ${name}`,
+            statusToggleAria: (name) => `Toggle spend limit for ${name}`,
+        },
+    },
+    form: {
+        limitLabel: 'Spend Limit (USD)',
+        limitPlaceholder: 'e.g. 250.00',
+        limitError: 'Enter an amount greater than 0',
+        intervalLabel: 'Resets Every',
+        intervalOptions: {
+            day: 'Day',
+            week: 'Week',
+            month: 'Month',
+            year: 'Year',
+        },
+        enforcementLabel: 'When the Limit Is Reached',
+        enforcementOptions: {
+            block: 'Block Requests',
+            alertOnly: 'Alert Only',
+        },
+        enforcementHelp: {
+            block: 'New chat and training requests are refused until the period resets.',
+            alertOnly: 'Nothing is blocked — admins are notified when spend nears the limit.',
+        },
+        thresholdsLabel: 'Alert At (% of Limit)',
+        thresholdsPlaceholder: 'e.g. 80, 95',
+        thresholdsHelp: 'Comma-separated percentages at which admins get a near-limit alert.',
+        thresholdsError: 'Use comma-separated numbers between 1 and 100',
+        noCapHint: 'No spend limit configured yet — set an amount and save to create one.',
+        save: 'Save',
+        saving: 'Saving…',
+        cancel: 'Cancel',
+        remove: 'Delete Limit',
+        removing: 'Deleting…',
+    },
+    usage: {
+        title: 'Spend Limit Usage',
+        periodTitles: {
+            day: 'Daily Usage',
+            week: 'Weekly Usage',
+            month: 'Monthly Usage',
+            year: 'Yearly Usage',
+        },
+        spent: 'Spent: {amount}',
+        remaining: 'Remaining: {amount}',
+        percentUsed: '{percent}% of limit used',
+        exceededBadge: 'Limit Reached',
+        alertOnlyBadge: 'Alert Only',
+        disabledBadge: 'Off',
+    },
+    users: {
+        sectionTitle: 'Per-User Limits',
+        sectionDescription: 'Limit what specific users can spend on this agent.',
+        addButton: 'Add User Limit',
+        addTitle: 'New User Limit',
+        editTitle: 'Edit User Limit',
+        cancel: 'Cancel',
+        emptyState: 'No per-user limits yet. Add one to limit a specific user on this agent.',
+        edit: 'Edit',
+        delete: 'Delete',
+        table: {
+            userColumn: 'User',
+            limitColumn: 'Limit',
+            statusColumn: 'Status',
+        },
+        actionsAria: (username) => `Actions for ${username}`,
+        statusToggleAria: (username) => `Toggle spend limit for ${username}`,
+        picker: {
+            label: 'User',
+            placeholder: 'Search Users…',
+            typeToSearch: 'Type at least 2 characters to search',
+            searching: 'Searching users…',
+            noResults: 'No users found',
+            clear: 'Change User',
+        },
+    },
+    denied: {
+        title: 'No Access to Spend Limits',
+        description: "You don't have permission to view spend limits here. Ask an administrator for access.",
+    },
+    deleteModal: {
+        title: 'Delete Spend Limit',
+        description: 'Spending will no longer be limited or tracked against this limit.',
+        cancel: 'Cancel',
+        confirm: 'Delete',
+    },
+    toasts: {
+        saved: 'Spend limit saved',
+        saveError: "Couldn't save the spend limit",
+        deleted: 'Spend limit deleted',
+        deleteError: "Couldn't delete the spend limit",
+    },
+};
+function buildSpendCapsTabLabels(t) {
+    return {
+        header: {
+            title: t('spendCapsTabLabels.header.title'),
+            description: t('spendCapsTabLabels.header.description'),
+        },
+        capability: {
+            title: t('spendCapsTabLabels.capability.title'),
+            description: t('spendCapsTabLabels.capability.description'),
+            offHint: t('spendCapsTabLabels.capability.offHint'),
+        },
+        subTabs: {
+            agent: t('spendCapsTabLabels.subTabs.agent'),
+            users: t('spendCapsTabLabels.subTabs.users'),
+        },
+        tenantSections: {
+            workspace: {
+                title: t('spendCapsTabLabels.tenantSections.workspace.title'),
+                description: t('spendCapsTabLabels.tenantSections.workspace.description'),
+            },
+            noCapStats: {
+                spentThisMonth: t('spendCapsTabLabels.tenantSections.noCapStats.spentThisMonth'),
+                spentAllTime: t('spendCapsTabLabels.tenantSections.noCapStats.spentAllTime'),
+                hint: t('spendCapsTabLabels.tenantSections.noCapStats.hint'),
+            },
+            agents: {
+                title: t('spendCapsTabLabels.tenantSections.agents.title'),
+                description: t('spendCapsTabLabels.tenantSections.agents.description'),
+                filter: {
+                    label: t('spendCapsTabLabels.tenantSections.agents.filter.label'),
+                    placeholder: t('spendCapsTabLabels.tenantSections.agents.filter.placeholder'),
+                    typeToSearch: t('spendCapsTabLabels.tenantSections.agents.filter.typeToSearch'),
+                    searching: t('spendCapsTabLabels.tenantSections.agents.filter.searching'),
+                    noResults: t('spendCapsTabLabels.tenantSections.agents.filter.noResults'),
+                    clear: t('spendCapsTabLabels.tenantSections.agents.filter.clear'),
+                },
+                table: {
+                    agentColumn: t('spendCapsTabLabels.tenantSections.agents.table.agentColumn'),
+                    limitColumn: t('spendCapsTabLabels.tenantSections.agents.table.limitColumn'),
+                    spentColumn: t('spendCapsTabLabels.tenantSections.agents.table.spentColumn'),
+                    remainingColumn: t('spendCapsTabLabels.tenantSections.agents.table.remainingColumn'),
+                    statusColumn: t('spendCapsTabLabels.tenantSections.agents.table.statusColumn'),
+                },
+                emptyState: t('spendCapsTabLabels.tenantSections.agents.emptyState'),
+                emptyFiltered: t('spendCapsTabLabels.tenantSections.agents.emptyFiltered'),
+                setLimitButton: t('spendCapsTabLabels.tenantSections.agents.setLimitButton'),
+                manageAria: (name) => t('spendCapsTabLabels.tenantSections.agents.manageAria', { name }),
+                statusToggleAria: (name) => t('spendCapsTabLabels.tenantSections.agents.statusToggleAria', { name }),
+            },
+        },
+        form: {
+            limitLabel: t('spendCapsTabLabels.form.limitLabel'),
+            limitPlaceholder: t('spendCapsTabLabels.form.limitPlaceholder'),
+            limitError: t('spendCapsTabLabels.form.limitError'),
+            intervalLabel: t('spendCapsTabLabels.form.intervalLabel'),
+            intervalOptions: {
+                day: t('spendCapsTabLabels.form.intervalOptions.day'),
+                week: t('spendCapsTabLabels.form.intervalOptions.week'),
+                month: t('spendCapsTabLabels.form.intervalOptions.month'),
+                year: t('spendCapsTabLabels.form.intervalOptions.year'),
+            },
+            enforcementLabel: t('spendCapsTabLabels.form.enforcementLabel'),
+            enforcementOptions: {
+                block: t('spendCapsTabLabels.form.enforcementOptions.block'),
+                alertOnly: t('spendCapsTabLabels.form.enforcementOptions.alertOnly'),
+            },
+            enforcementHelp: {
+                block: t('spendCapsTabLabels.form.enforcementHelp.block'),
+                alertOnly: t('spendCapsTabLabels.form.enforcementHelp.alertOnly'),
+            },
+            thresholdsLabel: t('spendCapsTabLabels.form.thresholdsLabel'),
+            thresholdsPlaceholder: t('spendCapsTabLabels.form.thresholdsPlaceholder'),
+            thresholdsHelp: t('spendCapsTabLabels.form.thresholdsHelp'),
+            thresholdsError: t('spendCapsTabLabels.form.thresholdsError'),
+            noCapHint: t('spendCapsTabLabels.form.noCapHint'),
+            save: t('spendCapsTabLabels.form.save'),
+            saving: t('spendCapsTabLabels.form.saving'),
+            cancel: t('spendCapsTabLabels.form.cancel'),
+            remove: t('spendCapsTabLabels.form.remove'),
+            removing: t('spendCapsTabLabels.form.removing'),
+        },
+        usage: {
+            title: t('spendCapsTabLabels.usage.title'),
+            periodTitles: {
+                day: t('spendCapsTabLabels.usage.periodTitles.day'),
+                week: t('spendCapsTabLabels.usage.periodTitles.week'),
+                month: t('spendCapsTabLabels.usage.periodTitles.month'),
+                year: t('spendCapsTabLabels.usage.periodTitles.year'),
+            },
+            spent: t('spendCapsTabLabels.usage.spent'),
+            remaining: t('spendCapsTabLabels.usage.remaining'),
+            percentUsed: t('spendCapsTabLabels.usage.percentUsed'),
+            exceededBadge: t('spendCapsTabLabels.usage.exceededBadge'),
+            alertOnlyBadge: t('spendCapsTabLabels.usage.alertOnlyBadge'),
+            disabledBadge: t('spendCapsTabLabels.usage.disabledBadge'),
+        },
+        users: {
+            sectionTitle: t('spendCapsTabLabels.users.sectionTitle'),
+            sectionDescription: t('spendCapsTabLabels.users.sectionDescription'),
+            addButton: t('spendCapsTabLabels.users.addButton'),
+            addTitle: t('spendCapsTabLabels.users.addTitle'),
+            editTitle: t('spendCapsTabLabels.users.editTitle'),
+            cancel: t('spendCapsTabLabels.users.cancel'),
+            emptyState: t('spendCapsTabLabels.users.emptyState'),
+            edit: t('spendCapsTabLabels.users.edit'),
+            delete: t('spendCapsTabLabels.users.delete'),
+            table: {
+                userColumn: t('spendCapsTabLabels.users.table.userColumn'),
+                limitColumn: t('spendCapsTabLabels.users.table.limitColumn'),
+                statusColumn: t('spendCapsTabLabels.users.table.statusColumn'),
+            },
+            actionsAria: (username) => t('spendCapsTabLabels.users.actionsAria', { username }),
+            statusToggleAria: (username) => t('spendCapsTabLabels.users.statusToggleAria', { username }),
+            picker: {
+                label: t('spendCapsTabLabels.users.picker.label'),
+                placeholder: t('spendCapsTabLabels.users.picker.placeholder'),
+                typeToSearch: t('spendCapsTabLabels.users.picker.typeToSearch'),
+                searching: t('spendCapsTabLabels.users.picker.searching'),
+                noResults: t('spendCapsTabLabels.users.picker.noResults'),
+                clear: t('spendCapsTabLabels.users.picker.clear'),
+            },
+        },
+        denied: {
+            title: t('spendCapsTabLabels.denied.title'),
+            description: t('spendCapsTabLabels.denied.description'),
+        },
+        deleteModal: {
+            title: t('spendCapsTabLabels.deleteModal.title'),
+            description: t('spendCapsTabLabels.deleteModal.description'),
+            cancel: t('spendCapsTabLabels.deleteModal.cancel'),
+            confirm: t('spendCapsTabLabels.deleteModal.confirm'),
+        },
+        toasts: {
+            saved: t('spendCapsTabLabels.toasts.saved'),
+            saveError: t('spendCapsTabLabels.toasts.saveError'),
+            deleted: t('spendCapsTabLabels.toasts.deleted'),
+            deleteError: t('spendCapsTabLabels.toasts.deleteError'),
+        },
+    };
+}
+function resolveSpendCapsTabLabels(override, t) {
+    const base = t ? buildSpendCapsTabLabels(t) : AGENT_SPEND_CAPS_TAB_LABELS;
+    if (!override)
+        return base;
+    return deepMerge(base, override);
+}
+
+const CustomSwitch = React.forwardRef(({ className, checked, onCheckedChange, ...props }, ref) => (jsx(Root$c, { checked: checked, onCheckedChange: onCheckedChange, className: cn('peer focus-visible:ring-ring focus-visible:ring-offset-background inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-500 data-[state=unchecked]:bg-gray-200', className), ...props, ref: ref, children: jsx(Thumb, { className: cn('pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0') }) })));
+CustomSwitch.displayName = Root$c.displayName;
+
+/**
+ * Reusable header used at the top of every capability-gated agent-settings
+ * tab. It surfaces the capability's on/off toggle (previously buried in the
+ * Settings → Capabilities list) right where the feature is configured, with a
+ * naive-friendly explanation.
+ *
+ * The configuration UI below is always rendered so admins can preview what
+ * they'll get, but it's grayed out and made inert (`pointer-events-none`,
+ * `aria-hidden`) until the capability is switched on.
+ */
+function CapabilityGate({ title, description, enabled, onToggle, disabled = false, ariaLabel, offHint, toggleTestId, children, }) {
+    return (jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex items-start justify-between gap-4 rounded-lg border border-gray-200 bg-gray-50/60 p-4", "data-testid": "capability-gate-header", children: [jsx("div", { className: "min-w-0", children: jsxs("p", { className: "text-xs leading-relaxed text-gray-600", children: [description, !enabled && offHint && (jsxs("span", { className: "font-medium text-gray-500", "data-testid": "capability-gate-off-hint", children: [' ', offHint] }))] }) }), jsx(CustomSwitch, { checked: enabled, onCheckedChange: onToggle, disabled: disabled, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : title, "aria-checked": enabled, "data-testid": toggleTestId, className: "mt-0.5 flex-shrink-0" })] }), jsx("div", { className: cn('transition-opacity', !enabled && 'pointer-events-none select-none opacity-50'), "aria-hidden": !enabled, inert: !enabled, "data-testid": "capability-gate-content", "data-enabled": enabled, children: children })] }));
+}
+
+/**
+ * Pure helpers for the spend-caps tab. The backend stores alert thresholds as
+ * fractions of the limit (0.8 = 80%) while the form edits them as a
+ * comma-separated percentage list, and dollar fields travel as decimal strings.
+ */
+/** Format a backend decimal string as a dollar amount, e.g. "30.500000" → "$30.50". */
+function formatUsd$1(value) {
+    const parsed = Number(value);
+    if (value == null || value === '' || Number.isNaN(parsed))
+        return '$0.00';
+    return `$${parsed.toFixed(2)}`;
+}
+/** Fractions → editable percent list: [0.8, 0.95] → "80, 95". */
+function thresholdsToInput(thresholds) {
+    if (!Array.isArray(thresholds))
+        return '';
+    return thresholds
+        .filter((value) => typeof value === 'number' && !Number.isNaN(value))
+        .map((value) => {
+        const percent = value * 100;
+        return Number.isInteger(percent) ? String(percent) : percent.toFixed(1);
+    })
+        .join(', ');
+}
+/**
+ * Percent list → fractions: "80, 95" → [0.8, 0.95]. Empty input is valid and
+ * means "keep the backend default". Returns null when any entry is not a
+ * number in (0, 100].
+ */
+function parseThresholdsInput(input) {
+    const trimmed = input.trim();
+    if (trimmed === '')
+        return [];
+    const parts = trimmed.split(',').map((part) => part.trim());
+    const fractions = [];
+    for (const part of parts) {
+        if (part === '')
+            return null;
+        const percent = Number(part);
+        if (Number.isNaN(percent) || percent <= 0 || percent > 100)
+            return null;
+        fractions.push(percent / 100);
+    }
+    return fractions;
+}
+/** A valid limit is any number strictly greater than 0. */
+function isValidLimit(input) {
+    const parsed = Number(input);
+    return input.trim() !== '' && !Number.isNaN(parsed) && parsed > 0;
+}
+/** Percent of the limit already spent, clamped to [0, 100] for progress bars. */
+function percentUsed(currentSpend, maxCost) {
+    const spent = Number(currentSpend);
+    const limit = Number(maxCost);
+    if (Number.isNaN(spent) || Number.isNaN(limit) || limit <= 0)
+        return 0;
+    return Math.min(100, Math.max(0, Math.round((spent / limit) * 100)));
+}
+
+/**
+ * Editor for one spend cap of any scope. Counter fields
+ * (current spend / remaining / exceeded) are read-only on the backend and
+ * only rendered, never submitted.
+ */
+function SpendCapForm({ labels, cap, isSaving, isDeleting, onSave, onDelete, onCancel, showUsage = true, testId, }) {
+    const [limit, setLimit] = React__default.useState('');
+    const [interval, setInterval] = React__default.useState('month');
+    const [enforcement, setEnforcement] = React__default.useState('block');
+    const [thresholds, setThresholds] = React__default.useState('80, 95');
+    const [enabled, setEnabled] = React__default.useState(true);
+    // Rehydrate the form whenever the server copy changes.
+    React__default.useEffect(() => {
+        var _a, _b, _c;
+        setLimit(cap ? String(Number(cap.max_cost_usd)) : '');
+        setInterval((_a = cap === null || cap === void 0 ? void 0 : cap.interval_type) !== null && _a !== void 0 ? _a : 'month');
+        setEnforcement((_b = cap === null || cap === void 0 ? void 0 : cap.enforcement) !== null && _b !== void 0 ? _b : 'block');
+        setThresholds(cap ? thresholdsToInput(cap.alert_thresholds) : '80, 95');
+        setEnabled((_c = cap === null || cap === void 0 ? void 0 : cap.enabled) !== null && _c !== void 0 ? _c : true);
+    }, [cap === null || cap === void 0 ? void 0 : cap.id, cap === null || cap === void 0 ? void 0 : cap.updated_at]); // eslint-disable-line react-hooks/exhaustive-deps
+    const limitTouched = limit.trim() !== '';
+    const limitValid = isValidLimit(limit);
+    const parsedThresholds = parseThresholdsInput(thresholds);
+    const thresholdsValid = parsedThresholds !== null;
+    const canSave = limitValid && thresholdsValid && !isSaving && !isDeleting;
+    const handleSave = () => {
+        const formData = {
+            interval_type: interval,
+            max_cost_usd: Number(limit).toFixed(2),
+            enforcement,
+            enabled,
+        };
+        if (parsedThresholds && parsedThresholds.length > 0) {
+            formData.alert_thresholds = parsedThresholds;
+        }
+        onSave(formData);
+    };
+    const usagePercent = cap ? percentUsed(cap.current_spend_usd, cap.max_cost_usd) : 0;
+    const barColor = (cap === null || cap === void 0 ? void 0 : cap.is_exceeded)
+        ? 'bg-red-500'
+        : usagePercent >= 80
+            ? 'bg-amber-500'
+            : 'bg-blue-500';
+    return (jsxs("div", { className: "space-y-4", "data-testid": `${testId}-form`, children: [!cap && (jsx("p", { className: "text-xs text-gray-500", "data-testid": `${testId}-no-cap-hint`, children: labels.form.noCapHint })), jsx(CapabilityGate, { title: labels.capability.title, description: labels.capability.description, offHint: labels.capability.offHint, enabled: enabled, onToggle: setEnabled, disabled: isSaving || isDeleting, ariaLabel: labels.capability.title, toggleTestId: `${testId}-enabled-switch`, children: jsxs("div", { className: "space-y-4", children: [cap && showUsage && (jsxs("div", { className: "space-y-2 rounded-lg border border-gray-200 bg-gray-50 p-3", "data-testid": `${testId}-usage`, children: [jsxs("div", { className: "flex items-center justify-between", children: [jsx("p", { className: "text-xs font-medium text-gray-700", children: labels.usage.periodTitles[cap.interval_type] }), jsxs("div", { className: "flex items-center gap-1.5", children: [!cap.enabled && (jsx("span", { className: "rounded-full bg-gray-200 px-2 py-0.5 text-[11px] font-medium text-gray-700", "data-testid": `${testId}-disabled-badge`, children: labels.usage.disabledBadge })), cap.enforcement === 'alert_only' && (jsx("span", { className: "rounded-full bg-amber-100 px-2 py-0.5 text-[11px] font-medium text-amber-800", "data-testid": `${testId}-alert-only-badge`, children: labels.usage.alertOnlyBadge })), cap.is_exceeded && (jsx("span", { className: "rounded-full bg-red-100 px-2 py-0.5 text-[11px] font-medium text-red-700", "data-testid": `${testId}-exceeded-badge`, children: labels.usage.exceededBadge }))] })] }), jsx("div", { className: "h-2 w-full overflow-hidden rounded-full bg-gray-200", role: "progressbar", "aria-valuenow": usagePercent, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": labels.usage.title, children: jsx("div", { className: `h-full rounded-full transition-all ${barColor}`, style: { width: `${usagePercent}%` } }) }), jsxs("div", { className: "flex items-center justify-between text-xs text-gray-600", children: [jsx("span", { "data-testid": `${testId}-spent`, children: labels.usage.spent.replace('{amount}', formatUsd$1(cap.current_spend_usd)) }), jsx("span", { "data-testid": `${testId}-percent`, children: labels.usage.percentUsed.replace('{percent}', String(usagePercent)) }), jsx("span", { "data-testid": `${testId}-remaining`, children: labels.usage.remaining.replace('{amount}', formatUsd$1(cap.remaining_usd)) })] })] })), jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [jsxs("div", { className: "space-y-1.5", children: [jsx(Label$1, { className: "text-xs font-medium text-gray-700", children: labels.form.limitLabel }), jsx(Input, { className: "focus-visible:border-blue-500 focus-visible:ring-1 focus-visible:ring-blue-500", value: limit, onChange: (e) => setLimit(e.target.value), placeholder: labels.form.limitPlaceholder, inputMode: "decimal", "data-testid": `${testId}-limit-input` }), limitTouched && !limitValid && (jsx("p", { className: "text-xs text-red-500", "data-testid": `${testId}-limit-error`, children: labels.form.limitError }))] }), jsxs("div", { className: "space-y-1.5", children: [jsx(Label$1, { className: "text-xs font-medium text-gray-700", children: labels.form.intervalLabel }), jsxs(Select$1, { value: interval, onValueChange: (value) => setInterval(value), children: [jsx(SelectTrigger, { className: "h-9", "data-testid": `${testId}-interval-select`, children: jsx(SelectValue, {}) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "day", children: labels.form.intervalOptions.day }), jsx(SelectItem, { value: "week", children: labels.form.intervalOptions.week }), jsx(SelectItem, { value: "month", children: labels.form.intervalOptions.month }), jsx(SelectItem, { value: "year", children: labels.form.intervalOptions.year })] })] })] })] }), jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [jsxs("div", { className: "space-y-1.5", children: [jsx(Label$1, { className: "text-xs font-medium text-gray-700", children: labels.form.enforcementLabel }), jsxs(Select$1, { value: enforcement, onValueChange: (value) => setEnforcement(value), children: [jsx(SelectTrigger, { className: "h-9", "data-testid": `${testId}-enforcement-select`, children: jsx(SelectValue, {}) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "block", children: labels.form.enforcementOptions.block }), jsx(SelectItem, { value: "alert_only", children: labels.form.enforcementOptions.alertOnly })] })] }), jsx("p", { className: "text-xs text-gray-500", children: enforcement === 'block'
+                                                ? labels.form.enforcementHelp.block
+                                                : labels.form.enforcementHelp.alertOnly })] }), jsxs("div", { className: "space-y-1.5", children: [jsx(Label$1, { className: "text-xs font-medium text-gray-700", children: labels.form.thresholdsLabel }), jsx(Input, { className: "focus-visible:border-blue-500 focus-visible:ring-1 focus-visible:ring-blue-500", value: thresholds, onChange: (e) => setThresholds(e.target.value), placeholder: labels.form.thresholdsPlaceholder, "data-testid": `${testId}-thresholds-input` }), thresholdsValid ? (jsx("p", { className: "text-xs text-gray-500", children: labels.form.thresholdsHelp })) : (jsx("p", { className: "text-xs text-red-500", "data-testid": `${testId}-thresholds-error`, children: labels.form.thresholdsError }))] })] })] }) }), jsxs("div", { className: "flex items-center justify-end gap-2", children: [onCancel && (jsx("button", { type: "button", onClick: onCancel, disabled: isSaving || isDeleting, "data-testid": `${testId}-cancel-button`, className: "inline-flex items-center rounded-md border border-gray-200 px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50", children: labels.form.cancel })), cap && onDelete && (jsx("button", { type: "button", onClick: onDelete, disabled: isSaving || isDeleting, "data-testid": `${testId}-delete-button`, className: "inline-flex items-center rounded-md border border-red-200 px-4 py-2 text-sm font-medium text-red-600 hover:bg-red-50 disabled:cursor-not-allowed disabled:opacity-50", children: isDeleting ? labels.form.removing : labels.form.remove })), jsx("button", { type: "button", onClick: handleSave, disabled: !canSave, "data-testid": `${testId}-save-button`, className: "inline-flex items-center gap-2 rounded-md bg-gradient-to-r from-[#2563EB] to-[#93C5FD] px-4 py-2 text-sm font-medium text-white hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-50", children: isSaving ? labels.form.saving : labels.form.save })] })] }));
+}
+
+function errorStatus$2(error) {
+    return error === null || error === void 0 ? void 0 : error.status;
+}
+function errorDetail$2(error) {
+    const data = error === null || error === void 0 ? void 0 : error.data;
+    if (typeof (data === null || data === void 0 ? void 0 : data.detail) === 'string')
+        return data.detail;
+    if (typeof (data === null || data === void 0 ? void 0 : data.error) === 'string')
+        return data.error;
+    return '';
+}
+function useSpendCaps({ tenantKey, mentorId, labels }) {
+    const identityReady = Boolean(tenantKey && mentorId);
+    // 404 is the documented "no cap configured yet" state for the singleton
+    // GETs, not an error — the row simply may not exist (mirrors the grader
+    // tab's config query, which 404s until first saved).
+    const { data: agentCapData, error: agentCapError, isLoading: isAgentCapLoading, refetch: refetchAgentCap, } = useGetAgentSpendCapQuery({ org: tenantKey, mentorId }, { skip: !identityReady });
+    const { data: tenantCapData, error: tenantCapError, isLoading: isTenantCapLoading, refetch: refetchTenantCap, } = useGetTenantSpendCapQuery({ org: tenantKey }, { skip: !tenantKey });
+    // Derive the caps from the error state, not just from `data`: after a
+    // delete, the explicit refetch 404s while RTK Query keeps the entry's
+    // last fulfilled data — without this, the form would keep showing the
+    // just-deleted cap. Keyed on error PRESENCE rather than `status === 404`
+    // because `iblFetchBaseQuery` THROWS its errors and RTK serializes a
+    // thrown plain object down to a bare SerializedError with no `status`.
+    // Any singleton-GET error means there is no trustworthy cap: the
+    // expected 404 is "no cap configured", and the 403 denied state renders
+    // its own panel instead of the form.
+    const agentCap = agentCapError ? undefined : agentCapData;
+    const tenantCap = tenantCapError ? undefined : tenantCapData;
+    const { data: userCaps = [], error: userCapsError, isLoading: isUserCapsLoading, refetch: refetchUserCaps, } = useListAgentUserSpendCapsQuery({ org: tenantKey, mentorId }, { skip: !identityReady });
+    const [upsertAgentCap, { isLoading: isSavingAgentCap }] = useUpsertAgentSpendCapMutation();
+    const [deleteAgentCap, { isLoading: isDeletingAgentCap }] = useDeleteAgentSpendCapMutation();
+    const [upsertTenantCap, { isLoading: isSavingTenantCap }] = useUpsertTenantSpendCapMutation();
+    const [deleteTenantCap, { isLoading: isDeletingTenantCap }] = useDeleteTenantSpendCapMutation();
+    const [upsertUserCap, { isLoading: isSavingUserCap }] = useUpsertUserSpendCapMutation();
+    const [deleteUserCap, { isLoading: isDeletingUserCap }] = useDeleteUserSpendCapMutation();
+    const isAgentForbidden = errorStatus$2(agentCapError) === 403;
+    const isTenantForbidden = errorStatus$2(tenantCapError) === 403;
+    const isUsersForbidden = errorStatus$2(userCapsError) === 403;
+    // Refetch the mutated scope explicitly after every successful save/delete
+    // (same as the grader tab's `refetchConfig()`): the singleton GETs 404
+    // until first created, and a cache entry whose only fetch errored isn't
+    // reachable through the mutation's tag invalidation — the explicit
+    // refetch keeps the form in sync in place regardless.
+    const runSave = async (mutate, refetchScope) => {
+        try {
+            await mutate();
+            refetchScope();
+            toast.success(labels.toasts.saved);
+            return true;
+        }
+        catch (error) {
+            console.error('[AgentSpendCapsTab] save spend cap error', error);
+            toast.error(errorDetail$2(error) || labels.toasts.saveError);
+            return false;
+        }
+    };
+    const runDelete = async (mutate, refetchScope) => {
+        try {
+            await mutate();
+            refetchScope();
+            toast.success(labels.toasts.deleted);
+            return true;
+        }
+        catch (error) {
+            console.error('[AgentSpendCapsTab] delete spend cap error', error);
+            toast.error(errorDetail$2(error) || labels.toasts.deleteError);
+            return false;
+        }
+    };
+    const saveAgentCap = (formData) => runSave(() => upsertAgentCap({ org: tenantKey, mentorId, formData }).unwrap(), refetchAgentCap);
+    const removeAgentCap = () => runDelete(() => deleteAgentCap({ org: tenantKey, mentorId }).unwrap(), refetchAgentCap);
+    const saveTenantCap = (formData) => runSave(() => upsertTenantCap({ org: tenantKey, formData }).unwrap(), refetchTenantCap);
+    const removeTenantCap = () => runDelete(() => deleteTenantCap({ org: tenantKey }).unwrap(), refetchTenantCap);
+    const saveUserCap = (username, formData) => runSave(() => upsertUserCap({ org: tenantKey, mentorId, username, formData }).unwrap(), refetchUserCaps);
+    const removeUserCap = (username) => runDelete(() => deleteUserCap({ org: tenantKey, mentorId, username }).unwrap(), refetchUserCaps);
+    return {
+        agentCap,
+        isAgentCapLoading,
+        isAgentForbidden,
+        saveAgentCap,
+        removeAgentCap,
+        isSavingAgentCap,
+        isDeletingAgentCap,
+        tenantCap,
+        isTenantCapLoading,
+        isTenantForbidden,
+        saveTenantCap,
+        removeTenantCap,
+        isSavingTenantCap,
+        isDeletingTenantCap,
+        userCaps,
+        isUserCapsLoading,
+        isUsersForbidden,
+        saveUserCap,
+        removeUserCap,
+        isSavingUserCap,
+        isDeletingUserCap,
+    };
+}
+
+/**
+ * Tenant-settings Billing section for the workspace-wide LLM spend limit.
+ * Renders the same `SpendCapForm` (usage strip included) as the agent
+ * settings Billing tab, so both scopes present the identical editor.
+ * Per-agent and per-user limits are managed in each agent's own Billing tab
+ * (`AgentSpendCapsTab`), since user limits are keyed per agent.
+ * Rendered inside `BillingTab`.
+ */
+function SpendLimitsSection({ tenantKey, labels: labelsOverride }) {
+    const t = useT();
+    const labels = React__default.useMemo(() => resolveSpendCapsTabLabels(labelsOverride, t), [labelsOverride, t]);
+    const [isDeleteOpen, setIsDeleteOpen] = React__default.useState(false);
+    const { tenantCap, isTenantCapLoading, isTenantForbidden, saveTenantCap, removeTenantCap, isSavingTenantCap, isDeletingTenantCap, } = useSpendCaps({ tenantKey, mentorId: '', labels });
+    const handleConfirmDelete = async () => {
+        const deleted = await removeTenantCap();
+        if (deleted)
+            setIsDeleteOpen(false);
+    };
+    // With no cap configured there are no reconciled counters, so surface the
+    // workspace's actual spend from the financial analytics endpoint instead —
+    // an admin should see what is being spent before deciding on a limit.
+    const skipActualSpend = !tenantKey || isTenantCapLoading || isTenantForbidden || Boolean(tenantCap);
+    const { data: monthlySpend } = useGetFinancialStatsQuery({ metric: 'monthly_costs', date_filter: 'all_time', platform_key: tenantKey }, { skip: skipActualSpend });
+    const { data: totalSpend } = useGetFinancialStatsQuery({ metric: 'total_costs', all_time: 'true', date_filter: 'all_time', platform_key: tenantKey }, { skip: skipActualSpend });
+    return (jsxs(Fragment$1, { children: [jsxs("div", { "data-testid": "spend-limits-workspace-section", className: "rounded-lg border border-[#e5e5e5] bg-white shadow-[0_1px_2px_0_rgba(0,0,0,0.05)] dark:bg-zinc-900 dark:border-zinc-800", children: [jsx("div", { className: "flex flex-col gap-2 p-4 sm:flex-row sm:items-start sm:justify-between", children: jsxs("div", { className: "space-y-0.5", children: [jsx("h3", { className: "text-[16px] font-medium leading-6 text-[#101828] dark:text-gray-100", children: labels.tenantSections.workspace.title }), jsx("p", { className: "text-[13px] font-normal leading-5 text-[#4a5565] dark:text-gray-400", children: labels.tenantSections.workspace.description })] }) }), jsx("div", { className: "border-t border-[#e5e7eb] dark:border-zinc-800 px-4 py-3", children: isTenantCapLoading ? (jsx("div", { className: "flex items-center justify-center py-8", "data-testid": "tenant-cap-loading", children: jsx(Spinner, {}) })) : isTenantForbidden ? (jsxs("div", { className: "flex flex-col items-center gap-2 rounded-lg border border-gray-200 bg-gray-50 px-4 py-10 text-center", "data-testid": "spend-limits-denied", children: [jsx(ShieldAlert, { className: "h-6 w-6 text-gray-400" }), jsx("p", { className: "text-sm font-medium text-gray-900", children: labels.denied.title }), jsx("p", { className: "max-w-sm text-xs text-gray-600", children: labels.denied.description })] })) : (jsxs("div", { className: "space-y-4", children: [!tenantCap && (monthlySpend != null || totalSpend != null) && (jsxs("div", { className: "space-y-1", "data-testid": "workspace-actual-spend-stats", children: [jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [monthlySpend != null && (jsxs("div", { className: "space-y-0.5", children: [jsx("p", { className: "text-[11px] font-medium uppercase tracking-wide text-[#6a7282] dark:text-gray-400", children: labels.tenantSections.noCapStats.spentThisMonth }), jsx("p", { className: "text-[18px] font-semibold leading-6 text-[#101828] dark:text-gray-100", "data-testid": "workspace-actual-spend-month", children: formatUsd$1(String(monthlySpend.value)) })] })), totalSpend != null && (jsxs("div", { className: "space-y-0.5", children: [jsx("p", { className: "text-[11px] font-medium uppercase tracking-wide text-[#6a7282] dark:text-gray-400", children: labels.tenantSections.noCapStats.spentAllTime }), jsx("p", { className: "text-[18px] font-semibold leading-6 text-[#101828] dark:text-gray-100", "data-testid": "workspace-actual-spend-total", children: formatUsd$1(String(totalSpend.value)) })] }))] }), jsx("p", { className: "text-[12px] font-normal leading-4 text-[#6a7282] dark:text-gray-500", children: labels.tenantSections.noCapStats.hint })] })), jsx(SpendCapForm, { labels: labels, cap: tenantCap, isSaving: isSavingTenantCap, isDeleting: isDeletingTenantCap, onSave: saveTenantCap, onDelete: () => setIsDeleteOpen(true), testId: "tenant-cap" })] })) })] }), jsx(Dialog, { open: isDeleteOpen, onOpenChange: () => setIsDeleteOpen(false), children: jsxs(DialogContent, { "aria-describedby": "tenant-cap-delete-description", "data-testid": "tenant-cap-delete-modal", children: [jsx(DialogHeader, { children: jsx(DialogTitle, { className: "ibl-dialog-title", children: labels.deleteModal.title }) }), jsx("div", { className: "my-5", id: "tenant-cap-delete-description", children: jsx("p", { className: "text-sm text-[#646464]", children: labels.deleteModal.description }) }), jsxs(DialogFooter, { className: "gap-3", children: [jsx(Button$1, { variant: "outline", onClick: () => setIsDeleteOpen(false), children: labels.deleteModal.cancel }), jsx(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", onClick: handleConfirmDelete, disabled: isDeletingTenantCap, "data-testid": "tenant-cap-delete-confirm", children: isDeletingTenantCap ? labels.form.removing : labels.deleteModal.confirm })] })] }) })] }));
+}
+
+function c$3(e,u,c){var i=this,a=useRef(null),o=useRef(0),f=useRef(null),l=useRef([]),v=useRef(),m=useRef(),d=useRef(e),g=useRef(true);d.current=e;var p="undefined"!=typeof window,w=!u&&0!==u&&p;if("function"!=typeof e)throw new TypeError("Expected a function");u=+u||0;var s=!!(c=c||{}).leading,x=!("trailing"in c)||!!c.trailing,h="maxWait"in c,y="debounceOnServer"in c&&!!c.debounceOnServer,F=h?Math.max(+c.maxWait||0,u):null;useEffect(function(){return g.current=true,function(){g.current=false;}},[]);var A=useMemo(function(){var r=function(r){var n=l.current,t=v.current;return l.current=v.current=null,o.current=r,m.current=d.current.apply(t,n)},n=function(r,n){w&&cancelAnimationFrame(f.current),f.current=w?requestAnimationFrame(r):setTimeout(r,n);},t=function(r){if(!g.current)return  false;var n=r-a.current;return !a.current||n>=u||n<0||h&&r-o.current>=F},e=function(n){return f.current=null,x&&l.current?r(n):(l.current=v.current=null,m.current)},c=function r(){var c=Date.now();if(t(c))return e(c);if(g.current){var i=u-(c-a.current),f=h?Math.min(i,F-(c-o.current)):i;n(r,f);}},A=function(){if(p||y){var e=Date.now(),d=t(e);if(l.current=[].slice.call(arguments),v.current=i,a.current=e,d){if(!f.current&&g.current)return o.current=a.current,n(c,u),s?r(a.current):m.current;if(h)return n(c,u),r(a.current)}return f.current||n(c,u),m.current}};return A.cancel=function(){f.current&&(w?cancelAnimationFrame(f.current):clearTimeout(f.current)),o.current=0,l.current=a.current=v.current=f.current=null;},A.isPending=function(){return !!f.current},A.flush=function(){return f.current?e(Date.now()):m.current},A},[s,h,u,F,x,w,p,y]);return A}function i$9(r,n){return r===n}function a$3(n,t,a){var o=i$9,f=useRef(n),l=useState({})[1],v=c$3(useCallback(function(r){f.current=r,l({});},[l]),t,a),m=useRef(n);return o(m.current,n)||(v(n),m.current=n),[f.current,v]}
+
+const Table$1 = React.forwardRef(({ className, ...props }, ref) => (jsx("div", { className: "relative w-full overflow-auto", children: jsx("table", { ref: ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })));
+Table$1.displayName = "Table";
+const TableHeader$1 = React.forwardRef(({ className, ...props }, ref) => (jsx("thead", { ref: ref, className: cn("[&_tr]:border-b", className), ...props })));
+TableHeader$1.displayName = "TableHeader";
+const TableBody = React.forwardRef(({ className, ...props }, ref) => (jsx("tbody", { ref: ref, className: cn("[&_tr:last-child]:border-0", className), ...props })));
+TableBody.displayName = "TableBody";
+const TableFooter = React.forwardRef(({ className, ...props }, ref) => (jsx("tfoot", { ref: ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })));
+TableFooter.displayName = "TableFooter";
+const TableRow$1 = React.forwardRef(({ className, ...props }, ref) => (jsx("tr", { ref: ref, className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className), ...props })));
+TableRow$1.displayName = "TableRow";
+const TableHead = React.forwardRef(({ className, ...props }, ref) => (jsx("th", { ref: ref, className: cn("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props })));
+TableHead.displayName = "TableHead";
+const TableCell$1 = React.forwardRef(({ className, ...props }, ref) => (jsx("td", { ref: ref, className: cn("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props })));
+TableCell$1.displayName = "TableCell";
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => (jsx("caption", { ref: ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })));
+TableCaption.displayName = "TableCaption";
+
+/**
+ * Single-select searchable picker: a deb-ounce-agnostic input + absolute
+ * results dropdown (the add-access pattern), collapsing to a removable chip
+ * once something is picked. The caller owns the search term and the fetched
+ * options so any query hook can back it.
+ */
+function SearchSelect({ labels, selected, onSelect, onClear, searchTerm, onSearchTermChange, options, isLoading, minChars = 2, testId, }) {
+    const [isOpen, setIsOpen] = React__default.useState(false);
+    const blurTimeout = React__default.useRef(null);
+    React__default.useEffect(() => () => {
+        if (blurTimeout.current)
+            clearTimeout(blurTimeout.current);
+    }, []);
+    if (selected) {
+        return (jsxs("div", { className: "space-y-1.5", children: [jsx(Label$1, { className: "text-xs font-medium text-gray-700", children: labels.label }), jsxs("div", { className: "flex items-center justify-between gap-2 rounded-md border border-gray-200 bg-gray-50 px-3 py-2", "data-testid": `${testId}-selected`, children: [jsxs("div", { className: "min-w-0", children: [jsx("p", { className: "truncate text-sm font-medium text-gray-900", children: selected.label }), selected.sublabel && (jsx("p", { className: "truncate text-xs text-gray-600", children: selected.sublabel }))] }), jsxs(Button$1, { type: "button", size: "icon", variant: "ghost", className: "h-6 w-6 flex-shrink-0 text-gray-500 hover:text-red-600", onClick: onClear, "data-testid": `${testId}-clear`, children: [jsx(X$2, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), jsx("span", { className: "sr-only", children: labels.clear })] })] })] }));
+    }
+    return (jsxs("div", { className: "space-y-1.5", children: [jsx(Label$1, { className: "text-xs font-medium text-gray-700", htmlFor: `${testId}-input`, children: labels.label }), jsxs("div", { className: "relative", children: [jsx(Input, { id: `${testId}-input`, className: "focus-visible:border-blue-500 focus-visible:ring-1 focus-visible:ring-blue-500", value: searchTerm, onChange: (e) => onSearchTermChange(e.target.value), onFocus: () => {
+                            if (blurTimeout.current)
+                                clearTimeout(blurTimeout.current);
+                            setIsOpen(true);
+                        }, onBlur: () => {
+                            blurTimeout.current = setTimeout(() => setIsOpen(false), 100);
+                        }, placeholder: labels.placeholder, autoComplete: "off", "aria-autocomplete": "list", "aria-expanded": isOpen, "data-testid": `${testId}-input` }), isOpen && (jsx("div", { className: "absolute top-full right-0 left-0 z-50 mt-1 max-h-64 overflow-y-auto rounded-md border border-gray-200 bg-white shadow-lg", "data-testid": `${testId}-results`, children: searchTerm.trim().length < minChars ? (jsx("div", { className: "px-3 py-2 text-sm text-gray-600", children: labels.typeToSearch })) : isLoading ? (jsxs("div", { className: "flex items-center gap-2 px-3 py-2 text-sm text-gray-600", children: [jsx(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": "true" }), labels.searching] })) : options.length > 0 ? (options.map((option) => (jsxs("button", { type: "button", className: "flex w-full flex-col items-start gap-0.5 px-3 py-2 text-left hover:bg-gray-50", onMouseDown: (event) => event.preventDefault(), onClick: () => {
+                                onSelect(option);
+                                setIsOpen(false);
+                            }, "data-testid": `${testId}-option-${option.value}`, children: [jsx("span", { className: "text-sm font-medium text-gray-900", children: option.label }), option.sublabel && (jsx("span", { className: "text-xs text-gray-600", children: option.sublabel }))] }, option.value)))) : (jsx("div", { className: "px-3 py-2 text-sm text-gray-600", "data-testid": `${testId}-no-results`, children: labels.noResults })) }))] })] }));
+}
+
+/**
+ * The shared `Profile` viewer in a dialog — the same modal the tenant
+ * Management tab opens when a user row is clicked. Controlled variant for
+ * hosts that trigger it from a whole table row.
+ */
+function UserProfileDialog({ tenantKey, username, isOpen, onClose }) {
+    const t = useT();
+    if (!isOpen)
+        return null;
+    return (jsx(Dialog, { open: true, onOpenChange: onClose, children: jsxs(DialogContent, { autoFocus: false, className: "profile-component-dialog max-w-7xl w-[85vw] gap-0 overflow-hidden bg-white p-0", style: { height: '85vh', display: 'flex', flexDirection: 'column' }, "data-testid": "user-profile-link-dialog", children: [jsx(DialogTitle, { className: "sr-only", children: t('tabsUserstab.profileDialogTitle') }), jsx(DialogDescription, { className: "sr-only", children: t('tabsUserstab.profileDialogDescription') }), jsx(Profile, { tenant: tenantKey, tenants: [], username: username, onClose: onClose })] }) }));
+}
+/**
+ * Clickable user identity that opens the shared `Profile` viewer in a dialog
+ * — the same modal the tenant Management tab opens when a user row is
+ * clicked. Used by the per-user limits table and the user-limit modal.
+ */
+function UserProfileLink({ tenantKey, username, display, className, testId, }) {
+    const t = useT();
+    const [isOpen, setIsOpen] = React__default.useState(false);
+    return (jsxs(Fragment$1, { children: [jsx("button", { type: "button", onClick: (event) => {
+                    event.stopPropagation();
+                    setIsOpen(true);
+                }, className: cn('max-w-full cursor-pointer truncate text-left hover:text-blue-600 hover:underline focus:text-blue-600 focus:outline-none', className), "aria-label": t('tabsUserstab.viewProfileAriaLabel', { name: display }), "data-testid": testId, children: display }), jsx(UserProfileDialog, { tenantKey: tenantKey, username: username, isOpen: isOpen, onClose: () => setIsOpen(false) })] }));
+}
+
+/**
+ * Add/edit dialog for one per-user spend limit, mirroring the grader
+ * criterion modal: create mode starts with a searchable platform-user picker
+ * (no free-text usernames), edit mode goes straight to the form for the
+ * cap's user. The form's Cancel/Save footer acts as the dialog footer.
+ */
+function UserCapModal({ isOpen, onClose, cap, labels, tenantKey, isSaving, onSave }) {
+    var _a, _b, _c, _d, _e;
+    const isEditing = Boolean(cap);
+    const [pickedUser, setPickedUser] = React__default.useState(null);
+    const [userSearch, setUserSearch] = React__default.useState('');
+    // Reset the picker each time the modal opens for a create.
+    React__default.useEffect(() => {
+        if (!isOpen)
+            return;
+        setPickedUser(null);
+        setUserSearch('');
+    }, [isOpen, cap]);
+    const [debouncedUserSearch] = a$3(userSearch, 300);
+    const shouldSearchUsers = Boolean(isOpen && !isEditing && tenantKey && debouncedUserSearch.trim().length >= 2);
+    const { data: usersData, isFetching: isSearchingUsers } = usePlatformUsersQuery({
+        page: 1,
+        page_size: 20,
+        platform_key: tenantKey,
+        platform_org: tenantKey,
+        query: debouncedUserSearch.trim(),
+        return_policies: 'false',
+    }, { skip: !shouldSearchUsers });
+    // The platform users endpoint returns either `results` or `results.data`
+    // depending on whether policies were requested.
+    const rawResults = usersData === null || usersData === void 0 ? void 0 : usersData.results;
+    const foundUsers = Array.isArray(rawResults)
+        ? rawResults
+        : ((_a = rawResults === null || rawResults === void 0 ? void 0 : rawResults.data) !== null && _a !== void 0 ? _a : []);
+    // Deliberately email-only in the UI (no name/username noise); the cap API
+    // is still keyed by username, which rides along as the option value.
+    const userOptions = foundUsers
+        .filter((user) => Boolean(user.username) && Boolean(user.email))
+        .map((user) => ({
+        value: user.username,
+        label: user.email,
+    }));
+    const username = isEditing ? ((_b = cap === null || cap === void 0 ? void 0 : cap.username) !== null && _b !== void 0 ? _b : '') : ((_c = pickedUser === null || pickedUser === void 0 ? void 0 : pickedUser.value) !== null && _c !== void 0 ? _c : '');
+    const handleSave = async (formData) => {
+        if (!username)
+            return;
+        const saved = await onSave(username, formData);
+        if (saved)
+            onClose();
+    };
+    return (jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: jsxs(DialogContent, { "aria-describedby": "user-cap-modal-description", "data-testid": "user-cap-modal", className: "flex max-h-[85vh] flex-col sm:max-w-xl", children: [jsx(DialogHeader, { className: "flex-shrink-0", children: jsx(DialogTitle, { className: "ibl-dialog-title", children: isEditing ? labels.users.editTitle : labels.users.addTitle }) }), jsxs("div", { className: cn('min-h-0 flex-1 space-y-4 overflow-y-auto', 
+                    // Reserve room for the search results dropdown while no user is
+                    // picked yet — otherwise the scroll container clips it.
+                    !isEditing && !pickedUser && 'min-h-[340px]'), id: "user-cap-modal-description", children: [isEditing ? (jsx("p", { className: "text-sm text-[#646464]", "data-testid": "user-cap-modal-username", children: jsx(UserProfileLink, { tenantKey: tenantKey, username: (_d = cap === null || cap === void 0 ? void 0 : cap.username) !== null && _d !== void 0 ? _d : '', display: (cap === null || cap === void 0 ? void 0 : cap.email) || ((_e = cap === null || cap === void 0 ? void 0 : cap.username) !== null && _e !== void 0 ? _e : ''), className: "inline", testId: "user-cap-modal-profile-link" }) })) : (jsx(SearchSelect, { labels: labels.users.picker, selected: pickedUser, onSelect: setPickedUser, onClear: () => setPickedUser(null), searchTerm: userSearch, onSearchTermChange: setUserSearch, options: userOptions, isLoading: isSearchingUsers, testId: "user-cap-modal-user-picker" })), Boolean(username) && (jsx(SpendCapForm, { labels: labels, cap: cap !== null && cap !== void 0 ? cap : undefined, isSaving: isSaving, isDeleting: false, onSave: handleSave, onCancel: onClose, testId: "user-cap-modal" }))] })] }) }));
+}
+
+/**
+ * Per-user limits for one agent: a list of the explicit (user, agent) caps.
+ * Add and edit both go through the `UserCapModal` popup (add picks the user
+ * via a platform-user search — no free-text usernames); delete confirms in a
+ * dialog.
+ */
+function UserCapsSection({ labels, tenantKey, caps, isLoading, isSaving, isDeleting, onSave, onDelete, }) {
+    var _a;
+    const [isModalOpen, setIsModalOpen] = React__default.useState(false);
+    const [editingCap, setEditingCap] = React__default.useState(null);
+    // The cap queued for deletion — kept whole so the dialog can show the
+    // user's email while the delete call is still keyed by username.
+    const [pendingDelete, setPendingDelete] = React__default.useState(null);
+    // Whole-row click opens the user's profile (Management-tab pattern).
+    const [profileCap, setProfileCap] = React__default.useState(null);
+    const openAdd = () => {
+        setEditingCap(null);
+        setIsModalOpen(true);
+    };
+    const openEdit = (cap) => {
+        setEditingCap(cap);
+        setIsModalOpen(true);
+    };
+    // Status toggle saves immediately (datasets-table pattern) — the PUT is an
+    // upsert, so the cap's current fields ride along with the flipped flag.
+    const toggleEnabled = (cap, checked) => {
+        var _a;
+        void onSave((_a = cap.username) !== null && _a !== void 0 ? _a : '', {
+            interval_type: cap.interval_type,
+            max_cost_usd: cap.max_cost_usd,
+            enforcement: cap.enforcement,
+            alert_thresholds: cap.alert_thresholds,
+            enabled: checked,
+        });
+    };
+    const handleConfirmDelete = async () => {
+        var _a;
+        if (!pendingDelete)
+            return;
+        const deleted = await onDelete((_a = pendingDelete.username) !== null && _a !== void 0 ? _a : '');
+        if (deleted)
+            setPendingDelete(null);
+    };
+    return (jsxs("div", { className: "space-y-3", "data-testid": "user-caps-section", children: [jsxs("div", { className: "flex items-start justify-between gap-4", children: [jsxs("div", { children: [jsx("h4", { className: "text-sm font-medium text-gray-900", children: labels.users.sectionTitle }), jsx("p", { className: "text-xs text-gray-600", children: labels.users.sectionDescription })] }), jsxs(Button$1, { className: "ibl-button-primary flex-shrink-0", onClick: openAdd, disabled: isSaving || isDeleting, "data-testid": "user-caps-add-button", children: [jsx(Plus, { className: "mr-1 h-4 w-4" }), labels.users.addButton] })] }), jsx("div", { className: "overflow-hidden rounded-md border", "data-testid": "user-caps-list", children: jsx("div", { className: "overflow-x-auto sm:mx-0", children: jsx("div", { className: "inline-block min-w-full align-middle", children: isLoading ? (jsx("div", { className: "flex w-full items-center justify-center py-10", "data-testid": "user-caps-loading", children: jsx(Spinner, {}) })) : (jsxs(Table$1, { className: "min-w-full", children: [jsx(TableHeader$1, { children: jsxs(TableRow$1, { className: "bg-muted/50 border-b", children: [jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: labels.users.table.userColumn }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: labels.users.table.limitColumn }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: labels.users.table.statusColumn }), jsx(TableHead, { className: "w-10 p-3" })] }) }), jsx(TableBody, { children: caps.length === 0 ? (jsx(TableRow$1, { children: jsx(TableCell$1, { colSpan: 4, className: "p-4 text-center text-[#646464]", "data-testid": "user-caps-empty", children: labels.users.emptyState }) })) : (caps.map((cap) => {
+                                        var _a;
+                                        const username = (_a = cap.username) !== null && _a !== void 0 ? _a : '';
+                                        // Email-first everywhere the user is shown or announced;
+                                        // testids and mutation keys stay on the backend's
+                                        // username key.
+                                        const displayName = cap.email || username;
+                                        return (jsxs(TableRow$1, { onClick: () => setProfileCap(cap), className: "cursor-pointer border-b transition-colors last:border-0 hover:bg-gray-50", "data-testid": `user-cap-row-${username}`, children: [jsx(TableCell$1, { className: "max-w-[240px] p-3 font-medium whitespace-nowrap text-[#646464]", children: jsx(UserProfileLink, { tenantKey: tenantKey, username: username, display: displayName, testId: `user-cap-profile-link-${username}` }) }), jsxs(TableCell$1, { className: "p-3 whitespace-nowrap text-[#646464]", children: [formatUsd$1(cap.max_cost_usd), " /", ' ', labels.form.intervalOptions[cap.interval_type]] }), jsx(TableCell$1, { className: "p-3", onClick: (e) => e.stopPropagation(), children: jsxs("div", { className: "flex items-center gap-1.5", children: [jsx(CustomSwitch, { checked: cap.enabled, onCheckedChange: (checked) => toggleEnabled(cap, checked), disabled: isSaving || isDeleting, "aria-label": labels.users.statusToggleAria(displayName), "data-testid": `user-cap-status-switch-${username}` }), cap.is_exceeded && (jsx("span", { className: "rounded-full bg-red-100 px-2 py-0.5 text-[11px] font-medium text-red-700", children: labels.usage.exceededBadge })), cap.enforcement === 'alert_only' && (jsx("span", { className: "rounded-full bg-amber-100 px-2 py-0.5 text-[11px] font-medium text-amber-800", children: labels.usage.alertOnlyBadge }))] }) }), jsx(TableCell$1, { className: "p-3 text-right", onClick: (e) => e.stopPropagation(), children: jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(Button$1, { type: "button", variant: "ghost", size: "icon", "aria-label": labels.users.actionsAria(displayName), "data-testid": `user-cap-actions-${username}`, children: jsx(Ellipsis, { className: "h-4 w-4" }) }) }), jsxs(DropdownMenuContent, { align: "end", children: [jsxs(DropdownMenuItem, { onClick: () => openEdit(cap), "data-testid": `user-cap-edit-${username}`, children: [jsx(Pencil, { className: "mr-2 h-4 w-4" }), labels.users.edit] }), jsxs(DropdownMenuItem, { className: "text-red-600 focus:text-red-700", onClick: () => setPendingDelete(cap), "data-testid": `user-cap-delete-${username}`, children: [jsx(Trash2, { className: "mr-2 h-4 w-4" }), labels.users.delete] })] })] }) })] }, cap.id));
+                                    })) })] })) }) }) }), jsx(UserProfileDialog, { tenantKey: tenantKey, username: (_a = profileCap === null || profileCap === void 0 ? void 0 : profileCap.username) !== null && _a !== void 0 ? _a : '', isOpen: profileCap !== null, onClose: () => setProfileCap(null) }), jsx(UserCapModal, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), cap: editingCap, labels: labels, tenantKey: tenantKey, isSaving: isSaving, onSave: onSave }), jsx(Dialog, { open: pendingDelete !== null, onOpenChange: () => setPendingDelete(null), children: jsxs(DialogContent, { "aria-describedby": "user-cap-delete-description", "data-testid": "user-cap-delete-modal", children: [jsx(DialogHeader, { children: jsx(DialogTitle, { className: "ibl-dialog-title", children: labels.deleteModal.title }) }), jsx("div", { className: "my-5", id: "user-cap-delete-description", children: jsxs("p", { className: "text-sm text-[#646464]", children: [jsx("span", { className: "font-bold italic", children: pendingDelete ? pendingDelete.email || pendingDelete.username : '' }), ' ', "\u2014 ", labels.deleteModal.description] }) }), jsxs(DialogFooter, { className: "gap-3", children: [jsx(Button$1, { variant: "outline", onClick: () => setPendingDelete(null), children: labels.deleteModal.cancel }), jsx(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", onClick: handleConfirmDelete, disabled: isDeleting, "data-testid": "user-cap-delete-confirm", children: isDeleting ? labels.form.removing : labels.deleteModal.confirm })] })] }) })] }));
+}
+
+const AgentSettingsContext = React__default.createContext(null);
+function AgentSettingsProvider({ children, ...value }) {
+    const ctx = React__default.useMemo(() => value, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+        value.tenantKey,
+        value.mentorId,
+        value.username,
+        value.enableRBAC,
+        value.rbacPermissions,
+        value.executeGatedAction,
+        value.visibilityOptions,
+    ]);
+    return jsx(AgentSettingsContext.Provider, { value: ctx, children: children });
+}
+/**
+ * Read the shared agent identity / config from the nearest
+ * `<AgentSettingsProvider>` if one is present, returning `null` otherwise.
+ *
+ * Use this when a tab can also be driven by direct props (i.e. the
+ * `<AgentSettingsProvider>` wrapper is optional). For tabs that strictly
+ * require the provider, use `useAgentSettings`.
+ */
+function useAgentSettingsOptional() {
+    return React__default.useContext(AgentSettingsContext);
+}
+/**
+ * Read the shared agent identity / config from the nearest
+ * `<AgentSettingsProvider>`. Throws if called outside a provider — this is
+ * intentional: every tab MUST be wrapped.
+ */
+function useAgentSettings() {
+    const ctx = React__default.useContext(AgentSettingsContext);
+    if (!ctx) {
+        throw new Error('useAgentSettings must be used within an <AgentSettingsProvider>. ' +
+            'Wrap your tab components with <AgentSettingsProvider tenantKey=... mentorId=... username=... enableRBAC=...>.');
+    }
+    return ctx;
+}
+
+const SPEND_CAPS_SUB_TABS = {
+    agent: 'agent',
+    users: 'users',
+};
+function DeniedState({ labels }) {
+    return (jsxs("div", { className: "flex flex-col items-center gap-2 rounded-lg border border-gray-200 bg-gray-50 px-4 py-10 text-center", "data-testid": "spend-caps-denied", children: [jsx(ShieldAlert, { className: "h-6 w-6 text-gray-400" }), jsx("p", { className: "text-sm font-medium text-gray-900", children: labels.title }), jsx("p", { className: "max-w-sm text-xs text-gray-600", children: labels.description })] }));
+}
+/**
+ * "Billing" tab of the agent settings modal, with two sub-tabs matching the
+ * agent-level backend scopes: the agent's own spend limit and per-user limits
+ * on this agent (user picked through a platform-user search). The
+ * workspace-wide limit is managed in the tenant settings Billing tab instead
+ * (`SpendLimitsSection` inside `BillingTab`). Reads/writes the RBAC-gated
+ * admin endpoints; a 403 renders a friendly denied state per scope.
+ */
+function AgentSpendCapsTab({ labels: labelsOverride, tenantKey: tenantKeyProp, mentorId: mentorIdProp, headerClassName, bodyClassName, }) {
+    var _a, _b;
+    const ctx = useAgentSettingsOptional();
+    const tenantKey = (_a = tenantKeyProp !== null && tenantKeyProp !== void 0 ? tenantKeyProp : ctx === null || ctx === void 0 ? void 0 : ctx.tenantKey) !== null && _a !== void 0 ? _a : '';
+    const mentorId = (_b = mentorIdProp !== null && mentorIdProp !== void 0 ? mentorIdProp : ctx === null || ctx === void 0 ? void 0 : ctx.mentorId) !== null && _b !== void 0 ? _b : '';
+    const t = useT();
+    const labels = React__default.useMemo(() => resolveSpendCapsTabLabels(labelsOverride, t), [labelsOverride, t]);
+    const { agentCap, isAgentCapLoading, isAgentForbidden, saveAgentCap, removeAgentCap, isSavingAgentCap, isDeletingAgentCap, userCaps, isUserCapsLoading, isUsersForbidden, saveUserCap, removeUserCap, isSavingUserCap, isDeletingUserCap, } = useSpendCaps({ tenantKey, mentorId, labels });
+    const [isDeleteOpen, setIsDeleteOpen] = React__default.useState(false);
+    // Height lock: the two sub-tabs have different natural heights, which
+    // would make a content-sized host (the tenant Agent Limits popup) jump on
+    // every switch. Ratchet the tallest rendered height into a min-height so
+    // switching never shrinks the tab — without padding it beyond its own
+    // natural size.
+    const [subTab, setSubTab] = React__default.useState(SPEND_CAPS_SUB_TABS.agent);
+    const tabsRef = React__default.useRef(null);
+    const [minTabsHeight, setMinTabsHeight] = React__default.useState(0);
+    React__default.useLayoutEffect(() => {
+        var _a, _b;
+        const height = (_b = (_a = tabsRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) !== null && _b !== void 0 ? _b : 0;
+        setMinTabsHeight((current) => Math.max(current, height));
+    }, [subTab]);
+    const handleConfirmDelete = async () => {
+        const deleted = await removeAgentCap();
+        if (deleted)
+            setIsDeleteOpen(false);
+    };
+    return (jsxs(Fragment$1, { children: [jsx("div", { className: cn('flex h-[73px] flex-shrink-0 items-center border-b border-gray-200 bg-white p-4 lg:block', headerClassName), children: jsxs("div", { children: [jsx("h3", { className: "mb-1 text-base font-medium text-gray-900", children: labels.header.title }), jsx("p", { className: "text-xs text-gray-600", children: labels.header.description })] }) }), jsx("div", { className: cn('flex-1 space-y-4 p-3 lg:p-4', bodyClassName), style: { overflowY: 'auto', overflowX: 'hidden' }, "data-testid": "spend-caps-tab-body", children: jsxs(Tabs, { value: subTab, onValueChange: setSubTab, className: "w-full", ref: tabsRef, style: minTabsHeight ? { minHeight: minTabsHeight } : undefined, children: [jsxs(TabsList, { "aria-label": labels.header.title, "data-testid": "spend-caps-sub-tabs", children: [jsx(TabsTrigger, { value: SPEND_CAPS_SUB_TABS.agent, "data-testid": "spend-caps-sub-tab-agent", children: labels.subTabs.agent }), jsx(TabsTrigger, { value: SPEND_CAPS_SUB_TABS.users, "data-testid": "spend-caps-sub-tab-users", children: labels.subTabs.users })] }), jsx(TabsContent, { value: SPEND_CAPS_SUB_TABS.agent, className: "space-y-4", children: isAgentCapLoading ? (jsx("div", { className: "flex items-center justify-center py-12", "data-testid": "agent-cap-loading", children: jsx(Spinner, {}) })) : isAgentForbidden ? (jsx(DeniedState, { labels: labels.denied })) : (jsx(SpendCapForm, { labels: labels, cap: agentCap, isSaving: isSavingAgentCap, isDeleting: isDeletingAgentCap, onSave: saveAgentCap, onDelete: () => setIsDeleteOpen(true), testId: "agent-cap" })) }), jsx(TabsContent, { value: SPEND_CAPS_SUB_TABS.users, className: "space-y-4", children: isUsersForbidden ? (jsx(DeniedState, { labels: labels.denied })) : (jsx(UserCapsSection, { labels: labels, tenantKey: tenantKey, caps: userCaps, isLoading: isUserCapsLoading, isSaving: isSavingUserCap, isDeleting: isDeletingUserCap, onSave: saveUserCap, onDelete: removeUserCap })) })] }) }), jsx(Dialog, { open: isDeleteOpen, onOpenChange: () => setIsDeleteOpen(false), children: jsxs(DialogContent, { "aria-describedby": "spend-cap-delete-description", "data-testid": "spend-cap-delete-modal", children: [jsx(DialogHeader, { children: jsx(DialogTitle, { className: "ibl-dialog-title", children: labels.deleteModal.title }) }), jsx("div", { className: "my-5", id: "spend-cap-delete-description", children: jsx("p", { className: "text-sm text-[#646464]", children: labels.deleteModal.description }) }), jsxs(DialogFooter, { className: "gap-3", children: [jsx(Button$1, { variant: "outline", onClick: () => setIsDeleteOpen(false), children: labels.deleteModal.cancel }), jsx(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", onClick: handleConfirmDelete, disabled: isDeletingAgentCap, "data-testid": "spend-cap-delete-confirm", children: isDeletingAgentCap ? labels.form.removing : labels.deleteModal.confirm })] })] }) })] }));
+}
+
+function errorStatus$1(error) {
+    return error === null || error === void 0 ? void 0 : error.status;
+}
+/**
+ * Tenant-settings Billing "Agent Limits" tab: every configured agent spend
+ * cap in the workspace from the tenant-wide list endpoint (no per-agent
+ * fan-out), with an agent autocomplete filter, a direct status toggle per
+ * row (datasets-table pattern) and a manage action that opens the agent's
+ * full Billing editor (`AgentSpendCapsTab` — agent limit + per-user limits)
+ * in a popup. Rendered inside `BillingTab`.
+ */
+function AgentLimitsSection({ tenantKey, username, labels: labelsOverride, }) {
+    var _a;
+    const t = useT();
+    const labels = React__default.useMemo(() => resolveSpendCapsTabLabels(labelsOverride, t), [labelsOverride, t]);
+    const [upsertAgentCap, { isLoading: isSavingCap }] = useUpsertAgentSpendCapMutation();
+    // Agent autocomplete filter (also the entry point for setting a limit on
+    // an agent that has none yet).
+    const [agentFilter, setAgentFilter] = React__default.useState(null);
+    const [agentSearch, setAgentSearch] = React__default.useState('');
+    const [debouncedAgentSearch] = a$3(agentSearch, 300);
+    const shouldSearchAgents = Boolean(tenantKey && debouncedAgentSearch.trim().length >= 2);
+    const { data: mentorsResponse, isFetching: isSearchingAgents } = useGetMentorsQuery({ org: tenantKey, username, limit: 20, query: debouncedAgentSearch.trim() }, { skip: !shouldSearchAgents });
+    const agentOptions = ((_a = mentorsResponse === null || mentorsResponse === void 0 ? void 0 : mentorsResponse.results) !== null && _a !== void 0 ? _a : [])
+        .filter((mentor) => Boolean(mentor.unique_id))
+        .map((mentor) => ({
+        value: mentor.unique_id,
+        label: mentor.name || mentor.unique_id,
+    }));
+    // The endpoint supports filtering by mentor server-side — pass it through
+    // instead of fetching everything and filtering client-side.
+    const { data: visibleCaps = [], error: capsError, isLoading, isFetching, } = useListAgentSpendCapsQuery({ org: tenantKey, ...(agentFilter ? { mentor: agentFilter.value } : {}) }, { skip: !tenantKey });
+    const isForbidden = errorStatus$1(capsError) === 403;
+    const [selectedAgent, setSelectedAgent] = React__default.useState(null);
+    // Status toggle saves immediately (datasets-table pattern) — the PUT is an
+    // upsert, so the cap's current fields ride along with the flipped flag.
+    const toggleEnabled = async (cap, checked) => {
+        var _a;
+        try {
+            await upsertAgentCap({
+                org: tenantKey,
+                mentorId: (_a = cap.mentor_unique_id) !== null && _a !== void 0 ? _a : '',
+                formData: {
+                    interval_type: cap.interval_type,
+                    max_cost_usd: cap.max_cost_usd,
+                    enforcement: cap.enforcement,
+                    alert_thresholds: cap.alert_thresholds,
+                    enabled: checked,
+                },
+            }).unwrap();
+            toast.success(labels.toasts.saved);
+        }
+        catch (error) {
+            console.error('[AgentLimitsSection] toggle spend limit error', error);
+            toast.error(labels.toasts.saveError);
+        }
+    };
+    return (jsxs(Fragment$1, { children: [jsxs("div", { "data-testid": "spend-limits-agents-section", className: "rounded-lg border border-[#e5e5e5] bg-white shadow-[0_1px_2px_0_rgba(0,0,0,0.05)] dark:bg-zinc-900 dark:border-zinc-800", children: [jsx("div", { className: "flex flex-col gap-2 p-4 sm:flex-row sm:items-start sm:justify-between", children: jsxs("div", { className: "space-y-0.5", children: [jsx("h3", { className: "text-[16px] font-medium leading-6 text-[#101828] dark:text-gray-100", children: labels.tenantSections.agents.title }), jsx("p", { className: "text-[13px] font-normal leading-5 text-[#4a5565] dark:text-gray-400", children: labels.tenantSections.agents.description })] }) }), jsx("div", { className: "space-y-3 border-t border-[#e5e7eb] dark:border-zinc-800 px-4 py-3", children: isForbidden ? (jsxs("div", { className: "flex flex-col items-center gap-2 rounded-lg border border-gray-200 bg-gray-50 px-4 py-10 text-center", "data-testid": "agent-limits-denied", children: [jsx(ShieldAlert, { className: "h-6 w-6 text-gray-400" }), jsx("p", { className: "text-sm font-medium text-gray-900", children: labels.denied.title }), jsx("p", { className: "max-w-sm text-xs text-gray-600", children: labels.denied.description })] })) : (jsxs(Fragment$1, { children: [jsx("div", { className: "max-w-sm", children: jsx(SearchSelect, { labels: labels.tenantSections.agents.filter, selected: agentFilter, onSelect: setAgentFilter, onClear: () => setAgentFilter(null), searchTerm: agentSearch, onSearchTermChange: setAgentSearch, options: agentOptions, isLoading: isSearchingAgents, testId: "agent-limits-filter" }) }), jsx("div", { className: "overflow-hidden rounded-md border", "data-testid": "agent-limits-list", children: jsx("div", { className: "overflow-x-auto sm:mx-0", children: jsx("div", { className: "inline-block min-w-full align-middle", children: isLoading || isFetching ? (jsx("div", { className: "flex w-full items-center justify-center py-10", "data-testid": "agent-limits-loading", children: jsx(Spinner, {}) })) : (jsxs(Table$1, { className: "min-w-full", children: [jsx(TableHeader$1, { children: jsxs(TableRow$1, { className: "bg-muted/50 border-b", children: [jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: labels.tenantSections.agents.table.agentColumn }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: labels.tenantSections.agents.table.limitColumn }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: labels.tenantSections.agents.table.spentColumn }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: labels.tenantSections.agents.table.remainingColumn }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: labels.tenantSections.agents.table.statusColumn }), jsx(TableHead, { className: "w-10 p-3" })] }) }), jsx(TableBody, { children: visibleCaps.length === 0 ? (jsx(TableRow$1, { children: jsx(TableCell$1, { colSpan: 6, className: "p-4 text-center text-[#646464]", "data-testid": "agent-limits-empty", children: jsxs("div", { className: "space-y-2", children: [jsx("p", { children: agentFilter
+                                                                                ? labels.tenantSections.agents.emptyFiltered
+                                                                                : labels.tenantSections.agents.emptyState }), agentFilter && (jsx(Button$1, { className: "ibl-button-primary", onClick: () => setSelectedAgent({
+                                                                                uniqueId: agentFilter.value,
+                                                                                name: agentFilter.label,
+                                                                            }), "data-testid": "agent-limits-set-limit-button", children: labels.tenantSections.agents.setLimitButton }))] }) }) })) : (visibleCaps.map((cap) => {
+                                                            var _a;
+                                                            const uniqueId = (_a = cap.mentor_unique_id) !== null && _a !== void 0 ? _a : '';
+                                                            const name = cap.mentor_name || uniqueId;
+                                                            return (jsxs(TableRow$1, { className: "border-b last:border-0", "data-testid": `agent-limits-row-${uniqueId}`, children: [jsx(TableCell$1, { className: "max-w-[240px] truncate p-3 font-medium whitespace-nowrap text-[#646464]", children: name }), jsxs(TableCell$1, { className: "p-3 whitespace-nowrap text-[#646464]", children: [formatUsd$1(cap.max_cost_usd), " /", ' ', labels.form.intervalOptions[cap.interval_type]] }), jsx(TableCell$1, { className: "p-3 whitespace-nowrap text-[#646464]", children: formatUsd$1(cap.current_spend_usd) }), jsx(TableCell$1, { className: "p-3 whitespace-nowrap text-[#646464]", children: formatUsd$1(cap.remaining_usd) }), jsx(TableCell$1, { className: "p-3", children: jsxs("div", { className: "flex items-center gap-1.5", children: [jsx(CustomSwitch, { checked: cap.enabled, onCheckedChange: (checked) => toggleEnabled(cap, checked), disabled: isSavingCap, "aria-label": labels.tenantSections.agents.statusToggleAria(name), "data-testid": `agent-limits-status-switch-${uniqueId}` }), cap.is_exceeded && (jsx("span", { className: "rounded-full bg-red-100 px-2 py-0.5 text-[11px] font-medium text-red-700", children: labels.usage.exceededBadge })), cap.enforcement === 'alert_only' && (jsx("span", { className: "rounded-full bg-amber-100 px-2 py-0.5 text-[11px] font-medium text-amber-800", children: labels.usage.alertOnlyBadge }))] }) }), jsx(TableCell$1, { className: "p-3 text-right", children: jsx(Button$1, { type: "button", variant: "ghost", size: "icon", "aria-label": labels.tenantSections.agents.manageAria(name), onClick: () => setSelectedAgent({ uniqueId, name }), "data-testid": `agent-limits-manage-${uniqueId}`, children: jsx(SlidersHorizontal, { className: "h-4 w-4" }) }) })] }, cap.id));
+                                                        })) })] })) }) }) })] })) })] }), jsx(Dialog, { open: selectedAgent !== null, onOpenChange: () => setSelectedAgent(null), children: jsxs(DialogContent, { "aria-describedby": undefined, "data-testid": "agent-limits-modal", 
+                    // Content-driven height (capped at 90vh) — the tab itself locks its
+                    // sub-tabs to a shared height so switching doesn't shift the dialog.
+                    className: "flex max-h-[90vh] w-[calc(100vw-2rem)] flex-col gap-0 overflow-hidden p-0 sm:max-w-4xl", children: [jsx(DialogHeader, { className: "flex-shrink-0 border-b border-gray-200 px-6 py-4 pr-12", children: jsx(DialogTitle, { className: "ibl-dialog-title", children: selectedAgent === null || selectedAgent === void 0 ? void 0 : selectedAgent.name }) }), jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: selectedAgent && (jsx(AgentSpendCapsTab, { tenantKey: tenantKey, mentorId: selectedAgent.uniqueId, headerClassName: "px-6", bodyClassName: "px-6 pb-6 lg:px-8" })) })] }) })] }));
+}
+
+/**
+ * Credit-balance → USD conversion for the Plan & Credits tab. The rate is
+ * never hardcoded — it differs per environment — so everything here derives
+ * from whichever fields the `/api/billing/account/` response actually
+ * carries, and returns null when it carries none (the UI then shows credits
+ * only).
+ */
+function toFiniteNumber(value) {
+    if (value === null || value === undefined || value === '')
+        return null;
+    const num = typeof value === 'string' ? parseFloat(value) : value;
+    return Number.isFinite(num) ? num : null;
+}
+/**
+ * The environment's credits-per-USD rate read off the transaction history:
+ * an `add` transaction records both the credits granted and the dollars paid
+ * for them (`/api/billing/transactions/`), so their ratio IS the rate. Uses
+ * the newest non-failed top-up (rows come most-recent first). Null when no
+ * usable top-up exists yet.
+ */
+function resolveCreditsPerUsdFromTransactions(transactions) {
+    for (const tx of transactions !== null && transactions !== void 0 ? transactions : []) {
+        if (tx.transaction_type !== 'add' || tx.status === 'failed')
+            continue;
+        const usd = toFiniteNumber(tx.payment_amount_usd);
+        const credits = toFiniteNumber(tx.credits_amount);
+        if (usd !== null && usd > 0 && credits !== null && credits > 0)
+            return credits / usd;
+    }
+    return null;
+}
+/**
+ * The environment's credits-per-USD rate, from whichever field the backend
+ * provides: `credits_per_usd` directly, `usd_per_credit` inverted, or — when
+ * only the two balance figures exist — their ratio. Null when none resolve.
+ */
+function resolveCreditsPerUsd(billing) {
+    const direct = toFiniteNumber(billing === null || billing === void 0 ? void 0 : billing.credits_per_usd);
+    if (direct !== null && direct > 0)
+        return direct;
+    const usdPerCredit = toFiniteNumber(billing === null || billing === void 0 ? void 0 : billing.usd_per_credit);
+    if (usdPerCredit !== null && usdPerCredit > 0)
+        return 1 / usdPerCredit;
+    const credits = toFiniteNumber(billing === null || billing === void 0 ? void 0 : billing.available_credits);
+    const usd = toFiniteNumber(billing === null || billing === void 0 ? void 0 : billing.available_credits_usd);
+    if (credits !== null && usd !== null && credits > 0 && usd > 0)
+        return credits / usd;
+    return null;
+}
+/**
+ * Dollar value of the available credit balance: the backend's explicit
+ * `available_credits_usd` when present, otherwise the balance divided by the
+ * resolved rate. Null when the response supports neither.
+ */
+function resolveAvailableCreditsUsd(billing) {
+    const explicit = toFiniteNumber(billing === null || billing === void 0 ? void 0 : billing.available_credits_usd);
+    if (explicit !== null)
+        return explicit;
+    const rate = resolveCreditsPerUsd(billing);
+    const credits = toFiniteNumber(billing === null || billing === void 0 ? void 0 : billing.available_credits);
+    if (rate !== null && credits !== null)
+        return credits / rate;
+    return null;
+}
+/**
+ * Format a credits-per-USD rate for the "X credits = $1" hint: whole rates
+ * stay whole ("1,000"), fractional ones keep two decimals.
+ */
+function formatCreditsPerUsd(rate) {
+    const rounded = Math.round(rate);
+    const isWhole = Math.abs(rate - rounded) < 0.005;
+    return isWhole
+        ? rounded.toLocaleString('en-US')
+        : rate.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+}
+
 function formatCredits(credits) {
     if (credits === null || credits === undefined || Number.isNaN(credits))
         return '0';
@@ -188745,17 +190413,17 @@ function formatUsd(value) {
         return '—';
     return `$${num.toFixed(2)}`;
 }
-function Section({ title, description, action, children, testId }) {
-    return (jsxs("div", { "data-testid": testId, className: "rounded-lg border border-[#e5e5e5] bg-white shadow-[0_1px_2px_0_rgba(0,0,0,0.05)] dark:bg-zinc-900 dark:border-zinc-800", children: [jsxs("div", { className: "flex flex-col gap-2 p-4 sm:flex-row sm:items-start sm:justify-between", children: [jsxs("div", { className: "space-y-0.5", children: [jsx("h3", { className: "text-[16px] font-medium leading-6 text-[#101828] dark:text-gray-100", children: title }), description && (jsx("p", { className: "text-[13px] font-normal leading-5 text-[#4a5565] dark:text-gray-400", children: description }))] }), action && jsx("div", { className: "shrink-0", children: action })] }), children && (jsx("div", { className: "border-t border-[#e5e7eb] dark:border-zinc-800 px-4 py-3", children: children }))] }));
+function Section({ title, description, action, children, testId, className }) {
+    return (jsxs("div", { "data-testid": testId, className: cn('rounded-lg border border-[#e5e5e5] bg-white shadow-[0_1px_2px_0_rgba(0,0,0,0.05)] dark:bg-zinc-900 dark:border-zinc-800', className), children: [jsxs("div", { className: "flex flex-col gap-2 p-4 sm:flex-row sm:items-start sm:justify-between", children: [jsxs("div", { className: "space-y-0.5", children: [jsx("h3", { className: "text-[16px] font-medium leading-6 text-[#101828] dark:text-gray-100", children: title }), description && (jsx("p", { className: "text-[13px] font-normal leading-5 text-[#4a5565] dark:text-gray-400", children: description }))] }), action && jsx("div", { className: "shrink-0", children: action })] }), children && (jsx("div", { className: "border-t border-[#e5e7eb] dark:border-zinc-800 px-4 py-3", children: children }))] }));
 }
-function Stat({ label, value, hint }) {
-    return (jsxs("div", { className: "space-y-0.5", children: [jsx("p", { className: "text-[11px] font-medium uppercase tracking-wide text-[#6a7282] dark:text-gray-400", children: label }), jsx("p", { className: "text-[18px] font-semibold leading-6 text-[#101828] dark:text-gray-100", children: value }), hint && (jsx("p", { className: "text-[12px] font-normal leading-4 text-[#6a7282] dark:text-gray-500", children: hint }))] }));
+function Stat({ label, value, hint, info }) {
+    return (jsxs("div", { className: "space-y-0.5", children: [jsxs("div", { className: "flex items-center gap-0.5", children: [jsx("p", { className: "text-[11px] font-medium uppercase tracking-wide text-[#6a7282] dark:text-gray-400", children: label }), info && jsx(CardInfoIcon, { description: info, className: "-my-1" })] }), jsx("p", { className: "text-[18px] font-semibold leading-6 text-[#101828] dark:text-gray-100", children: value }), hint && (jsx("p", { className: "text-[12px] font-normal leading-4 text-[#6a7282] dark:text-gray-500", children: hint }))] }));
 }
 function SectionSkeleton({ withBody = false }) {
     return (jsxs("div", { className: "rounded-lg border border-[#e5e5e5] bg-white shadow-[0_1px_2px_0_rgba(0,0,0,0.05)] dark:bg-zinc-900 dark:border-zinc-800", children: [jsxs("div", { className: "flex flex-col gap-2 p-4 sm:flex-row sm:items-start sm:justify-between", children: [jsxs("div", { className: "space-y-2", children: [jsx(Skeleton, { className: "h-5 w-32" }), jsx(Skeleton, { className: "h-4 w-56" })] }), jsx(Skeleton, { className: "h-9 w-32" })] }), withBody && (jsx("div", { className: "border-t border-[#e5e7eb] dark:border-zinc-800 px-4 py-3", children: jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-3", children: [0, 1, 2].map((i) => (jsxs("div", { className: "space-y-2", children: [jsx(Skeleton, { className: "h-3 w-20" }), jsx(Skeleton, { className: "h-6 w-24" })] }, i))) }) }))] }));
 }
 function BillingTab({ tenant, userActiveApp = null, username, mainPlatformKey, currentUserEmail, redirectUrl, }) {
-    var _a;
+    var _a, _b, _c;
     const t = useT();
     const [isAutoRechargeModalOpen, setIsAutoRechargeModalOpen] = useState(false);
     const [isAddCreditsModalOpen, setIsAddCreditsModalOpen] = useState(false);
@@ -188767,6 +190435,10 @@ function BillingTab({ tenant, userActiveApp = null, username, mainPlatformKey, c
         currentUserEmail,
     });
     const { data: billingInfo, isLoading: isBillingInfoLoading } = useGetAccountBillingInfoQuery({ platform_key: tenant }, { refetchOnMountOrArgChange: true });
+    // Top-up rows carry both the credits granted and the dollars paid — the
+    // pair that reveals this environment's credits-per-USD rate for the
+    // dollar-equivalent balance display.
+    const { data: addTransactions } = useGetCreditTransactionsQuery({ platform_key: tenant, transaction_type: 'add' }, { skip: !tenant });
     const [createStripePortal] = useCreateStripeCustomerPortalMutation();
     const handleBilling = async ({ extraRequestBody = {}, }) => {
         return await createStripePortal({
@@ -188802,7 +190474,7 @@ function BillingTab({ tenant, userActiveApp = null, username, mainPlatformKey, c
         }
     };
     if (isBillingInfoLoading) {
-        return (jsx("div", { className: "container max-w-3xl !mt-0", children: jsxs("div", { className: "space-y-4", children: [jsx(SectionSkeleton, {}), jsx(SectionSkeleton, { withBody: true }), jsx(SectionSkeleton, { withBody: true })] }) }));
+        return (jsx("div", { className: "container mx-auto max-w-7xl !mt-0", children: jsxs("div", { className: "space-y-4", children: [jsx(SectionSkeleton, {}), jsx(SectionSkeleton, { withBody: true }), jsx(SectionSkeleton, { withBody: true })] }) }));
     }
     const billing = billingInfo;
     const isFreePlan = formatPlanLabel(billing === null || billing === void 0 ? void 0 : billing.current_plan) === 'Free' ||
@@ -188815,6 +190487,27 @@ function BillingTab({ tenant, userActiveApp = null, username, mainPlatformKey, c
             : 'Premium';
     const availableCredits = (_a = Number(billing === null || billing === void 0 ? void 0 : billing.available_credits)) !== null && _a !== void 0 ? _a : 0;
     const consumedCredits = (billing === null || billing === void 0 ? void 0 : billing.consumed_credits) != null ? parseInt(billing.consumed_credits, 10) : null;
+    // Recharging is priced in dollars, so the balance shows its dollar value
+    // too — but only when the API provides the data for it (the rate differs
+    // per environment and is never hardcoded). Preference order: explicit
+    // account fields, then the credits/dollars pair on the newest top-up
+    // transaction.
+    const creditsPerUsd = (_b = resolveCreditsPerUsd(billing)) !== null && _b !== void 0 ? _b : resolveCreditsPerUsdFromTransactions(addTransactions);
+    const availableCreditsUsd = (_c = resolveAvailableCreditsUsd(billing)) !== null && _c !== void 0 ? _c : (creditsPerUsd != null && Number.isFinite(availableCredits)
+        ? availableCredits / creditsPerUsd
+        : null);
+    const availableCreditsHint = availableCreditsUsd != null
+        ? [
+            t('profileBilling.creditsUsdEquivalent', { amount: formatUsd(availableCreditsUsd) }),
+            creditsPerUsd != null
+                ? t('profileBilling.creditsConversionHint', {
+                    credits: formatCreditsPerUsd(creditsPerUsd),
+                })
+                : null,
+        ]
+            .filter(Boolean)
+            .join(' · ')
+        : undefined;
     const hasPaymentMethod = Boolean(billing === null || billing === void 0 ? void 0 : billing.has_payment_method);
     const isAutoRechargeEnabled = Boolean(billing === null || billing === void 0 ? void 0 : billing.auto_recharge_enabled);
     const spendingLimitRaw = billing === null || billing === void 0 ? void 0 : billing.auto_recharge_spending_limit_usd;
@@ -188838,21 +190531,21 @@ function BillingTab({ tenant, userActiveApp = null, username, mainPlatformKey, c
         }
         return t('profileBilling.manageSubscriptionAndBilling');
     })();
-    return (jsxs("div", { className: "container mx-auto max-w-3xl !mt-0", children: [jsxs("div", { className: "space-y-4", children: [jsx(Section, { title: t('profileBilling.planSectionTitle'), testId: "billing-plan-section", description: planDescription, action: isFreePlan || isTrialPlan ? (jsxs(Button$1, { onClick: () => handleUpgrade('premium'), disabled: isUpgrading, className: "h-9 px-4 text-[14px] font-medium text-white bg-gradient-to-r from-[rgb(56,161,229)] to-[rgb(114,132,255)] hover:opacity-90 disabled:opacity-70", children: [isUpgrading ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : (jsx(Sparkles, { className: "h-4 w-4" })), isUpgrading ? t('profileBilling.redirecting') : t('profileBilling.upgrade')] })) : undefined, children: jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { "data-testid": "billing-plan-label", className: "text-[18px] font-semibold leading-7 text-[#101828] dark:text-gray-100", children: planLabel }), jsx("span", { className: "rounded-full px-2.5 py-0.5 text-[12px] font-medium", style: {
-                                        backgroundColor: '#f5f8ff',
-                                        color: '#155dfc',
-                                        border: '1px solid #d0e0ff',
-                                    }, children: t('profileBilling.currentBadge') })] }) }), jsx(Section, { title: t('profileBilling.creditsSectionTitle'), testId: "billing-credits-section", description: t('profileBilling.creditsDescription'), action: isFreePlan || isTrialPlan ? undefined : hasPaymentMethod ? (jsx(Button$1, { variant: "outline", onClick: () => setIsAddCreditsModalOpen(true), className: "h-9 px-4 text-[14px] font-medium", children: t('profileBilling.addCredits') })) : (jsxs(Button$1, { onClick: handleSetupPaymentMethod, disabled: isRedirectingToPaymentSettings, className: "h-9 px-4 text-[14px] font-medium bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: [isRedirectingToPaymentSettings ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : (jsx(Wallet, { className: "h-4 w-4" })), isRedirectingToPaymentSettings
-                                    ? t('profileBilling.redirecting')
-                                    : t('profileBilling.manageBilling')] })), children: jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-3", children: [jsx(Stat, { label: t('profileBilling.availableLabel'), value: t('profileBilling.creditsUnit', { amount: formatCredits(availableCredits) }), hint: t('profileBilling.creditsRemaining') }), consumedCredits != null && (jsx(Stat, { label: t('profileBilling.consumedLabel'), value: t('profileBilling.creditsUnit', { amount: formatCredits(consumedCredits) }), hint: t('profileBilling.usedThisPeriod') })), (billing === null || billing === void 0 ? void 0 : billing.credits_reset_date) && (jsx(Stat, { label: t('profileBilling.resetsOnLabel'), value: formatRenewalDate(billing.credits_reset_date), hint: t('profileBilling.nextResetDate') }))] }) }), !isFreePlan && !isTrialPlan && hasPaymentMethod && (jsx(Section, { title: t('profileBilling.autoRechargeSectionTitle'), testId: "billing-auto-recharge-section", description: t('profileBilling.autoRechargeDescription'), action: jsxs("div", { className: "flex items-center gap-3", children: [jsx("span", { "data-testid": "billing-auto-recharge-status", className: "rounded-full px-2.5 py-0.5 text-[12px] font-medium", style: {
-                                        backgroundColor: isAutoRechargeEnabled ? '#f5f8ff' : '#f3f4f6',
-                                        color: isAutoRechargeEnabled ? '#155dfc' : '#6a7282',
-                                        border: `1px solid ${isAutoRechargeEnabled ? '#d0e0ff' : '#e5e7eb'}`,
-                                    }, children: isAutoRechargeEnabled
-                                        ? t('profileBilling.enabled')
-                                        : t('profileBilling.disabled') }), jsx(Button$1, { variant: "outline", onClick: () => setIsAutoRechargeModalOpen(true), className: "h-9 px-4 text-[14px] font-medium", children: t('profileBilling.manageUsage') })] }), children: isAutoRechargeEnabled ? (jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-3", children: [jsx(Stat, { label: t('profileBilling.thresholdLabel'), value: formatUsd(billing === null || billing === void 0 ? void 0 : billing.auto_recharge_threshold_usd) }), jsx(Stat, { label: t('profileBilling.rechargeAmountLabel'), value: formatUsd(billing === null || billing === void 0 ? void 0 : billing.auto_recharge_amount_usd) }), jsx(Stat, { label: t('profileBilling.spendingLimitLabel'), value: isUnlimitedSpendingLimit
-                                        ? t('profileBilling.unlimited')
-                                        : formatUsd(spendingLimitRaw) })] })) : (jsx("p", { className: "text-[14px] font-normal leading-5 text-[#4a5565] dark:text-gray-400", children: t('profileBilling.autoRechargeDisabledMessage') })) }))] }), jsx(AutoRechargeModal, { tenant: tenant, isOpen: isAutoRechargeModalOpen, onClose: () => setIsAutoRechargeModalOpen(false) }), jsx(AddCreditsModal, { tenant: tenant, isOpen: isAddCreditsModalOpen, onClose: () => setIsAddCreditsModalOpen(false) })] }));
+    return (jsxs("div", { className: "container mx-auto max-w-7xl !mt-0", children: [jsxs(Tabs, { defaultValue: "plan", "aria-label": t('profileBilling.billingTabsAriaLabel'), children: [jsxs(TabsList, { "aria-label": t('profileBilling.billingTabsAriaLabel'), className: "max-w-full overflow-x-auto justify-start px-1", children: [jsx(TabsTrigger, { value: "plan", children: t('profileBilling.tabPlanAndCredits') }), jsx(TabsTrigger, { value: "spend-limits", children: t('profileBilling.tabSpendLimits') }), jsx(TabsTrigger, { value: "agent-limits", children: t('profileBilling.tabAgentLimits') })] }), jsx(TabsContent, { className: "mt-4", value: "plan", children: jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "grid grid-cols-1 items-start gap-4 lg:grid-cols-3", children: [jsx(Section, { title: t('profileBilling.planSectionTitle'), testId: "billing-plan-section", description: planDescription, className: "lg:col-span-1 lg:h-full", action: isFreePlan || isTrialPlan ? (jsxs(Button$1, { onClick: () => handleUpgrade('premium'), disabled: isUpgrading, className: "h-9 px-4 text-[14px] font-medium text-white bg-gradient-to-r from-[rgb(56,161,229)] to-[rgb(114,132,255)] hover:opacity-90 disabled:opacity-70", children: [isUpgrading ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : (jsx(Sparkles, { className: "h-4 w-4" })), isUpgrading ? t('profileBilling.redirecting') : t('profileBilling.upgrade')] })) : undefined, children: jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { "data-testid": "billing-plan-label", className: "text-[18px] font-semibold leading-7 text-[#101828] dark:text-gray-100", children: planLabel }), jsx("span", { className: "rounded-full px-2.5 py-0.5 text-[12px] font-medium", style: {
+                                                            backgroundColor: '#f5f8ff',
+                                                            color: '#155dfc',
+                                                            border: '1px solid #d0e0ff',
+                                                        }, children: t('profileBilling.currentBadge') })] }) }), jsx(Section, { title: t('profileBilling.creditsSectionTitle'), testId: "billing-credits-section", description: t('profileBilling.creditsDescription'), className: "lg:col-span-2 lg:h-full", action: isFreePlan || isTrialPlan ? undefined : hasPaymentMethod ? (jsx(Button$1, { variant: "outline", onClick: () => setIsAddCreditsModalOpen(true), className: "h-9 px-4 text-[14px] font-medium", children: t('profileBilling.addCredits') })) : (jsxs(Button$1, { onClick: handleSetupPaymentMethod, disabled: isRedirectingToPaymentSettings, className: "h-9 px-4 text-[14px] font-medium bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: [isRedirectingToPaymentSettings ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : (jsx(Wallet, { className: "h-4 w-4" })), isRedirectingToPaymentSettings
+                                                        ? t('profileBilling.redirecting')
+                                                        : t('profileBilling.manageBilling')] })), children: jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-3", children: [jsx(Stat, { label: t('profileBilling.availableLabel'), value: t('profileBilling.creditsUnit', { amount: formatCredits(availableCredits) }), hint: availableCreditsHint }), consumedCredits != null && (jsx(Stat, { label: t('profileBilling.consumedLabel'), value: t('profileBilling.creditsUnit', { amount: formatCredits(consumedCredits) }), info: t('profileBilling.usedThisPeriod') })), (billing === null || billing === void 0 ? void 0 : billing.credits_reset_date) && (jsx(Stat, { label: t('profileBilling.resetsOnLabel'), value: formatRenewalDate(billing.credits_reset_date), info: t('profileBilling.nextResetDate') }))] }) })] }), !isFreePlan && !isTrialPlan && hasPaymentMethod && (jsx(Section, { title: t('profileBilling.autoRechargeSectionTitle'), testId: "billing-auto-recharge-section", description: t('profileBilling.autoRechargeDescription'), action: jsxs("div", { className: "flex items-center gap-3", children: [jsx("span", { "data-testid": "billing-auto-recharge-status", className: "rounded-full px-2.5 py-0.5 text-[12px] font-medium", style: {
+                                                    backgroundColor: isAutoRechargeEnabled ? '#f5f8ff' : '#f3f4f6',
+                                                    color: isAutoRechargeEnabled ? '#155dfc' : '#6a7282',
+                                                    border: `1px solid ${isAutoRechargeEnabled ? '#d0e0ff' : '#e5e7eb'}`,
+                                                }, children: isAutoRechargeEnabled
+                                                    ? t('profileBilling.enabled')
+                                                    : t('profileBilling.disabled') }), jsx(Button$1, { variant: "outline", onClick: () => setIsAutoRechargeModalOpen(true), className: "h-9 px-4 text-[14px] font-medium", children: t('profileBilling.manageUsage') })] }), children: isAutoRechargeEnabled ? (jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-3", children: [jsx(Stat, { label: t('profileBilling.thresholdLabel'), value: formatUsd(billing === null || billing === void 0 ? void 0 : billing.auto_recharge_threshold_usd), info: t('profileBilling.thresholdHint') }), jsx(Stat, { label: t('profileBilling.rechargeAmountLabel'), value: formatUsd(billing === null || billing === void 0 ? void 0 : billing.auto_recharge_amount_usd), info: t('profileBilling.rechargeAmountHint') }), jsx(Stat, { label: t('profileBilling.spendingLimitLabel'), value: isUnlimitedSpendingLimit
+                                                    ? t('profileBilling.unlimited')
+                                                    : formatUsd(spendingLimitRaw), info: t('profileBilling.spendingLimitHint') })] })) : (jsx("p", { className: "text-[14px] font-normal leading-5 text-[#4a5565] dark:text-gray-400", children: t('profileBilling.autoRechargeDisabledMessage') })) }))] }) }), jsx(TabsContent, { className: "mt-4", value: "spend-limits", children: jsx(SpendLimitsSection, { tenantKey: tenant }) }), jsx(TabsContent, { className: "mt-4", value: "agent-limits", children: jsx(AgentLimitsSection, { tenantKey: tenant, username: username }) })] }), jsx(AutoRechargeModal, { tenant: tenant, isOpen: isAutoRechargeModalOpen, onClose: () => setIsAutoRechargeModalOpen(false) }), jsx(AddCreditsModal, { tenant: tenant, isOpen: isAddCreditsModalOpen, onClose: () => setIsAddCreditsModalOpen(false) })] }));
 }
 
 const SmtpContent = ({ platformKey }) => {
@@ -189107,23 +190800,6 @@ const PlatformMembershipContent = ({ platformKey, authURL, }) => {
     return (jsxs("div", { className: "flex items-center justify-between rounded-lg border px-6 py-6", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: t('advancedPlatformMembership.publicRegistrationLabel') }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": t('advancedPlatformMembership.infoAriaLabel'), className: "hidden sm:block", children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium whitespace-nowrap text-white shadow-sm transition-opacity duration-300 z-50", children: jsx("p", { children: t('advancedPlatformMembership.infoTooltip') }) })] }) }), (membershipData === null || membershipData === void 0 ? void 0 : membershipData.allow_self_linking) && (jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { onClick: handleCopyToClipboard, "aria-label": t('advancedPlatformMembership.copyAriaLabel'), className: "cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 p-1 rounded transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1", children: jsx(Copy, { className: "h-4 w-4 text-gray-400 hover:text-blue-500" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium whitespace-nowrap text-white shadow-sm transition-opacity duration-300 z-50", children: jsx("p", { children: t('advancedPlatformMembership.copyTooltip') }) })] }) }))] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Switch, { checked: membershipData === null || membershipData === void 0 ? void 0 : membershipData.allow_self_linking, onCheckedChange: handleToggleMembership, disabled: isUpdating, "aria-label": `${t('advancedPlatformMembership.switchAriaLabel')} ${(membershipData === null || membershipData === void 0 ? void 0 : membershipData.allow_self_linking) ? t('advancedPlatformMembership.switchEnabled') : t('advancedPlatformMembership.switchDisabled')}`, className: "cursor-pointer data-[state=checked]:bg-blue-500" }), isUpdating && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })] }));
 };
 
-const Table$1 = React.forwardRef(({ className, ...props }, ref) => (jsx("div", { className: "relative w-full overflow-auto", children: jsx("table", { ref: ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })));
-Table$1.displayName = "Table";
-const TableHeader$1 = React.forwardRef(({ className, ...props }, ref) => (jsx("thead", { ref: ref, className: cn("[&_tr]:border-b", className), ...props })));
-TableHeader$1.displayName = "TableHeader";
-const TableBody = React.forwardRef(({ className, ...props }, ref) => (jsx("tbody", { ref: ref, className: cn("[&_tr:last-child]:border-0", className), ...props })));
-TableBody.displayName = "TableBody";
-const TableFooter = React.forwardRef(({ className, ...props }, ref) => (jsx("tfoot", { ref: ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })));
-TableFooter.displayName = "TableFooter";
-const TableRow$1 = React.forwardRef(({ className, ...props }, ref) => (jsx("tr", { ref: ref, className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className), ...props })));
-TableRow$1.displayName = "TableRow";
-const TableHead = React.forwardRef(({ className, ...props }, ref) => (jsx("th", { ref: ref, className: cn("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props })));
-TableHead.displayName = "TableHead";
-const TableCell$1 = React.forwardRef(({ className, ...props }, ref) => (jsx("td", { ref: ref, className: cn("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props })));
-TableCell$1.displayName = "TableCell";
-const TableCaption = React.forwardRef(({ className, ...props }, ref) => (jsx("caption", { ref: ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })));
-TableCaption.displayName = "TableCaption";
-
 const normalizeCustomDomains = (response) => {
     if (!response) {
         return [];
@@ -205059,15 +206735,15 @@ var mac$2 = typeof navigator != "undefined" && /Mac/.test(navigator.platform);
 var ie$1 = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
 
 // Fill in the digit keys
-for (var i$9 = 0; i$9 < 10; i$9++) base[48 + i$9] = base[96 + i$9] = String(i$9);
+for (var i$8 = 0; i$8 < 10; i$8++) base[48 + i$8] = base[96 + i$8] = String(i$8);
 
 // The function keys
-for (var i$9 = 1; i$9 <= 24; i$9++) base[i$9 + 111] = "F" + i$9;
+for (var i$8 = 1; i$8 <= 24; i$8++) base[i$8 + 111] = "F" + i$8;
 
 // And the alphabetic keys
-for (var i$9 = 65; i$9 <= 90; i$9++) {
-  base[i$9] = String.fromCharCode(i$9 + 32);
-  shift[i$9] = String.fromCharCode(i$9);
+for (var i$8 = 65; i$8 <= 90; i$8++) {
+  base[i$8] = String.fromCharCode(i$8 + 32);
+  shift[i$8] = String.fromCharCode(i$8);
 }
 
 // For each code that doesn't have a shift-equivalent, copy the base name
@@ -219117,8 +220793,6 @@ function useAgentSearch({ tenantKey, query, limit = 6, offset, starred, featured
     };
 }
 
-function c$3(e,u,c){var i=this,a=useRef(null),o=useRef(0),f=useRef(null),l=useRef([]),v=useRef(),m=useRef(),d=useRef(e),g=useRef(true);d.current=e;var p="undefined"!=typeof window,w=!u&&0!==u&&p;if("function"!=typeof e)throw new TypeError("Expected a function");u=+u||0;var s=!!(c=c||{}).leading,x=!("trailing"in c)||!!c.trailing,h="maxWait"in c,y="debounceOnServer"in c&&!!c.debounceOnServer,F=h?Math.max(+c.maxWait||0,u):null;useEffect(function(){return g.current=true,function(){g.current=false;}},[]);var A=useMemo(function(){var r=function(r){var n=l.current,t=v.current;return l.current=v.current=null,o.current=r,m.current=d.current.apply(t,n)},n=function(r,n){w&&cancelAnimationFrame(f.current),f.current=w?requestAnimationFrame(r):setTimeout(r,n);},t=function(r){if(!g.current)return  false;var n=r-a.current;return !a.current||n>=u||n<0||h&&r-o.current>=F},e=function(n){return f.current=null,x&&l.current?r(n):(l.current=v.current=null,m.current)},c=function r(){var c=Date.now();if(t(c))return e(c);if(g.current){var i=u-(c-a.current),f=h?Math.min(i,F-(c-o.current)):i;n(r,f);}},A=function(){if(p||y){var e=Date.now(),d=t(e);if(l.current=[].slice.call(arguments),v.current=i,a.current=e,d){if(!f.current&&g.current)return o.current=a.current,n(c,u),s?r(a.current):m.current;if(h)return n(c,u),r(a.current)}return f.current||n(c,u),m.current}};return A.cancel=function(){f.current&&(w?cancelAnimationFrame(f.current):clearTimeout(f.current)),o.current=0,l.current=a.current=v.current=f.current=null;},A.isPending=function(){return !!f.current},A.flush=function(){return f.current?e(Date.now()):m.current},A},[s,h,u,F,x,w,p,y]);return A}function i$8(r,n){return r===n}function a$3(n,t,a){var o=i$8,f=useRef(n),l=useState({})[1],v=c$3(useCallback(function(r){f.current=r,l({});},[l]),t,a),m=useRef(n);return o(m.current,n)||(v(n),m.current=n),[f.current,v]}
-
 /**
  * Higher-level agent search hook that manages search state, debounce, and
  * pagination controls on top of `useAgentSearch`.
@@ -255061,37 +256735,46 @@ const EMPTY_SKILL_FORM = {
 };
 /** Page size for both skill lists. */
 const SKILLS_PAGE_SIZE = 10;
-// Resolving the agent's own set (assignment metadata + its private skills)
-// needs a catalog lookup that the API cannot scope server-side yet (there is
-// no `mentor=` filter), so one bounded background fetch covers the join.
-const FULL_LIST_LIMIT = 1000;
 function AgentSkills({ platformKey, mentorUniqueId }) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     const t = useT();
     // Skills are managed independently of the sandbox connection — org-level
     // skills and the mentor's assignments both resolve without a wired Claw
     // instance, so we always fetch and let admins add/assign skills freely.
-    const { data: joinCatalog, isLoading: isLoadingSkills } = useGetAgentSkillsQuery({
+    // The "Agent Skills" tab pages the assignment list server-side.
+    const [agentPage, setAgentPage] = useState(1);
+    const { data: assignmentsPage, isLoading: isLoadingAssignments } = useGetMentorSkillAssignmentsQuery({
         org: platformKey,
-        limit: FULL_LIST_LIMIT,
-        offset: 0,
+        mentorUniqueId,
+        limit: SKILLS_PAGE_SIZE,
+        offset: (agentPage - 1) * SKILLS_PAGE_SIZE,
     });
-    const { data: assignments, isLoading: isLoadingAssignments } = useGetMentorSkillAssignmentsQuery({
+    const agentAssignments = (_a = assignmentsPage === null || assignmentsPage === void 0 ? void 0 : assignmentsPage.results) !== null && _a !== void 0 ? _a : [];
+    const agentTotalCount = (_b = assignmentsPage === null || assignmentsPage === void 0 ? void 0 : assignmentsPage.count) !== null && _b !== void 0 ? _b : 0;
+    const agentTotalPages = Math.max(1, Math.ceil(agentTotalCount / SKILLS_PAGE_SIZE));
+    useEffect(() => {
+        if (agentPage > agentTotalPages)
+            setAgentPage(agentTotalPages);
+    }, [agentPage, agentTotalPages]);
+    // Unpaged lookup of the same (per-agent, naturally small) assignment list —
+    // powers the "Added" chips on the catalog tab, since the API has no
+    // per-skill "is assigned" check to ask instead.
+    const { data: assignmentCoverage } = useGetMentorSkillAssignmentsQuery({
         org: platformKey,
         mentorUniqueId,
-        limit: FULL_LIST_LIMIT,
-        offset: 0,
     });
-    // The "Available skills" tab pages the catalog server-side.
+    const assignedSkillIds = new Set(((_c = assignmentCoverage === null || assignmentCoverage === void 0 ? void 0 : assignmentCoverage.results) !== null && _c !== void 0 ? _c : []).map((a) => a.skill));
+    // The "Available skills" tab pages the catalog server-side. Deliberately
+    // unfiltered: disabled skills stay listed (switch off) so admins can
+    // re-enable, edit or delete them.
     const [catalogPage, setCatalogPage] = useState(1);
     const { data: catalogSkillsPage, isLoading: isLoadingCatalog } = useGetAgentSkillsQuery({
         org: platformKey,
-        enabled: true,
         limit: SKILLS_PAGE_SIZE,
         offset: (catalogPage - 1) * SKILLS_PAGE_SIZE,
     });
-    const catalogSkills = (_a = catalogSkillsPage === null || catalogSkillsPage === void 0 ? void 0 : catalogSkillsPage.results) !== null && _a !== void 0 ? _a : [];
-    const catalogTotalCount = (_b = catalogSkillsPage === null || catalogSkillsPage === void 0 ? void 0 : catalogSkillsPage.count) !== null && _b !== void 0 ? _b : 0;
+    const catalogSkills = (_d = catalogSkillsPage === null || catalogSkillsPage === void 0 ? void 0 : catalogSkillsPage.results) !== null && _d !== void 0 ? _d : [];
+    const catalogTotalCount = (_e = catalogSkillsPage === null || catalogSkillsPage === void 0 ? void 0 : catalogSkillsPage.count) !== null && _e !== void 0 ? _e : 0;
     const catalogTotalPages = Math.max(1, Math.ceil(catalogTotalCount / SKILLS_PAGE_SIZE));
     useEffect(() => {
         if (catalogPage > catalogTotalPages)
@@ -255109,25 +256792,11 @@ function AgentSkills({ platformKey, mentorUniqueId }) {
     const [editingSkill, setEditingSkill] = useState(null);
     const [deletingSkill, setDeletingSkill] = useState(null);
     const [form, setForm] = useState(EMPTY_SKILL_FORM);
-    const isLoading = isLoadingSkills || isLoadingAssignments;
-    const isMutatingAgentSkill = isCreatingAssignment || isUpdatingAssignment || isDeletingAssignment || isUpdatingSkill;
-    const allSkills = (_c = joinCatalog === null || joinCatalog === void 0 ? void 0 : joinCatalog.results) !== null && _c !== void 0 ? _c : [];
-    const effectiveSkills = resolveEffectiveAgentSkills(allSkills, assignments !== null && assignments !== void 0 ? assignments : [], mentorUniqueId);
-    const effectiveUniqueIds = new Set(effectiveSkills.map((s) => s.unique_id));
-    const effectiveSlugs = new Set(effectiveSkills.map((s) => s.slug));
-    // The "Agent skills" tab pages the (small, per-agent) effective set locally.
-    const [agentPage, setAgentPage] = useState(1);
-    const agentTotalPages = Math.max(1, Math.ceil(effectiveSkills.length / SKILLS_PAGE_SIZE));
-    useEffect(() => {
-        if (agentPage > agentTotalPages)
-            setAgentPage(agentTotalPages);
-    }, [agentPage, agentTotalPages]);
-    const pagedEffectiveSkills = effectiveSkills.slice((agentPage - 1) * SKILLS_PAGE_SIZE, agentPage * SKILLS_PAGE_SIZE);
-    // Catalog rows already covered by the agent's set (attached, or shadowed by
-    // a same-slug private skill) show an "Added" chip instead of an Add button
-    // — hiding them would make server pages uneven. Another agent's private
-    // skills are not attachable at all.
-    const isCoveredByAgent = (skill) => effectiveUniqueIds.has(skill.unique_id) || effectiveSlugs.has(skill.slug);
+    const isMutatingAgentSkill = isCreatingAssignment || isUpdatingAssignment || isDeletingAssignment;
+    // Catalog rows already assigned to the agent show an "Added" chip instead
+    // of an Add button — hiding them would make server pages uneven. Another
+    // agent's private skills get a disabled Add with an explanatory tooltip.
+    const isCoveredByAgent = (skill) => assignedSkillIds.has(skill.unique_id);
     const isOtherAgentsPrivate = (skill) => !!skill.mentor && skill.mentor !== mentorUniqueId;
     // Featured skills from the `main` platform are read-only for tenants — the
     // API 404s writes against them, so hide the edit/delete affordances.
@@ -255137,29 +256806,20 @@ function AgentSkills({ platformKey, mentorUniqueId }) {
         return skill.platform_key ? skill.platform_key === platformKey : !skill.is_featured;
     };
     const resetForm = () => setForm(EMPTY_SKILL_FORM);
-    const handleToggleEffective = async (effective, shouldEnable) => {
+    const handleToggleAssignment = async (assignment, shouldEnable) => {
         try {
-            if (effective.origin === 'private' && effective.skill) {
-                await updateSkill({
-                    org: platformKey,
-                    id: effective.skill.id,
-                    enabled: shouldEnable,
-                }).unwrap();
-            }
-            else if (effective.assignmentId !== undefined) {
-                await updateAssignment({
-                    org: platformKey,
-                    mentorUniqueId,
-                    assignmentPk: effective.assignmentId,
-                    enabled: shouldEnable,
-                }).unwrap();
-            }
+            await updateAssignment({
+                org: platformKey,
+                mentorUniqueId,
+                assignmentPk: assignment.id,
+                enabled: shouldEnable,
+            }).unwrap();
             toast.success(t(shouldEnable
                 ? 'clawSandboxAgentSkills.skillEnabled'
-                : 'clawSandboxAgentSkills.skillDisabled', { name: effective.name }));
+                : 'clawSandboxAgentSkills.skillDisabled', { name: assignment.skill_name }));
         }
         catch (_a) {
-            toast.error(t('clawSandboxAgentSkills.failedToUpdateSkill', { name: effective.name }));
+            toast.error(t('clawSandboxAgentSkills.failedToUpdateSkill', { name: assignment.skill_name }));
         }
     };
     const handleAttach = async (skill) => {
@@ -255176,19 +256836,30 @@ function AgentSkills({ platformKey, mentorUniqueId }) {
             toast.error(t('clawSandboxAgentSkills.failedToUpdateSkill', { name: skill.name }));
         }
     };
-    const handleDetach = async (effective) => {
-        if (effective.assignmentId === undefined)
-            return;
+    // Platform-level enable/disable of the skill itself (catalog rows) — the
+    // agent-tab switches PATCH the assignment instead.
+    const handleToggleSkill = async (skill, shouldEnable) => {
+        try {
+            await updateSkill({ org: platformKey, id: skill.id, enabled: shouldEnable }).unwrap();
+            toast.success(t(shouldEnable
+                ? 'clawSandboxAgentSkills.skillEnabled'
+                : 'clawSandboxAgentSkills.skillDisabled', { name: skill.name }));
+        }
+        catch (_a) {
+            toast.error(t('clawSandboxAgentSkills.failedToUpdateSkill', { name: skill.name }));
+        }
+    };
+    const handleDetach = async (assignment) => {
         try {
             await deleteAssignment({
                 org: platformKey,
                 mentorUniqueId,
-                assignmentPk: effective.assignmentId,
+                assignmentPk: assignment.id,
             }).unwrap();
-            toast.success(t('clawSandboxAgentSkills.skillRemoved', { name: effective.name }));
+            toast.success(t('clawSandboxAgentSkills.skillRemoved', { name: assignment.skill_name }));
         }
         catch (_a) {
-            toast.error(t('clawSandboxAgentSkills.failedToUpdateSkill', { name: effective.name }));
+            toast.error(t('clawSandboxAgentSkills.failedToUpdateSkill', { name: assignment.skill_name }));
         }
     };
     const openNewSkillDialog = () => {
@@ -255219,7 +256890,7 @@ function AgentSkills({ platformKey, mentorUniqueId }) {
             return;
         }
         try {
-            await createSkill({
+            const created = await createSkill({
                 org: platformKey,
                 name: form.name,
                 slug: form.slug,
@@ -255230,6 +256901,16 @@ function AgentSkills({ platformKey, mentorUniqueId }) {
                 instruction: form.instruction,
                 enabled: true,
             }).unwrap();
+            // A private skill only takes effect once assigned, and the Agent Skills
+            // tab lists assignments — so attach it to this agent right away.
+            if (form.privateToAgent && (created === null || created === void 0 ? void 0 : created.unique_id)) {
+                await createAssignment({
+                    org: platformKey,
+                    mentorUniqueId,
+                    skill: created.unique_id,
+                    enabled: true,
+                }).unwrap();
+            }
             toast.success(t('clawSandboxAgentSkills.skillCreated'));
             closeAllDialogs();
         }
@@ -255244,6 +256925,10 @@ function AgentSkills({ platformKey, mentorUniqueId }) {
             toast.error(t('clawSandboxAgentSkills.nameAndSlugRequired'));
             return;
         }
+        // A skill private to a different agent keeps its owner: the "Only This
+        // Agent" toggle is locked in the form, and the PATCH omits `mentor` so a
+        // save here can never silently un-private (or steal) it.
+        const privateLocked = isOtherAgentsPrivate(editingSkill);
         try {
             await updateSkill({
                 org: platformKey,
@@ -255254,8 +256939,18 @@ function AgentSkills({ platformKey, mentorUniqueId }) {
                 version: form.version,
                 category: form.category,
                 instruction: form.instruction,
-                mentor: form.privateToAgent ? mentorUniqueId : null,
+                ...(!privateLocked && { mentor: form.privateToAgent ? mentorUniqueId : null }),
             }).unwrap();
+            // Making a skill private to this agent implies it should be usable by
+            // it — attach it if it isn't assigned yet.
+            if (!privateLocked && form.privateToAgent && !assignedSkillIds.has(editingSkill.unique_id)) {
+                await createAssignment({
+                    org: platformKey,
+                    mentorUniqueId,
+                    skill: editingSkill.unique_id,
+                    enabled: true,
+                }).unwrap();
+            }
             toast.success(t('clawSandboxAgentSkills.skillUpdated'));
             closeAllDialogs();
         }
@@ -255275,46 +256970,40 @@ function AgentSkills({ platformKey, mentorUniqueId }) {
             toast.error(t('clawSandboxAgentSkills.failedToDeleteSkill'));
         }
     };
-    const renderBadges = (skill, effective) => {
-        var _a, _b, _c;
-        const category = (_a = effective === null || effective === void 0 ? void 0 : effective.category) !== null && _a !== void 0 ? _a : skill === null || skill === void 0 ? void 0 : skill.category;
-        const skillType = (_b = effective === null || effective === void 0 ? void 0 : effective.skill_type) !== null && _b !== void 0 ? _b : skill === null || skill === void 0 ? void 0 : skill.skill_type;
-        const isFeatured = (_c = effective === null || effective === void 0 ? void 0 : effective.is_featured) !== null && _c !== void 0 ? _c : skill === null || skill === void 0 ? void 0 : skill.is_featured;
-        return (jsxs("span", { className: "flex flex-wrap items-center gap-1", children: [category && (jsx("span", { className: "rounded-full bg-gray-100 px-2 py-0.5 text-[0.625rem] text-gray-500", children: category })), skillType === 'native' && (jsx("span", { className: "rounded-full bg-purple-50 px-2 py-0.5 text-[0.625rem] text-purple-600", children: t('clawSandboxAgentSkills.nativeBadge') })), isFeatured && (jsx("span", { className: "rounded-full bg-amber-50 px-2 py-0.5 text-[0.625rem] text-amber-600", children: t('clawSandboxAgentSkills.featuredBadge') })), (effective === null || effective === void 0 ? void 0 : effective.origin) === 'private' && (jsx("span", { className: "rounded-full bg-blue-50 px-2 py-0.5 text-[0.625rem] text-blue-600", children: t('clawSandboxAgentSkills.privateBadge') }))] }));
-    };
-    const renderSkillMenu = (skill, effective) => {
-        var _a, _b;
-        const editable = isSkillEditable(skill);
-        const showEdit = editable;
-        const showDelete = editable;
-        const detachable = (effective === null || effective === void 0 ? void 0 : effective.origin) === 'assignment';
-        if (!showEdit && !showDelete && !detachable)
+    const renderBadges = (skill) => (jsxs("span", { className: "flex flex-wrap items-center gap-1", children: [skill.category && (jsx("span", { className: "rounded-full bg-gray-100 px-2 py-0.5 text-[0.625rem] text-gray-500", children: skill.category })), skill.skill_type === 'native' && (jsx("span", { className: "rounded-full bg-purple-50 px-2 py-0.5 text-[0.625rem] text-purple-600", children: t('clawSandboxAgentSkills.nativeBadge') })), skill.is_featured && (jsx("span", { className: "rounded-full bg-amber-50 px-2 py-0.5 text-[0.625rem] text-amber-600", children: t('clawSandboxAgentSkills.featuredBadge') })), skill.mentor === mentorUniqueId && (jsx("span", { className: "rounded-full bg-blue-50 px-2 py-0.5 text-[0.625rem] text-blue-600", children: t('clawSandboxAgentSkills.privateBadge') }))] }));
+    // Agent-tab rows are assignments: their only row action is detaching.
+    const renderAssignmentMenu = (assignment) => (jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(Button$1, { variant: "ghost", size: "sm", "aria-label": t('clawSandboxAgentSkills.skillActions', { name: assignment.skill_name }), children: jsx(Ellipsis, { className: "h-4 w-4" }) }) }), jsx(DropdownMenuContent, { align: "end", children: jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => handleDetach(assignment), children: [jsx(CircleMinus$1, { className: "mr-2 h-4 w-4" }), t('clawSandboxAgentSkills.removeFromAgent')] }) })] }));
+    // Catalog rows carry the full skill object: edit/delete where allowed.
+    const renderSkillMenu = (skill) => {
+        if (!isSkillEditable(skill))
             return null;
-        const name = (_b = (_a = effective === null || effective === void 0 ? void 0 : effective.name) !== null && _a !== void 0 ? _a : skill === null || skill === void 0 ? void 0 : skill.name) !== null && _b !== void 0 ? _b : '';
-        return (jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(Button$1, { variant: "ghost", size: "sm", "aria-label": t('clawSandboxAgentSkills.skillActions', { name }), children: jsx(Ellipsis, { className: "h-4 w-4" }) }) }), jsxs(DropdownMenuContent, { align: "end", children: [detachable && (jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => effective && handleDetach(effective), children: [jsx(CircleMinus$1, { className: "mr-2 h-4 w-4" }), t('clawSandboxAgentSkills.removeFromAgent')] })), showEdit && skill && (jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => openEditSkillDialog(skill), children: [jsx(Pen, { className: "mr-2 h-4 w-4" }), t('clawSandboxAgentSkills.edit')] })), showDelete && skill && (jsxs(DropdownMenuItem, { variant: "destructive", className: "cursor-pointer", onClick: () => setDeletingSkill(skill), children: [jsx(Trash2, { className: "mr-2 h-4 w-4" }), t('clawSandboxAgentSkills.delete')] }))] })] }));
-    };
-    if (isLoading) {
-        return (jsxs("div", { className: "flex items-center gap-2 p-4", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500" }), jsx("span", { className: "text-sm text-gray-500", children: t('clawSandboxAgentSkills.loadingSkills') })] }));
-    }
-    return (jsxs("div", { className: "space-y-4", "data-testid": "agent-skills-content", children: [jsxs("div", { className: "flex items-start justify-between gap-4", children: [jsxs("p", { className: "flex items-start gap-2 text-xs text-gray-500", children: [jsx(Info$3, { className: "mt-0.5 h-4 w-4 shrink-0 text-gray-400" }), jsx("span", { children: t('clawSandboxAgentSkills.sessionNote') })] }), jsxs(Button$1, { onClick: openNewSkillDialog, size: "sm", className: "shrink-0 cursor-pointer bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: [jsx(Plus, { className: "h-4 w-4" }), t('clawSandboxAgentSkills.newSkill')] })] }), jsxs(Tabs, { defaultValue: "agent", className: "w-full", children: [jsxs(TabsList, { "aria-label": t('clawSandboxAgentSkills.tabsAriaLabel'), "data-testid": "agent-skills-tabs", children: [jsx(TabsTrigger, { value: "agent", "data-testid": "agent-skills-tab-agent", children: t('clawSandboxAgentSkills.tabAgentSkills') }), jsx(TabsTrigger, { value: "available", "data-testid": "agent-skills-tab-available", children: t('clawSandboxAgentSkills.tabAvailableSkills') })] }), jsx(TabsContent, { value: "agent", className: "space-y-3", children: effectiveSkills.length === 0 ? (jsx("div", { className: "flex items-center justify-center rounded-lg border p-6", children: jsx("p", { className: "text-sm text-gray-500", children: t('clawSandboxAgentSkills.noEffectiveSkills') }) })) : (jsxs(Fragment$1, { children: [pagedEffectiveSkills.map((effective) => {
-                                    var _a;
-                                    return (jsxs("div", { className: "flex items-center justify-between gap-4 rounded-lg border p-4", "data-testid": "agent-skill-row", children: [jsxs("div", { className: "min-w-0 space-y-1", children: [jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-gray-700", children: effective.name }), ((_a = effective.skill) === null || _a === void 0 ? void 0 : _a.version) && (jsxs("span", { className: "hidden text-xs text-gray-400 sm:inline", children: ["v", effective.skill.version] })), renderBadges(effective.skill, effective)] }), effective.description && (jsx("p", { className: "line-clamp-2 text-xs text-gray-500", children: effective.description }))] }), jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [jsx(Switch, { checked: effective.enabled, onCheckedChange: (checked) => handleToggleEffective(effective, checked), disabled: isMutatingAgentSkill, className: "cursor-pointer data-[state=checked]:bg-blue-500", "aria-label": t(effective.enabled
-                                                            ? 'clawSandboxAgentSkills.skillEnabledLabel'
-                                                            : 'clawSandboxAgentSkills.skillDisabledLabel', { name: effective.name }) }), renderSkillMenu(effective.skill, effective)] })] }, effective.unique_id));
-                                }), jsx(IblPagination, { currentPage: agentPage, totalPages: agentTotalPages, onPageChange: setAgentPage, disabled: isMutatingAgentSkill })] })) }), jsx(TabsContent, { value: "available", className: "space-y-3", children: isLoadingCatalog ? (jsxs("div", { className: "flex items-center gap-2 p-4", role: "status", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500" }), jsx("span", { className: "text-sm text-gray-500", children: t('clawSandboxAgentSkills.loadingSkills') })] })) : catalogTotalCount === 0 ? (jsx("div", { className: "flex items-center justify-center rounded-lg border p-6", children: jsx("p", { className: "text-sm text-gray-500", children: t('clawSandboxAgentSkills.noSkillsAvailable') }) })) : (jsxs(Fragment$1, { children: [catalogSkills.map((skill) => (jsxs("div", { className: "flex items-center justify-between gap-4 rounded-lg border p-4", "data-testid": "available-skill-row", children: [jsxs("div", { className: "min-w-0 space-y-1", children: [jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-gray-700", children: skill.name }), jsxs("span", { className: "hidden text-xs text-gray-400 sm:inline", children: ["v", skill.version] }), renderBadges(skill)] }), skill.description && (jsx("p", { className: "line-clamp-2 text-xs text-gray-500", children: skill.description }))] }), jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [isCoveredByAgent(skill) ? (jsx("span", { className: "rounded-full bg-green-50 px-2 py-0.5 text-xs text-green-700", children: t('clawSandboxAgentSkills.addedBadge') })) : (!isOtherAgentsPrivate(skill) && (jsxs(Button$1, { variant: "outline", size: "sm", className: "cursor-pointer", disabled: isMutatingAgentSkill, onClick: () => handleAttach(skill), "aria-label": t('clawSandboxAgentSkills.addToAgentLabel', {
+        return (jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(Button$1, { variant: "ghost", size: "sm", "aria-label": t('clawSandboxAgentSkills.skillActions', { name: skill.name }), children: jsx(Ellipsis, { className: "h-4 w-4" }) }) }), jsxs(DropdownMenuContent, { align: "end", children: [jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => openEditSkillDialog(skill), children: [jsx(Pen, { className: "mr-2 h-4 w-4" }), t('clawSandboxAgentSkills.edit')] }), jsxs(DropdownMenuItem, { variant: "destructive", className: "cursor-pointer", onClick: () => setDeletingSkill(skill), children: [jsx(Trash2, { className: "mr-2 h-4 w-4" }), t('clawSandboxAgentSkills.delete')] })] })] }));
+    };
+    return (jsxs("div", { className: "space-y-4", "data-testid": "agent-skills-content", children: [jsxs("div", { className: "flex items-start justify-between gap-4", children: [jsxs("p", { className: "flex items-start gap-2 text-xs text-gray-500", children: [jsx(Info$3, { className: "mt-0.5 h-4 w-4 shrink-0 text-gray-400" }), jsx("span", { children: t('clawSandboxAgentSkills.sessionNote') })] }), jsxs(Button$1, { onClick: openNewSkillDialog, size: "sm", className: "shrink-0 cursor-pointer bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: [jsx(Plus, { className: "h-4 w-4" }), t('clawSandboxAgentSkills.newSkill')] })] }), jsxs(Tabs, { defaultValue: "agent", className: "w-full", children: [jsxs(TabsList, { "aria-label": t('clawSandboxAgentSkills.tabsAriaLabel'), "data-testid": "agent-skills-tabs", children: [jsx(TabsTrigger, { value: "agent", "data-testid": "agent-skills-tab-agent", children: t('clawSandboxAgentSkills.tabAgentSkills') }), jsx(TabsTrigger, { value: "available", "data-testid": "agent-skills-tab-available", children: t('clawSandboxAgentSkills.tabAvailableSkills') })] }), jsx(TabsContent, { value: "agent", className: "space-y-3", children: isLoadingAssignments ? (jsxs("div", { className: "flex items-center gap-2 p-4", role: "status", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500" }), jsx("span", { className: "text-sm text-gray-500", children: t('clawSandboxAgentSkills.loadingSkills') })] })) : agentTotalCount === 0 ? (jsx("div", { className: "flex items-center justify-center rounded-lg border p-6", children: jsx("p", { className: "text-sm text-gray-500", children: t('clawSandboxAgentSkills.noEffectiveSkills') }) })) : (jsxs(Fragment$1, { children: [agentAssignments.map((assignment) => (jsxs("div", { className: "flex items-center justify-between gap-4 rounded-lg border p-4", "data-testid": "agent-skill-row", children: [jsx("div", { className: "min-w-0 space-y-1", children: jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-gray-700", children: assignment.skill_name }), assignment.skill_slug && (jsxs("span", { className: "hidden text-xs text-gray-400 sm:inline", children: ["/", assignment.skill_slug] }))] }) }), jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [jsx(Switch, { checked: assignment.enabled, onCheckedChange: (checked) => handleToggleAssignment(assignment, checked), disabled: isMutatingAgentSkill, className: "cursor-pointer data-[state=checked]:bg-blue-500", "aria-label": t(assignment.enabled
+                                                        ? 'clawSandboxAgentSkills.skillEnabledLabel'
+                                                        : 'clawSandboxAgentSkills.skillDisabledLabel', { name: assignment.skill_name }) }), renderAssignmentMenu(assignment)] })] }, assignment.id))), jsx(IblPagination, { currentPage: agentPage, totalPages: agentTotalPages, onPageChange: setAgentPage, disabled: isMutatingAgentSkill })] })) }), jsx(TabsContent, { value: "available", className: "space-y-3", children: isLoadingCatalog ? (jsxs("div", { className: "flex items-center gap-2 p-4", role: "status", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500" }), jsx("span", { className: "text-sm text-gray-500", children: t('clawSandboxAgentSkills.loadingSkills') })] })) : catalogTotalCount === 0 ? (jsx("div", { className: "flex items-center justify-center rounded-lg border p-6", children: jsx("p", { className: "text-sm text-gray-500", children: t('clawSandboxAgentSkills.noSkillsAvailable') }) })) : (jsxs(Fragment$1, { children: [catalogSkills.map((skill) => (jsxs("div", { className: "flex items-center justify-between gap-4 rounded-lg border p-4", "data-testid": "available-skill-row", children: [jsxs("div", { className: "min-w-0 space-y-1", children: [jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-gray-700", children: skill.name }), jsxs("span", { className: "hidden text-xs text-gray-400 sm:inline", children: ["v", skill.version] }), renderBadges(skill)] }), skill.description && (jsx("p", { className: "line-clamp-2 text-xs text-gray-500", children: skill.description }))] }), jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [isCoveredByAgent(skill) ? (jsx("span", { className: "rounded-full bg-green-50 px-2 py-0.5 text-xs text-green-700", children: t('clawSandboxAgentSkills.addedBadge') })) : isOtherAgentsPrivate(skill) ? (
+                                                // Another agent's private skill: Add stays visible but
+                                                // disabled, with the reason on hover/focus.
+                                                jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("span", { tabIndex: 0, children: jsxs(Button$1, { variant: "outline", size: "sm", disabled: true, "aria-label": t('clawSandboxAgentSkills.addToAgentLabel', {
+                                                                            name: skill.name,
+                                                                        }), children: [jsx(Plus, { className: "h-4 w-4" }), t('clawSandboxAgentSkills.addToAgent')] }) }) }), jsx(TooltipContent, { className: "ibl-tooltip-content max-w-64", children: jsx("p", { children: t('clawSandboxAgentSkills.privateToOtherAgentTooltip') }) })] }) })) : (jsxs(Button$1, { variant: "outline", size: "sm", className: "cursor-pointer", disabled: isMutatingAgentSkill, onClick: () => handleAttach(skill), "aria-label": t('clawSandboxAgentSkills.addToAgentLabel', {
                                                         name: skill.name,
-                                                    }), children: [jsx(Plus, { className: "h-4 w-4" }), t('clawSandboxAgentSkills.addToAgent')] }))), renderSkillMenu(skill)] })] }, skill.id))), jsx(IblPagination, { currentPage: catalogPage, totalPages: catalogTotalPages, onPageChange: setCatalogPage, disabled: isMutatingAgentSkill })] })) })] }), jsx(OverlayModal, { open: showNewDialog, onClose: closeAllDialogs, title: t('clawSandboxAgentSkills.newSkillDialogTitle'), className: "max-w-2xl", children: jsxs("div", { className: "flex h-[min(75dvh,46rem)] flex-col", children: [jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto pb-4 pr-1", children: [jsx(SkillForm, { form: form, onChange: setForm }), jsx("p", { className: "text-xs text-gray-500", children: t('clawSandboxAgentSkills.filesAfterCreateHint') })] }), jsxs("div", { className: "flex justify-end gap-2 border-t pt-4", children: [jsx(Button$1, { variant: "outline", onClick: closeAllDialogs, children: t('clawSandboxAgentSkills.cancel') }), jsx(Button$1, { onClick: handleCreateSkill, disabled: isCreatingSkill || !form.name || !form.slug, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: isCreatingSkill
+                                                    }), children: [jsx(Plus, { className: "h-4 w-4" }), t('clawSandboxAgentSkills.addToAgent')] })), isSkillEditable(skill) && (jsx(Switch, { checked: skill.enabled, onCheckedChange: (checked) => handleToggleSkill(skill, checked), disabled: isUpdatingSkill, className: "cursor-pointer data-[state=checked]:bg-blue-500", "aria-label": t(skill.enabled
+                                                        ? 'clawSandboxAgentSkills.skillEnabledLabel'
+                                                        : 'clawSandboxAgentSkills.skillDisabledLabel', { name: skill.name }) })), renderSkillMenu(skill)] })] }, skill.id))), jsx(IblPagination, { currentPage: catalogPage, totalPages: catalogTotalPages, onPageChange: setCatalogPage, disabled: isMutatingAgentSkill })] })) })] }), jsx(OverlayModal, { open: showNewDialog, onClose: closeAllDialogs, title: t('clawSandboxAgentSkills.newSkillDialogTitle'), className: "max-w-2xl", children: jsxs("div", { className: "flex h-[min(75dvh,46rem)] flex-col", children: [jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto pb-4 pr-1", children: [jsx(SkillForm, { form: form, onChange: setForm }), jsx("p", { className: "text-xs text-gray-500", children: t('clawSandboxAgentSkills.filesAfterCreateHint') })] }), jsxs("div", { className: "flex justify-end gap-2 border-t pt-4", children: [jsx(Button$1, { variant: "outline", onClick: closeAllDialogs, children: t('clawSandboxAgentSkills.cancel') }), jsx(Button$1, { onClick: handleCreateSkill, disabled: isCreatingSkill || !form.name || !form.slug, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: isCreatingSkill
                                         ? t('clawSandboxAgentSkills.creating')
-                                        : t('clawSandboxAgentSkills.create') })] })] }) }), jsx(OverlayModal, { open: !!editingSkill, onClose: closeAllDialogs, title: t('clawSandboxAgentSkills.editSkillDialogTitle'), className: "max-w-2xl", children: jsxs(Tabs, { defaultValue: "details", className: "w-full", children: [jsxs(TabsList, { "aria-label": t('clawSandboxAgentSkills.editSkillDialogTitle'), "data-testid": "skill-dialog-tabs", children: [jsx(TabsTrigger, { value: "details", "data-testid": "skill-dialog-tab-details", children: t('clawSandboxAgentSkills.detailsTab') }), jsx(TabsTrigger, { value: "files", "data-testid": "skill-dialog-tab-files", children: t('clawSandboxAgentSkills.filesTab') })] }), jsx(TabsContent, { value: "details", children: jsxs("div", { className: "flex h-[min(75dvh,46rem)] flex-col", children: [jsx("div", { className: "flex-1 space-y-4 overflow-y-auto pb-4 pr-1", children: jsx(SkillForm, { form: form, onChange: setForm }) }), jsxs("div", { className: "flex justify-end gap-2 border-t pt-4", children: [jsx(Button$1, { variant: "outline", onClick: closeAllDialogs, children: t('clawSandboxAgentSkills.cancel') }), jsx(Button$1, { onClick: handleUpdateSkill, disabled: isUpdatingSkill || !form.name || !form.slug, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: isUpdatingSkill
+                                        : t('clawSandboxAgentSkills.create') })] })] }) }), jsx(OverlayModal, { open: !!editingSkill, onClose: closeAllDialogs, title: t('clawSandboxAgentSkills.editSkillDialogTitle'), className: "max-w-2xl", children: jsxs(Tabs, { defaultValue: "details", className: "w-full", children: [jsxs(TabsList, { "aria-label": t('clawSandboxAgentSkills.editSkillDialogTitle'), "data-testid": "skill-dialog-tabs", children: [jsx(TabsTrigger, { value: "details", "data-testid": "skill-dialog-tab-details", children: t('clawSandboxAgentSkills.detailsTab') }), jsx(TabsTrigger, { value: "files", "data-testid": "skill-dialog-tab-files", children: t('clawSandboxAgentSkills.filesTab') })] }), jsx(TabsContent, { value: "details", children: jsxs("div", { className: "flex h-[min(75dvh,46rem)] flex-col", children: [jsx("div", { className: "flex-1 space-y-4 overflow-y-auto pb-4 pr-1", children: jsx(SkillForm, { form: form, onChange: setForm, privateLocked: !!editingSkill && isOtherAgentsPrivate(editingSkill) }) }), jsxs("div", { className: "flex justify-end gap-2 border-t pt-4", children: [jsx(Button$1, { variant: "outline", onClick: closeAllDialogs, children: t('clawSandboxAgentSkills.cancel') }), jsx(Button$1, { onClick: handleUpdateSkill, disabled: isUpdatingSkill || !form.name || !form.slug, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: isUpdatingSkill
                                                     ? t('clawSandboxAgentSkills.saving')
-                                                    : t('clawSandboxAgentSkills.save') })] })] }) }), jsx(TabsContent, { value: "files", children: jsx("div", { className: "flex h-[min(75dvh,46rem)] flex-col", children: jsx("div", { className: "flex-1 space-y-4 overflow-y-auto pb-4 pr-1", children: editingSkill && (jsx(SkillResourcesSection, { platformKey: platformKey, skillId: editingSkill.id })) }) }) })] }) }), jsxs(OverlayModal, { open: !!deletingSkill, onClose: () => setDeletingSkill(null), title: t('clawSandboxAgentSkills.deleteSkillDialogTitle'), className: "max-w-md", children: [jsx("p", { className: "mt-2 text-sm text-gray-600", children: t('clawSandboxAgentSkills.deleteConfirmation', { name: (_d = deletingSkill === null || deletingSkill === void 0 ? void 0 : deletingSkill.name) !== null && _d !== void 0 ? _d : '' }) }), jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [jsx(Button$1, { variant: "outline", onClick: () => setDeletingSkill(null), children: t('clawSandboxAgentSkills.cancel') }), jsx(Button$1, { onClick: handleDeleteSkill, disabled: isDeletingSkill, className: "bg-red-600 text-white hover:bg-red-700", children: isDeletingSkill
+                                                    : t('clawSandboxAgentSkills.save') })] })] }) }), jsx(TabsContent, { value: "files", children: jsx("div", { className: "flex h-[min(75dvh,46rem)] flex-col", children: jsx("div", { className: "flex-1 space-y-4 overflow-y-auto pb-4 pr-1", children: editingSkill && (jsx(SkillResourcesSection, { platformKey: platformKey, skillId: editingSkill.id })) }) }) })] }) }), jsxs(OverlayModal, { open: !!deletingSkill, onClose: () => setDeletingSkill(null), title: t('clawSandboxAgentSkills.deleteSkillDialogTitle'), className: "max-w-md", children: [jsx("p", { className: "mt-2 text-sm text-gray-600", children: t('clawSandboxAgentSkills.deleteConfirmation', { name: (_f = deletingSkill === null || deletingSkill === void 0 ? void 0 : deletingSkill.name) !== null && _f !== void 0 ? _f : '' }) }), jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [jsx(Button$1, { variant: "outline", onClick: () => setDeletingSkill(null), children: t('clawSandboxAgentSkills.cancel') }), jsx(Button$1, { onClick: handleDeleteSkill, disabled: isDeletingSkill, className: "bg-red-600 text-white hover:bg-red-700", children: isDeletingSkill
                                     ? t('clawSandboxAgentSkills.deleting')
                                     : t('clawSandboxAgentSkills.delete') })] })] })] }));
 }
 // ── Shared Skill Form ────────────────────────────────────────────────────────
-function SkillForm({ form, onChange, }) {
+function SkillForm({ form, onChange, privateLocked = false, }) {
     const t = useT();
-    return (jsxs("div", { className: "mt-4 grid gap-4", children: [jsxs("div", { className: "flex items-center justify-between rounded-lg border p-4", children: [jsxs("div", { className: "space-y-1", children: [jsx(Label$1, { htmlFor: "skill-private", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.privateToAgent') }), jsx("p", { className: "text-xs text-gray-500", children: t('clawSandboxAgentSkills.privateToAgentHint') })] }), jsx(Switch, { id: "skill-private", checked: form.privateToAgent, onCheckedChange: (checked) => onChange({ ...form, privateToAgent: checked }), className: "cursor-pointer data-[state=checked]:bg-blue-500" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$1, { htmlFor: "skill-name", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldName') }), jsx(Input, { id: "skill-name", name: "skill-name", value: form.name, onChange: (e) => onChange({ ...form, name: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldNamePlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$1, { htmlFor: "skill-slug", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldSlug') }), jsx(Input, { id: "skill-slug", name: "skill-slug", value: form.slug, onChange: (e) => onChange({ ...form, slug: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldSlugPlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$1, { htmlFor: "skill-version", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldVersion') }), jsx(Input, { id: "skill-version", name: "skill-version", value: form.version, onChange: (e) => onChange({ ...form, version: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldVersionPlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$1, { htmlFor: "skill-category", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldCategory') }), jsx(Input, { id: "skill-category", name: "skill-category", value: form.category, onChange: (e) => onChange({ ...form, category: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldCategoryPlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$1, { htmlFor: "skill-description", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldDescription') }), jsx(Textarea, { id: "skill-description", name: "skill-description", value: form.description, onChange: (e) => onChange({ ...form, description: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldDescriptionPlaceholder'), rows: 3 })] }), jsxs("div", { className: "space-y-2 overflow-hidden", children: [jsx(Label$1, { htmlFor: "skill-instruction", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldInstruction') }), jsx("p", { className: "text-xs text-gray-500", children: t('clawSandboxAgentSkills.instructionHint') }), jsx(RichTextEditor, { value: form.instruction, onChange: (value) => onChange({ ...form, instruction: value }) })] })] }));
+    return (jsxs("div", { className: "mt-4 grid gap-4", children: [jsxs("div", { className: "flex items-center justify-between rounded-lg border p-4", children: [jsxs("div", { className: "space-y-1", children: [jsx(Label$1, { htmlFor: "skill-private", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.privateToAgent') }), jsx("p", { className: "text-xs text-gray-500", children: t(privateLocked
+                                    ? 'clawSandboxAgentSkills.privateToOtherAgentHint'
+                                    : 'clawSandboxAgentSkills.privateToAgentHint') })] }), jsx(Switch, { id: "skill-private", checked: form.privateToAgent, onCheckedChange: (checked) => onChange({ ...form, privateToAgent: checked }), disabled: privateLocked, className: "cursor-pointer data-[state=checked]:bg-blue-500" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$1, { htmlFor: "skill-name", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldName') }), jsx(Input, { id: "skill-name", name: "skill-name", value: form.name, onChange: (e) => onChange({ ...form, name: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldNamePlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$1, { htmlFor: "skill-slug", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldSlug') }), jsx(Input, { id: "skill-slug", name: "skill-slug", value: form.slug, onChange: (e) => onChange({ ...form, slug: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldSlugPlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$1, { htmlFor: "skill-version", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldVersion') }), jsx(Input, { id: "skill-version", name: "skill-version", value: form.version, onChange: (e) => onChange({ ...form, version: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldVersionPlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$1, { htmlFor: "skill-category", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldCategory') }), jsx(Input, { id: "skill-category", name: "skill-category", value: form.category, onChange: (e) => onChange({ ...form, category: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldCategoryPlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$1, { htmlFor: "skill-description", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldDescription') }), jsx(Textarea, { id: "skill-description", name: "skill-description", value: form.description, onChange: (e) => onChange({ ...form, description: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldDescriptionPlaceholder'), rows: 3 })] }), jsxs("div", { className: "space-y-2 overflow-hidden", children: [jsx(Label$1, { htmlFor: "skill-instruction", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldInstruction') }), jsx("p", { className: "text-xs text-gray-500", children: t('clawSandboxAgentSkills.instructionHint') }), jsx(RichTextEditor, { value: form.instruction, onChange: (value) => onChange({ ...form, instruction: value }) })] })] }));
 }
 
 /** Distance (px) from the list bottom at which the next page is requested. */
@@ -255585,46 +257274,6 @@ function ProjectMentorsList({ projectMentors, onMentorRemoved, onAddMentorClick,
                 }) }), showMinimumMentorAlert && (jsx(Suspense, { fallback: null, children: jsx(MinimumMentorAlert$1, { open: showMinimumMentorAlert, onOpenChange: setShowMinimumMentorAlert }) }))] }));
 }
 
-const AgentSettingsContext = React__default.createContext(null);
-function AgentSettingsProvider({ children, ...value }) {
-    const ctx = React__default.useMemo(() => value, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-        value.tenantKey,
-        value.mentorId,
-        value.username,
-        value.enableRBAC,
-        value.rbacPermissions,
-        value.executeGatedAction,
-        value.visibilityOptions,
-    ]);
-    return jsx(AgentSettingsContext.Provider, { value: ctx, children: children });
-}
-/**
- * Read the shared agent identity / config from the nearest
- * `<AgentSettingsProvider>` if one is present, returning `null` otherwise.
- *
- * Use this when a tab can also be driven by direct props (i.e. the
- * `<AgentSettingsProvider>` wrapper is optional). For tabs that strictly
- * require the provider, use `useAgentSettings`.
- */
-function useAgentSettingsOptional() {
-    return React__default.useContext(AgentSettingsContext);
-}
-/**
- * Read the shared agent identity / config from the nearest
- * `<AgentSettingsProvider>`. Throws if called outside a provider — this is
- * intentional: every tab MUST be wrapped.
- */
-function useAgentSettings() {
-    const ctx = React__default.useContext(AgentSettingsContext);
-    if (!ctx) {
-        throw new Error('useAgentSettings must be used within an <AgentSettingsProvider>. ' +
-            'Wrap your tab components with <AgentSettingsProvider tenantKey=... mentorId=... username=... enableRBAC=...>.');
-    }
-    return ctx;
-}
-
 function useDatasetsWithPagination(itemsPerPage = 5, opts = {}) {
     const { page: controlledPage, search: controlledSearch, onPageChange, onSearchChange } = opts;
     // Controlled/uncontrolled is decided per axis, independently.
@@ -258163,9 +259812,6 @@ var addMentorToProjectModal = /*#__PURE__*/Object.freeze({
     AddMentorToProjectModal: AddMentorToProjectModal
 });
 
-const CustomSwitch = React.forwardRef(({ className, checked, onCheckedChange, ...props }, ref) => (jsx(Root$c, { checked: checked, onCheckedChange: onCheckedChange, className: cn('peer focus-visible:ring-ring focus-visible:ring-offset-background inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-500 data-[state=unchecked]:bg-gray-200', className), ...props, ref: ref, children: jsx(Thumb, { className: cn('pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0') }) })));
-CustomSwitch.displayName = Root$c.displayName;
-
 const DeleteDatasetModal$1 = dynamic(() => Promise.resolve().then(function () { return deleteDatasetModal; }).then((mod) => ({
     default: mod.DeleteDatasetModal,
 })));
@@ -258290,36 +259936,6 @@ function DatasetItemList({ datasets, onSelect, selectedDatasetId, labels }) {
     return (jsx(TableBody, { children: (datasets === null || datasets === void 0 ? void 0 : datasets.length) > 0 ? (datasets === null || datasets === void 0 ? void 0 : datasets.map((dataset) => (jsx(DatasetItem, { dataset: dataset, onSelect: onSelect, isSelected: selectedDatasetId === dataset.id, labels: labels }, dataset.id)))) : (jsx(TableRow$1, { children: jsx(TableCell$1, { colSpan: 6, className: "p-4 text-center text-[#646464]", children: (_b = (_a = labels === null || labels === void 0 ? void 0 : labels.table) === null || _a === void 0 ? void 0 : _a.emptyState) !== null && _b !== void 0 ? _b : 'No items found' }) })) }));
 }
 
-/**
- * Shared utilities for tab label systems.
- *
- * Every tab exports a `resolve*Labels(override?)` function that deep-merges
- * a partial override into the default AGENT labels. This file provides the
- * DeepPartial type and deepMerge implementation they all share.
- */
-function deepMerge(base, override) {
-    const result = { ...base };
-    const overrideBag = override;
-    for (const key of Object.keys(overrideBag)) {
-        const overrideValue = overrideBag[key];
-        if (overrideValue === undefined)
-            continue;
-        const baseValue = base[key];
-        if (baseValue &&
-            typeof baseValue === 'object' &&
-            !Array.isArray(baseValue) &&
-            overrideValue &&
-            typeof overrideValue === 'object' &&
-            !Array.isArray(overrideValue)) {
-            result[key] = deepMerge(baseValue, overrideValue);
-        }
-        else {
-            result[key] = overrideValue;
-        }
-    }
-    return result;
-}
-
 const AGENT_DATASETS_TAB_LABELS = {
     header: {
         title: 'Datasets',
@@ -258612,10 +260228,21 @@ const resourceTypes = [
     },
 ];
 
+/**
+ * Spend-cap blocks (HTTP 429) carry the machine code in `error`/`error_code`
+ * and a friendly, learner-safe sentence in `message`. Detection keys on
+ * `error_code` — never on the HTTP status, which can also mean a provider
+ * rate limit.
+ */
+const SPEND_CAP_EXCEEDED_ERROR_CODE = 'spend_cap_exceeded';
 const extractErrorMessage$1 = (error, fallback) => {
-    var _a, _b;
+    var _a, _b, _c;
     const apiError = error;
-    return ((_a = apiError === null || apiError === void 0 ? void 0 : apiError.data) === null || _a === void 0 ? void 0 : _a.error) || ((_b = apiError === null || apiError === void 0 ? void 0 : apiError.error) === null || _b === void 0 ? void 0 : _b.error) || fallback;
+    if (((_a = apiError === null || apiError === void 0 ? void 0 : apiError.data) === null || _a === void 0 ? void 0 : _a.error_code) === SPEND_CAP_EXCEEDED_ERROR_CODE) {
+        // Surface the friendly message, never the raw `spend_cap_exceeded` code.
+        return apiError.data.message || fallback;
+    }
+    return ((_b = apiError === null || apiError === void 0 ? void 0 : apiError.data) === null || _b === void 0 ? void 0 : _b.error) || ((_c = apiError === null || apiError === void 0 ? void 0 : apiError.error) === null || _c === void 0 ? void 0 : _c.error) || fallback;
 };
 
 function useGithubRepoDetails(url, tenantKey) {
@@ -260396,10 +262023,10 @@ function Account({ tenant, tenants = [], username, onInviteClick, email, mainPla
                                     onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange('billing');
                                 }, className: `flex items-center gap-2 px-3 py-2 rounded-lg whitespace-nowrap text-sm transition-all ${activeTab === 'billing'
                                     ? 'bg-blue-50 text-blue-600 font-medium'
-                                    : 'text-gray-600 hover:bg-gray-50'}`, children: [jsx(CreditCard, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: t('profileAccount.tabBilling') }), jsx("span", { className: "sm:hidden", children: t('profileAccount.tabBilling') })] }, 'billing'))] }) }) }), jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", style: { height: '100%' }, children: [jsxs("div", { className: "hidden lg:block flex-shrink-0 p-6 border-b border-gray-200 bg-white dark:bg-gray-900", children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_b = (_a = TABS.find((t) => t.id === activeTab)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : activeTab }), jsxs("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: [activeTab === 'management' && t('profileAccount.descManagement'), activeTab === 'organization' && t('profileAccount.descOrganization'), activeTab === 'integrations' && t('profileAccount.descIntegrations'), activeTab === 'billing' && t('profileAccount.descBilling'), activeTab === 'monetization' && t('profileAccount.descMonetization'), activeTab === 'datasets' && t('profileAccount.descBenchmarks'), activeTab === 'advanced' && t('profileAccount.descAdvanced')] })] }), jsxs("div", { className: "flex-1 p-6 space-y-6", style: {
+                                    : 'text-gray-600 hover:bg-gray-50'}`, children: [jsx(CreditCard, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: t('profileAccount.tabBilling') }), jsx("span", { className: "sm:hidden", children: t('profileAccount.tabBilling') })] }, 'billing'))] }) }) }), jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", style: { height: '100%' }, children: [jsxs("div", { className: "hidden lg:block flex-shrink-0 p-6 border-b border-gray-200 bg-white dark:bg-gray-900", children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_b = (_a = TABS.find((t) => t.id === activeTab)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : (activeTab === 'billing' ? t('profileAccount.tabBilling') : activeTab) }), jsxs("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: [activeTab === 'management' && t('profileAccount.descManagement'), activeTab === 'organization' && t('profileAccount.descOrganization'), activeTab === 'integrations' && t('profileAccount.descIntegrations'), activeTab === 'billing' && t('profileAccount.descBilling'), activeTab === 'monetization' && t('profileAccount.descMonetization'), activeTab === 'datasets' && t('profileAccount.descBenchmarks'), activeTab === 'advanced' && t('profileAccount.descAdvanced')] })] }), jsxs("div", { className: "flex-1 p-6 space-y-6", style: {
                             overflowY: 'auto',
                             overflowX: 'hidden',
-                        }, children: [jsxs("div", { className: "lg:hidden mb-6", children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_d = (_c = TABS.find((t) => t.id === activeTab)) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : activeTab }), jsxs("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: [activeTab === 'basic' && t('profileAccount.descBasic'), activeTab === 'social' && t('profileAccount.descSocial'), activeTab === 'security' && t('profileAccount.descSecurity'), activeTab === 'management' && t('profileAccount.descManagement'), activeTab === 'organization' && t('profileAccount.descOrganization'), activeTab === 'monetization' && t('profileAccount.descMonetization'), activeTab === 'datasets' && t('profileAccount.descBenchmarks'), activeTab === 'advanced' && t('profileAccount.descAdvanced')] })] }), activeTab === 'management' && hasManagementPermissions && (jsx(Admin, { authSpaUrl: authURL, onInviteClick: onInviteClick, tenant: tenant, currentSpa: currentSPA, hasUserTabPermission: hasUserTabPermission, hasGroupsTabPermission: hasGroupsTabPermission, hasPoliciesTabPermission: hasPoliciesTabPermission, hasRolesTabPermission: hasRolesTabPermission, hasTeamsTabPermission: hasTeamsTabPermission, hasInviteUserPermission: hasInviteUserPermission, hasCreateTeamPermission: hasCreateTeamPermission, onLoadGroupPermissions: onLoadGroupPermissions, hasAlertsTabPermission: hasAlertsTabPermission, rbacPermissions: rbacPermissions, enableRbac: enableRbac, showGradebookTab: showGradebookTab })), activeTab === 'organization' && (jsx(OrganizationTab, { platformKey: tenant, tenant: tenants.find((ten) => ten.key === tenant), onTenantUpdate: onTenantUpdate, setOrganizationLogoFromOutside: setOrganizationLogo, defaultSupportPhone: defaultSupportPhone, enableSupportPhone: enableSupportPhone })), activeTab === 'integrations' && (jsx(IntegrationsTab, { tenantKey: tenant, username: username })), activeTab === 'billing' && (jsx(BillingTab, { tenant: tenant, userActiveApp: userActiveApp, username: username, currentUserEmail: email, mainPlatformKey: mainPlatformKey })), activeTab === 'monetization' && (jsx(MonetizationTab, { platformKey: tenant, authURL: authURL })), activeTab === 'datasets' && showBenchmarks && (jsx(BenchmarksTab, { tenantKey: tenant, username: username })), activeTab === 'advanced' && (jsx(AdvancedTab, { platformKey: tenant, currentSPA: currentSPA, username: username, authURL: authURL, currentPlatformBaseDomain: currentPlatformBaseDomain }))] })] }), jsx(ToastProvider, {})] }));
+                        }, children: [jsxs("div", { className: "lg:hidden mb-6", children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_d = (_c = TABS.find((t) => t.id === activeTab)) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : (activeTab === 'billing' ? t('profileAccount.tabBilling') : activeTab) }), jsxs("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: [activeTab === 'billing' && t('profileAccount.descBilling'), activeTab === 'basic' && t('profileAccount.descBasic'), activeTab === 'social' && t('profileAccount.descSocial'), activeTab === 'security' && t('profileAccount.descSecurity'), activeTab === 'management' && t('profileAccount.descManagement'), activeTab === 'organization' && t('profileAccount.descOrganization'), activeTab === 'monetization' && t('profileAccount.descMonetization'), activeTab === 'datasets' && t('profileAccount.descBenchmarks'), activeTab === 'advanced' && t('profileAccount.descAdvanced')] })] }), activeTab === 'management' && hasManagementPermissions && (jsx(Admin, { authSpaUrl: authURL, onInviteClick: onInviteClick, tenant: tenant, currentSpa: currentSPA, hasUserTabPermission: hasUserTabPermission, hasGroupsTabPermission: hasGroupsTabPermission, hasPoliciesTabPermission: hasPoliciesTabPermission, hasRolesTabPermission: hasRolesTabPermission, hasTeamsTabPermission: hasTeamsTabPermission, hasInviteUserPermission: hasInviteUserPermission, hasCreateTeamPermission: hasCreateTeamPermission, onLoadGroupPermissions: onLoadGroupPermissions, hasAlertsTabPermission: hasAlertsTabPermission, rbacPermissions: rbacPermissions, enableRbac: enableRbac, showGradebookTab: showGradebookTab })), activeTab === 'organization' && (jsx(OrganizationTab, { platformKey: tenant, tenant: tenants.find((ten) => ten.key === tenant), onTenantUpdate: onTenantUpdate, setOrganizationLogoFromOutside: setOrganizationLogo, defaultSupportPhone: defaultSupportPhone, enableSupportPhone: enableSupportPhone })), activeTab === 'integrations' && (jsx(IntegrationsTab, { tenantKey: tenant, username: username })), activeTab === 'billing' && (jsx(BillingTab, { tenant: tenant, userActiveApp: userActiveApp, username: username, currentUserEmail: email, mainPlatformKey: mainPlatformKey })), activeTab === 'monetization' && (jsx(MonetizationTab, { platformKey: tenant, authURL: authURL })), activeTab === 'datasets' && showBenchmarks && (jsx(BenchmarksTab, { tenantKey: tenant, username: username })), activeTab === 'advanced' && (jsx(AdvancedTab, { platformKey: tenant, currentSPA: currentSPA, username: username, authURL: authURL, currentPlatformBaseDomain: currentPlatformBaseDomain }))] })] }), jsx(ToastProvider, {})] }));
 }
 
 function UserProfileModal({ isOpen, onClose, params, email, mainPlatformKey, showMentorAIDisplayCheckbox = false, showLeaderboardDisplayCheckbox = false, showGradebookTab = false, showUsernameField = false, showPlatformName = false, useGravatarPicFallback = true, enableCatalogInvite = false, targetTab = 'basic', currentPlan = '', currentSPA = '', userActiveApp = null, authURL, tenants = [], onTenantUpdate, currentPlatformBaseDomain = '', rbacPermissions = {}, enableRbac = false, onLoadGroupPermissions, onTabChange, defaultSupportPhone = '', onBillingTabRequest, onAccountDeleted, enableMemoryTab = false, showBenchmarks = false, localLLMProps, enableSupportPhone, }) {
@@ -268957,20 +270584,6 @@ function AgentSafetyTab({ renderPromptContent, FlaggedPromptsModal, showFlaggedP
                             selectedPrompt: selectedPrompt, isEditing: isEditMentorLoading })), isFlaggedPromptsModalOpen && FlaggedPromptsModal && (jsx(FlaggedPromptsModal, { isOpen: isFlaggedPromptsModalOpen, onClose: () => setIsFlaggedPromptsModalOpen(false), mentorId: mentorId, tenantKey: tenantKey, username: username !== null && username !== void 0 ? username : '' }))] }) })] }));
 }
 
-/**
- * Reusable header used at the top of every capability-gated agent-settings
- * tab. It surfaces the capability's on/off toggle (previously buried in the
- * Settings → Capabilities list) right where the feature is configured, with a
- * naive-friendly explanation.
- *
- * The configuration UI below is always rendered so admins can preview what
- * they'll get, but it's grayed out and made inert (`pointer-events-none`,
- * `aria-hidden`) until the capability is switched on.
- */
-function CapabilityGate({ title, description, enabled, onToggle, disabled = false, ariaLabel, offHint, toggleTestId, children, }) {
-    return (jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex items-start justify-between gap-4 rounded-lg border border-gray-200 bg-gray-50/60 p-4", "data-testid": "capability-gate-header", children: [jsx("div", { className: "min-w-0", children: jsxs("p", { className: "text-xs leading-relaxed text-gray-600", children: [description, !enabled && offHint && (jsxs("span", { className: "font-medium text-gray-500", "data-testid": "capability-gate-off-hint", children: [' ', offHint] }))] }) }), jsx(CustomSwitch, { checked: enabled, onCheckedChange: onToggle, disabled: disabled, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : title, "aria-checked": enabled, "data-testid": toggleTestId, className: "mt-0.5 flex-shrink-0" })] }), jsx("div", { className: cn('transition-opacity', !enabled && 'pointer-events-none select-none opacity-50'), "aria-hidden": !enabled, inert: !enabled, "data-testid": "capability-gate-content", "data-enabled": enabled, children: children })] }));
-}
-
 const AGENT_PRIVACY_TAB_LABELS = {
     header: {
         title: 'Privacy',
@@ -271213,6 +272826,46 @@ function AgentGraderTab({ labels: labelsOverride, tenantKey: tenantKeyProp, ment
     return (jsxs(Fragment$1, { children: [jsx("div", { className: "flex h-[73px] flex-shrink-0 items-center border-b border-gray-200 bg-white p-4 lg:block", children: jsxs("div", { children: [jsx("h3", { className: "mb-1 text-base font-medium text-gray-900", children: labels.header.title }), jsx("p", { className: "text-xs text-gray-600", children: labels.header.description })] }) }), jsx("div", { className: "flex-1 space-y-4 p-3 lg:p-4", style: { overflowY: 'auto', overflowX: 'hidden' }, "data-testid": "grader-tab-body", children: isLoading ? (jsx("div", { className: "flex items-center justify-center py-12", "data-testid": "grader-tab-loading", children: jsx(Spinner, {}) })) : isForbidden || nothingViewable ? (jsxs("div", { className: "flex flex-col items-center gap-2 rounded-lg border border-gray-200 bg-gray-50 px-4 py-10 text-center", "data-testid": "grader-tab-denied", children: [jsx(ShieldAlert, { className: "h-6 w-6 text-gray-400" }), jsx("p", { className: "text-sm font-medium text-gray-900", children: labels.denied.title }), jsx("p", { className: "max-w-sm text-xs text-gray-600", children: labels.denied.description })] })) : (jsxs(CapabilityGate, { title: labels.capability.title, description: labels.capability.description, offHint: labels.capability.offHint, enabled: enabled, onToggle: toggleGrading, disabled: isToggling, ariaLabel: labels.capability.title, toggleTestId: "grader-capability-toggle", children: [warningMessage && (jsxs("div", { className: "mb-4 flex items-start gap-2 rounded-lg border border-amber-200 bg-amber-50 p-3", "data-testid": "grader-misconfigured-warning", children: [jsx(TriangleAlert, { className: "mt-0.5 h-4 w-4 flex-shrink-0 text-amber-600" }), jsx("p", { className: "text-xs leading-relaxed text-amber-800", children: warningMessage })] })), jsxs(Tabs, { defaultValue: defaultSubTab, className: "w-full", children: [jsxs(TabsList, { "aria-label": labels.header.title, "data-testid": "grader-sub-tabs", children: [canReadConfig && (jsx(TabsTrigger, { value: GRADER_SUB_TABS.setup, "data-testid": "grader-sub-tab-setup", children: labels.subTabs.setup })), canViewCriteria && (jsx(TabsTrigger, { value: GRADER_SUB_TABS.rubric, "data-testid": "grader-sub-tab-rubric", children: labels.subTabs.rubric })), canViewResults && (jsx(TabsTrigger, { value: GRADER_SUB_TABS.results, "data-testid": "grader-sub-tab-results", children: labels.subTabs.results }))] }), jsx(TabsContent, { value: GRADER_SUB_TABS.setup, className: "space-y-4", children: jsx(SetupSection, { labels: labels.config, config: config, isSaving: isSavingConfig, canSave: canSaveConfig, onSave: saveConfig }) }), jsx(TabsContent, { value: GRADER_SUB_TABS.rubric, className: "space-y-4", children: jsx(RubricSection, { labels: labels.criteria, criteria: criteria, hasConfig: hasConfig, isLoading: isCriteriaLoading, isMutating: isMutatingCriteria, totalPoints: totalPoints, canAdd: canAddCriterion, canEdit: canEditCriterion, canDelete: canDeleteCriterion, onAdd: addCriterion, onEdit: editCriterion, onDelete: removeCriterion }) }), jsx(TabsContent, { value: GRADER_SUB_TABS.results, className: "space-y-4", children: jsx(ResultsSection, { labels: labels.results, tenantKey: tenantKey, mentorId: mentorId, username: username, canOverride: canOverrideResults }) })] })] })) })] }));
 }
 
+/**
+ * Learner-safe spend-cap usage indicator. The status endpoint intentionally
+ * returns only zones and fill percentages — never dollar amounts — so this
+ * renders progress toward each cap, a warning banner near the limit, and a
+ * blocked banner once a hard-block cap is exceeded. Admin dollar figures live
+ * in the `AgentSpendCapsTab` settings tab instead.
+ */
+function SpendCapUsage({ tenantKey, userId, mentorId, showWhenOk = false, className, }) {
+    const t = useT();
+    const { data, isLoading, error } = useGetSpendCapStatusQuery({ org: tenantKey, userId, mentor: mentorId }, { skip: !tenantKey || !userId });
+    if (isLoading || error || !data)
+        return null;
+    const summary = data;
+    if (summary.caps.length === 0)
+        return null;
+    if (summary.status === 'ok' && !showWhenOk)
+        return null;
+    const scopeLabels = {
+        tenant: t('spendCapUsage.scopeTenant'),
+        agent: t('spendCapUsage.scopeAgent'),
+        user_agent: t('spendCapUsage.scopeUserAgent'),
+    };
+    const intervalLabels = {
+        day: t('spendCapUsage.intervalDay'),
+        week: t('spendCapUsage.intervalWeek'),
+        month: t('spendCapUsage.intervalMonth'),
+        year: t('spendCapUsage.intervalYear'),
+    };
+    return (jsxs("div", { className: cn('space-y-3 rounded-lg border border-gray-200 bg-white p-3', className), "data-testid": "spend-cap-usage", children: [summary.blocked ? (jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-red-200 bg-red-50 p-3", "data-testid": "spend-cap-usage-blocked", children: [jsx(OctagonX, { className: "mt-0.5 h-4 w-4 flex-shrink-0 text-red-600" }), jsx("p", { className: "text-xs leading-relaxed text-red-800", children: t('spendCapUsage.blockedBanner') })] })) : summary.status !== 'ok' ? (jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-amber-200 bg-amber-50 p-3", "data-testid": "spend-cap-usage-warning", children: [jsx(TriangleAlert, { className: "mt-0.5 h-4 w-4 flex-shrink-0 text-amber-600" }), jsx("p", { className: "text-xs leading-relaxed text-amber-800", children: t('spendCapUsage.warningBanner') })] })) : null, jsx("ul", { className: "space-y-2", children: summary.caps.map((cap, index) => {
+                    var _a, _b;
+                    const percent = Math.min(100, Math.max(0, Math.round(cap.percent_used)));
+                    const barColor = cap.status === 'exceeded'
+                        ? 'bg-red-500'
+                        : cap.status === 'warning'
+                            ? 'bg-amber-500'
+                            : 'bg-blue-500';
+                    return (jsxs("li", { className: "space-y-1", "data-testid": `spend-cap-usage-item-${cap.scope}`, children: [jsxs("div", { className: "flex items-center justify-between text-xs text-gray-600", children: [jsxs("span", { children: [scopeLabels[cap.scope], " \u00B7 ", intervalLabels[cap.interval_type]] }), jsx("span", { "data-testid": `spend-cap-usage-percent-${cap.scope}`, children: t('spendCapUsage.percentUsed', { percent }) })] }), jsx("div", { className: "h-1.5 w-full overflow-hidden rounded-full bg-gray-200", role: "progressbar", "aria-valuenow": percent, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": `${scopeLabels[cap.scope]} · ${intervalLabels[cap.interval_type]}`, children: jsx("div", { className: cn('h-full rounded-full transition-all', barColor), style: { width: `${percent}%` } }) })] }, `${cap.scope}-${(_a = cap.mentor_unique_id) !== null && _a !== void 0 ? _a : ''}-${(_b = cap.username) !== null && _b !== void 0 ? _b : ''}-${index}`));
+                }) })] }));
+}
+
 function ApiKeyModal({ isOpen, onClose, apiKey, labels }) {
     const { copy, status } = useCopyToClipboard(800);
     const Icon = status === 'success' ? Check : Copy;
@@ -280843,6 +282496,27 @@ function Chat({ mode = 'default', isPreviewMode = false, hasBorder = true, isInC
             closeButton: true,
         });
     }, []);
+    // Spend-cap block (429, error_code "spend_cap_exceeded") — deliberately
+    // separate from the 402 credits flow. Learner-safe: names only the interval,
+    // never dollar amounts.
+    const handleSpendCapError = useCallback((data) => {
+        var _a;
+        const interval = (_a = data === null || data === void 0 ? void 0 : data.details) === null || _a === void 0 ? void 0 : _a.interval_type;
+        const message = interval === 'day'
+            ? t('chatIndex.spendCapLimitDay')
+            : interval === 'week'
+                ? t('chatIndex.spendCapLimitWeek')
+                : interval === 'month'
+                    ? t('chatIndex.spendCapLimitMonth')
+                    : interval === 'year'
+                        ? t('chatIndex.spendCapLimitYear')
+                        : t('chatIndex.spendCapLimitGeneric');
+        toast.error(message, {
+            description: t('chatIndex.spendCapContactAdmin'),
+            closeButton: true,
+            duration: TOAST_DURATION,
+        });
+    }, [t, TOAST_DURATION]);
     const { showDisclaimerModal, isAgreeing, userAgreement, hasUserAgreement, handleDisclaimerAgree, checkAgreementAndExecute, executePendingSubmit, } = useUserAgreement({ mentorId, tenantKey });
     const { changeTab, activeTab, currentStreamingMessage, enabledGuidedPrompts, isStreaming, mentorName, messages, profileImage, sendMessage, setMessage, stopGenerating, uniqueMentorId, sessionId, startNewChat, enableSafetyDisclaimer, isPending, isLoadingChats, isConnected, refetchChats, } = useAdvancedChat({
         mentorId,
@@ -280883,6 +282557,7 @@ function Chat({ mode = 'default', isPreviewMode = false, hasBorder = true, isInC
                 !(searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('token'))),
         mentorShareableToken: searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('token'),
         on402Error: handle402Error,
+        onSpendCapError: handleSpendCapError,
         cachedSessionId,
         onStartNewChat: (sessionId) => {
             dispatch(chatActions.updateSessionIds(sessionId));
@@ -333207,5 +334882,5 @@ var index_es = /*#__PURE__*/Object.freeze({
     vectorsRatio: vectorsRatio
 });
 
-export { AGENT_ACCESS_TAB_LABELS, AGENT_ANALYTICS_TAB_LABELS, AGENT_API_TAB_LABELS, AGENT_DATASETS_TAB_LABELS, AGENT_DISCLAIMERS_TAB_LABELS, AGENT_EMBED_TAB_LABELS, AGENT_EVALUATION_TAB_LABELS, AGENT_GRADER_TAB_LABELS, AGENT_HISTORY_TAB_LABELS, AGENT_HUMAN_SUPPORT_TAB_LABELS, AGENT_LLM_TAB_LABELS, AGENT_LTI_TAB_LABELS, AGENT_MEMORY_TAB_LABELS, AGENT_PICKER_LABELS, AGENT_PRIVACY_TAB_LABELS, AGENT_PROMPTS_TAB_LABELS, AGENT_SAFETY_TAB_LABELS, AGENT_SCREENSHARE_TAB_LABELS, AGENT_SEARCH_LABELS, AGENT_SETTINGS_TAB_LABELS, AGENT_SKILLS_TAB_LABELS, AGENT_TASKS_TAB_LABELS, AGENT_TOOLS_TAB_LABELS, AGENT_VOICE_TAB_LABELS, Account, AgentAccessTab, AgentAnalyticsTab, AgentApiTab, AgentCard, AgentDatasetsTab, AgentDisclaimersTab, AgentEmbedTab, AgentEmptyState, AgentEvaluationTab, AgentGraderTab, AgentHistoryTab, AgentHumanSupportTab, AgentLLMTab, AgentLtiTab, AgentMemoryTab, AgentPrivacyTab, AgentPromptsTab, AgentSafetyTab, AgentScreenShareTab, AgentSearch, AgentSearchFilters, AgentSearchInput, AgentSettingsProvider, AgentSettingsTab, AgentSkillsTab, AgentTasksTab, AgentToolsTab, AgentVoiceTab, AppSidebar, CATALOGS, Chat, ClientErrorPage, ConversationStarters$1 as ConversationStarters, CopyButton, CopyMentorModal, CourseBox, CourseContentLayout, CourseContentTabPage, CreatePathwayModal, CredentialDetailModal, CredentialMiniBox, DEFAULT_ANALYTICS_HUB_TABS, DEFAULT_LOCALE, DeleteMentorModal, EMPTY_PROGRAM_SETTINGS_FORM, EdxIframe, ErrorPage, GRADING_TOOL_NAME, GreetingMethod, McpTab, MediaBox, MentorSelectionGrid, NavBar, OrganizationTab, PLATFORM_SIDEBAR_FLYOUT_ITEM_COLOR, PLATFORM_SIDEBAR_FLYOUT_TITLE_COLOR, PLATFORM_SIDEBAR_NAV_ACTIVE_BG_OPEN, PLATFORM_SIDEBAR_NAV_MUTED, PathwayDetailModal, PlatformAccountSheet, PlatformSidebar, PlatformSidebarCollapsedLabelFlyout, PlatformSidebarCollapsedNavFlyout, PlatformSidebarFooter, PlatformSidebarNavDivider, PlatformSidebarNavSection, PlatformSidebarSubNavItem, ProfileInfoCards, ProfileTabs, ProgramDetailModal, ProjectsSidebarDropdown, SUPPORTED_LOCALES, SidebarInset, SidebarProvider, SidebarTrigger, SsoLogin, StarButton, UserProfileDropdown, UserProfileModal, WebContainersI18nProvider, formatDateString, getCatalog, getLLMProviderDetails, initializeLocalStorageWithObject, isValidLocale, resolveAgentPickerLabels, resolveAgentSearchLabels, resolveSettingsTabLabels, useAgentSearch, useAgentSearchWithPagination, useAgentSettings, useAgentStar, useGetChatDetails, usePlatformSidebarFooterActions, usePlatformSidebarNavCallback, useSidebar, useT, useTimeTracker, useWebContainersI18n, useWebContainersLocale };
+export { AGENT_ACCESS_TAB_LABELS, AGENT_ANALYTICS_TAB_LABELS, AGENT_API_TAB_LABELS, AGENT_DATASETS_TAB_LABELS, AGENT_DISCLAIMERS_TAB_LABELS, AGENT_EMBED_TAB_LABELS, AGENT_EVALUATION_TAB_LABELS, AGENT_GRADER_TAB_LABELS, AGENT_HISTORY_TAB_LABELS, AGENT_HUMAN_SUPPORT_TAB_LABELS, AGENT_LLM_TAB_LABELS, AGENT_LTI_TAB_LABELS, AGENT_MEMORY_TAB_LABELS, AGENT_PICKER_LABELS, AGENT_PRIVACY_TAB_LABELS, AGENT_PROMPTS_TAB_LABELS, AGENT_SAFETY_TAB_LABELS, AGENT_SCREENSHARE_TAB_LABELS, AGENT_SEARCH_LABELS, AGENT_SETTINGS_TAB_LABELS, AGENT_SKILLS_TAB_LABELS, AGENT_SPEND_CAPS_TAB_LABELS, AGENT_TASKS_TAB_LABELS, AGENT_TOOLS_TAB_LABELS, AGENT_VOICE_TAB_LABELS, Account, AgentAccessTab, AgentAnalyticsTab, AgentApiTab, AgentCard, AgentDatasetsTab, AgentDisclaimersTab, AgentEmbedTab, AgentEmptyState, AgentEvaluationTab, AgentGraderTab, AgentHistoryTab, AgentHumanSupportTab, AgentLLMTab, AgentLtiTab, AgentMemoryTab, AgentPrivacyTab, AgentPromptsTab, AgentSafetyTab, AgentScreenShareTab, AgentSearch, AgentSearchFilters, AgentSearchInput, AgentSettingsProvider, AgentSettingsTab, AgentSkillsTab, AgentSpendCapsTab, AgentTasksTab, AgentToolsTab, AgentVoiceTab, AppSidebar, CATALOGS, Chat, ClientErrorPage, ConversationStarters$1 as ConversationStarters, CopyButton, CopyMentorModal, CourseBox, CourseContentLayout, CourseContentTabPage, CreatePathwayModal, CredentialDetailModal, CredentialMiniBox, DEFAULT_ANALYTICS_HUB_TABS, DEFAULT_LOCALE, DeleteMentorModal, EMPTY_PROGRAM_SETTINGS_FORM, EdxIframe, ErrorPage, GRADING_TOOL_NAME, GreetingMethod, McpTab, MediaBox, MentorSelectionGrid, NavBar, OrganizationTab, PLATFORM_SIDEBAR_FLYOUT_ITEM_COLOR, PLATFORM_SIDEBAR_FLYOUT_TITLE_COLOR, PLATFORM_SIDEBAR_NAV_ACTIVE_BG_OPEN, PLATFORM_SIDEBAR_NAV_MUTED, PathwayDetailModal, PlatformAccountSheet, PlatformSidebar, PlatformSidebarCollapsedLabelFlyout, PlatformSidebarCollapsedNavFlyout, PlatformSidebarFooter, PlatformSidebarNavDivider, PlatformSidebarNavSection, PlatformSidebarSubNavItem, ProfileInfoCards, ProfileTabs, ProgramDetailModal, ProjectsSidebarDropdown, SPEND_CAPS_SUB_TABS, SUPPORTED_LOCALES, SidebarInset, SidebarProvider, SidebarTrigger, SpendCapUsage, SsoLogin, StarButton, UserProfileDropdown, UserProfileModal, WebContainersI18nProvider, formatDateString, getCatalog, getLLMProviderDetails, initializeLocalStorageWithObject, isValidLocale, resolveAgentPickerLabels, resolveAgentSearchLabels, resolveSettingsTabLabels, useAgentSearch, useAgentSearchWithPagination, useAgentSettings, useAgentStar, useGetChatDetails, usePlatformSidebarFooterActions, usePlatformSidebarNavCallback, useSidebar, useT, useTimeTracker, useWebContainersI18n, useWebContainersLocale };
 //# sourceMappingURL=index.esm.js.map