@iblai/iblai-js 2.7.7 → 2.7.8

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

@@ -6720,7 +6720,8 @@ var voiceTabLabels$3 = {
 	},
 	subTabs: {
 		voice: "Voice",
-		callConfig: "Voice call"
+		callConfig: "Voice Call",
+		settings: "Settings"
 	},
 	mentorVoice: {
 		title: "Agent Voice",
@@ -6781,6 +6782,26 @@ var voiceTabLabels$3 = {
 			}
 		}
 	},
+	transcription: {
+		toggle: {
+			label: "Dictation",
+			tooltip: "Lets people speak into the microphone instead of typing, and turns what the agent hears into text. This is the opposite of the voice settings on the other sub-tabs: those decide how the agent sounds, this decides how well it understands what is said to it.",
+			helpText: "When on, a microphone button appears in the chat box."
+		},
+		language: {
+			label: "Spoken language",
+			tooltip: "The language people will speak in. Naming it up front makes transcription noticeably more accurate. Leave it unset and the provider guesses from the audio.",
+			placeholder: "Detect automatically"
+		},
+		instructions: {
+			label: "Transcription hints",
+			tooltip: "Words the transcriber is likely to get wrong — product names, acronyms, people, technical terms. Listing them here helps it spell them correctly.",
+			placeholder: "e.g. Expect the terms ibl.ai, LTI, and Open edX. Spell names as written.",
+			helpText: "Optional. Some transcription providers use these hints; the ones that do not simply ignore them. Leave blank if you are not sure."
+		},
+		saveButton: "Save dictation",
+		savingButton: "Saving…"
+	},
 	callConfig: {
 		title: "Voice call",
 		description: "Customize how voice calls work. Screen sharing always uses live conversation.",
@@ -6832,7 +6853,9 @@ var voiceTabLabels$3 = {
 		voiceSaved: "Voice saved",
 		voiceError: "Couldn't save voice settings",
 		callConfigSaved: "Voice call settings saved",
-		callConfigError: "Couldn't save voice call settings"
+		callConfigError: "Couldn't save voice call settings",
+		transcriptionSaved: "Dictation settings saved",
+		transcriptionError: "Couldn't save dictation settings"
 	}
 };
 var voiceTabVoicePicker$3 = {
@@ -13884,7 +13907,8 @@ var voiceTabLabels$2 = {
 	},
 	subTabs: {
 		voice: "Voix",
-		callConfig: "Appel vocal"
+		callConfig: "Appel vocal",
+		settings: "Paramètres"
 	},
 	mentorVoice: {
 		title: "Voix de l'agent",
@@ -13945,6 +13969,26 @@ var voiceTabLabels$2 = {
 			}
 		}
 	},
+	transcription: {
+		toggle: {
+			label: "Dictée",
+			tooltip: "Permet aux utilisateurs de parler dans le micro plutôt que d'écrire, et transforme en texte ce que l'agent entend. C'est l'inverse des réglages vocaux des autres sous-onglets : ceux-ci déterminent la voix de l'agent, celui-ci détermine sa capacité à comprendre ce qu'on lui dit.",
+			helpText: "Une fois activée, un bouton micro apparaît dans la zone de discussion."
+		},
+		language: {
+			label: "Langue parlée",
+			tooltip: "La langue dans laquelle les utilisateurs vont parler. L'indiquer à l'avance rend la transcription nettement plus précise. Si vous ne la définissez pas, le fournisseur la devine à partir de l'audio.",
+			placeholder: "Détecter automatiquement"
+		},
+		instructions: {
+			label: "Indications de transcription",
+			tooltip: "Les mots que la transcription risque d'écorcher : noms de produits, sigles, personnes, termes techniques. Les lister ici l'aide à les orthographier correctement.",
+			placeholder: "ex. : Attendez-vous aux termes ibl.ai, LTI et Open edX. Orthographiez les noms tels quels.",
+			helpText: "Facultatif. Certains fournisseurs de transcription utilisent ces indications ; les autres les ignorent tout simplement. Laissez vide en cas de doute."
+		},
+		saveButton: "Enregistrer la dictée",
+		savingButton: "Enregistrement…"
+	},
 	callConfig: {
 		title: "Appel vocal",
 		description: "Personnalisez le fonctionnement des appels vocaux. Le partage d'écran utilise toujours la conversation en direct.",
@@ -13996,7 +14040,9 @@ var voiceTabLabels$2 = {
 		voiceSaved: "Voix enregistrée",
 		voiceError: "Impossible d'enregistrer les paramètres vocaux",
 		callConfigSaved: "Paramètres d'appel vocal enregistrés",
-		callConfigError: "Impossible d'enregistrer les paramètres d'appel vocal"
+		callConfigError: "Impossible d'enregistrer les paramètres d'appel vocal",
+		transcriptionSaved: "Paramètres de dictée enregistrés",
+		transcriptionError: "Impossible d'enregistrer les paramètres de dictée"
 	}
 };
 var voiceTabVoicePicker$2 = {
@@ -20882,7 +20928,8 @@ var voiceTabLabels$1 = {
 	},
 	subTabs: {
 		voice: "Voz",
-		callConfig: "Llamada de voz"
+		callConfig: "Llamada de voz",
+		settings: "Ajustes"
 	},
 	mentorVoice: {
 		title: "Voz del agente",
@@ -20943,6 +20990,26 @@ var voiceTabLabels$1 = {
 			}
 		}
 	},
+	transcription: {
+		toggle: {
+			label: "Dictado",
+			tooltip: "Permite que las personas hablen por el micrófono en lugar de escribir, y convierte en texto lo que el agente escucha. Es lo contrario de los ajustes de voz de las otras subpestañas: aquellos deciden cómo suena el agente, este decide qué tan bien entiende lo que se le dice.",
+			helpText: "Cuando está activado, aparece un botón de micrófono en el cuadro de chat."
+		},
+		language: {
+			label: "Idioma hablado",
+			tooltip: "El idioma en el que hablarán las personas. Indicarlo de antemano hace que la transcripción sea notablemente más precisa. Si lo dejas sin definir, el proveedor lo deduce del audio.",
+			placeholder: "Detectar automáticamente"
+		},
+		instructions: {
+			label: "Sugerencias de transcripción",
+			tooltip: "Palabras que la transcripción probablemente escriba mal: nombres de productos, siglas, personas, términos técnicos. Enumerarlas aquí ayuda a escribirlas correctamente.",
+			placeholder: "p. ej. Espera los términos ibl.ai, LTI y Open edX. Escribe los nombres tal cual.",
+			helpText: "Opcional. Algunos proveedores de transcripción usan estas sugerencias; los que no, simplemente las ignoran. Déjalo en blanco si tienes dudas."
+		},
+		saveButton: "Guardar dictado",
+		savingButton: "Guardando…"
+	},
 	callConfig: {
 		title: "Llamada de voz",
 		description: "Personaliza cómo funcionan las llamadas de voz. El uso compartido de pantalla siempre usa conversación en vivo.",
@@ -20994,7 +21061,9 @@ var voiceTabLabels$1 = {
 		voiceSaved: "Voz guardada",
 		voiceError: "No se pudo guardar la configuración de voz",
 		callConfigSaved: "Configuración de llamada de voz guardada",
-		callConfigError: "No se pudo guardar la configuración de llamada de voz"
+		callConfigError: "No se pudo guardar la configuración de llamada de voz",
+		transcriptionSaved: "Ajustes de dictado guardados",
+		transcriptionError: "No se pudieron guardar los ajustes de dictado"
 	}
 };
 var voiceTabVoicePicker$1 = {
@@ -27880,7 +27949,8 @@ var voiceTabLabels = {
 	},
 	subTabs: {
 		voice: "语音",
-		callConfig: "语音通话"
+		callConfig: "语音通话",
+		settings: "设置"
 	},
 	mentorVoice: {
 		title: "智能体声音",
@@ -27941,6 +28011,26 @@ var voiceTabLabels = {
 			}
 		}
 	},
+	transcription: {
+		toggle: {
+			label: "语音听写",
+			tooltip: "让用户用麦克风说话而不是打字，并将智能体听到的内容转写为文字。这与其他子标签页的语音设置方向相反：那些决定智能体如何发声，这里决定它能多准确地听懂别人说的话。",
+			helpText: "开启后，聊天框中会显示麦克风按钮。"
+		},
+		language: {
+			label: "口语语言",
+			tooltip: "用户将使用的语言。预先指定可以明显提高转写准确率。若不设置，服务商会根据音频自行判断。",
+			placeholder: "自动检测"
+		},
+		instructions: {
+			label: "转写提示",
+			tooltip: "转写容易写错的词：产品名、缩写、人名、专业术语。在此列出可帮助它正确拼写。",
+			placeholder: "例如：会出现 ibl.ai、LTI 和 Open edX 等术语。人名按原样拼写。",
+			helpText: "选填。部分转写服务商会使用这些提示，不支持的则直接忽略。不确定时可留空。"
+		},
+		saveButton: "保存听写设置",
+		savingButton: "保存中…"
+	},
 	callConfig: {
 		title: "语音通话",
 		description: "自定义语音通话的工作方式。屏幕共享始终使用实时对话。",
@@ -27992,7 +28082,9 @@ var voiceTabLabels = {
 		voiceSaved: "声音已保存",
 		voiceError: "无法保存语音设置",
 		callConfigSaved: "语音通话设置已保存",
-		callConfigError: "无法保存语音通话设置"
+		callConfigError: "无法保存语音通话设置",
+		transcriptionSaved: "听写设置已保存",
+		transcriptionError: "无法保存听写设置"
 	}
 };
 var voiceTabVoicePicker = {
@@ -239096,6 +239188,7 @@ function ChatInputForm({ onSubmit, onScreenSharingClick, isScreenSharingModalOpe
     const { handleMicrophoneBtnClick, processing, recording, time } = useVoiceChat({
         sendMessage: handleSelectPrompt,
         tenantKey,
+        mentorId,
     });
     const attachedFiles = useSelector(selectAttachedFiles);
     // Check if any files are currently uploading

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

@@ -102265,7 +102265,8 @@ var voiceTabLabels$3 = {
 	},
 	subTabs: {
 		voice: "Voice",
-		callConfig: "Voice call"
+		callConfig: "Voice Call",
+		settings: "Settings"
 	},
 	mentorVoice: {
 		title: "Agent Voice",
@@ -102326,6 +102327,26 @@ var voiceTabLabels$3 = {
 			}
 		}
 	},
+	transcription: {
+		toggle: {
+			label: "Dictation",
+			tooltip: "Lets people speak into the microphone instead of typing, and turns what the agent hears into text. This is the opposite of the voice settings on the other sub-tabs: those decide how the agent sounds, this decides how well it understands what is said to it.",
+			helpText: "When on, a microphone button appears in the chat box."
+		},
+		language: {
+			label: "Spoken language",
+			tooltip: "The language people will speak in. Naming it up front makes transcription noticeably more accurate. Leave it unset and the provider guesses from the audio.",
+			placeholder: "Detect automatically"
+		},
+		instructions: {
+			label: "Transcription hints",
+			tooltip: "Words the transcriber is likely to get wrong — product names, acronyms, people, technical terms. Listing them here helps it spell them correctly.",
+			placeholder: "e.g. Expect the terms ibl.ai, LTI, and Open edX. Spell names as written.",
+			helpText: "Optional. Some transcription providers use these hints; the ones that do not simply ignore them. Leave blank if you are not sure."
+		},
+		saveButton: "Save dictation",
+		savingButton: "Saving…"
+	},
 	callConfig: {
 		title: "Voice call",
 		description: "Customize how voice calls work. Screen sharing always uses live conversation.",
@@ -102377,7 +102398,9 @@ var voiceTabLabels$3 = {
 		voiceSaved: "Voice saved",
 		voiceError: "Couldn't save voice settings",
 		callConfigSaved: "Voice call settings saved",
-		callConfigError: "Couldn't save voice call settings"
+		callConfigError: "Couldn't save voice call settings",
+		transcriptionSaved: "Dictation settings saved",
+		transcriptionError: "Couldn't save dictation settings"
 	}
 };
 var voiceTabVoicePicker$3 = {
@@ -109429,7 +109452,8 @@ var voiceTabLabels$2 = {
 	},
 	subTabs: {
 		voice: "Voix",
-		callConfig: "Appel vocal"
+		callConfig: "Appel vocal",
+		settings: "Paramètres"
 	},
 	mentorVoice: {
 		title: "Voix de l'agent",
@@ -109490,6 +109514,26 @@ var voiceTabLabels$2 = {
 			}
 		}
 	},
+	transcription: {
+		toggle: {
+			label: "Dictée",
+			tooltip: "Permet aux utilisateurs de parler dans le micro plutôt que d'écrire, et transforme en texte ce que l'agent entend. C'est l'inverse des réglages vocaux des autres sous-onglets : ceux-ci déterminent la voix de l'agent, celui-ci détermine sa capacité à comprendre ce qu'on lui dit.",
+			helpText: "Une fois activée, un bouton micro apparaît dans la zone de discussion."
+		},
+		language: {
+			label: "Langue parlée",
+			tooltip: "La langue dans laquelle les utilisateurs vont parler. L'indiquer à l'avance rend la transcription nettement plus précise. Si vous ne la définissez pas, le fournisseur la devine à partir de l'audio.",
+			placeholder: "Détecter automatiquement"
+		},
+		instructions: {
+			label: "Indications de transcription",
+			tooltip: "Les mots que la transcription risque d'écorcher : noms de produits, sigles, personnes, termes techniques. Les lister ici l'aide à les orthographier correctement.",
+			placeholder: "ex. : Attendez-vous aux termes ibl.ai, LTI et Open edX. Orthographiez les noms tels quels.",
+			helpText: "Facultatif. Certains fournisseurs de transcription utilisent ces indications ; les autres les ignorent tout simplement. Laissez vide en cas de doute."
+		},
+		saveButton: "Enregistrer la dictée",
+		savingButton: "Enregistrement…"
+	},
 	callConfig: {
 		title: "Appel vocal",
 		description: "Personnalisez le fonctionnement des appels vocaux. Le partage d'écran utilise toujours la conversation en direct.",
@@ -109541,7 +109585,9 @@ var voiceTabLabels$2 = {
 		voiceSaved: "Voix enregistrée",
 		voiceError: "Impossible d'enregistrer les paramètres vocaux",
 		callConfigSaved: "Paramètres d'appel vocal enregistrés",
-		callConfigError: "Impossible d'enregistrer les paramètres d'appel vocal"
+		callConfigError: "Impossible d'enregistrer les paramètres d'appel vocal",
+		transcriptionSaved: "Paramètres de dictée enregistrés",
+		transcriptionError: "Impossible d'enregistrer les paramètres de dictée"
 	}
 };
 var voiceTabVoicePicker$2 = {
@@ -116427,7 +116473,8 @@ var voiceTabLabels$1 = {
 	},
 	subTabs: {
 		voice: "Voz",
-		callConfig: "Llamada de voz"
+		callConfig: "Llamada de voz",
+		settings: "Ajustes"
 	},
 	mentorVoice: {
 		title: "Voz del agente",
@@ -116488,6 +116535,26 @@ var voiceTabLabels$1 = {
 			}
 		}
 	},
+	transcription: {
+		toggle: {
+			label: "Dictado",
+			tooltip: "Permite que las personas hablen por el micrófono en lugar de escribir, y convierte en texto lo que el agente escucha. Es lo contrario de los ajustes de voz de las otras subpestañas: aquellos deciden cómo suena el agente, este decide qué tan bien entiende lo que se le dice.",
+			helpText: "Cuando está activado, aparece un botón de micrófono en el cuadro de chat."
+		},
+		language: {
+			label: "Idioma hablado",
+			tooltip: "El idioma en el que hablarán las personas. Indicarlo de antemano hace que la transcripción sea notablemente más precisa. Si lo dejas sin definir, el proveedor lo deduce del audio.",
+			placeholder: "Detectar automáticamente"
+		},
+		instructions: {
+			label: "Sugerencias de transcripción",
+			tooltip: "Palabras que la transcripción probablemente escriba mal: nombres de productos, siglas, personas, términos técnicos. Enumerarlas aquí ayuda a escribirlas correctamente.",
+			placeholder: "p. ej. Espera los términos ibl.ai, LTI y Open edX. Escribe los nombres tal cual.",
+			helpText: "Opcional. Algunos proveedores de transcripción usan estas sugerencias; los que no, simplemente las ignoran. Déjalo en blanco si tienes dudas."
+		},
+		saveButton: "Guardar dictado",
+		savingButton: "Guardando…"
+	},
 	callConfig: {
 		title: "Llamada de voz",
 		description: "Personaliza cómo funcionan las llamadas de voz. El uso compartido de pantalla siempre usa conversación en vivo.",
@@ -116539,7 +116606,9 @@ var voiceTabLabels$1 = {
 		voiceSaved: "Voz guardada",
 		voiceError: "No se pudo guardar la configuración de voz",
 		callConfigSaved: "Configuración de llamada de voz guardada",
-		callConfigError: "No se pudo guardar la configuración de llamada de voz"
+		callConfigError: "No se pudo guardar la configuración de llamada de voz",
+		transcriptionSaved: "Ajustes de dictado guardados",
+		transcriptionError: "No se pudieron guardar los ajustes de dictado"
 	}
 };
 var voiceTabVoicePicker$1 = {
@@ -123425,7 +123494,8 @@ var voiceTabLabels = {
 	},
 	subTabs: {
 		voice: "语音",
-		callConfig: "语音通话"
+		callConfig: "语音通话",
+		settings: "设置"
 	},
 	mentorVoice: {
 		title: "智能体声音",
@@ -123486,6 +123556,26 @@ var voiceTabLabels = {
 			}
 		}
 	},
+	transcription: {
+		toggle: {
+			label: "语音听写",
+			tooltip: "让用户用麦克风说话而不是打字，并将智能体听到的内容转写为文字。这与其他子标签页的语音设置方向相反：那些决定智能体如何发声，这里决定它能多准确地听懂别人说的话。",
+			helpText: "开启后，聊天框中会显示麦克风按钮。"
+		},
+		language: {
+			label: "口语语言",
+			tooltip: "用户将使用的语言。预先指定可以明显提高转写准确率。若不设置，服务商会根据音频自行判断。",
+			placeholder: "自动检测"
+		},
+		instructions: {
+			label: "转写提示",
+			tooltip: "转写容易写错的词：产品名、缩写、人名、专业术语。在此列出可帮助它正确拼写。",
+			placeholder: "例如：会出现 ibl.ai、LTI 和 Open edX 等术语。人名按原样拼写。",
+			helpText: "选填。部分转写服务商会使用这些提示，不支持的则直接忽略。不确定时可留空。"
+		},
+		saveButton: "保存听写设置",
+		savingButton: "保存中…"
+	},
 	callConfig: {
 		title: "语音通话",
 		description: "自定义语音通话的工作方式。屏幕共享始终使用实时对话。",
@@ -123537,7 +123627,9 @@ var voiceTabLabels = {
 		voiceSaved: "声音已保存",
 		voiceError: "无法保存语音设置",
 		callConfigSaved: "语音通话设置已保存",
-		callConfigError: "无法保存语音通话设置"
+		callConfigError: "无法保存语音通话设置",
+		transcriptionSaved: "听写设置已保存",
+		transcriptionError: "无法保存听写设置"
 	}
 };
 var voiceTabVoicePicker = {
@@ -261873,6 +261965,7 @@ function ChatInputForm({ onSubmit, onScreenSharingClick, isScreenSharingModalOpe
     const { handleMicrophoneBtnClick, processing, recording, time } = useVoiceChat({
         sendMessage: handleSelectPrompt,
         tenantKey,
+        mentorId,
     });
     const attachedFiles = useSelector(selectAttachedFiles);
     // Check if any files are currently uploading
@@ -273782,7 +273875,8 @@ const AGENT_VOICE_TAB_LABELS = {
     },
     subTabs: {
         voice: 'Voice',
-        callConfig: 'Voice call',
+        callConfig: 'Voice Call',
+        settings: 'Settings',
     },
     mentorVoice: {
         title: 'Agent Voice',
@@ -273840,6 +273934,26 @@ const AGENT_VOICE_TAB_LABELS = {
             },
         },
     },
+    transcription: {
+        toggle: {
+            label: 'Dictation',
+            tooltip: 'Lets people speak into the microphone instead of typing, and turns what the agent hears into text. This is the opposite of the voice settings on the other sub-tabs: those decide how the agent sounds, this decides how well it understands what is said to it.',
+            helpText: 'When on, a microphone button appears in the chat box.',
+        },
+        language: {
+            label: 'Spoken language',
+            tooltip: 'The language people will speak in. Naming it up front makes transcription noticeably more accurate. Leave it unset and the provider guesses from the audio.',
+            placeholder: 'Detect automatically',
+        },
+        instructions: {
+            label: 'Transcription hints',
+            tooltip: 'Words the transcriber is likely to get wrong — product names, acronyms, people, technical terms. Listing them here helps it spell them correctly.',
+            placeholder: 'e.g. Expect the terms ibl.ai, LTI, and Open edX. Spell names as written.',
+            helpText: 'Optional. Some transcription providers use these hints; the ones that do not simply ignore them. Leave blank if you are not sure.',
+        },
+        saveButton: 'Save dictation',
+        savingButton: 'Saving…',
+    },
     callConfig: {
         title: 'Voice call',
         description: 'Customize how voice calls work. Screen sharing always uses live conversation.',
@@ -273891,6 +274005,8 @@ const AGENT_VOICE_TAB_LABELS = {
         voiceError: "Couldn't save voice settings",
         callConfigSaved: 'Voice call settings saved',
         callConfigError: "Couldn't save voice call settings",
+        transcriptionSaved: 'Dictation settings saved',
+        transcriptionError: "Couldn't save dictation settings",
     },
 };
 function buildVoiceTabLabels(t) {
@@ -273907,6 +274023,7 @@ function buildVoiceTabLabels(t) {
         subTabs: {
             voice: t('voiceTabLabels.subTabs.voice'),
             callConfig: t('voiceTabLabels.subTabs.callConfig'),
+            settings: t('voiceTabLabels.subTabs.settings'),
         },
         mentorVoice: {
             title: t('voiceTabLabels.mentorVoice.title'),
@@ -273966,6 +274083,26 @@ function buildVoiceTabLabels(t) {
                 },
             },
         },
+        transcription: {
+            toggle: {
+                label: t('voiceTabLabels.transcription.toggle.label'),
+                tooltip: t('voiceTabLabels.transcription.toggle.tooltip'),
+                helpText: t('voiceTabLabels.transcription.toggle.helpText'),
+            },
+            language: {
+                label: t('voiceTabLabels.transcription.language.label'),
+                tooltip: t('voiceTabLabels.transcription.language.tooltip'),
+                placeholder: t('voiceTabLabels.transcription.language.placeholder'),
+            },
+            instructions: {
+                label: t('voiceTabLabels.transcription.instructions.label'),
+                tooltip: t('voiceTabLabels.transcription.instructions.tooltip'),
+                placeholder: t('voiceTabLabels.transcription.instructions.placeholder'),
+                helpText: t('voiceTabLabels.transcription.instructions.helpText'),
+            },
+            saveButton: t('voiceTabLabels.transcription.saveButton'),
+            savingButton: t('voiceTabLabels.transcription.savingButton'),
+        },
         callConfig: {
             title: t('voiceTabLabels.callConfig.title'),
             description: t('voiceTabLabels.callConfig.description'),
@@ -274018,6 +274155,8 @@ function buildVoiceTabLabels(t) {
             voiceError: t('voiceTabLabels.toasts.voiceError'),
             callConfigSaved: t('voiceTabLabels.toasts.callConfigSaved'),
             callConfigError: t('voiceTabLabels.toasts.callConfigError'),
+            transcriptionSaved: t('voiceTabLabels.toasts.transcriptionSaved'),
+            transcriptionError: t('voiceTabLabels.toasts.transcriptionError'),
         },
     };
 }
@@ -274577,6 +274716,39 @@ function FieldWrap({ label, tooltip, children }) {
     return (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: label }), tooltip && (jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { type: "button", "aria-label": t('voiceTabCallConfigSection.moreInfoAbout', { label }), children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { side: "top", align: "start", sideOffset: 6, collisionPadding: 16, className: "ibl-tooltip-content z-50 max-w-[300px]", children: jsx("p", { className: "text-xs leading-relaxed whitespace-normal", children: tooltip }) })] }) }))] }), children] }));
 }
 
+/**
+ * Languages offered for **speech-to-text** (dictation) transcription.
+ *
+ * Deliberately separate from `LANGUAGE_OPTIONS` in `call-config-section.tsx`,
+ * which is the realtime *voice call* list and carries different provider
+ * constraints. These 17 are the major languages the backend confirms are safe
+ * across all four transcription providers — do not reorder or prune without a
+ * backend change.
+ *
+ * Display names are the English endonym-free common names, hardcoded here the
+ * same way the neighbouring realtime `LANGUAGE_OPTIONS` list does it — a
+ * 17-entry translation layer per locale buys nothing an admin would notice.
+ */
+const TRANSCRIPTION_LANGUAGE_OPTIONS = [
+    { value: 'en', label: 'English' },
+    { value: 'es', label: 'Spanish' },
+    { value: 'fr', label: 'French' },
+    { value: 'de', label: 'German' },
+    { value: 'pt', label: 'Portuguese' },
+    { value: 'it', label: 'Italian' },
+    { value: 'nl', label: 'Dutch' },
+    { value: 'sv', label: 'Swedish' },
+    { value: 'pl', label: 'Polish' },
+    { value: 'tr', label: 'Turkish' },
+    { value: 'ru', label: 'Russian' },
+    { value: 'ar', label: 'Arabic' },
+    { value: 'hi', label: 'Hindi' },
+    { value: 'ja', label: 'Japanese' },
+    { value: 'ko', label: 'Korean' },
+    { value: 'zh', label: 'Chinese' },
+    { value: 'la', label: 'Latin' },
+];
+
 /**
  * Display-only card for a single prompt. Mirrors the visual pattern
  * used by `AgentPromptsTab` (System Prompt / Proactive Prompt cards):
@@ -274616,13 +274788,31 @@ function usesVoiceCatalogue(provider) {
 const SUB_TAB_VALUES = {
     voice: 'voice',
     callConfig: 'call-config',
+    settings: 'settings',
 };
+/**
+ * Reverse of `SUB_TAB_VALUES`. `<Tabs>` is controlled here (the pinned save
+ * footer needs to know which sub-tab is open), and it hands back the Radix
+ * *value*, which we map back to the `SubTab` key we hold in state.
+ */
+const SUB_TAB_KEYS = Object.fromEntries(Object.entries(SUB_TAB_VALUES).map(([key, value]) => [value, key]));
 /**
  * Soft cap for the voice-instructions textarea. The backend column is an
  * unbounded TextField — this is purely a UI guardrail (TTS style prompts
  * gain nothing from being longer than this).
  */
 const VOICE_INSTRUCTIONS_MAX = 1000;
+/**
+ * Soft cap for the transcription-hints textarea. Same reasoning as
+ * `VOICE_INSTRUCTIONS_MAX`: the backend column is unbounded, but a hint list
+ * longer than this stops helping the transcriber and starts costing tokens.
+ */
+const TRANSCRIPTION_INSTRUCTIONS_MAX = 1000;
+/**
+ * `<Select>` cannot hold an empty-string item value, so the "not set" choice
+ * needs a sentinel. It is mapped back to `''` before anything is sent.
+ */
+const TRANSCRIPTION_LANGUAGE_UNSET = '__unset__';
 /**
  * Pull a voice **name** out of the mentor settings response, which can
  * return a plain string, a numeric id, or a serialized object with a
@@ -274639,7 +274829,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, _q, _r;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
     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 : '';
@@ -274684,6 +274874,14 @@ function AgentVoiceTab({ labels: labelsOverride, defaultSubTab = 'voice', render
         name: savedIblaiName,
     });
     const savedInstructions = typeof (mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.voice_instructions) === 'string' ? mentorSettings.voice_instructions : '';
+    // Transcription (speech-to-text) — an unset language is a first-class
+    // state, so it stays `''` rather than defaulting to English.
+    const savedTranscriptionLanguage = typeof (mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.transcription_language) === 'string'
+        ? mentorSettings.transcription_language
+        : '';
+    const savedTranscriptionInstructions = typeof (mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.transcription_instructions) === 'string'
+        ? mentorSettings.transcription_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);
@@ -274691,13 +274889,20 @@ function AgentVoiceTab({ labels: labelsOverride, defaultSubTab = 'voice', render
     const [pickedGoogleVoice, setPickedGoogleVoice] = React__default.useState(null);
     const [pickedIblaiVoice, setPickedIblaiVoice] = React__default.useState(null);
     const [instructions, setInstructions] = React__default.useState(savedInstructions);
+    const [transcriptionLanguage, setTranscriptionLanguage] = React__default.useState(savedTranscriptionLanguage);
+    const [transcriptionInstructions, setTranscriptionInstructions] = React__default.useState(savedTranscriptionInstructions);
     const [selectedPrompt, setSelectedPrompt] = React__default.useState(null);
+    // Controlled so the pinned footer below the scroll area knows which
+    // sub-tab's Save it should be rendering.
+    const [subTab, setSubTab] = React__default.useState(defaultSubTab);
     React__default.useEffect(() => {
         setProvider(initialProvider);
         setPickedOpenaiVoice(null);
         setPickedGoogleVoice(null);
         setPickedIblaiVoice(null);
         setInstructions(savedInstructions);
+        setTranscriptionLanguage(savedTranscriptionLanguage);
+        setTranscriptionInstructions(savedTranscriptionInstructions);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [mentorId, rawMentorSettings]);
     const effectiveOpenaiVoice = (_j = pickedOpenaiVoice !== null && pickedOpenaiVoice !== void 0 ? pickedOpenaiVoice : resolvedOpenaiVoice) !== null && _j !== void 0 ? _j : null;
@@ -274735,11 +274940,46 @@ function AgentVoiceTab({ labels: labelsOverride, defaultSubTab = 'voice', render
             setIsTogglingVoiceCall(false);
         }
     };
+    // "Dictation" master toggle. Tracked separately from the voice-call
+    // toggle — sharing `isTogglingVoiceCall` would make flipping one switch
+    // disable the other.
+    const serverVoiceRecordEnabled = (_o = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.show_voice_record) !== null && _o !== void 0 ? _o : true;
+    const [voiceRecordEnabled, setVoiceRecordEnabled] = React__default.useState(serverVoiceRecordEnabled);
+    const [isTogglingVoiceRecord, setIsTogglingVoiceRecord] = React__default.useState(false);
+    React__default.useEffect(() => {
+        setVoiceRecordEnabled(serverVoiceRecordEnabled);
+    }, [serverVoiceRecordEnabled]);
+    const handleToggleVoiceRecord = async (checked) => {
+        setVoiceRecordEnabled(checked); // optimistic
+        setIsTogglingVoiceRecord(true);
+        try {
+            await editMentor({
+                mentor: mentorId,
+                org: tenantKey,
+                // @ts-expect-error userId is accepted at runtime
+                userId: username,
+                formData: { show_voice_record: checked },
+            }).unwrap();
+            toast.success(labels.toasts.transcriptionSaved);
+        }
+        catch (error) {
+            console.error('[AgentVoiceTab] toggle dictation error', error);
+            setVoiceRecordEnabled(!checked); // roll back
+            toast.error(labels.toasts.transcriptionError);
+        }
+        finally {
+            setIsTogglingVoiceRecord(false);
+        }
+    };
     const isDisabled = isMentorSettingsLoading || isSavingMentor;
     const instructionsDirty = instructions !== savedInstructions;
     // Soft cap only — the modal editor doesn't enforce a max length, so we
     // block Save instead of truncating what the user wrote.
     const instructionsOverCap = instructions.length > VOICE_INSTRUCTIONS_MAX;
+    const transcriptionLanguageDirty = transcriptionLanguage !== savedTranscriptionLanguage;
+    const transcriptionInstructionsDirty = transcriptionInstructions !== savedTranscriptionInstructions;
+    const transcriptionOverCap = transcriptionInstructions.length > TRANSCRIPTION_INSTRUCTIONS_MAX;
+    const transcriptionDirty = transcriptionLanguageDirty || transcriptionInstructionsDirty;
     const isDirty = provider !== initialProvider ||
         pickedOpenaiVoice != null ||
         pickedGoogleVoice != null ||
@@ -274820,6 +275060,31 @@ function AgentVoiceTab({ labels: labelsOverride, defaultSubTab = 'voice', render
             toast.error(labels.toasts.voiceError);
         }
     };
+    const handleSaveTranscription = async () => {
+        try {
+            // Same "absent = keep" contract as the voice save above: only send
+            // what the admin actually touched.
+            const formData = {};
+            if (transcriptionLanguageDirty) {
+                formData.transcription_language = transcriptionLanguage;
+            }
+            if (transcriptionInstructionsDirty) {
+                formData.transcription_instructions = transcriptionInstructions;
+            }
+            await editMentor({
+                mentor: mentorId,
+                org: tenantKey,
+                // @ts-expect-error userId is accepted at runtime
+                userId: username,
+                formData,
+            }).unwrap();
+            toast.success(labels.toasts.transcriptionSaved);
+        }
+        catch (error) {
+            console.error('[AgentVoiceTab] save transcription error', error);
+            toast.error(labels.toasts.transcriptionError);
+        }
+    };
     // Only `browser` has no voice to show -- it uses the listener's OS voice.
     const selectedVoice = provider === 'openai'
         ? effectiveOpenaiVoice
@@ -274843,47 +275108,51 @@ function AgentVoiceTab({ labels: labelsOverride, defaultSubTab = 'voice', render
             return renderPromptContent(text);
         return jsx("p", { className: "text-sm whitespace-pre-wrap text-gray-700", children: text });
     };
-    return (jsxs(Fragment$1, { children: [jsx("div", { className: "flex h-[73px] flex-shrink-0 items-center border-b border-gray-200 bg-white p-4 lg:block", children: jsxs("div", { children: [jsx("h3", { className: "mb-1 text-base font-medium text-gray-900", children: labels.header.title }), jsx("p", { className: "text-xs text-gray-600", children: labels.header.description })] }) }), jsx("div", { className: "flex-1 space-y-4 p-3 lg:p-4", style: { overflowY: 'auto', overflowX: 'hidden' }, "data-testid": "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: (_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));
-                                                        }) })] })) }), usesVoiceCatalogue(provider) && (jsx(WithFormPermissions, { name: `${provider}_voice`, 
-                                            // @ts-expect-error permissions.field is opaque
-                                            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: (_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({
-                                                                label: labels.mentorVoice.instructions.label,
-                                                                isSystem: true,
-                                                                name: 'voice_instructions',
-                                                                prompt: instructions,
-                                                                allowEmpty: true,
-                                                                hideEditorLabel: true,
-                                                            }) }), 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: (_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 && (
-                        // `EditPromptModal` calls strict `useAgentSettings()`. The host
-                        // may not have wrapped this tab in `<AgentSettingsProvider>`
-                        // (older integrations pass identity via props), so re-provide
-                        // whatever we resolved — same pattern as `AgentScreenShareTab`.
-                        jsx(AgentSettingsProvider, { tenantKey: tenantKey, mentorId: mentorId, username: username, enableRBAC: enableRBAC, rbacPermissions: ctx === null || ctx === void 0 ? void 0 : ctx.rbacPermissions, executeGatedAction: ctx === null || ctx === void 0 ? void 0 : ctx.executeGatedAction, visibilityOptions: ctx === null || ctx === void 0 ? void 0 : ctx.visibilityOptions, children: jsx(EditPromptModal$1, { isOpen: true, onClose: () => setSelectedPrompt(null), selectedPrompt: selectedPrompt, isEditing: isSavingMentor, handleSave: (prompt, values) => {
-                                    if (prompt.name === 'voice_instructions') {
-                                        setInstructions(values.prompt);
-                                    }
-                                    setSelectedPrompt(null);
-                                } }) }))] })) })] }));
+    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 })] }) }), jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [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, {}) })) : (jsx(Fragment$1, { children: 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, { value: SUB_TAB_VALUES[subTab], onValueChange: (value) => setSubTab(SUB_TAB_KEYS[value]), 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 }), jsx(TabsTrigger, { value: SUB_TAB_VALUES.settings, "data-testid": "voice-sub-tab-settings", children: labels.subTabs.settings })] }), jsxs(TabsContent, { value: SUB_TAB_VALUES.voice, className: "mt-4 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: (_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: [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));
+                                                                    }) })] })) }), usesVoiceCatalogue(provider) && (jsx(WithFormPermissions, { name: `${provider}_voice`, 
+                                                        // @ts-expect-error permissions.field is opaque
+                                                        permissions: (_q = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _q === void 0 ? void 0 : _q.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: (_r = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _r === void 0 ? void 0 : _r.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({
+                                                                            label: labels.mentorVoice.instructions.label,
+                                                                            isSystem: true,
+                                                                            name: 'voice_instructions',
+                                                                            prompt: instructions,
+                                                                            allowEmpty: true,
+                                                                            hideEditorLabel: true,
+                                                                        }) }), 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: "mt-4 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: (_s = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.call_configuration) !== null && _s !== void 0 ? _s : null, renderPromptContent: renderPromptContent, toastLabels: {
+                                                            saved: labels.toasts.callConfigSaved,
+                                                            error: labels.toasts.callConfigError,
+                                                        } }))] }), jsx(TabsContent, { value: SUB_TAB_VALUES.settings, className: "mt-4 space-y-4", children: jsxs("div", { className: "space-y-4", "data-testid": "transcription-section", children: [jsxs("div", { className: "space-y-1", children: [jsxs("div", { className: "flex items-center justify-between gap-4", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: labels.transcription.toggle.label }), jsx(FieldTooltip, { text: labels.transcription.toggle.tooltip })] }), jsx(CustomSwitch, { checked: voiceRecordEnabled, onCheckedChange: handleToggleVoiceRecord, disabled: isDisabled || isTogglingVoiceRecord, "aria-label": labels.transcription.toggle.label, "data-testid": "voice-record-capability-toggle", className: "flex-shrink-0" })] }), jsx("p", { className: "text-xs text-gray-500", children: labels.transcription.toggle.helpText })] }), jsx(WithFormPermissions, { name: "transcription_language", 
+                                                            // @ts-expect-error permissions.field is opaque
+                                                            permissions: (_t = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _t === void 0 ? void 0 : _t.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsxs("div", { className: "space-y-2", "data-testid": "transcription-language-field", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(Label$1, { className: "text-sm font-medium text-[#646464]", children: labels.transcription.language.label }), jsx(FieldTooltip, { text: labels.transcription.language.tooltip })] }), jsxs(Select$1, { value: transcriptionLanguage || TRANSCRIPTION_LANGUAGE_UNSET, onValueChange: (value) => setTranscriptionLanguage(value === TRANSCRIPTION_LANGUAGE_UNSET ? '' : value), disabled: isDisabled || disabled, children: [jsx(SelectTrigger, { "aria-label": labels.transcription.language.label, "data-testid": "transcription-language-select", children: jsx(SelectValue, { placeholder: labels.transcription.language.placeholder }) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: TRANSCRIPTION_LANGUAGE_UNSET, children: labels.transcription.language.placeholder }), TRANSCRIPTION_LANGUAGE_OPTIONS.map((option) => (jsx(SelectItem, { value: option.value, children: option.label }, option.value)))] })] })] })) }), jsx(WithFormPermissions, { name: "transcription_instructions", 
+                                                            // @ts-expect-error permissions.field is opaque
+                                                            permissions: (_u = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _u === void 0 ? void 0 : _u.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(Label$1, { htmlFor: "transcription-instructions", className: "text-sm font-medium text-[#646464]", children: labels.transcription.instructions.label }), jsx(FieldTooltip, { text: labels.transcription.instructions.tooltip })] }), jsx(Textarea, { id: "transcription-instructions", rows: 4, value: transcriptionInstructions, onChange: (event) => setTranscriptionInstructions(event.target.value), placeholder: labels.transcription.instructions.placeholder, disabled: isDisabled || disabled, "aria-label": labels.transcription.instructions.label, "aria-describedby": "transcription-instructions-help", "data-testid": "transcription-instructions-textarea" }), jsxs("div", { className: "flex items-start justify-between gap-3", children: [jsx("p", { id: "transcription-instructions-help", className: "text-xs text-gray-500", children: labels.transcription.instructions.helpText }), jsxs("span", { "aria-live": "polite", "data-testid": "transcription-instructions-counter", className: cn('flex-shrink-0 text-xs text-gray-400', transcriptionOverCap && 'text-red-500'), children: [transcriptionInstructions.length, "/", TRANSCRIPTION_INSTRUCTIONS_MAX] })] })] })) })] }) })] }), selectedPrompt && (
+                                    // `EditPromptModal` calls strict `useAgentSettings()`. The host
+                                    // may not have wrapped this tab in `<AgentSettingsProvider>`
+                                    // (older integrations pass identity via props), so re-provide
+                                    // whatever we resolved — same pattern as `AgentScreenShareTab`.
+                                    jsx(AgentSettingsProvider, { tenantKey: tenantKey, mentorId: mentorId, username: username, enableRBAC: enableRBAC, rbacPermissions: ctx === null || ctx === void 0 ? void 0 : ctx.rbacPermissions, executeGatedAction: ctx === null || ctx === void 0 ? void 0 : ctx.executeGatedAction, visibilityOptions: ctx === null || ctx === void 0 ? void 0 : ctx.visibilityOptions, children: jsx(EditPromptModal$1, { isOpen: true, onClose: () => setSelectedPrompt(null), selectedPrompt: selectedPrompt, isEditing: isSavingMentor, handleSave: (prompt, values) => {
+                                                if (prompt.name === 'voice_instructions') {
+                                                    setInstructions(values.prompt);
+                                                }
+                                                setSelectedPrompt(null);
+                                            } }) }))] }) })) }), !isMentorSettingsLoading && subTab === 'settings' && (jsx("div", { className: "flex flex-shrink-0 justify-end gap-2 border-t border-gray-200 bg-white px-3 py-4", children: jsx(Button$1, { type: "button", onClick: handleSaveTranscription, disabled: isDisabled || !transcriptionDirty || transcriptionOverCap, "aria-label": labels.transcription.saveButton, "data-testid": "transcription-save-button", className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: isSavingMentor ? (jsxs("span", { className: "flex items-center gap-2", children: [jsx(Spinner, { size: "sm", className: "text-white" }), labels.transcription.savingButton] })) : (labels.transcription.saveButton) }) }))] })] }));
 }
 function FieldTooltip({ text }) {
     const t = useT();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "2.7.7",
+  "version": "2.7.8",
   "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/web-utils": "2.2.2-reconnect.2",
+    "@iblai/mcp": "1.12.2",
+    "@iblai/web-containers": "1.19.5",
     "@iblai/data-layer": "1.13.0",
-    "@iblai/web-containers": "1.19.4",
-    "@iblai/mcp": "1.12.2"
+    "@iblai/web-utils": "2.2.2-reconnect.2"
   },
   "peerDependencies": {
     "@iblai/iblai-api": "4.166.0-ai",