@iblai/iblai-js 2.10.0 → 2.10.2

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

@@ -5669,11 +5669,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",
@@ -5681,7 +5694,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",
@@ -5691,19 +5704,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: {
@@ -5751,8 +5764,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 = {
@@ -6463,6 +6487,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",
@@ -12956,11 +12983,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",
@@ -12968,7 +13008,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",
@@ -12978,19 +13018,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: {
@@ -13038,8 +13078,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 = {
@@ -13750,6 +13801,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é",
@@ -20077,11 +20131,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",
@@ -20089,7 +20156,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",
@@ -20099,19 +20166,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: {
@@ -20159,8 +20226,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 = {
@@ -20871,6 +20949,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",
@@ -27198,11 +27279,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: "允许复制",
@@ -27210,7 +27304,7 @@ var settingsTabLabels = {
 		},
 		showReasoning: {
 			label: "详细推理",
-			tooltip: "在智能体响应时显示其推理步骤。"
+			tooltip: "在智能体响应时显示其推理步骤。 此设置只有一个值，因此同时适用于应用内聊天和嵌入式小组件。"
 		},
 		image: {
 			label: "图片",
@@ -27220,19 +27314,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: {
@@ -27280,8 +27374,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 = {
@@ -27992,6 +28097,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: "已启用",
@@ -186120,6 +186228,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];
@@ -186170,10 +186284,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'
@@ -191450,7 +191563,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$1, { 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$1, { 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({ isOpen, onClose, apiKey, tenantKey }) {