@iblai/iblai-js 2.10.0 → 2.10.2

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

@@ -100452,11 +100452,24 @@ var settingsTabLabels$3 = {
 		},
 		showAttachment: {
 			label: "Show Attachment",
-			tooltip: "Show Attachment Options in Chat Interface"
+			tooltip: "Lets people attach files to a conversation. Each surface has its own switch: In-app chat covers conversations hosted in the app, Embed widget covers the widget on your own site."
 		},
 		showVoiceRecord: {
 			label: "Show Voice Record",
-			tooltip: "Show Voice Recording Options in Chat Interface"
+			tooltip: "Lets people send a voice recording instead of typing. Each surface has its own switch: In-app chat covers conversations hosted in the app, Embed widget covers the widget on your own site."
+		},
+		showVoiceCall: {
+			label: "Show Voice Call",
+			tooltip: "Lets people start a live voice call with the agent. Each surface has its own switch: In-app chat covers conversations hosted in the app, Embed widget covers the widget on your own site."
+		},
+		embedShowAttachment: {
+			label: "Show Attachment (embed widget)"
+		},
+		embedShowVoiceRecord: {
+			label: "Show Voice Record (embed widget)"
+		},
+		embedShowVoiceCall: {
+			label: "Show Voice Call (embed widget)"
 		},
 		allowCopies: {
 			label: "Allow Copies",
@@ -100464,7 +100477,7 @@ var settingsTabLabels$3 = {
 		},
 		showReasoning: {
 			label: "Verbose Reasoning",
-			tooltip: "Show the agent’s reasoning steps while it responds."
+			tooltip: "Show the agent’s reasoning steps while it responds. This setting has one value, so it applies to both in-app chat and the embed widget."
 		},
 		image: {
 			label: "Image",
@@ -100474,19 +100487,19 @@ var settingsTabLabels$3 = {
 		},
 		enhancedDocRetrieval: {
 			label: "Enhanced document retrieval",
-			tooltip: "Run multiple search queries per question to pull in more relevant documents."
+			tooltip: "Run multiple search queries per question to pull in more relevant documents. This setting has one value, so it applies to both in-app chat and the embed widget."
 		},
 		promptCaching: {
 			label: "Prompt caching",
-			tooltip: "Cache repeated prompt context to lower latency and cost on long conversations."
+			tooltip: "Cache repeated prompt context to lower latency and cost on long conversations. This setting has one value, so it applies to both in-app chat and the embed widget."
 		},
 		privateMode: {
 			label: "Enable private mode",
-			tooltip: "When on, every conversation with this agent runs in private mode — no chat history or memory is stored for any user. Use this for sensitive or compliance-bound deployments."
+			tooltip: "When on, every conversation with this agent runs in private mode — no chat history or memory is stored for any user. Use this for sensitive or compliance-bound deployments. This setting has one value, so it applies to both in-app chat and the embed widget."
 		},
 		smartDocRetrieval: {
 			label: "Smart document retrieval",
-			tooltip: "Use function calling during voice calls to fetch documents only when needed."
+			tooltip: "The agent fetches documents only when it needs them, instead of searching the knowledge base on every turn. This setting has one value, so it applies to both in-app chat and the embed widget."
 		}
 	},
 	actions: {
@@ -100534,8 +100547,19 @@ var settingsTabLabels$3 = {
 	},
 	sections: {
 		chatExperience: "Chat experience",
-		voiceCalls: "Voice & calls",
-		advanced: "Advanced"
+		advanced: "Advanced",
+		perSurface: "Surface Capabilities",
+		globalSettings: "Global Capabilities"
+	},
+	surfaces: {
+		inAppChat: "In-app chat",
+		embedWidget: "Embed widget"
+	},
+	notes: {
+		perSurface: "Set independently for in-app chat and the embed widget.",
+		globalSettings: "These apply to in-app chat and the embed widget alike.",
+		inAppChat: "Conversations hosted inside the app - the chat your users open here.",
+		embedWidget: "The widget you embed on your own site using the snippet from the Embed tab."
 	}
 };
 var skillsProfileAddSkillDialog$3 = {
@@ -101246,6 +101270,9 @@ var tabsSettingsTab$3 = {
 	featuredTooltipAriaLabel: "More info about featured",
 	showAttachmentTooltipAriaLabel: "More info about show attachment",
 	showVoiceRecordTooltipAriaLabel: "More info about show voice record",
+	showVoiceCallTooltipAriaLabel: "More info about show voice call",
+	inAppChatTooltipAriaLabel: "More info about in-app chat",
+	embedWidgetTooltipAriaLabel: "More info about the embed widget",
 	allowCopiesTooltipAriaLabel: "More info about allow copies",
 	showReasoningTooltipAriaLabel: "More info about verbose reasoning",
 	toggleStateEnabled: "enabled",
@@ -107739,11 +107766,24 @@ var settingsTabLabels$2 = {
 		},
 		showAttachment: {
 			label: "Afficher les pièces jointes",
-			tooltip: "Afficher les options de pièces jointes dans l'interface de chat"
+			tooltip: "Permet aux personnes de joindre des fichiers à une conversation. Chaque surface a son propre interrupteur : In-app chat couvre les conversations hébergées dans l'application et Embed widget couvre le widget sur votre propre site."
 		},
 		showVoiceRecord: {
 			label: "Afficher l'enregistrement vocal",
-			tooltip: "Afficher les options d'enregistrement vocal dans l'interface de chat"
+			tooltip: "Permet aux personnes d'envoyer un enregistrement vocal au lieu d'écrire. Chaque surface a son propre interrupteur : In-app chat couvre les conversations hébergées dans l'application et Embed widget couvre le widget sur votre propre site."
+		},
+		showVoiceCall: {
+			label: "Show Voice Call",
+			tooltip: "Permet aux personnes de démarrer un appel vocal en direct avec l'agent. Chaque surface a son propre interrupteur : In-app chat couvre les conversations hébergées dans l'application et Embed widget couvre le widget sur votre propre site."
+		},
+		embedShowAttachment: {
+			label: "Afficher les pieces jointes (widget integre)"
+		},
+		embedShowVoiceRecord: {
+			label: "Afficher l'enregistrement vocal (widget integre)"
+		},
+		embedShowVoiceCall: {
+			label: "Afficher les appels vocaux (widget integre)"
 		},
 		allowCopies: {
 			label: "Autoriser les copies",
@@ -107751,7 +107791,7 @@ var settingsTabLabels$2 = {
 		},
 		showReasoning: {
 			label: "Raisonnement détaillé",
-			tooltip: "Afficher les étapes de raisonnement de l'agent pendant qu'il répond."
+			tooltip: "Afficher les étapes de raisonnement de l'agent pendant qu'il répond. Ce paramètre a une seule valeur ; il s'applique donc à la fois au chat dans l'application et au widget intégré."
 		},
 		image: {
 			label: "Image",
@@ -107761,19 +107801,19 @@ var settingsTabLabels$2 = {
 		},
 		enhancedDocRetrieval: {
 			label: "Enhanced document retrieval",
-			tooltip: "Run multiple search queries per question to pull in more relevant documents."
+			tooltip: "Run multiple search queries per question to pull in more relevant documents. This setting has one value, so it applies to both in-app chat and the embed widget."
 		},
 		promptCaching: {
 			label: "Prompt caching",
-			tooltip: "Cache repeated prompt context to lower latency and cost on long conversations."
+			tooltip: "Cache repeated prompt context to lower latency and cost on long conversations. This setting has one value, so it applies to both in-app chat and the embed widget."
 		},
 		privateMode: {
 			label: "Enable private mode",
-			tooltip: "When on, every conversation with this agent runs in private mode — no chat history or memory is stored for any user. Use this for sensitive or compliance-bound deployments."
+			tooltip: "When on, every conversation with this agent runs in private mode — no chat history or memory is stored for any user. Use this for sensitive or compliance-bound deployments. This setting has one value, so it applies to both in-app chat and the embed widget."
 		},
 		smartDocRetrieval: {
 			label: "Smart document retrieval",
-			tooltip: "Use function calling during voice calls to fetch documents only when needed."
+			tooltip: "The agent fetches documents only when it needs them, instead of searching the knowledge base on every turn. This setting has one value, so it applies to both in-app chat and the embed widget."
 		}
 	},
 	actions: {
@@ -107821,8 +107861,19 @@ var settingsTabLabels$2 = {
 	},
 	sections: {
 		chatExperience: "Chat experience",
-		voiceCalls: "Voice & calls",
-		advanced: "Advanced"
+		advanced: "Advanced",
+		perSurface: "Capacites par surface",
+		globalSettings: "Capacites globales"
+	},
+	surfaces: {
+		inAppChat: "In-app chat",
+		embedWidget: "Embed widget"
+	},
+	notes: {
+		perSurface: "A configurer independamment pour le chat dans l'application et le widget integre.",
+		globalSettings: "Ils s'appliquent aussi bien au chat dans l'application qu'au widget integre.",
+		inAppChat: "Les conversations hebergees dans l'application : le chat que vos utilisateurs ouvrent ici.",
+		embedWidget: "Le widget que vous integrez a votre propre site avec l'extrait de l'onglet Integration."
 	}
 };
 var skillsProfileAddSkillDialog$2 = {
@@ -108533,6 +108584,9 @@ var tabsSettingsTab$2 = {
 	featuredTooltipAriaLabel: "Plus d'informations sur la mise en avant",
 	showAttachmentTooltipAriaLabel: "Plus d'informations sur l'affichage des pièces jointes",
 	showVoiceRecordTooltipAriaLabel: "Plus d'informations sur l'affichage de l'enregistrement vocal",
+	showVoiceCallTooltipAriaLabel: "More info about show voice call",
+	inAppChatTooltipAriaLabel: "More info about in-app chat",
+	embedWidgetTooltipAriaLabel: "More info about the embed widget",
 	allowCopiesTooltipAriaLabel: "Plus d'informations sur l'autorisation des copies",
 	showReasoningTooltipAriaLabel: "Plus d'informations sur le raisonnement détaillé",
 	toggleStateEnabled: "activé",
@@ -114860,11 +114914,24 @@ var settingsTabLabels$1 = {
 		},
 		showAttachment: {
 			label: "Mostrar archivos adjuntos",
-			tooltip: "Mostrar opciones de archivos adjuntos en la interfaz de chat"
+			tooltip: "Permite que las personas adjunten archivos a una conversación. Cada superficie tiene su propio interruptor: In-app chat cubre las conversaciones alojadas en la aplicación y Embed widget cubre el widget en tu propio sitio."
 		},
 		showVoiceRecord: {
 			label: "Mostrar grabación de voz",
-			tooltip: "Mostrar opciones de grabación de voz en la interfaz de chat"
+			tooltip: "Permite que las personas envíen una grabación de voz en lugar de escribir. Cada superficie tiene su propio interruptor: In-app chat cubre las conversaciones alojadas en la aplicación y Embed widget cubre el widget en tu propio sitio."
+		},
+		showVoiceCall: {
+			label: "Show Voice Call",
+			tooltip: "Permite que las personas inicien una llamada de voz en vivo con el agente. Cada superficie tiene su propio interruptor: In-app chat cubre las conversaciones alojadas en la aplicación y Embed widget cubre el widget en tu propio sitio."
+		},
+		embedShowAttachment: {
+			label: "Mostrar adjuntos (widget incrustado)"
+		},
+		embedShowVoiceRecord: {
+			label: "Mostrar grabacion de voz (widget incrustado)"
+		},
+		embedShowVoiceCall: {
+			label: "Mostrar llamadas de voz (widget incrustado)"
 		},
 		allowCopies: {
 			label: "Permitir copias",
@@ -114872,7 +114939,7 @@ var settingsTabLabels$1 = {
 		},
 		showReasoning: {
 			label: "Razonamiento detallado",
-			tooltip: "Mostrar los pasos de razonamiento del agente mientras responde."
+			tooltip: "Mostrar los pasos de razonamiento del agente mientras responde. Esta configuración tiene un solo valor, por lo que se aplica tanto al chat en la aplicación como al widget insertado."
 		},
 		image: {
 			label: "Imagen",
@@ -114882,19 +114949,19 @@ var settingsTabLabels$1 = {
 		},
 		enhancedDocRetrieval: {
 			label: "Enhanced document retrieval",
-			tooltip: "Run multiple search queries per question to pull in more relevant documents."
+			tooltip: "Run multiple search queries per question to pull in more relevant documents. This setting has one value, so it applies to both in-app chat and the embed widget."
 		},
 		promptCaching: {
 			label: "Prompt caching",
-			tooltip: "Cache repeated prompt context to lower latency and cost on long conversations."
+			tooltip: "Cache repeated prompt context to lower latency and cost on long conversations. This setting has one value, so it applies to both in-app chat and the embed widget."
 		},
 		privateMode: {
 			label: "Enable private mode",
-			tooltip: "When on, every conversation with this agent runs in private mode — no chat history or memory is stored for any user. Use this for sensitive or compliance-bound deployments."
+			tooltip: "When on, every conversation with this agent runs in private mode — no chat history or memory is stored for any user. Use this for sensitive or compliance-bound deployments. This setting has one value, so it applies to both in-app chat and the embed widget."
 		},
 		smartDocRetrieval: {
 			label: "Smart document retrieval",
-			tooltip: "Use function calling during voice calls to fetch documents only when needed."
+			tooltip: "The agent fetches documents only when it needs them, instead of searching the knowledge base on every turn. This setting has one value, so it applies to both in-app chat and the embed widget."
 		}
 	},
 	actions: {
@@ -114942,8 +115009,19 @@ var settingsTabLabels$1 = {
 	},
 	sections: {
 		chatExperience: "Chat experience",
-		voiceCalls: "Voice & calls",
-		advanced: "Advanced"
+		advanced: "Advanced",
+		perSurface: "Capacidades por superficie",
+		globalSettings: "Capacidades globales"
+	},
+	surfaces: {
+		inAppChat: "In-app chat",
+		embedWidget: "Embed widget"
+	},
+	notes: {
+		perSurface: "Se configuran de forma independiente para el chat en la aplicacion y el widget incrustado.",
+		globalSettings: "Se aplican tanto al chat en la aplicacion como al widget incrustado.",
+		inAppChat: "Conversaciones alojadas dentro de la aplicacion: el chat que tus usuarios abren aqui.",
+		embedWidget: "El widget que incrustas en tu propio sitio con el fragmento de la pestana Insertar."
 	}
 };
 var skillsProfileAddSkillDialog$1 = {
@@ -115654,6 +115732,9 @@ var tabsSettingsTab$1 = {
 	featuredTooltipAriaLabel: "Más información sobre destacado",
 	showAttachmentTooltipAriaLabel: "Más información sobre mostrar adjuntos",
 	showVoiceRecordTooltipAriaLabel: "Más información sobre mostrar grabación de voz",
+	showVoiceCallTooltipAriaLabel: "More info about show voice call",
+	inAppChatTooltipAriaLabel: "More info about in-app chat",
+	embedWidgetTooltipAriaLabel: "More info about the embed widget",
 	allowCopiesTooltipAriaLabel: "Más información sobre permitir copias",
 	showReasoningTooltipAriaLabel: "Más información sobre el razonamiento detallado",
 	toggleStateEnabled: "activado",
@@ -121981,11 +122062,24 @@ var settingsTabLabels = {
 		},
 		showAttachment: {
 			label: "显示附件",
-			tooltip: "在聊天界面中显示附件选项"
+			tooltip: "允许用户在对话中添加附件。每个界面都有独立的开关：In-app chat 用于应用内托管的对话，Embed widget 用于您自己网站上的小组件。"
 		},
 		showVoiceRecord: {
 			label: "显示语音录制",
-			tooltip: "在聊天界面中显示语音录制选项"
+			tooltip: "允许用户发送语音录音而不是打字。每个界面都有独立的开关：In-app chat 用于应用内托管的对话，Embed widget 用于您自己网站上的小组件。"
+		},
+		showVoiceCall: {
+			label: "Show Voice Call",
+			tooltip: "允许用户与智能体发起实时语音通话。每个界面都有独立的开关：In-app chat 用于应用内托管的对话，Embed widget 用于您自己网站上的小组件。"
+		},
+		embedShowAttachment: {
+			label: "显示附件（嵌入式挂件）"
+		},
+		embedShowVoiceRecord: {
+			label: "显示语音录音（嵌入式挂件）"
+		},
+		embedShowVoiceCall: {
+			label: "显示语音通话（嵌入式挂件）"
 		},
 		allowCopies: {
 			label: "允许复制",
@@ -121993,7 +122087,7 @@ var settingsTabLabels = {
 		},
 		showReasoning: {
 			label: "详细推理",
-			tooltip: "在智能体响应时显示其推理步骤。"
+			tooltip: "在智能体响应时显示其推理步骤。 此设置只有一个值，因此同时适用于应用内聊天和嵌入式小组件。"
 		},
 		image: {
 			label: "图片",
@@ -122003,19 +122097,19 @@ var settingsTabLabels = {
 		},
 		enhancedDocRetrieval: {
 			label: "Enhanced document retrieval",
-			tooltip: "Run multiple search queries per question to pull in more relevant documents."
+			tooltip: "Run multiple search queries per question to pull in more relevant documents. This setting has one value, so it applies to both in-app chat and the embed widget."
 		},
 		promptCaching: {
 			label: "Prompt caching",
-			tooltip: "Cache repeated prompt context to lower latency and cost on long conversations."
+			tooltip: "Cache repeated prompt context to lower latency and cost on long conversations. This setting has one value, so it applies to both in-app chat and the embed widget."
 		},
 		privateMode: {
 			label: "Enable private mode",
-			tooltip: "When on, every conversation with this agent runs in private mode — no chat history or memory is stored for any user. Use this for sensitive or compliance-bound deployments."
+			tooltip: "When on, every conversation with this agent runs in private mode — no chat history or memory is stored for any user. Use this for sensitive or compliance-bound deployments. This setting has one value, so it applies to both in-app chat and the embed widget."
 		},
 		smartDocRetrieval: {
 			label: "Smart document retrieval",
-			tooltip: "Use function calling during voice calls to fetch documents only when needed."
+			tooltip: "The agent fetches documents only when it needs them, instead of searching the knowledge base on every turn. This setting has one value, so it applies to both in-app chat and the embed widget."
 		}
 	},
 	actions: {
@@ -122063,8 +122157,19 @@ var settingsTabLabels = {
 	},
 	sections: {
 		chatExperience: "Chat experience",
-		voiceCalls: "Voice & calls",
-		advanced: "Advanced"
+		advanced: "Advanced",
+		perSurface: "按界面功能",
+		globalSettings: "全局功能"
+	},
+	surfaces: {
+		inAppChat: "In-app chat",
+		embedWidget: "Embed widget"
+	},
+	notes: {
+		perSurface: "分别为应用内聊天和嵌入式挂件单独设置。",
+		globalSettings: "同时适用于应用内聊天和嵌入式挂件。",
+		inAppChat: "应用内托管的对话，即用户在此打开的聊天。",
+		embedWidget: "你使用“嵌入”标签页中的代码片段嵌入到自己网站上的挂件。"
 	}
 };
 var skillsProfileAddSkillDialog = {
@@ -122775,6 +122880,9 @@ var tabsSettingsTab = {
 	featuredTooltipAriaLabel: "关于精选的更多信息",
 	showAttachmentTooltipAriaLabel: "关于显示附件的更多信息",
 	showVoiceRecordTooltipAriaLabel: "关于显示语音录制的更多信息",
+	showVoiceCallTooltipAriaLabel: "More info about show voice call",
+	inAppChatTooltipAriaLabel: "More info about in-app chat",
+	embedWidgetTooltipAriaLabel: "More info about the embed widget",
 	allowCopiesTooltipAriaLabel: "关于允许复制的更多信息",
 	showReasoningTooltipAriaLabel: "关于详细推理的更多信息",
 	toggleStateEnabled: "已启用",
@@ -218740,6 +218848,12 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
         var _a;
         (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
     };
+    // The picture itself, with no editing affordance around it. The wrapper
+    // below decides whether it is clickable.
+    const profileAvatar = (jsxs(Avatar, { className: "h-20 w-20", children: [((_b = userMetadataEdx === null || userMetadataEdx === void 0 ? void 0 : userMetadataEdx.profile_image) === null || _b === void 0 ? void 0 : _b.has_image) ? (jsx(AvatarImage, { src: (_c = userMetadataEdx === null || userMetadataEdx === void 0 ? void 0 : userMetadataEdx.profile_image) === null || _c === void 0 ? void 0 : _c.image_url_full, alt: t('profileIndex.altProfilePicture'), className: "rounded-full object-cover w-full h-full group-hover:opacity-80 transition-opacity" })) : customization.useGravatarPicFallback ? (jsx(Gravatar, { className: "w-full h-full rounded-full object-cover group-hover:opacity-80 transition-opacity", email: userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email, size: 80, alt: t('profileIndex.altProfilePictureGravatar') })) : (jsx(Fragment$1, {})), jsx(AvatarFallback, { className: cn('bg-blue-800 text-white text-xl rounded-full', customization.useGravatarPicFallback &&
+                    !((_d = userMetadataEdx === null || userMetadataEdx === void 0 ? void 0 : userMetadataEdx.profile_image) === null || _d === void 0 ? void 0 : _d.image_url_full)
+                    ? 'hidden'
+                    : ''), children: getInitials((userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.name) || (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.username) || (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email) || '') })] }));
     const handleFileUpload = (event) => {
         var _a;
         const file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
@@ -218790,10 +218904,9 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
     return (jsxs("div", { className: "flex flex-col lg:flex-row h-full", children: [jsx("div", { className: "lg:hidden", children: jsx("div", { className: "px-6 py-4 border-b border-gray-200", children: jsx("h2", { className: "text-lg font-semibold text-gray-900", children: t('profileIndex.profileHeading') }) }) }), jsxs("div", { className: "hidden lg:flex bg-white border-r border-gray-200 dark:border-gray-700 flex-col overflow-hidden", style: {
                     width: '320px',
                     height: '100%',
-                }, children: [jsxs("div", { className: "flex flex-col items-center justify-center py-6 px-6 border-b border-gray-200 dark:border-gray-700 flex-shrink-0", children: [isUserMetadataEdxLoading || isUploadingProfileImage ? (jsx(Skeleton, { className: "h-20 w-20 mb-6 rounded-full", "aria-label": t('profileIndex.ariaLoadingProfileImage') })) : (jsxs("button", { type: "button", className: "relative w-20 h-20 mb-4 cursor-pointer group rounded-full focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2", onMouseEnter: () => setIsHovering(true), onMouseLeave: () => setIsHovering(false), onClick: handleAvatarClick, "aria-label": t('profileIndex.ariaUploadProfilePicture'), children: [jsxs(Avatar, { className: "h-20 w-20", children: [((_b = userMetadataEdx === null || userMetadataEdx === void 0 ? void 0 : userMetadataEdx.profile_image) === null || _b === void 0 ? void 0 : _b.has_image) ? (jsx(AvatarImage, { src: (_c = userMetadataEdx === null || userMetadataEdx === void 0 ? void 0 : userMetadataEdx.profile_image) === null || _c === void 0 ? void 0 : _c.image_url_full, alt: t('profileIndex.altProfilePicture'), className: "rounded-full object-cover w-full h-full group-hover:opacity-80 transition-opacity" })) : customization.useGravatarPicFallback ? (jsx(Gravatar, { className: "w-full h-full rounded-full object-cover group-hover:opacity-80 transition-opacity", email: userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email, size: 80, alt: t('profileIndex.altProfilePictureGravatar') })) : (jsx(Fragment$1, {})), jsx(AvatarFallback, { className: cn('bg-blue-800 text-white text-xl rounded-full', customization.useGravatarPicFallback &&
-                                                    !((_d = userMetadataEdx === null || userMetadataEdx === void 0 ? void 0 : userMetadataEdx.profile_image) === null || _d === void 0 ? void 0 : _d.image_url_full)
-                                                    ? 'hidden'
-                                                    : ''), children: getInitials((userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.name) || (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.username) || (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email) || '') })] }), isHovering && (jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-blue-800 rounded-full border-4 border-white/20", "aria-hidden": "true", children: jsx("span", { className: "text-white text-xs font-medium text-center px-2", children: t('profileIndex.uploadOverlay') }) })), jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", onChange: handleFileUpload, className: "hidden", "aria-label": t('profileIndex.ariaChooseProfilePicture'), tabIndex: -1 })] })), jsx("h2", { className: "text-base font-semibold text-gray-900 dark:text-gray-100 text-center mb-3 break-all px-2", title: userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email, children: userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email }), jsxs("div", { className: "flex justify-center space-x-3", children: [jsxs("div", { className: "bg-blue-100 text-blue-700 px-2 py-1 rounded font-medium flex items-center text-sm", children: [jsx(RoleIcon, { className: "h-4 w-4 mr-2", "aria-hidden": "true" }), jsx("span", { children: isAdmin ? t('profileIndex.roleAdmin') : t('profileIndex.roleUser') })] }), customization.showPlatformName && (jsx("div", { className: "bg-gray-100 text-gray-600 px-4 py-2 rounded text-xs font-medium", children: tenant.toUpperCase() }))] })] }), jsx("nav", { className: "flex-1 overflow-y-auto", style: { minHeight: 0 }, "aria-label": t('profileIndex.ariaProfileTabs'), children: jsx("div", { className: "p-4", children: jsx("div", { className: "flex flex-col space-y-1.5", role: "tablist", "aria-orientation": "vertical", children: TABS.map((tab) => (jsxs("button", { role: "tab", "aria-selected": activeTab === tab.id, "aria-controls": `${tab.id}-tabpanel`, id: `${tab.id}-tab`, onClick: () => setActiveTab(tab.id), className: `w-full justify-start px-4 py-2.5 text-left rounded-lg transition-all flex items-center text-base ${activeTab === tab.id
+                }, children: [jsxs("div", { className: "flex flex-col items-center justify-center py-6 px-6 border-b border-gray-200 dark:border-gray-700 flex-shrink-0", children: [isUserMetadataEdxLoading || isUploadingProfileImage ? (jsx(Skeleton, { className: "h-20 w-20 mb-6 rounded-full", "aria-label": t('profileIndex.ariaLoadingProfileImage') })) : isReadOnly ? (
+                            // Someone else's profile: show the picture, offer no way to replace it.
+                            jsx("div", { className: "relative w-20 h-20 mb-4 rounded-full", children: profileAvatar })) : (jsxs("button", { type: "button", className: "relative w-20 h-20 mb-4 cursor-pointer group rounded-full focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2", onMouseEnter: () => setIsHovering(true), onMouseLeave: () => setIsHovering(false), onClick: handleAvatarClick, "aria-label": t('profileIndex.ariaUploadProfilePicture'), children: [profileAvatar, isHovering && (jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-blue-800 rounded-full border-4 border-white/20", "aria-hidden": "true", children: jsx("span", { className: "text-white text-xs font-medium text-center px-2", children: t('profileIndex.uploadOverlay') }) })), jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", onChange: handleFileUpload, className: "hidden", "aria-label": t('profileIndex.ariaChooseProfilePicture'), tabIndex: -1 })] })), jsx("h2", { className: "text-base font-semibold text-gray-900 dark:text-gray-100 text-center mb-3 break-all px-2", title: userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email, children: userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email }), jsxs("div", { className: "flex justify-center space-x-3", children: [jsxs("div", { className: "bg-blue-100 text-blue-700 px-2 py-1 rounded font-medium flex items-center text-sm", children: [jsx(RoleIcon, { className: "h-4 w-4 mr-2", "aria-hidden": "true" }), jsx("span", { children: isAdmin ? t('profileIndex.roleAdmin') : t('profileIndex.roleUser') })] }), customization.showPlatformName && (jsx("div", { className: "bg-gray-100 text-gray-600 px-4 py-2 rounded text-xs font-medium", children: tenant.toUpperCase() }))] })] }), jsx("nav", { className: "flex-1 overflow-y-auto", style: { minHeight: 0 }, "aria-label": t('profileIndex.ariaProfileTabs'), children: jsx("div", { className: "p-4", children: jsx("div", { className: "flex flex-col space-y-1.5", role: "tablist", "aria-orientation": "vertical", children: TABS.map((tab) => (jsxs("button", { role: "tab", "aria-selected": activeTab === tab.id, "aria-controls": `${tab.id}-tabpanel`, id: `${tab.id}-tab`, onClick: () => setActiveTab(tab.id), className: `w-full justify-start px-4 py-2.5 text-left rounded-lg transition-all flex items-center text-base ${activeTab === tab.id
                                         ? 'bg-blue-50 text-blue-700 font-medium'
                                         : 'hover:bg-gray-50 text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100'}`, children: [jsx(tab.renderIcon, { className: "h-5 w-5 mr-3 flex-shrink-0", "aria-hidden": "true" }), jsx("span", { className: "truncate", children: tab.label })] }, tab.id))) }) }) })] }), jsx("nav", { className: "lg:hidden", "aria-label": t('profileIndex.ariaProfileTabsMobile'), children: jsx("div", { className: "w-full justify-start px-6 py-2 bg-white border-b border-gray-200 rounded-none h-auto overflow-x-auto", children: jsx("div", { className: "flex space-x-2", role: "tablist", "aria-orientation": "horizontal", children: TABS.map((tab) => (jsxs("button", { role: "tab", "aria-selected": activeTab === tab.id, "aria-controls": `${tab.id}-tabpanel`, id: `${tab.id}-tab-mobile`, onClick: () => setActiveTab(tab.id), className: `flex items-center gap-2 px-3 py-2 rounded-lg whitespace-nowrap text-sm transition-all ${activeTab === tab.id
                                 ? 'bg-blue-50 text-blue-600 font-medium'
@@ -223986,7 +224099,18 @@ const TabDescription = ({ icon, title, children }) => {
 };
 const Admin = ({ tenant, onInviteClick, hasUserTabPermission = false, hasGroupsTabPermission = false, hasRolesTabPermission = false, hasPoliciesTabPermission = false, hasTeamsTabPermission = false, hasAlertsTabPermission = false, hasInviteUserPermission = false, hasCreateTeamPermission = false, onLoadGroupPermissions, rbacPermissions = {}, enableRbac = false, showGradebookTab = false, currentSpa, authSpaUrl, onboardingBasePath, }) => {
     const t = useT();
-    return (jsx("div", { className: "border border-gray-200 rounded-lg p-6", children: jsxs(Tabs, { defaultValue: "users", "aria-label": t('profileAdmin.rbacManagementTabsAriaLabel'), children: [jsxs(TabsList, { "aria-label": t('profileAdmin.managementTabsAriaLabel'), className: "max-w-full overflow-x-auto justify-start px-1", children: [hasUserTabPermission && (jsx(TabsTrigger, { value: "users", children: t('profileAdmin.usersTab') })), hasGroupsTabPermission && (jsx(TabsTrigger, { value: "groups", children: t('profileAdmin.groupsTab') })), hasRolesTabPermission && (jsx(TabsTrigger, { value: "roles", children: t('profileAdmin.rolesTab') })), hasPoliciesTabPermission && (jsx(TabsTrigger, { value: "policies", children: t('profileAdmin.policiesTab') })), hasTeamsTabPermission && (jsx(TabsTrigger, { value: "teams", children: t('profileAdmin.teamsTab') })), hasAlertsTabPermission && (jsx(TabsTrigger, { value: "alerts", children: t('profileAdmin.alertsTab') })), jsx(TabsTrigger, { value: "applications", children: t('profileAdmin.applicationsTab') }), jsx(TabsTrigger, { value: "onboarding", children: t('profileAdmin.onboardingTab') })] }), hasUserTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "users", children: [jsx(TabDescription, { icon: jsx(Users, { className: "w-5 h-5" }), title: t('profileAdmin.usersTab'), children: t('profileAdmin.usersDescription') }), jsx(UsersTab, { tenant: tenant, onInviteClick: onInviteClick, currentSpa: currentSpa, showGradebookTab: showGradebookTab })] })), hasGroupsTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "groups", children: [jsx(TabDescription, { icon: jsx(UsersRound, { className: "w-5 h-5" }), title: t('profileAdmin.groupsTab'), children: t('profileAdmin.groupsDescription') }), jsx(GroupsTab, { tenant: tenant })] })), hasRolesTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "roles", children: [jsx(TabDescription, { icon: jsx(UserCog, { className: "w-5 h-5" }), title: t('profileAdmin.rolesTab'), children: t('profileAdmin.rolesDescription') }), jsx(RolesTab, { tenant: tenant })] })), hasPoliciesTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "policies", children: [jsx(TabDescription, { icon: jsx(ScrollText, { className: "w-5 h-5" }), title: t('profileAdmin.policiesTab'), children: t('profileAdmin.policiesDescription') }), jsx(PoliciesTab, { tenant: tenant })] })), hasTeamsTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "teams", children: [jsx(TabDescription, { icon: jsx(Shield, { className: "w-5 h-5" }), title: t('profileAdmin.teamsTab'), children: t('profileAdmin.teamsDescription') }), jsx(GroupsTab, { tenant: tenant, isTeam: true, onInviteClick: onInviteClick, hasInviteUserPermission: hasInviteUserPermission, hasCreateTeamPermission: hasCreateTeamPermission, onLoadGroupPermissions: onLoadGroupPermissions, rbacPermissions: rbacPermissions, enableRbac: enableRbac })] })), hasAlertsTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "alerts", children: [jsx(TabDescription, { icon: jsx(BellRing, { className: "w-5 h-5" }), title: t('profileAdmin.alertsTab'), children: t('profileAdmin.alertsDescription') }), jsx(AlertsTab, { tenant: tenant })] })), jsxs(TabsContent, { className: "mt-4", value: "applications", children: [jsx(TabDescription, { icon: jsx(ClipboardList, { className: "w-5 h-5" }), title: t('profileAdmin.applicationsTab'), children: t('profileAdmin.applicationsTabDescription') }), jsx(ApplicationsTab, { platformKey: tenant, authSpaUrl: authSpaUrl })] }), jsxs(TabsContent, { className: "mt-4", value: "onboarding", children: [jsx(TabDescription, { icon: jsx(UserPlus, { className: "w-5 h-5" }), title: t('profileAdmin.onboardingTab'), children: t('profileAdmin.onboardingTabDescription') }), jsx(OnboardingTab, { platformKey: tenant, onboardingBasePath: onboardingBasePath })] })] }) }));
+    const { currentTenant } = useCurrentTenant();
+    const storeRbacPermissions = useSelector(selectRbacPermissions);
+    /**
+     * A pure watcher administers nothing — Users is the only tab they get, and
+     * `UsersTab` serves them the users they may watch rather than the tenant
+     * roster. Their `/watchedgroups/#list` permission would otherwise open
+     * Alerts and Teams, and Applications and Onboarding are ungated for
+     * everyone else.
+     */
+    const isWatcher = isPureWatcher(storeRbacPermissions, currentTenant);
+    const showUsersTab = isWatcher || hasUserTabPermission;
+    return (jsx("div", { className: "border border-gray-200 rounded-lg p-6", children: jsxs(Tabs, { defaultValue: "users", "aria-label": t('profileAdmin.rbacManagementTabsAriaLabel'), children: [jsxs(TabsList, { "aria-label": t('profileAdmin.managementTabsAriaLabel'), className: "max-w-full overflow-x-auto justify-start px-1", children: [showUsersTab && jsx(TabsTrigger, { value: "users", children: t('profileAdmin.usersTab') }), !isWatcher && hasGroupsTabPermission && (jsx(TabsTrigger, { value: "groups", children: t('profileAdmin.groupsTab') })), !isWatcher && hasRolesTabPermission && (jsx(TabsTrigger, { value: "roles", children: t('profileAdmin.rolesTab') })), !isWatcher && hasPoliciesTabPermission && (jsx(TabsTrigger, { value: "policies", children: t('profileAdmin.policiesTab') })), !isWatcher && hasTeamsTabPermission && (jsx(TabsTrigger, { value: "teams", children: t('profileAdmin.teamsTab') })), !isWatcher && hasAlertsTabPermission && (jsx(TabsTrigger, { value: "alerts", children: t('profileAdmin.alertsTab') })), !isWatcher && (jsx(TabsTrigger, { value: "applications", children: t('profileAdmin.applicationsTab') })), !isWatcher && (jsx(TabsTrigger, { value: "onboarding", children: t('profileAdmin.onboardingTab') }))] }), showUsersTab && (jsxs(TabsContent, { className: "mt-4", value: "users", children: [jsx(TabDescription, { icon: jsx(Users, { className: "w-5 h-5" }), title: t('profileAdmin.usersTab'), children: t('profileAdmin.usersDescription') }), jsx(UsersTab, { tenant: tenant, onInviteClick: onInviteClick, currentSpa: currentSpa, showGradebookTab: showGradebookTab })] })), !isWatcher && hasGroupsTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "groups", children: [jsx(TabDescription, { icon: jsx(UsersRound, { className: "w-5 h-5" }), title: t('profileAdmin.groupsTab'), children: t('profileAdmin.groupsDescription') }), jsx(GroupsTab, { tenant: tenant })] })), !isWatcher && hasRolesTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "roles", children: [jsx(TabDescription, { icon: jsx(UserCog, { className: "w-5 h-5" }), title: t('profileAdmin.rolesTab'), children: t('profileAdmin.rolesDescription') }), jsx(RolesTab, { tenant: tenant })] })), !isWatcher && hasPoliciesTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "policies", children: [jsx(TabDescription, { icon: jsx(ScrollText, { className: "w-5 h-5" }), title: t('profileAdmin.policiesTab'), children: t('profileAdmin.policiesDescription') }), jsx(PoliciesTab, { tenant: tenant })] })), !isWatcher && hasTeamsTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "teams", children: [jsx(TabDescription, { icon: jsx(Shield, { className: "w-5 h-5" }), title: t('profileAdmin.teamsTab'), children: t('profileAdmin.teamsDescription') }), jsx(GroupsTab, { tenant: tenant, isTeam: true, onInviteClick: onInviteClick, hasInviteUserPermission: hasInviteUserPermission, hasCreateTeamPermission: hasCreateTeamPermission, onLoadGroupPermissions: onLoadGroupPermissions, rbacPermissions: rbacPermissions, enableRbac: enableRbac })] })), !isWatcher && hasAlertsTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "alerts", children: [jsx(TabDescription, { icon: jsx(BellRing, { className: "w-5 h-5" }), title: t('profileAdmin.alertsTab'), children: t('profileAdmin.alertsDescription') }), jsx(AlertsTab, { tenant: tenant })] })), !isWatcher && (jsxs(TabsContent, { className: "mt-4", value: "applications", children: [jsx(TabDescription, { icon: jsx(ClipboardList, { className: "w-5 h-5" }), title: t('profileAdmin.applicationsTab'), children: t('profileAdmin.applicationsTabDescription') }), jsx(ApplicationsTab, { platformKey: tenant, authSpaUrl: authSpaUrl })] })), !isWatcher && (jsxs(TabsContent, { className: "mt-4", value: "onboarding", children: [jsx(TabDescription, { icon: jsx(UserPlus, { className: "w-5 h-5" }), title: t('profileAdmin.onboardingTab'), children: t('profileAdmin.onboardingTabDescription') }), jsx(OnboardingTab, { platformKey: tenant, onboardingBasePath: onboardingBasePath })] }))] }) }));
 };
 
 function DeleteApiModal$1({ isOpen, onClose, apiKey, tenantKey }) {
@@ -264667,11 +264791,18 @@ function BenchmarksTab({ tenantKey, username, }) {
 }
 
 function Account({ tenant, tenants = [], username, onInviteClick, email, mainPlatformKey, userActiveApp = null, showPlatformName = false, isAdmin = false, targetTab = 'basic', currentPlan: _currentPlan = '', currentSPA = '', authURL, onTenantUpdate, currentPlatformBaseDomain = '', enableRbac = false, showBenchmarks = false, rbacPermissions = {}, onLoadGroupPermissions, onTabChange, defaultSupportPhone = '', enableSupportPhone, showGradebookTab = false, onboardingBasePath = '', }) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const t = useT();
     const currentTenant = tenants.find((ten) => ten.key === tenant);
     const hasMonetizationPermission = checkRbacPermission(rbacPermissions, `/platforms/${tenant}/#can_sell_items`, enableRbac);
     const canMonetize = (currentTenant === null || currentTenant === void 0 ? void 0 : currentTenant.enable_monetization) && hasMonetizationPermission;
+    /**
+     * Billing is gated by the tenant's paywall, and on top of that by the
+     * selling permission whenever RBAC is on and the viewer is not an admin.
+     * `checkRbacPermission` already passes everything through with RBAC off,
+     * so only the admin bypass needs spelling out here.
+     */
+    const canSeeBilling = !!(currentTenant === null || currentTenant === void 0 ? void 0 : currentTenant.show_paywall) && (isAdmin || hasMonetizationPermission);
     const TABS = [
         { id: 'organization', label: t('profileAccount.tabOrganization'), icon: Briefcase },
         { id: 'management', label: t('profileAccount.tabManagement'), icon: Users },
@@ -264685,7 +264816,6 @@ function Account({ tenant, tenants = [], username, onInviteClick, email, mainPla
         { id: 'memory', label: t('profileAccount.tabMemory'), icon: Brain },
         { id: 'advanced', label: t('profileAccount.tabAdvanced'), icon: Settings$1 },
     ];
-    const [activeTab, setActiveTab] = useState(targetTab);
     const [organizationLogo, setOrganizationLogo] = useState(`${LOGO_ENDPOINTS.light_logo(tenant)}?v=${Date.now()}`);
     const hasUserTabPermission = checkRbacPermission(rbacPermissions, `/platforms/${tenant}/#can_manage_users`, enableRbac);
     const hasGroupsTabPermission = checkRbacPermission(rbacPermissions, `/groups/#list`, enableRbac);
@@ -264701,6 +264831,28 @@ function Account({ tenant, tenants = [], username, onInviteClick, email, mainPla
         hasRolesTabPermission ||
         hasTeamsTabPermission ||
         hasAlertsTabPermission;
+    /**
+     * Tabs this user may actually open, in the order the sidebar lists them.
+     * Everything but Management is admin-only, and Billing sits outside `TABS`
+     * because the paywall gates it, so it is appended last here too.
+     */
+    const visibleTabIds = [
+        ...TABS.filter((tab) => (tab.id === 'management' ? hasManagementPermissions : isAdmin)).map((tab) => tab.id),
+        ...(canSeeBilling ? ['billing'] : []),
+    ];
+    const visibleTabKey = visibleTabIds.join(',');
+    // Entry points ask for a tab by name, and the name can be one this user has
+    // no business seeing — a watcher opening the modal is sent to Organization,
+    // which their sidebar does not even list. Open their first real tab instead.
+    const [activeTab, setActiveTab] = useState(visibleTabIds.includes(targetTab) ? targetTab : ((_a = visibleTabIds[0]) !== null && _a !== void 0 ? _a : targetTab));
+    // `tenants` can arrive after mount, which is when the paywall tab appears and
+    // the permission checks settle, so re-run the same fallback once it does.
+    useEffect(() => {
+        const available = visibleTabKey ? visibleTabKey.split(',') : [];
+        if (available.length > 0 && !available.includes(activeTab)) {
+            setActiveTab(available[0]);
+        }
+    }, [visibleTabKey, activeTab]);
     useEffect(() => {
         const firstInput = document.getElementById('fullName');
         if (firstInput) {
@@ -264712,14 +264864,7 @@ function Account({ tenant, tenants = [], username, onInviteClick, email, mainPla
                     height: '100%',
                 }, children: [jsxs("div", { className: "flex flex-col items-center justify-center py-6 px-6 border-b border-gray-200 dark:border-gray-700 flex-shrink-0", children: [organizationLogo ? (jsx("div", { className: "w-auto h-auto max-w-[140px] max-h-[140px] overflow-hidden", children: jsx(Image$4, { src: organizationLogo, alt: t('profileAccount.organizationLogoAlt'), width: 140, height: 140, className: "object-cover w-full h-full group-hover:opacity-80 transition-opacity", onError: () => {
                                         setOrganizationLogo('');
-                                    } }) })) : (jsx(BriefcaseBusiness, { className: "h-20 w-20 mb-4 text-blue-500" })), jsxs("div", { className: "flex justify-center space-x-3 mt-3", children: [jsxs("div", { className: "bg-blue-100 text-blue-700 px-2 py-1 rounded font-medium flex items-center text-sm", children: [jsx(User, { className: "h-4 w-4 mr-2" }), isAdmin ? t('profileAccount.roleAdmin') : t('profileAccount.roleUser')] }), showPlatformName && (jsx("div", { className: "bg-gray-100 text-gray-600 px-4 py-2 rounded text-xs font-medium", children: tenant.toUpperCase() }))] })] }), jsx("div", { className: "flex-1 overflow-y-auto", style: { minHeight: 0 }, children: jsx("div", { className: "p-4", children: jsxs("div", { className: "flex flex-col space-y-1.5", children: [TABS.filter((tab) => {
-                                        if (tab.id === 'management') {
-                                            return hasManagementPermissions;
-                                        }
-                                        else {
-                                            return isAdmin;
-                                        }
-                                    }).map((tab) => (jsxs("button", { onClick: () => {
+                                    } }) })) : (jsx(BriefcaseBusiness, { className: "h-20 w-20 mb-4 text-blue-500" })), jsxs("div", { className: "flex justify-center space-x-3 mt-3", children: [jsxs("div", { className: "bg-blue-100 text-blue-700 px-2 py-1 rounded font-medium flex items-center text-sm", children: [jsx(User, { className: "h-4 w-4 mr-2" }), isAdmin ? t('profileAccount.roleAdmin') : t('profileAccount.roleUser')] }), showPlatformName && (jsx("div", { className: "bg-gray-100 text-gray-600 px-4 py-2 rounded text-xs font-medium", children: tenant.toUpperCase() }))] })] }), jsx("div", { className: "flex-1 overflow-y-auto", style: { minHeight: 0 }, children: jsx("div", { className: "p-4", children: jsxs("div", { className: "flex flex-col space-y-1.5", children: [TABS.filter((tab) => visibleTabIds.includes(tab.id)).map((tab) => (jsxs("button", { onClick: () => {
                                             setActiveTab(tab.id);
                                             // Clear URL param when switching away from billing/monetization
                                             if ((activeTab === 'billing' || activeTab === 'monetization') &&
@@ -264732,20 +264877,13 @@ function Account({ tenant, tenants = [], username, onInviteClick, email, mainPla
                                             }
                                         }, className: `w-full justify-start px-4 py-2.5 text-left rounded-lg transition-all flex items-center text-base ${activeTab === tab.id
                                             ? 'bg-blue-50 text-blue-700 font-medium'
-                                            : 'hover:bg-gray-50 text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100'}`, children: [jsx(tab.icon, { className: "h-5 w-5 mr-3 flex-shrink-0" }), jsx("span", { className: "truncate", children: tab.label })] }, tab.id))), (currentTenant === null || currentTenant === void 0 ? void 0 : currentTenant.show_paywall) && (jsxs("button", { onClick: () => {
+                                            : 'hover:bg-gray-50 text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100'}`, children: [jsx(tab.icon, { className: "h-5 w-5 mr-3 flex-shrink-0" }), jsx("span", { className: "truncate", children: tab.label })] }, tab.id))), canSeeBilling && (jsxs("button", { onClick: () => {
                                             setActiveTab('billing');
                                             // Set URL param for billing tab
                                             onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange('billing');
                                         }, className: `w-full justify-start px-4 py-2.5 text-left rounded-lg transition-all flex items-center text-base ${activeTab === 'billing'
                                             ? 'bg-blue-50 text-blue-700 font-medium'
-                                            : 'hover:bg-gray-50 text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100'}`, children: [jsx(CreditCard, { className: "h-5 w-5 mr-3 flex-shrink-0" }), jsx("span", { className: "truncate", children: t('profileAccount.tabBilling') })] }, 'billing'))] }) }) })] }), jsx("div", { className: "lg:hidden", children: jsx("div", { className: "w-full justify-start px-6 py-2 bg-white border-b border-gray-200 rounded-none h-auto overflow-x-auto", children: jsxs("div", { className: "flex space-x-2", children: [TABS.filter((tab) => {
-                                if (tab.id === 'management') {
-                                    return hasManagementPermissions || !enableRbac;
-                                }
-                                else {
-                                    return isAdmin;
-                                }
-                            }).map((tab) => (jsxs("button", { onClick: () => {
+                                            : 'hover:bg-gray-50 text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100'}`, children: [jsx(CreditCard, { className: "h-5 w-5 mr-3 flex-shrink-0" }), jsx("span", { className: "truncate", children: t('profileAccount.tabBilling') })] }, 'billing'))] }) }) })] }), jsx("div", { className: "lg:hidden", children: jsx("div", { className: "w-full justify-start px-6 py-2 bg-white border-b border-gray-200 rounded-none h-auto overflow-x-auto", children: jsxs("div", { className: "flex space-x-2", children: [TABS.filter((tab) => visibleTabIds.includes(tab.id)).map((tab) => (jsxs("button", { onClick: () => {
                                     setActiveTab(tab.id);
                                     // Clear URL param when switching away from billing/monetization
                                     if ((activeTab === 'billing' || activeTab === 'monetization') &&
@@ -264758,16 +264896,16 @@ function Account({ tenant, tenants = [], username, onInviteClick, email, mainPla
                                     }
                                 }, className: `flex items-center gap-2 px-3 py-2 rounded-lg whitespace-nowrap text-sm transition-all ${activeTab === tab.id
                                     ? 'bg-blue-50 text-blue-600 font-medium'
-                                    : 'text-gray-600 hover:bg-gray-50'}`, children: [jsx(tab.icon, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: tab.label }), jsx("span", { className: "sm:hidden", children: tab.label })] }, tab.id))), (currentTenant === null || currentTenant === void 0 ? void 0 : currentTenant.show_paywall) && (jsxs("button", { onClick: () => {
+                                    : 'text-gray-600 hover:bg-gray-50'}`, children: [jsx(tab.icon, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: tab.label }), jsx("span", { className: "sm:hidden", children: tab.label })] }, tab.id))), canSeeBilling && (jsxs("button", { onClick: () => {
                                     setActiveTab('billing');
                                     // Set URL param for billing tab
                                     onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange('billing');
                                 }, className: `flex items-center gap-2 px-3 py-2 rounded-lg whitespace-nowrap text-sm transition-all ${activeTab === 'billing'
                                     ? 'bg-blue-50 text-blue-600 font-medium'
-                                    : 'text-gray-600 hover:bg-gray-50'}`, children: [jsx(CreditCard, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: t('profileAccount.tabBilling') }), jsx("span", { className: "sm:hidden", children: t('profileAccount.tabBilling') })] }, 'billing'))] }) }) }), jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", style: { height: '100%' }, children: [jsxs("div", { className: "hidden lg:block flex-shrink-0 p-6 border-b border-gray-200 bg-white dark:bg-gray-900", children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_b = (_a = TABS.find((t) => t.id === activeTab)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : (activeTab === 'billing' ? t('profileAccount.tabBilling') : activeTab) }), jsxs("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: [activeTab === 'management' && t('profileAccount.descManagement'), activeTab === 'organization' && t('profileAccount.descOrganization'), activeTab === 'integrations' && t('profileAccount.descIntegrations'), activeTab === 'billing' && t('profileAccount.descBilling'), activeTab === 'monetization' && t('profileAccount.descMonetization'), activeTab === 'datasets' && t('profileAccount.descBenchmarks'), activeTab === 'memory' && t('profileAccount.descMemory'), activeTab === 'advanced' && t('profileAccount.descAdvanced')] })] }), jsxs("div", { className: "flex-1 p-6 space-y-6", style: {
+                                    : 'text-gray-600 hover:bg-gray-50'}`, children: [jsx(CreditCard, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: t('profileAccount.tabBilling') }), jsx("span", { className: "sm:hidden", children: t('profileAccount.tabBilling') })] }, 'billing'))] }) }) }), jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", style: { height: '100%' }, children: [jsxs("div", { className: "hidden lg:block flex-shrink-0 p-6 border-b border-gray-200 bg-white dark:bg-gray-900", children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_c = (_b = TABS.find((t) => t.id === activeTab)) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : (activeTab === 'billing' ? t('profileAccount.tabBilling') : activeTab) }), jsxs("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: [activeTab === 'management' && t('profileAccount.descManagement'), activeTab === 'organization' && t('profileAccount.descOrganization'), activeTab === 'integrations' && t('profileAccount.descIntegrations'), activeTab === 'billing' && t('profileAccount.descBilling'), activeTab === 'monetization' && t('profileAccount.descMonetization'), activeTab === 'datasets' && t('profileAccount.descBenchmarks'), activeTab === 'memory' && t('profileAccount.descMemory'), activeTab === 'advanced' && t('profileAccount.descAdvanced')] })] }), jsxs("div", { className: "flex-1 p-6 space-y-6", style: {
                             overflowY: 'auto',
                             overflowX: 'hidden',
-                        }, children: [jsxs("div", { className: "lg:hidden mb-6", children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_d = (_c = TABS.find((t) => t.id === activeTab)) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : (activeTab === 'billing' ? t('profileAccount.tabBilling') : activeTab) }), jsxs("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: [activeTab === 'billing' && t('profileAccount.descBilling'), activeTab === 'basic' && t('profileAccount.descBasic'), activeTab === 'social' && t('profileAccount.descSocial'), activeTab === 'security' && t('profileAccount.descSecurity'), activeTab === 'management' && t('profileAccount.descManagement'), activeTab === 'organization' && t('profileAccount.descOrganization'), activeTab === 'monetization' && t('profileAccount.descMonetization'), activeTab === 'datasets' && t('profileAccount.descBenchmarks'), activeTab === 'memory' && t('profileAccount.descMemory'), activeTab === 'advanced' && t('profileAccount.descAdvanced')] })] }), activeTab === 'management' && hasManagementPermissions && (jsx(Admin, { onboardingBasePath: onboardingBasePath, authSpaUrl: authURL, onInviteClick: onInviteClick, tenant: tenant, currentSpa: currentSPA, hasUserTabPermission: hasUserTabPermission, hasGroupsTabPermission: hasGroupsTabPermission, hasPoliciesTabPermission: hasPoliciesTabPermission, hasRolesTabPermission: hasRolesTabPermission, hasTeamsTabPermission: hasTeamsTabPermission, hasInviteUserPermission: hasInviteUserPermission, hasCreateTeamPermission: hasCreateTeamPermission, onLoadGroupPermissions: onLoadGroupPermissions, hasAlertsTabPermission: hasAlertsTabPermission, rbacPermissions: rbacPermissions, enableRbac: enableRbac, showGradebookTab: showGradebookTab })), activeTab === 'organization' && (jsx(OrganizationTab, { platformKey: tenant, tenant: tenants.find((ten) => ten.key === tenant), onTenantUpdate: onTenantUpdate, setOrganizationLogoFromOutside: setOrganizationLogo, defaultSupportPhone: defaultSupportPhone, enableSupportPhone: enableSupportPhone })), activeTab === 'integrations' && (jsx(IntegrationsTab, { tenantKey: tenant, username: username })), activeTab === 'billing' && (jsx(BillingTab, { tenant: tenant, userActiveApp: userActiveApp, username: username, currentUserEmail: email, mainPlatformKey: mainPlatformKey })), activeTab === 'monetization' && (jsx(MonetizationTab, { platformKey: tenant, authURL: authURL })), activeTab === 'datasets' && showBenchmarks && (jsx(BenchmarksTab, { tenantKey: tenant, username: username })), activeTab === 'memory' && jsx(MemoryAdminTab, { tenantKey: tenant, username: username }), activeTab === 'advanced' && (jsx(AdvancedTab, { platformKey: tenant, currentSPA: currentSPA, username: username, authURL: authURL, currentPlatformBaseDomain: currentPlatformBaseDomain }))] })] }), jsx(ToastProvider, {})] }));
+                        }, children: [jsxs("div", { className: "lg:hidden mb-6", children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_e = (_d = TABS.find((t) => t.id === activeTab)) === null || _d === void 0 ? void 0 : _d.label) !== null && _e !== void 0 ? _e : (activeTab === 'billing' ? t('profileAccount.tabBilling') : activeTab) }), jsxs("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: [activeTab === 'billing' && t('profileAccount.descBilling'), activeTab === 'basic' && t('profileAccount.descBasic'), activeTab === 'social' && t('profileAccount.descSocial'), activeTab === 'security' && t('profileAccount.descSecurity'), activeTab === 'management' && t('profileAccount.descManagement'), activeTab === 'organization' && t('profileAccount.descOrganization'), activeTab === 'monetization' && t('profileAccount.descMonetization'), activeTab === 'datasets' && t('profileAccount.descBenchmarks'), activeTab === 'memory' && t('profileAccount.descMemory'), activeTab === 'advanced' && t('profileAccount.descAdvanced')] })] }), activeTab === 'management' && hasManagementPermissions && (jsx(Admin, { onboardingBasePath: onboardingBasePath, authSpaUrl: authURL, onInviteClick: onInviteClick, tenant: tenant, currentSpa: currentSPA, hasUserTabPermission: hasUserTabPermission, hasGroupsTabPermission: hasGroupsTabPermission, hasPoliciesTabPermission: hasPoliciesTabPermission, hasRolesTabPermission: hasRolesTabPermission, hasTeamsTabPermission: hasTeamsTabPermission, hasInviteUserPermission: hasInviteUserPermission, hasCreateTeamPermission: hasCreateTeamPermission, onLoadGroupPermissions: onLoadGroupPermissions, hasAlertsTabPermission: hasAlertsTabPermission, rbacPermissions: rbacPermissions, enableRbac: enableRbac, showGradebookTab: showGradebookTab })), activeTab === 'organization' && (jsx(OrganizationTab, { platformKey: tenant, tenant: tenants.find((ten) => ten.key === tenant), onTenantUpdate: onTenantUpdate, setOrganizationLogoFromOutside: setOrganizationLogo, defaultSupportPhone: defaultSupportPhone, enableSupportPhone: enableSupportPhone })), activeTab === 'integrations' && (jsx(IntegrationsTab, { tenantKey: tenant, username: username })), activeTab === 'billing' && canSeeBilling && (jsx(BillingTab, { tenant: tenant, userActiveApp: userActiveApp, username: username, currentUserEmail: email, mainPlatformKey: mainPlatformKey })), activeTab === 'monetization' && (jsx(MonetizationTab, { platformKey: tenant, authURL: authURL })), activeTab === 'datasets' && showBenchmarks && (jsx(BenchmarksTab, { tenantKey: tenant, username: username })), activeTab === 'memory' && jsx(MemoryAdminTab, { tenantKey: tenant, username: username }), activeTab === 'advanced' && (jsx(AdvancedTab, { platformKey: tenant, currentSPA: currentSPA, username: username, authURL: authURL, currentPlatformBaseDomain: currentPlatformBaseDomain }))] })] }), jsx(ToastProvider, {})] }));
 }
 
 function UserProfileModal({ isOpen, onClose, params, email, mainPlatformKey, showMentorAIDisplayCheckbox = false, showLeaderboardDisplayCheckbox = false, showGradebookTab = false, showUsernameField = false, showPlatformName = false, useGravatarPicFallback = true, enableCatalogInvite = false, targetTab = 'basic', currentPlan = '', currentSPA = '', userActiveApp = null, authURL, tenants = [], onTenantUpdate, currentPlatformBaseDomain = '', rbacPermissions = {}, enableRbac = false, onLoadGroupPermissions, onTabChange, defaultSupportPhone = '', onBillingTabRequest, onAccountDeleted, enableMemoryTab = false, showBenchmarks = false, localLLMProps, enableSupportPhone, onboardingBasePath = '', }) {
@@ -269697,8 +269835,19 @@ const AGENT_SETTINGS_TAB_LABELS = {
     },
     sections: {
         chatExperience: 'Chat experience',
-        voiceCalls: 'Voice & calls',
         advanced: 'Advanced',
+        perSurface: 'Surface Capabilities',
+        globalSettings: 'Global Capabilities',
+    },
+    surfaces: {
+        inAppChat: 'In-app chat',
+        embedWidget: 'Embed widget',
+    },
+    notes: {
+        perSurface: 'Set independently for in-app chat and the embed widget.',
+        globalSettings: 'These apply to in-app chat and the embed widget alike.',
+        inAppChat: 'Conversations hosted inside the app - the chat your users open here.',
+        embedWidget: 'The widget you embed on your own site using the snippet from the Embed tab.',
     },
     fields: {
         name: {
@@ -269745,11 +269894,24 @@ const AGENT_SETTINGS_TAB_LABELS = {
         },
         showAttachment: {
             label: 'Show Attachment',
-            tooltip: 'Show Attachment Options in Chat Interface',
+            tooltip: 'Lets people attach files to a conversation. Each surface has its own switch: In-app chat covers conversations hosted in the app, Embed widget covers the widget on your own site.',
         },
         showVoiceRecord: {
             label: 'Show Voice Record',
-            tooltip: 'Show Voice Recording Options in Chat Interface',
+            tooltip: 'Lets people send a voice recording instead of typing. Each surface has its own switch: In-app chat covers conversations hosted in the app, Embed widget covers the widget on your own site.',
+        },
+        showVoiceCall: {
+            label: 'Show Voice Call',
+            tooltip: 'Lets people start a live voice call with the agent. Each surface has its own switch: In-app chat covers conversations hosted in the app, Embed widget covers the widget on your own site.',
+        },
+        embedShowAttachment: {
+            label: 'Show Attachment (embed widget)',
+        },
+        embedShowVoiceRecord: {
+            label: 'Show Voice Record (embed widget)',
+        },
+        embedShowVoiceCall: {
+            label: 'Show Voice Call (embed widget)',
         },
         allowCopies: {
             label: 'Allow Copies',
@@ -269757,23 +269919,23 @@ const AGENT_SETTINGS_TAB_LABELS = {
         },
         showReasoning: {
             label: 'Verbose Reasoning',
-            tooltip: 'Show the agent’s reasoning steps while it responds.',
+            tooltip: 'Show the agent’s reasoning steps while it responds. This setting has one value, so it applies to both in-app chat and the embed widget.',
         },
         enhancedDocRetrieval: {
             label: 'Enhanced document retrieval',
-            tooltip: 'Run multiple search queries per question to pull in more relevant documents.',
+            tooltip: 'Run multiple search queries per question to pull in more relevant documents. This setting has one value, so it applies to both in-app chat and the embed widget.',
         },
         promptCaching: {
             label: 'Prompt caching',
-            tooltip: 'Cache repeated prompt context to lower latency and cost on long conversations.',
+            tooltip: 'Cache repeated prompt context to lower latency and cost on long conversations. This setting has one value, so it applies to both in-app chat and the embed widget.',
         },
         privateMode: {
             label: 'Enable private mode',
-            tooltip: 'When on, every conversation with this agent runs in private mode — no chat history or memory is stored for any user. Use this for sensitive or compliance-bound deployments.',
+            tooltip: 'When on, every conversation with this agent runs in private mode — no chat history or memory is stored for any user. Use this for sensitive or compliance-bound deployments. This setting has one value, so it applies to both in-app chat and the embed widget.',
         },
         smartDocRetrieval: {
             label: 'Smart document retrieval',
-            tooltip: 'Use function calling during voice calls to fetch documents only when needed.',
+            tooltip: 'The agent fetches documents only when it needs them, instead of searching the knowledge base on every turn. This setting has one value, so it applies to both in-app chat and the embed widget.',
         },
         image: {
             label: 'Image',
@@ -269839,8 +270001,19 @@ function buildSettingsTabLabels(t) {
         },
         sections: {
             chatExperience: t('settingsTabLabels.sections.chatExperience'),
-            voiceCalls: t('settingsTabLabels.sections.voiceCalls'),
             advanced: t('settingsTabLabels.sections.advanced'),
+            perSurface: t('settingsTabLabels.sections.perSurface'),
+            globalSettings: t('settingsTabLabels.sections.globalSettings'),
+        },
+        surfaces: {
+            inAppChat: t('settingsTabLabels.surfaces.inAppChat'),
+            embedWidget: t('settingsTabLabels.surfaces.embedWidget'),
+        },
+        notes: {
+            perSurface: t('settingsTabLabels.notes.perSurface'),
+            globalSettings: t('settingsTabLabels.notes.globalSettings'),
+            inAppChat: t('settingsTabLabels.notes.inAppChat'),
+            embedWidget: t('settingsTabLabels.notes.embedWidget'),
         },
         fields: {
             name: {
@@ -269893,6 +270066,19 @@ function buildSettingsTabLabels(t) {
                 label: t('settingsTabLabels.fields.showVoiceRecord.label'),
                 tooltip: t('settingsTabLabels.fields.showVoiceRecord.tooltip'),
             },
+            showVoiceCall: {
+                label: t('settingsTabLabels.fields.showVoiceCall.label'),
+                tooltip: t('settingsTabLabels.fields.showVoiceCall.tooltip'),
+            },
+            embedShowAttachment: {
+                label: t('settingsTabLabels.fields.embedShowAttachment.label'),
+            },
+            embedShowVoiceRecord: {
+                label: t('settingsTabLabels.fields.embedShowVoiceRecord.label'),
+            },
+            embedShowVoiceCall: {
+                label: t('settingsTabLabels.fields.embedShowVoiceCall.label'),
+            },
             allowCopies: {
                 label: t('settingsTabLabels.fields.allowCopies.label'),
                 tooltip: t('settingsTabLabels.fields.allowCopies.tooltip'),
@@ -269983,7 +270169,7 @@ function resolveSettingsTabLabels(override, t) {
 }
 
 function useEditMentorSettings({ onSuccessfulSave, labels }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     const { tenantKey, mentorId, username, enableRBAC, executeGatedAction } = useAgentSettings();
     const dispatch = useDispatch();
     const { data: categories, isLoading: isLoadingCategories } = useGetMentorCategoriesQuery(
@@ -270024,12 +270210,16 @@ function useEditMentorSettings({ onSuccessfulSave, labels }) {
             is_featured: (_d = m === null || m === void 0 ? void 0 : m.is_featured) !== null && _d !== void 0 ? _d : false,
             show_attachment: (_e = m === null || m === void 0 ? void 0 : m.show_attachment) !== null && _e !== void 0 ? _e : true,
             show_voice_record: (_f = m === null || m === void 0 ? void 0 : m.show_voice_record) !== null && _f !== void 0 ? _f : true,
-            forkable: (_g = m === null || m === void 0 ? void 0 : m.forkable) !== null && _g !== void 0 ? _g : false,
-            show_reasoning: (_h = m === null || m === void 0 ? void 0 : m.show_reasoning) !== null && _h !== void 0 ? _h : false,
-            enable_multi_query_rag: (_j = m === null || m === void 0 ? void 0 : m.enable_multi_query_rag) !== null && _j !== void 0 ? _j : false,
-            enable_prompt_caching: (_k = m === null || m === void 0 ? void 0 : m.enable_prompt_caching) !== null && _k !== void 0 ? _k : false,
-            disable_chathistory: (_l = m === null || m === void 0 ? void 0 : m.disable_chathistory) !== null && _l !== void 0 ? _l : false,
-            use_function_calling_for_rag: (_m = existingCallConfig === null || existingCallConfig === void 0 ? void 0 : existingCallConfig.use_function_calling_for_rag) !== null && _m !== void 0 ? _m : false,
+            show_voice_call: (_g = m === null || m === void 0 ? void 0 : m.show_voice_call) !== null && _g !== void 0 ? _g : true,
+            embed_show_attachment: (_h = m === null || m === void 0 ? void 0 : m.embed_show_attachment) !== null && _h !== void 0 ? _h : true,
+            embed_show_voice_record: (_j = m === null || m === void 0 ? void 0 : m.embed_show_voice_record) !== null && _j !== void 0 ? _j : true,
+            embed_show_voice_call: (_k = m === null || m === void 0 ? void 0 : m.embed_show_voice_call) !== null && _k !== void 0 ? _k : true,
+            forkable: (_l = m === null || m === void 0 ? void 0 : m.forkable) !== null && _l !== void 0 ? _l : false,
+            show_reasoning: (_m = m === null || m === void 0 ? void 0 : m.show_reasoning) !== null && _m !== void 0 ? _m : false,
+            enable_multi_query_rag: (_o = m === null || m === void 0 ? void 0 : m.enable_multi_query_rag) !== null && _o !== void 0 ? _o : false,
+            enable_prompt_caching: (_p = m === null || m === void 0 ? void 0 : m.enable_prompt_caching) !== null && _p !== void 0 ? _p : false,
+            disable_chathistory: (_q = m === null || m === void 0 ? void 0 : m.disable_chathistory) !== null && _q !== void 0 ? _q : false,
+            use_function_calling_for_rag: (_r = existingCallConfig === null || existingCallConfig === void 0 ? void 0 : existingCallConfig.use_function_calling_for_rag) !== null && _r !== void 0 ? _r : false,
         },
         onSubmit: async ({ value }) => {
             var _a;
@@ -270061,6 +270251,18 @@ function useEditMentorSettings({ onSuccessfulSave, labels }) {
             if (value.show_voice_record !== undefined) {
                 values.show_voice_record = value.show_voice_record;
             }
+            if (value.show_voice_call !== undefined) {
+                values.show_voice_call = value.show_voice_call;
+            }
+            if (value.embed_show_attachment !== undefined) {
+                values.embed_show_attachment = value.embed_show_attachment;
+            }
+            if (value.embed_show_voice_record !== undefined) {
+                values.embed_show_voice_record = value.embed_show_voice_record;
+            }
+            if (value.embed_show_voice_call !== undefined) {
+                values.embed_show_voice_call = value.embed_show_voice_call;
+            }
             if (value.forkable !== undefined) {
                 values.forkable = value.forkable;
                 // A sets forkable_with_training_data in lock-step with forkable.
@@ -270277,22 +270479,74 @@ function BasicSubTab({ form, labels, mentor, isDisabled, categories }) {
                                         }, className: "hidden" })] })] })) })) })] }));
 }
 
+/**
+ * Shared column template: capability, then one column per surface. Three
+ * columns need roughly a readable label plus 2 x 9rem, so the grid only forms
+ * from `md` (768px) up; below that every consumer stacks. Also used by the
+ * single-field toggles below the matrix so their switches line up under the
+ * last column (Embed widget), keeping every switch on one right edge.
+ */
+const CAPABILITY_MATRIX_GRID = 'md:grid md:grid-cols-[minmax(0,1fr)_9rem_9rem]';
+/** Each column label sits centred over its own column, with its own info icon. */
+const COLUMN_CLASS = 'hidden items-center justify-center gap-1.5 md:flex';
+/**
+ * The matrix's column header row: an empty cell over the capability names,
+ * then one labelled column per surface. The whole row drops out below the
+ * breakpoint, where the layout stacks and every cell repeats its surface name
+ * inline instead — an accepted trade-off of this layout.
+ */
+function CapabilityMatrixHeader({ heading, inAppChat, embedWidget, }) {
+    const column = (surface) => (jsxs("div", { className: COLUMN_CLASS, children: [jsx("span", { className: "text-xs font-semibold tracking-wide text-gray-500 uppercase", children: surface.label }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { type: "button", "aria-label": surface.tooltipAriaLabel, children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "ibl-tooltip-content", children: jsx("p", { children: surface.tooltip }) })] }) })] }));
+    return (jsxs("div", { className: `items-center gap-4 ${CAPABILITY_MATRIX_GRID}`, "data-testid": "capability-matrix-header", children: [jsx("h4", { className: "text-xs font-semibold tracking-wide text-gray-500 uppercase", children: heading }), column(inAppChat), column(embedWidget)] }));
+}
+/**
+ * One capability of the surface matrix: the capability is named once and each
+ * surface gets its own cell, so `show_*` and `embed_show_*` stay independently
+ * settable instead of being restated on the Embed tab.
+ *
+ * Below `md` the grid collapses to stacked sub-rows, each labelled inline
+ * with its surface.
+ */
+function CapabilityMatrixRow({ label, tooltip, tooltipAriaLabel, inAppChatLabel, embedWidgetLabel, inAppChat, embedWidget, testId, }) {
+    const cell = (surfaceLabel, control) => (jsxs("div", { className: "flex items-center justify-between gap-3 md:justify-center", children: [jsx("span", { className: "text-sm text-gray-500 md:hidden", children: surfaceLabel }), control] }));
+    return (jsxs("div", { className: `flex flex-col gap-2 md:items-center ${CAPABILITY_MATRIX_GRID}`, "data-testid": testId, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: label }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { type: "button", "aria-label": tooltipAriaLabel, children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "ibl-tooltip-content", children: jsx("p", { children: tooltip }) })] }) })] }), cell(inAppChatLabel, inAppChat), cell(embedWidgetLabel, embedWidget)] }));
+}
+/** A single form-bound cell of the matrix — the switch without the row chrome. */
+function CapabilityMatrixSwitch({ form, name, label, isDisabled, permissionName, fieldPermissions, enableRBAC, }) {
+    const t = useT();
+    const control = (gatedDisabled) => (jsx(form.Field, { name: name, children: (field) => {
+            const value = field.state.value;
+            return (jsx(CustomSwitch, { checked: value, onCheckedChange: (checked) => field.handleChange(checked), disabled: isDisabled || gatedDisabled, "aria-label": t('tabsSettingsTab.toggleAriaLabel', {
+                    label,
+                    state: value
+                        ? t('tabsSettingsTab.toggleStateEnabled')
+                        : t('tabsSettingsTab.toggleStateDisabled'),
+                }) }));
+        } }));
+    if (!permissionName) {
+        return control(false);
+    }
+    return (jsx(WithFormPermissions, { name: permissionName, 
+        // @ts-expect-error permissions field type is opaque
+        permissions: fieldPermissions, enableRBAC: enableRBAC, children: ({ disabled }) => control(disabled) }));
+}
+
 /**
  * A single label + info-tooltip + `CustomSwitch` row bound to a boolean field
  * of the settings form. Collapses the block that was copy-pasted for every
  * capability/discovery toggle, including the state-aware switch `aria-label`
  * and the optional `WithFormPermissions` RBAC gate.
  */
-function SettingToggleField({ form, name, label, tooltip, tooltipAriaLabel, isDisabled, permissionName, fieldPermissions, enableRBAC, testId, }) {
+function SettingToggleField({ form, name, label, tooltip, tooltipAriaLabel, isDisabled, permissionName, fieldPermissions, enableRBAC, testId, alignToMatrix = false, }) {
     const t = useT();
     const row = (gatedDisabled) => (jsx(form.Field, { name: name, children: (field) => {
             const value = field.state.value;
-            return (jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: label }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { type: "button", "aria-label": tooltipAriaLabel, children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "ibl-tooltip-content", children: jsx("p", { children: tooltip }) })] }) })] }), jsx(CustomSwitch, { checked: value, onCheckedChange: (checked) => field.handleChange(checked), disabled: isDisabled || gatedDisabled, "aria-label": t('tabsSettingsTab.toggleAriaLabel', {
+            return (jsxs("div", { className: `flex items-center justify-between${alignToMatrix ? ` ${CAPABILITY_MATRIX_GRID}` : ''}`, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: label }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { type: "button", "aria-label": tooltipAriaLabel, children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "ibl-tooltip-content", children: jsx("p", { children: tooltip }) })] }) })] }), alignToMatrix && jsx("span", { className: "hidden md:block" }), jsx(CustomSwitch, { checked: value, onCheckedChange: (checked) => field.handleChange(checked), disabled: isDisabled || gatedDisabled, "aria-label": t('tabsSettingsTab.toggleAriaLabel', {
                             label,
                             state: value
                                 ? t('tabsSettingsTab.toggleStateEnabled')
                                 : t('tabsSettingsTab.toggleStateDisabled'),
-                        }), "data-testid": testId })] }));
+                        }), "data-testid": testId, className: alignToMatrix ? 'md:justify-self-center' : undefined })] }));
         } }));
     if (!permissionName) {
         return row(false);
@@ -270342,14 +270596,33 @@ function DiscoverySubTab({ form, labels, mentor, isDisabled }) {
 }
 
 /**
- * Capabilities sub-tab: the chat-experience, voice-&-calls, and advanced
- * toggle groups.
+ * Capabilities sub-tab: the per-surface capability matrix followed by the
+ * chat-experience and advanced toggle groups.
+ *
+ * Capabilities that exist on both surfaces are stated once and given a cell
+ * per surface (`show_*` for the in-app chat, `embed_show_*` for the embed
+ * widget) — the two backend fields stay independent. Capabilities backed by a
+ * single field render as one switch below the matrix, so they read as
+ * "applies everywhere".
  */
 function CapabilitiesSubTab({ form, labels, mentor, isDisabled, tenantAllowsChatPrivacyControl, }) {
     const t = useT();
     const { enableRBAC } = useAgentSettings();
     const fieldPermissions = getFieldPermissions(mentor);
-    return (jsxs("div", { className: "space-y-6", children: [jsxs("div", { className: "space-y-3", children: [jsx("h4", { className: "text-xs font-semibold tracking-wide text-gray-500 uppercase", children: labels.sections.chatExperience }), jsx(SettingToggleField, { form: form, name: "show_attachment", label: labels.fields.showAttachment.label, tooltip: labels.fields.showAttachment.tooltip, tooltipAriaLabel: t('tabsSettingsTab.showAttachmentTooltipAriaLabel'), isDisabled: isDisabled, permissionName: "show_attachment", fieldPermissions: fieldPermissions, enableRBAC: enableRBAC }), jsx(SettingToggleField, { form: form, name: "show_reasoning", label: labels.fields.showReasoning.label, tooltip: labels.fields.showReasoning.tooltip, tooltipAriaLabel: t('tabsSettingsTab.showReasoningTooltipAriaLabel'), isDisabled: isDisabled }), jsx(SettingToggleField, { form: form, name: "enable_multi_query_rag", label: labels.fields.enhancedDocRetrieval.label, tooltip: labels.fields.enhancedDocRetrieval.tooltip, tooltipAriaLabel: t('tabsSettingsTab.enhancedDocRetrievalTooltipAriaLabel'), isDisabled: isDisabled, permissionName: "enable_multi_query_rag", fieldPermissions: fieldPermissions, enableRBAC: enableRBAC }), jsx(SettingToggleField, { form: form, name: "enable_prompt_caching", label: labels.fields.promptCaching.label, tooltip: labels.fields.promptCaching.tooltip, tooltipAriaLabel: t('tabsSettingsTab.promptCachingTooltipAriaLabel'), isDisabled: isDisabled, permissionName: "enable_prompt_caching", fieldPermissions: fieldPermissions, enableRBAC: enableRBAC })] }), jsxs("div", { className: "space-y-3", children: [jsx("h4", { className: "text-xs font-semibold tracking-wide text-gray-500 uppercase", children: labels.sections.voiceCalls }), jsx(SettingToggleField, { form: form, name: "show_voice_record", label: labels.fields.showVoiceRecord.label, tooltip: labels.fields.showVoiceRecord.tooltip, tooltipAriaLabel: t('tabsSettingsTab.showVoiceRecordTooltipAriaLabel'), isDisabled: isDisabled, permissionName: "show_voice_record", fieldPermissions: fieldPermissions, enableRBAC: enableRBAC }), jsx(SettingToggleField, { form: form, name: "use_function_calling_for_rag", label: labels.fields.smartDocRetrieval.label, tooltip: labels.fields.smartDocRetrieval.tooltip, tooltipAriaLabel: t('tabsSettingsTab.smartDocRetrievalTooltipAriaLabel'), isDisabled: isDisabled, testId: "settings-use-function-calling-for-rag-switch" })] }), jsxs("div", { className: "space-y-3", children: [jsx("h4", { className: "text-xs font-semibold tracking-wide text-gray-500 uppercase", children: labels.sections.advanced }), tenantAllowsChatPrivacyControl && (jsx(SettingToggleField, { form: form, name: "disable_chathistory", label: labels.fields.privateMode.label, tooltip: labels.fields.privateMode.tooltip, tooltipAriaLabel: t('tabsSettingsTab.privateModeTooltipAriaLabel'), isDisabled: isDisabled, permissionName: "disable_chathistory", fieldPermissions: fieldPermissions, enableRBAC: enableRBAC, testId: "settings-disable-chathistory-switch" })), jsx(SettingToggleField, { form: form, name: "forkable", label: labels.fields.allowCopies.label, tooltip: labels.fields.allowCopies.tooltip, tooltipAriaLabel: t('tabsSettingsTab.allowCopiesTooltipAriaLabel'), isDisabled: isDisabled })] })] }));
+    return (jsxs("div", { className: "space-y-6", children: [jsxs("div", { className: "rounded-lg border border-gray-200 bg-gray-50 px-4 py-3", "data-testid": "capabilities-per-surface-banner", children: [jsx("h4", { className: "text-sm font-medium text-gray-900", children: labels.sections.perSurface }), jsx("p", { className: "mt-1 text-xs text-gray-600", children: labels.notes.perSurface })] }), jsxs("div", { className: "space-y-3", children: [jsx(CapabilityMatrixHeader, { heading: labels.sections.chatExperience, inAppChat: {
+                            label: labels.surfaces.inAppChat,
+                            tooltip: labels.notes.inAppChat,
+                            tooltipAriaLabel: t('tabsSettingsTab.inAppChatTooltipAriaLabel'),
+                        }, embedWidget: {
+                            label: labels.surfaces.embedWidget,
+                            tooltip: labels.notes.embedWidget,
+                            tooltipAriaLabel: t('tabsSettingsTab.embedWidgetTooltipAriaLabel'),
+                        } }), jsxs("div", { className: "space-y-4", children: [jsx(CapabilityMatrixRow, { label: labels.fields.showAttachment.label, tooltip: labels.fields.showAttachment.tooltip, tooltipAriaLabel: t('tabsSettingsTab.showAttachmentTooltipAriaLabel'), inAppChatLabel: labels.surfaces.inAppChat, embedWidgetLabel: labels.surfaces.embedWidget, testId: "capability-matrix-row-attachment", inAppChat: jsx(CapabilityMatrixSwitch, { form: form, name: "show_attachment", label: labels.fields.showAttachment.label, isDisabled: isDisabled, permissionName: "show_attachment", fieldPermissions: fieldPermissions, enableRBAC: enableRBAC }), embedWidget: jsx(CapabilityMatrixSwitch, { form: form, name: "embed_show_attachment", label: labels.fields.embedShowAttachment.label, isDisabled: isDisabled }) }), jsx(CapabilityMatrixRow, { label: labels.fields.showVoiceRecord.label, tooltip: labels.fields.showVoiceRecord.tooltip, tooltipAriaLabel: t('tabsSettingsTab.showVoiceRecordTooltipAriaLabel'), inAppChatLabel: labels.surfaces.inAppChat, embedWidgetLabel: labels.surfaces.embedWidget, testId: "capability-matrix-row-voice-record", inAppChat: jsx(CapabilityMatrixSwitch, { form: form, name: "show_voice_record", label: labels.fields.showVoiceRecord.label, isDisabled: isDisabled, permissionName: "show_voice_record", fieldPermissions: fieldPermissions, enableRBAC: enableRBAC }), embedWidget: jsx(CapabilityMatrixSwitch, { form: form, name: "embed_show_voice_record", label: labels.fields.embedShowVoiceRecord.label, isDisabled: isDisabled }) }), jsx(CapabilityMatrixRow, { label: labels.fields.showVoiceCall.label, tooltip: labels.fields.showVoiceCall.tooltip, tooltipAriaLabel: t('tabsSettingsTab.showVoiceCallTooltipAriaLabel'), inAppChatLabel: labels.surfaces.inAppChat, embedWidgetLabel: labels.surfaces.embedWidget, testId: "capability-matrix-row-voice-call", inAppChat: 
+                                // Not RBAC-gated: `show_voice_call` is absent from the endpoint's
+                                // field-permission map, and `WithFormPermissions` HIDES a control
+                                // whose key is missing on an RBAC tenant. The Voice tab treats the
+                                // same field the same way.
+                                jsx(CapabilityMatrixSwitch, { form: form, name: "show_voice_call", label: labels.fields.showVoiceCall.label, isDisabled: isDisabled }), embedWidget: jsx(CapabilityMatrixSwitch, { form: form, name: "embed_show_voice_call", label: labels.fields.embedShowVoiceCall.label, isDisabled: isDisabled }) })] })] }), jsxs("div", { className: "rounded-lg border border-gray-200 bg-gray-50 px-4 py-3", "data-testid": "capabilities-global-settings-banner", children: [jsx("h4", { className: "text-sm font-medium text-gray-900", children: labels.sections.globalSettings }), jsx("p", { className: "mt-1 text-xs text-gray-600", children: labels.notes.globalSettings })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "space-y-3", children: [jsx("h4", { className: "text-xs font-semibold tracking-wide text-gray-500 uppercase", children: labels.sections.chatExperience }), jsx(SettingToggleField, { form: form, name: "show_reasoning", label: labels.fields.showReasoning.label, tooltip: labels.fields.showReasoning.tooltip, tooltipAriaLabel: t('tabsSettingsTab.showReasoningTooltipAriaLabel'), isDisabled: isDisabled, alignToMatrix: true }), jsx(SettingToggleField, { form: form, name: "enable_multi_query_rag", label: labels.fields.enhancedDocRetrieval.label, tooltip: labels.fields.enhancedDocRetrieval.tooltip, tooltipAriaLabel: t('tabsSettingsTab.enhancedDocRetrievalTooltipAriaLabel'), isDisabled: isDisabled, permissionName: "enable_multi_query_rag", fieldPermissions: fieldPermissions, enableRBAC: enableRBAC, alignToMatrix: true }), jsx(SettingToggleField, { form: form, name: "use_function_calling_for_rag", label: labels.fields.smartDocRetrieval.label, tooltip: labels.fields.smartDocRetrieval.tooltip, tooltipAriaLabel: t('tabsSettingsTab.smartDocRetrievalTooltipAriaLabel'), isDisabled: isDisabled, testId: "settings-use-function-calling-for-rag-switch", alignToMatrix: true }), jsx(SettingToggleField, { form: form, name: "enable_prompt_caching", label: labels.fields.promptCaching.label, tooltip: labels.fields.promptCaching.tooltip, tooltipAriaLabel: t('tabsSettingsTab.promptCachingTooltipAriaLabel'), isDisabled: isDisabled, permissionName: "enable_prompt_caching", fieldPermissions: fieldPermissions, enableRBAC: enableRBAC, alignToMatrix: true })] }), jsxs("div", { className: "space-y-3", children: [jsx("h4", { className: "text-xs font-semibold tracking-wide text-gray-500 uppercase", children: labels.sections.advanced }), tenantAllowsChatPrivacyControl && (jsx(SettingToggleField, { form: form, name: "disable_chathistory", label: labels.fields.privateMode.label, tooltip: labels.fields.privateMode.tooltip, tooltipAriaLabel: t('tabsSettingsTab.privateModeTooltipAriaLabel'), isDisabled: isDisabled, permissionName: "disable_chathistory", fieldPermissions: fieldPermissions, enableRBAC: enableRBAC, testId: "settings-disable-chathistory-switch", alignToMatrix: true })), jsx(SettingToggleField, { form: form, name: "forkable", label: labels.fields.allowCopies.label, tooltip: labels.fields.allowCopies.tooltip, tooltipAriaLabel: t('tabsSettingsTab.allowCopiesTooltipAriaLabel'), isDisabled: isDisabled, alignToMatrix: true })] })] })] }));
 }
 
 /* istanbul ignore next -- @preserve dynamic import is not testable in unit tests */