@iblai/iblai-js 1.25.2 → 1.26.0

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

@@ -52891,7 +52891,7 @@ function useCallbackRef$1(initialValue, callback) {
     return ref.facade;
 }
 
-var useIsomorphicLayoutEffect$2 = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+var useIsomorphicLayoutEffect$3 = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 var currentValues = new WeakMap();
 /**
  * Merges two or more refs together providing a single interface to set their value
@@ -52912,7 +52912,7 @@ function useMergeRefs(refs, defaultValue) {
         return refs.forEach(function (ref) { return assignRef(ref, newValue); });
     });
     // handle refs changes - added or removed
-    useIsomorphicLayoutEffect$2(function () {
+    useIsomorphicLayoutEffect$3(function () {
         var oldValue = currentValues.get(callbackRef);
         if (oldValue) {
             var prevRefs_1 = new Set(oldValue);
@@ -59731,6 +59731,7 @@ var advancePagination$3 = {
 var advancedAdvanced$3 = {
 	failedToUpdateSetting: "Failed to update setting",
 	settingUpdatedSuccessfully: "Setting updated successfully",
+	save: "Save",
 	agentSettingUpdatedSuccessfully: "Agent setting updated successfully",
 	chatAreaSizeUpdatedSuccessfully: "Chat area size updated successfully",
 	moreInfoAbout: "More info about {label}",
@@ -61101,11 +61102,16 @@ var clawSandboxAgentConfigPrompts$3 = {
 	updateSuccess: "{label} updated successfully",
 	updateError: "Failed to update {label}",
 	moreInfoAriaLabel: "More info about {label}",
-	edit: "Edit"
+	edit: "Edit",
+	connectSandboxPrompt: "Connect a sandbox instance in the Sandbox tab to manage agent prompts.",
+	enableSandboxPrompt: "Enable the dedicated sandbox on the Sandbox tab and connect it to an instance to manage agent prompts.",
+	sandboxTabLabel: "Sandbox tab"
 };
 var clawSandboxAgentSkills$3 = {
 	loadingSkills: "Loading skills...",
 	connectSandboxPrompt: "Connect a sandbox instance in the Sandbox tab to manage skills.",
+	enableSandboxPrompt: "Enable the dedicated sandbox on the Sandbox tab and connect it to an instance to manage skills.",
+	sandboxTabLabel: "Sandbox tab",
 	newSkill: "New Skill",
 	noSkillsAvailable: "No skills available for this platform. Create one to get started.",
 	moreInfoAbout: "More info about {name}",
@@ -62303,7 +62309,8 @@ var modalsPaywallModal$3 = {
 	subscribeToGetAccess: "Subscribe to get access to {itemName}",
 	redirecting: "Redirecting...",
 	pay: "Pay",
-	thisIncludes: "This includes:"
+	thisIncludes: "This includes:",
+	secureCheckout: "Secure checkout"
 };
 var modalsPromptGalleryModal$3 = {
 	promptGallery: "Prompt Gallery",
@@ -62624,6 +62631,11 @@ var privacyTabLabels$3 = {
 		title: "Privacy",
 		description: "Detect and filter personally identifiable information from chat messages."
 	},
+	capability: {
+		title: "PII filtering",
+		description: "Automatically find and hide personal information — names, emails, phone numbers and more — in messages before the agent sees them. When on, choose what to detect and how to handle it below.",
+		offHint: "Turn it on to detect and hide personal information in messages."
+	},
 	fields: {
 		enableRouter: {
 			label: "Enable Privacy Router",
@@ -62635,12 +62647,14 @@ var privacyTabLabels$3 = {
 			options: {
 				redact: "Redact",
 				mask: "Mask",
-				block: "Block"
+				block: "Block",
+				allow: "Allow"
 			},
 			descriptions: {
 				redact: "PII is replaced with its type — e.g. \"Email [EMAIL_ADDRESS]\".",
 				mask: "PII is hidden behind asterisks — e.g. \"Email ***********\".",
-				block: "The message is rejected and your block message is shown to the user."
+				block: "The message is rejected and your block message is shown to the user.",
+				allow: "PII is detected but left untouched — the message passes through unchanged. Use this to monitor or audit personal information without altering messages."
 			}
 		},
 		blockMessage: {
@@ -63330,6 +63344,11 @@ var screenshareTabLabels$3 = {
 		title: "Screen Share",
 		description: "How your agent behaves when a user shares their screen during a voice call."
 	},
+	capability: {
+		title: "Screen sharing",
+		description: "Let people share their screen during a voice call so the agent can see what they're doing and guide them step by step. When on, set the screen-sharing prompts below.",
+		offHint: "Turn it on to let people share their screen during a call and edit these prompts."
+	},
 	disabledHint: "Screen sharing is currently turned off for this agent. These prompts will be saved but only take effect once it’s turned on.",
 	fields: {
 		systemPrompt: {
@@ -64096,7 +64115,8 @@ var tabsVoiceTab$3 = {
 var tasksTabLabels$3 = {
 	header: {
 		title: "Tasks",
-		description: "Configure automated tasks for your agent."
+		description: "Configure automated tasks for your agent.",
+		infoBox: "Let your agent work on its own schedule. Set up recurring tasks it runs automatically — like daily summaries or reminders — without anyone having to ask."
 	},
 	toolbar: {
 		searchPlaceholder: "Search all tasks...",
@@ -64238,11 +64258,54 @@ var voiceTabCallConfigSection$3 = {
 	refreshingAriaLabel: "Refreshing",
 	moreInfoAbout: "More info about {label}"
 };
+var analyticsTabLabels$3 = {
+	header: {
+		title: "Analytics",
+		description: "Usage reports and insights for this agent."
+	},
+	infoBox: "See how this agent is being used — who's chatting with it, what they talk about, what it costs, and more. Pick a report below to dive in.",
+	openAria: "Open {label}",
+	tabs: {
+		overview: {
+			label: "Overview",
+			description: "A high-level snapshot of usage and engagement over time."
+		},
+		users: {
+			label: "Users",
+			description: "See who's chatting with this agent and how active they are."
+		},
+		topics: {
+			label: "Topics",
+			description: "The subjects people bring up most across conversations."
+		},
+		transcripts: {
+			label: "Transcripts",
+			description: "Read full conversation transcripts message by message."
+		},
+		financial: {
+			label: "Costs",
+			description: "Track token usage and what this agent is costing you."
+		},
+		audit: {
+			label: "Audit",
+			description: "Review the log of changes and activity for this agent."
+		},
+		reports: {
+			label: "Data Reports",
+			description: "Generate and download detailed reports to share or archive."
+		}
+	}
+};
 var voiceTabLabels$3 = {
 	header: {
 		title: "Voice",
 		description: "Choose the voice your agent uses and how voice calls work."
 	},
+	capability: {
+		title: "Voice calls",
+		description: "Let people talk to this agent out loud and hear it reply, like a phone call. When on, pick the voice and fine-tune how calls behave below.",
+		offHint: "Turn it on to let people start voice conversations with this agent."
+	},
 	subTabs: {
 		voice: "Voice",
 		callConfig: "Voice call"
@@ -64490,6 +64553,13 @@ var ltiTabLabels$3 = {
 		title: "LTI",
 		description: "Manage LTI agent links, signing keys, tools, and platform endpoints."
 	},
+	capability: {
+		title: "LTI launches",
+		description: "Let this agent be added to a Learning Management System (Canvas, Brightspace, Blackboard or Moodle) so students can open it right inside their course. When on, create the links, signing keys, and tools your LMS needs below.",
+		offHint: "Turn it on to let this agent be embedded in an LMS and set up its links and keys.",
+		toggleSuccess: "LTI setting updated",
+		toggleError: "Couldn't update LTI setting"
+	},
 	subTabs: {
 		agentLinks: "Links",
 		keys: "Keys",
@@ -64893,6 +64963,7 @@ var en = {
 	userProfileDropdownIndex: userProfileDropdownIndex$3,
 	version: version$4,
 	voiceTabCallConfigSection: voiceTabCallConfigSection$3,
+	analyticsTabLabels: analyticsTabLabels$3,
 	voiceTabLabels: voiceTabLabels$3,
 	voiceTabVoicePicker: voiceTabVoicePicker$3,
 	welcomeChatConversationStarters: welcomeChatConversationStarters$3,
@@ -65041,6 +65112,7 @@ var advancePagination$2 = {
 var advancedAdvanced$2 = {
 	failedToUpdateSetting: "Échec de la mise à jour du paramètre",
 	settingUpdatedSuccessfully: "Paramètre mis à jour avec succès",
+	save: "Enregistrer",
 	agentSettingUpdatedSuccessfully: "Paramètre de l'agent mis à jour avec succès",
 	chatAreaSizeUpdatedSuccessfully: "Taille de la zone de discussion mise à jour avec succès",
 	moreInfoAbout: "Plus d'informations sur {label}",
@@ -66411,11 +66483,16 @@ var clawSandboxAgentConfigPrompts$2 = {
 	updateSuccess: "{label} mis à jour avec succès",
 	updateError: "Échec de la mise à jour de {label}",
 	moreInfoAriaLabel: "Plus d'informations sur {label}",
-	edit: "Modifier"
+	edit: "Modifier",
+	connectSandboxPrompt: "Connectez une instance de sandbox dans l'onglet Sandbox pour gérer les invites de l'agent.",
+	enableSandboxPrompt: "Activez le bac à sable dédié dans l'onglet Sandbox et connectez-le à une instance pour gérer les invites de l'agent.",
+	sandboxTabLabel: "onglet Sandbox"
 };
 var clawSandboxAgentSkills$2 = {
 	loadingSkills: "Chargement des compétences...",
 	connectSandboxPrompt: "Connectez une instance sandbox dans l'onglet Sandbox pour gérer les compétences.",
+	enableSandboxPrompt: "Activez le bac à sable dédié dans l'onglet Sandbox et connectez-le à une instance pour gérer les compétences.",
+	sandboxTabLabel: "onglet Sandbox",
 	newSkill: "Nouvelle compétence",
 	noSkillsAvailable: "Aucune compétence disponible pour cette plateforme. Créez-en une pour commencer.",
 	moreInfoAbout: "Plus d'informations sur {name}",
@@ -67613,7 +67690,8 @@ var modalsPaywallModal$2 = {
 	subscribeToGetAccess: "Abonnez-vous pour accéder à {itemName}",
 	redirecting: "Redirection en cours...",
 	pay: "Payer",
-	thisIncludes: "Cela comprend :"
+	thisIncludes: "Cela comprend :",
+	secureCheckout: "Paiement sécurisé"
 };
 var modalsPromptGalleryModal$2 = {
 	promptGallery: "Galerie d'invites",
@@ -67934,6 +68012,11 @@ var privacyTabLabels$2 = {
 		title: "Confidentialité",
 		description: "Détectez et filtrez les informations personnellement identifiables des messages de chat."
 	},
+	capability: {
+		title: "Filtrage des données personnelles",
+		description: "Détectez et masquez automatiquement les informations personnelles — noms, e-mails, numéros de téléphone et plus — dans les messages avant que l'agent ne les voie. Une fois activé, choisissez ci-dessous ce qu'il faut détecter et comment le traiter.",
+		offHint: "Activez-le pour détecter et masquer les informations personnelles dans les messages."
+	},
 	fields: {
 		enableRouter: {
 			label: "Activer le routeur de confidentialité",
@@ -67945,12 +68028,14 @@ var privacyTabLabels$2 = {
 			options: {
 				redact: "Masquer",
 				mask: "Flouter",
-				block: "Bloquer"
+				block: "Bloquer",
+				allow: "Autoriser"
 			},
 			descriptions: {
 				redact: "Les PII sont remplacées par leur type — ex. \"Email [EMAIL_ADDRESS]\".",
 				mask: "Les PII sont masquées par des astérisques — ex. \"Email ***********\".",
-				block: "Le message est rejeté et votre message de blocage est affiché à l'utilisateur."
+				block: "Le message est rejeté et votre message de blocage est affiché à l'utilisateur.",
+				allow: "Les PII sont détectées mais laissées intactes — le message passe sans modification. Utilisez cette option pour surveiller ou auditer les informations personnelles sans altérer les messages."
 			}
 		},
 		blockMessage: {
@@ -68640,6 +68725,11 @@ var screenshareTabLabels$2 = {
 		title: "Partage d’écran",
 		description: "Comment votre agent se comporte lorsqu’un utilisateur partage son écran pendant un appel vocal."
 	},
+	capability: {
+		title: "Partage d’écran",
+		description: "Permettez aux utilisateurs de partager leur écran pendant un appel vocal afin que l'agent voie ce qu'ils font et les guide étape par étape. Une fois activé, définissez les invites de partage d'écran ci-dessous.",
+		offHint: "Activez-le pour permettre le partage d'écran pendant un appel et modifier ces invites."
+	},
 	disabledHint: "Le partage d’écran est actuellement désactivé pour cet agent. Ces invites seront enregistrées mais ne prendront effet qu’une fois activé.",
 	fields: {
 		systemPrompt: {
@@ -69406,7 +69496,8 @@ var tabsVoiceTab$2 = {
 var tasksTabLabels$2 = {
 	header: {
 		title: "Tâches",
-		description: "Configurez les tâches automatisées pour votre agent."
+		description: "Configurez les tâches automatisées pour votre agent.",
+		infoBox: "Laissez votre agent travailler selon son propre calendrier. Configurez des tâches récurrentes qu'il exécute automatiquement — comme des résumés quotidiens ou des rappels — sans que personne ait à le demander."
 	},
 	toolbar: {
 		searchPlaceholder: "Rechercher toutes les tâches...",
@@ -69548,11 +69639,54 @@ var voiceTabCallConfigSection$2 = {
 	refreshingAriaLabel: "Actualisation en cours",
 	moreInfoAbout: "Plus d'infos sur {label}"
 };
+var analyticsTabLabels$2 = {
+	header: {
+		title: "Analytique",
+		description: "Rapports d'utilisation et insights pour cet agent."
+	},
+	infoBox: "Découvrez comment cet agent est utilisé — qui discute avec lui, de quoi les gens parlent, combien il coûte, et plus encore. Choisissez un rapport ci-dessous pour approfondir.",
+	openAria: "Ouvrir {label}",
+	tabs: {
+		overview: {
+			label: "Vue d’ensemble",
+			description: "Un aperçu global de l'utilisation et de l'engagement dans le temps."
+		},
+		users: {
+			label: "Utilisateurs",
+			description: "Voyez qui discute avec cet agent et à quel point ils sont actifs."
+		},
+		topics: {
+			label: "Sujets",
+			description: "Les sujets que les gens abordent le plus dans les conversations."
+		},
+		transcripts: {
+			label: "Transcriptions",
+			description: "Lisez les transcriptions complètes des conversations, message par message."
+		},
+		financial: {
+			label: "Coûts",
+			description: "Suivez l'utilisation des jetons et ce que cet agent vous coûte."
+		},
+		audit: {
+			label: "Audit",
+			description: "Consultez le journal des modifications et de l'activité de cet agent."
+		},
+		reports: {
+			label: "Rapports de données",
+			description: "Générez et téléchargez des rapports détaillés à partager ou à archiver."
+		}
+	}
+};
 var voiceTabLabels$2 = {
 	header: {
 		title: "Voix",
 		description: "Choisissez la voix utilisée par votre agent et le fonctionnement des appels vocaux."
 	},
+	capability: {
+		title: "Appels vocaux",
+		description: "Permettez aux utilisateurs de parler à cet agent à voix haute et d'entendre sa réponse, comme lors d'un appel téléphonique. Une fois activé, choisissez la voix et affinez le comportement des appels ci-dessous.",
+		offHint: "Activez-le pour permettre aux utilisateurs de démarrer des conversations vocales avec cet agent."
+	},
 	subTabs: {
 		voice: "Voix",
 		callConfig: "Appel vocal"
@@ -69800,6 +69934,13 @@ var ltiTabLabels$2 = {
 		title: "LTI",
 		description: "Gérez les liens LTI de l'agent, les clés de signature, les outils et les endpoints de la plateforme."
 	},
+	capability: {
+		title: "Lancements LTI",
+		description: "Permettez d'ajouter cet agent à un système de gestion de l'apprentissage (Canvas, Brightspace, Blackboard ou Moodle) afin que les étudiants puissent l'ouvrir directement dans leur cours. Une fois activé, créez ci-dessous les liens, les clés de signature et les outils dont votre LMS a besoin.",
+		offHint: "Activez-le pour permettre l'intégration de cet agent dans un LMS et configurer ses liens et ses clés.",
+		toggleSuccess: "Paramètre LTI mis à jour",
+		toggleError: "Impossible de mettre à jour le paramètre LTI"
+	},
 	subTabs: {
 		agentLinks: "Liens",
 		keys: "Clés",
@@ -70203,6 +70344,7 @@ var fr = {
 	userProfileDropdownIndex: userProfileDropdownIndex$2,
 	version: version$3,
 	voiceTabCallConfigSection: voiceTabCallConfigSection$2,
+	analyticsTabLabels: analyticsTabLabels$2,
 	voiceTabLabels: voiceTabLabels$2,
 	voiceTabVoicePicker: voiceTabVoicePicker$2,
 	welcomeChatConversationStarters: welcomeChatConversationStarters$2,
@@ -70351,6 +70493,7 @@ var advancePagination$1 = {
 var advancedAdvanced$1 = {
 	failedToUpdateSetting: "Error al actualizar la configuración",
 	settingUpdatedSuccessfully: "Configuración actualizada correctamente",
+	save: "Guardar",
 	agentSettingUpdatedSuccessfully: "Configuración del agente actualizada correctamente",
 	chatAreaSizeUpdatedSuccessfully: "Tamaño del área de chat actualizado correctamente",
 	moreInfoAbout: "Más información sobre {label}",
@@ -71721,11 +71864,16 @@ var clawSandboxAgentConfigPrompts$1 = {
 	updateSuccess: "{label} actualizado correctamente",
 	updateError: "Error al actualizar {label}",
 	moreInfoAriaLabel: "Más información sobre {label}",
-	edit: "Editar"
+	edit: "Editar",
+	connectSandboxPrompt: "Conecta una instancia de sandbox en la pestaña Sandbox para gestionar las indicaciones del agente.",
+	enableSandboxPrompt: "Activa el sandbox dedicado en la pestaña Sandbox y conéctalo a una instancia para gestionar las indicaciones del agente.",
+	sandboxTabLabel: "pestaña Sandbox"
 };
 var clawSandboxAgentSkills$1 = {
 	loadingSkills: "Cargando habilidades...",
 	connectSandboxPrompt: "Conecta una instancia de sandbox en la pestaña Sandbox para gestionar habilidades.",
+	enableSandboxPrompt: "Activa el sandbox dedicado en la pestaña Sandbox y conéctalo a una instancia para gestionar habilidades.",
+	sandboxTabLabel: "pestaña Sandbox",
 	newSkill: "Nueva habilidad",
 	noSkillsAvailable: "No hay habilidades disponibles para esta plataforma. Crea una para empezar.",
 	moreInfoAbout: "Más información sobre {name}",
@@ -72923,7 +73071,8 @@ var modalsPaywallModal$1 = {
 	subscribeToGetAccess: "Suscríbete para acceder a {itemName}",
 	redirecting: "Redirigiendo...",
 	pay: "Pagar",
-	thisIncludes: "Esto incluye:"
+	thisIncludes: "Esto incluye:",
+	secureCheckout: "Pago seguro"
 };
 var modalsPromptGalleryModal$1 = {
 	promptGallery: "Galería de instrucciones",
@@ -73244,6 +73393,11 @@ var privacyTabLabels$1 = {
 		title: "Privacidad",
 		description: "Detecta y filtra información de identificación personal de los mensajes del chat."
 	},
+	capability: {
+		title: "Filtrado de datos personales",
+		description: "Detecta y oculta automáticamente la información personal — nombres, correos, números de teléfono y más — en los mensajes antes de que el agente los vea. Cuando esté activado, elige a continuación qué detectar y cómo tratarlo.",
+		offHint: "Actívalo para detectar y ocultar la información personal en los mensajes."
+	},
 	fields: {
 		enableRouter: {
 			label: "Activar enrutador de privacidad",
@@ -73255,12 +73409,14 @@ var privacyTabLabels$1 = {
 			options: {
 				redact: "Redactar",
 				mask: "Enmascarar",
-				block: "Bloquear"
+				block: "Bloquear",
+				allow: "Permitir"
 			},
 			descriptions: {
 				redact: "La PII se reemplaza por su tipo — ej. \"Email [EMAIL_ADDRESS]\".",
 				mask: "La PII se oculta con asteriscos — ej. \"Email ***********\".",
-				block: "El mensaje es rechazado y se muestra al usuario el mensaje de bloqueo."
+				block: "El mensaje es rechazado y se muestra al usuario el mensaje de bloqueo.",
+				allow: "La PII se detecta pero se deja intacta — el mensaje pasa sin cambios. Use esta opción para supervisar o auditar la información personal sin alterar los mensajes."
 			}
 		},
 		blockMessage: {
@@ -73950,6 +74106,11 @@ var screenshareTabLabels$1 = {
 		title: "Pantalla compartida",
 		description: "Cómo se comporta tu agente cuando un usuario comparte su pantalla durante una llamada de voz."
 	},
+	capability: {
+		title: "Pantalla compartida",
+		description: "Permite que las personas compartan su pantalla durante una llamada de voz para que el agente vea lo que hacen y las guíe paso a paso. Cuando esté activado, define las indicaciones de pantalla compartida a continuación.",
+		offHint: "Actívalo para permitir compartir la pantalla durante una llamada y editar estas indicaciones."
+	},
 	disabledHint: "El uso compartido de pantalla está actualmente desactivado para este agente. Estas instrucciones se guardarán, pero solo surtirán efecto una vez que se active.",
 	fields: {
 		systemPrompt: {
@@ -74716,7 +74877,8 @@ var tabsVoiceTab$1 = {
 var tasksTabLabels$1 = {
 	header: {
 		title: "Tareas",
-		description: "Configure las tareas automatizadas para su agente."
+		description: "Configure las tareas automatizadas para su agente.",
+		infoBox: "Deja que tu agente trabaje según su propio calendario. Configura tareas recurrentes que ejecuta automáticamente —como resúmenes diarios o recordatorios— sin que nadie tenga que pedírselo."
 	},
 	toolbar: {
 		searchPlaceholder: "Buscar todas las tareas...",
@@ -74858,11 +75020,54 @@ var voiceTabCallConfigSection$1 = {
 	refreshingAriaLabel: "Actualizando",
 	moreInfoAbout: "Más información sobre {label}"
 };
+var analyticsTabLabels$1 = {
+	header: {
+		title: "Analíticas",
+		description: "Informes de uso e insights para este agente."
+	},
+	infoBox: "Descubre cómo se usa este agente: quién chatea con él, de qué hablan, cuánto cuesta y más. Elige un informe a continuación para profundizar.",
+	openAria: "Abrir {label}",
+	tabs: {
+		overview: {
+			label: "Resumen",
+			description: "Una vista general del uso y la participación a lo largo del tiempo."
+		},
+		users: {
+			label: "Usuarios",
+			description: "Mira quién chatea con este agente y qué tan activos son."
+		},
+		topics: {
+			label: "Temas",
+			description: "Los temas que la gente menciona más en las conversaciones."
+		},
+		transcripts: {
+			label: "Transcripciones",
+			description: "Lee las transcripciones completas de las conversaciones, mensaje a mensaje."
+		},
+		financial: {
+			label: "Costos",
+			description: "Controla el uso de tokens y lo que te cuesta este agente."
+		},
+		audit: {
+			label: "Auditoría",
+			description: "Revisa el registro de cambios y actividad de este agente."
+		},
+		reports: {
+			label: "Informes de datos",
+			description: "Genera y descarga informes detallados para compartir o archivar."
+		}
+	}
+};
 var voiceTabLabels$1 = {
 	header: {
 		title: "Voz",
 		description: "Elige la voz que usa tu agente y cómo funcionan las llamadas de voz."
 	},
+	capability: {
+		title: "Llamadas de voz",
+		description: "Permite que las personas hablen con este agente en voz alta y escuchen su respuesta, como en una llamada telefónica. Cuando esté activado, elige la voz y ajusta el comportamiento de las llamadas a continuación.",
+		offHint: "Actívalo para permitir que las personas inicien conversaciones de voz con este agente."
+	},
 	subTabs: {
 		voice: "Voz",
 		callConfig: "Llamada de voz"
@@ -75110,6 +75315,13 @@ var ltiTabLabels$1 = {
 		title: "LTI",
 		description: "Gestiona los enlaces LTI del agente, las claves de firma, las herramientas y los endpoints de la plataforma."
 	},
+	capability: {
+		title: "Lanzamientos LTI",
+		description: "Permite añadir este agente a un sistema de gestión del aprendizaje (Canvas, Brightspace, Blackboard o Moodle) para que los estudiantes puedan abrirlo directamente en su curso. Cuando esté activado, crea a continuación los enlaces, las claves de firma y las herramientas que necesita tu LMS.",
+		offHint: "Actívalo para permitir que este agente se integre en un LMS y configurar sus enlaces y claves.",
+		toggleSuccess: "Ajuste de LTI actualizado",
+		toggleError: "No se pudo actualizar el ajuste de LTI"
+	},
 	subTabs: {
 		agentLinks: "Enlaces",
 		keys: "Claves",
@@ -75513,6 +75725,7 @@ var es = {
 	userProfileDropdownIndex: userProfileDropdownIndex$1,
 	version: version$2,
 	voiceTabCallConfigSection: voiceTabCallConfigSection$1,
+	analyticsTabLabels: analyticsTabLabels$1,
 	voiceTabLabels: voiceTabLabels$1,
 	voiceTabVoicePicker: voiceTabVoicePicker$1,
 	welcomeChatConversationStarters: welcomeChatConversationStarters$1,
@@ -75661,6 +75874,7 @@ var advancePagination = {
 var advancedAdvanced = {
 	failedToUpdateSetting: "更新设置失败",
 	settingUpdatedSuccessfully: "设置已成功更新",
+	save: "保存",
 	agentSettingUpdatedSuccessfully: "代理设置已成功更新",
 	chatAreaSizeUpdatedSuccessfully: "聊天区域大小已成功更新",
 	moreInfoAbout: "关于 {label} 的更多信息",
@@ -77031,11 +77245,16 @@ var clawSandboxAgentConfigPrompts = {
 	updateSuccess: "{label} 更新成功",
 	updateError: "更新 {label} 失败",
 	moreInfoAriaLabel: "关于 {label} 的更多信息",
-	edit: "编辑"
+	edit: "编辑",
+	connectSandboxPrompt: "在沙盒选项卡中连接沙盒实例以管理智能体提示词。",
+	enableSandboxPrompt: "在沙盒选项卡中启用专用沙盒并连接到实例，以管理智能体提示词。",
+	sandboxTabLabel: "沙盒选项卡"
 };
 var clawSandboxAgentSkills = {
 	loadingSkills: "正在加载技能...",
 	connectSandboxPrompt: "在 Sandbox 标签页中连接一个 sandbox 实例以管理技能。",
+	enableSandboxPrompt: "在 Sandbox 标签页中启用专用沙盒并连接到实例，以管理技能。",
+	sandboxTabLabel: "Sandbox 标签页",
 	newSkill: "新建技能",
 	noSkillsAvailable: "该平台暂无可用技能。创建一个以开始使用。",
 	moreInfoAbout: "关于 {name} 的更多信息",
@@ -78233,7 +78452,8 @@ var modalsPaywallModal = {
 	subscribeToGetAccess: "订阅以获取 {itemName} 的访问权限",
 	redirecting: "正在跳转...",
 	pay: "支付",
-	thisIncludes: "包含以下内容："
+	thisIncludes: "包含以下内容：",
+	secureCheckout: "安全结账"
 };
 var modalsPromptGalleryModal = {
 	promptGallery: "提示库",
@@ -78554,6 +78774,11 @@ var privacyTabLabels = {
 		title: "隐私",
 		description: "检测并过滤聊天消息中的个人身份信息。"
 	},
+	capability: {
+		title: "个人信息过滤",
+		description: "在智能体看到消息之前，自动查找并隐藏其中的个人信息——姓名、电子邮件、电话号码等。开启后，可在下方选择要检测的内容及处理方式。",
+		offHint: "开启后可检测并隐藏消息中的个人信息。"
+	},
 	fields: {
 		enableRouter: {
 			label: "启用隐私路由",
@@ -78565,12 +78790,14 @@ var privacyTabLabels = {
 			options: {
 				redact: "编辑",
 				mask: "遮蔽",
-				block: "拦截"
+				block: "拦截",
+				allow: "允许"
 			},
 			descriptions: {
 				redact: "PII 将被替换为其类型，例如：「Email [EMAIL_ADDRESS]」。",
 				mask: "PII 将被星号隐藏，例如：「Email ***********」。",
-				block: "消息将被拒绝，并向用户显示您的拦截消息。"
+				block: "消息将被拒绝，并向用户显示您的拦截消息。",
+				allow: "检测到 PII 但不做处理——消息将原样通过。适用于在不修改消息的情况下监控或审计个人信息。"
 			}
 		},
 		blockMessage: {
@@ -79260,6 +79487,11 @@ var screenshareTabLabels = {
 		title: "屏幕共享",
 		description: "当用户在语音通话中共享屏幕时，您的智能体的表现方式。"
 	},
+	capability: {
+		title: "屏幕共享",
+		description: "允许用户在语音通话中共享屏幕，以便智能体看到他们的操作并逐步引导。开启后，可在下方设置屏幕共享提示词。",
+		offHint: "开启后可允许在通话中共享屏幕并编辑这些提示词。"
+	},
 	disabledHint: "屏幕共享当前已为该智能体关闭。这些提示将被保存，但开启后才会生效。",
 	fields: {
 		systemPrompt: {
@@ -80026,7 +80258,8 @@ var tabsVoiceTab = {
 var tasksTabLabels = {
 	header: {
 		title: "任务",
-		description: "为您的智能体配置自动化任务。"
+		description: "为您的智能体配置自动化任务。",
+		infoBox: "让您的智能体按自己的日程工作。设置它自动运行的周期性任务——例如每日摘要或提醒——无需任何人主动提出。"
 	},
 	toolbar: {
 		searchPlaceholder: "搜索所有任务...",
@@ -80168,11 +80401,54 @@ var voiceTabCallConfigSection = {
 	refreshingAriaLabel: "刷新中",
 	moreInfoAbout: "关于 {label} 的更多信息"
 };
+var analyticsTabLabels = {
+	header: {
+		title: "分析",
+		description: "该智能体的使用报告和数据洞察。"
+	},
+	infoBox: "了解该智能体的使用情况——谁在与它对话、大家在谈论什么、花费多少等等。在下方选择一份报告即可深入查看。",
+	openAria: "打开{label}",
+	tabs: {
+		overview: {
+			label: "概览",
+			description: "随时间变化的使用情况和参与度的总体快照。"
+		},
+		users: {
+			label: "用户",
+			description: "查看谁在与该智能体对话以及他们的活跃程度。"
+		},
+		topics: {
+			label: "主题",
+			description: "对话中人们最常提及的主题。"
+		},
+		transcripts: {
+			label: "对话记录",
+			description: "逐条阅读完整的对话记录。"
+		},
+		financial: {
+			label: "费用",
+			description: "跟踪令牌用量以及该智能体的花费。"
+		},
+		audit: {
+			label: "审计",
+			description: "查看该智能体的更改和活动日志。"
+		},
+		reports: {
+			label: "数据报告",
+			description: "生成并下载详细报告以供分享或存档。"
+		}
+	}
+};
 var voiceTabLabels = {
 	header: {
 		title: "语音",
 		description: "选择您的智能体使用的声音以及语音通话的工作方式。"
 	},
+	capability: {
+		title: "语音通话",
+		description: "让用户可以与该智能体语音交谈并听到其回复，就像打电话一样。开启后，可在下方选择声音并微调通话行为。",
+		offHint: "开启后可让用户与该智能体开始语音对话。"
+	},
 	subTabs: {
 		voice: "语音",
 		callConfig: "语音通话"
@@ -80420,6 +80696,13 @@ var ltiTabLabels = {
 		title: "LTI",
 		description: "管理此智能体的 LTI 链接、签名密钥、工具和平台端点。"
 	},
+	capability: {
+		title: "LTI 启动",
+		description: "允许将此智能体添加到学习管理系统（Canvas、Brightspace、Blackboard 或 Moodle），以便学生可以直接在课程中打开它。开启后，可在下方创建您的 LMS 所需的链接、签名密钥和工具。",
+		offHint: "开启后可将此智能体嵌入 LMS 并设置其链接和密钥。",
+		toggleSuccess: "LTI 设置已更新",
+		toggleError: "无法更新 LTI 设置"
+	},
 	subTabs: {
 		agentLinks: "链接",
 		keys: "密钥",
@@ -80823,6 +81106,7 @@ var zh = {
 	userProfileDropdownIndex: userProfileDropdownIndex,
 	version: version$1,
 	voiceTabCallConfigSection: voiceTabCallConfigSection,
+	analyticsTabLabels: analyticsTabLabels,
 	voiceTabLabels: voiceTabLabels,
 	voiceTabVoicePicker: voiceTabVoicePicker,
 	welcomeChatConversationStarters: welcomeChatConversationStarters,
@@ -83254,7 +83538,7 @@ function getOwnKeys(obj) {
   );
 }
 
-const useIsomorphicLayoutEffect$1 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+const useIsomorphicLayoutEffect$2 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 
 function useField(opts) {
   const [fieldApi] = useState(() => {
@@ -83267,8 +83551,8 @@ function useField(opts) {
     extendedApi.Field = Field;
     return extendedApi;
   });
-  useIsomorphicLayoutEffect$1(fieldApi.mount, [fieldApi]);
-  useIsomorphicLayoutEffect$1(() => {
+  useIsomorphicLayoutEffect$2(fieldApi.mount, [fieldApi]);
+  useIsomorphicLayoutEffect$2(() => {
     fieldApi.update(opts);
   });
   useStore(
@@ -83327,9 +83611,9 @@ function useForm(opts) {
     };
     return extendedApi;
   });
-  useIsomorphicLayoutEffect$1(formApi.mount, []);
+  useIsomorphicLayoutEffect$2(formApi.mount, []);
   useStore(formApi.store, (state) => state.isSubmitting);
-  useIsomorphicLayoutEffect$1(() => {
+  useIsomorphicLayoutEffect$2(() => {
     formApi.update(opts);
   });
   return formApi;
@@ -138620,6 +138904,10 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
                 : activeTab === 'experience' && experienceSubTab === 'resume'
                     ? { onClick: handleAddResume, upload: true, ariaLabel: t('profileIndex.ariaAddResume') }
                     : null;
+    // Rendered inline on the sub-tabs row (education/experience/resume), pushed to
+    // the far right. `headerAdd` already encodes which sub-tab is active, so this
+    // only appears on the sub-tabs that support adding/uploading.
+    const headerAddButton = headerAdd && (jsx(Button$1, { size: "icon", onClick: headerAdd.onClick, className: "text-gray-700 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white flex-shrink-0", "aria-label": headerAdd.ariaLabel, children: headerAdd.upload ? jsx(Upload, { className: "h-4 w-4" }) : jsx(Plus, { className: "h-4 w-4" }) }));
     const tabDescription = (id) => {
         const key = (isReadOnly && TAB_DESC_PREVIEW_KEYS[id]) || TAB_DESC_KEYS[id];
         return key ? t(`profileIndex.${key}`) : '';
@@ -138634,10 +138922,10 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
                                         ? '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'
-                                : 'text-gray-600 hover:bg-gray-50'}`, children: [jsx(tab.renderIcon, { className: "h-4 w-4", "aria-hidden": "true" }), jsx("span", { className: "hidden sm:inline", children: tab.label }), jsx("span", { className: "sm:hidden", children: tab.label })] }, tab.id))) }) }) }), jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", style: { height: '100%' }, children: [jsx("div", { className: "hidden lg:block flex-shrink-0 p-6 border-b border-gray-200 bg-white dark:bg-gray-900", children: jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_f = (_e = TABS.find((t) => t.id === activeTab)) === null || _e === void 0 ? void 0 : _e.label) !== null && _f !== void 0 ? _f : activeTab }), jsx("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: tabDescription(activeTab) })] }), headerAdd && (jsx(Button$1, { size: "icon", onClick: headerAdd.onClick, className: "text-gray-700 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white mr-4", "aria-label": headerAdd.ariaLabel, children: headerAdd.upload ? jsx(Upload, { className: "h-4 w-4" }) : jsx(Plus, { className: "h-4 w-4" }) }))] }) }), jsxs("div", { className: "flex-1 p-6 space-y-6", style: {
+                                : 'text-gray-600 hover:bg-gray-50'}`, children: [jsx(tab.renderIcon, { className: "h-4 w-4", "aria-hidden": "true" }), jsx("span", { className: "hidden sm:inline", children: tab.label }), jsx("span", { className: "sm:hidden", children: tab.label })] }, tab.id))) }) }) }), jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", style: { height: '100%' }, children: [jsx("div", { className: "hidden lg:block flex-shrink-0 p-6 border-b border-gray-200 bg-white dark:bg-gray-900", children: jsx("div", { className: "flex items-center justify-between", children: jsxs("div", { children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_f = (_e = TABS.find((t) => t.id === activeTab)) === null || _e === void 0 ? void 0 : _e.label) !== null && _f !== void 0 ? _f : activeTab }), jsx("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: tabDescription(activeTab) })] }) }) }), jsxs("div", { className: "flex-1 p-6 space-y-6", style: {
                             overflowY: 'auto',
                             overflowX: 'hidden',
-                        }, role: "tabpanel", id: `${activeTab}-tabpanel`, "aria-labelledby": `${activeTab}-tab`, tabIndex: 0, children: [jsx("div", { className: "lg:hidden mb-6", children: jsxs("div", { className: "flex flex-row items-center sm:justify-between gap-3", children: [jsxs("div", { children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_h = (_g = TABS.find((t) => t.id === activeTab)) === null || _g === void 0 ? void 0 : _g.label) !== null && _h !== void 0 ? _h : activeTab }), jsx("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: tabDescription(activeTab) })] }), headerAdd && (jsx(Button$1, { size: "icon", onClick: headerAdd.onClick, className: "text-gray-700 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", "aria-label": headerAdd.ariaLabel, children: headerAdd.upload ? jsx(Upload, { className: "h-4 w-4" }) : jsx(Plus, { className: "h-4 w-4" }) }))] }) }), activeTab === 'basic' && (jsx("div", { className: "space-y-6", children: jsxs("form", { onSubmit: (formEvent) => {
+                        }, role: "tabpanel", id: `${activeTab}-tabpanel`, "aria-labelledby": `${activeTab}-tab`, tabIndex: 0, children: [jsx("div", { className: "lg:hidden mb-6", children: jsx("div", { className: "flex flex-row items-center sm:justify-between gap-3", children: jsxs("div", { children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_h = (_g = TABS.find((t) => t.id === activeTab)) === null || _g === void 0 ? void 0 : _g.label) !== null && _h !== void 0 ? _h : activeTab }), jsx("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: tabDescription(activeTab) })] }) }) }), activeTab === 'basic' && (jsx("div", { className: "space-y-6", children: jsxs("form", { onSubmit: (formEvent) => {
                                         formEvent.preventDefault();
                                         formEvent.stopPropagation();
                                         if (isReadOnly)
@@ -138712,7 +139000,7 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
                                                         var _a;
                                                         return (jsxs(Fragment$1, { children: [jsxs("div", { className: "relative mb-0", children: [jsx("div", { className: "absolute inset-y-0 left-4 flex items-center pointer-events-none", "aria-hidden": "true", children: jsx("div", { className: "bg-black text-white rounded w-8 h-8 flex items-center justify-center", children: jsx("span", { className: "font-bold text-sm", children: "X" }) }) }), jsx(Input, { id: "x", className: "w-full bg-gray-50 border-gray-200 focus:ring-blue-500 focus:border-blue-500 text-base py-3 pl-16 h-10", placeholder: t('profileIndex.placeholderX'), value: field.state.value, onChange: (e) => handleSocialLinkChange(e.target.value, field.handleChange, X_URL_PREFIX), disabled: socialForm.state.isSubmitting || isReadOnly })] }), jsx("p", { className: "text-red-500 dark:text-gray-400 text-sm", role: ((_a = field.state.meta.errors) === null || _a === void 0 ? void 0 : _a.length) ? 'alert' : undefined, "aria-live": "polite", children: field.state.meta.errors })] }));
                                                     },
-                                                })] })] }) })), activeTab === 'education' && (jsxs(Tabs, { value: educationSubTab, onValueChange: setEducationSubTab, className: "space-y-4", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "education", children: t('profileIndex.tabEducation') }), jsx(TabsTrigger, { value: "credentials", children: t('gradebookGradebookTab.typeCredentials') }), jsx(TabsTrigger, { value: "skills", children: t('gradebookGradebookTab.typeSkills') })] }), jsx(TabsContent, { value: "education", children: jsx(EducationTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "credentials", children: jsx(CredentialsList, { org: tenant, username: username }) }), jsx(TabsContent, { value: "skills", children: jsx(SkillsList, { org: tenant, username: username }) })] })), activeTab === 'gradebook' && jsx(GradebookTab, { org: tenant, username: username }), activeTab === 'experience' && (jsxs(Tabs, { value: experienceSubTab, onValueChange: setExperienceSubTab, className: "space-y-4", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "experience", children: t('profileIndex.tabExperience') }), jsx(TabsTrigger, { value: "resume", children: t('profileIndex.tabResume') })] }), jsx(TabsContent, { value: "experience", children: jsx(ExperienceTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "resume", children: jsx(ResumeTab, { org: tenant, username: username }) })] })), activeTab === 'purchases' && jsx(PurchasesTab, { org: tenant, username: username }), activeTab === 'memory' && jsx(MemoryTab, { org: tenant, username: username }), activeTab === 'privacy' && jsx(ChatPrivacyTab, { org: tenant, username: username }), !isReadOnly && activeTab === 'security' && (jsx(Security, { app: currentSPA || '', email: (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email) || '', platformKey: tenant, onAccountDeleted: onAccountDeleted })), activeTab === 'advanced' && (localLLMProps || systemControlProps) && (jsxs("div", { className: "space-y-6", children: [localLLMProps && (jsx(LocalModelsContent, { isAvailable: localLLMProps.isAvailable, state: localLLMProps.state, ollamaStatus: localLLMProps.ollamaStatus, systemMemory: localLLMProps.systemMemory, isUsingFoundry: localLLMProps.isUsingFoundry, foundryModels: localLLMProps.foundryModels, selectedFoundryModel: localLLMProps.selectedFoundryModel, foundryStatus: localLLMProps.foundryStatus, onStartDownload: localLLMProps.onStartDownload, onCancelDownload: localLLMProps.onCancelDownload, onInstallOllama: localLLMProps.onInstallOllama, onStopManager: localLLMProps.onStopManager, onInstallFoundry: localLLMProps.onInstallFoundry, onCheckStatus: localLLMProps.onCheckStatus, onResetState: localLLMProps.onResetState, onSelectFoundryModel: localLLMProps.onSelectFoundryModel })), systemControlProps && (jsx(SystemControlContent, { isAvailable: systemControlProps.isAvailable, state: systemControlProps.state, status: systemControlProps.status, requiredSizeGb: systemControlProps.requiredSizeGb, ollamaStatus: systemControlProps.ollamaStatus, systemMemory: systemControlProps.systemMemory, accessibilityPermission: systemControlProps.accessibilityPermission, onInstall: systemControlProps.onInstall, onStop: systemControlProps.onStop, onCheckStatus: systemControlProps.onCheckStatus, onResetState: systemControlProps.onResetState, onRequestAccessibilityPermission: systemControlProps.onRequestAccessibilityPermission, onDownloadModel: systemControlProps.onDownloadModel }))] }))] }), !isReadOnly && ['basic', 'social'].includes(activeTab) && (jsx("div", { className: "flex-shrink-0 border-t border-gray-200 p-6 bg-white dark:bg-gray-900", children: jsxs("div", { className: "flex justify-end gap-3", children: [jsx(Button$1, { onClick: onClose, variant: "outline", children: t('profileIndex.buttonCancel') }), jsx(Button$1, { onClick: () => {
+                                                })] })] }) })), activeTab === 'education' && (jsxs(Tabs, { value: educationSubTab, onValueChange: setEducationSubTab, className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "education", children: t('profileIndex.tabEducation') }), jsx(TabsTrigger, { value: "credentials", children: t('gradebookGradebookTab.typeCredentials') }), jsx(TabsTrigger, { value: "skills", children: t('gradebookGradebookTab.typeSkills') })] }), headerAddButton] }), jsx(TabsContent, { value: "education", children: jsx(EducationTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "credentials", children: jsx(CredentialsList, { org: tenant, username: username }) }), jsx(TabsContent, { value: "skills", children: jsx(SkillsList, { org: tenant, username: username }) })] })), activeTab === 'gradebook' && jsx(GradebookTab, { org: tenant, username: username }), activeTab === 'experience' && (jsxs(Tabs, { value: experienceSubTab, onValueChange: setExperienceSubTab, className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "experience", children: t('profileIndex.tabExperience') }), jsx(TabsTrigger, { value: "resume", children: t('profileIndex.tabResume') })] }), headerAddButton] }), jsx(TabsContent, { value: "experience", children: jsx(ExperienceTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "resume", children: jsx(ResumeTab, { org: tenant, username: username }) })] })), activeTab === 'purchases' && jsx(PurchasesTab, { org: tenant, username: username }), activeTab === 'memory' && jsx(MemoryTab, { org: tenant, username: username }), activeTab === 'privacy' && jsx(ChatPrivacyTab, { org: tenant, username: username }), !isReadOnly && activeTab === 'security' && (jsx(Security, { app: currentSPA || '', email: (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email) || '', platformKey: tenant, onAccountDeleted: onAccountDeleted })), activeTab === 'advanced' && (localLLMProps || systemControlProps) && (jsxs("div", { className: "space-y-6", children: [localLLMProps && (jsx(LocalModelsContent, { isAvailable: localLLMProps.isAvailable, state: localLLMProps.state, ollamaStatus: localLLMProps.ollamaStatus, systemMemory: localLLMProps.systemMemory, isUsingFoundry: localLLMProps.isUsingFoundry, foundryModels: localLLMProps.foundryModels, selectedFoundryModel: localLLMProps.selectedFoundryModel, foundryStatus: localLLMProps.foundryStatus, onStartDownload: localLLMProps.onStartDownload, onCancelDownload: localLLMProps.onCancelDownload, onInstallOllama: localLLMProps.onInstallOllama, onStopManager: localLLMProps.onStopManager, onInstallFoundry: localLLMProps.onInstallFoundry, onCheckStatus: localLLMProps.onCheckStatus, onResetState: localLLMProps.onResetState, onSelectFoundryModel: localLLMProps.onSelectFoundryModel })), systemControlProps && (jsx(SystemControlContent, { isAvailable: systemControlProps.isAvailable, state: systemControlProps.state, status: systemControlProps.status, requiredSizeGb: systemControlProps.requiredSizeGb, ollamaStatus: systemControlProps.ollamaStatus, systemMemory: systemControlProps.systemMemory, accessibilityPermission: systemControlProps.accessibilityPermission, onInstall: systemControlProps.onInstall, onStop: systemControlProps.onStop, onCheckStatus: systemControlProps.onCheckStatus, onResetState: systemControlProps.onResetState, onRequestAccessibilityPermission: systemControlProps.onRequestAccessibilityPermission, onDownloadModel: systemControlProps.onDownloadModel }))] }))] }), !isReadOnly && ['basic', 'social'].includes(activeTab) && (jsx("div", { className: "flex-shrink-0 border-t border-gray-200 p-6 bg-white dark:bg-gray-900", children: jsxs("div", { className: "flex justify-end gap-3", children: [jsx(Button$1, { onClick: onClose, variant: "outline", children: t('profileIndex.buttonCancel') }), jsx(Button$1, { onClick: () => {
                                         if (activeTab === 'basic') {
                                             basicForm.handleSubmit();
                                         }
@@ -148711,26 +148999,19 @@ const ChatPrivacyContent = ({ platformKey, username }) => {
 };
 
 function StringSettingInput({ value, defaultValue, disabled, onSave, }) {
-    const [localValue, setLocalValue] = useState(value || defaultValue);
-    const debounceRef = useRef(null);
+    const t = useT();
+    const savedValue = value || defaultValue;
+    const [localValue, setLocalValue] = useState(savedValue);
     useEffect(() => {
-        setLocalValue(value || defaultValue);
-    }, [value, defaultValue]);
-    const handleChange = (newValue) => {
-        setLocalValue(newValue);
-        if (debounceRef.current)
-            clearTimeout(debounceRef.current);
-        debounceRef.current = setTimeout(() => {
-            onSave(newValue);
-        }, 800);
+        setLocalValue(savedValue);
+    }, [savedValue]);
+    const isDirty = localValue !== savedValue;
+    const handleSave = () => {
+        if (!isDirty || disabled)
+            return;
+        onSave(localValue);
     };
-    useEffect(() => {
-        return () => {
-            if (debounceRef.current)
-                clearTimeout(debounceRef.current);
-        };
-    }, []);
-    return (jsxs("div", { className: "flex items-center gap-2", children: [jsx(Input, { value: localValue, onChange: (e) => handleChange(e.target.value), disabled: disabled, className: "max-w-[240px] w-[110px] sm:w-[230px] font-medium text-[#646464] text-sm" }), disabled && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] }));
+    return (jsxs("div", { className: "flex items-center gap-2", children: [isDirty && (jsx(Button$1, { type: "button", size: "sm", onClick: handleSave, disabled: disabled, className: "h-8 bg-blue-500 hover:bg-blue-600 text-white", children: t('advancedAdvanced.save') })), jsx(Input, { value: localValue, onChange: (e) => setLocalValue(e.target.value), disabled: disabled, className: "max-w-[240px] w-[110px] sm:w-[230px] font-medium text-[#646464] text-sm" }), disabled && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] }));
 }
 function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatformBaseDomain, }) {
     const t = useT();
@@ -148776,6 +149057,7 @@ function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatfo
                 'overall_default_mentor',
                 'help_center_url',
                 'monetization_base_path',
+                'skills_welcome_tagline',
             ];
             const configurableMetadatas = allMetadatas.filter((metadata) => (typeof metadata.defaultValue === 'boolean' ||
                 (typeof metadata.defaultValue === 'string' &&
@@ -169551,7 +169833,7 @@ var EditorContentWithKey = forwardRef(
   }
 );
 var EditorContent = React__default.memo(EditorContentWithKey);
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+var useIsomorphicLayoutEffect$1 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 var EditorStateManager = class {
   constructor(initialEditor) {
     this.transactionNumber = 0;
@@ -169619,7 +169901,7 @@ function useEditorState(options) {
     options.selector,
     (_a = options.equalityFn) != null ? _a : deepEqual
   );
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     return editorStateManager.watch(options.editor);
   }, [options.editor, editorStateManager]);
   useDebugValue(selectedState);
@@ -222278,30 +222560,21 @@ function SandboxConfig({ platformKey, mentorUniqueId, username }) {
                                                     ? t('clawSandboxSandboxConfig.noInstancesMatchSearch')
                                                     : t('clawSandboxSandboxConfig.noInstancesAvailable') }) })) : (pagedInstances.map((inst) => {
                                             var _a;
-                                            return (jsxs(TableRow, { className: "border-b last:border-0", children: [jsx(TableCell, { className: "p-3 font-medium whitespace-nowrap text-[#646464]", children: inst.name }), jsx(TableCell, { className: "p-3 whitespace-nowrap text-[#646464] truncate max-w-[250px]", children: jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("span", { className: "text-blue-600 hover:text-blue-800 cursor-default", children: inst.server_url }) }), jsx(TooltipContent, { className: "bg-gray-700 px-3 py-2 text-sm font-medium text-white shadow-sm", children: jsx("p", { children: inst.server_url }) })] }) }) }), jsx(TableCell, { className: "p-3 whitespace-nowrap text-[#646464]", children: inst.claw_type }), jsx(TableCell, { className: "p-3 whitespace-nowrap", children: jsx(StatusDot, { value: inst.status, kind: "status" }) }), jsx(TableCell, { className: "p-3 whitespace-nowrap", children: jsx(StatusDot, { value: inst.last_health_status, kind: "health" }) }), jsx(TableCell, { className: "p-3 whitespace-nowrap text-[#646464]", children: (_a = inst.claw_version) !== null && _a !== void 0 ? _a : '—' }), jsx(TableCell, { className: "p-3 whitespace-nowrap text-[#646464]", children: timeAgo(inst.last_health_check, t('clawSandboxSandboxConfig.never')) }), jsx(TableCell, { className: "p-3 text-right", children: jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsxs(Button$1, { variant: "ghost", size: "sm", disabled: connectingInstanceId === inst.id, "aria-label": connectingInstanceId === inst.id
-                                                                            ? t('clawSandboxSandboxConfig.connectingInstance')
-                                                                            : t('clawSandboxSandboxConfig.actions'), children: [connectingInstanceId === inst.id ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : (jsx(Ellipsis, { className: "h-4 w-4" })), jsx("span", { className: "sr-only", children: connectingInstanceId === inst.id
-                                                                                    ? t('clawSandboxSandboxConfig.connecting')
-                                                                                    : t('clawSandboxSandboxConfig.actions') })] }) }), jsxs(DropdownMenuContent, { align: "end", children: [(() => {
-                                                                            const unhealthy = isInstanceUnhealthy(inst.status);
-                                                                            // Don't use the `disabled` prop — Radix sets
-                                                                            // pointer-events:none on disabled items, which
-                                                                            // also kills the Tooltip hover. Instead block the
-                                                                            // action via onSelect and dim with opacity.
-                                                                            const connectItem = (jsxs(DropdownMenuItem, { className: cn('cursor-pointer', (unhealthy || isCreating || connectingInstanceId !== null) &&
-                                                                                    'opacity-50 cursor-not-allowed'), onSelect: (e) => {
-                                                                                    if (unhealthy ||
-                                                                                        isCreating ||
-                                                                                        connectingInstanceId !== null) {
-                                                                                        e.preventDefault();
-                                                                                        return;
-                                                                                    }
-                                                                                    handleConnect(inst.id);
-                                                                                }, children: [jsx(Link2, { className: "mr-2 h-4 w-4" }), t('clawSandboxSandboxConfig.connect')] }));
-                                                                            if (!unhealthy)
-                                                                                return connectItem;
-                                                                            return (jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: connectItem }), jsx(TooltipContent, { side: "left", collisionPadding: 12, className: "max-w-[260px] whitespace-normal break-words rounded-lg bg-gray-700 px-3 py-2 text-xs font-medium leading-snug text-white shadow-sm", children: t('clawSandboxSandboxConfig.instanceUnhealthyTooltip') })] }) }));
-                                                                        })(), jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => runInstanceChecks(inst.id), disabled: checkingInstanceId !== null, children: [checkingInstanceId === inst.id ? (jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" })) : (jsx(Activity, { className: "mr-2 h-4 w-4" })), t('clawSandboxSandboxConfig.runChecks')] }), jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => setEditingInstance(inst), children: [jsx(Pen, { className: "mr-2 h-4 w-4" }), t('clawSandboxSandboxConfig.edit')] }), jsxs(DropdownMenuItem, { variant: "destructive", className: "cursor-pointer", onClick: () => setDeletingInstanceId(inst.id), children: [jsx(Trash2, { className: "mr-2 h-4 w-4" }), t('clawSandboxSandboxConfig.delete')] })] })] }) })] }, inst.id));
+                                            return (jsxs(TableRow, { className: "border-b last:border-0", children: [jsx(TableCell, { className: "p-3 font-medium whitespace-nowrap text-[#646464]", children: inst.name }), jsx(TableCell, { className: "p-3 whitespace-nowrap text-[#646464] truncate max-w-[250px]", children: jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("span", { className: "text-blue-600 hover:text-blue-800 cursor-default", children: inst.server_url }) }), jsx(TooltipContent, { className: "bg-gray-700 px-3 py-2 text-sm font-medium text-white shadow-sm", children: jsx("p", { children: inst.server_url }) })] }) }) }), jsx(TableCell, { className: "p-3 whitespace-nowrap text-[#646464]", children: inst.claw_type }), jsx(TableCell, { className: "p-3 whitespace-nowrap", children: jsx(StatusDot, { value: inst.status, kind: "status" }) }), jsx(TableCell, { className: "p-3 whitespace-nowrap", children: jsx(StatusDot, { value: inst.last_health_status, kind: "health" }) }), jsx(TableCell, { className: "p-3 whitespace-nowrap text-[#646464]", children: (_a = inst.claw_version) !== null && _a !== void 0 ? _a : '—' }), jsx(TableCell, { className: "p-3 whitespace-nowrap text-[#646464]", children: timeAgo(inst.last_health_check, t('clawSandboxSandboxConfig.never')) }), jsx(TableCell, { className: "p-3 text-right", children: (() => {
+                                                            const unhealthy = isInstanceUnhealthy(inst.status);
+                                                            const isThisConnecting = connectingInstanceId === inst.id;
+                                                            const connectDisabled = unhealthy || isCreating || connectingInstanceId !== null;
+                                                            // Surfaced as a first-class button (not tucked in the
+                                                            // three-dot menu) so connecting is one click. A
+                                                            // disabled button swallows pointer events, so wrap it
+                                                            // in a span when we need the unhealthy tooltip to show.
+                                                            const connectButton = (jsxs(Button$1, { variant: "outline", size: "sm", className: "cursor-pointer", disabled: connectDisabled, onClick: () => handleConnect(inst.id), "aria-label": isThisConnecting
+                                                                    ? t('clawSandboxSandboxConfig.connectingInstance')
+                                                                    : t('clawSandboxSandboxConfig.connect'), "data-testid": `connect-instance-${inst.id}`, children: [isThisConnecting ? (jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" })) : (jsx(Link2, { className: "mr-2 h-4 w-4" })), isThisConnecting
+                                                                        ? t('clawSandboxSandboxConfig.connecting')
+                                                                        : t('clawSandboxSandboxConfig.connect')] }));
+                                                            return (jsxs("div", { className: "flex items-center justify-end gap-2", children: [unhealthy ? (jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("span", { tabIndex: 0, children: connectButton }) }), jsx(TooltipContent, { side: "left", collisionPadding: 12, className: "max-w-[260px] rounded-lg bg-gray-700 px-3 py-2 text-xs leading-snug font-medium break-words whitespace-normal text-white shadow-sm", children: t('clawSandboxSandboxConfig.instanceUnhealthyTooltip') })] }) })) : (connectButton), jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsxs(Button$1, { variant: "ghost", size: "sm", "aria-label": t('clawSandboxSandboxConfig.actions'), children: [jsx(Ellipsis, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: t('clawSandboxSandboxConfig.actions') })] }) }), jsxs(DropdownMenuContent, { align: "end", children: [jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => runInstanceChecks(inst.id), disabled: checkingInstanceId !== null, children: [checkingInstanceId === inst.id ? (jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" })) : (jsx(Activity, { className: "mr-2 h-4 w-4" })), t('clawSandboxSandboxConfig.runChecks')] }), jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => setEditingInstance(inst), children: [jsx(Pen, { className: "mr-2 h-4 w-4" }), t('clawSandboxSandboxConfig.edit')] }), jsxs(DropdownMenuItem, { variant: "destructive", className: "cursor-pointer", onClick: () => setDeletingInstanceId(inst.id), children: [jsx(Trash2, { className: "mr-2 h-4 w-4" }), t('clawSandboxSandboxConfig.delete')] })] })] })] }));
+                                                        })() })] }, inst.id));
                                         })) })] }) }) }) }), jsx(IblPagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: setCurrentPage, disabled: false }), jsx(OverlayModal, { open: showNewInstanceForm, onClose: () => setShowNewInstanceForm(false), title: t('clawSandboxSandboxConfig.newInstanceTitle'), className: "max-w-lg", children: jsxs("div", { className: "grid gap-4", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "new-instance-name", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxSandboxConfig.fieldName') }), jsx(Input, { id: "new-instance-name", name: "new-instance-name", value: newInstance.name, onChange: (e) => setNewInstance({ ...newInstance, name: e.target.value }), placeholder: t('clawSandboxSandboxConfig.namePlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "new-instance-type", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxSandboxConfig.fieldType') }), jsxs(Select$1, { value: newInstance.claw_type, onValueChange: (value) => setNewInstance({ ...newInstance, claw_type: value }), children: [jsx(SelectTrigger, { id: "new-instance-type", className: "py-6", children: jsx(SelectValue, {}) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "openclaw", children: "OpenClaw" }), jsx(SelectItem, { value: "ironclaw", children: "IronClaw" })] })] })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "new-instance-url", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxSandboxConfig.fieldServerUrl') }), jsx(Input, { id: "new-instance-url", name: "new-instance-url", value: newInstance.server_url, onChange: (e) => setNewInstance({ ...newInstance, server_url: e.target.value }), placeholder: t('clawSandboxSandboxConfig.serverUrlPlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "new-instance-token", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxSandboxConfig.fieldGatewayToken') }), jsx(Input, { id: "new-instance-token", name: "new-instance-token", value: newInstance.gateway_token, onChange: (e) => setNewInstance({ ...newInstance, gateway_token: e.target.value }), placeholder: t('clawSandboxSandboxConfig.gatewayTokenPlaceholder'), type: "password", className: "py-6", required: true })] }), jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [jsx(Button$1, { variant: "outline", onClick: () => setShowNewInstanceForm(false), children: t('clawSandboxSandboxConfig.cancel') }), jsx(Button$1, { onClick: handleCreateInstance, disabled: isCreatingInstance ||
                                             !newInstance.name ||
                                             !newInstance.server_url ||
@@ -222471,12 +222744,14 @@ function AgentConfigPrompts({ platformKey, mentorUniqueId }) {
     if (isLoading) {
         return (jsx("div", { className: "flex items-center justify-center py-10", children: jsx(LoaderCircle, { className: "h-5 w-5 animate-spin text-blue-500" }) }));
     }
-    // Sandbox not connected or disabled — agent config prompts only apply when
-    // the mentor has an active sandbox to push them to.
+    // Agent config prompts only apply once a Claw instance is connected. The
+    // host (Prompts tab) already only renders this section for a connected
+    // sandbox, but we guard here too so the component is safe to drop in
+    // anywhere.
     if (!isSandboxActive) {
         return null;
     }
-    return (jsxs(Fragment$1, { children: [jsx("div", { className: "space-y-6", children: AGENT_WORKSPACE_FIELDS.map(({ key, labelKey, descriptionKey }) => {
+    return (jsxs(Fragment$1, { children: [jsx("div", { className: "space-y-6", "data-testid": "agent-config-prompts-fields", children: AGENT_WORKSPACE_FIELDS.map(({ key, labelKey, descriptionKey }) => {
                     var _a;
                     const label = t(labelKey);
                     const description = t(descriptionKey);
@@ -222495,11 +222770,16 @@ const EMPTY_SKILL_FORM = {
 function AgentSkills({ platformKey, mentorUniqueId }) {
     var _a;
     const t = useT();
-    // Gate skills on having a connected sandbox config.
-    const { data: clawConfig, isError: isClawConfigError, isLoading: isLoadingClawConfig, } = useGetClawMentorConfigQuery({ org: platformKey, mentorUniqueId });
-    const isSandboxActive = !isClawConfigError && Boolean(clawConfig);
-    const { data: availableSkills, isLoading: isLoadingSkills } = useGetAgentSkillsQuery({ org: platformKey }, { skip: !isSandboxActive });
-    const { data: assignments, isLoading: isLoadingAssignments } = useGetMentorSkillAssignmentsQuery({ org: platformKey, mentorUniqueId }, { skip: !isSandboxActive });
+    // Skills are managed independently of the sandbox connection — org-level
+    // skills and the mentor's assignments both resolve without a wired Claw
+    // instance, so we always fetch and let admins add/assign skills freely.
+    const { data: availableSkills, isLoading: isLoadingSkills } = useGetAgentSkillsQuery({
+        org: platformKey,
+    });
+    const { data: assignments, isLoading: isLoadingAssignments } = useGetMentorSkillAssignmentsQuery({
+        org: platformKey,
+        mentorUniqueId,
+    });
     // Assignment mutations (toggle on mentor)
     const [createAssignment, { isLoading: isCreatingAssignment }] = useCreateMentorSkillAssignmentMutation();
     const [updateAssignment, { isLoading: isUpdatingAssignment }] = useUpdateMentorSkillAssignmentMutation();
@@ -222512,7 +222792,7 @@ function AgentSkills({ platformKey, mentorUniqueId }) {
     const [editingSkill, setEditingSkill] = useState(null);
     const [deletingSkill, setDeletingSkill] = useState(null);
     const [form, setForm] = useState(EMPTY_SKILL_FORM);
-    const isLoading = isLoadingClawConfig || (isSandboxActive && (isLoadingSkills || isLoadingAssignments));
+    const isLoading = isLoadingSkills || isLoadingAssignments;
     const isTogglingMentorSkill = isCreatingAssignment || isUpdatingAssignment || isDeletingAssignment;
     const skills = (availableSkills !== null && availableSkills !== void 0 ? availableSkills : []).filter((s) => s.enabled);
     // Skill assignments are now keyed by skill UUID (the new stable identifier).
@@ -222635,12 +222915,7 @@ function AgentSkills({ platformKey, mentorUniqueId }) {
     if (isLoading) {
         return (jsxs("div", { className: "flex items-center gap-2 p-4", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500" }), jsx("span", { className: "text-sm text-gray-500", children: t('clawSandboxAgentSkills.loadingSkills') })] }));
     }
-    // Sandbox not connected or disabled — skills are runtime sandbox features and
-    // can't be assigned to a mentor that has no active sandbox to run them.
-    if (!isSandboxActive) {
-        return (jsx("div", { className: "flex items-center justify-center rounded-lg border p-6", children: jsx("p", { className: "text-sm text-gray-500", children: t('clawSandboxAgentSkills.connectSandboxPrompt') }) }));
-    }
-    return (jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "flex items-center justify-end", children: jsxs(Button$1, { onClick: openNewSkillDialog, size: "sm", className: "cursor-pointer bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: [jsx(Plus, { className: "h-4 w-4" }), t('clawSandboxAgentSkills.newSkill')] }) }), skills.length === 0 ? (jsx("div", { className: "flex items-center justify-center rounded-lg border p-6", children: jsx("p", { className: "text-sm text-gray-500", children: t('clawSandboxAgentSkills.noSkillsAvailable') }) })) : (jsx("div", { className: "space-y-6", children: skills.map((skill) => {
+    return (jsxs("div", { className: "space-y-4", "data-testid": "agent-skills-content", children: [jsx("div", { className: "flex items-center justify-end", children: jsxs(Button$1, { onClick: openNewSkillDialog, size: "sm", className: "cursor-pointer bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: [jsx(Plus, { className: "h-4 w-4" }), t('clawSandboxAgentSkills.newSkill')] }) }), skills.length === 0 ? (jsx("div", { className: "flex items-center justify-center rounded-lg border p-6", children: jsx("p", { className: "text-sm text-gray-500", children: t('clawSandboxAgentSkills.noSkillsAvailable') }) })) : (jsx("div", { className: "space-y-6", children: skills.map((skill) => {
                     var _a;
                     const assignment = assignmentsBySkillUniqueId.get(skill.unique_id);
                     const isEnabled = (_a = assignment === null || assignment === void 0 ? void 0 : assignment.enabled) !== null && _a !== void 0 ? _a : false;
@@ -222648,7 +222923,9 @@ function AgentSkills({ platformKey, mentorUniqueId }) {
                                                         name: skill.name,
                                                     }), children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "ibl-tooltip-content", children: jsx("p", { children: skill.description }) })] }) })), jsxs("span", { className: "hidden sm:inline text-xs text-gray-400", children: ["v", skill.version] })] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Switch, { checked: isEnabled, onCheckedChange: (checked) => handleToggle(skill, checked), disabled: isTogglingMentorSkill, className: "cursor-pointer data-[state=checked]:bg-blue-500", "aria-label": t(isEnabled
                                             ? 'clawSandboxAgentSkills.skillEnabledLabel'
-                                            : 'clawSandboxAgentSkills.skillDisabledLabel', { name: skill.name }) }), jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(Button$1, { variant: "ghost", size: "sm", "aria-label": t('clawSandboxAgentSkills.skillActions', { name: skill.name }), children: jsx(Ellipsis, { className: "h-4 w-4" }) }) }), jsxs(DropdownMenuContent, { align: "end", children: [jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => openEditSkillDialog(skill), children: [jsx(Pen, { className: "mr-2 h-4 w-4" }), t('clawSandboxAgentSkills.edit')] }), jsxs(DropdownMenuItem, { variant: "destructive", className: "cursor-pointer", onClick: () => setDeletingSkill(skill), children: [jsx(Trash2, { className: "mr-2 h-4 w-4" }), t('clawSandboxAgentSkills.delete')] })] })] })] })] }, skill.id));
+                                            : 'clawSandboxAgentSkills.skillDisabledLabel', { name: skill.name }) }), jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(Button$1, { variant: "ghost", size: "sm", "aria-label": t('clawSandboxAgentSkills.skillActions', {
+                                                        name: skill.name,
+                                                    }), children: jsx(Ellipsis, { className: "h-4 w-4" }) }) }), jsxs(DropdownMenuContent, { align: "end", children: [jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => openEditSkillDialog(skill), children: [jsx(Pen, { className: "mr-2 h-4 w-4" }), t('clawSandboxAgentSkills.edit')] }), jsxs(DropdownMenuItem, { variant: "destructive", className: "cursor-pointer", onClick: () => setDeletingSkill(skill), children: [jsx(Trash2, { className: "mr-2 h-4 w-4" }), t('clawSandboxAgentSkills.delete')] })] })] })] })] }, skill.id));
                 }) })), jsxs(OverlayModal, { open: showNewDialog, onClose: closeAllDialogs, title: t('clawSandboxAgentSkills.newSkillDialogTitle'), className: "max-w-2xl", children: [jsx(SkillForm, { form: form, onChange: setForm }), jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [jsx(Button$1, { variant: "outline", onClick: closeAllDialogs, children: t('clawSandboxAgentSkills.cancel') }), jsx(Button$1, { onClick: handleCreateSkill, disabled: isCreatingSkill || !form.name || !form.slug, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: isCreatingSkill
                                     ? t('clawSandboxAgentSkills.creating')
                                     : t('clawSandboxAgentSkills.create') })] })] }), jsxs(OverlayModal, { open: !!editingSkill, onClose: closeAllDialogs, title: t('clawSandboxAgentSkills.editSkillDialogTitle'), className: "max-w-2xl", children: [jsx(SkillForm, { form: form, onChange: setForm }), jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [jsx(Button$1, { variant: "outline", onClick: closeAllDialogs, children: t('clawSandboxAgentSkills.cancel') }), jsx(Button$1, { onClick: handleUpdateSkill, disabled: isUpdatingSkill || !form.name || !form.slug, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: isUpdatingSkill
@@ -222737,11 +223014,44 @@ function formatInterval(interval) {
         return '';
     return `/${interval}`;
 }
+// Avoids the SSR warning while still measuring/aligning before the browser paints.
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
 function PaywallModal({ pricing, platformKey, itemId, itemType, open, onClose, closable = true, buttonClassName, }) {
     const t = useT();
     const [createCheckout, { isLoading: isCheckoutLoading }] = useCreateCheckoutMutation();
     const [selectedPriceId, setSelectedPriceId] = useState(null);
     const activePrices = pricing.prices;
+    // Keep the title/description block the same height on every card (the tallest
+    // one's height) so the price + Pay button below always line up, regardless of
+    // how long each plan's title or description is.
+    const gridRef = useRef(null);
+    const headerRefs = useRef([]);
+    headerRefs.current.length = activePrices.length;
+    const equalizeHeaderHeights = useCallback(() => {
+        const headers = headerRefs.current.filter((el) => el != null && el.isConnected);
+        // Reset first so we measure each header's natural height, not a stale value.
+        headers.forEach((el) => {
+            el.style.minHeight = '';
+        });
+        if (headers.length <= 1)
+            return;
+        const maxHeight = headers.reduce((max, el) => Math.max(max, el.offsetHeight), 0);
+        headers.forEach((el) => {
+            el.style.minHeight = `${maxHeight}px`;
+        });
+    }, []);
+    useIsomorphicLayoutEffect(() => {
+        if (!open)
+            return;
+        equalizeHeaderHeights();
+        const grid = gridRef.current;
+        if (!grid || typeof ResizeObserver === 'undefined')
+            return;
+        // Re-run when the grid resizes (viewport changes wrap the descriptions).
+        const observer = new ResizeObserver(() => equalizeHeaderHeights());
+        observer.observe(grid);
+        return () => observer.disconnect();
+    }, [open, activePrices, equalizeHeaderHeights]);
     const handleCheckout = async (price) => {
         setSelectedPriceId(price.id);
         try {
@@ -222761,16 +223071,35 @@ function PaywallModal({ pricing, platformKey, itemId, itemType, open, onClose, c
             setSelectedPriceId(null);
         }
     };
+    const preventClose = (e) => {
+        if (!closable)
+            e.preventDefault();
+    };
+    // Single pricing tier: render the focused, card-style layout that matches
+    // UpgradePackageModal instead of a lone card floating in the wide grid modal.
+    if (activePrices.length === 1) {
+        const price = activePrices[0];
+        const isThisLoading = isCheckoutLoading && selectedPriceId === price.id;
+        return (jsx(Dialog, { open: open, onOpenChange: (isOpen) => {
+                if (!isOpen && closable)
+                    onClose();
+            }, children: jsxs(DialogContent, { className: cn('max-w-md gap-0 p-0 overflow-hidden rounded-[10px] border border-[#e5e5e5] shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]', !closable && '[&>button.absolute]:hidden'), onPointerDownOutside: preventClose, onEscapeKeyDown: preventClose, children: [jsxs("div", { className: "relative flex flex-col items-center px-6 pt-8 pb-6 bg-[linear-gradient(135deg,#f5f8ff_0%,#ffffff_100%)] border-b border-[#e5e7eb]", children: [jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full mb-4", style: {
+                                    background: 'linear-gradient(to right, rgb(56, 161, 229), rgb(114, 132, 255))',
+                                    boxShadow: '0 4px 12px -2px rgba(56, 161, 229, 0.4)',
+                                }, children: jsx(Sparkles, { className: "h-6 w-6 text-white" }) }), jsxs("span", { className: "inline-flex items-baseline gap-1 rounded-full px-3 py-1 text-[13px] font-semibold leading-4 mb-3", style: {
+                                    backgroundColor: '#f5f8ff',
+                                    color: '#155dfc',
+                                    border: '1px solid #d0e0ff',
+                                }, children: [formatPrice(price.amount, price.currency), price.interval !== 'one_time' && (jsx("span", { className: "text-[11px] font-normal opacity-80", children: formatInterval(price.interval) }))] }), jsxs(DialogHeader, { className: "text-center sm:text-center space-y-2", children: [jsx(DialogTitle, { className: "text-[18px] font-medium leading-7 text-[#101828] tracking-tight", children: price.name || t('modalsPaywallModal.chooseYourPlan') }), jsx(DialogDescription, { className: "text-[14px] font-normal leading-[22.75px] text-[#4a5565] max-w-[320px] mx-auto", children: price.description ||
+                                            t('modalsPaywallModal.subscribeToGetAccess', { itemName: pricing.item_name }) })] })] }), jsxs("div", { className: "px-6 py-5", children: [price.features.length > 0 && (jsx("ul", { className: "space-y-3 mb-6", children: price.features.map((feature, idx) => (jsxs("li", { className: "flex items-start gap-3 text-[14px] leading-5 text-[#364153]", children: [jsx("span", { className: "mt-0.5 flex h-5 w-5 items-center justify-center rounded-full bg-[#f5f8ff] shrink-0", children: jsx(Check, { className: "h-3 w-3 text-[#155dfc]", strokeWidth: 3 }) }), jsx("span", { className: "font-normal", children: feature })] }, idx))) })), jsx(Button$1, { type: "button", onClick: () => handleCheckout(price), disabled: isCheckoutLoading, className: cn('w-full h-9 px-6 py-2 rounded-lg border-0 text-white text-[14px] font-medium leading-5 bg-[linear-gradient(to_right,rgb(56,161,229),rgb(114,132,255))] hover:opacity-90 transition-opacity disabled:opacity-70', buttonClassName), children: isThisLoading ? (jsxs(Fragment$1, { children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }), jsx("span", { children: t('modalsPaywallModal.redirecting') })] })) : (t('modalsPaywallModal.pay')) }), jsxs("div", { className: "mt-3 flex items-center justify-center gap-1.5 text-[12px] font-normal leading-4 text-[#6a7282]", children: [jsx(CreditCard, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), jsx("span", { children: t('modalsPaywallModal.secureCheckout') })] })] })] }) }));
+    }
     return (jsx(Dialog, { open: open, onOpenChange: (isOpen) => {
             if (!isOpen && closable)
                 onClose();
-        }, children: jsxs(DialogContent, { className: cn('max-w-5xl gap-0 overflow-y-auto max-h-[90vh] p-8', !closable && '[&>button.absolute]:hidden'), onPointerDownOutside: (e) => {
-                if (!closable)
-                    e.preventDefault();
-            }, onEscapeKeyDown: (e) => {
-                if (!closable)
-                    e.preventDefault();
-            }, children: [jsxs(DialogHeader, { className: "text-center sm:text-center mb-8", children: [jsx(DialogTitle, { className: "text-3xl font-bold tracking-tight", children: t('modalsPaywallModal.chooseYourPlan') }), jsx(DialogDescription, { className: "text-base text-muted-foreground mt-2", children: t('modalsPaywallModal.subscribeToGetAccess', { itemName: pricing.item_name }) })] }), jsx("div", { className: cn('grid gap-5', activePrices.length === 1 && 'grid-cols-1 max-w-sm mx-auto', activePrices.length === 2 && 'grid-cols-1 sm:grid-cols-2 max-w-2xl mx-auto', activePrices.length === 3 && 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3', activePrices.length >= 4 && 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-4'), children: activePrices.map((price) => (jsxs("div", { className: "rounded-xl bg-muted/50 p-6 flex flex-col gap-5", children: [jsxs("div", { children: [jsx("h3", { className: "text-xl font-bold", children: price.name }), price.description && (jsx("p", { className: "text-sm text-muted-foreground mt-2 leading-relaxed", children: price.description }))] }), jsxs("div", { className: "flex items-baseline gap-1", children: [jsx("span", { className: "text-4xl font-bold tracking-tight", children: formatPrice(price.amount, price.currency) }), price.interval !== 'one_time' && (jsx("span", { className: "text-sm text-muted-foreground", children: formatInterval(price.interval) }))] }), jsx(Button$1, { onClick: () => handleCheckout(price), disabled: isCheckoutLoading, className: cn('w-full h-11 text-sm font-medium', buttonClassName), children: isCheckoutLoading && selectedPriceId === price.id
+        }, children: jsxs(DialogContent, { className: cn('max-w-5xl gap-0 overflow-y-auto max-h-[90vh] p-8', !closable && '[&>button.absolute]:hidden'), onPointerDownOutside: preventClose, onEscapeKeyDown: preventClose, children: [jsxs(DialogHeader, { className: "text-center sm:text-center mb-8", children: [jsx(DialogTitle, { className: "text-3xl font-bold tracking-tight", children: t('modalsPaywallModal.chooseYourPlan') }), jsx(DialogDescription, { className: "text-base text-muted-foreground mt-2", children: t('modalsPaywallModal.subscribeToGetAccess', { itemName: pricing.item_name }) })] }), jsx("div", { ref: gridRef, className: cn('grid gap-5 items-stretch', activePrices.length === 2 &&
+                        'grid-cols-1 sm:grid-cols-2 sm:auto-cols-fr max-w-2xl mx-auto', activePrices.length === 3 && 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3', activePrices.length >= 4 && 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-4'), children: activePrices.map((price, index) => (jsxs("div", { className: "rounded-xl bg-muted/50 p-6 flex flex-col gap-5 min-w-[16rem]", children: [jsxs("div", { ref: (el) => {
+                                    headerRefs.current[index] = el;
+                                }, children: [jsx("h3", { className: "text-xl font-bold", children: price.name }), price.description && (jsx("p", { className: "text-sm text-muted-foreground mt-2 leading-relaxed", children: price.description }))] }), jsxs("div", { className: "flex items-baseline gap-1", children: [jsx("span", { className: "text-4xl font-bold tracking-tight", children: formatPrice(price.amount, price.currency) }), price.interval !== 'one_time' && (jsx("span", { className: "text-sm text-muted-foreground", children: formatInterval(price.interval) }))] }), jsx(Button$1, { onClick: () => handleCheckout(price), disabled: isCheckoutLoading, className: cn('w-full h-11 text-sm font-medium', buttonClassName), children: isCheckoutLoading && selectedPriceId === price.id
                                     ? t('modalsPaywallModal.redirecting')
                                     : t('modalsPaywallModal.pay') }), price.features.length > 0 && (jsxs("div", { children: [jsx("p", { className: "text-sm font-medium mb-3", children: t('modalsPaywallModal.thisIncludes') }), jsx("ul", { className: "space-y-3", children: price.features.map((feature, idx) => (jsxs("li", { className: "flex items-start gap-2.5 text-sm", children: [jsx(CircleCheckBig, { className: "h-4 w-4 text-primary shrink-0 mt-0.5" }), jsx("span", { className: "leading-snug", children: feature })] }, idx))) })] }))] }, price.id))) })] }) }));
 }