@iblai/iblai-js 1.12.3 → 1.13.2

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

@@ -7,7 +7,7 @@ import Link$2 from 'next/link';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
 import { z as z$3 } from 'zod';
-import { useGetUserMetadataQuery, useGetUserMetadataEdxQuery, useUpdateUserMetadataMutation, useUpdateUserMetadataEdxMutation, useUploadProfileImageMutation, useResetPasswordMutation, useSelfRetireMutation, useCreateUserInstitutionMutation, useGetUserInstitutionsQuery, useCreateUserEducationMutation, useUpdateUserEducationMutation, useDeleteUserEducationMutation, useGetUserEducationQuery, useCreateUserCompanyMutation, useGetUserCompaniesQuery, useCreateUserExperienceMutation, useUpdateUserExperienceMutation, useDeleteUserExperienceMutation, useGetUserExperienceQuery, useGetUserResumeQuery, useCreateUserResumeMutation, useGetMySubscriptionsQuery, useGetItemSubscriptionQuery, useCancelSubscriptionMutation, useCreateGlobalMemoryMutation, useGetMemsearchStatusQuery, useGetUserMemorySettingsQuery, useUpdateUserMemorySettingsMutation, useGetGlobalMemoriesQuery, useDeleteGlobalMemoryMutation, useInviteUserMutation, usePlatformInvitationsQuery, useCreateCatalogInvitationCourseBulkMutation, useGetCatalogInvitationsCourseQuery, useLazyPlatformUsersQuery, useLazyPlatformUserGroupsQuery, useGetPersonnalizedSearchQuery, useCreateCatalogInvitationProgramBulkMutation, useGetCatalogInvitationsProgramQuery, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useGetAccountBillingInfoQuery, useUpdateAutoRechargeInfoMutation, useTriggerAutoRechargeMutation, useUpdateUserRoleMutation, useUpdateUserStatusMutation, useUpdatePlatformUserRoleWithPoliciesMutation, usePlatformUsersQuery, isPoliciesResponse, platformApiSlice, featureTags, useLazyGetRbacTeamsAccessListQuery, useCreateRbacTeamsAccessMutation, useGetRbacGroupsQuery, usePlatformUserGroupsQuery, useCreateRbacGroupMutation, useUpdateRbacGroupMutation, useDeleteRbacGroupMutation, useCreatePlatformUserGroupMutation, useUpdatePlatformUserGroupMutation, useDeletePlatformUserGroupMutation, useGetRbacGroupDetailsQuery, useGetPlatformUserGroupDetailsQuery, useGetRbacPermissionsMutation, useGetRbacRolesQuery, useCreateRbacRoleMutation, useUpdateRbacRoleMutation, useDeleteRbacRoleMutation, useGetRbacRoleDetailsQuery, useGetRbacPoliciesQuery, useCreateRbacPolicyMutation, useUpdateRbacPolicyMutation, useDeleteRbacPolicyMutation, useGetRbacPolicyDetailsQuery, useGetWatchedGroupsQuery, useCreateWatchedGroupMutation, useUpdateWatchedGroupMutation, useDeleteWatchedGroupMutation, useAddWatchedUserMutation, useRemoveWatchedUserMutation, useAddWatcherMutation, useUpdateWatcherMutation, useDeleteWatcherMutation, useGetWatchedUsersQuery, useGetWatchersQuery, WATCHER_NOTIFICATION_EVENTS, WATCHER_NOTIFICATION_EVENT_LABELS, useUploadLightLogoMutation, useUploadDarkLogoMutation, useUpdatePlatformInfoMutation, useUpdateTenantMetadataMutation, LOGO_ENDPOINTS, useDeleteApiKeyMutation, useGetApiKeysQuery, useCreateApiKeyMutation, useCreateLLMCredentialMutation, useGetCredentialsSchemaQuery, useGetMaskedLLMCredentialsQuery, useGetLlmsQuery, useDeleteIntegrationCredentialMutation, useDeleteCredentialMutation, useCreateIntegrationCredentialMutation, useGetIntegrationCredentialsSchemaQuery, useGetMaskedIntegrationCredentialsQuery, useCreateStripeCustomerPortalMutation, useSetPlatformConfigurationsMutation, useGetPlatformConfigurationsQuery, useUpdatePlatformMembershipMutation, useGetPlatformMembershipQuery, useGetCustomDomainsQuery, useCreateCustomDomainMutation, useDeleteCustomDomainMutation, useGetStudentMentorCreationStatusQuery, useSetStudentMentorCreationStatusMutation, coreApiSlice, recommendationPromptTypeEnum, useGetRecommendedPromptsListQuery, useCreateRecommendedPromptMutation, useUpdateRecommendedPromptMutation, useDeleteRecommendedPromptMutation, useLazyGetPublicPlatformImageAssetFileUrlQuery, useCreatePlatformImageAssetMutation, useGetProviderConfigQuery, useCreateProviderConfigMutation, useDeleteProviderConfigMutation, useGetExternalMappingQuery, useGetCredentialsListQuery, useCreateExternalMappingMutation, useDeleteExternalMappingMutation, useGetMemsearchConfigQuery, useUpdateMemsearchConfigMutation, useGetCustomMentorsQuery, useGetStripeConnectStatusQuery, useStartStripeConnectOnboardingMutation, useLazyGetStripeConnectDashboardQuery, useGetAiSearchMentorsQuery, useListPaywallsQuery, useListPricesQuery, useCreatePriceMutation, useUpdatePriceMutation, useDeletePriceMutation, useGetPaywallConfigQuery, useEnablePaywallMutation, useUpdatePaywallMutation, useGetUserProjectsQuery, useGetMentorsQuery, useGetPublicMentorsQuery, useCreateUserProjectMutation, useUpdateUserProjectMutation, useDeleteUserProjectMutation, useCreateSessionIdMutation, useGetMentorCategoriesQuery, useGetMentorSettingsQuery, useEditMentorMutation, useDeleteMentorMutation, useForkMentorMutation, useGetToolsQuery, useGetMentorMemoriesListQuery, useGetMemoryCategoriesAdminQuery, useDeleteMentorMemoryMutation, useUpdateMentorMemoryMutation, useCreateMentorMemoryMutation, useLazyGetMCPServersQuery, useOauthFindMutation, useLazyStartOAuthFlowQuery, useCreateMCPServerMutation, usePartialUpdateMCPServerMutation, useCreateMCPServerConnectionMutation, usePatchMCPServerConnectionMutation, useGetConnectedServicesQuery, useGetMCPServersQuery, useGetMCPServerConnectionsQuery, useUpdateMCPServerMutation, useDeleteMCPServerMutation, useEditMentorJsonMutation, useDisconnectServiceMutation, useGetPromptCategoriesQuery, PRIVACY_ACTIONS, PRIVACY_ENTITY_TYPES, useGetMentorPublicSettingsQuery, useGetChatHistoryFilterQuery, useGetChatHistoryQuery, useGetMentorSummariesQuery, useGetConversationMemoriesQuery, useEditTrainingDocumentMutation, useGetTrainingDocumentsQuery, useCreatePromptMutation, useGetPromptsSearchQuery, useUpdatePromptMutation, useCreateRedirectTokenMutation, useGetShareableLinkQuery, useCreateShareableLinkMutation, useUpdateShareableLinkMutation, useCreateDisclaimerMutation, useUpdateDisclaimerMutation, useGetDisclaimersQuery, useUpdateRbacMentorAccessMutation, useGetRbacMentorAccessListQuery, useStarMentorMutation, useUnstarMentorMutation, useGetPersonnalizedMentorsQuery, useGetVectorDocumentsQuery, useLazyGetConnectedServiceAuthUrlQuery, useCreateCallCredentialsMutation, useGetGuidedPromptsQuery, useUpdateChatSessionSharedMutation, useUpdateMessageFeedbackMutation, useLazyGetPromptsSearchQuery, useLazyGetGuidedPromptsQuery, useGetUserProjectDetailsQuery, useGetPeriodicAgentsQuery, useGetPeriodicAgentLogsListQuery, useCreatePeriodicAgentMutation, useDeletePeriodicAgentMutation, useCreateMemoryCategoryMutation, useUpdateMemoryCategoryMutation, useDeleteMemoryCategoryMutation, useDeleteTrainingDocumentMutation, useGetTrainingDocumentRetrainScheduleQuery, useCreateTrainingDocumentRetrainScheduleMutation, useDeletePromptMutation, useAddTrainingDocumentMutation, useLazyGetCredentialsQuery, 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, useCreateGlobalMemoryMutation, useGetMemsearchStatusQuery, useGetUserMemorySettingsQuery, useUpdateUserMemorySettingsMutation, useGetGlobalMemoriesQuery, useDeleteGlobalMemoryMutation, useInviteUserMutation, usePlatformInvitationsQuery, useCreateCatalogInvitationCourseBulkMutation, useGetCatalogInvitationsCourseQuery, useLazyPlatformUsersQuery, useLazyPlatformUserGroupsQuery, useGetPersonnalizedSearchQuery, useCreateCatalogInvitationProgramBulkMutation, useGetCatalogInvitationsProgramQuery, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useGetAccountBillingInfoQuery, useUpdateAutoRechargeInfoMutation, useTriggerAutoRechargeMutation, useUpdateUserRoleMutation, useUpdateUserStatusMutation, useUpdatePlatformUserRoleWithPoliciesMutation, usePlatformUsersQuery, isPoliciesResponse, platformApiSlice, featureTags, useLazyGetRbacTeamsAccessListQuery, useCreateRbacTeamsAccessMutation, useGetRbacGroupsQuery, usePlatformUserGroupsQuery, useCreateRbacGroupMutation, useUpdateRbacGroupMutation, useDeleteRbacGroupMutation, useCreatePlatformUserGroupMutation, useUpdatePlatformUserGroupMutation, useDeletePlatformUserGroupMutation, useGetRbacGroupDetailsQuery, useGetPlatformUserGroupDetailsQuery, useGetRbacPermissionsMutation, useGetRbacRolesQuery, useCreateRbacRoleMutation, useUpdateRbacRoleMutation, useDeleteRbacRoleMutation, useGetRbacRoleDetailsQuery, useGetRbacPoliciesQuery, useCreateRbacPolicyMutation, useUpdateRbacPolicyMutation, useDeleteRbacPolicyMutation, useGetRbacPolicyDetailsQuery, useGetWatchedGroupsQuery, useCreateWatchedGroupMutation, useUpdateWatchedGroupMutation, useDeleteWatchedGroupMutation, useAddWatchedUserMutation, useRemoveWatchedUserMutation, useAddWatcherMutation, useUpdateWatcherMutation, useDeleteWatcherMutation, useGetWatchedUsersQuery, useGetWatchersQuery, WATCHER_NOTIFICATION_EVENTS, WATCHER_NOTIFICATION_EVENT_LABELS, useUploadLightLogoMutation, useUploadDarkLogoMutation, useUpdatePlatformInfoMutation, useUpdateTenantMetadataMutation, LOGO_ENDPOINTS, useDeleteApiKeyMutation, useGetApiKeysQuery, useCreateApiKeyMutation, useCreateLLMCredentialMutation, useGetCredentialsSchemaQuery, useGetMaskedLLMCredentialsQuery, useGetLlmsQuery, useDeleteIntegrationCredentialMutation, useDeleteCredentialMutation, useCreateIntegrationCredentialMutation, useGetIntegrationCredentialsSchemaQuery, useGetMaskedIntegrationCredentialsQuery, useCreateStripeCustomerPortalMutation, useSetPlatformConfigurationsMutation, useGetPlatformConfigurationsQuery, useUpdatePlatformMembershipMutation, useGetPlatformMembershipQuery, useGetCustomDomainsQuery, useCreateCustomDomainMutation, useDeleteCustomDomainMutation, useGetStudentMentorCreationStatusQuery, useSetStudentMentorCreationStatusMutation, coreApiSlice, recommendationPromptTypeEnum, useGetRecommendedPromptsListQuery, useCreateRecommendedPromptMutation, useUpdateRecommendedPromptMutation, useDeleteRecommendedPromptMutation, useLazyGetPublicPlatformImageAssetFileUrlQuery, useCreatePlatformImageAssetMutation, useGetProviderConfigQuery, useCreateProviderConfigMutation, useDeleteProviderConfigMutation, useGetExternalMappingQuery, useGetCredentialsListQuery, useCreateExternalMappingMutation, useDeleteExternalMappingMutation, useGetMemsearchConfigQuery, useUpdateMemsearchConfigMutation, useGetCustomMentorsQuery, useGetStripeConnectStatusQuery, useStartStripeConnectOnboardingMutation, useLazyGetStripeConnectDashboardQuery, useGetAiSearchMentorsQuery, useListPaywallsQuery, useListPricesQuery, useCreatePriceMutation, useUpdatePriceMutation, useDeletePriceMutation, useGetPaywallConfigQuery, useEnablePaywallMutation, useUpdatePaywallMutation, useGetUserProjectsQuery, useGetMentorsQuery, useGetPublicMentorsQuery, useCreateUserProjectMutation, useUpdateUserProjectMutation, useDeleteUserProjectMutation, useCreateSessionIdMutation, useGetMentorCategoriesQuery, useGetMentorSettingsQuery, useEditMentorMutation, useDeleteMentorMutation, useForkMentorMutation, useGetToolsQuery, useGetMentorMemoriesListQuery, useGetMemoryCategoriesAdminQuery, useDeleteMentorMemoryMutation, useUpdateMentorMemoryMutation, useCreateMentorMemoryMutation, useLazyGetMCPServersQuery, useOauthFindMutation, useLazyStartOAuthFlowQuery, useCreateMCPServerMutation, usePartialUpdateMCPServerMutation, useCreateMCPServerConnectionMutation, usePatchMCPServerConnectionMutation, useGetConnectedServicesQuery, useGetMCPServersQuery, useGetMCPServerConnectionsQuery, useUpdateMCPServerMutation, useDeleteMCPServerMutation, useEditMentorJsonMutation, useDisconnectServiceMutation, useGetPromptCategoriesQuery, PRIVACY_ACTIONS, PRIVACY_ENTITY_TYPES, useGetVoicesQuery, useGetVoiceQuery, useGetCallConfigurationsQuery, useCreateCallConfigurationMutation, useUpdateCallConfigurationMutation, useGetMentorPublicSettingsQuery, useGetChatHistoryFilterQuery, useGetChatHistoryQuery, useGetMentorSummariesQuery, useGetConversationMemoriesQuery, useEditTrainingDocumentMutation, useGetTrainingDocumentsQuery, useCreatePromptMutation, useGetPromptsSearchQuery, useUpdatePromptMutation, useCreateRedirectTokenMutation, useGetShareableLinkQuery, useCreateShareableLinkMutation, useUpdateShareableLinkMutation, useCreateDisclaimerMutation, useUpdateDisclaimerMutation, useGetDisclaimersQuery, useUpdateRbacMentorAccessMutation, useGetRbacMentorAccessListQuery, useStarMentorMutation, useUnstarMentorMutation, useGetPersonnalizedMentorsQuery, useGetVectorDocumentsQuery, useLazyGetConnectedServiceAuthUrlQuery, useCreateCallCredentialsMutation, useGetGuidedPromptsQuery, useUpdateChatSessionSharedMutation, useUpdateMessageFeedbackMutation, useLazyGetPromptsSearchQuery, useLazyGetGuidedPromptsQuery, useGetUserProjectDetailsQuery, useGetPeriodicAgentsQuery, useGetPeriodicAgentLogsListQuery, useCreatePeriodicAgentMutation, useDeletePeriodicAgentMutation, useCreateMemoryCategoryMutation, useUpdateMemoryCategoryMutation, useDeleteMemoryCategoryMutation, useDeleteTrainingDocumentMutation, useGetTrainingDocumentRetrainScheduleQuery, useCreateTrainingDocumentRetrainScheduleMutation, useDeletePromptMutation, useAddTrainingDocumentMutation, useLazyGetCredentialsQuery, useUpdateArtifactMutation, useLazyGetArtifactVersionQuery, useLazyListArtifactVersionsQuery, useSetCurrentVersionMutation, useListArtifactVersionsQuery, useLazyGetArtifactQuery, useLazyListArtifactsQuery, useEditSessionMutation } from '@iblai/data-layer';
 import { toast, Toaster as Toaster$1 } from 'sonner';
 import { getInitials, useTenantMetadata, isAlphaNumeric32, checkRbacPermission, WithPermissions, useTenantContext, useStripeUpgrade, CHAT_AREA_SIZE, useUsername, chatActions, TimeTracker, advancedTabsProperties, defaultSessionIds, WithFormPermissions, selectNumberOfActiveChatMessages, selectStreaming, isLoggedIn, TOOLS, isSafariBrowser, useShowAttachment, useShowVoiceCall, useShowVoiceRecorder, useMentorSettings, selectShowingSharedChat, selectRbacPermissions, useShowFreeTrialDialog, useEmbedMode, chatInputSliceSelectors, useResponsive, useAccessingPublicRoute, useVisitingTenant, useModelFileUploadCapabilities, useChatFileUpload, useVoiceChat, selectAttachedFiles, MENTOR_CHAT_DOCUMENTS_EXTENSIONS, removeFile, chatInputSliceActions, ANONYMOUS_USERNAME as ANONYMOUS_USERNAME$2, 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 { MentorVisibilityEnum, TransportEnum, PromptVisibilityEnum } from '@iblai/iblai-api';
@@ -197747,7 +197747,7 @@ function PoliciesTab({ tenant }) {
                                                                 }), className: "w-full text-left px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-700", children: jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: group.name }) }, group.id))) }))] })] })] })] }), jsxs(DialogFooter, { className: "mt-6", children: [jsx(Button$1, { variant: "outline", onClick: () => setIsOpen(false), children: "Cancel" }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("span", { tabIndex: 0, children: jsx(Button$1, { onClick: onSubmit, disabled: policyDetails === null || policyDetails === void 0 ? void 0 : policyDetails.is_internal, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: editing ? 'Save Policy' : 'Create Policy' }) }) }), editing && (policyDetails === null || policyDetails === void 0 ? void 0 : policyDetails.is_internal) && (jsx(TooltipContent, { children: jsx("p", { children: "Cannot edit internal policies" }) }))] }) })] })] }) })] }));
 }
 
-const PAGE_SIZE$2 = 10;
+const PAGE_SIZE$3 = 10;
 function normalizeEvents(events) {
     if (!events)
         return [];
@@ -197795,8 +197795,8 @@ function AlertsTab({ tenant }) {
     const { data: watchedGroupsData, isLoading, isError, refetch, } = useGetWatchedGroupsQuery({
         params: {
             platform_key: tenant,
-            limit: PAGE_SIZE$2,
-            offset: (page - 1) * PAGE_SIZE$2,
+            limit: PAGE_SIZE$3,
+            offset: (page - 1) * PAGE_SIZE$3,
         },
     });
     const groups = useMemo(() => {
@@ -197809,7 +197809,7 @@ function AlertsTab({ tenant }) {
         return results;
     }, [watchedGroupsData, debouncedSearchQuery]);
     const totalPages = watchedGroupsData
-        ? Math.max(1, Math.ceil(watchedGroupsData.count / PAGE_SIZE$2))
+        ? Math.max(1, Math.ceil(watchedGroupsData.count / PAGE_SIZE$3))
         : 0;
     const handlePageChange = async (newPage) => {
         setPage(newPage);
@@ -201249,7 +201249,7 @@ function PaywalledItemsList({ platformKey, onSelectItem, onAddCustomItem, }) {
                             : 'No items configured yet. Search and select an item above.' }))] })] }));
 }
 
-const EMPTY_FORM = {
+const EMPTY_FORM$1 = {
     name: '',
     amount: '',
     currency: 'usd',
@@ -201299,7 +201299,7 @@ function PriceManagement({ platformKey, itemType, itemId }) {
     const [deletePrice] = useDeletePriceMutation();
     const [showCreateForm, setShowCreateForm] = useState(false);
     const [editingPriceId, setEditingPriceId] = useState(null);
-    const [formData, setFormData] = useState(EMPTY_FORM);
+    const [formData, setFormData] = useState(EMPTY_FORM$1);
     const [deletingId, setDeletingId] = useState(null);
     const handleCreate = async () => {
         try {
@@ -201318,7 +201318,7 @@ function PriceManagement({ platformKey, itemType, itemId }) {
             }).unwrap();
             toast.success('Price created');
             setShowCreateForm(false);
-            setFormData(EMPTY_FORM);
+            setFormData(EMPTY_FORM$1);
             refetch();
         }
         catch (_a) {
@@ -201360,7 +201360,7 @@ function PriceManagement({ platformKey, itemType, itemId }) {
             }).unwrap();
             toast.success('Price updated');
             setEditingPriceId(null);
-            setFormData(EMPTY_FORM);
+            setFormData(EMPTY_FORM$1);
             refetch();
         }
         catch (_a) {
@@ -201388,16 +201388,16 @@ function PriceManagement({ platformKey, itemType, itemId }) {
     };
     return (jsxs("div", { className: "space-y-3", children: [jsxs("div", { className: "flex items-center justify-between", children: [jsx("h4", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: "Pricing Tiers" }), !showCreateForm && !editingPriceId && (jsxs(Button$1, { onClick: () => {
                             setShowCreateForm(true);
-                            setFormData(EMPTY_FORM);
+                            setFormData(EMPTY_FORM$1);
                             setEditingPriceId(null);
                         }, variant: "outline", size: "sm", className: "cursor-pointer", children: [jsx(Plus, { className: "h-3 w-3 mr-1" }), "Add Price"] }))] }), showCreateForm && (jsx(PriceForm, { form: formData, onChange: setFormData, onSave: handleCreate, onCancel: () => {
                     setShowCreateForm(false);
-                    setFormData(EMPTY_FORM);
+                    setFormData(EMPTY_FORM$1);
                 }, isSaving: isCreating, isEdit: false })), isLoading ? (jsx("div", { className: "space-y-2", children: [1, 2].map((i) => (jsx(Skeleton, { className: "h-20 w-full" }, i))) })) : prices && prices.length > 0 ? (jsx("div", { className: "space-y-2", children: prices.map((price) => {
                     var _a;
                     return editingPriceId === price.id ? (jsx(PriceForm, { form: formData, onChange: setFormData, onSave: handleUpdate, onCancel: () => {
                             setEditingPriceId(null);
-                            setFormData(EMPTY_FORM);
+                            setFormData(EMPTY_FORM$1);
                         }, isSaving: isUpdating, isEdit: true }, price.id)) : (jsx(Card, { className: "shadow-sm border", style: { borderColor: 'oklch(.922 0 0)' }, children: jsx(CardContent, { className: "p-4", children: jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx(Tag, { className: "h-4 w-4 text-gray-400" }), jsxs("div", { children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: price.name }), jsxs("span", { className: "text-sm font-semibold text-blue-600", children: ["$", price.amount, " ", formatInterval(price.interval)] }), !price.is_active && (jsx(Badge, { variant: "secondary", className: "text-xs", children: "Inactive" }))] }), price.description && (jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: price.description })), ((_a = price.features) === null || _a === void 0 ? void 0 : _a.length) > 0 && (jsx("div", { className: "flex flex-wrap gap-1 mt-1", children: price.features.map((f, i) => (jsx(Badge, { variant: "outline", className: "text-xs font-normal", children: f }, i))) }))] })] }), jsxs("div", { className: "flex gap-1 flex-shrink-0", children: [jsx(Button$1, { onClick: () => handleStartEdit(price), variant: "ghost", size: "sm", className: "h-8 w-8 p-0 cursor-pointer", children: jsx(Pencil, { className: "h-3 w-3" }) }), jsx(Button$1, { onClick: () => handleDelete(price.id), variant: "ghost", size: "sm", disabled: deletingId === price.id, className: "h-8 w-8 p-0 text-red-500 hover:text-red-700 cursor-pointer", children: deletingId === price.id ? (jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" })) : (jsx(Trash2, { className: "h-3 w-3" })) })] })] }) }) }, price.id));
                 }) })) : (jsx("p", { className: "text-xs text-gray-400 text-center py-4", children: "No pricing tiers yet. Add one to start accepting payments." }))] }));
 }
@@ -206776,7 +206776,7 @@ const BulkDeleteMemoryModal$1 = dynamic(() => Promise.resolve().then(function ()
 const ManageCategoriesModal$1 = dynamic(() => Promise.resolve().then(function () { return manageCategoriesModal; }).then((module) => ({
     default: module.ManageCategoriesModal,
 })), { ssr: false });
-const PAGE_SIZE$1 = 20;
+const PAGE_SIZE$2 = 20;
 const SNAPSHOT_PAGE_SIZE = 1000;
 function ManageMemories({ tenantKey, username, mentorId }) {
     var _a, _b, _c, _d, _e;
@@ -206790,7 +206790,7 @@ function ManageMemories({ tenantKey, username, mentorId }) {
         setPage(1);
     }, [selectedLearner, dateRange, selectedCategorySlug]);
     const listParams = useMemo(() => {
-        const params = { page, page_size: PAGE_SIZE$1 };
+        const params = { page, page_size: PAGE_SIZE$2 };
         if (selectedLearner)
             params.email = selectedLearner;
         if (selectedCategorySlug !== 'all')
@@ -206809,7 +206809,7 @@ function ManageMemories({ tenantKey, username, mentorId }) {
     }, {
         skip: !tenantKey || !username || !mentorId,
     });
-    const totalPages = Math.max(1, Math.ceil(((_a = listResponse === null || listResponse === void 0 ? void 0 : listResponse.count) !== null && _a !== void 0 ? _a : 0) / PAGE_SIZE$1));
+    const totalPages = Math.max(1, Math.ceil(((_a = listResponse === null || listResponse === void 0 ? void 0 : listResponse.count) !== null && _a !== void 0 ? _a : 0) / PAGE_SIZE$2));
     const { data: adminCategories } = useGetMemoryCategoriesAdminQuery({
         org: tenantKey,
         mentorId,
@@ -209108,9 +209108,9 @@ function AgentPrivacyTab({ labels: labelsOverride, tenantKey: tenantKeyProp, men
     }
     return (jsxs(Fragment$1, { children: [jsx("div", { className: "flex hidden 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-700", children: labels.header.description })] }) }), jsxs("div", { className: "flex-1 space-y-6 p-3 lg:p-4", style: { overflowY: 'auto', overflowX: 'hidden' }, children: [jsx(WithFormPermissions, { name: "enable_privacy_router", 
                         // @ts-ignore
-                        permissions: (_h = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _h === void 0 ? void 0 : _h.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: labels.fields.enableRouter.label }), jsx(FieldTooltip, { text: labels.fields.enableRouter.tooltip })] }), jsx(CustomSwitch, { checked: enabled, onCheckedChange: (checked) => void updateField('enable_privacy_router', checked), disabled: isDisabled || disabled, "aria-label": `Privacy router ${enabled ? 'enabled' : 'disabled'}` })] })) }), enabled && (jsxs(Fragment$1, { children: [jsx(WithFormPermissions, { name: "privacy_action", 
+                        permissions: (_h = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _h === void 0 ? void 0 : _h.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: labels.fields.enableRouter.label }), jsx(FieldTooltip$1, { text: labels.fields.enableRouter.tooltip })] }), jsx(CustomSwitch, { checked: enabled, onCheckedChange: (checked) => void updateField('enable_privacy_router', checked), disabled: isDisabled || disabled, "aria-label": `Privacy router ${enabled ? 'enabled' : 'disabled'}` })] })) }), enabled && (jsxs(Fragment$1, { children: [jsx(WithFormPermissions, { name: "privacy_action", 
                                 // @ts-ignore
-                                permissions: (_j = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _j === void 0 ? void 0 : _j.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(Label, { className: "text-sm font-medium text-[#646464]", children: labels.fields.action.label }), jsx(FieldTooltip, { text: labels.fields.action.tooltip })] }), jsxs(Select$1, { value: action, onValueChange: (v) => void updateField('privacy_action', v), disabled: isDisabled || disabled, children: [jsx(SelectTrigger, { "aria-label": labels.fields.action.label, children: jsx(SelectValue, {}) }), jsx(SelectContent, { children: PRIVACY_ACTIONS.map((opt) => (jsx(SelectItem, { value: opt, children: labels.fields.action.options[opt] }, opt))) })] }), jsx("p", { className: "text-xs text-gray-500", children: labels.fields.action.descriptions[action] })] })) }), action === 'block' && (jsx(WithFormPermissions, { name: "privacy_response", 
+                                permissions: (_j = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _j === void 0 ? void 0 : _j.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(Label, { className: "text-sm font-medium text-[#646464]", children: labels.fields.action.label }), jsx(FieldTooltip$1, { text: labels.fields.action.tooltip })] }), jsxs(Select$1, { value: action, onValueChange: (v) => void updateField('privacy_action', v), disabled: isDisabled || disabled, children: [jsx(SelectTrigger, { "aria-label": labels.fields.action.label, children: jsx(SelectValue, {}) }), jsx(SelectContent, { children: PRIVACY_ACTIONS.map((opt) => (jsx(SelectItem, { value: opt, children: labels.fields.action.options[opt] }, opt))) })] }), jsx("p", { className: "text-xs text-gray-500", children: labels.fields.action.descriptions[action] })] })) }), action === 'block' && (jsx(WithFormPermissions, { name: "privacy_response", 
                                 // @ts-ignore
                                 permissions: (_k = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _k === void 0 ? void 0 : _k.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsxs("div", { className: "space-y-2", children: [jsx(Label, { className: "text-sm font-medium text-[#646464]", children: labels.fields.blockMessage.label }), jsx(Textarea, { value: localResponse, onChange: (e) => setLocalResponse(e.target.value), onBlur: () => {
                                                 if (localResponse !== responseText) {
@@ -209118,14 +209118,14 @@ function AgentPrivacyTab({ labels: labelsOverride, tenantKey: tenantKeyProp, men
                                                 }
                                             }, placeholder: labels.fields.blockMessage.placeholder, className: "min-h-[100px]", disabled: isDisabled || disabled, "aria-label": labels.fields.blockMessage.label })] })) })), jsx(WithFormPermissions, { name: "privacy_entities", 
                                 // @ts-ignore
-                                permissions: (_l = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _l === void 0 ? void 0 : _l.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(Label, { className: "text-sm font-medium text-[#646464]", children: labels.fields.entities.label }), jsx(FieldTooltip, { text: labels.fields.entities.tooltip })] }), jsx("div", { className: "flex flex-wrap gap-2", children: PRIVACY_ENTITY_TYPES.map((entity) => {
+                                permissions: (_l = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _l === void 0 ? void 0 : _l.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(Label, { className: "text-sm font-medium text-[#646464]", children: labels.fields.entities.label }), jsx(FieldTooltip$1, { text: labels.fields.entities.tooltip })] }), jsx("div", { className: "flex flex-wrap gap-2", children: PRIVACY_ENTITY_TYPES.map((entity) => {
                                                 var _a;
                                                 return (jsx(EntityChip, { entity: entity, label: (_a = labels.fields.entities.labels[entity]) !== null && _a !== void 0 ? _a : entity, selected: entities.includes(entity), disabled: isDisabled || disabled, onToggle: (checked) => toggleEntity(entity, checked) }, entity));
                                             }) }), entities.length === 0 && (jsx("p", { className: "text-xs text-gray-500", children: labels.fields.entities.emptyHint }))] })) }), jsx(WithFormPermissions, { name: "enable_privacy_output_filter", 
                                 // @ts-ignore
-                                permissions: (_m = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _m === void 0 ? void 0 : _m.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: labels.fields.outputFilter.label }), jsx(FieldTooltip, { text: labels.fields.outputFilter.tooltip })] }), jsx(CustomSwitch, { checked: outputFilter, onCheckedChange: (checked) => void updateField('enable_privacy_output_filter', checked), disabled: isDisabled || disabled, "aria-label": `Output filter ${outputFilter ? 'enabled' : 'disabled'}` })] })) })] }))] })] }));
+                                permissions: (_m = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _m === void 0 ? void 0 : _m.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: labels.fields.outputFilter.label }), jsx(FieldTooltip$1, { text: labels.fields.outputFilter.tooltip })] }), jsx(CustomSwitch, { checked: outputFilter, onCheckedChange: (checked) => void updateField('enable_privacy_output_filter', checked), disabled: isDisabled || disabled, "aria-label": `Output filter ${outputFilter ? 'enabled' : 'disabled'}` })] })) })] }))] })] }));
 }
-function FieldTooltip({ text }) {
+function FieldTooltip$1({ text }) {
     return (jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { type: "button", "aria-label": "More info", children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "ibl-tooltip-content", children: jsx("p", { children: text }) })] }) }));
 }
 function EntityChip({ entity, label, selected, disabled, onToggle }) {
@@ -209134,6 +209134,893 @@ function EntityChip({ entity, label, selected, disabled, onToggle }) {
             : 'border-gray-300 bg-white text-gray-700 hover:bg-gray-50', disabled && 'cursor-not-allowed opacity-50'), "data-entity": entity, children: label }));
 }
 
+const AGENT_VOICE_TAB_LABELS = {
+    header: {
+        title: 'Voice',
+        description: 'Choose the voice your agent uses and how voice calls work.',
+    },
+    subTabs: {
+        voice: 'Voice',
+        callConfig: 'Voice call',
+    },
+    mentorVoice: {
+        title: 'Agent Voice',
+        description: 'The voice your agent uses to read out replies in chat.',
+        providerLabel: 'Voice source',
+        providerTooltip: "Browser uses the listener's own device to speak. OpenAI and Google use a custom voice you pick below.",
+        providerOptions: {
+            browser: {
+                label: 'Browser',
+                description: "Speak through the user's own device. No setup needed.",
+            },
+            openai: {
+                label: 'OpenAI',
+                description: 'High-quality voices from OpenAI.',
+            },
+            google: {
+                label: 'Google',
+                description: 'Natural-sounding voices from Google.',
+            },
+        },
+        voicePickerLabel: {
+            openai: 'OpenAI voice',
+            google: 'Google voice',
+        },
+        searchPlaceholder: 'Search voices…',
+        emptyState: 'No voices match your search.',
+        errorState: "Couldn't load voices. Try again.",
+        previewAria: (voiceName, action) => `${action === 'play' ? 'Preview' : 'Stop'} ${voiceName} voice`,
+        saveButton: 'Save voice',
+        savingButton: 'Saving…',
+    },
+    callConfig: {
+        title: 'Voice call',
+        description: 'Customize how voice calls work. Screen sharing always uses live conversation.',
+        info: 'Live conversation streams the call end-to-end and feels more natural. Step-by-step mode transcribes the user, has the agent think, then speaks — slower, with more time between turns. Screen sharing always uses live conversation.',
+        fields: {
+            mode: {
+                label: 'Call style',
+                tooltip: 'Live conversation feels faster and more natural. Step-by-step gives the agent more time to think between each turn.',
+                options: { realtime: 'Live conversation', inference: 'Step-by-step' },
+            },
+            language: {
+                label: 'Spoken language',
+                tooltip: 'The language used during voice calls.',
+                placeholder: 'English',
+            },
+            llmProvider: {
+                label: 'AI provider',
+                tooltip: 'Which company powers the AI during calls.',
+                placeholder: 'Use agent default',
+            },
+            // TTS / STT are hidden in the UI today — labels kept for completeness
+            // in case a host wants to surface them.
+            ttsProvider: {
+                label: 'Text-to-speech provider',
+                tooltip: 'Auto-matched to the AI provider above.',
+                placeholder: 'Match AI provider',
+            },
+            sttProvider: {
+                label: 'Speech-to-text provider',
+                tooltip: 'Auto-matched to the AI provider above.',
+                placeholder: 'Match AI provider',
+            },
+            useFunctionCalling: {
+                label: 'Look things up only when needed',
+                tooltip: "On (recommended): the agent decides when to check its training materials before answering. Off: the agent checks before every reply — slower but never skips a lookup.",
+            },
+            enableVideo: {
+                label: 'Allow screen sharing on a call',
+                tooltip: "Let users share their screen so the agent can see what they're doing and guide them. Only works in Live conversation mode.",
+            },
+        },
+        resetButton: 'Reset',
+        saveCreate: 'Save',
+        saveUpdate: 'Save changes',
+        savingButton: 'Saving…',
+    },
+    toasts: {
+        voiceSaved: 'Voice saved',
+        voiceError: "Couldn't save voice settings",
+        callConfigSaved: 'Voice call settings saved',
+        callConfigError: "Couldn't save voice call settings",
+    },
+};
+function resolveVoiceTabLabels(override) {
+    if (!override)
+        return AGENT_VOICE_TAB_LABELS;
+    return deepMerge(AGENT_VOICE_TAB_LABELS, override);
+}
+
+/**
+ * Single-track audio preview hook. Calling `play()` for a new id stops the
+ * currently-playing clip first; calling it again for the same id toggles
+ * stop. Cleans up on unmount.
+ */
+function useAudioPreview() {
+    const audioRef = React__default.useRef(null);
+    const [playingId, setPlayingId] = React__default.useState(null);
+    const [isLoading, setIsLoading] = React__default.useState(false);
+    React__default.useEffect(() => {
+        return () => {
+            if (audioRef.current) {
+                audioRef.current.pause();
+                audioRef.current.src = '';
+                audioRef.current = null;
+            }
+        };
+    }, []);
+    const stop = React__default.useCallback(() => {
+        if (audioRef.current) {
+            audioRef.current.pause();
+            audioRef.current.currentTime = 0;
+        }
+        setPlayingId(null);
+        setIsLoading(false);
+    }, []);
+    const play = React__default.useCallback((id, url) => {
+        if (!url)
+            return;
+        if (playingId === id && audioRef.current && !audioRef.current.paused) {
+            stop();
+            return;
+        }
+        if (audioRef.current) {
+            audioRef.current.pause();
+        }
+        const audio = new Audio(url);
+        audioRef.current = audio;
+        setIsLoading(true);
+        setPlayingId(id);
+        audio.addEventListener('canplay', () => setIsLoading(false));
+        audio.addEventListener('ended', () => setPlayingId(null));
+        audio.addEventListener('error', () => {
+            setIsLoading(false);
+            setPlayingId(null);
+        });
+        // Older browsers / jsdom return void from play(); guard against
+        // that so we don't crash with "Cannot read properties of undefined
+        // (reading 'catch')".
+        const result = audio.play();
+        if (result && typeof result.catch === 'function') {
+            result.catch(() => {
+                setIsLoading(false);
+                setPlayingId(null);
+            });
+        }
+    }, [playingId, stop]);
+    return { playingId, isLoading, play, stop };
+}
+
+/**
+ * Voices come back from the API in inconsistent casing (e.g. "alloy",
+ * "Alloy", "ALLOY"). Display them title-cased so the UI stays consistent
+ * regardless of the upstream catalogue.
+ */
+function toTitleCase(name) {
+    if (!name)
+        return name;
+    return name
+        .split(/\s+/)
+        .map((word) => word.length > 0 ? word[0].toUpperCase() + word.slice(1).toLowerCase() : word)
+        .join(' ');
+}
+
+const PAGE_SIZE$1 = 20;
+function VoicePicker({ org, userId, provider, selectedVoiceId, onSelect, disabled, labels, }) {
+    var _a, _b;
+    const [search, setSearch] = React__default.useState('');
+    const [debouncedSearch, setDebouncedSearch] = React__default.useState('');
+    const [page, setPage] = React__default.useState(1);
+    // Reset paging when the user types a new search OR switches provider.
+    React__default.useEffect(() => {
+        setPage(1);
+    }, [debouncedSearch, provider]);
+    React__default.useEffect(() => {
+        const handle = setTimeout(() => setDebouncedSearch(search), 300);
+        return () => clearTimeout(handle);
+    }, [search]);
+    const { data, isFetching, isError } = useGetVoicesQuery({
+        org,
+        userId,
+        provider,
+        page,
+        pageSize: PAGE_SIZE$1,
+        ...(debouncedSearch ? { search: debouncedSearch } : {}),
+    }, { skip: !org || !userId });
+    const paginated = data;
+    const voices = (_a = paginated === null || paginated === void 0 ? void 0 : paginated.results) !== null && _a !== void 0 ? _a : [];
+    const total = (_b = paginated === null || paginated === void 0 ? void 0 : paginated.count) !== null && _b !== void 0 ? _b : 0;
+    const totalPages = total > 0 ? Math.ceil(total / PAGE_SIZE$1) : 1;
+    // Whenever a voice id is saved on the mentor settings, fetch it directly
+    // so we can pin it at the top of the list. Otherwise the user can land
+    // on a page that doesn't contain the selected voice and the selection
+    // appears lost.
+    const { data: pinnedVoiceData } = useGetVoiceQuery({
+        id: selectedVoiceId !== null && selectedVoiceId !== void 0 ? selectedVoiceId : 0,
+        org,
+        userId,
+    }, { skip: !org || !userId || selectedVoiceId == null });
+    const pinnedVoice = pinnedVoiceData;
+    // Only pin a voice from the same provider — otherwise switching from
+    // google → openai would briefly show the leftover google voice.
+    const showPinned = pinnedVoice != null &&
+        pinnedVoice.provider === provider &&
+        !voices.some((v) => v.id === pinnedVoice.id);
+    const { playingId, isLoading: isPreviewLoading, play, stop } = useAudioPreview();
+    React__default.useEffect(() => () => stop(), [provider, stop]);
+    return (jsxs("div", { className: "space-y-3", children: [jsxs("div", { className: "relative", children: [jsx(Search, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-gray-400" }), jsx(Input, { type: "search", placeholder: labels.searchPlaceholder, className: "w-full pl-9", value: search, onChange: (e) => setSearch(e.target.value), disabled: disabled, "aria-label": labels.searchPlaceholder, "data-testid": "voice-picker-search" })] }), isError && jsx("p", { className: "text-sm text-red-500", children: labels.errorState }), isFetching ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx(Spinner, {}) })) : voices.length === 0 && !showPinned ? (jsx("div", { className: "rounded-md border border-dashed border-gray-200 py-8 text-center text-sm text-gray-500", children: labels.emptyState })) : (jsxs(Fragment$1, { children: [showPinned && pinnedVoice && (jsx("div", { className: "rounded-md bg-blue-50/40 p-2", "data-testid": "pinned-voice-row", children: jsx(VoiceRow, { voice: pinnedVoice, isSelected: true, isPlaying: playingId === pinnedVoice.id, showPlayLoader: playingId === pinnedVoice.id && isPreviewLoading, disabled: !!disabled, onSelect: onSelect, play: play, labels: labels }) })), jsx("div", { 
+                        // Padding (`p-1`) prevents the selected border from being
+                        // clipped by `overflow-y-auto` on the first/last rows.
+                        className: "grid max-h-[360px] grid-cols-1 gap-2 overflow-y-auto p-1 sm:grid-cols-2", role: "radiogroup", "aria-label": "Available voices", children: voices.map((voice) => (jsx(VoiceRow, { voice: voice, isSelected: selectedVoiceId === voice.id, isPlaying: playingId === voice.id, showPlayLoader: playingId === voice.id && isPreviewLoading, disabled: !!disabled, onSelect: onSelect, play: play, labels: labels }, voice.id))) }), totalPages > 1 && (jsxs("div", { className: "flex items-center justify-between gap-2 border-t border-gray-100 pt-3 text-xs text-gray-600", "data-testid": "voice-pagination", children: [jsxs("span", { "aria-live": "polite", children: ["Page ", jsx("strong", { children: page }), " of ", jsx("strong", { children: totalPages }), jsxs("span", { className: "ml-1 text-gray-400", children: ["\u00B7 ", total, " voices"] })] }), jsxs("div", { className: "flex items-center gap-2", children: [jsxs(Button$1, { type: "button", variant: "outline", size: "sm", disabled: disabled || page <= 1, onClick: () => setPage((p) => Math.max(1, p - 1)), "aria-label": "Previous page of voices", "data-testid": "voice-prev-page", children: [jsx(ChevronLeft, { className: "h-4 w-4" }), "Prev"] }), jsxs(Button$1, { type: "button", variant: "outline", size: "sm", disabled: disabled || page >= totalPages, onClick: () => setPage((p) => Math.min(totalPages, p + 1)), "aria-label": "Next page of voices", "data-testid": "voice-next-page", children: ["Next", jsx(ChevronRight, { className: "h-4 w-4" })] })] })] }))] }))] }));
+}
+/**
+ * A single voice row. Rendered as a `<div role="radio">` so the inner
+ * preview `<button>` doesn't trip HTML's "no nested button" rule.
+ * Keyboard behaviour mirrors a real radio: Space/Enter selects.
+ *
+ * Uses `border-2` (not `ring`) for the selected outline so it never gets
+ * clipped by the parent scroll container's `overflow-y-auto`.
+ */
+function VoiceRow({ voice, isSelected, isPlaying, showPlayLoader, disabled, onSelect, play, labels, }) {
+    return (jsxs("div", { role: "radio", tabIndex: disabled ? -1 : 0, "aria-checked": isSelected, "aria-disabled": disabled || undefined, "aria-label": toTitleCase(voice.name), "data-voice-id": voice.id, "data-selected": isSelected || undefined, onClick: () => !disabled && onSelect(voice), onKeyDown: (e) => {
+            if (disabled)
+                return;
+            if (e.key === ' ' || e.key === 'Enter') {
+                e.preventDefault();
+                onSelect(voice);
+            }
+        }, className: cn('flex cursor-pointer items-start gap-3 rounded-lg border-2 p-3 text-left transition-all hover:shadow-sm focus-visible:outline-blue-500', isSelected
+            ? 'border-blue-500 bg-blue-50/40'
+            : 'border-gray-200 bg-white hover:border-gray-300', disabled && 'cursor-not-allowed opacity-60'), children: [jsx("div", { className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-full bg-blue-50 text-blue-600", children: jsx(Volume2, { className: "h-4 w-4", "aria-hidden": "true" }) }), jsxs("div", { className: "min-w-0 flex-1", children: [jsxs("div", { className: "flex items-center justify-between gap-2", children: [jsx("span", { className: "truncate text-sm font-medium text-gray-900", children: toTitleCase(voice.name) }), voice.audio_url && (jsx(Button$1, { type: "button", variant: "ghost", size: "icon", className: "h-7 w-7 flex-shrink-0 text-gray-500 hover:text-blue-600", onClick: (e) => {
+                                    e.stopPropagation();
+                                    play(voice.id, voice.audio_url);
+                                }, disabled: disabled, "aria-label": labels.previewAria(toTitleCase(voice.name), isPlaying ? 'stop' : 'play'), children: showPlayLoader ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : isPlaying ? (jsx(Pause, { className: "h-4 w-4" })) : (jsx(Play, { className: "h-4 w-4" })) }))] }), (voice.language || voice.description) && (jsx("p", { className: "mt-1 line-clamp-2 text-xs text-gray-500", children: [voice.language, voice.description].filter(Boolean).join(' · ') }))] })] }));
+}
+
+/**
+ * Modal-style voice picker. Wraps the inline `VoicePicker` (search +
+ * pagination + audio preview) in a Dialog. Used by both the Voice tab
+ * (mentor voice) and the Call Configuration sub-tab so we don't end up
+ * with two divergent UIs for choosing a voice.
+ */
+function VoicePickerModal({ isOpen, onClose, org, userId, provider, selectedVoiceId, onSelect, labels, title = 'Select a voice', description = 'Search, browse, and listen to a sample before you pick.', }) {
+    return (jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: jsxs(DialogContent, { className: "max-w-3xl space-y-4 p-4", "data-testid": "voice-picker-modal", children: [jsxs(DialogHeader, { children: [jsx(DialogTitle, { className: "ibl-dialog-title", children: title }), jsx(DialogDescription, { className: "text-xs text-gray-600", children: description })] }), jsx(VoicePicker, { org: org, userId: userId, provider: provider, selectedVoiceId: selectedVoiceId, 
+                    // Auto-close on selection — picking a voice in the modal is the
+                    // explicit "done" action. The parent receives the new voice and
+                    // closes us via `isOpen={false}`.
+                    onSelect: (v) => {
+                        onSelect(v);
+                        onClose();
+                    }, labels: labels })] }) }));
+}
+/**
+ * Combobox-style trigger that shows the currently selected voice (name +
+ * audio glyph + inline Play button) and opens the modal picker on click.
+ * Visual pattern mirrors the LLM provider card on the LLM tab — a
+ * card-style row with the currently picked item up front and a chevron at
+ * the end.
+ *
+ * Clicking the Play button previews the voice without opening the modal;
+ * clicking anywhere else opens it.
+ */
+function VoicePickerTrigger({ org, userId, provider, selectedVoice, onSelect, disabled, labels, emptyLabel = 'Select a voice', modalTitle, modalDescription, testId, }) {
+    var _a;
+    const [isOpen, setIsOpen] = React__default.useState(false);
+    const { playingId, isLoading: isPreviewLoading, play, stop } = useAudioPreview();
+    // Stop preview when the trigger unmounts or when the modal opens —
+    // the modal has its own preview state and we don't want both playing
+    // at once.
+    React__default.useEffect(() => {
+        if (isOpen)
+            stop();
+    }, [isOpen, stop]);
+    const displayName = selectedVoice ? toTitleCase(selectedVoice.name) : null;
+    const language = (selectedVoice === null || selectedVoice === void 0 ? void 0 : selectedVoice.language) || null;
+    const audioUrl = (selectedVoice === null || selectedVoice === void 0 ? void 0 : selectedVoice.audio_url) || '';
+    const isPlaying = selectedVoice != null && playingId === selectedVoice.id;
+    const showPlayLoader = isPlaying && isPreviewLoading;
+    return (jsxs(Fragment$1, { children: [jsxs("div", { className: cn('flex w-full items-center gap-2 rounded-lg border-2 border-gray-200 bg-white p-3 transition-colors', !disabled &&
+                    'hover:border-blue-300 focus-within:border-blue-500', disabled && 'cursor-not-allowed opacity-60'), "data-testid": testId !== null && testId !== void 0 ? testId : 'voice-picker-trigger', children: [jsxs("button", { type: "button", disabled: disabled, onClick: () => setIsOpen(true), "aria-haspopup": "dialog", "aria-expanded": isOpen, className: "flex min-w-0 flex-1 items-center gap-3 text-left focus-visible:outline-none", "data-testid": testId ? `${testId}-open` : 'voice-picker-trigger-open', children: [jsx("span", { className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-full bg-blue-50 text-blue-600", children: jsx(Volume2, { className: "h-4 w-4", "aria-hidden": "true" }) }), jsxs("span", { className: "flex min-w-0 flex-col", children: [jsx("span", { className: "truncate text-sm font-medium text-gray-900", children: displayName !== null && displayName !== void 0 ? displayName : emptyLabel }), language && (jsx("span", { className: "truncate text-xs text-gray-500", children: language }))] })] }), audioUrl && selectedVoice && (jsx(Button$1, { type: "button", variant: "ghost", size: "icon", className: "h-8 w-8 flex-shrink-0 text-gray-500 hover:text-blue-600", disabled: disabled, onClick: (e) => {
+                            e.stopPropagation();
+                            play(selectedVoice.id, audioUrl);
+                        }, "aria-label": labels.previewAria(displayName !== null && displayName !== void 0 ? displayName : '', isPlaying ? 'stop' : 'play'), "data-testid": testId ? `${testId}-preview` : 'voice-picker-trigger-preview', children: showPlayLoader ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : isPlaying ? (jsx(Pause, { className: "h-4 w-4" })) : (jsx(Play, { className: "h-4 w-4" })) })), jsx(ChevronDown, { className: "h-4 w-4 flex-shrink-0 text-gray-400", "aria-hidden": "true" })] }), jsx(VoicePickerModal, { isOpen: isOpen, onClose: () => setIsOpen(false), org: org, userId: userId, provider: provider, selectedVoiceId: (_a = selectedVoice === null || selectedVoice === void 0 ? void 0 : selectedVoice.id) !== null && _a !== void 0 ? _a : null, onSelect: onSelect, labels: labels, title: modalTitle, description: modalDescription })] }));
+}
+
+/**
+ * Resolve a voice by its display name. The mentor settings endpoint
+ * returns voice references as raw strings (e.g. `"alloy"`, `"Fenrir"`)
+ * rather than ids, so we have to look them up in the voices catalogue
+ * before we can render the trigger (with id, audio_url, etc.) or send
+ * an id back on save.
+ *
+ * Returns `{ voice, isResolving }`. While the lookup is in flight the
+ * caller should keep showing whatever placeholder makes sense.
+ *
+ * The query is scoped by provider so two different providers can each
+ * have a "Standard" voice without colliding.
+ */
+function useResolveVoiceByName(args) {
+    var _a, _b;
+    const { org, userId, provider, name } = args;
+    const enabled = !!org && !!userId && !!name;
+    const { data, isFetching } = useGetVoicesQuery({
+        org,
+        userId,
+        provider,
+        search: name !== null && name !== void 0 ? name : '',
+        pageSize: 25, // search may return close matches; keep the window small
+    }, { skip: !enabled });
+    if (!enabled)
+        return { voice: null, isResolving: false };
+    const results = ((_a = data === null || data === void 0 ? void 0 : data.results) !== null && _a !== void 0 ? _a : []);
+    const lowered = (name !== null && name !== void 0 ? name : '').trim().toLowerCase();
+    const match = (_b = results.find((v) => { var _a; return ((_a = v.name) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === lowered && v.provider === provider; })) !== null && _b !== void 0 ? _b : null;
+    return { voice: match, isResolving: isFetching };
+}
+
+/**
+ * Map an LLM provider to the voice provider used by the picker. Azure
+ * OpenAI shares the same voice catalogue as OpenAI, so both surfaces
+ * point at the `openai` voice list.
+ */
+function llmProviderToVoiceProvider(llm) {
+    if (llm === 'openai' || llm === 'azure_openai')
+        return 'openai';
+    if (llm === 'google')
+        return 'google';
+    return null;
+}
+/**
+ * Derive a sensible TTS / STT provider from the LLM choice. The UI no
+ * longer exposes these fields directly — keeping them aligned with the
+ * LLM provider keeps the backend stack consistent and matches the
+ * product expectation that "Microsoft" / OpenAI / Google all reach for
+ * their native voice + speech APIs by default.
+ *
+ * If the user previously customised these manually they're kept as-is
+ * (see `withDerivedProviders`); we only fill the field when it's empty.
+ */
+function defaultTtsProviderFor(llm) {
+    if (llm === 'azure_openai')
+        return 'azure_openai';
+    if (llm === 'google')
+        return 'google';
+    if (llm === 'openai')
+        return 'openai';
+    return '';
+}
+function defaultSttProviderFor(llm) {
+    if (llm === 'azure_openai')
+        return 'azure_openai';
+    if (llm === 'google')
+        return 'google';
+    if (llm === 'openai')
+        return 'openai';
+    return '';
+}
+/**
+ * Fill in any missing TTS / STT provider from the active LLM. Used on
+ * save so the API always gets a complete triple even though the UI no
+ * longer surfaces TTS/STT pickers.
+ */
+function withDerivedProviders(form) {
+    return {
+        ...form,
+        tts_provider: form.tts_provider || defaultTtsProviderFor(form.llm_provider),
+        stt_provider: form.stt_provider || defaultSttProviderFor(form.llm_provider),
+    };
+}
+/**
+ * Friendly display name for an LLM provider. Used by both the field
+ * label "Voice (Microsoft / OpenAI / Google)" and any tooltips that
+ * mention the picked provider.
+ */
+function llmProviderDisplayName(llm) {
+    if (llm === 'azure_openai')
+        return 'Microsoft';
+    if (llm === 'google')
+        return 'Google';
+    if (llm === 'openai')
+        return 'OpenAI';
+    return '';
+}
+/**
+ * Top languages we expose in the picker. The backend accepts any ISO 639
+ * code as free text, but the dropdown keeps the common cases one click
+ * away. Add to this list when product asks.
+ */
+const LANGUAGE_OPTIONS = [
+    { value: 'en', label: 'English' },
+    { value: 'fr', label: 'French' },
+    { value: 'es', label: 'Spanish' },
+    { value: 'pt', label: 'Portuguese' },
+    { value: 'nl', label: 'Dutch' },
+];
+const EMPTY_FORM = {
+    mode: 'realtime',
+    tts_provider: '',
+    stt_provider: '',
+    llm_provider: '',
+    language: 'en',
+    use_function_calling_for_rag: false,
+    enable_video: false,
+    screensharing_system_prompt: '',
+    screensharing_proactive_prompt: '',
+    openai_voice_id: null,
+    google_voice_id: null,
+};
+/**
+ * The voice fields on `CallConfiguration` can arrive in two shapes:
+ *   - `openai_voice_id: number | null` (the canonical id)
+ *   - `openai_voice: Voice | number | null` (a fully serialized voice)
+ *
+ * `readCallConfigVoiceId` collapses both into a plain id.
+ */
+function readCallConfigVoiceId(config, field) {
+    if (!config)
+        return null;
+    const idField = field === 'openai' ? 'openai_voice_id' : 'google_voice_id';
+    const objField = field === 'openai' ? 'openai_voice' : 'google_voice';
+    const id = config[idField];
+    if (typeof id === 'number')
+        return id;
+    const obj = config[objField];
+    if (obj == null)
+        return null;
+    if (typeof obj === 'number')
+        return obj;
+    if (typeof obj === 'object' && 'id' in obj)
+        return obj.id;
+    return null;
+}
+function toFormState(config) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    if (!config)
+        return EMPTY_FORM;
+    return {
+        mode: (_a = config.mode) !== null && _a !== void 0 ? _a : 'realtime',
+        tts_provider: (_b = config.tts_provider) !== null && _b !== void 0 ? _b : '',
+        stt_provider: (_c = config.stt_provider) !== null && _c !== void 0 ? _c : '',
+        llm_provider: (_d = config.llm_provider) !== null && _d !== void 0 ? _d : '',
+        language: (_e = config.language) !== null && _e !== void 0 ? _e : 'en',
+        use_function_calling_for_rag: !!config.use_function_calling_for_rag,
+        enable_video: !!config.enable_video,
+        screensharing_system_prompt: (_f = config.screensharing_system_prompt) !== null && _f !== void 0 ? _f : '',
+        screensharing_proactive_prompt: (_g = config.screensharing_proactive_prompt) !== null && _g !== void 0 ? _g : '',
+        openai_voice_id: readCallConfigVoiceId(config, 'openai'),
+        google_voice_id: readCallConfigVoiceId(config, 'google'),
+    };
+}
+function toRequestBody(form) {
+    const derived = withDerivedProviders(form);
+    return {
+        mode: derived.mode,
+        ...(derived.tts_provider ? { tts_provider: derived.tts_provider } : {}),
+        ...(derived.stt_provider ? { stt_provider: derived.stt_provider } : {}),
+        ...(derived.llm_provider ? { llm_provider: derived.llm_provider } : {}),
+        language: derived.language || 'en',
+        use_function_calling_for_rag: derived.use_function_calling_for_rag,
+        enable_video: derived.enable_video,
+        screensharing_system_prompt: derived.screensharing_system_prompt,
+        screensharing_proactive_prompt: derived.screensharing_proactive_prompt,
+        openai_voice_id: derived.openai_voice_id,
+        google_voice_id: derived.google_voice_id,
+    };
+}
+function CallConfigSection({ org, userId, mentorId, isDisabled, labels, voicePickerLabels, toastLabels, initialConfig, renderPromptContent: _renderPromptContent, // currently unused — kept for ABI stability
+ }) {
+    const hasInitial = initialConfig !== undefined;
+    // Fall back to the list endpoint only when no inline config was supplied.
+    // When `initialConfig` is provided (even as `null`), skip the network call
+    // entirely so the section renders synchronously.
+    const { data: configs, isLoading, isFetching, } = useGetCallConfigurationsQuery({ org, userId, mentor: mentorId }, { skip: hasInitial || !org || !userId || !mentorId });
+    const existing = hasInitial
+        ? initialConfig
+        : configs === null || configs === void 0 ? void 0 : configs[0];
+    const [form, setForm] = React__default.useState(() => toFormState(existing));
+    const [initialForm, setInitialForm] = React__default.useState(() => toFormState(existing));
+    // Track the full Voice object the user picked this session so we can
+    // show its name + audio_url in the trigger immediately, before the
+    // call-config refetches. When `null`, the trigger falls back to the
+    // serialized voice object embedded in the call_configuration response
+    // (`existing.openai_voice` / `existing.google_voice`).
+    const [pickedOpenaiVoice, setPickedOpenaiVoice] = React__default.useState(null);
+    const [pickedGoogleVoice, setPickedGoogleVoice] = React__default.useState(null);
+    React__default.useEffect(() => {
+        const next = toFormState(existing);
+        setForm(next);
+        setInitialForm(next);
+        setPickedOpenaiVoice(null);
+        setPickedGoogleVoice(null);
+    }, [existing === null || existing === void 0 ? void 0 : existing.id, existing]);
+    const [createCallConfig, { isLoading: isCreating }] = useCreateCallConfigurationMutation();
+    const [updateCallConfig, { isLoading: isUpdating }] = useUpdateCallConfigurationMutation();
+    const isSaving = isCreating || isUpdating;
+    const disabled = Boolean(isDisabled) || isLoading || isSaving;
+    const isDirty = JSON.stringify(form) !== JSON.stringify(initialForm);
+    const updateField = (key, value) => {
+        setForm((prev) => ({ ...prev, [key]: value }));
+    };
+    const handleSave = async () => {
+        try {
+            const body = toRequestBody(form);
+            if (existing === null || existing === void 0 ? void 0 : existing.id) {
+                await updateCallConfig({
+                    org,
+                    userId,
+                    id: existing.id,
+                    requestBody: body,
+                }).unwrap();
+            }
+            else {
+                await createCallConfig({
+                    org,
+                    userId,
+                    requestBody: { ...body, mentor: mentorId },
+                }).unwrap();
+            }
+            toast.success(toastLabels.saved);
+            setInitialForm(form);
+        }
+        catch (error) {
+            console.error('[CallConfigSection] save error', error);
+            toast.error(toastLabels.error);
+        }
+    };
+    const handleReset = () => setForm(initialForm);
+    if (isLoading) {
+        return (jsx("div", { className: "flex items-center justify-center py-8", "data-testid": "call-config-loading", children: jsx(Spinner, {}) }));
+    }
+    return (jsxs("div", { className: "space-y-5", "data-testid": "call-config-form", children: [jsx("div", { className: "rounded-md border border-blue-100 bg-blue-50/50 p-3 text-xs text-gray-700", children: labels.info }), jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [jsx(FieldWrap, { label: labels.fields.mode.label, tooltip: labels.fields.mode.tooltip, children: jsxs(Select$1, { value: form.mode, onValueChange: (v) => updateField('mode', v), disabled: disabled, children: [jsx(SelectTrigger, { "aria-label": labels.fields.mode.label, children: jsx(SelectValue, {}) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "realtime", children: labels.fields.mode.options.realtime }), jsx(SelectItem, { value: "inference", children: labels.fields.mode.options.inference })] })] }) }), jsx(FieldWrap, { label: labels.fields.language.label, tooltip: labels.fields.language.tooltip, children: jsxs(Select$1, { value: form.language, onValueChange: (v) => updateField('language', v), disabled: disabled, children: [jsx(SelectTrigger, { "aria-label": labels.fields.language.label, children: jsx(SelectValue, { placeholder: labels.fields.language.placeholder }) }), jsx(SelectContent, { children: LANGUAGE_OPTIONS.map((opt) => (jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] }) }), jsx(FieldWrap, { label: labels.fields.llmProvider.label, tooltip: labels.fields.llmProvider.tooltip, children: jsxs(Select$1, { value: form.llm_provider, onValueChange: (v) => updateField('llm_provider', v), disabled: disabled, children: [jsx(SelectTrigger, { "aria-label": labels.fields.llmProvider.label, children: jsx(SelectValue, { placeholder: labels.fields.llmProvider.placeholder }) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "openai", children: "OpenAI" }), jsx(SelectItem, { value: "google", children: "Google" }), jsx(SelectItem, { value: "azure_openai", children: "Microsoft" })] })] }) })] }), (() => {
+                const voiceProvider = llmProviderToVoiceProvider(form.llm_provider);
+                if (!voiceProvider)
+                    return null;
+                const isOpenAiVoice = voiceProvider === 'openai';
+                const inlineVoice = (isOpenAiVoice
+                    ? existing === null || existing === void 0 ? void 0 : existing.openai_voice
+                    : existing === null || existing === void 0 ? void 0 : existing.google_voice);
+                // The API can return either the full Voice object or just the id
+                // depending on serializer version. We only pin it as the display
+                // value when it has a `name` (i.e. the full-object shape).
+                const inlineVoiceObject = inlineVoice != null && typeof inlineVoice === 'object' && 'name' in inlineVoice
+                    ? inlineVoice
+                    : null;
+                const selectedVoice = isOpenAiVoice
+                    ? pickedOpenaiVoice !== null && pickedOpenaiVoice !== void 0 ? pickedOpenaiVoice : inlineVoiceObject
+                    : pickedGoogleVoice !== null && pickedGoogleVoice !== void 0 ? pickedGoogleVoice : inlineVoiceObject;
+                const providerDisplayName = llmProviderDisplayName(form.llm_provider);
+                return (jsxs("div", { className: "space-y-2 rounded-lg border border-gray-200 p-4", children: [jsx(Label, { className: "text-sm font-medium text-[#646464]", children: "Voice" }), jsxs("p", { className: "text-xs text-gray-500", children: ["The voice your agent uses on calls \u2014 from ", providerDisplayName, "."] }), jsx(VoicePickerTrigger, { org: org, userId: userId, provider: voiceProvider, selectedVoice: selectedVoice, onSelect: (v) => {
+                                if (isOpenAiVoice) {
+                                    setPickedOpenaiVoice(v);
+                                    updateField('openai_voice_id', v.id);
+                                }
+                                else {
+                                    setPickedGoogleVoice(v);
+                                    updateField('google_voice_id', v.id);
+                                }
+                            }, disabled: disabled, labels: voicePickerLabels, modalTitle: `Select a ${providerDisplayName} voice`, modalDescription: "Search, browse, and listen to a sample before you pick.", testId: "call-config-voice-trigger" })] }));
+            })(), jsxs("div", { className: "flex items-center justify-end gap-2 border-t border-gray-100 pt-3", children: [isFetching && !isLoading && (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-gray-400", "aria-label": "Refreshing" })), jsx(Button$1, { type: "button", variant: "outline", onClick: handleReset, disabled: disabled || !isDirty, children: labels.resetButton }), jsx(Button$1, { type: "button", onClick: handleSave, disabled: disabled || !isDirty, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: isSaving
+                            ? labels.savingButton
+                            : existing
+                                ? labels.saveUpdate
+                                : labels.saveCreate })] })] }));
+}
+function FieldWrap({ label, tooltip, children }) {
+    return (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(Label, { className: "text-sm font-medium text-[#646464]", children: label }), tooltip && (jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { type: "button", "aria-label": `More info about ${label}`, children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { side: "top", align: "start", sideOffset: 6, collisionPadding: 16, className: "ibl-tooltip-content z-50 max-w-[300px]", children: jsx("p", { className: "text-xs leading-relaxed whitespace-normal", children: tooltip }) })] }) }))] }), children] }));
+}
+
+const SUB_TAB_VALUES = {
+    voice: 'voice',
+    callConfig: 'call-config',
+};
+/**
+ * Pull a voice **name** out of the mentor settings response, which can
+ * return a plain string, a numeric id, or a serialized object with a
+ * `name` key depending on the backend version.
+ */
+function readVoiceName(value) {
+    if (value == null)
+        return null;
+    if (typeof value === 'string')
+        return value;
+    if (typeof value === 'object' && 'name' in value && typeof value.name === 'string') {
+        return value.name;
+    }
+    return null;
+}
+function AgentVoiceTab({ labels: labelsOverride, defaultSubTab = 'voice', renderPromptContent, tenantKey: tenantKeyProp, mentorId: mentorIdProp, username: usernameProp, enableRBAC: enableRBACProp, }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    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 username = (_c = usernameProp !== null && usernameProp !== void 0 ? usernameProp : ctx === null || ctx === void 0 ? void 0 : ctx.username) !== null && _c !== void 0 ? _c : '';
+    const enableRBAC = (_d = enableRBACProp !== null && enableRBACProp !== void 0 ? enableRBACProp : ctx === null || ctx === void 0 ? void 0 : ctx.enableRBAC) !== null && _d !== void 0 ? _d : false;
+    const labels = React__default.useMemo(() => resolveVoiceTabLabels(labelsOverride), [labelsOverride]);
+    const { data: rawMentorSettings, isLoading: isMentorSettingsLoading } = useGetMentorSettingsQuery({
+        mentor: mentorId,
+        org: tenantKey,
+        // @ts-expect-error userId is accepted at runtime
+        userId: username,
+    }, { skip: !username || !mentorId || !tenantKey });
+    const mentorSettings = rawMentorSettings;
+    const initialProvider = (_e = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.voice_provider) !== null && _e !== void 0 ? _e : 'browser';
+    // Backend returns voice references as *name strings* on the mentor
+    // settings endpoint (e.g. `"alloy"`, `"Fenrir"`). Resolve each one to a
+    // full Voice via the voices catalogue so we can render the trigger
+    // (with audio_url for the play button) and send the id on save.
+    const savedOpenaiName = (_f = readVoiceName(mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.openai_voice)) !== null && _f !== void 0 ? _f : null;
+    const savedGoogleName = (_g = readVoiceName(mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.google_voice)) !== null && _g !== void 0 ? _g : null;
+    const { voice: resolvedOpenaiVoice } = useResolveVoiceByName({
+        org: tenantKey,
+        userId: username,
+        provider: 'openai',
+        name: savedOpenaiName,
+    });
+    const { voice: resolvedGoogleVoice } = useResolveVoiceByName({
+        org: tenantKey,
+        userId: username,
+        provider: 'google',
+        name: savedGoogleName,
+    });
+    // Picked voices override the resolved server values once the user
+    // makes a choice. Null means "use what came from the server".
+    const [provider, setProvider] = React__default.useState(initialProvider);
+    const [pickedOpenaiVoice, setPickedOpenaiVoice] = React__default.useState(null);
+    const [pickedGoogleVoice, setPickedGoogleVoice] = React__default.useState(null);
+    React__default.useEffect(() => {
+        setProvider(initialProvider);
+        setPickedOpenaiVoice(null);
+        setPickedGoogleVoice(null);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [mentorId, rawMentorSettings]);
+    const effectiveOpenaiVoice = (_h = pickedOpenaiVoice !== null && pickedOpenaiVoice !== void 0 ? pickedOpenaiVoice : resolvedOpenaiVoice) !== null && _h !== void 0 ? _h : null;
+    const effectiveGoogleVoice = (_j = pickedGoogleVoice !== null && pickedGoogleVoice !== void 0 ? pickedGoogleVoice : resolvedGoogleVoice) !== null && _j !== void 0 ? _j : null;
+    const [editMentor, { isLoading: isSavingMentor }] = useEditMentorMutation();
+    const isDisabled = isMentorSettingsLoading || isSavingMentor;
+    const isDirty = provider !== initialProvider ||
+        pickedOpenaiVoice != null ||
+        pickedGoogleVoice != null;
+    /**
+     * Provider chips. We reuse the OpenAI / Google logos already shipped in
+     * the host's static-root (see `getLLMProviderDetails` for the canonical
+     * paths). Browser falls back to a Lucide globe — there's no vendor logo
+     * for "device speech engine".
+     */
+    const providerOptions = [
+        {
+            value: 'browser',
+            label: labels.mentorVoice.providerOptions.browser.label,
+            description: labels.mentorVoice.providerOptions.browser.description,
+            logo: { type: 'icon', Icon: Globe },
+        },
+        {
+            value: 'openai',
+            label: labels.mentorVoice.providerOptions.openai.label,
+            description: labels.mentorVoice.providerOptions.openai.description,
+            logo: { type: 'image', src: '/llm-openai-provider-2.svg', alt: 'OpenAI' },
+        },
+        {
+            value: 'google',
+            label: labels.mentorVoice.providerOptions.google.label,
+            description: labels.mentorVoice.providerOptions.google.description,
+            logo: { type: 'image', src: '/llm-google-provider.svg', alt: 'Google' },
+        },
+    ];
+    const handleSaveVoice = async () => {
+        try {
+            const formData = { voice_provider: provider };
+            // Only send a voice id when the user actually picked something this
+            // session. If they didn't, leave the existing server-side value
+            // alone — the backend interprets an absent field as "no change".
+            if (provider === 'openai' && pickedOpenaiVoice) {
+                formData.openai_voice = pickedOpenaiVoice.id;
+            }
+            if (provider === 'google' && pickedGoogleVoice) {
+                formData.google_voice = pickedGoogleVoice.id;
+            }
+            await editMentor({
+                mentor: mentorId,
+                org: tenantKey,
+                // @ts-expect-error userId is accepted at runtime
+                userId: username,
+                formData,
+            }).unwrap();
+            toast.success(labels.toasts.voiceSaved);
+        }
+        catch (error) {
+            console.error('[AgentVoiceTab] save error', error);
+            toast.error(labels.toasts.voiceError);
+        }
+    };
+    const selectedVoice = provider === 'openai'
+        ? effectiveOpenaiVoice
+        : provider === 'google'
+            ? effectiveGoogleVoice
+            : null;
+    const onSelectVoice = (voice) => {
+        if (provider === 'openai')
+            setPickedOpenaiVoice(voice);
+        else if (provider === 'google')
+            setPickedGoogleVoice(voice);
+    };
+    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": "voice-tab-body", children: isMentorSettingsLoading ? (jsx("div", { className: "flex items-center justify-center py-12", "data-testid": "voice-tab-loading", children: jsx(Spinner, {}) })) : (jsxs(Tabs, { defaultValue: SUB_TAB_VALUES[defaultSubTab], className: "w-full", children: [jsxs(TabsList, { "aria-label": labels.header.title, "data-testid": "voice-sub-tabs", children: [jsx(TabsTrigger, { value: SUB_TAB_VALUES.voice, "data-testid": "voice-sub-tab-voice", children: labels.subTabs.voice }), jsx(TabsTrigger, { value: SUB_TAB_VALUES.callConfig, "data-testid": "voice-sub-tab-call-config", children: labels.subTabs.callConfig })] }), jsxs(TabsContent, { value: SUB_TAB_VALUES.voice, className: "space-y-4", children: [jsx("p", { className: "text-xs text-gray-600", children: labels.mentorVoice.description }), jsx(WithFormPermissions, { name: "voice_provider", 
+                                    // @ts-expect-error permissions.field is opaque
+                                    permissions: (_k = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _k === void 0 ? void 0 : _k.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(Label, { className: "text-sm font-medium text-[#646464]", children: labels.mentorVoice.providerLabel }), jsx(FieldTooltip, { text: labels.mentorVoice.providerTooltip })] }), jsx("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-3", role: "radiogroup", "aria-label": labels.mentorVoice.providerLabel, children: providerOptions.map((option) => {
+                                                    const isSelected = provider === option.value;
+                                                    const isDisabledOption = isDisabled || disabled;
+                                                    return (jsxs("button", { type: "button", role: "radio", "aria-checked": isSelected, "aria-label": option.label, disabled: isDisabledOption, "data-testid": `voice-provider-${option.value}`, "data-voice-provider": option.value, onClick: () => setProvider(option.value), className: cn('flex flex-col items-start gap-2 rounded-lg border-2 p-3 text-left transition-all hover:shadow-sm', isSelected
+                                                            ? 'border-blue-500 bg-blue-50/40'
+                                                            : 'border-gray-200 bg-white hover:border-gray-300', isDisabledOption && 'cursor-not-allowed opacity-60'), children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center", children: option.logo.type === 'image' ? (jsx(Image$4, { src: option.logo.src, alt: option.logo.alt, width: 24, height: 24, className: "h-6 w-6 object-contain" })) : (jsx(option.logo.Icon, { className: "h-5 w-5 text-blue-600", "aria-hidden": "true" })) }), jsx("span", { className: "text-sm font-medium text-gray-900", children: option.label })] }), jsx("p", { className: "text-xs text-gray-500", children: option.description })] }, option.value));
+                                                }) })] })) }), (provider === 'openai' || provider === 'google') && (jsx(WithFormPermissions, { name: provider === 'openai' ? 'openai_voice' : 'google_voice', 
+                                    // @ts-expect-error permissions.field is opaque
+                                    permissions: (_l = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _l === void 0 ? void 0 : _l.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsxs("div", { className: "space-y-2", children: [jsx(Label, { className: "text-sm font-medium text-[#646464]", children: labels.mentorVoice.voicePickerLabel[provider] }), jsx(VoicePickerTrigger, { org: tenantKey, userId: username, provider: provider, selectedVoice: selectedVoice, onSelect: onSelectVoice, disabled: isDisabled || disabled, labels: labels.mentorVoice, modalTitle: `Select ${labels.mentorVoice.voicePickerLabel[provider]}`, modalDescription: "Search, browse, and listen to a sample before you pick.", testId: "mentor-voice-trigger" })] })) })), jsx("div", { className: "flex items-center justify-end border-t border-gray-100 pt-3", children: jsx(Button$1, { type: "button", onClick: handleSaveVoice, disabled: isDisabled || !isDirty, "data-testid": "voice-save-button", className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: isSavingMentor
+                                            ? labels.mentorVoice.savingButton
+                                            : labels.mentorVoice.saveButton }) })] }), jsxs(TabsContent, { value: SUB_TAB_VALUES.callConfig, className: "space-y-4", children: [jsx("p", { className: "text-xs text-gray-600", children: labels.callConfig.description }), mentorId && username && tenantKey && (jsx(CallConfigSection, { org: tenantKey, userId: username, mentorId: mentorId, isDisabled: isDisabled, labels: labels.callConfig, voicePickerLabels: labels.mentorVoice, initialConfig: (_m = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.call_configuration) !== null && _m !== void 0 ? _m : null, renderPromptContent: renderPromptContent, toastLabels: {
+                                        saved: labels.toasts.callConfigSaved,
+                                        error: labels.toasts.callConfigError,
+                                    } }))] })] })) })] }));
+}
+function FieldTooltip({ text }) {
+    return (jsx(TooltipProvider, { delayDuration: 200, children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { type: "button", "aria-label": "More info", children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { side: "top", align: "start", sideOffset: 6, collisionPadding: 16, className: "ibl-tooltip-content z-50 max-w-[300px]", children: jsx("p", { className: "text-xs leading-relaxed whitespace-normal", children: text }) })] }) }));
+}
+
+/**
+ * Display-only card for a single prompt. Mirrors the visual pattern
+ * used by `AgentPromptsTab` (System Prompt / Proactive Prompt cards):
+ * a header, a 📝-prefixed body, and Edit + Copy action buttons at the
+ * bottom. "Edit" is wired by the parent (typically opens the shared
+ * `EditPromptModal`); the new value is written back via the parent's
+ * `onEdit` handler.
+ */
+function PromptCard$1({ label, placeholder, value, disabled, renderContent, onEdit, }) {
+    const isEmpty = !value || value.trim() === '';
+    return (jsxs("div", { className: "overflow-hidden rounded-lg bg-gray-50", "data-testid": "screensharing-prompt-card", children: [jsx("div", { className: "flex items-center justify-between border-b border-gray-200 p-[1.12rem]", children: jsx("div", { className: "flex items-center gap-2", children: jsx("h3", { className: "text-sm font-medium text-gray-900", children: label }) }) }), jsxs("div", { className: "flex items-start gap-2 p-4", children: [jsx("div", { className: "mt-1 flex-shrink-0", "aria-hidden": "true", children: "\uD83D\uDCDD" }), jsx("div", { className: "flex h-[180px] flex-1 flex-col", children: jsx("div", { className: "mb-4 flex-grow overflow-y-auto", tabIndex: 0, role: "region", "aria-label": `${label} content`, children: isEmpty ? (jsx("p", { className: "text-sm text-gray-400 italic", children: placeholder })) : (renderContent(value)) }) })] }), jsxs("div", { className: "flex w-full gap-2 px-4 pb-4", children: [jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 flex-1 py-5", disabled: disabled, onClick: onEdit, "aria-label": `Edit ${label}`, children: [jsx(SquarePen, { className: "mr-2 h-4 w-4" }), "Edit"] }), jsx(CopyButton, { text: value, disabled: disabled })] })] }));
+}
+
+const AGENT_SCREENSHARE_TAB_LABELS = {
+    header: {
+        title: 'Screen Share',
+        description: 'How your agent behaves when a user shares their screen during a voice call.',
+    },
+    disabledHint: 'Screen sharing is currently turned off for this agent. These prompts will be saved but only take effect once it’s turned on.',
+    fields: {
+        systemPrompt: {
+            label: 'Instructions during screen sharing',
+            placeholder: "Tell the agent how to behave while a user shares their screen. E.g. 'Walk through one step at a time and wait for the user to confirm before moving on.'",
+        },
+        proactivePrompt: {
+            label: 'What the agent says when screen sharing starts',
+            placeholder: "E.g. 'I can see your screen now — what would you like help with first?'",
+        },
+    },
+    saveButton: 'Save',
+    savingButton: 'Saving…',
+    toasts: {
+        saved: 'Screen sharing prompts saved',
+        error: "Couldn't save screen sharing prompts",
+    },
+};
+function resolveScreenShareTabLabels(override) {
+    if (!override)
+        return AGENT_SCREENSHARE_TAB_LABELS;
+    return deepMerge(AGENT_SCREENSHARE_TAB_LABELS, override);
+}
+
+/**
+ * Standalone top-level tab for editing the two screen-sharing prompts
+ * (`screensharing_system_prompt`, `screensharing_proactive_prompt`) that
+ * live on the mentor's CallConfiguration.
+ *
+ * Visibility in the host's edit-mentor modal is the host's call — this
+ * component only renders an in-place off-state hint when
+ * `call_configuration.enable_video` is false, so users know prompts they
+ * author here won't take effect until screen sharing is turned on
+ * (toggle lives on the Settings tab).
+ */
+function AgentScreenShareTab({ labels: labelsOverride, renderPromptContent, tenantKey: tenantKeyProp, mentorId: mentorIdProp, username: usernameProp, }) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    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 username = (_c = usernameProp !== null && usernameProp !== void 0 ? usernameProp : ctx === null || ctx === void 0 ? void 0 : ctx.username) !== null && _c !== void 0 ? _c : '';
+    const labels = React__default.useMemo(() => resolveScreenShareTabLabels(labelsOverride), [labelsOverride]);
+    const { data: rawMentorSettings, isLoading: isMentorSettingsLoading } = useGetMentorSettingsQuery({
+        mentor: mentorId,
+        org: tenantKey,
+        // @ts-expect-error userId is accepted at runtime
+        userId: username,
+    }, { skip: !username || !mentorId || !tenantKey });
+    const mentorSettings = rawMentorSettings;
+    const inlineConfig = (_d = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.call_configuration) !== null && _d !== void 0 ? _d : null;
+    const hasInline = inlineConfig !== null;
+    // Fall back to the list endpoint only when we don't have an inline
+    // call-config from the mentor-settings response.
+    const { data: configs, isLoading: isLoadingList } = useGetCallConfigurationsQuery({ org: tenantKey, userId: username, mentor: mentorId }, { skip: hasInline || !tenantKey || !username || !mentorId });
+    const existing = hasInline
+        ? inlineConfig
+        : configs === null || configs === void 0 ? void 0 : configs[0];
+    const initialSystemPrompt = (_e = existing === null || existing === void 0 ? void 0 : existing.screensharing_system_prompt) !== null && _e !== void 0 ? _e : '';
+    const initialProactivePrompt = (_f = existing === null || existing === void 0 ? void 0 : existing.screensharing_proactive_prompt) !== null && _f !== void 0 ? _f : '';
+    const enableVideo = (existing === null || existing === void 0 ? void 0 : existing.enable_video) === true;
+    const [systemPrompt, setSystemPrompt] = React__default.useState(initialSystemPrompt);
+    const [proactivePrompt, setProactivePrompt] = React__default.useState(initialProactivePrompt);
+    const [selectedPrompt, setSelectedPrompt] = React__default.useState(null);
+    // Rehydrate from server values whenever the underlying config changes.
+    React__default.useEffect(() => {
+        setSystemPrompt(initialSystemPrompt);
+        setProactivePrompt(initialProactivePrompt);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [existing === null || existing === void 0 ? void 0 : existing.id, initialSystemPrompt, initialProactivePrompt]);
+    const [createCallConfig, { isLoading: isCreating }] = useCreateCallConfigurationMutation();
+    const [updateCallConfig, { isLoading: isUpdating }] = useUpdateCallConfigurationMutation();
+    const isSaving = isCreating || isUpdating;
+    const isLoading = isMentorSettingsLoading || isLoadingList;
+    const isDirty = systemPrompt !== initialSystemPrompt || proactivePrompt !== initialProactivePrompt;
+    const handleSave = async () => {
+        try {
+            const body = {
+                screensharing_system_prompt: systemPrompt,
+                screensharing_proactive_prompt: proactivePrompt,
+            };
+            if (existing === null || existing === void 0 ? void 0 : existing.id) {
+                await updateCallConfig({
+                    org: tenantKey,
+                    userId: username,
+                    id: existing.id,
+                    requestBody: body,
+                }).unwrap();
+            }
+            else {
+                // No CallConfiguration row yet — POST one with these prompts.
+                await createCallConfig({
+                    org: tenantKey,
+                    userId: username,
+                    requestBody: { ...body, mentor: mentorId },
+                }).unwrap();
+            }
+            toast.success(labels.toasts.saved);
+        }
+        catch (error) {
+            console.error('[AgentScreenShareTab] save error', error);
+            toast.error(labels.toasts.error);
+        }
+    };
+    const openEditor = (field) => {
+        setSelectedPrompt({
+            label: field === 'screensharing_system_prompt'
+                ? labels.fields.systemPrompt.label
+                : labels.fields.proactivePrompt.label,
+            isSystem: true,
+            name: field,
+            prompt: field === 'screensharing_system_prompt' ? systemPrompt : proactivePrompt,
+        });
+    };
+    const renderContent = (text) => {
+        if (renderPromptContent)
+            return renderPromptContent(text);
+        return jsx("p", { className: "text-sm whitespace-pre-wrap text-gray-700", children: text });
+    };
+    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": "screenshare-tab-body", children: isLoading ? (jsx("div", { className: "flex items-center justify-center py-12", "data-testid": "screenshare-tab-loading", children: jsx(Spinner, {}) })) : (jsxs(Fragment$1, { children: [!enableVideo && (jsx("div", { className: "rounded-md border border-amber-200 bg-amber-50 p-3 text-xs text-amber-800", "data-testid": "screenshare-disabled-hint", role: "status", children: labels.disabledHint })), jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [jsx(PromptCard$1, { label: labels.fields.systemPrompt.label, placeholder: labels.fields.systemPrompt.placeholder, value: systemPrompt, disabled: isSaving, renderContent: renderContent, onEdit: () => openEditor('screensharing_system_prompt') }), jsx(PromptCard$1, { label: labels.fields.proactivePrompt.label, placeholder: labels.fields.proactivePrompt.placeholder, value: proactivePrompt, disabled: isSaving, renderContent: renderContent, onEdit: () => openEditor('screensharing_proactive_prompt') })] }), jsx("div", { className: "flex items-center justify-end border-t border-gray-100 pt-3", children: jsx("button", { type: "button", onClick: handleSave, disabled: isSaving || !isDirty, "data-testid": "screenshare-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.savingButton : labels.saveButton }) }), selectedPrompt && (
+                        // EditPromptModal calls strict `useAgentSettings()` to read
+                        // `tenantKey` / `username` / `executeGatedAction`. The host
+                        // app may not have wrapped this tab in `<AgentSettingsProvider>`
+                        // (older integrations pass identity via props), so we wrap
+                        // the modal here with whatever we resolved — props,
+                        // surrounding context, or empty fallbacks. When the host
+                        // *did* wrap, this re-provider just re-emits the same
+                        // values (idempotent).
+                        jsx(AgentSettingsProvider, { tenantKey: tenantKey, mentorId: mentorId, username: username, enableRBAC: (_g = ctx === null || ctx === void 0 ? void 0 : ctx.enableRBAC) !== null && _g !== void 0 ? _g : false, rbacPermissions: ctx === null || ctx === void 0 ? void 0 : ctx.rbacPermissions, executeGatedAction: ctx === null || ctx === void 0 ? void 0 : ctx.executeGatedAction, visibilityOptions: ctx === null || ctx === void 0 ? void 0 : ctx.visibilityOptions, children: jsx(EditPromptModal$1, { isOpen: true, onClose: () => setSelectedPrompt(null), selectedPrompt: selectedPrompt, isEditing: isSaving, handleSave: (prompt, values) => {
+                                    if (prompt.name === 'screensharing_system_prompt') {
+                                        setSystemPrompt(values.prompt);
+                                    }
+                                    else if (prompt.name === 'screensharing_proactive_prompt') {
+                                        setProactivePrompt(values.prompt);
+                                    }
+                                    setSelectedPrompt(null);
+                                } }) }))] })) })] }));
+}
+
 function ApiKeyModal({ isOpen, onClose, apiKey, labels }) {
     const { copy, status } = useCopyToClipboard(800);
     const Icon = status === 'success' ? Check : Copy;
@@ -268725,5 +269612,5 @@ var index_es = /*#__PURE__*/Object.freeze({
     vectorsRatio: vectorsRatio
 });
 
-export { AGENT_ACCESS_TAB_LABELS, AGENT_API_TAB_LABELS, AGENT_DATASETS_TAB_LABELS, AGENT_DISCLAIMERS_TAB_LABELS, AGENT_EMBED_TAB_LABELS, AGENT_HISTORY_TAB_LABELS, AGENT_LLM_TAB_LABELS, AGENT_MEMORY_TAB_LABELS, AGENT_PICKER_LABELS, AGENT_PRIVACY_TAB_LABELS, AGENT_PROMPTS_TAB_LABELS, AGENT_SAFETY_TAB_LABELS, AGENT_SEARCH_LABELS, AGENT_SETTINGS_TAB_LABELS, AGENT_TASKS_TAB_LABELS, AGENT_TOOLS_TAB_LABELS, Account, AgentAccessTab, AgentApiTab, AgentCard, AgentDatasetsTab, AgentDisclaimersTab, AgentEmbedTab, AgentEmptyState, AgentHistoryTab, AgentLLMTab, AgentMemoryTab, AgentPrivacyTab, AgentPromptsTab, AgentSafetyTab, AgentSearch, AgentSearchFilters, AgentSearchInput, AgentSettingsProvider, AgentSettingsTab, AgentTasksTab, AgentToolsTab, AppSidebar, Chat, ClientErrorPage, ConversationStarters$1 as ConversationStarters, CopyButton, CopyMentorModal, CourseBox, CourseContentLayout, CourseContentTabPage, CreatePathwayModal, CreateProjectModal, CredentialDetailModal, CredentialMiniBox, DeleteMentorModal, DeleteProjectModal, EMPTY_PROGRAM_SETTINGS_FORM, EdxIframe, ErrorPage, GreetingMethod, McpTab, MediaBox, MentorSelectionGrid, NavBar, OrganizationTab, PathwayDetailModal, ProfileInfoCards, ProfileTabs, ProgramDetailModal, ProjectsSidebarDropdown, RenameProjectModal, SidebarInset, SidebarProvider, SidebarTrigger, SsoLogin, StarButton, UserProfileDropdown, UserProfileModal, formatDateString, getLLMProviderDetails, initializeLocalStorageWithObject, resolveAgentPickerLabels, resolveAgentSearchLabels, resolveSettingsTabLabels, useAgentSearch, useAgentSearchWithPagination, useAgentSettings, useAgentStar, useGetChatDetails, useSidebar, useTimeTracker };
+export { AGENT_ACCESS_TAB_LABELS, AGENT_API_TAB_LABELS, AGENT_DATASETS_TAB_LABELS, AGENT_DISCLAIMERS_TAB_LABELS, AGENT_EMBED_TAB_LABELS, AGENT_HISTORY_TAB_LABELS, AGENT_LLM_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_TASKS_TAB_LABELS, AGENT_TOOLS_TAB_LABELS, AGENT_VOICE_TAB_LABELS, Account, AgentAccessTab, AgentApiTab, AgentCard, AgentDatasetsTab, AgentDisclaimersTab, AgentEmbedTab, AgentEmptyState, AgentHistoryTab, AgentLLMTab, AgentMemoryTab, AgentPrivacyTab, AgentPromptsTab, AgentSafetyTab, AgentScreenShareTab, AgentSearch, AgentSearchFilters, AgentSearchInput, AgentSettingsProvider, AgentSettingsTab, AgentTasksTab, AgentToolsTab, AgentVoiceTab, AppSidebar, Chat, ClientErrorPage, ConversationStarters$1 as ConversationStarters, CopyButton, CopyMentorModal, CourseBox, CourseContentLayout, CourseContentTabPage, CreatePathwayModal, CreateProjectModal, CredentialDetailModal, CredentialMiniBox, DeleteMentorModal, DeleteProjectModal, EMPTY_PROGRAM_SETTINGS_FORM, EdxIframe, ErrorPage, GreetingMethod, McpTab, MediaBox, MentorSelectionGrid, NavBar, OrganizationTab, PathwayDetailModal, ProfileInfoCards, ProfileTabs, ProgramDetailModal, ProjectsSidebarDropdown, RenameProjectModal, SidebarInset, SidebarProvider, SidebarTrigger, SsoLogin, StarButton, UserProfileDropdown, UserProfileModal, formatDateString, getLLMProviderDetails, initializeLocalStorageWithObject, resolveAgentPickerLabels, resolveAgentSearchLabels, resolveSettingsTabLabels, useAgentSearch, useAgentSearchWithPagination, useAgentSettings, useAgentStar, useGetChatDetails, useSidebar, useTimeTracker };
 //# sourceMappingURL=index.esm.js.map