@iblai/iblai-js 2.25.0 → 2.27.0

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

@@ -2701,6 +2701,7 @@ var apiTabLabels$3 = {
 		title: "API",
 		description: "Manage API keys and integrations."
 	},
+	infoBox: "Use this agent from your own apps. Create API keys here to call it programmatically and build it into your product or workflow.",
 	disclaimer: {
 		lineOne: "Your secret API keys are listed below. Please note that we do not display your secret API keys again after you generate them.",
 		lineTwo: "Do not share your API key with others, or expose it in the browser or other client-side code. In order to protect the security of your account, IBL may also automatically rotate any API key that we’ve found has leaked publicly."
@@ -2713,14 +2714,15 @@ var apiTabLabels$3 = {
 		actionsColumn: "Actions",
 		emptyState: "No API keys found",
 		noPermission: "You do not have permission to view API keys",
-		deleteAriaLabel: "Delete API Key"
+		deleteAriaLabel: "Delete API Key",
+		notAvailable: "N/A"
 	},
 	actions: {
 		createNew: "Create New"
 	},
 	createModal: {
 		title: "Create API Key",
-		description: "Create API Key",
+		description: "Name your key and optionally set an expiry date. You'll only see the key once.",
 		nameLabel: "API Key Name",
 		namePlaceholder: "API Key Name",
 		nameRequired: "API Key name is required",
@@ -2729,12 +2731,14 @@ var apiTabLabels$3 = {
 		expirationPlaceholder: "Pick a date",
 		submit: "Submit",
 		submitting: "Submitting...",
+		cancel: "Cancel",
 		successToast: "API Key created successfully",
 		errorToast: "Failed to create API Key"
 	},
 	deleteModal: {
 		title: "Delete API Key",
 		confirmation: "Are you sure you want to delete the API Key with the name {name}? This action cannot be undone.",
+		warning: "Any app or integration using this key will stop working immediately.",
 		cancel: "Cancel",
 		confirm: "Delete",
 		confirming: "Deleting...",
@@ -2744,7 +2748,10 @@ var apiTabLabels$3 = {
 	apiKeyModal: {
 		title: "API Key",
 		descriptionLineOne: "Please copy your API key and store it in a secure location. For security reasons, this key will only be displayed once and cannot be retrieved again after you leave this page.",
-		descriptionLineTwo: "If you lose your API key, you'll need to generate a new one."
+		descriptionLineTwo: "If you lose your API key, you'll need to generate a new one.",
+		description: "Copy and paste the API key.",
+		copyAriaLabel: "Copy API key",
+		copiedAriaLabel: "Copied"
 	}
 };
 var apiTabTokenPolicies$3 = {
@@ -7015,6 +7022,11 @@ var toolsTabLabels$3 = {
 		title: "Tools",
 		description: "Configure tools and integrations for your agent."
 	},
+	infoBox: "Give your agent hands. Tools let it do things beyond chatting — look something up, call an API, trigger an action — so it can actually get work done for people.",
+	moreInfoAbout: "More info about {name}",
+	switchAriaLabel: "{name} {state}",
+	enabled: "enabled",
+	disabled: "disabled",
 	toasts: {
 		toggleSuccess: "Agent updated successfully",
 		toggleError: "Failed to update tool"
@@ -10217,6 +10229,7 @@ var apiTabLabels$2 = {
 		title: "API",
 		description: "Gérez les clés API et les intégrations."
 	},
+	infoBox: "Utilisez cet agent depuis vos propres applications. Créez ici des clés API pour l'appeler par programmation et l'intégrer à votre produit ou à votre flux de travail.",
 	disclaimer: {
 		lineOne: "Vos clés API secrètes sont listées ci-dessous. Veuillez noter que nous n’affichons plus vos clés API secrètes après leur génération.",
 		lineTwo: "Ne partagez pas votre clé API avec d’autres personnes et ne l’exposez pas dans le navigateur ou dans un autre code côté client. Pour protéger la sécurité de votre compte, IBL peut également faire pivoter automatiquement toute clé API que nous avons détectée comme publiquement exposée."
@@ -10229,14 +10242,15 @@ var apiTabLabels$2 = {
 		actionsColumn: "Actions",
 		emptyState: "Aucune clé API trouvée",
 		noPermission: "Vous n’avez pas la permission de consulter les clés API",
-		deleteAriaLabel: "Supprimer la clé API"
+		deleteAriaLabel: "Supprimer la clé API",
+		notAvailable: "N/A"
 	},
 	actions: {
 		createNew: "Créer nouveau"
 	},
 	createModal: {
 		title: "Créer une clé API",
-		description: "Créer une clé API",
+		description: "Nommez votre clé et définissez éventuellement une date d’expiration. La clé ne s’affichera qu’une seule fois.",
 		nameLabel: "Nom de la clé API",
 		namePlaceholder: "Nom de la clé API",
 		nameRequired: "Le nom de la clé API est requis",
@@ -10245,12 +10259,14 @@ var apiTabLabels$2 = {
 		expirationPlaceholder: "Choisir une date",
 		submit: "Soumettre",
 		submitting: "Envoi en cours...",
+		cancel: "Annuler",
 		successToast: "Clé API créée avec succès",
 		errorToast: "Impossible de créer la clé API"
 	},
 	deleteModal: {
 		title: "Supprimer la clé API",
 		confirmation: "Voulez-vous vraiment supprimer la clé API nommée {name} ? Cette action est irréversible.",
+		warning: "Toute application ou intégration utilisant cette clé cessera immédiatement de fonctionner.",
 		cancel: "Annuler",
 		confirm: "Supprimer",
 		confirming: "Suppression en cours...",
@@ -10260,7 +10276,10 @@ var apiTabLabels$2 = {
 	apiKeyModal: {
 		title: "Clé API",
 		descriptionLineOne: "Veuillez copier votre clé API et la conserver dans un endroit sécurisé. Pour des raisons de sécurité, cette clé ne sera affichée qu’une seule fois et ne pourra pas être récupérée après avoir quitté cette page.",
-		descriptionLineTwo: "Si vous perdez votre clé API, vous devrez en générer une nouvelle."
+		descriptionLineTwo: "Si vous perdez votre clé API, vous devrez en générer une nouvelle.",
+		description: "Copiez et collez la clé API.",
+		copyAriaLabel: "Copier la clé API",
+		copiedAriaLabel: "Copiée"
 	}
 };
 var apiTabTokenPolicies$2 = {
@@ -14697,6 +14716,11 @@ var toolsTabLabels$2 = {
 		title: "Outils",
 		description: "Configurez les outils et les intégrations pour votre agent."
 	},
+	infoBox: "Donnez des mains à votre agent. Les outils lui permettent d'aller au-delà de la simple conversation — rechercher une information, appeler une API, déclencher une action — pour qu'il accomplisse réellement des tâches pour les utilisateurs.",
+	moreInfoAbout: "Plus d'informations sur {name}",
+	switchAriaLabel: "{name} {state}",
+	enabled: "activé",
+	disabled: "désactivé",
 	toasts: {
 		toggleSuccess: "Agent mis à jour avec succès",
 		toggleError: "Échec de la mise à jour de l'outil"
@@ -17733,6 +17757,7 @@ var apiTabLabels$1 = {
 		title: "API",
 		description: "Administre las claves API y las integraciones."
 	},
+	infoBox: "Usa este agente desde tus propias aplicaciones. Crea aquí claves de API para llamarlo mediante programación e integrarlo en tu producto o flujo de trabajo.",
 	disclaimer: {
 		lineOne: "Sus claves API secretas se enumeran a continuación. Tenga en cuenta que no mostramos sus claves API secretas nuevamente después de generarlas.",
 		lineTwo: "No comparta su clave API con otros ni la exponga en el navegador u otro código del lado del cliente. Para proteger la seguridad de su cuenta, IBL también puede rotar automáticamente cualquier clave API que hayamos detectado que se ha filtrado públicamente."
@@ -17745,14 +17770,15 @@ var apiTabLabels$1 = {
 		actionsColumn: "Acciones",
 		emptyState: "No se encontraron claves API",
 		noPermission: "No tiene permiso para ver las claves API",
-		deleteAriaLabel: "Eliminar clave API"
+		deleteAriaLabel: "Eliminar clave API",
+		notAvailable: "N/A"
 	},
 	actions: {
 		createNew: "Crear nuevo"
 	},
 	createModal: {
 		title: "Crear clave API",
-		description: "Crear clave API",
+		description: "Asigna un nombre a tu clave y, opcionalmente, una fecha de vencimiento. Solo verás la clave una vez.",
 		nameLabel: "Nombre de la clave API",
 		namePlaceholder: "Nombre de la clave API",
 		nameRequired: "El nombre de la clave API es obligatorio",
@@ -17761,12 +17787,14 @@ var apiTabLabels$1 = {
 		expirationPlaceholder: "Seleccionar una fecha",
 		submit: "Enviar",
 		submitting: "Enviando...",
+		cancel: "Cancelar",
 		successToast: "Clave API creada correctamente",
 		errorToast: "Error al crear la clave API"
 	},
 	deleteModal: {
 		title: "Eliminar clave API",
 		confirmation: "¿Está seguro de que desea eliminar la clave API con el nombre {name}? Esta acción no se puede deshacer.",
+		warning: "Cualquier aplicación o integración que use esta clave dejará de funcionar de inmediato.",
 		cancel: "Cancelar",
 		confirm: "Eliminar",
 		confirming: "Eliminando...",
@@ -17776,7 +17804,10 @@ var apiTabLabels$1 = {
 	apiKeyModal: {
 		title: "Clave API",
 		descriptionLineOne: "Copie su clave API y guárdela en un lugar seguro. Por razones de seguridad, esta clave solo se mostrará una vez y no podrá recuperarse después de salir de esta página.",
-		descriptionLineTwo: "Si pierde su clave API, deberá generar una nueva."
+		descriptionLineTwo: "Si pierde su clave API, deberá generar una nueva.",
+		description: "Copie y pegue la clave API.",
+		copyAriaLabel: "Copiar clave API",
+		copiedAriaLabel: "Copiada"
 	}
 };
 var apiTabTokenPolicies$1 = {
@@ -22213,6 +22244,11 @@ var toolsTabLabels$1 = {
 		title: "Herramientas",
 		description: "Configure las herramientas e integraciones para su agente."
 	},
+	infoBox: "Dale manos a tu agente. Las herramientas le permiten hacer cosas más allá de conversar —buscar información, llamar a una API, activar una acción— para que realmente pueda hacer el trabajo por las personas.",
+	moreInfoAbout: "Más información sobre {name}",
+	switchAriaLabel: "{name} {state}",
+	enabled: "habilitado",
+	disabled: "deshabilitado",
 	toasts: {
 		toggleSuccess: "Agente actualizado correctamente",
 		toggleError: "Error al actualizar la herramienta"
@@ -25249,6 +25285,7 @@ var apiTabLabels = {
 		title: "API",
 		description: "管理 API 密钥和集成。"
 	},
+	infoBox: "在您自己的应用中使用该智能体。在此创建 API 密钥，以便通过编程方式调用它，并将其集成到您的产品或工作流程中。",
 	disclaimer: {
 		lineOne: "您的秘密 API 密钥列表如下。请注意，生成密钥后，我们将不再显示您的秘密 API 密钥。",
 		lineTwo: "请勿将您的 API 密钥共享给他人，也勿将其暴露在浏览器或其他客户端代码中。为了保护您账户的安全，IBL 也可能会自动轮换我们发现已公开泄露的任何 API 密钥。"
@@ -25261,14 +25298,15 @@ var apiTabLabels = {
 		actionsColumn: "操作",
 		emptyState: "未找到 API 密钥",
 		noPermission: "您没有查看 API 密钥的权限",
-		deleteAriaLabel: "删除 API 密钥"
+		deleteAriaLabel: "删除 API 密钥",
+		notAvailable: "N/A"
 	},
 	actions: {
 		createNew: "新建"
 	},
 	createModal: {
 		title: "创建 API 密钥",
-		description: "创建 API 密钥",
+		description: "为密钥命名，并可选择设置过期日期。密钥仅显示一次。",
 		nameLabel: "API 密钥名称",
 		namePlaceholder: "API 密钥名称",
 		nameRequired: "API 密钥名称为必填项",
@@ -25277,12 +25315,14 @@ var apiTabLabels = {
 		expirationPlaceholder: "选择日期",
 		submit: "提交",
 		submitting: "提交中……",
+		cancel: "取消",
 		successToast: "API 密钥创建成功",
 		errorToast: "创建 API 密钥失败"
 	},
 	deleteModal: {
 		title: "删除 API 密钥",
 		confirmation: "您确定要删除名为「{name}」的 API 密钥吗？此操作无法撤销。",
+		warning: "任何使用此密钥的应用或集成都将立即停止工作。",
 		cancel: "取消",
 		confirm: "删除",
 		confirming: "删除中……",
@@ -25292,7 +25332,10 @@ var apiTabLabels = {
 	apiKeyModal: {
 		title: "API 密钥",
 		descriptionLineOne: "请复制您的 API 密钥并将其保存在安全的位置。出于安全原因，该密钥仅显示一次，离开此页面后将无法再次获取。",
-		descriptionLineTwo: "如果您丢失了 API 密钥，将需要重新生成一个新的。"
+		descriptionLineTwo: "如果您丢失了 API 密钥，将需要重新生成一个新的。",
+		description: "复制并粘贴 API 密钥。",
+		copyAriaLabel: "复制 API 密钥",
+		copiedAriaLabel: "已复制"
 	}
 };
 var apiTabTokenPolicies = {
@@ -29729,6 +29772,11 @@ var toolsTabLabels = {
 		title: "工具",
 		description: "为您的智能体配置工具和集成。"
 	},
+	infoBox: "为您的智能体赋予“双手”。工具让它能够超越单纯的聊天——查找信息、调用 API、触发操作——从而真正为用户完成工作。",
+	moreInfoAbout: "关于 {name} 的更多信息",
+	switchAriaLabel: "{name} {state}",
+	enabled: "已启用",
+	disabled: "已禁用",
 	toasts: {
 		toggleSuccess: "智能体已成功更新",
 		toggleError: "更新工具失败"
@@ -148756,7 +148804,7 @@ function MemoryTab({ org, username }) {
     }
     // Hide memory UI when platform has disabled memsearch (skip check if API errored)
     if (!isConfigError && memsearchStatus && !memsearchStatus.enable_memsearch) {
-        return (jsx("div", { className: "max-w-2xl", children: jsx("div", { className: "rounded-lg border px-6 py-8 text-center", style: { borderColor: 'oklch(.922 0 0)' }, children: jsx("p", { className: "text-sm text-gray-500", children: t('memoryMemoryTab.memoryFeatureDisabled') }) }) }));
+        return (jsx("div", { children: jsx("div", { className: "rounded-lg border px-6 py-8 text-center", style: { borderColor: 'oklch(.922 0 0)' }, children: jsx("p", { className: "text-sm text-gray-500", children: t('memoryMemoryTab.memoryFeatureDisabled') }) }) }));
     }
     return (jsxs("div", { className: "space-y-8", children: [(!isPreview || settings) && (jsxs("div", { className: "space-y-4", children: [jsx("h4", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300 tracking-wide", children: t('memoryMemoryTab.sectionMemoryPersonalization') }), jsxs("div", { className: "flex items-center justify-between rounded-lg border px-6 py-5", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex-1 mr-4", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: t('memoryMemoryTab.autoCaptureLabelTitle') }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: t('memoryMemoryTab.autoCaptureLabelDesc') })] }), jsx(Switch, { checked: (_a = settings === null || settings === void 0 ? void 0 : settings.auto_capture_enabled) !== null && _a !== void 0 ? _a : false, onCheckedChange: (checked) => handleToggleSetting('auto_capture_enabled', checked), disabled: isUpdatingSettings, "aria-label": t('memoryMemoryTab.autoCaptureAriaLabel', {
                                     state: (settings === null || settings === void 0 ? void 0 : settings.auto_capture_enabled)
@@ -152869,7 +152917,7 @@ const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffs
     var _a;
     const portalContainer = useFloatingPortalContainer();
     const resolvedContainer = (_a = container !== null && container !== void 0 ? container : portalContainer) !== null && _a !== void 0 ? _a : undefined;
-    const content = (jsx(Content2$1, { ref: ref, "data-iblai-dialog-interaction-layer": true, align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none', className), ...props }));
+    const content = (jsx(Content2$1, { ref: ref, "data-iblai-dialog-interaction-layer": true, align: align, sideOffset: sideOffset, className: cn('pointer-events-auto bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none', className), ...props }));
     if (!portalled) {
         return content;
     }
@@ -189130,7 +189178,7 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
                     if (isReadOnly)
                         return;
                     basicForm.handleSubmit();
-                }, className: "max-w-3xl space-y-8", children: [jsxs("div", { className: "grid grid-cols-1 gap-x-5 gap-y-5 md:grid-cols-2", children: [jsxs("div", { className: "space-y-1.5", children: [jsx("label", { htmlFor: "fullName", className: LABEL_CLASS, children: t('profileIndex.labelFullName') }), basicForm.Field({
+                }, className: "space-y-8", children: [jsxs("div", { className: "grid grid-cols-1 gap-x-5 gap-y-5 md:grid-cols-2", children: [jsxs("div", { className: "space-y-1.5", children: [jsx("label", { htmlFor: "fullName", className: LABEL_CLASS, children: t('profileIndex.labelFullName') }), basicForm.Field({
                                         name: 'fullName',
                                         validators: {
                                             onChange: basicValidators.fullName,
@@ -189154,11 +189202,14 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
                                         children: (field) => (jsxs(Select$1, { defaultValue: field.state.value, onValueChange: (value) => field.handleChange(value), disabled: isBusyBasic, children: [jsx(SelectTrigger, { id: "language", className: FIELD_CLASS, "aria-label": t('profileIndex.selectLanguagePlaceholder'), children: jsx(SelectValue, { placeholder: t('profileIndex.selectLanguagePlaceholder') }) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "en", children: t('profileIndex.langEnglish') }), jsx(SelectItem, { value: "es", children: t('profileIndex.langSpanish') }), jsx(SelectItem, { value: "fr", children: t('profileIndex.langFrench') })] })] })),
                                     })] }), jsxs("div", { className: "space-y-1.5 md:col-span-2", children: [jsx("label", { htmlFor: "about", className: LABEL_CLASS, children: t('profileIndex.labelAbout') }), basicForm.Field({
                                         name: 'about',
-                                        children: (field) => (jsx(Textarea, { id: "about", placeholder: t('profileIndex.placeholderAbout'), className: cn(FIELD_CLASS, 'h-auto resize-none py-2.5 leading-relaxed'), rows: 4, value: field.state.value, onChange: (e) => field.handleChange(e.target.value), disabled: isBusyBasic })),
+                                        children: (field) => (jsx(Textarea, { id: "about", placeholder: t('profileIndex.placeholderAbout'), className: cn(FIELD_CLASS, 'h-auto resize-none py-2.5 leading-relaxed'), 
+                                            // Without the Features section below, the extra rows use
+                                            // the space it would have taken.
+                                            rows: customization.showMentorAIDisplayCheckbox ? 4 : 8, value: field.state.value, onChange: (e) => field.handleChange(e.target.value), disabled: isBusyBasic })),
                                     })] })] }), customization.showMentorAIDisplayCheckbox && (jsxs("section", { className: "space-y-2.5", "aria-labelledby": "profile-features-heading", children: [jsx("h4", { id: "profile-features-heading", className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: t('profileIndex.sectionFeatures') }), jsx("div", { className: "divide-y divide-gray-200 rounded-xl border border-gray-200 dark:divide-gray-800 dark:border-gray-800", children: jsxs("div", { className: "flex items-center justify-between gap-4 px-4 py-3.5", children: [jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [jsx("label", { htmlFor: "display-mentor", className: "text-sm font-medium text-gray-700 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-gray-300", children: t('profileIndex.checkboxDisplayMentorAI') }), jsx(CardInfoIcon, { description: t('profileIndex.tooltipDisplayMentorAI') })] }), basicForm.Field({
                                             name: 'displayMentor',
                                             children: (field) => (jsx(Switch, { className: "data-[state=checked]:bg-blue-600", onCheckedChange: (checked) => field.handleChange(checked), checked: field.state.value, disabled: isBusyBasic, id: "display-mentor" })),
-                                        })] }) })] }))] })), activeTab === 'social' && (jsxs("form", { className: "max-w-2xl space-y-5", onSubmit: (formEvent) => {
+                                        })] }) })] }))] })), activeTab === 'social' && (jsxs("form", { className: "space-y-5", onSubmit: (formEvent) => {
                     formEvent.preventDefault();
                     formEvent.stopPropagation();
                     if (isReadOnly)
@@ -201093,7 +201144,7 @@ function MemoryAdminTab({ tenantKey, username }) {
         return (jsxs("div", { className: "space-y-6", children: [jsx(Skeleton, { className: "h-10 w-full max-w-sm rounded-lg" }), jsx(Skeleton, { className: "h-40 w-full rounded-lg" })] }));
     }
     if (!isError && memsearchStatus && !memsearchStatus.enable_memsearch) {
-        return (jsx("div", { className: "max-w-2xl", children: jsx("div", { className: "rounded-lg border px-6 py-8 text-center", style: { borderColor: 'oklch(.922 0 0)' }, children: jsx("p", { className: "text-sm text-gray-500", children: t('memoryAdminTab.featureDisabled') }) }) }));
+        return (jsx("div", { children: jsx("div", { className: "rounded-lg border px-6 py-8 text-center", style: { borderColor: 'oklch(.922 0 0)' }, children: jsx("p", { className: "text-sm text-gray-500", children: t('memoryAdminTab.featureDisabled') }) }) }));
     }
     return (jsxs(Tabs, { defaultValue: "global-memories", "aria-label": t('memoryAdminTab.tabsAriaLabel'), children: [jsxs(TabsList, { "aria-label": t('memoryAdminTab.tabsAriaLabel'), className: "max-w-full overflow-x-auto justify-start px-1", children: [jsx(TabsTrigger, { "data-testid": "memory-admin-sub-tab-global", value: "global-memories", children: t('memoryAdminTab.tabGlobalMemories') }), jsx(TabsTrigger, { "data-testid": "memory-admin-sub-tab-agent", value: "agent-memories", children: t('memoryAdminTab.tabAgentMemories') })] }), jsx(TabsContent, { className: "mt-4", value: "global-memories", children: jsx(GlobalMemoriesSection, { tenantKey: tenantKey, username: username }) }), jsx(TabsContent, { className: "mt-4", value: "agent-memories", children: jsx(AgentMemoriesSection, { tenantKey: tenantKey, username: username }) })] }));
 }
@@ -201770,7 +201821,7 @@ function VirtualMachineAdminTab({ tenantKey, username, defaultTab = 'network-pol
         return (jsxs("div", { className: "space-y-6", "data-testid": "vm-admin-loading", children: [jsx(Skeleton, { className: "h-10 w-full max-w-sm rounded-lg" }), jsx(Skeleton, { className: "h-40 w-full rounded-lg" })] }));
     }
     if (policiesForbidden && secretsForbidden) {
-        return (jsx("div", { className: "max-w-2xl", children: jsx("div", { className: "rounded-lg border px-6 py-8 text-center", style: { borderColor: 'oklch(.922 0 0)' }, "data-testid": "vm-admin-forbidden", children: jsx("p", { className: "text-sm text-gray-500", children: t('virtualMachineAdminTab.forbidden') }) }) }));
+        return (jsx("div", { children: jsx("div", { className: "rounded-lg border px-6 py-8 text-center", style: { borderColor: 'oklch(.922 0 0)' }, "data-testid": "vm-admin-forbidden", children: jsx("p", { className: "text-sm text-gray-500", children: t('virtualMachineAdminTab.forbidden') }) }) }));
     }
     const initialTab = (defaultTab === 'secrets' && !secretsForbidden) || policiesForbidden
         ? 'secrets'

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

@@ -97244,6 +97244,7 @@ var apiTabLabels$3 = {
 		title: "API",
 		description: "Manage API keys and integrations."
 	},
+	infoBox: "Use this agent from your own apps. Create API keys here to call it programmatically and build it into your product or workflow.",
 	disclaimer: {
 		lineOne: "Your secret API keys are listed below. Please note that we do not display your secret API keys again after you generate them.",
 		lineTwo: "Do not share your API key with others, or expose it in the browser or other client-side code. In order to protect the security of your account, IBL may also automatically rotate any API key that we’ve found has leaked publicly."
@@ -97256,14 +97257,15 @@ var apiTabLabels$3 = {
 		actionsColumn: "Actions",
 		emptyState: "No API keys found",
 		noPermission: "You do not have permission to view API keys",
-		deleteAriaLabel: "Delete API Key"
+		deleteAriaLabel: "Delete API Key",
+		notAvailable: "N/A"
 	},
 	actions: {
 		createNew: "Create New"
 	},
 	createModal: {
 		title: "Create API Key",
-		description: "Create API Key",
+		description: "Name your key and optionally set an expiry date. You'll only see the key once.",
 		nameLabel: "API Key Name",
 		namePlaceholder: "API Key Name",
 		nameRequired: "API Key name is required",
@@ -97272,12 +97274,14 @@ var apiTabLabels$3 = {
 		expirationPlaceholder: "Pick a date",
 		submit: "Submit",
 		submitting: "Submitting...",
+		cancel: "Cancel",
 		successToast: "API Key created successfully",
 		errorToast: "Failed to create API Key"
 	},
 	deleteModal: {
 		title: "Delete API Key",
 		confirmation: "Are you sure you want to delete the API Key with the name {name}? This action cannot be undone.",
+		warning: "Any app or integration using this key will stop working immediately.",
 		cancel: "Cancel",
 		confirm: "Delete",
 		confirming: "Deleting...",
@@ -97287,7 +97291,10 @@ var apiTabLabels$3 = {
 	apiKeyModal: {
 		title: "API Key",
 		descriptionLineOne: "Please copy your API key and store it in a secure location. For security reasons, this key will only be displayed once and cannot be retrieved again after you leave this page.",
-		descriptionLineTwo: "If you lose your API key, you'll need to generate a new one."
+		descriptionLineTwo: "If you lose your API key, you'll need to generate a new one.",
+		description: "Copy and paste the API key.",
+		copyAriaLabel: "Copy API key",
+		copiedAriaLabel: "Copied"
 	}
 };
 var apiTabTokenPolicies$3 = {
@@ -101558,6 +101565,11 @@ var toolsTabLabels$3 = {
 		title: "Tools",
 		description: "Configure tools and integrations for your agent."
 	},
+	infoBox: "Give your agent hands. Tools let it do things beyond chatting — look something up, call an API, trigger an action — so it can actually get work done for people.",
+	moreInfoAbout: "More info about {name}",
+	switchAriaLabel: "{name} {state}",
+	enabled: "enabled",
+	disabled: "disabled",
 	toasts: {
 		toggleSuccess: "Agent updated successfully",
 		toggleError: "Failed to update tool"
@@ -104760,6 +104772,7 @@ var apiTabLabels$2 = {
 		title: "API",
 		description: "Gérez les clés API et les intégrations."
 	},
+	infoBox: "Utilisez cet agent depuis vos propres applications. Créez ici des clés API pour l'appeler par programmation et l'intégrer à votre produit ou à votre flux de travail.",
 	disclaimer: {
 		lineOne: "Vos clés API secrètes sont listées ci-dessous. Veuillez noter que nous n’affichons plus vos clés API secrètes après leur génération.",
 		lineTwo: "Ne partagez pas votre clé API avec d’autres personnes et ne l’exposez pas dans le navigateur ou dans un autre code côté client. Pour protéger la sécurité de votre compte, IBL peut également faire pivoter automatiquement toute clé API que nous avons détectée comme publiquement exposée."
@@ -104772,14 +104785,15 @@ var apiTabLabels$2 = {
 		actionsColumn: "Actions",
 		emptyState: "Aucune clé API trouvée",
 		noPermission: "Vous n’avez pas la permission de consulter les clés API",
-		deleteAriaLabel: "Supprimer la clé API"
+		deleteAriaLabel: "Supprimer la clé API",
+		notAvailable: "N/A"
 	},
 	actions: {
 		createNew: "Créer nouveau"
 	},
 	createModal: {
 		title: "Créer une clé API",
-		description: "Créer une clé API",
+		description: "Nommez votre clé et définissez éventuellement une date d’expiration. La clé ne s’affichera qu’une seule fois.",
 		nameLabel: "Nom de la clé API",
 		namePlaceholder: "Nom de la clé API",
 		nameRequired: "Le nom de la clé API est requis",
@@ -104788,12 +104802,14 @@ var apiTabLabels$2 = {
 		expirationPlaceholder: "Choisir une date",
 		submit: "Soumettre",
 		submitting: "Envoi en cours...",
+		cancel: "Annuler",
 		successToast: "Clé API créée avec succès",
 		errorToast: "Impossible de créer la clé API"
 	},
 	deleteModal: {
 		title: "Supprimer la clé API",
 		confirmation: "Voulez-vous vraiment supprimer la clé API nommée {name} ? Cette action est irréversible.",
+		warning: "Toute application ou intégration utilisant cette clé cessera immédiatement de fonctionner.",
 		cancel: "Annuler",
 		confirm: "Supprimer",
 		confirming: "Suppression en cours...",
@@ -104803,7 +104819,10 @@ var apiTabLabels$2 = {
 	apiKeyModal: {
 		title: "Clé API",
 		descriptionLineOne: "Veuillez copier votre clé API et la conserver dans un endroit sécurisé. Pour des raisons de sécurité, cette clé ne sera affichée qu’une seule fois et ne pourra pas être récupérée après avoir quitté cette page.",
-		descriptionLineTwo: "Si vous perdez votre clé API, vous devrez en générer une nouvelle."
+		descriptionLineTwo: "Si vous perdez votre clé API, vous devrez en générer une nouvelle.",
+		description: "Copiez et collez la clé API.",
+		copyAriaLabel: "Copier la clé API",
+		copiedAriaLabel: "Copiée"
 	}
 };
 var apiTabTokenPolicies$2 = {
@@ -109240,6 +109259,11 @@ var toolsTabLabels$2 = {
 		title: "Outils",
 		description: "Configurez les outils et les intégrations pour votre agent."
 	},
+	infoBox: "Donnez des mains à votre agent. Les outils lui permettent d'aller au-delà de la simple conversation — rechercher une information, appeler une API, déclencher une action — pour qu'il accomplisse réellement des tâches pour les utilisateurs.",
+	moreInfoAbout: "Plus d'informations sur {name}",
+	switchAriaLabel: "{name} {state}",
+	enabled: "activé",
+	disabled: "désactivé",
 	toasts: {
 		toggleSuccess: "Agent mis à jour avec succès",
 		toggleError: "Échec de la mise à jour de l'outil"
@@ -112276,6 +112300,7 @@ var apiTabLabels$1 = {
 		title: "API",
 		description: "Administre las claves API y las integraciones."
 	},
+	infoBox: "Usa este agente desde tus propias aplicaciones. Crea aquí claves de API para llamarlo mediante programación e integrarlo en tu producto o flujo de trabajo.",
 	disclaimer: {
 		lineOne: "Sus claves API secretas se enumeran a continuación. Tenga en cuenta que no mostramos sus claves API secretas nuevamente después de generarlas.",
 		lineTwo: "No comparta su clave API con otros ni la exponga en el navegador u otro código del lado del cliente. Para proteger la seguridad de su cuenta, IBL también puede rotar automáticamente cualquier clave API que hayamos detectado que se ha filtrado públicamente."
@@ -112288,14 +112313,15 @@ var apiTabLabels$1 = {
 		actionsColumn: "Acciones",
 		emptyState: "No se encontraron claves API",
 		noPermission: "No tiene permiso para ver las claves API",
-		deleteAriaLabel: "Eliminar clave API"
+		deleteAriaLabel: "Eliminar clave API",
+		notAvailable: "N/A"
 	},
 	actions: {
 		createNew: "Crear nuevo"
 	},
 	createModal: {
 		title: "Crear clave API",
-		description: "Crear clave API",
+		description: "Asigna un nombre a tu clave y, opcionalmente, una fecha de vencimiento. Solo verás la clave una vez.",
 		nameLabel: "Nombre de la clave API",
 		namePlaceholder: "Nombre de la clave API",
 		nameRequired: "El nombre de la clave API es obligatorio",
@@ -112304,12 +112330,14 @@ var apiTabLabels$1 = {
 		expirationPlaceholder: "Seleccionar una fecha",
 		submit: "Enviar",
 		submitting: "Enviando...",
+		cancel: "Cancelar",
 		successToast: "Clave API creada correctamente",
 		errorToast: "Error al crear la clave API"
 	},
 	deleteModal: {
 		title: "Eliminar clave API",
 		confirmation: "¿Está seguro de que desea eliminar la clave API con el nombre {name}? Esta acción no se puede deshacer.",
+		warning: "Cualquier aplicación o integración que use esta clave dejará de funcionar de inmediato.",
 		cancel: "Cancelar",
 		confirm: "Eliminar",
 		confirming: "Eliminando...",
@@ -112319,7 +112347,10 @@ var apiTabLabels$1 = {
 	apiKeyModal: {
 		title: "Clave API",
 		descriptionLineOne: "Copie su clave API y guárdela en un lugar seguro. Por razones de seguridad, esta clave solo se mostrará una vez y no podrá recuperarse después de salir de esta página.",
-		descriptionLineTwo: "Si pierde su clave API, deberá generar una nueva."
+		descriptionLineTwo: "Si pierde su clave API, deberá generar una nueva.",
+		description: "Copie y pegue la clave API.",
+		copyAriaLabel: "Copiar clave API",
+		copiedAriaLabel: "Copiada"
 	}
 };
 var apiTabTokenPolicies$1 = {
@@ -116756,6 +116787,11 @@ var toolsTabLabels$1 = {
 		title: "Herramientas",
 		description: "Configure las herramientas e integraciones para su agente."
 	},
+	infoBox: "Dale manos a tu agente. Las herramientas le permiten hacer cosas más allá de conversar —buscar información, llamar a una API, activar una acción— para que realmente pueda hacer el trabajo por las personas.",
+	moreInfoAbout: "Más información sobre {name}",
+	switchAriaLabel: "{name} {state}",
+	enabled: "habilitado",
+	disabled: "deshabilitado",
 	toasts: {
 		toggleSuccess: "Agente actualizado correctamente",
 		toggleError: "Error al actualizar la herramienta"
@@ -119792,6 +119828,7 @@ var apiTabLabels = {
 		title: "API",
 		description: "管理 API 密钥和集成。"
 	},
+	infoBox: "在您自己的应用中使用该智能体。在此创建 API 密钥，以便通过编程方式调用它，并将其集成到您的产品或工作流程中。",
 	disclaimer: {
 		lineOne: "您的秘密 API 密钥列表如下。请注意，生成密钥后，我们将不再显示您的秘密 API 密钥。",
 		lineTwo: "请勿将您的 API 密钥共享给他人，也勿将其暴露在浏览器或其他客户端代码中。为了保护您账户的安全，IBL 也可能会自动轮换我们发现已公开泄露的任何 API 密钥。"
@@ -119804,14 +119841,15 @@ var apiTabLabels = {
 		actionsColumn: "操作",
 		emptyState: "未找到 API 密钥",
 		noPermission: "您没有查看 API 密钥的权限",
-		deleteAriaLabel: "删除 API 密钥"
+		deleteAriaLabel: "删除 API 密钥",
+		notAvailable: "N/A"
 	},
 	actions: {
 		createNew: "新建"
 	},
 	createModal: {
 		title: "创建 API 密钥",
-		description: "创建 API 密钥",
+		description: "为密钥命名，并可选择设置过期日期。密钥仅显示一次。",
 		nameLabel: "API 密钥名称",
 		namePlaceholder: "API 密钥名称",
 		nameRequired: "API 密钥名称为必填项",
@@ -119820,12 +119858,14 @@ var apiTabLabels = {
 		expirationPlaceholder: "选择日期",
 		submit: "提交",
 		submitting: "提交中……",
+		cancel: "取消",
 		successToast: "API 密钥创建成功",
 		errorToast: "创建 API 密钥失败"
 	},
 	deleteModal: {
 		title: "删除 API 密钥",
 		confirmation: "您确定要删除名为「{name}」的 API 密钥吗？此操作无法撤销。",
+		warning: "任何使用此密钥的应用或集成都将立即停止工作。",
 		cancel: "取消",
 		confirm: "删除",
 		confirming: "删除中……",
@@ -119835,7 +119875,10 @@ var apiTabLabels = {
 	apiKeyModal: {
 		title: "API 密钥",
 		descriptionLineOne: "请复制您的 API 密钥并将其保存在安全的位置。出于安全原因，该密钥仅显示一次，离开此页面后将无法再次获取。",
-		descriptionLineTwo: "如果您丢失了 API 密钥，将需要重新生成一个新的。"
+		descriptionLineTwo: "如果您丢失了 API 密钥，将需要重新生成一个新的。",
+		description: "复制并粘贴 API 密钥。",
+		copyAriaLabel: "复制 API 密钥",
+		copiedAriaLabel: "已复制"
 	}
 };
 var apiTabTokenPolicies = {
@@ -124272,6 +124315,11 @@ var toolsTabLabels = {
 		title: "工具",
 		description: "为您的智能体配置工具和集成。"
 	},
+	infoBox: "为您的智能体赋予“双手”。工具让它能够超越单纯的聊天——查找信息、调用 API、触发操作——从而真正为用户完成工作。",
+	moreInfoAbout: "关于 {name} 的更多信息",
+	switchAriaLabel: "{name} {state}",
+	enabled: "已启用",
+	disabled: "已禁用",
 	toasts: {
 		toggleSuccess: "智能体已成功更新",
 		toggleError: "更新工具失败"
@@ -180982,7 +181030,7 @@ function MemoryTab({ org, username }) {
     }
     // Hide memory UI when platform has disabled memsearch (skip check if API errored)
     if (!isConfigError && memsearchStatus && !memsearchStatus.enable_memsearch) {
-        return (jsx("div", { className: "max-w-2xl", children: jsx("div", { className: "rounded-lg border px-6 py-8 text-center", style: { borderColor: 'oklch(.922 0 0)' }, children: jsx("p", { className: "text-sm text-gray-500", children: t('memoryMemoryTab.memoryFeatureDisabled') }) }) }));
+        return (jsx("div", { children: jsx("div", { className: "rounded-lg border px-6 py-8 text-center", style: { borderColor: 'oklch(.922 0 0)' }, children: jsx("p", { className: "text-sm text-gray-500", children: t('memoryMemoryTab.memoryFeatureDisabled') }) }) }));
     }
     return (jsxs("div", { className: "space-y-8", children: [(!isPreview || settings) && (jsxs("div", { className: "space-y-4", children: [jsx("h4", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300 tracking-wide", children: t('memoryMemoryTab.sectionMemoryPersonalization') }), jsxs("div", { className: "flex items-center justify-between rounded-lg border px-6 py-5", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex-1 mr-4", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: t('memoryMemoryTab.autoCaptureLabelTitle') }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: t('memoryMemoryTab.autoCaptureLabelDesc') })] }), jsx(Switch, { checked: (_a = settings === null || settings === void 0 ? void 0 : settings.auto_capture_enabled) !== null && _a !== void 0 ? _a : false, onCheckedChange: (checked) => handleToggleSetting('auto_capture_enabled', checked), disabled: isUpdatingSettings, "aria-label": t('memoryMemoryTab.autoCaptureAriaLabel', {
                                     state: (settings === null || settings === void 0 ? void 0 : settings.auto_capture_enabled)
@@ -185137,7 +185185,7 @@ const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffs
     var _a;
     const portalContainer = useFloatingPortalContainer();
     const resolvedContainer = (_a = container !== null && container !== void 0 ? container : portalContainer) !== null && _a !== void 0 ? _a : undefined;
-    const content = (jsx(Content2$2, { ref: ref, "data-iblai-dialog-interaction-layer": true, align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none', className), ...props }));
+    const content = (jsx(Content2$2, { ref: ref, "data-iblai-dialog-interaction-layer": true, align: align, sideOffset: sideOffset, className: cn('pointer-events-auto bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none', className), ...props }));
     if (!portalled) {
         return content;
     }
@@ -221444,7 +221492,7 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
                     if (isReadOnly)
                         return;
                     basicForm.handleSubmit();
-                }, className: "max-w-3xl space-y-8", children: [jsxs("div", { className: "grid grid-cols-1 gap-x-5 gap-y-5 md:grid-cols-2", children: [jsxs("div", { className: "space-y-1.5", children: [jsx("label", { htmlFor: "fullName", className: LABEL_CLASS, children: t('profileIndex.labelFullName') }), basicForm.Field({
+                }, className: "space-y-8", children: [jsxs("div", { className: "grid grid-cols-1 gap-x-5 gap-y-5 md:grid-cols-2", children: [jsxs("div", { className: "space-y-1.5", children: [jsx("label", { htmlFor: "fullName", className: LABEL_CLASS, children: t('profileIndex.labelFullName') }), basicForm.Field({
                                         name: 'fullName',
                                         validators: {
                                             onChange: basicValidators.fullName,
@@ -221468,11 +221516,14 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
                                         children: (field) => (jsxs(Select$1, { defaultValue: field.state.value, onValueChange: (value) => field.handleChange(value), disabled: isBusyBasic, children: [jsx(SelectTrigger, { id: "language", className: FIELD_CLASS, "aria-label": t('profileIndex.selectLanguagePlaceholder'), children: jsx(SelectValue, { placeholder: t('profileIndex.selectLanguagePlaceholder') }) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "en", children: t('profileIndex.langEnglish') }), jsx(SelectItem, { value: "es", children: t('profileIndex.langSpanish') }), jsx(SelectItem, { value: "fr", children: t('profileIndex.langFrench') })] })] })),
                                     })] }), jsxs("div", { className: "space-y-1.5 md:col-span-2", children: [jsx("label", { htmlFor: "about", className: LABEL_CLASS, children: t('profileIndex.labelAbout') }), basicForm.Field({
                                         name: 'about',
-                                        children: (field) => (jsx(Textarea, { id: "about", placeholder: t('profileIndex.placeholderAbout'), className: cn(FIELD_CLASS, 'h-auto resize-none py-2.5 leading-relaxed'), rows: 4, value: field.state.value, onChange: (e) => field.handleChange(e.target.value), disabled: isBusyBasic })),
+                                        children: (field) => (jsx(Textarea, { id: "about", placeholder: t('profileIndex.placeholderAbout'), className: cn(FIELD_CLASS, 'h-auto resize-none py-2.5 leading-relaxed'), 
+                                            // Without the Features section below, the extra rows use
+                                            // the space it would have taken.
+                                            rows: customization.showMentorAIDisplayCheckbox ? 4 : 8, value: field.state.value, onChange: (e) => field.handleChange(e.target.value), disabled: isBusyBasic })),
                                     })] })] }), customization.showMentorAIDisplayCheckbox && (jsxs("section", { className: "space-y-2.5", "aria-labelledby": "profile-features-heading", children: [jsx("h4", { id: "profile-features-heading", className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: t('profileIndex.sectionFeatures') }), jsx("div", { className: "divide-y divide-gray-200 rounded-xl border border-gray-200 dark:divide-gray-800 dark:border-gray-800", children: jsxs("div", { className: "flex items-center justify-between gap-4 px-4 py-3.5", children: [jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [jsx("label", { htmlFor: "display-mentor", className: "text-sm font-medium text-gray-700 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-gray-300", children: t('profileIndex.checkboxDisplayMentorAI') }), jsx(CardInfoIcon, { description: t('profileIndex.tooltipDisplayMentorAI') })] }), basicForm.Field({
                                             name: 'displayMentor',
                                             children: (field) => (jsx(Switch, { className: "data-[state=checked]:bg-blue-600", onCheckedChange: (checked) => field.handleChange(checked), checked: field.state.value, disabled: isBusyBasic, id: "display-mentor" })),
-                                        })] }) })] }))] })), activeTab === 'social' && (jsxs("form", { className: "max-w-2xl space-y-5", onSubmit: (formEvent) => {
+                                        })] }) })] }))] })), activeTab === 'social' && (jsxs("form", { className: "space-y-5", onSubmit: (formEvent) => {
                     formEvent.preventDefault();
                     formEvent.stopPropagation();
                     if (isReadOnly)
@@ -233535,7 +233586,7 @@ function MemoryAdminTab({ tenantKey, username }) {
         return (jsxs("div", { className: "space-y-6", children: [jsx(Skeleton, { className: "h-10 w-full max-w-sm rounded-lg" }), jsx(Skeleton, { className: "h-40 w-full rounded-lg" })] }));
     }
     if (!isError && memsearchStatus && !memsearchStatus.enable_memsearch) {
-        return (jsx("div", { className: "max-w-2xl", children: jsx("div", { className: "rounded-lg border px-6 py-8 text-center", style: { borderColor: 'oklch(.922 0 0)' }, children: jsx("p", { className: "text-sm text-gray-500", children: t('memoryAdminTab.featureDisabled') }) }) }));
+        return (jsx("div", { children: jsx("div", { className: "rounded-lg border px-6 py-8 text-center", style: { borderColor: 'oklch(.922 0 0)' }, children: jsx("p", { className: "text-sm text-gray-500", children: t('memoryAdminTab.featureDisabled') }) }) }));
     }
     return (jsxs(Tabs, { defaultValue: "global-memories", "aria-label": t('memoryAdminTab.tabsAriaLabel'), children: [jsxs(TabsList, { "aria-label": t('memoryAdminTab.tabsAriaLabel'), className: "max-w-full overflow-x-auto justify-start px-1", children: [jsx(TabsTrigger, { "data-testid": "memory-admin-sub-tab-global", value: "global-memories", children: t('memoryAdminTab.tabGlobalMemories') }), jsx(TabsTrigger, { "data-testid": "memory-admin-sub-tab-agent", value: "agent-memories", children: t('memoryAdminTab.tabAgentMemories') })] }), jsx(TabsContent, { className: "mt-4", value: "global-memories", children: jsx(GlobalMemoriesSection, { tenantKey: tenantKey, username: username }) }), jsx(TabsContent, { className: "mt-4", value: "agent-memories", children: jsx(AgentMemoriesSection, { tenantKey: tenantKey, username: username }) })] }));
 }
@@ -234210,7 +234261,7 @@ function VirtualMachineAdminTab({ tenantKey, username, defaultTab = 'network-pol
         return (jsxs("div", { className: "space-y-6", "data-testid": "vm-admin-loading", children: [jsx(Skeleton, { className: "h-10 w-full max-w-sm rounded-lg" }), jsx(Skeleton, { className: "h-40 w-full rounded-lg" })] }));
     }
     if (policiesForbidden && secretsForbidden) {
-        return (jsx("div", { className: "max-w-2xl", children: jsx("div", { className: "rounded-lg border px-6 py-8 text-center", style: { borderColor: 'oklch(.922 0 0)' }, "data-testid": "vm-admin-forbidden", children: jsx("p", { className: "text-sm text-gray-500", children: t('virtualMachineAdminTab.forbidden') }) }) }));
+        return (jsx("div", { children: jsx("div", { className: "rounded-lg border px-6 py-8 text-center", style: { borderColor: 'oklch(.922 0 0)' }, "data-testid": "vm-admin-forbidden", children: jsx("p", { className: "text-sm text-gray-500", children: t('virtualMachineAdminTab.forbidden') }) }) }));
     }
     const initialTab = (defaultTab === 'secrets' && !secretsForbidden) || policiesForbidden
         ? 'secrets'
@@ -275758,6 +275809,9 @@ const AGENT_TOOLS_TAB_LABELS = {
         title: 'Tools',
         description: 'Configure tools and integrations for your agent.',
     },
+    infoBox: 'Give your agent hands. Tools let it do things beyond chatting — look something up, call an API, trigger an action — so it can actually get work done for people.',
+    moreInfoAbout: (name) => `More info about ${name}`,
+    switchAriaLabel: (name, isEnabled) => `${name} ${isEnabled ? 'enabled' : 'disabled'}`,
     toasts: {
         toggleSuccess: 'Agent updated successfully',
         toggleError: 'Failed to update tool',
@@ -275769,6 +275823,12 @@ function buildToolsTabLabels(t) {
             title: t('toolsTabLabels.header.title'),
             description: t('toolsTabLabels.header.description'),
         },
+        infoBox: t('toolsTabLabels.infoBox'),
+        moreInfoAbout: (name) => t('toolsTabLabels.moreInfoAbout', { name }),
+        switchAriaLabel: (name, isEnabled) => t('toolsTabLabels.switchAriaLabel', {
+            name,
+            state: isEnabled ? t('toolsTabLabels.enabled') : t('toolsTabLabels.disabled'),
+        }),
         toasts: {
             toggleSuccess: t('toolsTabLabels.toasts.toggleSuccess'),
             toggleError: t('toolsTabLabels.toasts.toggleError'),
@@ -275788,19 +275848,53 @@ function AgentToolsTab({ labels: labelsOverride }) {
     const labels = React__default.useMemo(() => resolveToolsTabLabels(labelsOverride, t), [labelsOverride, t]);
     const { enableRBAC } = useAgentSettings();
     const { tools, mentorSettings, mentorTools, toggleTool, isDisabled } = useTools({ labels });
-    return (jsxs(Fragment$1, { children: [jsx("div", { className: "flex hidden h-[73px] flex-shrink-0 items-center border-b border-gray-200 bg-white p-4 lg:block", children: jsxs("div", { children: [jsx("h3", { className: "mb-1 text-base font-medium text-gray-900", children: labels.header.title }), jsx("p", { className: "text-xs text-gray-700", children: labels.header.description })] }) }), jsx("div", { className: "flex-1 space-y-4 p-3", style: {
+    return (jsxs(Fragment$1, { children: [jsx("div", { className: "flex hidden h-[73px] flex-shrink-0 items-center border-b border-gray-200 bg-white p-4 lg:block", children: jsxs("div", { children: [jsx("h3", { className: "mb-1 text-base font-medium text-gray-900", children: labels.header.title }), jsx("p", { className: "text-xs text-gray-700", children: labels.header.description })] }) }), jsxs("div", { className: "flex-1 space-y-4 p-3", style: {
                     overflowY: 'auto',
                     overflowX: 'hidden',
-                }, children: jsx(WithFormPermissions, { name: "mentor_tools", 
-                    // @ts-ignore
-                    permissions: (_a = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _a === void 0 ? void 0 : _a.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsx("div", { className: "space-y-6", children: tools === null || tools === void 0 ? void 0 : tools.map((tool) => {
-                            var _a, _b;
-                            const isEnabled = mentorTools.includes((_a = tool === null || tool === void 0 ? void 0 : tool.slug) !== null && _a !== void 0 ? _a : '');
-                            return (jsxs("div", { className: "flex items-center justify-between rounded-lg border p-6", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-gray-700", children: tool === null || tool === void 0 ? void 0 : tool.display_name }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": `More info about ${tool === null || tool === void 0 ? void 0 : tool.display_name}`, children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "ibl-tooltip-content", children: jsx("p", { children: tool === null || tool === void 0 ? void 0 : tool.description }) })] }) })] }), jsx(CustomSwitch, { checked: isEnabled, onCheckedChange: async () => {
-                                            var _a;
-                                            await toggleTool((_a = tool === null || tool === void 0 ? void 0 : tool.slug) !== null && _a !== void 0 ? _a : '');
-                                        }, disabled: isDisabled || disabled, "aria-label": `${tool === null || tool === void 0 ? void 0 : tool.display_name} ${isEnabled ? 'enabled' : 'disabled'}` })] }, (_b = tool === null || tool === void 0 ? void 0 : tool.slug) !== null && _b !== void 0 ? _b : tool === null || tool === void 0 ? void 0 : tool.name));
-                        }) })) }) })] }));
+                }, children: [jsx("div", { className: "rounded-md border border-gray-200 bg-gray-50 p-3 text-xs text-gray-600", "data-testid": "tools-info-box", children: labels.infoBox }), jsx(WithFormPermissions, { name: "mentor_tools", 
+                        // @ts-ignore
+                        permissions: (_a = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.permissions) === null || _a === void 0 ? void 0 : _a.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsx("div", { className: "space-y-6", children: tools === null || tools === void 0 ? void 0 : tools.map((tool) => {
+                                var _a, _b, _c, _d;
+                                const isEnabled = mentorTools.includes((_a = tool === null || tool === void 0 ? void 0 : tool.slug) !== null && _a !== void 0 ? _a : '');
+                                return (jsxs("div", { className: "flex items-center justify-between rounded-lg border p-6", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-gray-700", children: tool === null || tool === void 0 ? void 0 : tool.display_name }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": labels.moreInfoAbout((_b = tool === null || tool === void 0 ? void 0 : tool.display_name) !== null && _b !== void 0 ? _b : ''), children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "ibl-tooltip-content", children: jsx("p", { children: tool === null || tool === void 0 ? void 0 : tool.description }) })] }) })] }), jsx(CustomSwitch, { checked: isEnabled, onCheckedChange: async () => {
+                                                var _a;
+                                                await toggleTool((_a = tool === null || tool === void 0 ? void 0 : tool.slug) !== null && _a !== void 0 ? _a : '');
+                                            }, disabled: isDisabled || disabled, "aria-label": labels.switchAriaLabel((_c = tool === null || tool === void 0 ? void 0 : tool.display_name) !== null && _c !== void 0 ? _c : '', isEnabled) })] }, (_d = tool === null || tool === void 0 ? void 0 : tool.slug) !== null && _d !== void 0 ? _d : tool === null || tool === void 0 ? void 0 : tool.name));
+                            }) })) })] })] }));
+}
+
+function useToggleTools({ activeMentorId, tenantKey, username, tools = [] }) {
+    const [editMentor, { isLoading }] = useEditMentorMutation();
+    async function toggleTools(toolSlug, callback, labels) {
+        var _a, _b, _c, _d;
+        const mentorTools = tools;
+        const newMentorTools = mentorTools.includes(toolSlug)
+            ? mentorTools.filter((tool) => tool !== toolSlug)
+            : [...mentorTools, toolSlug];
+        try {
+            await editMentor({
+                mentor: activeMentorId,
+                org: tenantKey,
+                formData: {
+                    tool_slugs: newMentorTools,
+                    can_use_tools: newMentorTools.length > 0 ? true : false,
+                },
+                // @ts-expect-error userId is not in the typed args but the API accepts it
+                userId: username !== null && username !== void 0 ? username : '',
+            }).unwrap();
+            toast.success((_a = labels === null || labels === void 0 ? void 0 : labels.success) !== null && _a !== void 0 ? _a : 'Agent updated successfully');
+            callback === null || callback === void 0 ? void 0 : callback();
+        }
+        catch (error) {
+            const errorMessage = ((_b = error === null || error === void 0 ? void 0 : error.data) === null || _b === void 0 ? void 0 : _b.error) || ((_c = error === null || error === void 0 ? void 0 : error.error) === null || _c === void 0 ? void 0 : _c.error) || ((_d = labels === null || labels === void 0 ? void 0 : labels.error) !== null && _d !== void 0 ? _d : 'Failed to update tool');
+            toast.error(errorMessage);
+            console.error('Failed to toggle tools:', error);
+        }
+    }
+    return {
+        toggleTools,
+        isLoading,
+    };
 }
 
 const AGENT_MEMORY_TAB_LABELS = {
@@ -280688,7 +280782,7 @@ function SpendCapUsage({ tenantKey, userId, mentorId, showWhenOk = false, classN
 function ApiKeyModal({ isOpen, onClose, apiKey, labels }) {
     const { copy, status } = useCopyToClipboard(800);
     const Icon = status === 'success' ? Check : Copy;
-    return (jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: jsxs(DialogContent, { children: [jsx(DialogHeader, { children: jsx(DialogTitle, { className: "ibl-dialog-title", children: labels.title }) }), jsx(DialogDescription, { className: "sr-only", children: "Copy and paste the API key." }), jsxs("div", { className: "grid gap-6", children: [jsxs("p", { className: "text-muted-foreground grid gap-2 text-sm", children: [jsx("span", { children: labels.descriptionLineOne }), jsx("span", { children: labels.descriptionLineTwo })] }), jsxs("div", { className: "flex items-center gap-4", children: [jsx(Input, { defaultValue: apiKey, readOnly: true }), jsx(Button$1, { size: "icon", className: "ibl-button-primary cursor-pointer", onClick: () => copy(apiKey), "aria-label": status === 'success' ? 'Copied' : 'Copy API key', children: jsx(Icon, { className: "h-4 w-4" }) })] })] })] }) }));
+    return (jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: jsxs(DialogContent, { children: [jsx(DialogHeader, { children: jsx(DialogTitle, { className: "ibl-dialog-title", children: labels.title }) }), jsx(DialogDescription, { className: "sr-only", children: labels.description }), jsxs("div", { className: "grid gap-6", children: [jsxs("p", { className: "text-muted-foreground grid gap-2 text-sm", children: [jsx("span", { children: labels.descriptionLineOne }), jsx("span", { children: labels.descriptionLineTwo })] }), jsxs("div", { className: "flex items-center gap-4", children: [jsx(Input, { defaultValue: apiKey, readOnly: true }), jsx(Button$1, { size: "icon", className: "ibl-button-primary cursor-pointer", onClick: () => copy(apiKey), "aria-label": status === 'success' ? labels.copiedAriaLabel : labels.copyAriaLabel, children: jsx(Icon, { className: "h-4 w-4" }) })] })] })] }) }));
 }
 
 const createApiFormDefaultValues = {
@@ -280702,9 +280796,10 @@ function daysFromCurrentDate(targetDate) {
     const daysDifference = Math.ceil(timeDifference / oneDay);
     return daysDifference * 24 * 3600;
 }
-function CreateApiModal({ isOpen, onClose, tenantKey, username, executeGatedAction, labels, apiKeyModalLabels, }) {
+function CreateApiModal({ isOpen, onClose, tenantKey, username, executeGatedAction, onCreated, labels, apiKeyModalLabels, }) {
     const [apiKey, setApiKey] = React__default.useState(null);
     const [createApiKey, { isLoading }] = useCreateApiKeyMutation();
+    const nameInputId = React__default.useId();
     const createApiFormSchema = React__default.useMemo(() => z$2.object({
         name: z$2
             .string()
@@ -280736,6 +280831,7 @@ function CreateApiModal({ isOpen, onClose, tenantKey, username, executeGatedActi
                 toast.success(labels.successToast);
                 form.reset();
                 setApiKey(response.key);
+                onCreated === null || onCreated === void 0 ? void 0 : onCreated();
             }
             catch (error) {
                 console.error(JSON.stringify(error));
@@ -280752,21 +280848,21 @@ function CreateApiModal({ isOpen, onClose, tenantKey, username, executeGatedActi
             form.handleSubmit();
         }
     };
-    return (jsxs(Fragment$1, { children: [jsx(Dialog, { open: isOpen, onOpenChange: isLoading ? undefined : onClose, children: jsxs(DialogContent, { "aria-describedby": "api-key-creation-description", className: "w-full max-w-md", children: [jsx(DialogDescription, { className: "sr-only", children: labels.description }), jsx(DialogHeader, { children: jsx(DialogTitle, { className: "ibl-dialog-title", children: labels.title }) }), jsxs("form", { onSubmit: (formEvent) => {
+    return (jsxs(Fragment$1, { children: [jsx(Dialog, { open: isOpen, onOpenChange: isLoading ? undefined : onClose, children: jsxs(DialogContent, { className: "flex max-h-[80vh] w-full max-w-lg flex-col gap-0 overflow-hidden p-0", children: [jsxs(DialogHeader, { className: "flex-shrink-0 space-y-1 border-b border-gray-200 bg-white px-4 pt-4 pr-10 pb-3 text-left", children: [jsx(DialogTitle, { className: "text-sm font-semibold text-gray-900", children: labels.title }), jsx(DialogDescription, { className: "text-xs text-gray-600", children: labels.description })] }), jsxs("form", { onSubmit: (formEvent) => {
                                 formEvent.preventDefault();
                                 formEvent.stopPropagation();
                                 handleSubmit();
-                            }, className: "mt-5 grid gap-5", children: [jsx(form.Field, { name: "name", children: (field) => {
-                                        var _a, _b;
-                                        const hasError = ((_a = field.state.meta.errors) === null || _a === void 0 ? void 0 : _a.length) > 0;
-                                        const isDirty = field.state.meta.isDirty;
-                                        const hasErrorAndIsDirty = hasError && isDirty;
-                                        return (jsxs("div", { className: "space-y-1.5", children: [jsxs(Label$1, { className: "flex items-center text-sm font-medium text-[#646464]", children: [labels.nameLabel, jsx("span", { className: "ml-1 text-red-500", children: "*" })] }), jsx(Input, { placeholder: labels.namePlaceholder, value: field.state.value, onChange: (event) => field.handleChange(event.target.value), autoComplete: "off" }), hasErrorAndIsDirty && (jsx("p", { className: "text-xs text-red-500", children: (_b = field.state.meta.errors[0]) === null || _b === void 0 ? void 0 : _b.message }))] }));
-                                    } }), jsx(form.Field, { name: "expiration_date", children: (field) => (jsxs("div", { className: "space-y-1.5", children: [jsx(Label$1, { className: "flex items-center text-sm font-medium text-[#646464]", children: labels.expirationLabel }), jsxs(Popover, { children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { type: "button", variant: "outline", className: cn('w-full pl-3 text-left font-normal', !field.state.value && 'text-muted-foreground'), children: [field.state.value ? (format$1(field.state.value, 'PPP')) : (jsx("span", { children: labels.expirationPlaceholder })), jsx(Calendar$1, { className: "ml-auto h-4 w-4 opacity-50" })] }) }), jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: jsx(Calendar, { mode: "single", 
-                                                            // @ts-ignore - Calendar selected prop expects Date but form field may be null
-                                                            selected: field.state.value, onSelect: field.handleChange, disabled: (date) => date && date < new Date() }) })] })] })) }), jsx(DialogFooter, { className: "justify-end", children: jsx(form.Subscribe, { selector: (state) => ({
-                                            canSubmit: state.canSubmit,
-                                        }), children: ({ canSubmit }) => (jsx(Button$1, { type: "submit", disabled: !canSubmit || isLoading, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: isLoading ? labels.submitting : labels.submit })) }) })] })] }) }), apiKey && (jsx(ApiKeyModal, { isOpen: true, onClose: () => setApiKey(null), apiKey: apiKey, labels: apiKeyModalLabels }))] }));
+                            }, children: [jsxs("div", { className: "space-y-4 p-4", children: [jsx(form.Field, { name: "name", children: (field) => {
+                                                var _a, _b;
+                                                const hasError = ((_a = field.state.meta.errors) === null || _a === void 0 ? void 0 : _a.length) > 0;
+                                                const isDirty = field.state.meta.isDirty;
+                                                const hasErrorAndIsDirty = hasError && isDirty;
+                                                return (jsxs("div", { className: "space-y-1.5", children: [jsxs(Label$1, { htmlFor: nameInputId, className: "flex items-center text-sm font-medium text-gray-700", children: [labels.nameLabel, jsx("span", { className: "ml-1 text-red-500", children: "*" })] }), jsx(Input, { id: nameInputId, placeholder: labels.namePlaceholder, value: field.state.value, onChange: (event) => field.handleChange(event.target.value), autoComplete: "off" }), hasErrorAndIsDirty && (jsx("p", { className: "text-xs text-red-500", children: (_b = field.state.meta.errors[0]) === null || _b === void 0 ? void 0 : _b.message }))] }));
+                                            } }), jsx(form.Field, { name: "expiration_date", children: (field) => (jsxs("div", { className: "space-y-1.5", children: [jsx(Label$1, { className: "flex items-center text-sm font-medium text-gray-700", children: labels.expirationLabel }), jsxs(Popover, { children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { type: "button", variant: "outline", className: cn('w-full pl-3 text-left font-normal', !field.state.value && 'text-muted-foreground'), children: [field.state.value ? (format$1(field.state.value, 'PPP')) : (jsx("span", { children: labels.expirationPlaceholder })), jsx(Calendar$1, { className: "ml-auto h-4 w-4 opacity-50" })] }) }), jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: jsx(Calendar, { mode: "single", 
+                                                                    // @ts-ignore - Calendar selected prop expects Date but form field may be null
+                                                                    selected: field.state.value, onSelect: field.handleChange, disabled: (date) => date && date < new Date() }) })] })] })) })] }), jsxs("div", { className: "flex flex-shrink-0 justify-end gap-2 border-t border-gray-200 bg-white px-4 py-3", children: [jsx(Button$1, { type: "button", variant: "outline", onClick: onClose, disabled: isLoading, children: labels.cancel }), jsx(form.Subscribe, { selector: (state) => ({
+                                                canSubmit: state.canSubmit,
+                                            }), children: ({ canSubmit }) => (jsx(Button$1, { type: "submit", disabled: !canSubmit || isLoading, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-sm text-white hover:text-white hover:opacity-90", children: isLoading ? labels.submitting : labels.submit })) })] })] })] }) }), apiKey && (jsx(ApiKeyModal, { isOpen: true, onClose: () => setApiKey(null), apiKey: apiKey, labels: apiKeyModalLabels }))] }));
 }
 
 function DeleteApiModal({ isOpen, onClose, apiKey, tenantKey, labels }) {
@@ -280788,7 +280884,7 @@ function DeleteApiModal({ isOpen, onClose, apiKey, tenantKey, labels }) {
         }
     }
     const confirmation = labels.confirmation.split('{name}');
-    return (jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: jsxs(DialogContent, { "aria-describedby": "delete-api-key-description", children: [jsx(DialogHeader, { children: jsx(DialogTitle, { className: "ibl-dialog-title", children: labels.title }) }), jsx("div", { className: "my-5", children: jsxs("p", { className: "text-sm text-[#646464]", children: [confirmation[0], jsx("span", { className: "font-bold italic", children: apiKey.name }), (_a = confirmation[1]) !== null && _a !== void 0 ? _a : ''] }) }), jsxs(DialogFooter, { className: "gap-3", children: [jsx(Button$1, { variant: "outline", onClick: onClose, children: labels.cancel }), jsx(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", onClick: handleDeleteApiKey, disabled: isLoading, children: isLoading ? labels.confirming : labels.confirm })] })] }) }));
+    return (jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && !isLoading && onClose(), children: jsxs(DialogContent, { className: "flex max-h-[80vh] w-full max-w-lg flex-col gap-0 overflow-hidden p-0", children: [jsxs(DialogHeader, { className: "flex-shrink-0 space-y-1 border-b border-gray-200 bg-white px-4 pt-4 pr-10 pb-3 text-left", children: [jsx(DialogTitle, { className: "text-sm font-semibold text-gray-900", children: labels.title }), jsx(DialogDescription, { className: "text-xs text-gray-600", children: labels.warning })] }), jsx("div", { className: "px-4 py-6", children: jsxs("p", { className: "text-sm leading-relaxed text-gray-700", children: [confirmation[0], jsx("code", { className: "rounded bg-gray-100 px-1.5 py-0.5 font-mono text-gray-900", children: apiKey.name }), (_a = confirmation[1]) !== null && _a !== void 0 ? _a : ''] }) }), jsxs("div", { className: "flex flex-shrink-0 justify-end gap-2 border-t border-gray-200 bg-white px-4 py-3", children: [jsx(Button$1, { variant: "outline", onClick: onClose, disabled: isLoading, children: labels.cancel }), jsx(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-sm text-white hover:text-white hover:opacity-90", onClick: handleDeleteApiKey, disabled: isLoading, children: isLoading ? labels.confirming : labels.confirm })] })] }) }));
 }
 
 const AGENT_API_TAB_LABELS = {
@@ -280796,6 +280892,7 @@ const AGENT_API_TAB_LABELS = {
         title: 'API',
         description: 'Manage API keys and integrations.',
     },
+    infoBox: 'Use this agent from your own apps. Create API keys here to call it programmatically and build it into your product or workflow.',
     disclaimer: {
         lineOne: 'Your secret API keys are listed below. Please note that we do not display your secret API keys again after you generate them.',
         lineTwo: 'Do not share your API key with others, or expose it in the browser or other client-side code. In order to protect the security of your account, IBL may also automatically rotate any API key that we\u2019ve found has leaked publicly.',
@@ -280808,13 +280905,14 @@ const AGENT_API_TAB_LABELS = {
         emptyState: 'No API keys found',
         noPermission: 'You do not have permission to view API keys',
         deleteAriaLabel: 'Delete API Key',
+        notAvailable: 'N/A',
     },
     actions: {
         createNew: 'Create New',
     },
     createModal: {
         title: 'Create API Key',
-        description: 'Create API Key',
+        description: "Name your key and optionally set an expiry date. You'll only see the key once.",
         nameLabel: 'API Key Name',
         namePlaceholder: 'API Key Name',
         nameRequired: 'API Key name is required',
@@ -280823,12 +280921,14 @@ const AGENT_API_TAB_LABELS = {
         expirationPlaceholder: 'Pick a date',
         submit: 'Submit',
         submitting: 'Submitting...',
+        cancel: 'Cancel',
         successToast: 'API Key created successfully',
         errorToast: 'Failed to create API Key',
     },
     deleteModal: {
         title: 'Delete API Key',
         confirmation: 'Are you sure you want to delete the API Key with the name {name}? This action cannot be undone.',
+        warning: 'Any app or integration using this key will stop working immediately.',
         cancel: 'Cancel',
         confirm: 'Delete',
         confirming: 'Deleting...',
@@ -280839,6 +280939,9 @@ const AGENT_API_TAB_LABELS = {
         title: 'API Key',
         descriptionLineOne: 'Please copy your API key and store it in a secure location. For security reasons, this key will only be displayed once and cannot be retrieved again after you leave this page.',
         descriptionLineTwo: "If you lose your API key, you'll need to generate a new one.",
+        description: 'Copy and paste the API key.',
+        copyAriaLabel: 'Copy API key',
+        copiedAriaLabel: 'Copied',
     },
 };
 function buildApiTabLabels(t) {
@@ -280847,6 +280950,7 @@ function buildApiTabLabels(t) {
             title: t('apiTabLabels.header.title'),
             description: t('apiTabLabels.header.description'),
         },
+        infoBox: t('apiTabLabels.infoBox'),
         disclaimer: {
             lineOne: t('apiTabLabels.disclaimer.lineOne'),
             lineTwo: t('apiTabLabels.disclaimer.lineTwo'),
@@ -280859,6 +280963,7 @@ function buildApiTabLabels(t) {
             emptyState: t('apiTabLabels.table.emptyState'),
             noPermission: t('apiTabLabels.table.noPermission'),
             deleteAriaLabel: t('apiTabLabels.table.deleteAriaLabel'),
+            notAvailable: t('apiTabLabels.table.notAvailable'),
         },
         actions: {
             createNew: t('apiTabLabels.actions.createNew'),
@@ -280874,12 +280979,14 @@ function buildApiTabLabels(t) {
             expirationPlaceholder: t('apiTabLabels.createModal.expirationPlaceholder'),
             submit: t('apiTabLabels.createModal.submit'),
             submitting: t('apiTabLabels.createModal.submitting'),
+            cancel: t('apiTabLabels.createModal.cancel'),
             successToast: t('apiTabLabels.createModal.successToast'),
             errorToast: t('apiTabLabels.createModal.errorToast'),
         },
         deleteModal: {
             title: t('apiTabLabels.deleteModal.title'),
             confirmation: t('apiTabLabels.deleteModal.confirmation'),
+            warning: t('apiTabLabels.deleteModal.warning'),
             cancel: t('apiTabLabels.deleteModal.cancel'),
             confirm: t('apiTabLabels.deleteModal.confirm'),
             confirming: t('apiTabLabels.deleteModal.confirming'),
@@ -280890,6 +280997,9 @@ function buildApiTabLabels(t) {
             title: t('apiTabLabels.apiKeyModal.title'),
             descriptionLineOne: t('apiTabLabels.apiKeyModal.descriptionLineOne'),
             descriptionLineTwo: t('apiTabLabels.apiKeyModal.descriptionLineTwo'),
+            description: t('apiTabLabels.apiKeyModal.description'),
+            copyAriaLabel: t('apiTabLabels.apiKeyModal.copyAriaLabel'),
+            copiedAriaLabel: t('apiTabLabels.apiKeyModal.copiedAriaLabel'),
         },
     };
 }
@@ -280900,14 +281010,36 @@ function resolveApiTabLabels(override, t) {
     return deepMerge(base, override);
 }
 
+/**
+ * An out-of-range `page` (e.g. after deleting the last key on the last page)
+ * comes back as a 404 `{"detail": "Invalid page."}`.
+ */
+function isInvalidPageError(error) {
+    const { status, data } = (error !== null && error !== void 0 ? error : {});
+    if (status === 404)
+        return true;
+    const body = typeof data === 'string' ? data : JSON.stringify(data !== null && data !== void 0 ? data : '');
+    return body.includes('Invalid page');
+}
 function AgentApiTab({ labels: labelsOverride }) {
     const { tenantKey, username, rbacPermissions, executeGatedAction } = useAgentSettings();
     const t = useT();
     const labels = React__default.useMemo(() => resolveApiTabLabels(labelsOverride, t), [labelsOverride, t]);
-    const { data: apiKeysResponse, isLoading: isApiKeysLoading } = useGetApiKeysQuery({
+    const [page, setPage] = React__default.useState(1);
+    const { data: apiKeysResponse, isLoading: isApiKeysLoading, isFetching: isApiKeysFetching, isError, error, } = useGetApiKeysQuery({
         platformKey: tenantKey,
+        page,
+        pageSize: API_KEYS_PAGE_SIZE,
     });
-    const { tokens: apiKeys } = unwrapApiTokenList(apiKeysResponse);
+    const { tokens: apiKeys, count } = unwrapApiTokenList(apiKeysResponse);
+    const totalPages = Math.ceil(count / API_KEYS_PAGE_SIZE);
+    // Step back a page when the current one no longer exists (e.g. its last key
+    // was deleted): the backend answers "Invalid page." or an empty page.
+    const isPageGone = page > 1 && !isApiKeysFetching && (isError ? isInvalidPageError(error) : apiKeys.length === 0);
+    React__default.useEffect(() => {
+        if (isPageGone)
+            setPage((current) => Math.max(1, current - 1));
+    }, [isPageGone]);
     const [showCreateApiModal, setShowCreateApiModal] = React__default.useState(false);
     const [apiKeyToDelete, setApiKeyToDelete] = React__default.useState(null);
     function closeCreateApiModal() {
@@ -280931,14 +281063,18 @@ function AgentApiTab({ labels: labelsOverride }) {
             action();
         }
     };
-    return (jsxs(Fragment$1, { children: [jsx("div", { className: "flex hidden h-[73px] flex-shrink-0 items-center border-b border-gray-200 bg-white p-4 lg:block", children: jsxs("div", { children: [jsx("h3", { className: "mb-1 text-base font-medium text-gray-900", children: labels.header.title }), jsx("p", { className: "text-xs text-gray-700", children: labels.header.description })] }) }), jsx("div", { className: "flex-1 space-y-4 p-3 lg:p-4", style: {
+    return (jsxs(Fragment$1, { children: [jsx("div", { className: "flex hidden h-[73px] flex-shrink-0 items-center border-b border-gray-200 bg-white p-4 lg:block", children: jsxs("div", { children: [jsx("h3", { className: "mb-1 text-base font-medium text-gray-900", children: labels.header.title }), jsx("p", { className: "text-xs text-gray-700", children: labels.header.description })] }) }), jsxs("div", { className: "flex-1 space-y-4 p-3 lg:p-4", style: {
                     overflowY: 'auto',
                     overflowX: 'hidden',
-                }, children: jsxs("div", { className: "space-y-6", children: [jsxs("div", { className: "space-y-4", children: [jsx("p", { className: "text-sm text-gray-700", children: labels.disclaimer.lineOne }), jsx("p", { className: "text-sm text-gray-700", children: labels.disclaimer.lineTwo })] }), isApiKeysLoading ? (jsx("div", { className: "flex w-full items-center justify-center py-10", children: jsx(Spinner, {}) })) : (jsx("div", { className: "rounded-md border", children: jsxs(Table$1, { className: "w-full", children: [jsx(TableHeader$1, { children: jsxs(TableRow$1, { children: [jsx(TableHead, { className: "p-2 text-left text-sm text-gray-700", children: labels.table.nameColumn }), jsx(TableHead, { className: "p-2 text-left text-sm text-gray-700", children: labels.table.createdColumn }), jsx(TableHead, { className: "p-2 text-left text-sm text-gray-700", children: labels.table.expiresColumn }), jsx(TableHead, { className: "p-2 text-left text-sm text-gray-700", "aria-label": labels.table.actionsColumn, children: jsx("span", { className: "sr-only", children: labels.table.actionsColumn }) })] }) }), jsx(TableBody, { children: apiKeys.length === 0 ? (jsx(TableRow$1, { children: jsx(TableCell$1, { colSpan: 5, className: "p-4 text-center text-sm text-gray-700", children: labels.table.emptyState }) })) : (jsx(WithPermissions, { rbacResource: "/apitokens/#list", rbacPermissions: rbacPermissions !== null && rbacPermissions !== void 0 ? rbacPermissions : {}, children: ({ hasPermission }) => {
-                                                if (!hasPermission)
-                                                    return (jsx(TableRow$1, { children: jsx(TableCell$1, { colSpan: 5, className: "p-4 text-center text-sm text-gray-700", children: labels.table.noPermission }) }));
-                                                return (jsx(Fragment$1, { children: apiKeys.map((apiKey) => (jsxs(TableRow$1, { className: "text-sm hover:bg-blue-50", children: [jsx(TableCell$1, { className: "p-2 whitespace-nowrap text-gray-700", children: apiKey.name }), jsx(TableCell$1, { className: "p-2 whitespace-nowrap text-gray-700", children: apiKey.created ? format$1(apiKey.created, 'PPP') : 'N/A' }), jsx(TableCell$1, { className: "p-2 whitespace-nowrap text-gray-700", children: apiKey.expires ? format$1(apiKey.expires, 'PPP') : 'N/A' }), jsx(TableCell$1, { className: "p-2", children: jsx(WithPermissions, { rbacResource: "/apitokens/#create", rbacPermissions: rbacPermissions !== null && rbacPermissions !== void 0 ? rbacPermissions : {}, children: ({ hasPermission }) => hasPermission && (jsxs(Button$1, { variant: "ghost", size: "sm", className: "cursor-pointer", onClick: () => handleDeleteClick(apiKey.name), children: [jsx(Trash, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: labels.table.deleteAriaLabel })] })) }) })] }, apiKey.name))) }));
-                                            } })) })] }) })), jsx(WithPermissions, { rbacResource: "/apitokens/#create", rbacPermissions: rbacPermissions !== null && rbacPermissions !== void 0 ? rbacPermissions : {}, children: ({ hasPermission }) => hasPermission && (jsx(Button$1, { onClick: openCreateApiModal, className: "cursor-pointer bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: labels.actions.createNew })) }), jsx(CreateApiModal, { isOpen: showCreateApiModal, onClose: closeCreateApiModal, tenantKey: tenantKey, username: username !== null && username !== void 0 ? username : '', executeGatedAction: executeGatedAction, labels: labels.createModal, apiKeyModalLabels: labels.apiKeyModal }), apiKeyToDelete && (jsx(DeleteApiModal, { isOpen: !!apiKeyToDelete, onClose: closeDeleteApiModal, apiKey: apiKeyToDelete, tenantKey: tenantKey, labels: labels.deleteModal }))] }) })] }));
+                }, children: [jsxs("div", { className: "space-y-2 rounded-md border border-gray-200 bg-gray-50 p-3 text-xs text-gray-600", "data-testid": "api-info-box", children: [jsx("p", { children: labels.infoBox }), jsx("p", { children: labels.disclaimer.lineOne }), jsx("p", { children: labels.disclaimer.lineTwo })] }), jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "flex justify-end", children: jsx(WithPermissions, { rbacResource: "/apitokens/#create", rbacPermissions: rbacPermissions !== null && rbacPermissions !== void 0 ? rbacPermissions : {}, children: ({ hasPermission }) => hasPermission && (jsxs(Button$1, { onClick: openCreateApiModal, size: "sm", "data-testid": "api-key-create-button", className: "cursor-pointer whitespace-nowrap bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: [jsx(Plus, { className: "h-4 w-4" }), labels.actions.createNew] })) }) }), isApiKeysLoading ? (jsx("div", { className: "flex w-full items-center justify-center py-10", children: jsx(Spinner, {}) })) : (jsx("div", { className: "rounded-md border", children: jsxs(Table$1, { className: "w-full", children: [jsx(TableHeader$1, { children: jsxs(TableRow$1, { children: [jsx(TableHead, { className: "p-2 text-left text-sm text-gray-700", children: labels.table.nameColumn }), jsx(TableHead, { className: "p-2 text-left text-sm text-gray-700", children: labels.table.createdColumn }), jsx(TableHead, { className: "p-2 text-left text-sm text-gray-700", children: labels.table.expiresColumn }), jsx(TableHead, { className: "p-2 text-left text-sm text-gray-700", "aria-label": labels.table.actionsColumn, children: jsx("span", { className: "sr-only", children: labels.table.actionsColumn }) })] }) }), jsx(TableBody, { children: apiKeys.length === 0 ? (jsx(TableRow$1, { children: jsx(TableCell$1, { colSpan: 5, className: "p-4 text-center text-sm text-gray-700", children: labels.table.emptyState }) })) : (jsx(WithPermissions, { rbacResource: "/apitokens/#list", rbacPermissions: rbacPermissions !== null && rbacPermissions !== void 0 ? rbacPermissions : {}, children: ({ hasPermission }) => {
+                                                    if (!hasPermission)
+                                                        return (jsx(TableRow$1, { children: jsx(TableCell$1, { colSpan: 5, className: "p-4 text-center text-sm text-gray-700", children: labels.table.noPermission }) }));
+                                                    return (jsx(Fragment$1, { children: apiKeys.map((apiKey) => (jsxs(TableRow$1, { className: "text-sm hover:bg-blue-50", children: [jsx(TableCell$1, { className: "p-2 whitespace-nowrap text-gray-700", children: apiKey.name }), jsx(TableCell$1, { className: "p-2 whitespace-nowrap text-gray-700", children: apiKey.created
+                                                                        ? format$1(apiKey.created, 'PPP')
+                                                                        : labels.table.notAvailable }), jsx(TableCell$1, { className: "p-2 whitespace-nowrap text-gray-700", children: apiKey.expires
+                                                                        ? format$1(apiKey.expires, 'PPP')
+                                                                        : labels.table.notAvailable }), jsx(TableCell$1, { className: "p-2", children: jsx(WithPermissions, { rbacResource: "/apitokens/#create", rbacPermissions: rbacPermissions !== null && rbacPermissions !== void 0 ? rbacPermissions : {}, children: ({ hasPermission }) => hasPermission && (jsxs(Button$1, { variant: "ghost", size: "sm", className: "cursor-pointer", onClick: () => handleDeleteClick(apiKey.name), children: [jsx(Trash, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: labels.table.deleteAriaLabel })] })) }) })] }, apiKey.name))) }));
+                                                } })) })] }) })), totalPages > 1 && (jsx(IblPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage, disabled: isApiKeysFetching })), jsx(CreateApiModal, { isOpen: showCreateApiModal, onClose: closeCreateApiModal, tenantKey: tenantKey, username: username !== null && username !== void 0 ? username : '', executeGatedAction: executeGatedAction, onCreated: () => setPage(1), labels: labels.createModal, apiKeyModalLabels: labels.apiKeyModal }), apiKeyToDelete && (jsx(DeleteApiModal, { isOpen: !!apiKeyToDelete, onClose: closeDeleteApiModal, apiKey: apiKeyToDelete, tenantKey: tenantKey, labels: labels.deleteModal }))] })] })] }));
 }
 
 const ANONYMOUS_USERNAME$2 = 'anonymous';
@@ -342802,5 +342938,5 @@ var index_es = /*#__PURE__*/Object.freeze({
     vectorsRatio: vectorsRatio
 });
 
-export { AGENT_ACCESS_TAB_LABELS, AGENT_ANALYTICS_TAB_LABELS, AGENT_API_TAB_LABELS, AGENT_DATASETS_TAB_LABELS, AGENT_DISCLAIMERS_TAB_LABELS, AGENT_EMBED_TAB_LABELS, AGENT_EVALUATION_TAB_LABELS, AGENT_GRADER_TAB_LABELS, AGENT_HISTORY_TAB_LABELS, AGENT_HUMAN_SUPPORT_TAB_LABELS, AGENT_LLM_TAB_LABELS, AGENT_LTI_TAB_LABELS, AGENT_MEMORY_TAB_LABELS, AGENT_PICKER_LABELS, AGENT_PRIVACY_TAB_LABELS, AGENT_PROMPTS_TAB_LABELS, AGENT_SAFETY_TAB_LABELS, AGENT_SCREENSHARE_TAB_LABELS, AGENT_SEARCH_LABELS, AGENT_SETTINGS_TAB_LABELS, AGENT_SKILLS_TAB_LABELS, AGENT_SPEND_CAPS_TAB_LABELS, AGENT_TASKS_TAB_LABELS, AGENT_TOOLS_TAB_LABELS, AGENT_VOICE_TAB_LABELS, Account, AgentAccessTab, AgentAnalyticsTab, AgentApiTab, AgentCard, AgentDatasetsTab, AgentDisclaimersTab, AgentEmbedTab, AgentEmptyState, AgentEvaluationTab, AgentGraderTab, AgentHistoryTab, AgentHumanSupportTab, AgentLLMTab, AgentLtiTab, AgentMemoryTab, AgentPrivacyTab, AgentPromptsTab, AgentSafetyTab, AgentScreenShareTab, AgentSearch, AgentSearchFilters, AgentSearchInput, AgentSettingsProvider, AgentSettingsTab, AgentSkillsTab, AgentSpendCapsTab, AgentTasksTab, AgentToolsTab, AgentVoiceTab, AppSidebar, CATALOGS, Chat, ClientErrorPage, ConversationStarters$1 as ConversationStarters, CopyButton, CopyMentorModal, CourseBox, CourseContentLayout, CourseContentTabPage, CreatePathwayModal, CredentialDetailModal, CredentialMiniBox, DEFAULT_ANALYTICS_HUB_TABS, DEFAULT_LOCALE, DeleteMentorModal, EMPTY_PROGRAM_SETTINGS_FORM, EdxIframe, ErrorPage, GRADING_TOOL_NAME, GreetingMethod, LLMProviderModal, LocalModelRow, McpTab, MediaBox, MentorSelectionGrid, NavBar, OrganizationTab, PLATFORM_SIDEBAR_FLYOUT_ITEM_COLOR, PLATFORM_SIDEBAR_FLYOUT_TITLE_COLOR, PLATFORM_SIDEBAR_NAV_ACTIVE_BG_OPEN, PLATFORM_SIDEBAR_NAV_MUTED, PathwayDetailModal, PlatformAccountSheet, PlatformSidebar, PlatformSidebarCollapsedLabelFlyout, PlatformSidebarCollapsedNavFlyout, PlatformSidebarFooter, PlatformSidebarNavDivider, PlatformSidebarNavSection, PlatformSidebarSubNavItem, ProfileInfoCards, ProfileTabs, ProgramDetailModal, ProjectsSidebarDropdown, SPEND_CAPS_SUB_TABS, SUPPORTED_LOCALES, SidebarInset, SidebarProvider, SidebarTrigger, SpendCapUsage, SsoLogin, StarButton, UserProfileDropdown, UserProfileModal, WebContainersI18nProvider, formatDateString, getCatalog, getProviderName, initializeLocalStorageWithObject, isValidLocale, resolveAgentPickerLabels, resolveAgentSearchLabels, resolveLLMTabLabels, resolveSettingsTabLabels, useAgentSearch, useAgentSearchWithPagination, useAgentSettings, useAgentStar, useGetChatDetails, usePlatformSidebarFooterActions, usePlatformSidebarNavCallback, useSidebar, useT, useTimeTracker, useWebContainersI18n, useWebContainersLocale };
+export { AGENT_ACCESS_TAB_LABELS, AGENT_ANALYTICS_TAB_LABELS, AGENT_API_TAB_LABELS, AGENT_DATASETS_TAB_LABELS, AGENT_DISCLAIMERS_TAB_LABELS, AGENT_EMBED_TAB_LABELS, AGENT_EVALUATION_TAB_LABELS, AGENT_GRADER_TAB_LABELS, AGENT_HISTORY_TAB_LABELS, AGENT_HUMAN_SUPPORT_TAB_LABELS, AGENT_LLM_TAB_LABELS, AGENT_LTI_TAB_LABELS, AGENT_MEMORY_TAB_LABELS, AGENT_PICKER_LABELS, AGENT_PRIVACY_TAB_LABELS, AGENT_PROMPTS_TAB_LABELS, AGENT_SAFETY_TAB_LABELS, AGENT_SCREENSHARE_TAB_LABELS, AGENT_SEARCH_LABELS, AGENT_SETTINGS_TAB_LABELS, AGENT_SKILLS_TAB_LABELS, AGENT_SPEND_CAPS_TAB_LABELS, AGENT_TASKS_TAB_LABELS, AGENT_TOOLS_TAB_LABELS, AGENT_VOICE_TAB_LABELS, Account, AgentAccessTab, AgentAnalyticsTab, AgentApiTab, AgentCard, AgentDatasetsTab, AgentDisclaimersTab, AgentEmbedTab, AgentEmptyState, AgentEvaluationTab, AgentGraderTab, AgentHistoryTab, AgentHumanSupportTab, AgentLLMTab, AgentLtiTab, AgentMemoryTab, AgentPrivacyTab, AgentPromptsTab, AgentSafetyTab, AgentScreenShareTab, AgentSearch, AgentSearchFilters, AgentSearchInput, AgentSettingsProvider, AgentSettingsTab, AgentSkillsTab, AgentSpendCapsTab, AgentTasksTab, AgentToolsTab, AgentVoiceTab, AppSidebar, CATALOGS, Chat, ClientErrorPage, ConversationStarters$1 as ConversationStarters, CopyButton, CopyMentorModal, CourseBox, CourseContentLayout, CourseContentTabPage, CreatePathwayModal, CredentialDetailModal, CredentialMiniBox, DEFAULT_ANALYTICS_HUB_TABS, DEFAULT_LOCALE, DeleteMentorModal, EMPTY_PROGRAM_SETTINGS_FORM, EdxIframe, ErrorPage, GRADING_TOOL_NAME, GreetingMethod, LLMProviderModal, LocalModelRow, McpTab, MediaBox, MentorSelectionGrid, NavBar, OrganizationTab, PLATFORM_SIDEBAR_FLYOUT_ITEM_COLOR, PLATFORM_SIDEBAR_FLYOUT_TITLE_COLOR, PLATFORM_SIDEBAR_NAV_ACTIVE_BG_OPEN, PLATFORM_SIDEBAR_NAV_MUTED, PathwayDetailModal, PlatformAccountSheet, PlatformSidebar, PlatformSidebarCollapsedLabelFlyout, PlatformSidebarCollapsedNavFlyout, PlatformSidebarFooter, PlatformSidebarNavDivider, PlatformSidebarNavSection, PlatformSidebarSubNavItem, ProfileInfoCards, ProfileTabs, ProgramDetailModal, ProjectsSidebarDropdown, SPEND_CAPS_SUB_TABS, SUPPORTED_LOCALES, SidebarInset, SidebarProvider, SidebarTrigger, SpendCapUsage, SsoLogin, StarButton, UserProfileDropdown, UserProfileModal, WebContainersI18nProvider, formatDateString, getCatalog, getProviderName, initializeLocalStorageWithObject, isValidLocale, resolveAgentPickerLabels, resolveAgentSearchLabels, resolveLLMTabLabels, resolveSettingsTabLabels, useAgentSearch, useAgentSearchWithPagination, useAgentSettings, useAgentStar, useGetChatDetails, usePlatformSidebarFooterActions, usePlatformSidebarNavCallback, useSidebar, useT, useTimeTracker, useToggleTools, useWebContainersI18n, useWebContainersLocale };
 //# sourceMappingURL=index.esm.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "2.25.0",
+  "version": "2.27.0",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -76,10 +76,10 @@
     "axios": "1.13.6",
     "dotenv": "16.6.1",
     "winston": "3.19.0",
-    "@iblai/data-layer": "1.23.0",
-    "@iblai/mcp": "1.21.0",
-    "@iblai/web-containers": "1.31.0",
-    "@iblai/web-utils": "2.6.0"
+    "@iblai/mcp": "1.23.0",
+    "@iblai/web-containers": "1.33.0",
+    "@iblai/web-utils": "2.6.0",
+    "@iblai/data-layer": "1.24.0"
   },
   "peerDependencies": {
     "@iblai/iblai-api": "4.166.0-ai",