@iblai/iblai-js 2.5.6 → 2.5.8

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

@@ -65112,6 +65112,7 @@ var tabsUserstab$3 = {
 	columnStatus: "Status",
 	roleAdmin: "Admin",
 	roleUser: "User",
+	selectRoleAriaLabel: "Select role for {name}",
 	selectPoliciesAriaLabel: "Select policies for {name}",
 	allPoliciesSelected: "All ({count}) selected",
 	nPoliciesSelected: "{count} selected",
@@ -65343,24 +65344,29 @@ var voiceTabLabels$3 = {
 		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.",
+		providerTooltip: "Browser and ibl.ai speak on the listener's own device. 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."
 			},
+			google: {
+				label: "Google",
+				description: "High-quality voices from Google."
+			},
+			iblai: {
+				label: "ibl.ai",
+				description: "High-quality voices from ibl.ai"
+			},
 			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"
+			google: "Google voice",
+			iblai: "ibl.ai voice"
 		},
 		searchPlaceholder: "Search voices…",
 		emptyState: "No voices match your search.",
@@ -72156,6 +72162,7 @@ var tabsUserstab$2 = {
 	columnStatus: "Statut",
 	roleAdmin: "Admin",
 	roleUser: "Utilisateur",
+	selectRoleAriaLabel: "Sélectionner le rôle pour {name}",
 	selectPoliciesAriaLabel: "Sélectionner les politiques pour {name}",
 	allPoliciesSelected: "Tout ({count}) sélectionné",
 	nPoliciesSelected: "{count} sélectionné(s)",
@@ -72387,24 +72394,29 @@ var voiceTabLabels$2 = {
 		title: "Voix de l'agent",
 		description: "La voix utilisée par votre agent pour lire les réponses dans le chat.",
 		providerLabel: "Source de la voix",
-		providerTooltip: "Le navigateur utilise l'appareil de l'auditeur pour parler. OpenAI et Google utilisent une voix personnalisée que vous choisissez ci-dessous.",
+		providerTooltip: "Le navigateur et ibl.ai parlent sur l'appareil de l'auditeur. OpenAI et Google utilisent une voix personnalisée que vous choisissez ci-dessous.",
 		providerOptions: {
 			browser: {
 				label: "Navigateur",
 				description: "Parle via l'appareil de l'utilisateur. Aucune configuration requise."
 			},
+			google: {
+				label: "Google",
+				description: "Voix de haute qualité de Google."
+			},
+			iblai: {
+				label: "ibl.ai",
+				description: "Voix de haute qualité d'ibl.ai"
+			},
 			openai: {
 				label: "OpenAI",
 				description: "Voix de haute qualité d'OpenAI."
-			},
-			google: {
-				label: "Google",
-				description: "Voix naturelles de Google."
 			}
 		},
 		voicePickerLabel: {
 			openai: "Voix OpenAI",
-			google: "Voix Google"
+			google: "Voix Google",
+			iblai: "Voix ibl.ai"
 		},
 		searchPlaceholder: "Rechercher des voix…",
 		emptyState: "Aucune voix ne correspond à votre recherche.",
@@ -79034,6 +79046,7 @@ var tabsUserstab$1 = {
 	columnStatus: "Estado",
 	roleAdmin: "Admin",
 	roleUser: "Usuario",
+	selectRoleAriaLabel: "Seleccionar rol para {name}",
 	selectPoliciesAriaLabel: "Seleccionar políticas para {name}",
 	allPoliciesSelected: "Todas ({count}) seleccionadas",
 	nPoliciesSelected: "{count} seleccionada(s)",
@@ -79265,24 +79278,29 @@ var voiceTabLabels$1 = {
 		title: "Voz del agente",
 		description: "La voz que usa tu agente para leer las respuestas en el chat.",
 		providerLabel: "Fuente de voz",
-		providerTooltip: "El navegador usa el dispositivo del oyente para hablar. OpenAI y Google usan una voz personalizada que eliges a continuación.",
+		providerTooltip: "El navegador e ibl.ai hablan en el dispositivo del oyente. OpenAI y Google usan una voz personalizada que eliges a continuación.",
 		providerOptions: {
 			browser: {
 				label: "Navegador",
 				description: "Habla a través del dispositivo del usuario. No requiere configuración."
 			},
+			google: {
+				label: "Google",
+				description: "Voces de alta calidad de Google."
+			},
+			iblai: {
+				label: "ibl.ai",
+				description: "Voces de alta calidad de ibl.ai"
+			},
 			openai: {
 				label: "OpenAI",
 				description: "Voces de alta calidad de OpenAI."
-			},
-			google: {
-				label: "Google",
-				description: "Voces naturales de Google."
 			}
 		},
 		voicePickerLabel: {
 			openai: "Voz de OpenAI",
-			google: "Voz de Google"
+			google: "Voz de Google",
+			iblai: "Voz de ibl.ai"
 		},
 		searchPlaceholder: "Buscar voces…",
 		emptyState: "Ninguna voz coincide con tu búsqueda.",
@@ -85912,6 +85930,7 @@ var tabsUserstab = {
 	columnStatus: "状态",
 	roleAdmin: "管理员",
 	roleUser: "用户",
+	selectRoleAriaLabel: "为 {name} 选择角色",
 	selectPoliciesAriaLabel: "为 {name} 选择策略",
 	allPoliciesSelected: "全部（{count}）已选",
 	nPoliciesSelected: "已选 {count} 个",
@@ -86143,24 +86162,29 @@ var voiceTabLabels = {
 		title: "智能体声音",
 		description: "您的智能体在聊天中朗读回复时使用的声音。",
 		providerLabel: "声音来源",
-		providerTooltip: "浏览器使用听者自己的设备发声。OpenAI 和 Google 使用您在下方选择的自定义声音。",
+		providerTooltip: "浏览器和 ibl.ai 在听者自己的设备上发声。OpenAI 和 Google 使用您在下方选择的自定义声音。",
 		providerOptions: {
 			browser: {
 				label: "浏览器",
 				description: "通过用户自己的设备发声，无需任何设置。"
 			},
+			google: {
+				label: "Google",
+				description: "来自 Google 的高质量声音。"
+			},
+			iblai: {
+				label: "ibl.ai",
+				description: "来自 ibl.ai 的高质量声音"
+			},
 			openai: {
 				label: "OpenAI",
 				description: "来自 OpenAI 的高质量声音。"
-			},
-			google: {
-				label: "Google",
-				description: "来自 Google 的自然声音。"
 			}
 		},
 		voicePickerLabel: {
 			openai: "OpenAI 声音",
-			google: "Google 声音"
+			google: "Google 声音",
+			iblai: "ibl.ai 语音"
 		},
 		searchPlaceholder: "搜索声音…",
 		emptyState: "没有与您搜索匹配的声音。",
@@ -147875,6 +147899,7 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
     const [updateUserStatus] = useUpdateUserStatusMutation();
     const [updatePlatformUserRoleWithPolicies] = useUpdatePlatformUserRoleWithPoliciesMutation();
     const [updatingUserIds, setUpdatingUserIds] = useState(new Set());
+    const [pendingRoles, setPendingRoles] = useState({});
     const [openPolicyPopover, setOpenPolicyPopover] = useState(null);
     const [selectedUser, setSelectedUser] = useState(null);
     const { currentTenant } = useCurrentTenant();
@@ -147927,18 +147952,19 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
         if (!isWatcher)
             await refetchPlatformUsers();
     };
-    const handleUserRoleChange = async (user) => {
+    const handleUserRoleChange = async (user, nextRole) => {
         const userId = user === null || user === void 0 ? void 0 : user.user_id;
         if (!userId)
             return;
         // Add to updating state
         setUpdatingUserIds((prev) => new Set(prev).add(userId));
+        setPendingRoles((prev) => ({ ...prev, [userId]: nextRole }));
         try {
             await updateUserRole({
                 username: user === null || user === void 0 ? void 0 : user.username,
                 org: user === null || user === void 0 ? void 0 : user.platform_org,
                 role: 'org-instructor',
-                active: !(user === null || user === void 0 ? void 0 : user.is_admin),
+                active: nextRole === 'admin',
             }).unwrap();
             // Only clear policies if role change succeeded
             try {
@@ -147960,6 +147986,7 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
             toast.success(t('tabsUserstab.roleUpdatedSuccess'));
             // Manually invalidate the platformUsers query since it's in a different API slice
             dispatch(platformApiSlice.util.invalidateTags([featureTags.PLATFORM_USERS]));
+            await refetchPlatformUsers();
         }
         catch (error) {
             toast.error(t('tabsUserstab.roleUpdateFailed'));
@@ -147970,6 +147997,10 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
                 newSet.delete(userId);
                 return newSet;
             });
+            setPendingRoles((prev) => {
+                const { [userId]: _removed, ...rest } = prev;
+                return rest;
+            });
         }
     };
     const handleUserStatusChange = async (user, newStatus) => {
@@ -148070,6 +148101,7 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
     const totalCount = (_b = (isWatcher ? accessibleUsers === null || accessibleUsers === void 0 ? void 0 : accessibleUsers.count : users === null || users === void 0 ? void 0 : users.count)) !== null && _b !== void 0 ? _b : 0;
     const totalPages = Math.ceil(totalCount / PAGE_SIZE$5);
     return (jsxs("div", { className: "mt-4", children: [jsxs("div", { className: "flex justify-between items-center gap-1", children: [jsxs("div", { className: "relative mb-6 max-w-sm", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { type: "text", value: searchQuery, onChange: (event) => setQuerySearch(event.target.value), placeholder: t('tabsUserstab.searchPlaceholder'), className: "pl-10 pr-10 focus:ring-blue-500 focus:border-blue-500 h-[35px]", "aria-label": t('tabsUserstab.searchAriaLabel') }), searchQuery.length > 0 && (searchQuery !== debouncedSearchQuery || isLoading) && (jsx(LoaderCircle, { "data-testid": "search-spinner", className: "absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400 animate-spin", "aria-hidden": "true" }))] }), !isWatcher && (jsx("div", { className: "mb-6", children: jsx(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white h-[35px]", onClick: onInviteClick, children: t('tabsUserstab.inviteButton') }) }))] }), isLoading ? (jsx("div", { className: "flex justify-center items-center h-64", children: jsx(Spinner, {}) })) : (jsxs(Fragment$1, { children: [jsx("div", { className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg overflow-x-auto", children: jsxs("table", { className: "w-full text-sm", children: [jsx("thead", { className: "bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600", children: jsxs("tr", { children: [jsx("th", { className: `px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400 ${isWatcher ? 'w-full' : 'w-[41%]'}`, children: t('tabsUserstab.columnEmail') }), !isWatcher && (jsxs(Fragment$1, { children: [jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400 w-[16%]", children: t('tabsUserstab.columnRole') }), jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400 w-[25%]", children: t('tabsUserstab.columnPolicies') }), jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400 w-[18%]", children: t('tabsUserstab.columnStatus') })] }))] }) }), jsxs("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-600", children: [rows.map((row) => {
+                                            var _a;
                                             // Only set on the admin path — see {@link UserRow}.
                                             const user = row.managed;
                                             return (jsxs("tr", { onClick: () => setSelectedUser(row), className: "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors", children: [jsx("td", { "aria-label": 'user-management-email-column', className: "px-6 py-4 text-gray-900 dark:text-gray-100 text-sm max-w-0", children: jsx("button", { type: "button", onClick: (e) => {
@@ -148077,7 +148109,9 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
                                                                 setSelectedUser(row);
                                                             }, className: "block max-w-full truncate text-left hover:text-blue-600 hover:underline focus:outline-none focus:text-blue-600", "aria-label": t('tabsUserstab.viewProfileAriaLabel', {
                                                                 name: row.name || row.email,
-                                                            }), children: row.email }) }), user && (jsxs(Fragment$1, { children: [jsx("td", { className: "px-6 py-4", onClick: (e) => e.stopPropagation(), children: jsxs(Select$1, { value: user.is_admin ? 'admin' : 'student', onValueChange: () => handleUserRoleChange(user), children: [jsx(SelectTrigger, { className: "w-full text-sm", children: jsx(SelectValue, {}) }), jsxs(SelectContent, { className: "text-sm", children: [jsx(SelectItem, { value: "admin", children: t('tabsUserstab.roleAdmin') }), jsx(SelectItem, { value: "student", children: t('tabsUserstab.roleUser') })] })] }) }), jsx("td", { className: "px-6 py-4", onClick: (e) => e.stopPropagation(), children: jsxs(Popover, { modal: true, open: openPolicyPopover === user.user_id, onOpenChange: (open) => setOpenPolicyPopover(open ? user.user_id : null), children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", role: "combobox", "aria-expanded": openPolicyPopover === user.user_id, "aria-label": t('tabsUserstab.selectPoliciesAriaLabel', {
+                                                            }), children: row.email }) }), user && (jsxs(Fragment$1, { children: [jsx("td", { className: "px-6 py-4", onClick: (e) => e.stopPropagation(), children: jsxs(Select$1, { value: (_a = pendingRoles[user.user_id]) !== null && _a !== void 0 ? _a : (user.is_admin ? 'admin' : 'student'), onValueChange: (nextRole) => handleUserRoleChange(user, nextRole), disabled: updatingUserIds.has(user === null || user === void 0 ? void 0 : user.user_id), children: [jsxs(SelectTrigger, { className: "w-full text-sm", "aria-label": t('tabsUserstab.selectRoleAriaLabel', {
+                                                                                name: user.name,
+                                                                            }), children: [jsx(SelectValue, {}), updatingUserIds.has(user === null || user === void 0 ? void 0 : user.user_id) && (jsx(LoaderCircle, { "data-testid": "role-update-spinner", className: "h-4 w-4 animate-spin", "aria-hidden": "true" }))] }), jsxs(SelectContent, { className: "text-sm", children: [jsx(SelectItem, { value: "admin", children: t('tabsUserstab.roleAdmin') }), jsx(SelectItem, { value: "student", children: t('tabsUserstab.roleUser') })] })] }) }), jsx("td", { className: "px-6 py-4", onClick: (e) => e.stopPropagation(), children: jsxs(Popover, { modal: true, open: openPolicyPopover === user.user_id, onOpenChange: (open) => setOpenPolicyPopover(open ? user.user_id : null), children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", role: "combobox", "aria-expanded": openPolicyPopover === user.user_id, "aria-label": t('tabsUserstab.selectPoliciesAriaLabel', {
                                                                                     name: user.name,
                                                                                 }), className: "w-full justify-between text-sm h-9 font-normal", disabled: updatingUserIds.has(user === null || user === void 0 ? void 0 : user.user_id), children: [jsx("span", { className: "truncate", children: user.is_admin
                                                                                             ? t('tabsUserstab.allPoliciesSelected', {

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

@@ -101937,6 +101937,7 @@ var tabsUserstab$3 = {
 	columnStatus: "Status",
 	roleAdmin: "Admin",
 	roleUser: "User",
+	selectRoleAriaLabel: "Select role for {name}",
 	selectPoliciesAriaLabel: "Select policies for {name}",
 	allPoliciesSelected: "All ({count}) selected",
 	nPoliciesSelected: "{count} selected",
@@ -102168,24 +102169,29 @@ var voiceTabLabels$3 = {
 		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.",
+		providerTooltip: "Browser and ibl.ai speak on the listener's own device. 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."
 			},
+			google: {
+				label: "Google",
+				description: "High-quality voices from Google."
+			},
+			iblai: {
+				label: "ibl.ai",
+				description: "High-quality voices from ibl.ai"
+			},
 			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"
+			google: "Google voice",
+			iblai: "ibl.ai voice"
 		},
 		searchPlaceholder: "Search voices…",
 		emptyState: "No voices match your search.",
@@ -108981,6 +108987,7 @@ var tabsUserstab$2 = {
 	columnStatus: "Statut",
 	roleAdmin: "Admin",
 	roleUser: "Utilisateur",
+	selectRoleAriaLabel: "Sélectionner le rôle pour {name}",
 	selectPoliciesAriaLabel: "Sélectionner les politiques pour {name}",
 	allPoliciesSelected: "Tout ({count}) sélectionné",
 	nPoliciesSelected: "{count} sélectionné(s)",
@@ -109212,24 +109219,29 @@ var voiceTabLabels$2 = {
 		title: "Voix de l'agent",
 		description: "La voix utilisée par votre agent pour lire les réponses dans le chat.",
 		providerLabel: "Source de la voix",
-		providerTooltip: "Le navigateur utilise l'appareil de l'auditeur pour parler. OpenAI et Google utilisent une voix personnalisée que vous choisissez ci-dessous.",
+		providerTooltip: "Le navigateur et ibl.ai parlent sur l'appareil de l'auditeur. OpenAI et Google utilisent une voix personnalisée que vous choisissez ci-dessous.",
 		providerOptions: {
 			browser: {
 				label: "Navigateur",
 				description: "Parle via l'appareil de l'utilisateur. Aucune configuration requise."
 			},
+			google: {
+				label: "Google",
+				description: "Voix de haute qualité de Google."
+			},
+			iblai: {
+				label: "ibl.ai",
+				description: "Voix de haute qualité d'ibl.ai"
+			},
 			openai: {
 				label: "OpenAI",
 				description: "Voix de haute qualité d'OpenAI."
-			},
-			google: {
-				label: "Google",
-				description: "Voix naturelles de Google."
 			}
 		},
 		voicePickerLabel: {
 			openai: "Voix OpenAI",
-			google: "Voix Google"
+			google: "Voix Google",
+			iblai: "Voix ibl.ai"
 		},
 		searchPlaceholder: "Rechercher des voix…",
 		emptyState: "Aucune voix ne correspond à votre recherche.",
@@ -115859,6 +115871,7 @@ var tabsUserstab$1 = {
 	columnStatus: "Estado",
 	roleAdmin: "Admin",
 	roleUser: "Usuario",
+	selectRoleAriaLabel: "Seleccionar rol para {name}",
 	selectPoliciesAriaLabel: "Seleccionar políticas para {name}",
 	allPoliciesSelected: "Todas ({count}) seleccionadas",
 	nPoliciesSelected: "{count} seleccionada(s)",
@@ -116090,24 +116103,29 @@ var voiceTabLabels$1 = {
 		title: "Voz del agente",
 		description: "La voz que usa tu agente para leer las respuestas en el chat.",
 		providerLabel: "Fuente de voz",
-		providerTooltip: "El navegador usa el dispositivo del oyente para hablar. OpenAI y Google usan una voz personalizada que eliges a continuación.",
+		providerTooltip: "El navegador e ibl.ai hablan en el dispositivo del oyente. OpenAI y Google usan una voz personalizada que eliges a continuación.",
 		providerOptions: {
 			browser: {
 				label: "Navegador",
 				description: "Habla a través del dispositivo del usuario. No requiere configuración."
 			},
+			google: {
+				label: "Google",
+				description: "Voces de alta calidad de Google."
+			},
+			iblai: {
+				label: "ibl.ai",
+				description: "Voces de alta calidad de ibl.ai"
+			},
 			openai: {
 				label: "OpenAI",
 				description: "Voces de alta calidad de OpenAI."
-			},
-			google: {
-				label: "Google",
-				description: "Voces naturales de Google."
 			}
 		},
 		voicePickerLabel: {
 			openai: "Voz de OpenAI",
-			google: "Voz de Google"
+			google: "Voz de Google",
+			iblai: "Voz de ibl.ai"
 		},
 		searchPlaceholder: "Buscar voces…",
 		emptyState: "Ninguna voz coincide con tu búsqueda.",
@@ -122737,6 +122755,7 @@ var tabsUserstab = {
 	columnStatus: "状态",
 	roleAdmin: "管理员",
 	roleUser: "用户",
+	selectRoleAriaLabel: "为 {name} 选择角色",
 	selectPoliciesAriaLabel: "为 {name} 选择策略",
 	allPoliciesSelected: "全部（{count}）已选",
 	nPoliciesSelected: "已选 {count} 个",
@@ -122968,24 +122987,29 @@ var voiceTabLabels = {
 		title: "智能体声音",
 		description: "您的智能体在聊天中朗读回复时使用的声音。",
 		providerLabel: "声音来源",
-		providerTooltip: "浏览器使用听者自己的设备发声。OpenAI 和 Google 使用您在下方选择的自定义声音。",
+		providerTooltip: "浏览器和 ibl.ai 在听者自己的设备上发声。OpenAI 和 Google 使用您在下方选择的自定义声音。",
 		providerOptions: {
 			browser: {
 				label: "浏览器",
 				description: "通过用户自己的设备发声，无需任何设置。"
 			},
+			google: {
+				label: "Google",
+				description: "来自 Google 的高质量声音。"
+			},
+			iblai: {
+				label: "ibl.ai",
+				description: "来自 ibl.ai 的高质量声音"
+			},
 			openai: {
 				label: "OpenAI",
 				description: "来自 OpenAI 的高质量声音。"
-			},
-			google: {
-				label: "Google",
-				description: "来自 Google 的自然声音。"
 			}
 		},
 		voicePickerLabel: {
 			openai: "OpenAI 声音",
-			google: "Google 声音"
+			google: "Google 声音",
+			iblai: "ibl.ai 语音"
 		},
 		searchPlaceholder: "搜索声音…",
 		emptyState: "没有与您搜索匹配的声音。",
@@ -180988,6 +181012,7 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
     const [updateUserStatus] = useUpdateUserStatusMutation();
     const [updatePlatformUserRoleWithPolicies] = useUpdatePlatformUserRoleWithPoliciesMutation();
     const [updatingUserIds, setUpdatingUserIds] = useState(new Set());
+    const [pendingRoles, setPendingRoles] = useState({});
     const [openPolicyPopover, setOpenPolicyPopover] = useState(null);
     const [selectedUser, setSelectedUser] = useState(null);
     const { currentTenant } = useCurrentTenant();
@@ -181040,18 +181065,19 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
         if (!isWatcher)
             await refetchPlatformUsers();
     };
-    const handleUserRoleChange = async (user) => {
+    const handleUserRoleChange = async (user, nextRole) => {
         const userId = user === null || user === void 0 ? void 0 : user.user_id;
         if (!userId)
             return;
         // Add to updating state
         setUpdatingUserIds((prev) => new Set(prev).add(userId));
+        setPendingRoles((prev) => ({ ...prev, [userId]: nextRole }));
         try {
             await updateUserRole({
                 username: user === null || user === void 0 ? void 0 : user.username,
                 org: user === null || user === void 0 ? void 0 : user.platform_org,
                 role: 'org-instructor',
-                active: !(user === null || user === void 0 ? void 0 : user.is_admin),
+                active: nextRole === 'admin',
             }).unwrap();
             // Only clear policies if role change succeeded
             try {
@@ -181073,6 +181099,7 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
             toast.success(t('tabsUserstab.roleUpdatedSuccess'));
             // Manually invalidate the platformUsers query since it's in a different API slice
             dispatch(platformApiSlice.util.invalidateTags([featureTags.PLATFORM_USERS]));
+            await refetchPlatformUsers();
         }
         catch (error) {
             toast.error(t('tabsUserstab.roleUpdateFailed'));
@@ -181083,6 +181110,10 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
                 newSet.delete(userId);
                 return newSet;
             });
+            setPendingRoles((prev) => {
+                const { [userId]: _removed, ...rest } = prev;
+                return rest;
+            });
         }
     };
     const handleUserStatusChange = async (user, newStatus) => {
@@ -181183,6 +181214,7 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
     const totalCount = (_b = (isWatcher ? accessibleUsers === null || accessibleUsers === void 0 ? void 0 : accessibleUsers.count : users === null || users === void 0 ? void 0 : users.count)) !== null && _b !== void 0 ? _b : 0;
     const totalPages = Math.ceil(totalCount / PAGE_SIZE$d);
     return (jsxs("div", { className: "mt-4", children: [jsxs("div", { className: "flex justify-between items-center gap-1", children: [jsxs("div", { className: "relative mb-6 max-w-sm", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { type: "text", value: searchQuery, onChange: (event) => setQuerySearch(event.target.value), placeholder: t('tabsUserstab.searchPlaceholder'), className: "pl-10 pr-10 focus:ring-blue-500 focus:border-blue-500 h-[35px]", "aria-label": t('tabsUserstab.searchAriaLabel') }), searchQuery.length > 0 && (searchQuery !== debouncedSearchQuery || isLoading) && (jsx(LoaderCircle, { "data-testid": "search-spinner", className: "absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400 animate-spin", "aria-hidden": "true" }))] }), !isWatcher && (jsx("div", { className: "mb-6", children: jsx(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white h-[35px]", onClick: onInviteClick, children: t('tabsUserstab.inviteButton') }) }))] }), isLoading ? (jsx("div", { className: "flex justify-center items-center h-64", children: jsx(Spinner, {}) })) : (jsxs(Fragment$1, { children: [jsx("div", { className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg overflow-x-auto", children: jsxs("table", { className: "w-full text-sm", children: [jsx("thead", { className: "bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600", children: jsxs("tr", { children: [jsx("th", { className: `px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400 ${isWatcher ? 'w-full' : 'w-[41%]'}`, children: t('tabsUserstab.columnEmail') }), !isWatcher && (jsxs(Fragment$1, { children: [jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400 w-[16%]", children: t('tabsUserstab.columnRole') }), jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400 w-[25%]", children: t('tabsUserstab.columnPolicies') }), jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400 w-[18%]", children: t('tabsUserstab.columnStatus') })] }))] }) }), jsxs("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-600", children: [rows.map((row) => {
+                                            var _a;
                                             // Only set on the admin path — see {@link UserRow}.
                                             const user = row.managed;
                                             return (jsxs("tr", { onClick: () => setSelectedUser(row), className: "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors", children: [jsx("td", { "aria-label": 'user-management-email-column', className: "px-6 py-4 text-gray-900 dark:text-gray-100 text-sm max-w-0", children: jsx("button", { type: "button", onClick: (e) => {
@@ -181190,7 +181222,9 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
                                                                 setSelectedUser(row);
                                                             }, className: "block max-w-full truncate text-left hover:text-blue-600 hover:underline focus:outline-none focus:text-blue-600", "aria-label": t('tabsUserstab.viewProfileAriaLabel', {
                                                                 name: row.name || row.email,
-                                                            }), children: row.email }) }), user && (jsxs(Fragment$1, { children: [jsx("td", { className: "px-6 py-4", onClick: (e) => e.stopPropagation(), children: jsxs(Select$1, { value: user.is_admin ? 'admin' : 'student', onValueChange: () => handleUserRoleChange(user), children: [jsx(SelectTrigger, { className: "w-full text-sm", children: jsx(SelectValue, {}) }), jsxs(SelectContent, { className: "text-sm", children: [jsx(SelectItem, { value: "admin", children: t('tabsUserstab.roleAdmin') }), jsx(SelectItem, { value: "student", children: t('tabsUserstab.roleUser') })] })] }) }), jsx("td", { className: "px-6 py-4", onClick: (e) => e.stopPropagation(), children: jsxs(Popover, { modal: true, open: openPolicyPopover === user.user_id, onOpenChange: (open) => setOpenPolicyPopover(open ? user.user_id : null), children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", role: "combobox", "aria-expanded": openPolicyPopover === user.user_id, "aria-label": t('tabsUserstab.selectPoliciesAriaLabel', {
+                                                            }), children: row.email }) }), user && (jsxs(Fragment$1, { children: [jsx("td", { className: "px-6 py-4", onClick: (e) => e.stopPropagation(), children: jsxs(Select$1, { value: (_a = pendingRoles[user.user_id]) !== null && _a !== void 0 ? _a : (user.is_admin ? 'admin' : 'student'), onValueChange: (nextRole) => handleUserRoleChange(user, nextRole), disabled: updatingUserIds.has(user === null || user === void 0 ? void 0 : user.user_id), children: [jsxs(SelectTrigger, { className: "w-full text-sm", "aria-label": t('tabsUserstab.selectRoleAriaLabel', {
+                                                                                name: user.name,
+                                                                            }), children: [jsx(SelectValue, {}), updatingUserIds.has(user === null || user === void 0 ? void 0 : user.user_id) && (jsx(LoaderCircle, { "data-testid": "role-update-spinner", className: "h-4 w-4 animate-spin", "aria-hidden": "true" }))] }), jsxs(SelectContent, { className: "text-sm", children: [jsx(SelectItem, { value: "admin", children: t('tabsUserstab.roleAdmin') }), jsx(SelectItem, { value: "student", children: t('tabsUserstab.roleUser') })] })] }) }), jsx("td", { className: "px-6 py-4", onClick: (e) => e.stopPropagation(), children: jsxs(Popover, { modal: true, open: openPolicyPopover === user.user_id, onOpenChange: (open) => setOpenPolicyPopover(open ? user.user_id : null), children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", role: "combobox", "aria-expanded": openPolicyPopover === user.user_id, "aria-label": t('tabsUserstab.selectPoliciesAriaLabel', {
                                                                                     name: user.name,
                                                                                 }), className: "w-full justify-between text-sm h-9 font-normal", disabled: updatingUserIds.has(user === null || user === void 0 ? void 0 : user.user_id), children: [jsx("span", { className: "truncate", children: user.is_admin
                                                                                             ? t('tabsUserstab.allPoliciesSelected', {
@@ -272019,23 +272053,28 @@ const AGENT_VOICE_TAB_LABELS = {
         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.",
+        providerTooltip: "Browser and ibl.ai speak on the listener's own device. 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.",
             },
+            google: {
+                label: 'Google',
+                description: 'High-quality voices from Google.',
+            },
+            iblai: {
+                label: 'ibl.ai',
+                description: 'High-quality voices from ibl.ai',
+            },
             openai: {
                 label: 'OpenAI',
                 description: 'High-quality voices from OpenAI.',
             },
-            google: {
-                label: 'Google',
-                description: 'Natural-sounding voices from Google.',
-            },
         },
         voicePickerLabel: {
             openai: 'OpenAI voice',
+            iblai: 'ibl.ai voice',
             google: 'Google voice',
         },
         searchPlaceholder: 'Search voices…',
@@ -272144,18 +272183,23 @@ function buildVoiceTabLabels(t) {
                     label: t('voiceTabLabels.mentorVoice.providerOptions.browser.label'),
                     description: t('voiceTabLabels.mentorVoice.providerOptions.browser.description'),
                 },
-                openai: {
-                    label: t('voiceTabLabels.mentorVoice.providerOptions.openai.label'),
-                    description: t('voiceTabLabels.mentorVoice.providerOptions.openai.description'),
-                },
                 google: {
                     label: t('voiceTabLabels.mentorVoice.providerOptions.google.label'),
                     description: t('voiceTabLabels.mentorVoice.providerOptions.google.description'),
                 },
+                iblai: {
+                    label: t('voiceTabLabels.mentorVoice.providerOptions.iblai.label'),
+                    description: t('voiceTabLabels.mentorVoice.providerOptions.iblai.description'),
+                },
+                openai: {
+                    label: t('voiceTabLabels.mentorVoice.providerOptions.openai.label'),
+                    description: t('voiceTabLabels.mentorVoice.providerOptions.openai.description'),
+                },
             },
             voicePickerLabel: {
                 openai: t('voiceTabLabels.mentorVoice.voicePickerLabel.openai'),
                 google: t('voiceTabLabels.mentorVoice.voicePickerLabel.google'),
+                iblai: t('voiceTabLabels.mentorVoice.voicePickerLabel.iblai'),
             },
             searchPlaceholder: t('voiceTabLabels.mentorVoice.searchPlaceholder'),
             emptyState: t('voiceTabLabels.mentorVoice.emptyState'),
@@ -272322,6 +272366,46 @@ function toTitleCase(name) {
         .map((word) => (word.length > 0 ? word[0].toUpperCase() + word.slice(1).toLowerCase() : word))
         .join(' ');
 }
+/**
+ * On-device catalogue rows are stored under the model's own voice id -- two
+ * letters of accent+gender, an underscore, then the voice's name
+ * (`af_heart`, `bm_george`, `ef_dora`). Only the name is shown.
+ *
+ * Derived rather than mapped: the catalogue carries 50+ voices across several
+ * languages and grows whenever the model does, so a hand-written table would
+ * silently fall back to raw ids for everything it had not caught up with --
+ * which is exactly what it did.
+ */
+const KOKORO_VOICE_ID = /^[a-z]{2}_([a-z]+)$/;
+/**
+ * What to show for a voice. Only the on-device provider needs unpacking;
+ * every other catalogue already stores something human-readable, so it just
+ * gets its casing normalised.
+ *
+ * A name that does not match the id shape falls through to the raw value, so
+ * an unexpected row still renders instead of showing blank.
+ */
+function voiceDisplayName(voice) {
+    var _a;
+    const name = (_a = voice.name) !== null && _a !== void 0 ? _a : '';
+    if (isIblaiVoice(voice)) {
+        const match = KOKORO_VOICE_ID.exec(name);
+        if (match)
+            return toTitleCase(match[1]);
+    }
+    return toTitleCase(name);
+}
+/**
+ * Whether a catalogue row is an on-device (Kokoro) voice.
+ *
+ * The cast is deliberate: `VoiceProviderEnum` in the generated API client
+ * predates this provider, so a direct comparison is a type error even though
+ * the backend already returns `"iblai"` -- the same lag that leaves
+ * `voice_provider` and `iblai_voice` off the generated mentor settings type.
+ */
+function isIblaiVoice(voice) {
+    return voice.provider === 'iblai';
+}
 
 const PAGE_SIZE$2 = 20;
 function VoicePicker({ org, userId, provider, selectedVoiceId, onSelect, disabled, labels, }) {
@@ -272367,10 +272451,36 @@ function VoicePicker({ org, userId, provider, selectedVoiceId, onSelect, disable
         !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": t('voiceTabVoicePicker.availableVoicesAriaLabel'), 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: [t('voiceTabVoicePicker.paginationPage'), " ", jsx("strong", { children: page }), ' ', t('voiceTabVoicePicker.paginationOf'), " ", jsx("strong", { children: totalPages }), jsx("span", { className: "ml-1 text-gray-400", children: t('voiceTabVoicePicker.paginationVoiceCount', { total }) })] }), 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": t('voiceTabVoicePicker.prevPageAriaLabel'), "data-testid": "voice-prev-page", children: [jsx(ChevronLeft, { className: "h-4 w-4" }), t('voiceTabVoicePicker.prevButton')] }), jsxs(Button$1, { type: "button", variant: "outline", size: "sm", disabled: disabled || page >= totalPages, onClick: () => setPage((p) => Math.min(totalPages, p + 1)), "aria-label": t('voiceTabVoicePicker.nextPageAriaLabel'), "data-testid": "voice-next-page", children: [t('voiceTabVoicePicker.nextButton'), jsx(ChevronRight, { className: "h-4 w-4" })] })] })] }))] }))] }));
+    /**
+     * Width the scrollbar takes out of the list's content box.
+     *
+     * Measured rather than assumed: it is ~15px on Windows and most Linux
+     * desktops but 0 wherever the platform draws overlay scrollbars (macOS by
+     * default), so a hardcoded value would misalign the list on half the
+     * machines that see it. Used below to pull the list's right edge out by
+     * exactly that much, so the cards line up with the search box above them
+     * and the scrollbar sits in the dialog's own padding.
+     */
+    const listRef = React__default.useRef(null);
+    const [scrollbarWidth, setScrollbarWidth] = React__default.useState(0);
+    React__default.useLayoutEffect(() => {
+        const el = listRef.current;
+        if (!el)
+            return;
+        const measure = () => setScrollbarWidth(el.offsetWidth - el.clientWidth);
+        measure();
+        const observer = new ResizeObserver(measure);
+        observer.observe(el);
+        return () => observer.disconnect();
+    }, [voices.length]);
+    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", { "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", { ref: listRef, 
+                        // Vertical padding keeps the selected card's border from being
+                        // clipped by `overflow-y-auto` on the first and last rows. There is
+                        // deliberately no horizontal padding: the cards are meant to line
+                        // up with the search box, and the negative margin below moves the
+                        // scrollbar out of that alignment rather than letting it eat into
+                        // the last column.
+                        className: "grid max-h-[360px] grid-cols-1 gap-2 overflow-y-auto py-1 sm:grid-cols-2", style: { marginRight: -scrollbarWidth }, role: "radiogroup", "aria-label": t('voiceTabVoicePicker.availableVoicesAriaLabel'), 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: [t('voiceTabVoicePicker.paginationPage'), " ", jsx("strong", { children: page }), ' ', t('voiceTabVoicePicker.paginationOf'), " ", jsx("strong", { children: totalPages }), jsx("span", { className: "ml-1 text-gray-400", children: t('voiceTabVoicePicker.paginationVoiceCount', { total }) })] }), 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": t('voiceTabVoicePicker.prevPageAriaLabel'), "data-testid": "voice-prev-page", children: [jsx(ChevronLeft, { className: "h-4 w-4" }), t('voiceTabVoicePicker.prevButton')] }), jsxs(Button$1, { type: "button", variant: "outline", size: "sm", disabled: disabled || page >= totalPages, onClick: () => setPage((p) => Math.min(totalPages, p + 1)), "aria-label": t('voiceTabVoicePicker.nextPageAriaLabel'), "data-testid": "voice-next-page", children: [t('voiceTabVoicePicker.nextButton'), jsx(ChevronRight, { className: "h-4 w-4" })] })] })] }))] }))] }));
 }
 /**
  * A single voice row. Rendered as a `<div role="radio">` so the inner
@@ -272381,19 +272491,24 @@ function VoicePicker({ org, userId, provider, selectedVoiceId, onSelect, disable
  * 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) => {
+    // Whether a second line renders under the name. It decides the cross-axis
+    // alignment: with a description the 36px badge should sit level with the
+    // first line (`items-start`), but on a single-line card that pushes the
+    // badge 4px below the name and preview button, which reads as crooked.
+    const hasMeta = !isIblaiVoice(voice) && Boolean(voice.language || voice.description);
+    return (jsxs("div", { role: "radio", tabIndex: disabled ? -1 : 0, "aria-checked": isSelected, "aria-disabled": disabled || undefined, "aria-label": voiceDisplayName(voice), "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
+        }, className: cn('flex cursor-pointer gap-3 rounded-lg border-2 p-3 text-left transition-all hover:shadow-sm focus-visible:outline-blue-500', hasMeta ? 'items-start' : 'items-center', 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(' · ') }))] })] }));
+            : '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: voiceDisplayName(voice) }), jsx("span", { className: "flex h-7 w-7 flex-shrink-0 items-center justify-center", children: 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(voiceDisplayName(voice), 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" })) })) })] }), hasMeta && (jsx("p", { className: "mt-1 line-clamp-2 text-xs text-gray-500", children: [voice.language, voice.description].filter(Boolean).join(' · ') }))] })] }));
 }
 
 /**
@@ -272433,8 +272548,10 @@ function VoicePickerTrigger({ org, userId, provider, selectedVoice, onSelect, di
         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 displayName = selectedVoice ? voiceDisplayName(selectedVoice) : null;
+    // See the note in voice-picker.tsx: the on-device rows all carry the same
+    // locale, so showing it adds nothing.
+    const language = selectedVoice && isIblaiVoice(selectedVoice) ? null : (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;
@@ -272738,6 +272855,29 @@ function PromptCard$1({ label, placeholder, value, disabled, renderContent, onEd
     return (jsxs("div", { className: "overflow-hidden rounded-lg bg-gray-50", "data-testid": testId, children: [jsx("div", { className: "flex items-center justify-between border-b border-gray-200 p-[1.12rem]", children: jsxs("div", { className: "flex items-center gap-2", children: [jsx("h3", { className: "text-sm font-medium text-gray-900", children: label }), headerExtra] }) }), 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 })] })] }));
 }
 
+/**
+ * Providers whose voice comes from the server-side voices catalogue, and so
+ * need a voice picker plus a voice id on save. Only `browser` is excluded: it
+ * speaks through whatever voice the listener's own OS provides, which we
+ * neither choose nor know.
+ *
+ * `iblai` synthesises on-device but still picks from the catalogue, because
+ * the backend stores `iblai_voice` as a foreign key into the same table --
+ * sending it a voice name is rejected with "A valid integer is required".
+ */
+const CATALOGUE_VOICE_PROVIDERS = ['openai', 'google', 'iblai'];
+/**
+ * Voice used when a mentor has never had one chosen.
+ *
+ * Must stay in step with the consuming app's own fallback (mentorai's
+ * `DEFAULT_VOICE` in `lib/tts/config.ts`): the agent speaks that voice whether
+ * or not anything is saved, so showing an empty picker would tell the admin
+ * "nothing selected" while the listener hears Heart.
+ */
+const DEFAULT_IBLAI_VOICE = 'af_heart';
+function usesVoiceCatalogue(provider) {
+    return CATALOGUE_VOICE_PROVIDERS.includes(provider);
+}
 const SUB_TAB_VALUES = {
     voice: 'voice',
     callConfig: 'call-config',
@@ -272764,7 +272904,7 @@ function readVoiceName(value) {
     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, _o, _p;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     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 : '';
@@ -272786,6 +272926,10 @@ function AgentVoiceTab({ labels: labelsOverride, defaultSubTab = 'voice', render
     // (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;
+    // Falls back to the default rather than null so the trigger shows the voice
+    // that will actually be used. Nothing is written to the mentor by this: an
+    // unsaved default and an explicitly-chosen Heart behave identically.
+    const savedIblaiName = (_h = readVoiceName(mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.iblai_voice)) !== null && _h !== void 0 ? _h : DEFAULT_IBLAI_VOICE;
     const { voice: resolvedOpenaiVoice } = useResolveVoiceByName({
         org: tenantKey,
         userId: username,
@@ -272798,28 +272942,37 @@ function AgentVoiceTab({ labels: labelsOverride, defaultSubTab = 'voice', render
         provider: 'google',
         name: savedGoogleName,
     });
+    const { voice: resolvedIblaiVoice } = useResolveVoiceByName({
+        org: tenantKey,
+        userId: username,
+        provider: 'iblai',
+        name: savedIblaiName,
+    });
     const savedInstructions = typeof (mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.voice_instructions) === 'string' ? mentorSettings.voice_instructions : '';
     // 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);
+    const [pickedIblaiVoice, setPickedIblaiVoice] = React__default.useState(null);
     const [instructions, setInstructions] = React__default.useState(savedInstructions);
     const [selectedPrompt, setSelectedPrompt] = React__default.useState(null);
     React__default.useEffect(() => {
         setProvider(initialProvider);
         setPickedOpenaiVoice(null);
         setPickedGoogleVoice(null);
+        setPickedIblaiVoice(null);
         setInstructions(savedInstructions);
         // 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 effectiveOpenaiVoice = (_j = pickedOpenaiVoice !== null && pickedOpenaiVoice !== void 0 ? pickedOpenaiVoice : resolvedOpenaiVoice) !== null && _j !== void 0 ? _j : null;
+    const effectiveGoogleVoice = (_k = pickedGoogleVoice !== null && pickedGoogleVoice !== void 0 ? pickedGoogleVoice : resolvedGoogleVoice) !== null && _k !== void 0 ? _k : null;
+    const effectiveIblaiVoice = (_l = pickedIblaiVoice !== null && pickedIblaiVoice !== void 0 ? pickedIblaiVoice : resolvedIblaiVoice) !== null && _l !== void 0 ? _l : null;
     const [editMentor, { isLoading: isSavingMentor }] = useEditMentorMutation();
     // "Enable voice calls" master toggle. Optimistic local mirror of the
     // server value so the switch responds instantly; re-synced whenever the
     // settings response changes.
-    const serverVoiceCallEnabled = (_k = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.show_voice_call) !== null && _k !== void 0 ? _k : true;
+    const serverVoiceCallEnabled = (_m = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.show_voice_call) !== null && _m !== void 0 ? _m : true;
     const [voiceCallEnabled, setVoiceCallEnabled] = React__default.useState(serverVoiceCallEnabled);
     const [isTogglingVoiceCall, setIsTogglingVoiceCall] = React__default.useState(false);
     React__default.useEffect(() => {
@@ -272855,33 +273008,48 @@ function AgentVoiceTab({ labels: labelsOverride, defaultSubTab = 'voice', render
     const isDirty = provider !== initialProvider ||
         pickedOpenaiVoice != null ||
         pickedGoogleVoice != null ||
+        pickedIblaiVoice != null ||
         instructionsDirty;
     /**
-     * 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".
+     * Provider chips, ordered by lowercasing each label and then sorting
+     * alphabetically, so a newly added provider slots itself in without a
+     * hand-edit. We reuse the vendor 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 providerOptions = React__default.useMemo(() => {
+        const options = [
+            {
+                value: 'browser',
+                label: labels.mentorVoice.providerOptions.browser.label,
+                description: labels.mentorVoice.providerOptions.browser.description,
+                logo: { type: 'icon', Icon: Globe },
+            },
+            {
+                value: 'google',
+                label: labels.mentorVoice.providerOptions.google.label,
+                description: labels.mentorVoice.providerOptions.google.description,
+                logo: { type: 'image', src: '/llm-google-provider.svg', alt: 'Google' },
+            },
+            {
+                value: 'iblai',
+                label: labels.mentorVoice.providerOptions.iblai.label,
+                description: labels.mentorVoice.providerOptions.iblai.description,
+                logo: { type: 'image', src: '/llm-iblai-provider.png', alt: 'ibl.ai' },
+            },
+            {
+                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' },
+            },
+        ];
+        // Lowercase first, then compare. A case-sensitive sort would rank every
+        // capitalised label ahead of the lowercase "ibl.ai" and push it past
+        // OpenAI.
+        return [...options].sort((a, b) => a.label.toLowerCase().localeCompare(b.label.toLowerCase()));
+    }, [labels.mentorVoice.providerOptions]);
     const handleSaveVoice = async () => {
         try {
             const formData = { voice_provider: provider };
@@ -272894,6 +273062,9 @@ function AgentVoiceTab({ labels: labelsOverride, defaultSubTab = 'voice', render
             if (provider === 'google' && pickedGoogleVoice) {
                 formData.google_voice = pickedGoogleVoice.id;
             }
+            if (provider === 'iblai' && pickedIblaiVoice) {
+                formData.iblai_voice = pickedIblaiVoice.id;
+            }
             // Same "absent = keep" contract: only send voice_instructions when
             // the user actually edited it. Clearing sends "" (never null) —
             // that's what resets the stored value server-side.
@@ -272914,16 +273085,21 @@ function AgentVoiceTab({ labels: labelsOverride, defaultSubTab = 'voice', render
             toast.error(labels.toasts.voiceError);
         }
     };
+    // Only `browser` has no voice to show -- it uses the listener's OS voice.
     const selectedVoice = provider === 'openai'
         ? effectiveOpenaiVoice
         : provider === 'google'
             ? effectiveGoogleVoice
-            : null;
+            : provider === 'iblai'
+                ? effectiveIblaiVoice
+                : null;
     const onSelectVoice = (voice) => {
         if (provider === 'openai')
             setPickedOpenaiVoice(voice);
         else if (provider === 'google')
             setPickedGoogleVoice(voice);
+        else if (provider === 'iblai')
+            setPickedIblaiVoice(voice);
     };
     // Mirrors `AgentScreenShareTab`: hosts can render prompt content as
     // Markdown via `renderPromptContent`; plain text otherwise.
@@ -272934,19 +273110,19 @@ function AgentVoiceTab({ labels: labelsOverride, defaultSubTab = 'voice', render
     };
     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(CapabilityGate, { title: labels.capability.title, description: labels.capability.description, offHint: labels.capability.offHint, enabled: voiceCallEnabled, onToggle: handleToggleVoiceCall, disabled: isDisabled || isTogglingVoiceCall, ariaLabel: labels.capability.title, toggleTestId: "voice-capability-toggle", children: [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: (_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$1, { 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) => {
+                                            permissions: (_o = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _o === void 0 ? void 0 : _o.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(Label$1, { 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-2 lg:grid-cols-4", 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', 
+                                                        }) })] })) }), usesVoiceCatalogue(provider) && (jsx(WithFormPermissions, { name: `${provider}_voice`, 
                                             // @ts-expect-error permissions.field is opaque
-                                            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: "space-y-2", children: [jsx(Label$1, { className: "text-sm font-medium text-[#646464]", children: t('tabsVoiceTab.voiceLabel') }), jsx(VoicePickerTrigger, { org: tenantKey, userId: username, provider: provider, selectedVoice: selectedVoice, onSelect: onSelectVoice, disabled: isDisabled || disabled, labels: labels.mentorVoice, modalTitle: t('tabsVoiceTab.selectVoiceModalTitle', {
+                                            permissions: (_p = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _p === void 0 ? void 0 : _p.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsxs("div", { className: "space-y-2", children: [jsx(Label$1, { className: "text-sm font-medium text-[#646464]", children: t('tabsVoiceTab.voiceLabel') }), jsx(VoicePickerTrigger, { org: tenantKey, userId: username, provider: provider, selectedVoice: selectedVoice, onSelect: onSelectVoice, disabled: isDisabled || disabled, labels: labels.mentorVoice, modalTitle: t('tabsVoiceTab.selectVoiceModalTitle', {
                                                             voiceType: labels.mentorVoice.voicePickerLabel[provider],
                                                         }), modalDescription: t('tabsVoiceTab.selectVoiceModalDescription'), testId: "mentor-voice-trigger" })] })) })), (provider === 'openai' || provider === 'google') && (jsx(WithFormPermissions, { name: "voice_instructions", 
                                             // @ts-expect-error permissions.field is opaque
-                                            permissions: (_o = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _o === void 0 ? void 0 : _o.field, enableRBAC: enableRBAC, children: ({ disabled }) => {
+                                            permissions: (_q = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _q === void 0 ? void 0 : _q.field, enableRBAC: enableRBAC, children: ({ disabled }) => {
                                                 const isFieldDisabled = isDisabled || disabled;
                                                 const presetKeys = ['warm', 'calm', 'energetic'];
                                                 return (jsxs("div", { className: "space-y-2", children: [jsx(PromptCard$1, { label: labels.mentorVoice.instructions.label, placeholder: labels.mentorVoice.instructions.placeholder, value: instructions, disabled: isFieldDisabled, renderContent: renderInstructionsContent, testId: "voice-instructions-card", headerExtra: jsx(FieldTooltip, { text: labels.mentorVoice.instructions.tooltip }), onEdit: () => setSelectedPrompt({
@@ -272959,7 +273135,7 @@ function AgentVoiceTab({ labels: labelsOverride, defaultSubTab = 'voice', render
                                                             }) }), jsxs("div", { className: "flex items-start justify-between gap-3", children: [jsx("p", { id: "voice-instructions-help", className: "text-xs text-gray-500", children: labels.mentorVoice.instructions.helpText }), jsxs("span", { id: "voice-instructions-counter", "aria-live": "polite", "data-testid": "voice-instructions-counter", className: cn('flex-shrink-0 text-xs text-gray-400', instructionsOverCap && 'text-red-500'), children: [instructions.length, "/", VOICE_INSTRUCTIONS_MAX] })] }), jsxs("div", { className: "flex flex-wrap items-center gap-2", role: "group", "aria-label": labels.mentorVoice.instructions.presetsLabel, children: [jsxs("span", { className: "text-xs text-gray-500", children: [labels.mentorVoice.instructions.presetsLabel, ":"] }), presetKeys.map((key) => (jsx("button", { type: "button", disabled: isFieldDisabled, "data-testid": `voice-instructions-preset-${key}`, onClick: () => setInstructions(labels.mentorVoice.instructions.presets[key].text), className: cn('inline-flex items-center rounded-full border border-gray-300 bg-white px-3 py-1 text-xs text-gray-700 transition-colors hover:bg-gray-50', isFieldDisabled && 'cursor-not-allowed opacity-50'), children: labels.mentorVoice.instructions.presets[key].label }, key)))] })] }));
                                             } })), 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 || instructionsOverCap, "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: (_p = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.call_configuration) !== null && _p !== void 0 ? _p : null, renderPromptContent: renderPromptContent, toastLabels: {
+                                                    : 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: (_r = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.call_configuration) !== null && _r !== void 0 ? _r : null, renderPromptContent: renderPromptContent, toastLabels: {
                                                 saved: labels.toasts.callConfigSaved,
                                                 error: labels.toasts.callConfigError,
                                             } }))] })] }), selectedPrompt && (

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "2.5.6",
+  "version": "2.5.8",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -77,8 +77,8 @@
     "dotenv": "16.6.1",
     "winston": "3.19.0",
     "@iblai/data-layer": "1.12.106",
-    "@iblai/web-containers": "1.18.6",
-    "@iblai/mcp": "1.10.4",
+    "@iblai/mcp": "1.10.5",
+    "@iblai/web-containers": "1.18.8",
     "@iblai/web-utils": "2.1.17"
   },
   "peerDependencies": {