@iblai/iblai-js 2.5.5 → 2.5.7

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

@@ -65343,24 +65343,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.",
@@ -72387,24 +72392,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.",
@@ -79265,24 +79275,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.",
@@ -86143,24 +86158,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: "没有与您搜索匹配的声音。",
@@ -192428,7 +192448,7 @@ const defaultTabs = [
       value: 'monetization',
     },*/
 ];
-const className = 'inline-flex items-center justify-center whitespace-nowrap rounded-[5px] px-2 sm:px-2.5 pt-1 pb-0.5 sm:text-sm text-gray-500 ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-blue-600 data-[state=active]:font-semibold text-sm font-medium data-[state=active]:bg-[#f5f7fb] data-[state=active]:shadow-none cursor-pointer';
+const className = 'inline-flex h-7 shrink-0 items-center justify-center whitespace-nowrap rounded-[5px] px-2 sm:px-2.5 py-0 text-sm text-gray-500 ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-blue-600 data-[state=active]:font-semibold font-medium data-[state=active]:bg-[#f5f7fb] data-[state=active]:shadow-none cursor-pointer';
 function AnalyticsLayout({ children, currentPath, basePath, onTabChange, tabs = defaultTabs, activeTabClassName = '', beforeDataReports, excludeTabs = [], showPicker = false, tenantKey, scopedMentor, onScopedMentorChange, }) {
     var _a, _b;
     const { currentTenant } = useCurrentTenant();
@@ -192521,12 +192541,12 @@ function AnalyticsLayout({ children, currentPath, basePath, onTabChange, tabs =
             return;
         onTabChange(tabValue);
     };
-    return (jsx(AnalyticsScopeProvider, { value: scopeValue, children: jsxs("div", { className: "flex flex-col flex-1 min-h-0 h-full overflow-hidden overscroll-none bg-[#f5f7fb]", children: [jsx("div", { className: "p-6 pb-0 pt-4 xs:pt-0", children: jsx("div", { className: "flex items-center justify-between mb-4 xs:mb-2", children: jsxs("div", { className: "flex items-center justify-between w-full overflow-x-auto", children: [jsxs("div", { className: "flex items-center gap-3", children: [showPicker && (jsx("div", { className: "shrink-0", children: jsx(AnalyticsAgentPicker, { tenantKey: (_b = tenantKey !== null && tenantKey !== void 0 ? tenantKey : currentTenant === null || currentTenant === void 0 ? void 0 : currentTenant.key) !== null && _b !== void 0 ? _b : '', value: activeScopedMentor, onChange: handleScopedMentorChange }) })), jsx(Tabs, { className: "bg-[#f5f7fb]", value: activeTab, children: jsx(TabsList, { className: "bg-[#f5f7fb]", children: tabs
+    return (jsx(AnalyticsScopeProvider, { value: scopeValue, children: jsxs("div", { className: "flex flex-col flex-1 min-h-0 h-full overflow-hidden overscroll-none bg-[#f5f7fb]", children: [jsx("div", { className: "p-6 pb-0 pt-4", children: jsxs("div", { className: "mb-4 flex flex-col gap-2 sm:mb-2 sm:flex-row sm:items-center sm:justify-between sm:gap-3", children: [jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [showPicker && (jsx("div", { className: "shrink-0", children: jsx(AnalyticsAgentPicker, { tenantKey: (_b = tenantKey !== null && tenantKey !== void 0 ? tenantKey : currentTenant === null || currentTenant === void 0 ? void 0 : currentTenant.key) !== null && _b !== void 0 ? _b : '', value: activeScopedMentor, onChange: handleScopedMentorChange }) })), jsx("div", { className: "min-w-0 flex-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: jsx(Tabs, { className: "bg-[#f5f7fb]", value: activeTab, children: jsx(TabsList, { className: "w-max bg-[#f5f7fb]", children: tabs
                                                     .filter((tab) => !excludeTabs.includes(tab.value) && canAccessTab(tab.value))
                                                     .map((tab) => {
                                                     const isActive = activeTab === tab.value;
                                                     return (jsx(TabsTrigger, { value: tab.value, className: cn(className, isActive && activeTabClassName), onClick: () => handleTabClick(tab.value), children: tab.label }, tab.value));
-                                                }) }) })] }), jsxs("div", { className: "flex items-center gap-4", children: [beforeDataReports, canAccessTab('reports') && (jsx(Tabs, { className: "bg-[#f5f7fb]", value: activeTab, children: jsx(TabsList, { className: "bg-[#f5f7fb]", children: jsx(TabsTrigger, { value: "reports", className: cn(className, activeTab === 'reports' && activeTabClassName), onClick: () => handleTabClick('reports'), children: "Data Reports" }) }) }))] })] }) }) }), jsx("div", { className: "flex-1 overflow-auto overscroll-contain scrollbar-none px-6 pb-6 pt-0", children: isActiveTabAllowed ? children : null })] }) }));
+                                                }) }) }) })] }), jsxs("div", { className: "flex w-full shrink-0 items-center justify-end gap-3 sm:w-auto", children: [beforeDataReports, canAccessTab('reports') && (jsx(Tabs, { className: "bg-[#f5f7fb]", value: activeTab, children: jsx(TabsList, { className: "bg-[#f5f7fb]", children: jsx(TabsTrigger, { value: "reports", className: cn(className, activeTab === 'reports' && activeTabClassName), onClick: () => handleTabClick('reports'), children: "Data Reports" }) }) }))] })] }) }), jsx("div", { className: "flex-1 overflow-auto overscroll-contain scrollbar-none px-6 pb-6 pt-0", children: isActiveTabAllowed ? children : null })] }) }));
 }
 
 const accessTimeData = [
@@ -229627,7 +229647,7 @@ function GroupsFilterDropdown({ groups, selectedGroupIds, onSelectionChange, isL
             ? ((_a = groups.find((g) => g.id === selectedGroupIds[0])) === null || _a === void 0 ? void 0 : _a.name) ||
                 t('analyticsGroupsFilterDropdown.oneGroup')
             : t('analyticsGroupsFilterDropdown.multipleGroups', { count: selectedCount });
-    return (jsxs(Popover, { open: open, onOpenChange: setOpen, children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", role: "combobox", "aria-expanded": open, className: cn('min-w-[160px] justify-between text-sm font-medium h-[32px] border-gray-200 bg-white hover:bg-gray-50 -mt-5', selectedCount > 0 && 'border-blue-300 bg-blue-50 hover:bg-blue-100'), disabled: isLoading, children: [jsx("span", { className: "truncate", children: isLoading ? t('analyticsGroupsFilterDropdown.loading') : displayText }), jsxs("div", { className: "flex items-center gap-1 ml-2", children: [selectedCount > 0 && (jsx(X$1, { className: "h-3 w-3 text-gray-400 hover:text-gray-600", onClick: handleClearAll })), jsx(ChevronDown, { className: "h-4 w-4 text-gray-400" })] })] }) }), jsx(PopoverContent, { className: "w-[220px] p-0", align: "start", children: jsx("div", { className: "max-h-[300px] overflow-auto", children: groups.length === 0 ? (jsx("div", { className: "p-3 text-sm text-gray-500 text-center", children: t('analyticsGroupsFilterDropdown.noGroupsAvailable') })) : (jsx("div", { className: "p-1", children: groups.map((group) => {
+    return (jsxs(Popover, { open: open, onOpenChange: setOpen, children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", role: "combobox", "aria-expanded": open, className: cn('h-9 max-w-full justify-between border-gray-200 bg-white text-sm font-medium hover:bg-gray-50 sm:min-w-[160px]', selectedCount > 0 && 'border-blue-300 bg-blue-50 hover:bg-blue-100'), disabled: isLoading, children: [jsx("span", { className: "truncate", children: isLoading ? t('analyticsGroupsFilterDropdown.loading') : displayText }), jsxs("div", { className: "flex items-center gap-1 ml-2", children: [selectedCount > 0 && (jsx(X$1, { className: "h-3 w-3 text-gray-400 hover:text-gray-600", onClick: handleClearAll })), jsx(ChevronDown, { className: "h-4 w-4 text-gray-400" })] })] }) }), jsx(PopoverContent, { className: "w-[220px] p-0", align: "start", children: jsx("div", { className: "max-h-[300px] overflow-auto", children: groups.length === 0 ? (jsx("div", { className: "p-3 text-sm text-gray-500 text-center", children: t('analyticsGroupsFilterDropdown.noGroupsAvailable') })) : (jsx("div", { className: "p-1", children: groups.map((group) => {
                             const isSelected = selectedGroupIds.includes(group.id);
                             return (jsxs("div", { className: cn('flex items-center gap-2 px-2 py-1.5 cursor-pointer rounded hover:bg-gray-100', isSelected && 'bg-blue-50 hover:bg-blue-100'), onClick: () => handleToggleGroup(group.id), children: [jsx(Checkbox, { checked: isSelected, className: "pointer-events-none" }), jsx("span", { className: "text-sm truncate flex-1", children: group.name }), isSelected && jsx(Check, { className: "h-4 w-4 text-blue-600" })] }, group.id));
                         }) })) }) })] }));

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

@@ -102168,24 +102168,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.",
@@ -109212,24 +109217,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.",
@@ -116090,24 +116100,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.",
@@ -122968,24 +122983,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: "没有与您搜索匹配的声音。",
@@ -272019,23 +272039,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 +272169,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 +272352,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 +272437,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 +272477,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 +272534,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 +272841,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 +272890,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 +272912,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 +272928,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 +272994,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 +273048,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 +273071,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 +273096,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 +273121,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.5",
+  "version": "2.5.7",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -76,10 +76,10 @@
     "axios": "1.13.6",
     "dotenv": "16.6.1",
     "winston": "3.19.0",
-    "@iblai/mcp": "1.10.4",
+    "@iblai/mcp": "1.10.5",
     "@iblai/data-layer": "1.12.106",
-    "@iblai/web-containers": "1.18.5",
-    "@iblai/web-utils": "2.1.16"
+    "@iblai/web-containers": "1.18.7",
+    "@iblai/web-utils": "2.1.17"
   },
   "peerDependencies": {
     "@iblai/iblai-api": "4.166.0-ai",