@iblai/iblai-js 2.14.0 → 2.16.0

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

@@ -1980,6 +1980,7 @@ var analyticsAnalyticsCourses$3 = {
 	loading: "Loading...",
 	colCourseName: "Course Name",
 	colCourseId: "Course ID",
+	openCourseAriaLabel: "Open course {id} in a new tab",
 	colEnrollments: "Enrollments",
 	viewCourseAriaLabel: "View details for {name}",
 	goToFirstPage: "Go to first page",
@@ -2032,15 +2033,15 @@ var analyticsAnalyticsFinancialStats$3 = {
 	viewTraces: "Traces →",
 	costByLLMFooter: "{shown} models · ranked by cost"
 };
+var analyticsAgentScopeLink$3 = {
+	scopeToAgent: "View analytics for {name}"
+};
 var analyticsAnalyticsMemoryStats$3 = {
 	noPermission: "You do not have permission to view user memories.",
 	scopeLabel: "Memory scope",
 	scopeMentor: "This Agent",
 	scopeAllMentors: "All Agents",
 	scopeGlobal: "Global",
-	searchAgents: "Search Agents…",
-	searchAgentsTitle: "Search Agents",
-	clearAgentSearch: "Clear Agent Search",
 	contentPlaceholder: "Search memory content",
 	pickDateRange: "Pick a Date Range",
 	allCategories: "All Categories",
@@ -2185,6 +2186,7 @@ var analyticsAnalyticsPrograms$3 = {
 	loading: "Loading...",
 	programName: "Program Name",
 	programId: "Program ID",
+	openProgramAriaLabel: "Open program {id} in a new tab",
 	viewDetailsAriaLabel: "View details for {name}",
 	goToFirstPage: "Go to first page",
 	goToPreviousPage: "Go to previous page",
@@ -2264,7 +2266,6 @@ var analyticsAnalyticsTranscriptsStats$3 = {
 	labelModel: "Model:",
 	labelModelCard: "model:",
 	labelUser: "User:",
-	labelUserId: "user_id:",
 	roleUser: "User",
 	roleAgent: "Agent",
 	noMessages: "No messages in this conversation.",
@@ -5670,6 +5671,10 @@ var settingsTabLabels$3 = {
 			label: "Featured",
 			tooltip: "Feature this agent to highlight it in listings."
 		},
+		showExploreMentors: {
+			label: "Show additional agents",
+			tooltip: "Shows the additional agents section on this agent's welcome screen."
+		},
 		showAttachment: {
 			label: "Show Attachment",
 			tooltip: "Lets people attach files to a conversation. Each surface has its own switch: In-app chat covers conversations hosted in the app, Embed widget covers the widget on your own site."
@@ -6488,6 +6493,7 @@ var tabsSettingsTab$3 = {
 	whoCanViewTooltipAriaLabel: "More info about chat access",
 	whoCanChatTooltipAriaLabel: "More info about chat access",
 	featuredTooltipAriaLabel: "More info about featured",
+	showExploreMentorsTooltipAriaLabel: "More info about show additional agents",
 	showAttachmentTooltipAriaLabel: "More info about show attachment",
 	showVoiceRecordTooltipAriaLabel: "More info about show voice record",
 	showVoiceCallTooltipAriaLabel: "More info about show voice call",
@@ -8184,6 +8190,7 @@ var en = {
 	analyticsAnalyticsCourseDetail: analyticsAnalyticsCourseDetail$3,
 	analyticsAnalyticsCourses: analyticsAnalyticsCourses$3,
 	analyticsAnalyticsFinancialStats: analyticsAnalyticsFinancialStats$3,
+	analyticsAgentScopeLink: analyticsAgentScopeLink$3,
 	analyticsAnalyticsMemoryStats: analyticsAnalyticsMemoryStats$3,
 	analyticsAnalyticsMonetizationStats: analyticsAnalyticsMonetizationStats$3,
 	analyticsAnalyticsOverview: analyticsAnalyticsOverview$3,
@@ -9131,6 +9138,7 @@ var analyticsAnalyticsCourses$2 = {
 	loading: "Chargement...",
 	colCourseName: "Nom du cours",
 	colCourseId: "ID du cours",
+	openCourseAriaLabel: "Ouvrir le cours {id} dans un nouvel onglet",
 	colEnrollments: "Inscriptions",
 	viewCourseAriaLabel: "Voir les détails de {name}",
 	goToFirstPage: "Aller à la première page",
@@ -9183,15 +9191,15 @@ var analyticsAnalyticsFinancialStats$2 = {
 	viewTraces: "Traces →",
 	costByLLMFooter: "{shown} modèles · classés par coût"
 };
+var analyticsAgentScopeLink$2 = {
+	scopeToAgent: "Voir les analyses de {name}"
+};
 var analyticsAnalyticsMemoryStats$2 = {
 	noPermission: "Vous n'avez pas l'autorisation de consulter les mémoires des utilisateurs.",
 	scopeLabel: "Portée de la mémoire",
 	scopeMentor: "Cet agent",
 	scopeAllMentors: "Tous les agents",
 	scopeGlobal: "Global",
-	searchAgents: "Rechercher des agents…",
-	searchAgentsTitle: "Rechercher des agents",
-	clearAgentSearch: "Effacer la recherche d'agent",
 	contentPlaceholder: "Rechercher dans le contenu des mémoires",
 	pickDateRange: "Choisir une plage de dates",
 	allCategories: "Toutes les catégories",
@@ -9336,6 +9344,7 @@ var analyticsAnalyticsPrograms$2 = {
 	loading: "Chargement...",
 	programName: "Nom du programme",
 	programId: "ID du programme",
+	openProgramAriaLabel: "Ouvrir le programme {id} dans un nouvel onglet",
 	viewDetailsAriaLabel: "Voir les détails de {name}",
 	goToFirstPage: "Aller à la première page",
 	goToPreviousPage: "Aller à la page précédente",
@@ -9415,7 +9424,6 @@ var analyticsAnalyticsTranscriptsStats$2 = {
 	labelModel: "Modèle :",
 	labelModelCard: "modèle :",
 	labelUser: "Utilisateur :",
-	labelUserId: "ID utilisateur :",
 	roleUser: "Utilisateur",
 	roleAgent: "Agent",
 	noMessages: "Aucun message dans cette conversation.",
@@ -12987,6 +12995,10 @@ var settingsTabLabels$2 = {
 			label: "En vedette",
 			tooltip: "Mettez cet agent en avant pour le mettre en valeur dans les listes."
 		},
+		showExploreMentors: {
+			label: "Afficher les agents supplémentaires",
+			tooltip: "Affiche la section des agents supplémentaires sur l'écran d'accueil de cet agent."
+		},
 		showAttachment: {
 			label: "Afficher les pièces jointes",
 			tooltip: "Permet aux personnes de joindre des fichiers à une conversation. Chaque surface a son propre interrupteur : In-app chat couvre les conversations hébergées dans l'application et Embed widget couvre le widget sur votre propre site."
@@ -13805,6 +13817,7 @@ var tabsSettingsTab$2 = {
 	whoCanViewTooltipAriaLabel: "Plus d'informations sur l'accès à la consultation",
 	whoCanChatTooltipAriaLabel: "Plus d'informations sur l'accès au chat",
 	featuredTooltipAriaLabel: "Plus d'informations sur la mise en avant",
+	showExploreMentorsTooltipAriaLabel: "Plus d'informations sur l'affichage des agents supplémentaires",
 	showAttachmentTooltipAriaLabel: "Plus d'informations sur l'affichage des pièces jointes",
 	showVoiceRecordTooltipAriaLabel: "Plus d'informations sur l'affichage de l'enregistrement vocal",
 	showVoiceCallTooltipAriaLabel: "More info about show voice call",
@@ -15335,6 +15348,7 @@ var fr = {
 	analyticsAnalyticsCourseDetail: analyticsAnalyticsCourseDetail$2,
 	analyticsAnalyticsCourses: analyticsAnalyticsCourses$2,
 	analyticsAnalyticsFinancialStats: analyticsAnalyticsFinancialStats$2,
+	analyticsAgentScopeLink: analyticsAgentScopeLink$2,
 	analyticsAnalyticsMemoryStats: analyticsAnalyticsMemoryStats$2,
 	analyticsAnalyticsMonetizationStats: analyticsAnalyticsMonetizationStats$2,
 	analyticsAnalyticsOverview: analyticsAnalyticsOverview$2,
@@ -16282,6 +16296,7 @@ var analyticsAnalyticsCourses$1 = {
 	loading: "Cargando...",
 	colCourseName: "Nombre del curso",
 	colCourseId: "ID del curso",
+	openCourseAriaLabel: "Abrir el curso {id} en una pestaña nueva",
 	colEnrollments: "Inscripciones",
 	viewCourseAriaLabel: "Ver detalles de {name}",
 	goToFirstPage: "Ir a la primera página",
@@ -16334,15 +16349,15 @@ var analyticsAnalyticsFinancialStats$1 = {
 	viewTraces: "Trazas →",
 	costByLLMFooter: "{shown} modelos · ordenados por costo"
 };
+var analyticsAgentScopeLink$1 = {
+	scopeToAgent: "Ver analíticas de {name}"
+};
 var analyticsAnalyticsMemoryStats$1 = {
 	noPermission: "No tienes permiso para ver los recuerdos de los usuarios.",
 	scopeLabel: "Alcance de la memoria",
 	scopeMentor: "Este agente",
 	scopeAllMentors: "Todos los agentes",
 	scopeGlobal: "Global",
-	searchAgents: "Buscar agentes…",
-	searchAgentsTitle: "Buscar agentes",
-	clearAgentSearch: "Borrar la búsqueda de agentes",
 	contentPlaceholder: "Buscar en el contenido de los recuerdos",
 	pickDateRange: "Elige un rango de fechas",
 	allCategories: "Todas las categorías",
@@ -16487,6 +16502,7 @@ var analyticsAnalyticsPrograms$1 = {
 	loading: "Cargando...",
 	programName: "Nombre del programa",
 	programId: "ID del programa",
+	openProgramAriaLabel: "Abrir el programa {id} en una pestaña nueva",
 	viewDetailsAriaLabel: "Ver detalles de {name}",
 	goToFirstPage: "Ir a la primera página",
 	goToPreviousPage: "Ir a la página anterior",
@@ -16566,7 +16582,6 @@ var analyticsAnalyticsTranscriptsStats$1 = {
 	labelModel: "Modelo:",
 	labelModelCard: "modelo:",
 	labelUser: "Usuario:",
-	labelUserId: "ID de usuario:",
 	roleUser: "Usuario",
 	roleAgent: "Agente",
 	noMessages: "No hay mensajes en esta conversación.",
@@ -20138,6 +20153,10 @@ var settingsTabLabels$1 = {
 			label: "Destacado",
 			tooltip: "Destaque este agente para resaltarlo en los listados."
 		},
+		showExploreMentors: {
+			label: "Mostrar agentes adicionales",
+			tooltip: "Muestra la sección de agentes adicionales en la pantalla de bienvenida de este agente."
+		},
 		showAttachment: {
 			label: "Mostrar archivos adjuntos",
 			tooltip: "Permite que las personas adjunten archivos a una conversación. Cada superficie tiene su propio interruptor: In-app chat cubre las conversaciones alojadas en la aplicación y Embed widget cubre el widget en tu propio sitio."
@@ -20956,6 +20975,7 @@ var tabsSettingsTab$1 = {
 	whoCanViewTooltipAriaLabel: "Más información sobre el acceso de visualización",
 	whoCanChatTooltipAriaLabel: "Más información sobre el acceso al chat",
 	featuredTooltipAriaLabel: "Más información sobre destacado",
+	showExploreMentorsTooltipAriaLabel: "Más información sobre mostrar agentes adicionales",
 	showAttachmentTooltipAriaLabel: "Más información sobre mostrar adjuntos",
 	showVoiceRecordTooltipAriaLabel: "Más información sobre mostrar grabación de voz",
 	showVoiceCallTooltipAriaLabel: "More info about show voice call",
@@ -22486,6 +22506,7 @@ var es = {
 	analyticsAnalyticsCourseDetail: analyticsAnalyticsCourseDetail$1,
 	analyticsAnalyticsCourses: analyticsAnalyticsCourses$1,
 	analyticsAnalyticsFinancialStats: analyticsAnalyticsFinancialStats$1,
+	analyticsAgentScopeLink: analyticsAgentScopeLink$1,
 	analyticsAnalyticsMemoryStats: analyticsAnalyticsMemoryStats$1,
 	analyticsAnalyticsMonetizationStats: analyticsAnalyticsMonetizationStats$1,
 	analyticsAnalyticsOverview: analyticsAnalyticsOverview$1,
@@ -23433,6 +23454,7 @@ var analyticsAnalyticsCourses = {
 	loading: "加载中...",
 	colCourseName: "课程名称",
 	colCourseId: "课程 ID",
+	openCourseAriaLabel: "在新标签页中打开课程 {id}",
 	colEnrollments: "注册人数",
 	viewCourseAriaLabel: "查看 {name} 的详情",
 	goToFirstPage: "跳转到第一页",
@@ -23485,15 +23507,15 @@ var analyticsAnalyticsFinancialStats = {
 	viewTraces: "追踪 →",
 	costByLLMFooter: "{shown} 个模型 · 按成本排序"
 };
+var analyticsAgentScopeLink = {
+	scopeToAgent: "查看 {name} 的分析"
+};
 var analyticsAnalyticsMemoryStats = {
 	noPermission: "您没有查看用户记忆的权限。",
 	scopeLabel: "记忆范围",
 	scopeMentor: "当前智能体",
 	scopeAllMentors: "所有智能体",
 	scopeGlobal: "全局",
-	searchAgents: "搜索智能体…",
-	searchAgentsTitle: "搜索智能体",
-	clearAgentSearch: "清除智能体搜索",
 	contentPlaceholder: "搜索记忆内容",
 	pickDateRange: "选择日期范围",
 	allCategories: "所有类别",
@@ -23638,6 +23660,7 @@ var analyticsAnalyticsPrograms = {
 	loading: "加载中...",
 	programName: "项目名称",
 	programId: "项目 ID",
+	openProgramAriaLabel: "在新标签页中打开项目 {id}",
 	viewDetailsAriaLabel: "查看 {name} 的详情",
 	goToFirstPage: "跳至第一页",
 	goToPreviousPage: "跳至上一页",
@@ -23717,7 +23740,6 @@ var analyticsAnalyticsTranscriptsStats = {
 	labelModel: "模型：",
 	labelModelCard: "模型：",
 	labelUser: "用户：",
-	labelUserId: "用户 ID：",
 	roleUser: "用户",
 	roleAgent: "智能体",
 	noMessages: "此对话中没有消息。",
@@ -27289,6 +27311,10 @@ var settingsTabLabels = {
 			label: "推荐",
 			tooltip: "将此智能体设为推荐，使其在列表中突出显示。"
 		},
+		showExploreMentors: {
+			label: "显示其他智能体",
+			tooltip: "在此智能体的欢迎界面上显示“其他智能体”部分。"
+		},
 		showAttachment: {
 			label: "显示附件",
 			tooltip: "允许用户在对话中添加附件。每个界面都有独立的开关：In-app chat 用于应用内托管的对话，Embed widget 用于您自己网站上的小组件。"
@@ -28107,6 +28133,7 @@ var tabsSettingsTab = {
 	whoCanViewTooltipAriaLabel: "关于查看访问权限的更多信息",
 	whoCanChatTooltipAriaLabel: "关于聊天访问权限的更多信息",
 	featuredTooltipAriaLabel: "关于精选的更多信息",
+	showExploreMentorsTooltipAriaLabel: "关于显示其他智能体的更多信息",
 	showAttachmentTooltipAriaLabel: "关于显示附件的更多信息",
 	showVoiceRecordTooltipAriaLabel: "关于显示语音录制的更多信息",
 	showVoiceCallTooltipAriaLabel: "More info about show voice call",
@@ -29637,6 +29664,7 @@ var zh = {
 	analyticsAnalyticsCourseDetail: analyticsAnalyticsCourseDetail,
 	analyticsAnalyticsCourses: analyticsAnalyticsCourses,
 	analyticsAnalyticsFinancialStats: analyticsAnalyticsFinancialStats,
+	analyticsAgentScopeLink: analyticsAgentScopeLink,
 	analyticsAnalyticsMemoryStats: analyticsAnalyticsMemoryStats,
 	analyticsAnalyticsMonetizationStats: analyticsAnalyticsMonetizationStats,
 	analyticsAnalyticsOverview: analyticsAnalyticsOverview,
@@ -78337,7 +78365,7 @@ const createLucideIcon = (iconName, iconNode) => {
  */
 
 
-const __iconNode$2q = [
+const __iconNode$2r = [
   [
     "path",
     {
@@ -78346,7 +78374,7 @@ const __iconNode$2q = [
     }
   ]
 ];
-const Activity = createLucideIcon("activity", __iconNode$2q);
+const Activity = createLucideIcon("activity", __iconNode$2r);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78356,12 +78384,12 @@ const Activity = createLucideIcon("activity", __iconNode$2q);
  */
 
 
-const __iconNode$2p = [
+const __iconNode$2q = [
   ["path", { d: "M17 12H7", key: "16if0g" }],
   ["path", { d: "M19 18H5", key: "18s9l3" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
 ];
-const AlignCenter = createLucideIcon("align-center", __iconNode$2p);
+const AlignCenter = createLucideIcon("align-center", __iconNode$2q);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78371,12 +78399,12 @@ const AlignCenter = createLucideIcon("align-center", __iconNode$2p);
  */
 
 
-const __iconNode$2o = [
+const __iconNode$2p = [
   ["path", { d: "M15 12H3", key: "6jk70r" }],
   ["path", { d: "M17 18H3", key: "1amg6g" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
 ];
-const AlignLeft = createLucideIcon("align-left", __iconNode$2o);
+const AlignLeft = createLucideIcon("align-left", __iconNode$2p);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78386,12 +78414,12 @@ const AlignLeft = createLucideIcon("align-left", __iconNode$2o);
  */
 
 
-const __iconNode$2n = [
+const __iconNode$2o = [
   ["path", { d: "M21 12H9", key: "dn1m92" }],
   ["path", { d: "M21 18H7", key: "1ygte8" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
 ];
-const AlignRight = createLucideIcon("align-right", __iconNode$2n);
+const AlignRight = createLucideIcon("align-right", __iconNode$2o);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78401,12 +78429,12 @@ const AlignRight = createLucideIcon("align-right", __iconNode$2n);
  */
 
 
-const __iconNode$2m = [
+const __iconNode$2n = [
   ["rect", { width: "20", height: "5", x: "2", y: "3", rx: "1", key: "1wp1u1" }],
   ["path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", key: "1s80jp" }],
   ["path", { d: "M10 12h4", key: "a56b0p" }]
 ];
-const Archive = createLucideIcon("archive", __iconNode$2m);
+const Archive = createLucideIcon("archive", __iconNode$2n);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78416,11 +78444,11 @@ const Archive = createLucideIcon("archive", __iconNode$2m);
  */
 
 
-const __iconNode$2l = [
+const __iconNode$2m = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$2l);
+const ArrowDown = createLucideIcon("arrow-down", __iconNode$2m);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78430,11 +78458,11 @@ const ArrowDown = createLucideIcon("arrow-down", __iconNode$2l);
  */
 
 
-const __iconNode$2k = [
+const __iconNode$2l = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$2k);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$2l);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78444,11 +78472,11 @@ const ArrowLeft = createLucideIcon("arrow-left", __iconNode$2k);
  */
 
 
-const __iconNode$2j = [
+const __iconNode$2k = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$2j);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$2k);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78458,11 +78486,11 @@ const ArrowRight = createLucideIcon("arrow-right", __iconNode$2j);
  */
 
 
-const __iconNode$2i = [
+const __iconNode$2j = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$2i);
+const ArrowUp = createLucideIcon("arrow-up", __iconNode$2j);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78472,7 +78500,7 @@ const ArrowUp = createLucideIcon("arrow-up", __iconNode$2i);
  */
 
 
-const __iconNode$2h = [
+const __iconNode$2i = [
   [
     "path",
     {
@@ -78482,7 +78510,7 @@ const __iconNode$2h = [
   ],
   ["circle", { cx: "12", cy: "8", r: "6", key: "1vp47v" }]
 ];
-const Award = createLucideIcon("award", __iconNode$2h);
+const Award = createLucideIcon("award", __iconNode$2i);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78492,11 +78520,11 @@ const Award = createLucideIcon("award", __iconNode$2h);
  */
 
 
-const __iconNode$2g = [
+const __iconNode$2h = [
   ["path", { d: "M4.929 4.929 19.07 19.071", key: "196cmz" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const Ban = createLucideIcon("ban", __iconNode$2g);
+const Ban = createLucideIcon("ban", __iconNode$2h);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78506,12 +78534,12 @@ const Ban = createLucideIcon("ban", __iconNode$2g);
  */
 
 
-const __iconNode$2f = [
+const __iconNode$2g = [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }],
   ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }],
   ["path", { d: "M6 12h.01M18 12h.01", key: "113zkx" }]
 ];
-const Banknote = createLucideIcon("banknote", __iconNode$2f);
+const Banknote = createLucideIcon("banknote", __iconNode$2g);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78521,7 +78549,7 @@ const Banknote = createLucideIcon("banknote", __iconNode$2f);
  */
 
 
-const __iconNode$2e = [
+const __iconNode$2f = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   ["path", { d: "M22 8c0-2.3-.8-4.3-2-6", key: "5bb3ad" }],
   [
@@ -78533,7 +78561,7 @@ const __iconNode$2e = [
   ],
   ["path", { d: "M4 2C2.8 3.7 2 5.7 2 8", key: "tap9e0" }]
 ];
-const BellRing = createLucideIcon("bell-ring", __iconNode$2e);
+const BellRing = createLucideIcon("bell-ring", __iconNode$2f);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78543,7 +78571,7 @@ const BellRing = createLucideIcon("bell-ring", __iconNode$2e);
  */
 
 
-const __iconNode$2d = [
+const __iconNode$2e = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   [
     "path",
@@ -78553,7 +78581,7 @@ const __iconNode$2d = [
     }
   ]
 ];
-const Bell = createLucideIcon("bell", __iconNode$2d);
+const Bell = createLucideIcon("bell", __iconNode$2e);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78563,13 +78591,13 @@ const Bell = createLucideIcon("bell", __iconNode$2d);
  */
 
 
-const __iconNode$2c = [
+const __iconNode$2d = [
   [
     "path",
     { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8", key: "mg9rjx" }
   ]
 ];
-const Bold$1 = createLucideIcon("bold", __iconNode$2c);
+const Bold$1 = createLucideIcon("bold", __iconNode$2d);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78579,7 +78607,7 @@ const Bold$1 = createLucideIcon("bold", __iconNode$2c);
  */
 
 
-const __iconNode$2b = [
+const __iconNode$2c = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -78589,7 +78617,7 @@ const __iconNode$2b = [
     }
   ]
 ];
-const BookOpen = createLucideIcon("book-open", __iconNode$2b);
+const BookOpen = createLucideIcon("book-open", __iconNode$2c);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78599,7 +78627,7 @@ const BookOpen = createLucideIcon("book-open", __iconNode$2b);
  */
 
 
-const __iconNode$2a = [
+const __iconNode$2b = [
   ["path", { d: "M12 8V4H8", key: "hb8ula" }],
   ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
   ["path", { d: "M2 14h2", key: "vft8re" }],
@@ -78607,7 +78635,7 @@ const __iconNode$2a = [
   ["path", { d: "M15 13v2", key: "1xurst" }],
   ["path", { d: "M9 13v2", key: "rq6x2g" }]
 ];
-const Bot = createLucideIcon("bot", __iconNode$2a);
+const Bot = createLucideIcon("bot", __iconNode$2b);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78617,11 +78645,11 @@ const Bot = createLucideIcon("bot", __iconNode$2a);
  */
 
 
-const __iconNode$29 = [
+const __iconNode$2a = [
   ["path", { d: "M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16", key: "jecpp" }],
   ["rect", { width: "20", height: "14", x: "2", y: "6", rx: "2", key: "i6l2r4" }]
 ];
-const Briefcase = createLucideIcon("briefcase", __iconNode$29);
+const Briefcase = createLucideIcon("briefcase", __iconNode$2a);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78631,7 +78659,7 @@ const Briefcase = createLucideIcon("briefcase", __iconNode$29);
  */
 
 
-const __iconNode$28 = [
+const __iconNode$29 = [
   ["path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z", key: "1b4qmf" }],
   ["path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2", key: "i71pzd" }],
   ["path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2", key: "10jefs" }],
@@ -78640,7 +78668,7 @@ const __iconNode$28 = [
   ["path", { d: "M10 14h4", key: "kelpxr" }],
   ["path", { d: "M10 18h4", key: "1ulq68" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$28);
+const Building2 = createLucideIcon("building-2", __iconNode$29);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78650,13 +78678,13 @@ const Building2 = createLucideIcon("building-2", __iconNode$28);
  */
 
 
-const __iconNode$27 = [
+const __iconNode$28 = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
 ];
-const Calendar$1 = createLucideIcon("calendar", __iconNode$27);
+const Calendar$1 = createLucideIcon("calendar", __iconNode$28);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78666,11 +78694,11 @@ const Calendar$1 = createLucideIcon("calendar", __iconNode$27);
  */
 
 
-const __iconNode$26 = [
+const __iconNode$27 = [
   ["path", { d: "M18 6 7 17l-5-5", key: "116fxf" }],
   ["path", { d: "m22 10-7.5 7.5L13 16", key: "ke71qq" }]
 ];
-const CheckCheck = createLucideIcon("check-check", __iconNode$26);
+const CheckCheck = createLucideIcon("check-check", __iconNode$27);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78680,8 +78708,8 @@ const CheckCheck = createLucideIcon("check-check", __iconNode$26);
  */
 
 
-const __iconNode$25 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$25);
+const __iconNode$26 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$26);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78691,8 +78719,8 @@ const Check = createLucideIcon("check", __iconNode$25);
  */
 
 
-const __iconNode$24 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$24);
+const __iconNode$25 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$25);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78702,11 +78730,11 @@ const ChevronDown = createLucideIcon("chevron-down", __iconNode$24);
  */
 
 
-const __iconNode$23 = [
+const __iconNode$24 = [
   ["path", { d: "m17 18-6-6 6-6", key: "1yerx2" }],
   ["path", { d: "M7 6v12", key: "1p53r6" }]
 ];
-const ChevronFirst = createLucideIcon("chevron-first", __iconNode$23);
+const ChevronFirst = createLucideIcon("chevron-first", __iconNode$24);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78716,11 +78744,11 @@ const ChevronFirst = createLucideIcon("chevron-first", __iconNode$23);
  */
 
 
-const __iconNode$22 = [
+const __iconNode$23 = [
   ["path", { d: "m7 18 6-6-6-6", key: "lwmzdw" }],
   ["path", { d: "M17 6v12", key: "1o0aio" }]
 ];
-const ChevronLast = createLucideIcon("chevron-last", __iconNode$22);
+const ChevronLast = createLucideIcon("chevron-last", __iconNode$23);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78730,8 +78758,8 @@ const ChevronLast = createLucideIcon("chevron-last", __iconNode$22);
  */
 
 
-const __iconNode$21 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$21);
+const __iconNode$22 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$22);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78741,8 +78769,8 @@ const ChevronLeft = createLucideIcon("chevron-left", __iconNode$21);
  */
 
 
-const __iconNode$20 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$20);
+const __iconNode$21 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$21);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78752,8 +78780,8 @@ const ChevronRight = createLucideIcon("chevron-right", __iconNode$20);
  */
 
 
-const __iconNode$1$ = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$1$);
+const __iconNode$20 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$20);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78763,11 +78791,11 @@ const ChevronUp = createLucideIcon("chevron-up", __iconNode$1$);
  */
 
 
-const __iconNode$1_ = [
+const __iconNode$1$ = [
   ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
   ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
 ];
-const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$1_);
+const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$1$);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78777,11 +78805,11 @@ const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$1_);
  */
 
 
-const __iconNode$1Z = [
+const __iconNode$1_ = [
   ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
   ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
 ];
-const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$1Z);
+const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$1_);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78791,11 +78819,11 @@ const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$1Z);
  */
 
 
-const __iconNode$1Y = [
+const __iconNode$1Z = [
   ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
   ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
 ];
-const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$1Y);
+const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$1Z);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78805,12 +78833,12 @@ const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$1Y);
  */
 
 
-const __iconNode$1X = [
+const __iconNode$1Y = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$1X);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$1Y);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78820,11 +78848,11 @@ const CircleAlert = createLucideIcon("circle-alert", __iconNode$1X);
  */
 
 
-const __iconNode$1W = [
+const __iconNode$1X = [
   ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
 ];
-const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1W);
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1X);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78834,11 +78862,11 @@ const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1W);
  */
 
 
-const __iconNode$1V = [
+const __iconNode$1W = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$1V);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$1W);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78848,11 +78876,11 @@ const CircleCheck = createLucideIcon("circle-check", __iconNode$1V);
  */
 
 
-const __iconNode$1U = [
+const __iconNode$1V = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M8 12h8", key: "1wcyev" }]
 ];
-const CircleMinus$1 = createLucideIcon("circle-minus", __iconNode$1U);
+const CircleMinus$1 = createLucideIcon("circle-minus", __iconNode$1V);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78862,11 +78890,11 @@ const CircleMinus$1 = createLucideIcon("circle-minus", __iconNode$1U);
  */
 
 
-const __iconNode$1T = [
+const __iconNode$1U = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["rect", { x: "9", y: "9", width: "6", height: "6", rx: "1", key: "1ssd4o" }]
 ];
-const CircleStop = createLucideIcon("circle-stop", __iconNode$1T);
+const CircleStop = createLucideIcon("circle-stop", __iconNode$1U);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78876,12 +78904,12 @@ const CircleStop = createLucideIcon("circle-stop", __iconNode$1T);
  */
 
 
-const __iconNode$1S = [
+const __iconNode$1T = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
 ];
-const CircleX = createLucideIcon("circle-x", __iconNode$1S);
+const CircleX = createLucideIcon("circle-x", __iconNode$1T);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78891,8 +78919,8 @@ const CircleX = createLucideIcon("circle-x", __iconNode$1S);
  */
 
 
-const __iconNode$1R = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$1R);
+const __iconNode$1S = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$1S);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78902,7 +78930,7 @@ const Circle = createLucideIcon("circle", __iconNode$1R);
  */
 
 
-const __iconNode$1Q = [
+const __iconNode$1R = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   [
     "path",
@@ -78916,7 +78944,7 @@ const __iconNode$1Q = [
   ["path", { d: "M8 11h.01", key: "1dfujw" }],
   ["path", { d: "M8 16h.01", key: "18s6g9" }]
 ];
-const ClipboardList = createLucideIcon("clipboard-list", __iconNode$1Q);
+const ClipboardList = createLucideIcon("clipboard-list", __iconNode$1R);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78926,11 +78954,11 @@ const ClipboardList = createLucideIcon("clipboard-list", __iconNode$1Q);
  */
 
 
-const __iconNode$1P = [
+const __iconNode$1Q = [
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$1P);
+const Clock = createLucideIcon("clock", __iconNode$1Q);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78940,12 +78968,12 @@ const Clock = createLucideIcon("clock", __iconNode$1P);
  */
 
 
-const __iconNode$1O = [
+const __iconNode$1P = [
   ["path", { d: "m18 16 4-4-4-4", key: "1inbqp" }],
   ["path", { d: "m6 8-4 4 4 4", key: "15zrgr" }],
   ["path", { d: "m14.5 4-5 16", key: "e7oirm" }]
 ];
-const CodeXml = createLucideIcon("code-xml", __iconNode$1O);
+const CodeXml = createLucideIcon("code-xml", __iconNode$1P);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78955,11 +78983,11 @@ const CodeXml = createLucideIcon("code-xml", __iconNode$1O);
  */
 
 
-const __iconNode$1N = [
+const __iconNode$1O = [
   ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
   ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
 ];
-const Code$1 = createLucideIcon("code", __iconNode$1N);
+const Code$1 = createLucideIcon("code", __iconNode$1O);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78969,11 +78997,11 @@ const Code$1 = createLucideIcon("code", __iconNode$1N);
  */
 
 
-const __iconNode$1M = [
+const __iconNode$1N = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$1M);
+const Copy = createLucideIcon("copy", __iconNode$1N);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78983,11 +79011,11 @@ const Copy = createLucideIcon("copy", __iconNode$1M);
  */
 
 
-const __iconNode$1L = [
+const __iconNode$1M = [
   ["rect", { width: "20", height: "14", x: "2", y: "5", rx: "2", key: "ynyp8z" }],
   ["line", { x1: "2", x2: "22", y1: "10", y2: "10", key: "1b3vmo" }]
 ];
-const CreditCard = createLucideIcon("credit-card", __iconNode$1L);
+const CreditCard = createLucideIcon("credit-card", __iconNode$1M);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -78997,12 +79025,12 @@ const CreditCard = createLucideIcon("credit-card", __iconNode$1L);
  */
 
 
-const __iconNode$1K = [
+const __iconNode$1L = [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
 ];
-const Database = createLucideIcon("database", __iconNode$1K);
+const Database = createLucideIcon("database", __iconNode$1L);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79012,11 +79040,11 @@ const Database = createLucideIcon("database", __iconNode$1K);
  */
 
 
-const __iconNode$1J = [
+const __iconNode$1K = [
   ["line", { x1: "12", x2: "12", y1: "2", y2: "22", key: "7eqyqh" }],
   ["path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6", key: "1b0p4s" }]
 ];
-const DollarSign = createLucideIcon("dollar-sign", __iconNode$1J);
+const DollarSign = createLucideIcon("dollar-sign", __iconNode$1K);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79026,7 +79054,7 @@ const DollarSign = createLucideIcon("dollar-sign", __iconNode$1J);
  */
 
 
-const __iconNode$1I = [
+const __iconNode$1J = [
   ["path", { d: "M11 20H2", key: "nlcfvz" }],
   [
     "path",
@@ -79039,7 +79067,7 @@ const __iconNode$1I = [
   ["path", { d: "M14 12h.01", key: "1jfl7z" }],
   ["path", { d: "M22 20h-3", key: "vhrsz" }]
 ];
-const DoorOpen = createLucideIcon("door-open", __iconNode$1I);
+const DoorOpen = createLucideIcon("door-open", __iconNode$1J);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79049,12 +79077,12 @@ const DoorOpen = createLucideIcon("door-open", __iconNode$1I);
  */
 
 
-const __iconNode$1H = [
+const __iconNode$1I = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
 ];
-const Download = createLucideIcon("download", __iconNode$1H);
+const Download = createLucideIcon("download", __iconNode$1I);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79064,12 +79092,12 @@ const Download = createLucideIcon("download", __iconNode$1H);
  */
 
 
-const __iconNode$1G = [
+const __iconNode$1H = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
 ];
-const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$1G);
+const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$1H);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79079,12 +79107,12 @@ const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$1G);
  */
 
 
-const __iconNode$1F = [
+const __iconNode$1G = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
 ];
-const Ellipsis = createLucideIcon("ellipsis", __iconNode$1F);
+const Ellipsis = createLucideIcon("ellipsis", __iconNode$1G);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79094,12 +79122,12 @@ const Ellipsis = createLucideIcon("ellipsis", __iconNode$1F);
  */
 
 
-const __iconNode$1E = [
+const __iconNode$1F = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$1E);
+const ExternalLink = createLucideIcon("external-link", __iconNode$1F);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79109,7 +79137,7 @@ const ExternalLink = createLucideIcon("external-link", __iconNode$1E);
  */
 
 
-const __iconNode$1D = [
+const __iconNode$1E = [
   [
     "path",
     {
@@ -79127,7 +79155,7 @@ const __iconNode$1D = [
   ],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }]
 ];
-const EyeOff = createLucideIcon("eye-off", __iconNode$1D);
+const EyeOff = createLucideIcon("eye-off", __iconNode$1E);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79137,7 +79165,7 @@ const EyeOff = createLucideIcon("eye-off", __iconNode$1D);
  */
 
 
-const __iconNode$1C = [
+const __iconNode$1D = [
   [
     "path",
     {
@@ -79147,7 +79175,7 @@ const __iconNode$1C = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = createLucideIcon("eye", __iconNode$1C);
+const Eye = createLucideIcon("eye", __iconNode$1D);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79157,7 +79185,7 @@ const Eye = createLucideIcon("eye", __iconNode$1C);
  */
 
 
-const __iconNode$1B = [
+const __iconNode$1C = [
   ["path", { d: "M10 12v-1", key: "v7bkov" }],
   ["path", { d: "M10 18v-2", key: "1cjy8d" }],
   ["path", { d: "M10 7V6", key: "dljcrl" }],
@@ -79168,7 +79196,7 @@ const __iconNode$1B = [
   ],
   ["circle", { cx: "10", cy: "20", r: "2", key: "1xzdoj" }]
 ];
-const FileArchive = createLucideIcon("file-archive", __iconNode$1B);
+const FileArchive = createLucideIcon("file-archive", __iconNode$1C);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79178,7 +79206,7 @@ const FileArchive = createLucideIcon("file-archive", __iconNode$1B);
  */
 
 
-const __iconNode$1A = [
+const __iconNode$1B = [
   ["path", { d: "M17.5 22h.5a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3", key: "rslqgf" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   [
@@ -79189,7 +79217,7 @@ const __iconNode$1A = [
     }
   ]
 ];
-const FileAudio = createLucideIcon("file-audio", __iconNode$1A);
+const FileAudio = createLucideIcon("file-audio", __iconNode$1B);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79199,13 +79227,13 @@ const FileAudio = createLucideIcon("file-audio", __iconNode$1A);
  */
 
 
-const __iconNode$1z = [
+const __iconNode$1A = [
   ["path", { d: "M10 12.5 8 15l2 2.5", key: "1tg20x" }],
   ["path", { d: "m14 12.5 2 2.5-2 2.5", key: "yinavb" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z", key: "1mlx9k" }]
 ];
-const FileCode = createLucideIcon("file-code", __iconNode$1z);
+const FileCode = createLucideIcon("file-code", __iconNode$1A);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79215,13 +79243,13 @@ const FileCode = createLucideIcon("file-code", __iconNode$1z);
  */
 
 
-const __iconNode$1y = [
+const __iconNode$1z = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M12 18v-6", key: "17g6i2" }],
   ["path", { d: "m9 15 3 3 3-3", key: "1npd3o" }]
 ];
-const FileDown = createLucideIcon("file-down", __iconNode$1y);
+const FileDown = createLucideIcon("file-down", __iconNode$1z);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79231,13 +79259,13 @@ const FileDown = createLucideIcon("file-down", __iconNode$1y);
  */
 
 
-const __iconNode$1x = [
+const __iconNode$1y = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["circle", { cx: "10", cy: "12", r: "2", key: "737tya" }],
   ["path", { d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22", key: "wt3hpn" }]
 ];
-const FileImage = createLucideIcon("file-image", __iconNode$1x);
+const FileImage = createLucideIcon("file-image", __iconNode$1y);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79247,7 +79275,7 @@ const FileImage = createLucideIcon("file-image", __iconNode$1x);
  */
 
 
-const __iconNode$1w = [
+const __iconNode$1x = [
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z", key: "1mlx9k" }],
   [
@@ -79258,7 +79286,7 @@ const __iconNode$1w = [
     }
   ]
 ];
-const FilePlay = createLucideIcon("file-play", __iconNode$1w);
+const FilePlay = createLucideIcon("file-play", __iconNode$1x);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79268,7 +79296,7 @@ const FilePlay = createLucideIcon("file-play", __iconNode$1w);
  */
 
 
-const __iconNode$1v = [
+const __iconNode$1w = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M8 13h2", key: "yr2amv" }],
@@ -79276,7 +79304,7 @@ const __iconNode$1v = [
   ["path", { d: "M8 17h2", key: "2yhykz" }],
   ["path", { d: "M14 17h2", key: "10kma7" }]
 ];
-const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$1v);
+const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$1w);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79286,14 +79314,14 @@ const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$1v);
  */
 
 
-const __iconNode$1u = [
+const __iconNode$1v = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$1u);
+const FileText = createLucideIcon("file-text", __iconNode$1v);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79303,11 +79331,11 @@ const FileText = createLucideIcon("file-text", __iconNode$1u);
  */
 
 
-const __iconNode$1t = [
+const __iconNode$1u = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
 ];
-const File$1 = createLucideIcon("file", __iconNode$1t);
+const File$1 = createLucideIcon("file", __iconNode$1u);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79317,7 +79345,7 @@ const File$1 = createLucideIcon("file", __iconNode$1t);
  */
 
 
-const __iconNode$1s = [
+const __iconNode$1t = [
   [
     "path",
     {
@@ -79335,7 +79363,7 @@ const __iconNode$1s = [
   ["path", { d: "M3 5a2 2 0 0 0 2 2h3", key: "f2jnh7" }],
   ["path", { d: "M3 3v13a2 2 0 0 0 2 2h3", key: "k8epm1" }]
 ];
-const FolderTree = createLucideIcon("folder-tree", __iconNode$1s);
+const FolderTree = createLucideIcon("folder-tree", __iconNode$1t);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79345,14 +79373,14 @@ const FolderTree = createLucideIcon("folder-tree", __iconNode$1s);
  */
 
 
-const __iconNode$1r = [
+const __iconNode$1s = [
   ["path", { d: "m14.5 12.5-8 8a2.119 2.119 0 1 1-3-3l8-8", key: "15492f" }],
   ["path", { d: "m16 16 6-6", key: "vzrcl6" }],
   ["path", { d: "m8 8 6-6", key: "18bi4p" }],
   ["path", { d: "m9 7 8 8", key: "5jnvq1" }],
   ["path", { d: "m21 11-8-8", key: "z4y7zo" }]
 ];
-const Gavel = createLucideIcon("gavel", __iconNode$1r);
+const Gavel = createLucideIcon("gavel", __iconNode$1s);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79362,13 +79390,13 @@ const Gavel = createLucideIcon("gavel", __iconNode$1r);
  */
 
 
-const __iconNode$1q = [
+const __iconNode$1r = [
   ["line", { x1: "6", x2: "6", y1: "3", y2: "15", key: "17qcm7" }],
   ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
   ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
   ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
 ];
-const GitBranch = createLucideIcon("git-branch", __iconNode$1q);
+const GitBranch = createLucideIcon("git-branch", __iconNode$1r);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79378,12 +79406,12 @@ const GitBranch = createLucideIcon("git-branch", __iconNode$1q);
  */
 
 
-const __iconNode$1p = [
+const __iconNode$1q = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
 ];
-const Globe = createLucideIcon("globe", __iconNode$1p);
+const Globe = createLucideIcon("globe", __iconNode$1q);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79393,7 +79421,7 @@ const Globe = createLucideIcon("globe", __iconNode$1p);
  */
 
 
-const __iconNode$1o = [
+const __iconNode$1p = [
   [
     "path",
     {
@@ -79404,7 +79432,7 @@ const __iconNode$1o = [
   ["path", { d: "M22 10v6", key: "1lu8f3" }],
   ["path", { d: "M6 12.5V16a6 3 0 0 0 12 0v-3.5", key: "1r8lef" }]
 ];
-const GraduationCap = createLucideIcon("graduation-cap", __iconNode$1o);
+const GraduationCap = createLucideIcon("graduation-cap", __iconNode$1p);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79414,7 +79442,7 @@ const GraduationCap = createLucideIcon("graduation-cap", __iconNode$1o);
  */
 
 
-const __iconNode$1n = [
+const __iconNode$1o = [
   ["path", { d: "M14 18a2 2 0 0 0-4 0", key: "1v8fkw" }],
   [
     "path",
@@ -79427,7 +79455,7 @@ const __iconNode$1n = [
   ["circle", { cx: "17", cy: "18", r: "3", key: "82mm0e" }],
   ["circle", { cx: "7", cy: "18", r: "3", key: "lvkj7j" }]
 ];
-const HatGlasses = createLucideIcon("hat-glasses", __iconNode$1n);
+const HatGlasses = createLucideIcon("hat-glasses", __iconNode$1o);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79437,13 +79465,13 @@ const HatGlasses = createLucideIcon("hat-glasses", __iconNode$1n);
  */
 
 
-const __iconNode$1m = [
+const __iconNode$1n = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "m17 12 3-2v8", key: "1hhhft" }]
 ];
-const Heading1 = createLucideIcon("heading-1", __iconNode$1m);
+const Heading1 = createLucideIcon("heading-1", __iconNode$1n);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79453,13 +79481,13 @@ const Heading1 = createLucideIcon("heading-1", __iconNode$1m);
  */
 
 
-const __iconNode$1l = [
+const __iconNode$1m = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1", key: "9jr5yi" }]
 ];
-const Heading2 = createLucideIcon("heading-2", __iconNode$1l);
+const Heading2 = createLucideIcon("heading-2", __iconNode$1m);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79469,14 +79497,14 @@ const Heading2 = createLucideIcon("heading-2", __iconNode$1l);
  */
 
 
-const __iconNode$1k = [
+const __iconNode$1l = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2", key: "68ncm8" }],
   ["path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2", key: "1ejuhz" }]
 ];
-const Heading3 = createLucideIcon("heading-3", __iconNode$1k);
+const Heading3 = createLucideIcon("heading-3", __iconNode$1l);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79486,12 +79514,12 @@ const Heading3 = createLucideIcon("heading-3", __iconNode$1k);
  */
 
 
-const __iconNode$1j = [
+const __iconNode$1k = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
   ["path", { d: "M12 7v5l4 2", key: "1fdv2h" }]
 ];
-const History = createLucideIcon("history", __iconNode$1j);
+const History = createLucideIcon("history", __iconNode$1k);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79501,12 +79529,12 @@ const History = createLucideIcon("history", __iconNode$1j);
  */
 
 
-const __iconNode$1i = [
+const __iconNode$1j = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
   ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
 ];
-const Image$3 = createLucideIcon("image", __iconNode$1i);
+const Image$3 = createLucideIcon("image", __iconNode$1j);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79516,7 +79544,7 @@ const Image$3 = createLucideIcon("image", __iconNode$1i);
  */
 
 
-const __iconNode$1h = [
+const __iconNode$1i = [
   ["polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12", key: "o97t9d" }],
   [
     "path",
@@ -79526,7 +79554,7 @@ const __iconNode$1h = [
     }
   ]
 ];
-const Inbox = createLucideIcon("inbox", __iconNode$1h);
+const Inbox = createLucideIcon("inbox", __iconNode$1i);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79536,12 +79564,12 @@ const Inbox = createLucideIcon("inbox", __iconNode$1h);
  */
 
 
-const __iconNode$1g = [
+const __iconNode$1h = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
 ];
-const Info$3 = createLucideIcon("info", __iconNode$1g);
+const Info$3 = createLucideIcon("info", __iconNode$1h);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79551,12 +79579,12 @@ const Info$3 = createLucideIcon("info", __iconNode$1g);
  */
 
 
-const __iconNode$1f = [
+const __iconNode$1g = [
   ["line", { x1: "19", x2: "10", y1: "4", y2: "4", key: "15jd3p" }],
   ["line", { x1: "14", x2: "5", y1: "20", y2: "20", key: "bu0au3" }],
   ["line", { x1: "15", x2: "9", y1: "4", y2: "20", key: "uljnxc" }]
 ];
-const Italic$1 = createLucideIcon("italic", __iconNode$1f);
+const Italic$1 = createLucideIcon("italic", __iconNode$1g);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79566,7 +79594,7 @@ const Italic$1 = createLucideIcon("italic", __iconNode$1f);
  */
 
 
-const __iconNode$1e = [
+const __iconNode$1f = [
   [
     "path",
     {
@@ -79576,7 +79604,7 @@ const __iconNode$1e = [
   ],
   ["circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor", key: "w0ekpg" }]
 ];
-const KeyRound = createLucideIcon("key-round", __iconNode$1e);
+const KeyRound = createLucideIcon("key-round", __iconNode$1f);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79586,7 +79614,7 @@ const KeyRound = createLucideIcon("key-round", __iconNode$1e);
  */
 
 
-const __iconNode$1d = [
+const __iconNode$1e = [
   ["path", { d: "M10 18v-7", key: "wt116b" }],
   [
     "path",
@@ -79600,7 +79628,7 @@ const __iconNode$1d = [
   ["path", { d: "M3 22h18", key: "8prr45" }],
   ["path", { d: "M6 18v-7", key: "1ivflk" }]
 ];
-const Landmark = createLucideIcon("landmark", __iconNode$1d);
+const Landmark = createLucideIcon("landmark", __iconNode$1e);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79610,7 +79638,7 @@ const Landmark = createLucideIcon("landmark", __iconNode$1d);
  */
 
 
-const __iconNode$1c = [
+const __iconNode$1d = [
   [
     "path",
     {
@@ -79633,7 +79661,7 @@ const __iconNode$1c = [
     }
   ]
 ];
-const Layers = createLucideIcon("layers", __iconNode$1c);
+const Layers = createLucideIcon("layers", __iconNode$1d);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79643,12 +79671,12 @@ const Layers = createLucideIcon("layers", __iconNode$1c);
  */
 
 
-const __iconNode$1b = [
+const __iconNode$1c = [
   ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
   ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
   ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
 ];
-const Link2 = createLucideIcon("link-2", __iconNode$1b);
+const Link2 = createLucideIcon("link-2", __iconNode$1c);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79658,11 +79686,11 @@ const Link2 = createLucideIcon("link-2", __iconNode$1b);
  */
 
 
-const __iconNode$1a = [
+const __iconNode$1b = [
   ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
   ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
 ];
-const Link$1 = createLucideIcon("link", __iconNode$1a);
+const Link$1 = createLucideIcon("link", __iconNode$1b);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79672,7 +79700,7 @@ const Link$1 = createLucideIcon("link", __iconNode$1a);
  */
 
 
-const __iconNode$19 = [
+const __iconNode$1a = [
   ["path", { d: "M10 12h11", key: "6m4ad9" }],
   ["path", { d: "M10 18h11", key: "11hvi2" }],
   ["path", { d: "M10 6h11", key: "c7qv1k" }],
@@ -79680,7 +79708,7 @@ const __iconNode$19 = [
   ["path", { d: "M4 6h1v4", key: "cnovpq" }],
   ["path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1", key: "m9a95d" }]
 ];
-const ListOrdered = createLucideIcon("list-ordered", __iconNode$19);
+const ListOrdered = createLucideIcon("list-ordered", __iconNode$1a);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79690,7 +79718,7 @@ const ListOrdered = createLucideIcon("list-ordered", __iconNode$19);
  */
 
 
-const __iconNode$18 = [
+const __iconNode$19 = [
   ["path", { d: "M3 12h.01", key: "nlz23k" }],
   ["path", { d: "M3 18h.01", key: "1tta3j" }],
   ["path", { d: "M3 6h.01", key: "1rqtza" }],
@@ -79698,7 +79726,7 @@ const __iconNode$18 = [
   ["path", { d: "M8 18h13", key: "1lx6n3" }],
   ["path", { d: "M8 6h13", key: "ik3vkj" }]
 ];
-const List$1 = createLucideIcon("list", __iconNode$18);
+const List$1 = createLucideIcon("list", __iconNode$19);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79708,8 +79736,8 @@ const List$1 = createLucideIcon("list", __iconNode$18);
  */
 
 
-const __iconNode$17 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$17);
+const __iconNode$18 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$18);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79719,11 +79747,11 @@ const LoaderCircle = createLucideIcon("loader-circle", __iconNode$17);
  */
 
 
-const __iconNode$16 = [
+const __iconNode$17 = [
   ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
   ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
 ];
-const Lock = createLucideIcon("lock", __iconNode$16);
+const Lock = createLucideIcon("lock", __iconNode$17);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79733,11 +79761,11 @@ const Lock = createLucideIcon("lock", __iconNode$16);
  */
 
 
-const __iconNode$15 = [
+const __iconNode$16 = [
   ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
   ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
 ];
-const Mail = createLucideIcon("mail", __iconNode$15);
+const Mail = createLucideIcon("mail", __iconNode$16);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79747,10 +79775,10 @@ const Mail = createLucideIcon("mail", __iconNode$15);
  */
 
 
-const __iconNode$14 = [
+const __iconNode$15 = [
   ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }]
 ];
-const MessageSquare = createLucideIcon("message-square", __iconNode$14);
+const MessageSquare = createLucideIcon("message-square", __iconNode$15);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79760,12 +79788,12 @@ const MessageSquare = createLucideIcon("message-square", __iconNode$14);
  */
 
 
-const __iconNode$13 = [
+const __iconNode$14 = [
   ["path", { d: "M12 19v3", key: "npa21l" }],
   ["path", { d: "M19 10v2a7 7 0 0 1-14 0v-2", key: "1vc78b" }],
   ["rect", { x: "9", y: "2", width: "6", height: "13", rx: "3", key: "s6n7sd" }]
 ];
-const Mic = createLucideIcon("mic", __iconNode$13);
+const Mic = createLucideIcon("mic", __iconNode$14);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79775,12 +79803,12 @@ const Mic = createLucideIcon("mic", __iconNode$13);
  */
 
 
-const __iconNode$12 = [
+const __iconNode$13 = [
   ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
   ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
   ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
 ];
-const Monitor = createLucideIcon("monitor", __iconNode$12);
+const Monitor = createLucideIcon("monitor", __iconNode$13);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79790,7 +79818,7 @@ const Monitor = createLucideIcon("monitor", __iconNode$12);
  */
 
 
-const __iconNode$11 = [
+const __iconNode$12 = [
   [
     "path",
     {
@@ -79799,7 +79827,7 @@ const __iconNode$11 = [
     }
   ]
 ];
-const Paperclip = createLucideIcon("paperclip", __iconNode$11);
+const Paperclip = createLucideIcon("paperclip", __iconNode$12);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79809,7 +79837,7 @@ const Paperclip = createLucideIcon("paperclip", __iconNode$11);
  */
 
 
-const __iconNode$10 = [
+const __iconNode$11 = [
   ["path", { d: "M13 21h8", key: "1jsn5i" }],
   [
     "path",
@@ -79819,7 +79847,7 @@ const __iconNode$10 = [
     }
   ]
 ];
-const PenLine = createLucideIcon("pen-line", __iconNode$10);
+const PenLine = createLucideIcon("pen-line", __iconNode$11);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79829,7 +79857,7 @@ const PenLine = createLucideIcon("pen-line", __iconNode$10);
  */
 
 
-const __iconNode$$ = [
+const __iconNode$10 = [
   [
     "path",
     {
@@ -79838,7 +79866,7 @@ const __iconNode$$ = [
     }
   ]
 ];
-const Pen = createLucideIcon("pen", __iconNode$$);
+const Pen = createLucideIcon("pen", __iconNode$10);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79848,7 +79876,7 @@ const Pen = createLucideIcon("pen", __iconNode$$);
  */
 
 
-const __iconNode$_ = [
+const __iconNode$$ = [
   [
     "path",
     {
@@ -79858,7 +79886,7 @@ const __iconNode$_ = [
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ];
-const Pencil = createLucideIcon("pencil", __iconNode$_);
+const Pencil = createLucideIcon("pencil", __iconNode$$);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79868,7 +79896,7 @@ const Pencil = createLucideIcon("pencil", __iconNode$_);
  */
 
 
-const __iconNode$Z = [
+const __iconNode$_ = [
   [
     "path",
     {
@@ -79877,7 +79905,7 @@ const __iconNode$Z = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$Z);
+const Play = createLucideIcon("play", __iconNode$_);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79887,11 +79915,11 @@ const Play = createLucideIcon("play", __iconNode$Z);
  */
 
 
-const __iconNode$Y = [
+const __iconNode$Z = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$Y);
+const Plus = createLucideIcon("plus", __iconNode$Z);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79901,12 +79929,12 @@ const Plus = createLucideIcon("plus", __iconNode$Y);
  */
 
 
-const __iconNode$X = [
+const __iconNode$Y = [
   ["path", { d: "M2 3h20", key: "91anmk" }],
   ["path", { d: "M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3", key: "2k9sn8" }],
   ["path", { d: "m7 21 5-5 5 5", key: "bip4we" }]
 ];
-const Presentation = createLucideIcon("presentation", __iconNode$X);
+const Presentation = createLucideIcon("presentation", __iconNode$Y);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79916,7 +79944,7 @@ const Presentation = createLucideIcon("presentation", __iconNode$X);
  */
 
 
-const __iconNode$W = [
+const __iconNode$X = [
   [
     "path",
     {
@@ -79925,7 +79953,7 @@ const __iconNode$W = [
     }
   ]
 ];
-const Puzzle = createLucideIcon("puzzle", __iconNode$W);
+const Puzzle = createLucideIcon("puzzle", __iconNode$X);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79935,7 +79963,7 @@ const Puzzle = createLucideIcon("puzzle", __iconNode$W);
  */
 
 
-const __iconNode$V = [
+const __iconNode$W = [
   [
     "path",
     {
@@ -79951,7 +79979,7 @@ const __iconNode$V = [
     }
   ]
 ];
-const Quote = createLucideIcon("quote", __iconNode$V);
+const Quote = createLucideIcon("quote", __iconNode$W);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79961,14 +79989,14 @@ const Quote = createLucideIcon("quote", __iconNode$V);
  */
 
 
-const __iconNode$U = [
+const __iconNode$V = [
   ["path", { d: "M16.247 7.761a6 6 0 0 1 0 8.478", key: "1fwjs5" }],
   ["path", { d: "M19.075 4.933a10 10 0 0 1 0 14.134", key: "ehdyv1" }],
   ["path", { d: "M4.925 19.067a10 10 0 0 1 0-14.134", key: "1q22gi" }],
   ["path", { d: "M7.753 16.239a6 6 0 0 1 0-8.478", key: "r2q7qm" }],
   ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }]
 ];
-const Radio$1 = createLucideIcon("radio", __iconNode$U);
+const Radio$1 = createLucideIcon("radio", __iconNode$V);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79978,13 +80006,13 @@ const Radio$1 = createLucideIcon("radio", __iconNode$U);
  */
 
 
-const __iconNode$T = [
+const __iconNode$U = [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
 ];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$T);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$U);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -79994,13 +80022,13 @@ const RefreshCw = createLucideIcon("refresh-cw", __iconNode$T);
  */
 
 
-const __iconNode$S = [
+const __iconNode$T = [
   ["path", { d: "m17 2 4 4-4 4", key: "nntrym" }],
   ["path", { d: "M3 11v-1a4 4 0 0 1 4-4h14", key: "84bu3i" }],
   ["path", { d: "m7 22-4-4 4-4", key: "1wqhfi" }],
   ["path", { d: "M21 13v1a4 4 0 0 1-4 4H3", key: "1rx37r" }]
 ];
-const Repeat = createLucideIcon("repeat", __iconNode$S);
+const Repeat = createLucideIcon("repeat", __iconNode$T);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80010,11 +80038,11 @@ const Repeat = createLucideIcon("repeat", __iconNode$S);
  */
 
 
-const __iconNode$R = [
+const __iconNode$S = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
 ];
-const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$R);
+const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$S);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80024,11 +80052,11 @@ const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$R);
  */
 
 
-const __iconNode$Q = [
+const __iconNode$R = [
   ["path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8", key: "1p45f6" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }]
 ];
-const RotateCw = createLucideIcon("rotate-cw", __iconNode$Q);
+const RotateCw = createLucideIcon("rotate-cw", __iconNode$R);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80038,12 +80066,12 @@ const RotateCw = createLucideIcon("rotate-cw", __iconNode$Q);
  */
 
 
-const __iconNode$P = [
+const __iconNode$Q = [
   ["circle", { cx: "6", cy: "19", r: "3", key: "1kj8tv" }],
   ["path", { d: "M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15", key: "1d8sl" }],
   ["circle", { cx: "18", cy: "5", r: "3", key: "gq8acd" }]
 ];
-const Route = createLucideIcon("route", __iconNode$P);
+const Route = createLucideIcon("route", __iconNode$Q);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80053,7 +80081,7 @@ const Route = createLucideIcon("route", __iconNode$P);
  */
 
 
-const __iconNode$O = [
+const __iconNode$P = [
   [
     "path",
     {
@@ -80064,7 +80092,7 @@ const __iconNode$O = [
   ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
   ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
 ];
-const Save = createLucideIcon("save", __iconNode$O);
+const Save = createLucideIcon("save", __iconNode$P);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80074,7 +80102,7 @@ const Save = createLucideIcon("save", __iconNode$O);
  */
 
 
-const __iconNode$N = [
+const __iconNode$O = [
   ["path", { d: "M14 22v-4a2 2 0 1 0-4 0v4", key: "hhkicm" }],
   [
     "path",
@@ -80088,7 +80116,7 @@ const __iconNode$N = [
   ["path", { d: "M6 5v17", key: "1xfsm0" }],
   ["circle", { cx: "12", cy: "9", r: "2", key: "1092wv" }]
 ];
-const School = createLucideIcon("school", __iconNode$N);
+const School = createLucideIcon("school", __iconNode$O);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80098,14 +80126,14 @@ const School = createLucideIcon("school", __iconNode$N);
  */
 
 
-const __iconNode$M = [
+const __iconNode$N = [
   ["path", { d: "M13 3H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-3", key: "i8wdob" }],
   ["path", { d: "M8 21h8", key: "1ev6f3" }],
   ["path", { d: "M12 17v4", key: "1riwvh" }],
   ["path", { d: "m17 8 5-5", key: "fqif7o" }],
   ["path", { d: "M17 3h5v5", key: "1o3tu8" }]
 ];
-const ScreenShare = createLucideIcon("screen-share", __iconNode$M);
+const ScreenShare = createLucideIcon("screen-share", __iconNode$N);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80115,7 +80143,7 @@ const ScreenShare = createLucideIcon("screen-share", __iconNode$M);
  */
 
 
-const __iconNode$L = [
+const __iconNode$M = [
   ["path", { d: "M15 12h-5", key: "r7krc0" }],
   ["path", { d: "M15 8h-5", key: "1khuty" }],
   ["path", { d: "M19 17V5a2 2 0 0 0-2-2H4", key: "zz82l3" }],
@@ -80127,7 +80155,7 @@ const __iconNode$L = [
     }
   ]
 ];
-const ScrollText = createLucideIcon("scroll-text", __iconNode$L);
+const ScrollText = createLucideIcon("scroll-text", __iconNode$M);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80137,11 +80165,11 @@ const ScrollText = createLucideIcon("scroll-text", __iconNode$L);
  */
 
 
-const __iconNode$K = [
+const __iconNode$L = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
-const Search = createLucideIcon("search", __iconNode$K);
+const Search = createLucideIcon("search", __iconNode$L);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80151,7 +80179,7 @@ const Search = createLucideIcon("search", __iconNode$K);
  */
 
 
-const __iconNode$J = [
+const __iconNode$K = [
   [
     "path",
     {
@@ -80161,7 +80189,7 @@ const __iconNode$J = [
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
 ];
-const Send = createLucideIcon("send", __iconNode$J);
+const Send = createLucideIcon("send", __iconNode$K);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80171,13 +80199,13 @@ const Send = createLucideIcon("send", __iconNode$J);
  */
 
 
-const __iconNode$I = [
+const __iconNode$J = [
   ["rect", { width: "20", height: "8", x: "2", y: "2", rx: "2", ry: "2", key: "ngkwjq" }],
   ["rect", { width: "20", height: "8", x: "2", y: "14", rx: "2", ry: "2", key: "iecqi9" }],
   ["line", { x1: "6", x2: "6.01", y1: "6", y2: "6", key: "16zg32" }],
   ["line", { x1: "6", x2: "6.01", y1: "18", y2: "18", key: "nzw8ys" }]
 ];
-const Server = createLucideIcon("server", __iconNode$I);
+const Server = createLucideIcon("server", __iconNode$J);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80187,13 +80215,13 @@ const Server = createLucideIcon("server", __iconNode$I);
  */
 
 
-const __iconNode$H = [
+const __iconNode$I = [
   ["path", { d: "M14 17H5", key: "gfn3mx" }],
   ["path", { d: "M19 7h-9", key: "6i9tg" }],
   ["circle", { cx: "17", cy: "17", r: "3", key: "18b49y" }],
   ["circle", { cx: "7", cy: "7", r: "3", key: "dfmy0x" }]
 ];
-const Settings2 = createLucideIcon("settings-2", __iconNode$H);
+const Settings2 = createLucideIcon("settings-2", __iconNode$I);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80203,7 +80231,7 @@ const Settings2 = createLucideIcon("settings-2", __iconNode$H);
  */
 
 
-const __iconNode$G = [
+const __iconNode$H = [
   [
     "path",
     {
@@ -80213,7 +80241,7 @@ const __iconNode$G = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Settings = createLucideIcon("settings", __iconNode$G);
+const Settings = createLucideIcon("settings", __iconNode$H);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80223,14 +80251,14 @@ const Settings = createLucideIcon("settings", __iconNode$G);
  */
 
 
-const __iconNode$F = [
+const __iconNode$G = [
   ["circle", { cx: "18", cy: "5", r: "3", key: "gq8acd" }],
   ["circle", { cx: "6", cy: "12", r: "3", key: "w7nqdw" }],
   ["circle", { cx: "18", cy: "19", r: "3", key: "1xt0gg" }],
   ["line", { x1: "8.59", x2: "15.42", y1: "13.51", y2: "17.49", key: "47mynk" }],
   ["line", { x1: "15.41", x2: "8.59", y1: "6.51", y2: "10.49", key: "1n3mei" }]
 ];
-const Share2 = createLucideIcon("share-2", __iconNode$F);
+const Share2 = createLucideIcon("share-2", __iconNode$G);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80240,7 +80268,7 @@ const Share2 = createLucideIcon("share-2", __iconNode$F);
  */
 
 
-const __iconNode$E = [
+const __iconNode$F = [
   [
     "path",
     {
@@ -80251,7 +80279,7 @@ const __iconNode$E = [
   ["path", { d: "M12 8v4", key: "1got3b" }],
   ["path", { d: "M12 16h.01", key: "1drbdi" }]
 ];
-const ShieldAlert = createLucideIcon("shield-alert", __iconNode$E);
+const ShieldAlert = createLucideIcon("shield-alert", __iconNode$F);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80261,7 +80289,7 @@ const ShieldAlert = createLucideIcon("shield-alert", __iconNode$E);
  */
 
 
-const __iconNode$D = [
+const __iconNode$E = [
   [
     "path",
     {
@@ -80271,7 +80299,7 @@ const __iconNode$D = [
   ],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const ShieldCheck = createLucideIcon("shield-check", __iconNode$D);
+const ShieldCheck = createLucideIcon("shield-check", __iconNode$E);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80281,7 +80309,7 @@ const ShieldCheck = createLucideIcon("shield-check", __iconNode$D);
  */
 
 
-const __iconNode$C = [
+const __iconNode$D = [
   [
     "path",
     {
@@ -80290,7 +80318,7 @@ const __iconNode$C = [
     }
   ]
 ];
-const Shield = createLucideIcon("shield", __iconNode$C);
+const Shield = createLucideIcon("shield", __iconNode$D);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80300,7 +80328,7 @@ const Shield = createLucideIcon("shield", __iconNode$C);
  */
 
 
-const __iconNode$B = [
+const __iconNode$C = [
   ["path", { d: "M16 10a4 4 0 0 1-8 0", key: "1ltviw" }],
   ["path", { d: "M3.103 6.034h17.794", key: "awc11p" }],
   [
@@ -80311,7 +80339,7 @@ const __iconNode$B = [
     }
   ]
 ];
-const ShoppingBag = createLucideIcon("shopping-bag", __iconNode$B);
+const ShoppingBag = createLucideIcon("shopping-bag", __iconNode$C);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80321,14 +80349,14 @@ const ShoppingBag = createLucideIcon("shopping-bag", __iconNode$B);
  */
 
 
-const __iconNode$A = [
+const __iconNode$B = [
   ["path", { d: "m18 14 4 4-4 4", key: "10pe0f" }],
   ["path", { d: "m18 2 4 4-4 4", key: "pucp1d" }],
   ["path", { d: "M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22", key: "1ailkh" }],
   ["path", { d: "M2 6h1.972a4 4 0 0 1 3.6 2.2", key: "km57vx" }],
   ["path", { d: "M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45", key: "os18l9" }]
 ];
-const Shuffle = createLucideIcon("shuffle", __iconNode$A);
+const Shuffle = createLucideIcon("shuffle", __iconNode$B);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80338,7 +80366,7 @@ const Shuffle = createLucideIcon("shuffle", __iconNode$A);
  */
 
 
-const __iconNode$z = [
+const __iconNode$A = [
   ["line", { x1: "21", x2: "14", y1: "4", y2: "4", key: "obuewd" }],
   ["line", { x1: "10", x2: "3", y1: "4", y2: "4", key: "1q6298" }],
   ["line", { x1: "21", x2: "12", y1: "12", y2: "12", key: "1iu8h1" }],
@@ -80349,7 +80377,7 @@ const __iconNode$z = [
   ["line", { x1: "8", x2: "8", y1: "10", y2: "14", key: "1i6ji0" }],
   ["line", { x1: "16", x2: "16", y1: "18", y2: "22", key: "1lctlv" }]
 ];
-const SlidersHorizontal = createLucideIcon("sliders-horizontal", __iconNode$z);
+const SlidersHorizontal = createLucideIcon("sliders-horizontal", __iconNode$A);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80359,11 +80387,11 @@ const SlidersHorizontal = createLucideIcon("sliders-horizontal", __iconNode$z);
  */
 
 
-const __iconNode$y = [
+const __iconNode$z = [
   ["rect", { width: "14", height: "20", x: "5", y: "2", rx: "2", ry: "2", key: "1yt0o3" }],
   ["path", { d: "M12 18h.01", key: "mhygvu" }]
 ];
-const Smartphone = createLucideIcon("smartphone", __iconNode$y);
+const Smartphone = createLucideIcon("smartphone", __iconNode$z);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80373,7 +80401,7 @@ const Smartphone = createLucideIcon("smartphone", __iconNode$y);
  */
 
 
-const __iconNode$x = [
+const __iconNode$y = [
   [
     "path",
     {
@@ -80385,7 +80413,7 @@ const __iconNode$x = [
   ["path", { d: "M22 4h-4", key: "gwowj6" }],
   ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
 ];
-const Sparkles = createLucideIcon("sparkles", __iconNode$x);
+const Sparkles = createLucideIcon("sparkles", __iconNode$y);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80395,7 +80423,7 @@ const Sparkles = createLucideIcon("sparkles", __iconNode$x);
  */
 
 
-const __iconNode$w = [
+const __iconNode$x = [
   ["path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7", key: "1m0v6g" }],
   [
     "path",
@@ -80405,7 +80433,7 @@ const __iconNode$w = [
     }
   ]
 ];
-const SquarePen = createLucideIcon("square-pen", __iconNode$w);
+const SquarePen = createLucideIcon("square-pen", __iconNode$x);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80415,10 +80443,10 @@ const SquarePen = createLucideIcon("square-pen", __iconNode$w);
  */
 
 
-const __iconNode$v = [
+const __iconNode$w = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
 ];
-const Square$1 = createLucideIcon("square", __iconNode$v);
+const Square$1 = createLucideIcon("square", __iconNode$w);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80428,7 +80456,7 @@ const Square$1 = createLucideIcon("square", __iconNode$v);
  */
 
 
-const __iconNode$u = [
+const __iconNode$v = [
   [
     "path",
     {
@@ -80437,7 +80465,7 @@ const __iconNode$u = [
     }
   ]
 ];
-const Star$1 = createLucideIcon("star", __iconNode$u);
+const Star$1 = createLucideIcon("star", __iconNode$v);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80447,14 +80475,14 @@ const Star$1 = createLucideIcon("star", __iconNode$u);
  */
 
 
-const __iconNode$t = [
+const __iconNode$u = [
   ["path", { d: "M11 2v2", key: "1539x4" }],
   ["path", { d: "M5 2v2", key: "1yf1q8" }],
   ["path", { d: "M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1", key: "rb5t3r" }],
   ["path", { d: "M8 15a6 6 0 0 0 12 0v-3", key: "x18d4x" }],
   ["circle", { cx: "20", cy: "10", r: "2", key: "ts1r5v" }]
 ];
-const Stethoscope = createLucideIcon("stethoscope", __iconNode$t);
+const Stethoscope = createLucideIcon("stethoscope", __iconNode$u);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80464,11 +80492,11 @@ const Stethoscope = createLucideIcon("stethoscope", __iconNode$t);
  */
 
 
-const __iconNode$s = [
+const __iconNode$t = [
   ["path", { d: "M16 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8Z", key: "qazsjp" }],
   ["path", { d: "M15 3v4a2 2 0 0 0 2 2h4", key: "40519r" }]
 ];
-const StickyNote = createLucideIcon("sticky-note", __iconNode$s);
+const StickyNote = createLucideIcon("sticky-note", __iconNode$t);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80478,7 +80506,7 @@ const StickyNote = createLucideIcon("sticky-note", __iconNode$s);
  */
 
 
-const __iconNode$r = [
+const __iconNode$s = [
   ["path", { d: "m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7", key: "ztvudi" }],
   ["path", { d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8", key: "1b2hhj" }],
   ["path", { d: "M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4", key: "2ebpfo" }],
@@ -80491,7 +80519,7 @@ const __iconNode$r = [
     }
   ]
 ];
-const Store$1 = createLucideIcon("store", __iconNode$r);
+const Store$1 = createLucideIcon("store", __iconNode$s);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80501,7 +80529,7 @@ const Store$1 = createLucideIcon("store", __iconNode$r);
  */
 
 
-const __iconNode$q = [
+const __iconNode$r = [
   [
     "path",
     {
@@ -80511,7 +80539,7 @@ const __iconNode$q = [
   ],
   ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }]
 ];
-const Tag = createLucideIcon("tag", __iconNode$q);
+const Tag = createLucideIcon("tag", __iconNode$r);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80521,7 +80549,7 @@ const Tag = createLucideIcon("tag", __iconNode$q);
  */
 
 
-const __iconNode$p = [
+const __iconNode$q = [
   ["path", { d: "m15 5 6.3 6.3a2.4 2.4 0 0 1 0 3.4L17 19", key: "1cbfv1" }],
   [
     "path",
@@ -80532,7 +80560,7 @@ const __iconNode$p = [
   ],
   ["circle", { cx: "6.5", cy: "9.5", r: ".5", fill: "currentColor", key: "5pm5xn" }]
 ];
-const Tags = createLucideIcon("tags", __iconNode$p);
+const Tags = createLucideIcon("tags", __iconNode$q);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80542,11 +80570,11 @@ const Tags = createLucideIcon("tags", __iconNode$p);
  */
 
 
-const __iconNode$o = [
+const __iconNode$p = [
   ["path", { d: "M12 19h8", key: "baeox8" }],
   ["path", { d: "m4 17 6-6-6-6", key: "1yngyt" }]
 ];
-const Terminal = createLucideIcon("terminal", __iconNode$o);
+const Terminal = createLucideIcon("terminal", __iconNode$p);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80556,7 +80584,7 @@ const Terminal = createLucideIcon("terminal", __iconNode$o);
  */
 
 
-const __iconNode$n = [
+const __iconNode$o = [
   ["path", { d: "M17 14V2", key: "8ymqnk" }],
   [
     "path",
@@ -80566,7 +80594,7 @@ const __iconNode$n = [
     }
   ]
 ];
-const ThumbsDown = createLucideIcon("thumbs-down", __iconNode$n);
+const ThumbsDown = createLucideIcon("thumbs-down", __iconNode$o);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80576,7 +80604,7 @@ const ThumbsDown = createLucideIcon("thumbs-down", __iconNode$n);
  */
 
 
-const __iconNode$m = [
+const __iconNode$n = [
   ["path", { d: "M7 10v12", key: "1qc93n" }],
   [
     "path",
@@ -80586,7 +80614,7 @@ const __iconNode$m = [
     }
   ]
 ];
-const ThumbsUp = createLucideIcon("thumbs-up", __iconNode$m);
+const ThumbsUp = createLucideIcon("thumbs-up", __iconNode$n);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80596,14 +80624,14 @@ const ThumbsUp = createLucideIcon("thumbs-up", __iconNode$m);
  */
 
 
-const __iconNode$l = [
+const __iconNode$m = [
   ["path", { d: "M10 11v6", key: "nco0om" }],
   ["path", { d: "M14 11v6", key: "outv1u" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
 ];
-const Trash2 = createLucideIcon("trash-2", __iconNode$l);
+const Trash2 = createLucideIcon("trash-2", __iconNode$m);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -80613,12 +80641,26 @@ const Trash2 = createLucideIcon("trash-2", __iconNode$l);
  */
 
 
-const __iconNode$k = [
+const __iconNode$l = [
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
 ];
-const Trash = createLucideIcon("trash", __iconNode$k);
+const Trash = createLucideIcon("trash", __iconNode$l);
+
+/**
+ * @license lucide-react v0.528.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$k = [
+  ["path", { d: "M16 7h6v6", key: "box55l" }],
+  ["path", { d: "m22 7-8.5 8.5-5-5L2 17", key: "1t1m79" }]
+];
+const TrendingUp = createLucideIcon("trending-up", __iconNode$k);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -185540,7 +185582,7 @@ function MultiSearchSelect({ labels, selected, onSelect, onRemove, searchTerm, o
  */
 function useAgentSearch({ tenantKey, query, limit = 6, offset, starred, featured, category, subjects, llm, types, includeMainPublicMentors, orderDirection, skip = false, }) {
     var _a, _b, _c;
-    const { data, isLoading, isFetching, refetch } = useGetAiSearchMentorsQuery({
+    const { data, isLoading, isFetching, isUninitialized, refetch } = useGetAiSearchMentorsQuery({
         platform_key: tenantKey,
         query: query || undefined,
         limit,
@@ -185564,6 +185606,7 @@ function useAgentSearch({ tenantKey, query, limit = 6, offset, starred, featured
         totalPages: (_c = data === null || data === void 0 ? void 0 : data.total_pages) !== null && _c !== void 0 ? _c : 0,
         isLoading,
         isFetching,
+        isUninitialized,
         refetch,
     };
 }
@@ -194215,29 +194258,60 @@ function SpendLimitsSection({ tenantKey, labels: labelsOverride }) {
     return (jsxs(Fragment$1, { children: [jsxs("div", { "data-testid": "spend-limits-workspace-section", className: "rounded-lg border border-[#e5e5e5] bg-white shadow-[0_1px_2px_0_rgba(0,0,0,0.05)] dark:bg-zinc-900 dark:border-zinc-800", children: [jsx("div", { className: "flex flex-col gap-2 p-4 sm:flex-row sm:items-start sm:justify-between", children: jsxs("div", { className: "space-y-0.5", children: [jsx("h3", { className: "text-[16px] font-medium leading-6 text-[#101828] dark:text-gray-100", children: labels.tenantSections.workspace.title }), jsx("p", { className: "text-[13px] font-normal leading-5 text-[#4a5565] dark:text-gray-400", children: labels.tenantSections.workspace.description })] }) }), jsx("div", { className: "border-t border-[#e5e7eb] dark:border-zinc-800 px-4 py-3", children: isTenantCapLoading ? (jsx("div", { className: "flex items-center justify-center py-8", "data-testid": "tenant-cap-loading", children: jsx(Spinner, {}) })) : isTenantForbidden ? (jsxs("div", { className: "flex flex-col items-center gap-2 rounded-lg border border-gray-200 bg-gray-50 px-4 py-10 text-center", "data-testid": "spend-limits-denied", children: [jsx(ShieldAlert, { className: "h-6 w-6 text-gray-400" }), jsx("p", { className: "text-sm font-medium text-gray-900", children: labels.denied.title }), jsx("p", { className: "max-w-sm text-xs text-gray-600", children: labels.denied.description })] })) : (jsxs("div", { className: "space-y-4", children: [!tenantCap && (monthlySpend != null || totalSpend != null) && (jsxs("div", { className: "space-y-1", "data-testid": "workspace-actual-spend-stats", children: [jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [monthlySpend != null && (jsxs("div", { className: "space-y-0.5", children: [jsx("p", { className: "text-[11px] font-medium uppercase tracking-wide text-[#6a7282] dark:text-gray-400", children: labels.tenantSections.noCapStats.spentThisMonth }), jsx("p", { className: "text-[18px] font-semibold leading-6 text-[#101828] dark:text-gray-100", "data-testid": "workspace-actual-spend-month", children: formatUsd$2(String(monthlySpend)) })] })), totalSpend != null && (jsxs("div", { className: "space-y-0.5", children: [jsx("p", { className: "text-[11px] font-medium uppercase tracking-wide text-[#6a7282] dark:text-gray-400", children: labels.tenantSections.noCapStats.spentAllTime }), jsx("p", { className: "text-[18px] font-semibold leading-6 text-[#101828] dark:text-gray-100", "data-testid": "workspace-actual-spend-total", children: formatUsd$2(String(totalSpend)) })] }))] }), jsx("p", { className: "text-[12px] font-normal leading-4 text-[#6a7282] dark:text-gray-500", children: labels.tenantSections.noCapStats.hint })] })), jsx(SpendCapForm, { labels: labels, cap: tenantCap, isSaving: isSavingTenantCap, isDeleting: isDeletingTenantCap, onSave: saveTenantCap, onDelete: () => setIsDeleteOpen(true), testId: "tenant-cap" })] })) })] }), jsx(Dialog, { open: isDeleteOpen, onOpenChange: () => setIsDeleteOpen(false), children: jsxs(DialogContent, { "aria-describedby": "tenant-cap-delete-description", "data-testid": "tenant-cap-delete-modal", children: [jsx(DialogHeader, { children: jsx(DialogTitle, { className: "ibl-dialog-title", children: labels.deleteModal.title }) }), jsx("div", { className: "my-5", id: "tenant-cap-delete-description", children: jsx("p", { className: "text-sm text-[#646464]", children: labels.deleteModal.description }) }), jsxs(DialogFooter, { className: "gap-3", children: [jsx(Button$1, { variant: "outline", onClick: () => setIsDeleteOpen(false), children: labels.deleteModal.cancel }), jsx(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", onClick: handleConfirmDelete, disabled: isDeletingTenantCap, "data-testid": "tenant-cap-delete-confirm", children: isDeletingTenantCap ? labels.form.removing : labels.deleteModal.confirm })] })] }) })] }));
 }
 
+/** SPAs whose users have coursework, so the profile leads with a Gradebook tab. */
+const GRADEBOOK_SPAS = ['lms', 'skills'];
+/**
+ * The customization `Profile` is opened with: whatever the host passed, with
+ * the Gradebook tab defaulted from the SPA it runs in. An explicit
+ * `showGradebookTab` always wins, so a host can force it either way.
+ */
+function profileCustomization(customization, currentSPA) {
+    var _a;
+    return {
+        ...customization,
+        showGradebookTab: (_a = customization === null || customization === void 0 ? void 0 : customization.showGradebookTab) !== null && _a !== void 0 ? _a : GRADEBOOK_SPAS.includes((currentSPA !== null && currentSPA !== void 0 ? currentSPA : '').trim().toLowerCase()),
+    };
+}
 /**
  * The shared `Profile` viewer in a dialog — the same modal the tenant
  * Management tab opens when a user row is clicked. Controlled variant for
  * hosts that trigger it from a whole table row.
+ *
+ * Radix portals the dialog into `document.body`, but a React portal still
+ * bubbles its events through the React tree — so without the guard below, a
+ * click *inside* the open profile would reach the row this dialog is rendered
+ * from and fire its `onClick` (e.g. opening the enrollment progress modal
+ * behind the profile). The wrapper is `display: contents`, so it adds nothing
+ * to the host's layout.
  */
-function UserProfileDialog({ tenantKey, username, isOpen, onClose }) {
+function UserProfileDialog({ tenantKey, username, isOpen, onClose, customization, currentSPA, }) {
     const t = useT();
     if (!isOpen)
         return null;
-    return (jsx(Dialog, { open: true, onOpenChange: onClose, children: jsxs(DialogContent, { autoFocus: false, className: "profile-component-dialog max-w-7xl w-[85vw] gap-0 overflow-hidden bg-white p-0", style: { height: '85vh', display: 'flex', flexDirection: 'column' }, "data-testid": "user-profile-link-dialog", children: [jsx(DialogTitle, { className: "sr-only", children: t('tabsUserstab.profileDialogTitle') }), jsx(DialogDescription, { className: "sr-only", children: t('tabsUserstab.profileDialogDescription') }), jsx(Profile, { tenant: tenantKey, tenants: [], username: username, onClose: onClose })] }) }));
+    return (jsx("span", { className: "contents", onClick: (event) => event.stopPropagation(), onMouseDown: (event) => event.stopPropagation(), onKeyDown: (event) => event.stopPropagation(), children: jsx(Dialog, { open: true, onOpenChange: onClose, children: jsxs(DialogContent, { autoFocus: false, className: "profile-component-dialog max-w-7xl w-[85vw] gap-0 overflow-hidden bg-white p-0", style: { height: '85vh', display: 'flex', flexDirection: 'column' }, "data-testid": "user-profile-link-dialog", children: [jsx(DialogTitle, { className: "sr-only", children: t('tabsUserstab.profileDialogTitle') }), jsx(DialogDescription, { className: "sr-only", children: t('tabsUserstab.profileDialogDescription') }), jsx(Profile, { tenant: tenantKey, tenants: [], username: username, onClose: onClose, customization: profileCustomization(customization, currentSPA), currentSPA: currentSPA })] }) }) }));
 }
 /**
  * Clickable user identity that opens the shared `Profile` viewer in a dialog
  * — the same modal the tenant Management tab opens when a user row is
- * clicked. Used by the per-user limits table and the user-limit modal.
+ * clicked. `Profile` drops into preview (read-only) mode on its own for anyone
+ * but the signed-in user. Used by the spend-cap tables and every analytics
+ * surface that names a user; safe inside clickable rows and cards, since
+ * neither its clicks nor its key presses reach the host's handlers.
  */
-function UserProfileLink({ tenantKey, username, display, className, testId, }) {
+function UserProfileLink({ tenantKey, username, display, className, testId, customization, currentSPA, }) {
     const t = useT();
     const [isOpen, setIsOpen] = React__default.useState(false);
+    if (!username) {
+        // `inline-block`, or `truncate`'s `overflow: hidden` has nothing to clip:
+        // an inline box takes its width from its own text.
+        return (jsx("span", { className: cn('inline-block max-w-full truncate', className), "data-testid": testId, children: display }));
+    }
     return (jsxs(Fragment$1, { children: [jsx("button", { type: "button", onClick: (event) => {
                     event.stopPropagation();
                     setIsOpen(true);
-                }, className: cn('max-w-full cursor-pointer truncate text-left hover:text-blue-600 hover:underline focus:text-blue-600 focus:outline-none', className), "aria-label": t('tabsUserstab.viewProfileAriaLabel', { name: display }), "data-testid": testId, children: display }), jsx(UserProfileDialog, { tenantKey: tenantKey, username: username, isOpen: isOpen, onClose: () => setIsOpen(false) })] }));
+                }, 
+                // Rows that open on Enter/Space would otherwise swallow the key press.
+                onKeyDown: (event) => event.stopPropagation(), className: cn('max-w-full cursor-pointer truncate text-left hover:text-blue-600 hover:underline focus:text-blue-600 focus:outline-none', className), "aria-label": t('tabsUserstab.viewProfileAriaLabel', { name: display }), "data-testid": testId, children: display }), jsx(UserProfileDialog, { tenantKey: tenantKey, username: username, isOpen: isOpen, onClose: () => setIsOpen(false), customization: customization, currentSPA: currentSPA })] }));
 }
 
 /**
@@ -229624,6 +229698,13 @@ const AnalyticsScopeProvider = AnalyticsScopeContext.Provider;
 function useAnalyticsScope() {
     return useContext(AnalyticsScopeContext);
 }
+/**
+ * The scope setter, or `undefined` where the page can't be re-scoped — no
+ * provider, or a provider with no picker on screen.
+ */
+function useAnalyticsScopeSetter() {
+    return useContext(AnalyticsScopeContext).setScopedMentor;
+}
 /**
  * The agent a container should report on, in precedence order:
  *
@@ -229695,12 +229776,12 @@ const xAxisProps = (xKey) => ({
     interval: 'preserveStartEnd',
     minTickGap: 28,
 });
-const yAxisProps = ({ yTickFormatter, yDomain, yTickCount = 5, allowDecimals = false, }) => ({
+const yAxisProps = ({ yTickFormatter, yDomain, yTickCount = 5, allowDecimals = false, yAxisWidth = 44, }) => ({
     tick: AXIS_TICK,
     axisLine: false,
     tickLine: false,
     tickMargin: 8,
-    width: 44,
+    width: yAxisWidth,
     tickCount: yTickCount,
     allowDecimals,
     domain: yDomain,
@@ -229708,15 +229789,15 @@ const yAxisProps = ({ yTickFormatter, yDomain, yTickCount = 5, allowDecimals = f
 });
 /** Change over time: 2px monotone line over a soft gradient wash, crosshair +
  *  ring marker on hover. */
-function AnalyticsAreaChart({ data, xKey = 'date', dataKey = 'value', color = CHART_SINGLE_SERIES_COLOR, tooltipLabel, yTickFormatter, tooltipValue, tooltipAriaLabel, yDomain, yTickCount, allowDecimals, width, height, }) {
+function AnalyticsAreaChart({ data, xKey = 'date', dataKey = 'value', color = CHART_SINGLE_SERIES_COLOR, tooltipLabel, yTickFormatter, tooltipValue, tooltipAriaLabel, yDomain, yTickCount, allowDecimals, yAxisWidth, width, height, }) {
     const gradientId = React__default.useId();
     const tooltip = useChartTooltip({ dataKey, tooltipLabel, tooltipValue, tooltipAriaLabel });
-    return (jsxs(AreaChart, { width: width, height: height, data: data, margin: { top: 12, right: 12, left: 0, bottom: 4 }, children: [jsx("defs", { children: jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 0.2 }), jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0 })] }) }), jsx(CartesianGrid, { stroke: GRID_INK, vertical: false }), jsx(XAxis, { ...xAxisProps(xKey) }), jsx(YAxis, { ...yAxisProps({ yTickFormatter, yDomain, yTickCount, allowDecimals }) }), jsx(Tooltip, { content: tooltip, cursor: { stroke: color, strokeWidth: 1, strokeDasharray: '4 4', opacity: 0.55 }, wrapperStyle: { outline: 'none' } }), jsx(Area, { type: "monotone", dataKey: dataKey, stroke: color, strokeWidth: 2, fill: `url(#${gradientId})`, dot: false, activeDot: { r: 5, fill: '#ffffff', stroke: color, strokeWidth: 2.5 } })] }));
+    return (jsxs(AreaChart, { width: width, height: height, data: data, margin: { top: 12, right: 12, left: 0, bottom: 4 }, children: [jsx("defs", { children: jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 0.2 }), jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0 })] }) }), jsx(CartesianGrid, { stroke: GRID_INK, vertical: false }), jsx(XAxis, { ...xAxisProps(xKey) }), jsx(YAxis, { ...yAxisProps({ yTickFormatter, yDomain, yTickCount, allowDecimals, yAxisWidth }) }), jsx(Tooltip, { content: tooltip, cursor: { stroke: color, strokeWidth: 1, strokeDasharray: '4 4', opacity: 0.55 }, wrapperStyle: { outline: 'none' } }), jsx(Area, { type: "monotone", dataKey: dataKey, stroke: color, strokeWidth: 2, fill: `url(#${gradientId})`, dot: false, activeDot: { r: 5, fill: '#ffffff', stroke: color, strokeWidth: 2.5 } })] }));
 }
 /** Magnitude per period: 4px-rounded bar tops anchored to the baseline. */
-function AnalyticsBarChart({ data, xKey = 'date', dataKey = 'value', color = CHART_SINGLE_SERIES_COLOR, tooltipLabel, yTickFormatter, tooltipValue, tooltipAriaLabel, yDomain, yTickCount, allowDecimals, width, height, }) {
+function AnalyticsBarChart({ data, xKey = 'date', dataKey = 'value', color = CHART_SINGLE_SERIES_COLOR, tooltipLabel, yTickFormatter, tooltipValue, tooltipAriaLabel, yDomain, yTickCount, allowDecimals, yAxisWidth, width, height, }) {
     const tooltip = useChartTooltip({ dataKey, tooltipLabel, tooltipValue, tooltipAriaLabel });
-    return (jsxs(BarChart, { width: width, height: height, data: data, margin: { top: 12, right: 12, left: 0, bottom: 4 }, barCategoryGap: "28%", children: [jsx(CartesianGrid, { stroke: GRID_INK, vertical: false }), jsx(XAxis, { ...xAxisProps(xKey) }), jsx(YAxis, { ...yAxisProps({ yTickFormatter, yDomain, yTickCount, allowDecimals }) }), jsx(Tooltip, { content: tooltip, cursor: { fill: 'rgba(0, 0, 0, 0.04)' }, wrapperStyle: { outline: 'none' } }), jsx(Bar, { dataKey: dataKey, fill: color, radius: [4, 4, 0, 0], maxBarSize: 22 })] }));
+    return (jsxs(BarChart, { width: width, height: height, data: data, margin: { top: 12, right: 12, left: 0, bottom: 4 }, barCategoryGap: "28%", children: [jsx(CartesianGrid, { stroke: GRID_INK, vertical: false }), jsx(XAxis, { ...xAxisProps(xKey) }), jsx(YAxis, { ...yAxisProps({ yTickFormatter, yDomain, yTickCount, allowDecimals, yAxisWidth }) }), jsx(Tooltip, { content: tooltip, cursor: { fill: 'rgba(0, 0, 0, 0.04)' }, wrapperStyle: { outline: 'none' } }), jsx(Bar, { dataKey: dataKey, fill: color, radius: [4, 4, 0, 0], maxBarSize: 22 })] }));
 }
 /**
  * Identity ranked by magnitude, as rows rather than a rotated bar chart:
@@ -229757,6 +229838,26 @@ const AGENTS_PAGE_SIZE = 20;
 const SEARCH_DEBOUNCE_MS$1 = 300;
 /** cmdk needs a non-empty value; the handler treats this one as "clear". */
 const ALL_AGENTS_VALUE = '__all_agents__';
+/**
+ * The scope an agent-search result stands for, or `null` when the result has
+ * no `unique_id` — that is what the analytics endpoints filter on, so a
+ * selection without one would silently report on everything.
+ *
+ * Shared with {@link AnalyticsLayout}, which runs the same search to fill in
+ * the `dbId` for a scope set by clicking an agent's name in a stats row.
+ */
+function toScopedMentor(agent) {
+    if (!agent.unique_id)
+        return null;
+    return {
+        uniqueId: agent.unique_id,
+        // Search returns the DB id as a number, but every consumer downstream
+        // types it as a string.
+        dbId: String(agent.id),
+        name: agent.name,
+        profileImage: agent.profile_image,
+    };
+}
 function useDebouncedValue$1(value, delay) {
     const [debounced, setDebounced] = useState(value);
     useEffect(() => {
@@ -229787,10 +229888,9 @@ function AnalyticsAgentPicker({ tenantKey, value, onChange, className, }) {
         limit: AGENTS_PAGE_SIZE,
         skip: !open,
     });
-    const results = useMemo(
-    // `unique_id` is what the analytics endpoints filter on. A result without
-    // one would produce a selection that silently reports on everything.
-    () => agents.filter((agent) => !!agent.unique_id), [agents]);
+    const results = useMemo(() => agents
+        .map((agent) => ({ agent, scope: toScopedMentor(agent) }))
+        .filter((entry) => Boolean(entry.scope)), [agents]);
     const handleSelect = (mentor) => {
         onChange(mentor);
         setOpen(false);
@@ -229806,19 +229906,15 @@ function AnalyticsAgentPicker({ tenantKey, value, onChange, className, }) {
                     variant: "ghost", role: "combobox", "aria-expanded": open, "aria-label": t('analyticsAnalyticsAgentPicker.analyticsScope'), className: cn(
                     // Capped so a long agent name ellipsizes instead of pushing the tab
                     // strip along; the label below is what actually truncates.
-                    'h-9 max-w-[220px] justify-between bg-transparent pl-2 font-normal', className), children: [jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [value ? (jsxs(Avatar, { className: "h-5 w-5 shrink-0", children: [jsx(AvatarImage, { src: value.profileImage, alt: "" }), jsx(AvatarFallback, { className: "text-[10px]", children: value.name.charAt(0).toUpperCase() })] })) : (jsx(Globe, { className: "h-4 w-4 shrink-0 opacity-70", "aria-hidden": "true" })), jsx("span", { className: "min-w-0 truncate", children: value ? value.name : t('analyticsAnalyticsAgentPicker.allAgents') })] }), jsx(ChevronDown, { className: "h-4 w-4 shrink-0 opacity-50", "aria-hidden": "true" })] }) }), jsx(PopoverContent, { "data-iblai-dialog-interaction-layer": true, className: "z-[60] w-[280px] p-0", align: "start", children: jsxs(Command, { shouldFilter: false, children: [jsx(CommandInput, { value: search, onValueChange: setSearch, placeholder: t('analyticsAnalyticsAgentPicker.searchAgents') }), jsxs(CommandList, { children: [jsx(CommandGroup, { children: jsxs(CommandItem, { value: ALL_AGENTS_VALUE, onSelect: () => handleSelect(null), children: [jsx(Check, { className: cn('mr-2 h-4 w-4', value ? 'opacity-0' : 'opacity-100') }), jsx(Globe, { className: "mr-2 h-4 w-4 opacity-70", "aria-hidden": "true" }), t('analyticsAnalyticsAgentPicker.allAgents')] }) }), results.length > 0 && (jsx(CommandGroup, { heading: t('analyticsAnalyticsAgentPicker.agents'), children: results.map((agent) => {
+                    'h-9 max-w-[220px] justify-between bg-transparent pl-2 font-normal', className), children: [jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [value ? (jsxs(Avatar, { className: "h-5 w-5 shrink-0", children: [jsx(AvatarImage, { src: value.profileImage, alt: "" }), jsx(AvatarFallback, { className: "text-[10px]", children: value.name.charAt(0).toUpperCase() })] })) : (jsx(Globe, { className: "h-4 w-4 shrink-0 opacity-70", "aria-hidden": "true" })), jsx("span", { className: "min-w-0 truncate", children: value ? value.name : t('analyticsAnalyticsAgentPicker.allAgents') })] }), jsx(ChevronDown, { className: "h-4 w-4 shrink-0 opacity-50", "aria-hidden": "true" })] }) }), jsx(PopoverContent, { "data-iblai-dialog-interaction-layer": true, className: "z-[60] w-[280px] p-0", align: "start", children: jsxs(Command, { shouldFilter: false, children: [jsx(CommandInput, { value: search, onValueChange: setSearch, placeholder: t('analyticsAnalyticsAgentPicker.searchAgents') }), jsxs(CommandList, { children: [jsx(CommandGroup, { children: jsxs(CommandItem, { value: ALL_AGENTS_VALUE, onSelect: () => handleSelect(null), children: [jsx(Check, { className: cn('mr-2 h-4 w-4', value ? 'opacity-0' : 'opacity-100') }), jsx(Globe, { className: "mr-2 h-4 w-4 opacity-70", "aria-hidden": "true" }), t('analyticsAnalyticsAgentPicker.allAgents')] }) }), results.length > 0 && (jsx(CommandGroup, { heading: t('analyticsAnalyticsAgentPicker.agents'), children: results.map(({ agent, scope }) => {
                                         var _a;
-                                        const uniqueId = agent.unique_id;
                                         return (jsxs(CommandItem, { 
+                                            // A long name wraps rather than ellipsizing, so the whole
+                                            // name is readable in a 280px popover; the check and
+                                            // avatar stay on its first line.
+                                            className: "items-start", 
                                             // cmdk keys items by value; the search itself is server-side.
-                                            value: uniqueId, onSelect: () => handleSelect({
-                                                uniqueId,
-                                                // Search returns the DB id as a number, but every
-                                                // consumer downstream types it as a string.
-                                                dbId: String(agent.id),
-                                                name: agent.name,
-                                                profileImage: agent.profile_image,
-                                            }), children: [jsx(Check, { className: cn('mr-2 h-4 w-4', (value === null || value === void 0 ? void 0 : value.uniqueId) === uniqueId ? 'opacity-100' : 'opacity-0') }), jsxs(Avatar, { className: "mr-2 h-5 w-5 shrink-0", children: [jsx(AvatarImage, { src: agent.profile_image, alt: "" }), jsx(AvatarFallback, { className: "text-[10px]", children: (_a = agent.name) === null || _a === void 0 ? void 0 : _a.charAt(0).toUpperCase() })] }), jsx("span", { className: "truncate", children: agent.name })] }, uniqueId));
+                                            value: scope.uniqueId, onSelect: () => handleSelect(scope), children: [jsx(Check, { className: cn('mt-0.5 mr-2 h-4 w-4', (value === null || value === void 0 ? void 0 : value.uniqueId) === scope.uniqueId ? 'opacity-100' : 'opacity-0') }), jsxs(Avatar, { className: "mr-2 h-5 w-5 shrink-0", children: [jsx(AvatarImage, { src: agent.profile_image, alt: "" }), jsx(AvatarFallback, { className: "text-[10px]", children: (_a = agent.name) === null || _a === void 0 ? void 0 : _a.charAt(0).toUpperCase() })] }), jsx("span", { className: "min-w-0 flex-1 break-words whitespace-normal", children: agent.name })] }, scope.uniqueId));
                                     }) })), isFetching && results.length === 0 && (jsx("div", { className: "px-3 py-4 text-center text-sm text-gray-500", children: t('analyticsAnalyticsAgentPicker.loading') })), !isFetching && results.length === 0 && (jsx("div", { className: "px-3 py-4 text-center text-sm text-gray-500", children: t('analyticsAnalyticsAgentPicker.noAgentsFound') }))] })] }) })] }));
 }
 
@@ -229937,6 +230033,12 @@ const defaultTabs = [
       value: 'monetization',
     },*/
 ];
+/**
+ * How many results the `dbId` lookup asks for. The query is the agent's own
+ * `unique_id`, so the match is normally first; a handful of rows covers a
+ * backend that treats the term as a loose text search.
+ */
+const SCOPE_LOOKUP_LIMIT = 5;
 const className = 'inline-flex h-7 shrink-0 items-center justify-center whitespace-nowrap rounded-[5px] px-2 sm:px-2.5 py-0 text-sm text-gray-500 ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-blue-600 data-[state=active]:font-semibold font-medium data-[state=active]:bg-[#f5f7fb] data-[state=active]:shadow-none cursor-pointer';
 function AnalyticsLayout({ children, currentPath, basePath, onTabChange, tabs = defaultTabs, activeTabClassName = '', beforeDataReports, excludeTabs = [], showPicker = false, tenantKey, scopedMentor, onScopedMentorChange, }) {
     var _a, _b;
@@ -229950,17 +230052,59 @@ function AnalyticsLayout({ children, currentPath, basePath, onTabChange, tabs =
     const [internalScopedMentor, setInternalScopedMentor] = useState(null);
     const isScopeControlled = onScopedMentorChange !== undefined;
     const activeScopedMentor = (_a = (isScopeControlled ? scopedMentor : internalScopedMentor)) !== null && _a !== void 0 ? _a : null;
-    const handleScopedMentorChange = useCallback((mentor) => {
+    const pickerTenantKey = (_b = tenantKey !== null && tenantKey !== void 0 ? tenantKey : currentTenant === null || currentTenant === void 0 ? void 0 : currentTenant.key) !== null && _b !== void 0 ? _b : '';
+    const publishScopedMentor = useCallback((mentor) => {
         if (isScopeControlled) {
             onScopedMentorChange === null || onScopedMentorChange === void 0 ? void 0 : onScopedMentorChange(mentor);
             return;
         }
         setInternalScopedMentor(mentor);
     }, [isScopeControlled, onScopedMentorChange]);
+    // A scope set by clicking an agent's name in a stats row carries the
+    // `unique_id` alone — those payloads hold nothing else. Reports filters by
+    // the database id, so publishing that straight through would leave the
+    // Reports tab listing every report while the picker names one agent, and
+    // would hand a controlling host a half-filled value to mirror. Resolve the
+    // missing id first, through the same search the picker itself runs.
+    const [pendingScopedMentor, setPendingScopedMentor] = useState(null);
+    const { agents: scopeLookupResults, isFetching: isLookingUpScope, isUninitialized: isScopeLookupIdle, } = useAgentSearch({
+        tenantKey: pickerTenantKey,
+        query: pendingScopedMentor === null || pendingScopedMentor === void 0 ? void 0 : pendingScopedMentor.uniqueId,
+        limit: SCOPE_LOOKUP_LIMIT,
+        skip: !pendingScopedMentor,
+    });
+    useEffect(() => {
+        if (!pendingScopedMentor || isLookingUpScope || isScopeLookupIdle)
+            return;
+        const match = scopeLookupResults.find((agent) => agent.unique_id === pendingScopedMentor.uniqueId);
+        // A lookup that comes back empty still scopes the page: every stats tab
+        // needs only the `unique_id`, and a click that did nothing at all would be
+        // worse than a Reports tab that stays unfiltered.
+        publishScopedMentor((match && toScopedMentor(match)) || pendingScopedMentor);
+        setPendingScopedMentor(null);
+    }, [
+        pendingScopedMentor,
+        isLookingUpScope,
+        isScopeLookupIdle,
+        scopeLookupResults,
+        publishScopedMentor,
+    ]);
+    const handleScopedMentorChange = useCallback((mentor) => {
+        if (mentor && !mentor.dbId) {
+            setPendingScopedMentor(mentor);
+            return;
+        }
+        setPendingScopedMentor(null);
+        publishScopedMentor(mentor);
+    }, [publishScopedMentor]);
     const scopeValue = useMemo(
     // Only a rendered picker may scope the page — otherwise a host that stops
-    // showing it would leave a stale agent filtering every chart.
-    () => ({ scopedMentor: showPicker ? activeScopedMentor : null }), [showPicker, activeScopedMentor]);
+    // showing it would leave a stale agent filtering every chart, and an agent
+    // name clicked in a table would re-scope with nothing on screen saying so.
+    () => ({
+        scopedMentor: showPicker ? activeScopedMentor : null,
+        setScopedMentor: showPicker ? handleScopedMentorChange : undefined,
+    }), [showPicker, activeScopedMentor, handleScopedMentorChange]);
     // Only a pure watcher narrows the tab strip — everyone else keeps whatever
     // the caller passed, custom tabs included.
     const isRestricted = isPureWatcher(rbacPermissions, currentTenant);
@@ -230035,7 +230179,7 @@ function AnalyticsLayout({ children, currentPath, basePath, onTabChange, tabs =
                                                         .map((tab) => {
                                                         const isActive = activeTab === tab.value;
                                                         return (jsx(TabsTrigger, { value: tab.value, className: cn(className, isActive && activeTabClassName), onClick: () => handleTabClick(tab.value), children: tab.label }, tab.value));
-                                                    }) }) }) }) }), jsx("div", { className: "flex w-full shrink-0 items-center justify-end gap-3 sm:w-auto", children: canAccessTab('reports') && (jsx(Tabs, { className: "bg-[#f5f7fb]", value: activeTab, children: jsx(TabsList, { className: "bg-[#f5f7fb]", children: jsx(TabsTrigger, { value: "reports", className: cn(className, activeTab === 'reports' && activeTabClassName), onClick: () => handleTabClick('reports'), children: "Data Reports" }) }) })) })] }), jsxs(AnalyticsControlBar, { className: "mb-4 sm:mb-4", children: [showPicker && (jsx(AnalyticsAgentPicker, { tenantKey: (_b = tenantKey !== null && tenantKey !== void 0 ? tenantKey : currentTenant === null || currentTenant === void 0 ? void 0 : currentTenant.key) !== null && _b !== void 0 ? _b : '', value: activeScopedMentor, onChange: handleScopedMentorChange })), beforeDataReports] })] }), jsx("div", { className: "flex-1 overflow-auto overscroll-contain scrollbar-none px-6 pb-6 pt-0", children: isActiveTabAllowed ? children : null })] }) }) }));
+                                                    }) }) }) }) }), jsx("div", { className: "flex w-full shrink-0 items-center justify-end gap-3 sm:w-auto", children: canAccessTab('reports') && (jsx(Tabs, { className: "bg-[#f5f7fb]", value: activeTab, children: jsx(TabsList, { className: "bg-[#f5f7fb]", children: jsx(TabsTrigger, { value: "reports", className: cn(className, activeTab === 'reports' && activeTabClassName), onClick: () => handleTabClick('reports'), children: "Data Reports" }) }) })) })] }), jsxs(AnalyticsControlBar, { className: "mb-4 sm:mb-4", children: [showPicker && (jsx(AnalyticsAgentPicker, { tenantKey: pickerTenantKey, value: activeScopedMentor, onChange: handleScopedMentorChange })), beforeDataReports] })] }), jsx("div", { className: "flex-1 overflow-auto overscroll-contain scrollbar-none px-6 pb-6 pt-0", children: isActiveTabAllowed ? children : null })] }) }) }));
 }
 
 const accessTimeData = [
@@ -230254,7 +230398,7 @@ const formatRelativeTime$1 = (dateString, t) => {
         return t('analyticsAnalyticsUsersStats.daysAgo', { count: diffInDays });
     return date.toLocaleDateString();
 };
-function AnalyticsUsersStats({ tenantKey, mentorId, selectedMentorId, usergroupIds, }) {
+function AnalyticsUsersStats({ tenantKey, currentSPA, mentorId, selectedMentorId, usergroupIds, }) {
     var _a, _b, _c, _d, _e, _f, _g;
     const t = useT();
     const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
@@ -230262,7 +230406,7 @@ function AnalyticsUsersStats({ tenantKey, mentorId, selectedMentorId, usergroupI
     return (jsxs("div", { className: "space-y-8", children: [jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-6", children: [jsx(StatCard, { title: t('analyticsAnalyticsUsersStats.usersLoggedInNow'), value: (currentlyActiveUsers === null || currentlyActiveUsers === void 0 ? void 0 : currentlyActiveUsers.count) || 0, loading: isLoadingCurrentlyActiveUsers, description: t('analyticsAnalyticsUsersStats.usersLoggedInNowDescription') }), jsx(StatCard, { title: t('analyticsAnalyticsUsersStats.usersLoggedInPast30Days'), value: (activeUsers30D === null || activeUsers30D === void 0 ? void 0 : activeUsers30D.count) || 0, loading: isLoadingActiveUsers30D, description: t('analyticsAnalyticsUsersStats.usersLoggedInPast30DaysDescription') }), jsx(StatCard, { title: t('analyticsAnalyticsUsersStats.totalRegisteredUsers'), value: (registeredUsers === null || registeredUsers === void 0 ? void 0 : registeredUsers.count) || 0, loading: isLoadingRegisteredUsers, description: t('analyticsAnalyticsUsersStats.totalRegisteredUsersDescription') })] }), jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-5", children: [jsx(ChartCardWrapper, { title: t('analyticsAnalyticsUsersStats.activeUsersTitle'), label: t('analyticsAnalyticsUsersStats.activeUsersLabel'), filters: activeUsersStatsDateFilter, setOutsideFilters: setActiveUsersStatsDateFilter, description: t('analyticsAnalyticsUsersStats.activeUsersChartDescription'), children: isLoadingActiveUsers ? (jsx(ChartLoading, {})) : ((_a = activeUsers === null || activeUsers === void 0 ? void 0 : activeUsers.points) === null || _a === void 0 ? void 0 : _a.length) && ((_b = activeUsers === null || activeUsers === void 0 ? void 0 : activeUsers.points) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (jsx(AnalyticsBarChart, { data: (_c = activeUsers === null || activeUsers === void 0 ? void 0 : activeUsers.points) === null || _c === void 0 ? void 0 : _c.map((point) => ({
                                 date: formatDateToShortFormat$2(point.date, activeUsersStatsDateFilter.activeFilter === 'today'),
                                 value: point.value,
-                            })), tooltipLabel: t('analyticsAnalyticsUsersStats.activeUsersLabel'), tooltipAriaLabel: (label) => t('analyticsAnalyticsUsersStats.activeUsersAriaLabel', { label }) })) : (jsx(EmptyStats, {})) }), jsx(ChartCardWrapper, { title: t('analyticsAnalyticsUsersStats.accessTimesTitle'), label: t('analyticsAnalyticsUsersStats.accessTimesLabel'), filters: accessTimeHeatmapDateFilter, setOutsideFilters: setAccessTimeHeatmapDateFilter, description: t('analyticsAnalyticsUsersStats.accessTimesDescription'), children: jsx(AccessTimeHeatmap, { loading: isLoadingAccessTimeHeatmap, accessTimeData: accessTimeHeatmap }) })] }), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(ChartCardWrapper, { title: t('analyticsAnalyticsUsersStats.userDetailsTitle'), label: t('analyticsAnalyticsUsersStats.userDetailsLabel'), filters: userDetailsStatsDateFilter, setOutsideFilters: setUserDetailsStatsDateFilter, overflowAuto: true, height: "450px", description: t('analyticsAnalyticsUsersStats.userDetailsDescription'), children: jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { id: "search-user", type: "text", placeholder: t('analyticsAnalyticsUsersStats.searchPlaceholder'), value: userDetailsStatsSearch, onChange: handleSearchInputChange, required: true, className: `pl-9 border-gray-300 focus:bg-transparent focus:color-transparent h-11` })] }), jsx("div", { className: "rounded-md", style: { borderColor: 'oklch(.922 0 0)', borderWidth: '1px' }, children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "h-[48px]", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableHead, { className: "w-[250px]", children: t('analyticsAnalyticsUsersStats.tableHeaderUserEmail') }), jsx(TableHead, { className: "w-[200px]", children: t('analyticsAnalyticsUsersStats.tableHeaderUsername') }), jsx(TableHead, { children: t('analyticsAnalyticsUsersStats.tableHeaderMessages') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsUsersStats.tableHeaderLastActive') })] }) }), jsx(TableBody, { children: (_d = userDetailsStats === null || userDetailsStats === void 0 ? void 0 : userDetailsStats.results) === null || _d === void 0 ? void 0 : _d.map((user, index) => (jsxs(TableRow, { className: cn(index % 2 === 0 ? 'bg-gray-50' : '', 'h-[48px]'), style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableCell, { className: "font-medium", children: jsx("div", { className: "flex items-center", children: user.email || t('analyticsAnalyticsUsersStats.anonymous') }) }), jsx(TableCell, { children: user.full_name || '' }), jsx(TableCell, { children: user.messages }), jsx(TableCell, { className: "text-right", children: user.last_activity ? formatRelativeTime$1(user.last_activity, t) : '-' })] }, index))) })] }) }), isLoadingUserDetailsStats && (jsx("div", { className: "flex items-center justify-center py-4", children: jsx("div", { className: "text-sm text-gray-500", children: t('analyticsAnalyticsUsersStats.loading') }) })), !isLoadingUserDetailsStats &&
+                            })), tooltipLabel: t('analyticsAnalyticsUsersStats.activeUsersLabel'), tooltipAriaLabel: (label) => t('analyticsAnalyticsUsersStats.activeUsersAriaLabel', { label }) })) : (jsx(EmptyStats, {})) }), jsx(ChartCardWrapper, { title: t('analyticsAnalyticsUsersStats.accessTimesTitle'), label: t('analyticsAnalyticsUsersStats.accessTimesLabel'), filters: accessTimeHeatmapDateFilter, setOutsideFilters: setAccessTimeHeatmapDateFilter, description: t('analyticsAnalyticsUsersStats.accessTimesDescription'), children: jsx(AccessTimeHeatmap, { loading: isLoadingAccessTimeHeatmap, accessTimeData: accessTimeHeatmap }) })] }), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(ChartCardWrapper, { title: t('analyticsAnalyticsUsersStats.userDetailsTitle'), label: t('analyticsAnalyticsUsersStats.userDetailsLabel'), filters: userDetailsStatsDateFilter, setOutsideFilters: setUserDetailsStatsDateFilter, overflowAuto: true, height: "450px", description: t('analyticsAnalyticsUsersStats.userDetailsDescription'), children: jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { id: "search-user", type: "text", placeholder: t('analyticsAnalyticsUsersStats.searchPlaceholder'), value: userDetailsStatsSearch, onChange: handleSearchInputChange, required: true, className: `pl-9 border-gray-300 focus:bg-transparent focus:color-transparent h-11` })] }), jsx("div", { className: "rounded-md", style: { borderColor: 'oklch(.922 0 0)', borderWidth: '1px' }, children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "h-[48px]", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableHead, { className: "w-[250px]", children: t('analyticsAnalyticsUsersStats.tableHeaderUserEmail') }), jsx(TableHead, { className: "w-[200px]", children: t('analyticsAnalyticsUsersStats.tableHeaderUsername') }), jsx(TableHead, { children: t('analyticsAnalyticsUsersStats.tableHeaderMessages') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsUsersStats.tableHeaderLastActive') })] }) }), jsx(TableBody, { children: (_d = userDetailsStats === null || userDetailsStats === void 0 ? void 0 : userDetailsStats.results) === null || _d === void 0 ? void 0 : _d.map((user, index) => (jsxs(TableRow, { className: cn(index % 2 === 0 ? 'bg-gray-50' : '', 'h-[48px]'), style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableCell, { className: "font-medium", children: jsx("div", { className: "flex items-center", children: user.email ? (jsx(UserProfileLink, { currentSPA: currentSPA, tenantKey: tenantKey, username: user.username, display: user.email })) : (t('analyticsAnalyticsUsersStats.anonymous')) }) }), jsx(TableCell, { children: user.full_name ? (jsx(UserProfileLink, { currentSPA: currentSPA, tenantKey: tenantKey, username: user.username, display: user.full_name })) : null }), jsx(TableCell, { children: user.messages }), jsx(TableCell, { className: "text-right", children: user.last_activity ? formatRelativeTime$1(user.last_activity, t) : '-' })] }, index))) })] }) }), isLoadingUserDetailsStats && (jsx("div", { className: "flex items-center justify-center py-4", children: jsx("div", { className: "text-sm text-gray-500", children: t('analyticsAnalyticsUsersStats.loading') }) })), !isLoadingUserDetailsStats &&
                                 (!((_e = userDetailsStats === null || userDetailsStats === void 0 ? void 0 : userDetailsStats.results) === null || _e === void 0 ? void 0 : _e.length) || ((_f = userDetailsStats === null || userDetailsStats === void 0 ? void 0 : userDetailsStats.results) === null || _f === void 0 ? void 0 : _f.length) === 0) && (jsx(EmptyStats, {})), (userDetailsStats === null || userDetailsStats === void 0 ? void 0 : userDetailsStats.pagination) && ((_g = userDetailsStats === null || userDetailsStats === void 0 ? void 0 : userDetailsStats.results) === null || _g === void 0 ? void 0 : _g.length) > 0 && (jsxs("div", { className: "flex items-center justify-center space-x-2 py-4", children: [jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setUserDetailsStatsPage(1), disabled: !userDetailsStats.pagination.has_previous, children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsUsersStats.goToFirstPage') }), jsx(ChevronsLeft, { className: "h-4 w-4" })] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setUserDetailsStatsPage(userDetailsStats.pagination.page - 1), disabled: !userDetailsStats.pagination.has_previous, children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsUsersStats.goToPreviousPage') }), jsx(ChevronLeft, { className: "h-4 w-4" })] }), Array.from({ length: userDetailsStats.pagination.total_pages }, (_, i) => i + 1)
                                         .filter((page) => {
                                         const current = userDetailsStats.pagination.page;
@@ -230744,6 +230888,15 @@ const SELF_VALUE = '__self__';
  * whose memories would then come back 403.
  */
 const MEMORY_LIST_ACTION = 'Ibl.Mentor/Memory/list';
+/** Most recognizable label first: full name, then email, then username. */
+const primaryLabel = (user) => { var _a, _b; return ((_a = user.name) === null || _a === void 0 ? void 0 : _a.trim()) || ((_b = user.email) === null || _b === void 0 ? void 0 : _b.trim()) || user.username; };
+/** The next identifier down, so two users sharing a name stay distinguishable. */
+const secondaryLabel = (user) => {
+    var _a, _b, _c;
+    if ((_a = user.name) === null || _a === void 0 ? void 0 : _a.trim())
+        return ((_b = user.email) === null || _b === void 0 ? void 0 : _b.trim()) || user.username;
+    return ((_c = user.email) === null || _c === void 0 ? void 0 : _c.trim()) ? user.username : '';
+};
 function useDebouncedValue(value, delay) {
     const [debounced, setDebounced] = useState(value);
     useEffect(() => {
@@ -230769,13 +230922,16 @@ function UserFilterSelect({ tenantKey, currentUsername, value, onChange, showSel
     const t = useT();
     const [open, setOpen] = useState(false);
     const [search, setSearch] = useState('');
+    // The filter value is only a username, so the picked row is kept to label
+    // the trigger with its name or email.
+    const [selectedUser, setSelectedUser] = useState(null);
     const debouncedSearch = useDebouncedValue(search, SEARCH_DEBOUNCE_MS);
     const { currentTenant } = useCurrentTenant();
     const rbacPermissions = useSelector(selectRbacPermissions);
     const isWatcher = isPureWatcher(rbacPermissions, currentTenant);
-    // Only fetched once the dropdown is open — the trigger shows the selected
-    // username, which is the filter value itself, so nothing needs looking up
-    // first.
+    // Only fetched once the dropdown is open — the trigger labels the selection
+    // from the row that was picked, falling back to the username value itself,
+    // so nothing needs looking up first.
     const { data, isFetching: isFetchingPlatformUsers } = usePlatformUsersQuery({
         platform_key: tenantKey,
         platform_org: tenantKey,
@@ -230832,16 +230988,22 @@ function UserFilterSelect({ tenantKey, currentUsername, value, onChange, showSel
         // them at the top of the list.
         (user) => !!user.username && !(showSelfOption && user.username === currentUsername));
     }, [isWatcher, accessibleUsers, data, currentUsername, showSelfOption]);
-    const handleSelect = (username) => {
-        onChange(username);
+    const handleSelect = (user) => {
+        var _a;
+        setSelectedUser(user);
+        onChange((_a = user === null || user === void 0 ? void 0 : user.username) !== null && _a !== void 0 ? _a : '');
         setOpen(false);
     };
-    return (jsxs(Popover, { open: open, onOpenChange: setOpen, children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", role: "combobox", "aria-expanded": open, "aria-label": t('analyticsUserFilterSelect.filterByUser'), className: cn('h-9 w-full justify-between bg-white font-normal', className), children: [jsx("span", { className: "truncate", children: value ||
+    // A value set from outside (e.g. the Cost table's "View traces" hand-off)
+    // has no picked row; it resolves once the list holds it, else stays a username.
+    const selectedLabelUser = (selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.username) === value ? selectedUser : users.find((user) => user.username === value);
+    const triggerLabel = value ? (selectedLabelUser ? primaryLabel(selectedLabelUser) : value) : '';
+    return (jsxs(Popover, { open: open, onOpenChange: setOpen, children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", role: "combobox", "aria-expanded": open, "aria-label": t('analyticsUserFilterSelect.filterByUser'), className: cn('h-9 w-full justify-between bg-white font-normal', className), children: [jsx("span", { className: "truncate", children: triggerLabel ||
                                 t(showSelfOption
                                     ? 'analyticsUserFilterSelect.you'
-                                    : 'analyticsUserFilterSelect.allUsers') }), jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), jsx(PopoverContent, { "data-iblai-dialog-interaction-layer": true, className: "z-[60] w-[280px] p-0", align: "start", children: jsxs(Command, { shouldFilter: false, children: [jsx(CommandInput, { value: search, onValueChange: setSearch, placeholder: t('analyticsUserFilterSelect.searchPlaceholder') }), jsxs(CommandList, { children: [jsxs(CommandGroup, { children: [showSelfOption && (jsxs(CommandItem, { value: SELF_VALUE, onSelect: () => handleSelect(''), children: [jsx(Check, { className: cn('mr-2 h-4 w-4', value ? 'opacity-0' : 'opacity-100') }), t('analyticsUserFilterSelect.you')] })), users.map((user) => (jsxs(CommandItem, { 
+                                    : 'analyticsUserFilterSelect.allUsers') }), jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), jsx(PopoverContent, { "data-iblai-dialog-interaction-layer": true, className: "z-[60] w-[280px] p-0", align: "start", children: jsxs(Command, { shouldFilter: false, children: [jsx(CommandInput, { value: search, onValueChange: setSearch, placeholder: t('analyticsUserFilterSelect.searchPlaceholder') }), jsxs(CommandList, { children: [jsxs(CommandGroup, { children: [showSelfOption && (jsxs(CommandItem, { value: SELF_VALUE, onSelect: () => handleSelect(null), children: [jsx(Check, { className: cn('mr-2 h-4 w-4', value ? 'opacity-0' : 'opacity-100') }), t('analyticsUserFilterSelect.you')] })), users.map((user) => (jsxs(CommandItem, { 
                                             // cmdk keys items by value; the search itself is server-side.
-                                            value: user.username, onSelect: () => handleSelect(user.username), children: [jsx(Check, { className: cn('mr-2 h-4 w-4', value === user.username ? 'opacity-100' : 'opacity-0') }), jsxs("div", { className: "flex min-w-0 flex-col", children: [jsx("span", { className: "truncate font-medium", children: user.name || user.username }), jsx("span", { className: "truncate text-xs text-gray-500", children: user.email || user.username })] })] }, user.key)))] }), isFetching && (jsx("div", { className: "px-3 py-4 text-center text-sm text-gray-500", children: t('analyticsUserFilterSelect.loadingUsers') })), !isFetching && users.length === 0 && (jsx("div", { className: "px-3 py-4 text-center text-sm text-gray-500", children: t('analyticsUserFilterSelect.noUsersFound') }))] })] }) })] }));
+                                            value: user.username, onSelect: () => handleSelect(user), children: [jsx(Check, { className: cn('mr-2 h-4 w-4', value === user.username ? 'opacity-100' : 'opacity-0') }), jsxs("div", { className: "flex min-w-0 flex-col", children: [jsx("span", { className: "truncate font-medium", children: primaryLabel(user) }), secondaryLabel(user) && (jsx("span", { className: "truncate text-xs text-gray-500", children: secondaryLabel(user) }))] })] }, user.key)))] }), isFetching && (jsx("div", { className: "px-3 py-4 text-center text-sm text-gray-500", children: t('analyticsUserFilterSelect.loadingUsers') })), !isFetching && users.length === 0 && (jsx("div", { className: "px-3 py-4 text-center text-sm text-gray-500", children: t('analyticsUserFilterSelect.noUsersFound') }))] })] }) })] }));
 }
 
 const CELL$1 = 'p-3 text-[#646464]';
@@ -230887,7 +231049,7 @@ function ObservationRow({ observation, traceStart, traceDuration, }) {
                         background: colorForSeries(observation.name || observation.type || ''),
                     } }) }), jsx("div", { className: "w-[52px] shrink-0 text-right text-xs text-[#646464] tabular-nums", children: seconds !== undefined ? `${seconds.toFixed(2)}s` : '—' }), jsx("div", { className: "w-[58px] shrink-0 text-right text-xs text-[#646464] tabular-nums", children: tokens !== undefined ? tokens.toLocaleString() : '—' }), jsx("div", { className: "w-[64px] shrink-0 text-right text-xs font-semibold text-[#484848] tabular-nums", children: formatCost(cost) })] }));
 }
-function TraceDetail({ trace, observations, isLoadingObservations, onClose, onOpenTranscript, }) {
+function TraceDetail({ tenantKey, currentSPA, trace, observations, isLoadingObservations, onClose, onOpenTranscript, }) {
     var _a;
     const t = useT();
     const { traceStart, traceDuration } = useMemo(() => {
@@ -230903,7 +231065,12 @@ function TraceDetail({ trace, observations, isLoadingObservations, onClose, onOp
     }, [observations]);
     const totalCost = (_a = trace.totalCost) !== null && _a !== void 0 ? _a : observations.reduce((sum, o) => { var _a, _b; return sum + ((_b = (_a = o.calculatedTotalCost) !== null && _a !== void 0 ? _a : o.totalCost) !== null && _b !== void 0 ? _b : 0); }, 0);
     const meta = [
-        [t('analyticsTraces.detailUser'), trace.userId || '—'],
+        [
+            t('analyticsTraces.detailUser'),
+            trace.userId ? (
+            // Langfuse's userId is the platform username the traces filter sends.
+            jsx(UserProfileLink, { currentSPA: currentSPA, tenantKey: tenantKey, username: trace.userId, display: trace.userId })) : ('—'),
+        ],
         [t('analyticsTraces.detailSession'), trace.sessionId || '—'],
         [t('analyticsTraces.detailEnvironment'), trace.environment || '—'],
         [t('analyticsTraces.detailStarted'), formatTime(trace.timestamp)],
@@ -230915,7 +231082,7 @@ function TraceDetail({ trace, observations, isLoadingObservations, onClose, onOp
  * observations as a waterfall. Ranked totals stay on the Spend sub-tab; this
  * surface answers "what actually happened on that call".
  */
-function AnalyticsTraces({ tenantKey, mentorId, filters, onOpenTranscript, initialUsername, }) {
+function AnalyticsTraces({ tenantKey, currentSPA, mentorId, filters, onOpenTranscript, initialUsername, }) {
     var _a;
     const t = useT();
     const { traces, meta, isLoadingTraces, isTracesUnavailable, isForbidden, page, setPage, username, traceName, setFilter, selectedTraceId, setSelectedTraceId, selectedTrace, observations, isLoadingObservations, } = useLlmTraces({
@@ -230939,7 +231106,7 @@ function AnalyticsTraces({ tenantKey, mentorId, filters, onOpenTranscript, initi
                                             count: meta.totalItems.toLocaleString(),
                                         }) }))] }), isLoadingTraces ? (jsx("div", { className: "flex w-full items-center justify-center py-10", children: jsx("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-blue-600 border-t-transparent" }) })) : traces.length === 0 ? (jsx("div", { className: "h-[120px]", children: jsx(EmptyStats, { title: t('analyticsTraces.noTraces') }) })) : (jsx("div", { className: "overflow-x-auto", children: jsxs(Table, { className: "min-w-full", children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "bg-muted/50 border-b border-[oklch(0.922_0_0)]", children: [jsx(TableHead, { className: HEAD$1, children: t('analyticsTraces.colStarted') }), jsx(TableHead, { className: HEAD$1, children: t('analyticsTraces.colService') }), jsx(TableHead, { className: HEAD$1, children: t('analyticsTraces.colUser') }), jsx(TableHead, { className: cn(HEAD$1, 'text-right'), children: t('analyticsTraces.colLatency') }), jsx(TableHead, { className: cn(HEAD$1, 'text-right'), children: t('analyticsTraces.colCost') }), jsx(TableHead, { className: "w-[36px] p-3" })] }) }), jsx(TableBody, { children: traces.map((trace) => {
                                                 const selected = trace.id === selectedTraceId;
-                                                return (jsxs(TableRow, { "aria-selected": selected, className: cn('cursor-pointer border-b border-[oklch(0.922_0_0)] last:border-0', selected ? 'bg-blue-50' : 'hover:bg-gray-50'), onClick: () => setSelectedTraceId(selected ? '' : trace.id), children: [jsx(TableCell, { className: cn(CELL$1, 'whitespace-nowrap tabular-nums'), children: formatTime(trace.timestamp) }), jsx(TableCell, { className: CELL$1, children: jsx(ServiceTag, { name: trace.name || '—' }) }), jsx(TableCell, { className: cn(CELL$1, 'max-w-[180px] truncate', selected && 'font-medium text-[#484848]'), children: trace.userId || t('analyticsTraces.anonymous') }), jsx(TableCell, { className: cn(CELL$1, 'text-right tabular-nums'), children: trace.latency !== undefined
+                                                return (jsxs(TableRow, { "aria-selected": selected, className: cn('cursor-pointer border-b border-[oklch(0.922_0_0)] last:border-0', selected ? 'bg-blue-50' : 'hover:bg-gray-50'), onClick: () => setSelectedTraceId(selected ? '' : trace.id), children: [jsx(TableCell, { className: cn(CELL$1, 'whitespace-nowrap tabular-nums'), children: formatTime(trace.timestamp) }), jsx(TableCell, { className: CELL$1, children: jsx(ServiceTag, { name: trace.name || '—' }) }), jsx(TableCell, { className: cn(CELL$1, 'max-w-[180px] truncate', selected && 'font-medium text-[#484848]'), children: trace.userId ? (jsx(UserProfileLink, { currentSPA: currentSPA, tenantKey: tenantKey, username: trace.userId, display: trace.userId })) : (t('analyticsTraces.anonymous')) }), jsx(TableCell, { className: cn(CELL$1, 'text-right tabular-nums'), children: trace.latency !== undefined
                                                                 ? `${Number(trace.latency).toFixed(2)}s`
                                                                 : '—' }), jsx(TableCell, { className: cn(CELL$1, 'text-right font-semibold text-[#484848] tabular-nums'), children: formatCost(trace.totalCost) }), jsx(TableCell, { className: "p-3 text-right text-gray-400", children: jsx(ChevronRight, { className: "h-4 w-4", "aria-hidden": "true" }) })] }, trace.id));
                                             }) })] }) })), totalPages > 1 && (jsxs("div", { className: "flex items-center justify-between border-t border-[oklch(0.922_0_0)] px-4 py-3", children: [jsx("span", { className: "text-[13px] text-[#898989] tabular-nums", children: t('analyticsTraces.pageOf', { page, totalPages }) }), jsxs("div", { className: "flex items-center gap-1.5", children: [jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-0", disabled: page <= 1, "aria-label": t('analyticsTraces.previousPage'), onClick: () => {
@@ -230948,13 +231115,27 @@ function AnalyticsTraces({ tenantKey, mentorId, filters, onOpenTranscript, initi
                                                 }, children: jsx(ChevronLeft, { className: "h-4 w-4", "aria-hidden": "true" }) }), jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-0", disabled: page >= totalPages, "aria-label": t('analyticsTraces.nextPage'), onClick: () => {
                                                     setSelectedTraceId('');
                                                     setPage(page + 1);
-                                                }, children: jsx(ChevronRight, { className: "h-4 w-4", "aria-hidden": "true" }) })] })] }))] }), selectedTraceId && selectedTrace && (jsx(TraceDetail, { trace: selectedTrace, observations: observations, isLoadingObservations: isLoadingObservations, onClose: () => setSelectedTraceId(''), onOpenTranscript: onOpenTranscript }))] }), mentorId && (jsx(AnalyticsNotice, { tone: "gray", title: t('analyticsTraces.mentorScopeTitle'), children: t('analyticsTraces.mentorScopeBody') }))] }));
+                                                }, children: jsx(ChevronRight, { className: "h-4 w-4", "aria-hidden": "true" }) })] })] }))] }), selectedTraceId && selectedTrace && (jsx(TraceDetail, { tenantKey: tenantKey, currentSPA: currentSPA, trace: selectedTrace, observations: observations, isLoadingObservations: isLoadingObservations, onClose: () => setSelectedTraceId(''), onOpenTranscript: onOpenTranscript }))] }), mentorId && (jsx(AnalyticsNotice, { tone: "gray", title: t('analyticsTraces.mentorScopeTitle'), children: t('analyticsTraces.mentorScopeBody') }))] }));
 }
 
 /** An unreachable cost store must never render as $0.00 — it renders as this. */
 const COST_UNAVAILABLE = '\u2014';
 const hasCostValue = (value, isError) => !isError && value !== undefined && value !== null;
 const costValue = (value, isError) => hasCostValue(value, isError) ? Number(value).toFixed(2) : COST_UNAVAILABLE;
+/**
+ * A dollar amount as a y-axis tick. Ticks land on round numbers, so trailing
+ * zeros only widen the labels ("$12.000" overflowed the axis) — but a tenant
+ * whose whole range sits below a hundredth of a cent would get a column of
+ * identical "$0"s at fixed precision, so amounts under that keep two
+ * significant digits instead.
+ */
+const costTick = (value) => {
+    if (value === 0)
+        return '0';
+    if (Math.abs(value) >= 0.0001)
+        return String(parseFloat(value.toFixed(4)));
+    return String(Number(value.toPrecision(2)));
+};
 /**
  * The spend side of the unified cost surface: billing totals, ranked per-user
  * history, provider and model breakdowns — all from the ClickHouse
@@ -230962,7 +231143,7 @@ const costValue = (value, isError) => hasCostValue(value, isError) ? Number(valu
  * family is deprecated), with the daily spend series from Langfuse, the only
  * backend with a bucketed cost series.
  */
-function SpendTab({ tenantKey, mentorId: currentMentorId, userId, onOpenUserTraces, }) {
+function SpendTab({ tenantKey, currentSPA, mentorId: currentMentorId, userId, onOpenUserTraces, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
     const t = useT();
     const { weeklyCostData, isLoadingWeeklyCostData, isErrorWeeklyCostData, monthlyCostData, isLoadingMonthlyCostData, isErrorMonthlyCostData, totalCostData, isLoadingTotalCostData, isErrorTotalCostData, detailedCostPerDayData, isLoadingDetailedCostPerDayData, detailedCostPerDayFilters, setDetailedCostPerDayFilters, detailedCostPerProviderData, isLoadingDetailedCostPerProviderData, detailedCostPerProviderFilters, setDetailedCostPerProviderFilters, detailedCostPerUserData, isLoadingDetailedCostPerUserData, detailedCostPerUserFilters, setDetailedCostPerUserFilters, costPerUserPage, setCostPerUserPage, costPerUserLimit, providerColors, detailedLLMCostData, isLoadingDetailedLLMCostData, detailedLLMCostFilters, setDetailedLLMCostFilters, } = useFinancial({ tenantKey, mentorId: currentMentorId, userId });
@@ -231034,7 +231215,7 @@ function SpendTab({ tenantKey, mentorId: currentMentorId, userId, onOpenUserTrac
                         ((_e = detailedCostPerDayData === null || detailedCostPerDayData === void 0 ? void 0 : detailedCostPerDayData.overtime) === null || _e === void 0 ? void 0 : _e.length) > 0 ? (jsx(AnalyticsBarChart, { data: detailedCostPerDayData.overtime.map((item) => ({
                             date: formatDateToShortFormat$2(item.date, detailedCostPerDayFilters.activeFilter === 'today'),
                             value: item.value,
-                        })), tooltipLabel: t('analyticsAnalyticsFinancialStats.costPerDayLabel'), tooltipValue: (point) => `$${(Number(point.value) || 0).toFixed(3)}`, tooltipAriaLabel: (label) => t('analyticsAnalyticsFinancialStats.costDetailsAriaLabel', { label }), yTickFormatter: (value) => `$${value.toFixed(3)}`, allowDecimals: true })) : (jsx(EmptyStats, {})) }) }), jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-5", children: [jsx(ChartCardWrapper, { title: t('analyticsAnalyticsFinancialStats.costByProviderTitle'), source: "clickhouse", label: t('analyticsAnalyticsFinancialStats.costByProviderLabel'), filters: detailedCostPerProviderFilters, setOutsideFilters: setDetailedCostPerProviderFilters, description: t('analyticsAnalyticsFinancialStats.costByProviderDescription'), children: isLoadingDetailedCostPerProviderData ? (jsx(ChartLoading, {})) : ((_f = detailedCostPerProviderData === null || detailedCostPerProviderData === void 0 ? void 0 : detailedCostPerProviderData.rows) === null || _f === void 0 ? void 0 : _f.length) &&
+                        })), tooltipLabel: t('analyticsAnalyticsFinancialStats.costPerDayLabel'), tooltipValue: (point) => `$${(Number(point.value) || 0).toFixed(3)}`, tooltipAriaLabel: (label) => t('analyticsAnalyticsFinancialStats.costDetailsAriaLabel', { label }), yTickFormatter: (value) => `$${costTick(value)}`, yAxisWidth: 60, allowDecimals: true })) : (jsx(EmptyStats, {})) }) }), jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-5", children: [jsx(ChartCardWrapper, { title: t('analyticsAnalyticsFinancialStats.costByProviderTitle'), source: "clickhouse", label: t('analyticsAnalyticsFinancialStats.costByProviderLabel'), filters: detailedCostPerProviderFilters, setOutsideFilters: setDetailedCostPerProviderFilters, description: t('analyticsAnalyticsFinancialStats.costByProviderDescription'), children: isLoadingDetailedCostPerProviderData ? (jsx(ChartLoading, {})) : ((_f = detailedCostPerProviderData === null || detailedCostPerProviderData === void 0 ? void 0 : detailedCostPerProviderData.rows) === null || _f === void 0 ? void 0 : _f.length) &&
                             ((_g = detailedCostPerProviderData === null || detailedCostPerProviderData === void 0 ? void 0 : detailedCostPerProviderData.rows) === null || _g === void 0 ? void 0 : _g.length) > 0 ? (jsxs(PieChart, { children: [jsx(Pie, { data: (_h = detailedCostPerProviderData === null || detailedCostPerProviderData === void 0 ? void 0 : detailedCostPerProviderData.rows) === null || _h === void 0 ? void 0 : _h.map((item) => ({
                                         name: item.provider,
                                         value: item.total_cost,
@@ -231048,7 +231229,7 @@ function SpendTab({ tenantKey, mentorId: currentMentorId, userId, onOpenUserTrac
                                         const data = (_a = payload[0]) === null || _a === void 0 ? void 0 : _a.payload;
                                         return (jsxs("div", { className: "bg-background border border-border rounded-md p-3 shadow-lg z-[99999999]", style: { borderColor: 'oklch(.922 0 0)' }, role: "tooltip", "aria-label": t('analyticsAnalyticsFinancialStats.providerCostDetailsAriaLabel', {
                                                 label,
-                                            }), tabIndex: -1, children: [jsx("div", { className: "font-medium text-foreground mb-2 text-base", children: label }), jsx("div", { className: "space-y-2 text-sm", children: jsxs("div", { className: "flex justify-between items-center", children: [jsxs("span", { className: "text-muted-foreground", children: [data === null || data === void 0 ? void 0 : data.name, ":"] }), jsxs("span", { className: "font-medium text-foreground", children: ["$", (_b = data === null || data === void 0 ? void 0 : data.value) === null || _b === void 0 ? void 0 : _b.toFixed(2)] })] }) })] }));
+                                            }), tabIndex: -1, children: [jsx("div", { className: "font-medium text-foreground mb-2 text-base", children: label }), jsx("div", { className: "space-y-2 text-sm", children: jsxs("div", { className: "flex justify-between items-center", children: [jsxs("span", { className: "text-muted-foreground", children: [data === null || data === void 0 ? void 0 : data.name, ": "] }), jsxs("span", { className: "font-medium text-foreground", children: ["$", (_b = data === null || data === void 0 ? void 0 : data.value) === null || _b === void 0 ? void 0 : _b.toFixed(2)] })] }) })] }));
                                     }, wrapperStyle: { outline: 'none' } })] })) : (jsx(EmptyStats, {})) }), jsx(ChartCardWrapper, { title: t('analyticsAnalyticsFinancialStats.costByLLMTitle'), source: "clickhouse", label: t('analyticsAnalyticsFinancialStats.costByLLMLabel'), filters: detailedLLMCostFilters, setOutsideFilters: setDetailedLLMCostFilters, description: t('analyticsAnalyticsFinancialStats.costByLLMDescription'), overflowAuto: true, children: isLoadingDetailedLLMCostData ? (jsx(ChartLoading, {})) : ((_k = detailedLLMCostData === null || detailedLLMCostData === void 0 ? void 0 : detailedLLMCostData.rows) === null || _k === void 0 ? void 0 : _k.length) && ((_l = detailedLLMCostData === null || detailedLLMCostData === void 0 ? void 0 : detailedLLMCostData.rows) === null || _l === void 0 ? void 0 : _l.length) > 0 ? (jsx(RankedBars, { items: [...((_m = detailedLLMCostData === null || detailedLLMCostData === void 0 ? void 0 : detailedLLMCostData.rows) !== null && _m !== void 0 ? _m : [])]
                                 .sort((a, b) => Number(b.total_cost) - Number(a.total_cost))
                                 .map((item, index) => ({
@@ -231059,9 +231240,7 @@ function SpendTab({ tenantKey, mentorId: currentMentorId, userId, onOpenUserTrac
                                 shown: (_p = (_o = detailedLLMCostData === null || detailedLLMCostData === void 0 ? void 0 : detailedLLMCostData.rows) === null || _o === void 0 ? void 0 : _o.length) !== null && _p !== void 0 ? _p : 0,
                             }) })) : (jsx(EmptyStats, {})) })] }), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(ChartCardWrapper, { title: t('analyticsAnalyticsFinancialStats.costPerUserTitle'), source: "clickhouse", label: t('analyticsAnalyticsFinancialStats.costPerUserLabel'), filters: detailedCostPerUserFilters, setOutsideFilters: setDetailedCostPerUserFilters, overflowAuto: true, height: "450px", description: t('analyticsAnalyticsFinancialStats.costPerUserDescription'), children: jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "rounded-md", style: { borderColor: 'oklch(.922 0 0)', borderWidth: '1px' }, children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "h-[48px]", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableHead, { className: "w-[250px]", children: t('analyticsAnalyticsFinancialStats.tableHeaderUserEmail') }), jsx(TableHead, { className: "w-[120px]", children: t('analyticsAnalyticsFinancialStats.tableHeaderTotalCost') }), hasSessions && (jsx(TableHead, { children: t('analyticsAnalyticsFinancialStats.tableHeaderSessions') })), hasLastActive && (jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsFinancialStats.tableHeaderLastActive') })), onOpenUserTraces && jsx(TableHead, { className: "w-[90px]" })] }) }), jsx(TableBody, { children: (_q = detailedCostPerUserData === null || detailedCostPerUserData === void 0 ? void 0 : detailedCostPerUserData.rows) === null || _q === void 0 ? void 0 : _q.map((user, index) => {
                                                 var _a;
-                                                return (jsxs(TableRow, { className: cn(index % 2 === 0 ? 'bg-gray-50' : '', 'h-[48px]'), style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableCell, { className: "font-medium", children: jsx("div", { className: "flex items-center", children: (user === null || user === void 0 ? void 0 : user.email) ||
-                                                                    (user === null || user === void 0 ? void 0 : user.username) ||
-                                                                    t('analyticsAnalyticsFinancialStats.anonymous') }) }), jsxs(TableCell, { className: "font-medium", children: ["$", Number(user.total_cost || 0).toFixed(2)] }), hasSessions && jsx(TableCell, { children: (_a = user.sessions) !== null && _a !== void 0 ? _a : '\u2014' }), hasLastActive && (jsx(TableCell, { className: "text-right", children: user.last_active ? formatRelativeTime$2(user.last_active) : '-' })), onOpenUserTraces && (jsx(TableCell, { className: "text-right", children: (user === null || user === void 0 ? void 0 : user.username) || (user === null || user === void 0 ? void 0 : user.email) ? (jsx("button", { type: "button", className: "cursor-pointer text-sm font-semibold text-blue-600 hover:text-blue-700 hover:underline", onClick: () => onOpenUserTraces(String(user.username || user.email)), children: t('analyticsAnalyticsFinancialStats.viewTraces') })) : null }))] }, index));
+                                                return (jsxs(TableRow, { className: cn(index % 2 === 0 ? 'bg-gray-50' : '', 'h-[48px]'), style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableCell, { className: "font-medium", children: jsx("div", { className: "flex items-center", children: (user === null || user === void 0 ? void 0 : user.email) || (user === null || user === void 0 ? void 0 : user.username) ? (jsx(UserProfileLink, { tenantKey: tenantKey, currentSPA: currentSPA, username: user.username, display: String(user.email || user.username) })) : (t('analyticsAnalyticsFinancialStats.anonymous')) }) }), jsxs(TableCell, { className: "font-medium", children: ["$", Number(user.total_cost || 0).toFixed(2)] }), hasSessions && jsx(TableCell, { children: (_a = user.sessions) !== null && _a !== void 0 ? _a : '\u2014' }), hasLastActive && (jsx(TableCell, { className: "text-right", children: user.last_active ? formatRelativeTime$2(user.last_active) : '-' })), onOpenUserTraces && (jsx(TableCell, { className: "text-right", children: (user === null || user === void 0 ? void 0 : user.username) || (user === null || user === void 0 ? void 0 : user.email) ? (jsx("button", { type: "button", className: "cursor-pointer text-sm font-semibold text-blue-600 hover:text-blue-700 hover:underline", onClick: () => onOpenUserTraces(String(user.username || user.email)), children: t('analyticsAnalyticsFinancialStats.viewTraces') })) : null }))] }, index));
                                             }) })] }) }), isLoadingDetailedCostPerUserData && (jsx("div", { className: "h-[60px]", children: jsx(ChartLoading, {}) })), !isLoadingDetailedCostPerUserData &&
                                 (!((_r = detailedCostPerUserData === null || detailedCostPerUserData === void 0 ? void 0 : detailedCostPerUserData.rows) === null || _r === void 0 ? void 0 : _r.length) ||
                                     ((_s = detailedCostPerUserData === null || detailedCostPerUserData === void 0 ? void 0 : detailedCostPerUserData.rows) === null || _s === void 0 ? void 0 : _s.length) === 0) && (jsx("div", { className: "h-[60px]", children: jsx(EmptyStats, {}) })), detailedCostPerUserData && detailedCostPerUserData.total_pages > 1 && (jsxs("div", { className: "flex items-center justify-between py-3", children: [jsx("div", { className: "text-sm text-gray-700", children: t('analyticsAnalyticsFinancialStats.paginationShowing', {
@@ -231077,7 +231256,7 @@ function SpendTab({ tenantKey, mentorId: currentMentorId, userId, onOpenUserTrac
  * (tokens, latency percentiles, per-call drill-down). Every card names its
  * source so a number is never read against the wrong question.
  */
-function AnalyticsFinancialStats({ tenantKey, mentorId, selectedMentorId, userId, onOpenTranscript, }) {
+function AnalyticsFinancialStats({ tenantKey, currentSPA, mentorId, selectedMentorId, userId, onOpenTranscript, }) {
     var _a, _b;
     const t = useT();
     const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
@@ -231106,9 +231285,9 @@ function AnalyticsFinancialStats({ tenantKey, mentorId, selectedMentorId, userId
                         }, className: cn('relative h-[38px] cursor-pointer whitespace-nowrap px-px text-sm transition-colors', active
                             ? 'font-semibold text-[#484848]'
                             : 'font-medium text-gray-500 hover:text-gray-700'), children: [tab.label, active && (jsx("span", { className: "absolute inset-x-0 -bottom-px h-0.5 rounded-sm bg-blue-600" }))] }, tab.value));
-                }) }), subTab === 'spend' && (jsx(SpendTab, { tenantKey: tenantKey, mentorId: currentMentorId, userId: currentUserId, onOpenUserTraces: openUserTraces })), subTab === 'usage' && (jsx(AnalyticsLlmUsageStats, { tenantKey: tenantKey, mentorId: currentMentorId, filters: llmFilters })), subTab === 'traces' && (jsx(AnalyticsTraces
+                }) }), subTab === 'spend' && (jsx(SpendTab, { tenantKey: tenantKey, currentSPA: currentSPA, mentorId: currentMentorId, userId: currentUserId, onOpenUserTraces: openUserTraces })), subTab === 'usage' && (jsx(AnalyticsLlmUsageStats, { tenantKey: tenantKey, mentorId: currentMentorId, filters: llmFilters })), subTab === 'traces' && (jsx(AnalyticsTraces
             // Remount when the hand-off user changes so the seeded filter takes.
-            , { tenantKey: tenantKey, mentorId: currentMentorId, filters: llmFilters, onOpenTranscript: onOpenTranscript, initialUsername: tracesUsername || undefined }, tracesUsername || 'all'))] }));
+            , { tenantKey: tenantKey, currentSPA: currentSPA, mentorId: currentMentorId, filters: llmFilters, onOpenTranscript: onOpenTranscript, initialUsername: tracesUsername || undefined }, tracesUsername || 'all'))] }));
 }
 
 const useTranscripts = ({ tenantKey, mentorId, usergroupIds, }) => {
@@ -231186,6 +231365,37 @@ const useTranscripts = ({ tenantKey, mentorId, usergroupIds, }) => {
     };
 };
 
+/**
+ * An agent named in a stats row, clickable to re-scope the whole analytics
+ * page to that agent — the same thing the control bar's picker does, reached
+ * from the data instead of from a search box.
+ *
+ * It renders as plain text wherever re-scoping is impossible or pointless: on
+ * per-agent pages (no picker, so nothing would visibly change), and on rows
+ * whose agent the payload identifies by name alone. Safe inside clickable rows
+ * and cards — neither its clicks nor its key presses reach their handlers.
+ */
+function AgentScopeLink({ uniqueId, name, fallback = '-', onScoped, className, testId, }) {
+    const t = useT();
+    const setScopedMentor = useAnalyticsScopeSetter();
+    const { scopedMentor } = useAnalyticsScope();
+    const display = name || uniqueId || fallback;
+    if (!setScopedMentor || !uniqueId) {
+        return (jsx("span", { className: className, "data-testid": testId, children: display }));
+    }
+    const isCurrent = (scopedMentor === null || scopedMentor === void 0 ? void 0 : scopedMentor.uniqueId) === uniqueId;
+    return (jsx("button", { type: "button", onClick: (event) => {
+            event.stopPropagation();
+            // No `dbId`: these payloads carry the `unique_id` only. AnalyticsLayout
+            // resolves the rest before the scope reaches anyone — see
+            // AnalyticsScopedMentor.
+            setScopedMentor({ uniqueId, name: name || uniqueId });
+            onScoped === null || onScoped === void 0 ? void 0 : onScoped();
+        }, 
+        // Rows that open on Enter/Space would otherwise swallow the key press.
+        onKeyDown: (event) => event.stopPropagation(), className: cn('max-w-full cursor-pointer truncate text-left hover:text-blue-600 hover:underline focus:text-blue-600 focus:outline-none', isCurrent && 'font-medium text-blue-600', className), "aria-label": t('analyticsAgentScopeLink.scopeToAgent', { name: display }), "aria-current": isCurrent ? 'true' : undefined, "data-testid": testId, children: display }));
+}
+
 /**
  * Attachments on a transcript turn. A turn can carry files with no text at
  * all (an uploaded image and nothing else), so the bubble renders these even
@@ -231245,8 +231455,8 @@ const getMessageContent = (content) => {
  * name / username stand in behind it.
  */
 const identifyUser = (...candidates) => candidates.find((candidate) => !!candidate) || '-';
-function AnalyticsTranscriptsStats({ tenantKey, mentorId, selectedMentorId, usergroupIds, }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+function AnalyticsTranscriptsStats({ tenantKey, currentSPA, mentorId, selectedMentorId, usergroupIds, }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
     const t = useT();
     const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
     const [isModalOpen, setIsModalOpen] = useState(false);
@@ -231355,14 +231565,14 @@ function AnalyticsTranscriptsStats({ tenantKey, mentorId, selectedMentorId, user
     };
     // Transcript Detail Component (reusable for both desktop and mobile)
     const TranscriptDetail = ({ className = '' }) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         return (jsx("div", { className: cn('h-full flex flex-col', className), children: !selectedTranscript ? (jsx("div", { className: "flex items-center justify-center h-full text-gray-400", children: jsxs("div", { className: "text-center", children: [jsx(ArrowLeft, { className: "h-6 w-6 mx-auto mb-2" }), jsx("p", { children: t('analyticsAnalyticsTranscriptsStats.selectConversation') })] }) })) : isLoadingTranscriptsMessagesDetailsData ? (
             /* Loading state */
             jsx("div", { className: "flex items-center justify-center h-full text-gray-400", children: jsxs("div", { className: "text-center", children: [jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500 mx-auto mb-3", "aria-hidden": "true" }), jsx("p", { children: t('analyticsAnalyticsTranscriptsStats.loadingTranscript') })] }) })) : isErrorTranscriptsMessagesDetailsData || !transcriptsMessagesDetailsData ? (
             /* Error or no data state */
             jsx("div", { className: "flex items-center justify-center h-full text-gray-400", children: jsxs("div", { className: "text-center", children: [jsx(X$1, { className: "h-6 w-6 mx-auto mb-2 text-red-400" }), jsx("p", { children: t('analyticsAnalyticsTranscriptsStats.noTranscriptDetails') }), jsx("p", { className: "text-sm mt-1", children: t('analyticsAnalyticsTranscriptsStats.unableToLoadTranscript') })] }) })) : (
             /* Data loaded successfully */
-            jsxs(Fragment$1, { children: [jsxs("div", { className: "mb-4 flex-shrink-0", children: [jsx("h2", { className: "text-lg font-semibold mb-2", children: t('analyticsAnalyticsTranscriptsStats.conversationTranscript') }), jsxs("div", { className: "text-sm text-gray-500", children: [jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelFullName'), ' ', identifyUser((_a = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _a === void 0 ? void 0 : _a.email, (_b = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _b === void 0 ? void 0 : _b.name)] }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelUsername'), ' ', identifyUser((_c = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _c === void 0 ? void 0 : _c.email, (_d = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _d === void 0 ? void 0 : _d.username)] }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelAgent'), ' ', ((_e = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _e === void 0 ? void 0 : _e.mentor) || '-'] }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelModel'), ' ', ((_f = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _f === void 0 ? void 0 : _f.model) || '-'] })] })] }), jsx("div", { className: "flex-1 overflow-y-auto space-y-4 min-h-0", children: ((_g = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.messages) === null || _g === void 0 ? void 0 : _g.length) > 0 ? ((_h = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.messages) === null || _h === void 0 ? void 0 : _h.map((message, index) => {
+            jsxs(Fragment$1, { children: [jsxs("div", { className: "mb-4 flex-shrink-0", children: [jsx("h2", { className: "text-lg font-semibold mb-2", children: t('analyticsAnalyticsTranscriptsStats.conversationTranscript') }), jsxs("div", { className: "text-sm text-gray-500", children: [jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelFullName'), ' ', jsx(UserProfileLink, { currentSPA: currentSPA, tenantKey: tenantKey, username: (_a = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _a === void 0 ? void 0 : _a.username, display: identifyUser((_b = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _b === void 0 ? void 0 : _b.email, (_c = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _c === void 0 ? void 0 : _c.name) })] }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelUsername'), ' ', jsx(UserProfileLink, { currentSPA: currentSPA, tenantKey: tenantKey, username: (_d = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _d === void 0 ? void 0 : _d.username, display: identifyUser((_e = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _e === void 0 ? void 0 : _e.email, (_f = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _f === void 0 ? void 0 : _f.username) })] }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelAgent'), ' ', jsx(AgentScopeLink, { uniqueId: (_g = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _g === void 0 ? void 0 : _g.mentor_unique_id, name: (_h = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _h === void 0 ? void 0 : _h.mentor })] }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelModel'), ' ', ((_j = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _j === void 0 ? void 0 : _j.model) || '-'] })] })] }), jsx("div", { className: "flex-1 overflow-y-auto space-y-4 min-h-0", children: ((_k = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.messages) === null || _k === void 0 ? void 0 : _k.length) > 0 ? ((_l = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.messages) === null || _l === void 0 ? void 0 : _l.map((message, index) => {
                             var _a, _b;
                             return (jsxs(React__default.Fragment, { children: [((message === null || message === void 0 ? void 0 : message.human) || !!((_a = message === null || message === void 0 ? void 0 : message.human_files) === null || _a === void 0 ? void 0 : _a.length)) && (jsxs("div", { className: `p-3 rounded-lg bg-blue-100 ml-4`, children: [jsx("div", { className: "flex justify-between items-start mb-1", children: jsx("span", { className: "font-medium text-sm", children: t('analyticsAnalyticsTranscriptsStats.roleUser') }) }), message.human && (jsx("p", { className: "text-sm", children: getMessageContent(message.human) })), jsx(TranscriptFiles, { files: message.human_files })] }, `${index}-human`)), ((message === null || message === void 0 ? void 0 : message.ai) || !!((_b = message === null || message === void 0 ? void 0 : message.ai_files) === null || _b === void 0 ? void 0 : _b.length)) && (jsxs("div", { className: `p-3 rounded-lg bg-white mr-4`, children: [jsx("div", { className: "flex justify-between items-start mb-1", children: jsx("span", { className: "font-medium text-sm", children: t('analyticsAnalyticsTranscriptsStats.roleAgent') }) }), message.ai && jsx(Markdown, { children: getMessageContent(message.ai) }), jsx(TranscriptFiles, { files: message.ai_files })] }, `${index}-ai`))] }, index));
                         })) : (jsx("div", { className: "text-center text-gray-500 py-8", children: jsx("p", { children: t('analyticsAnalyticsTranscriptsStats.noMessages') }) })) })] })) }));
@@ -231386,7 +231596,7 @@ function AnalyticsTranscriptsStats({ tenantKey, mentorId, selectedMentorId, user
                                                                     ? t('analyticsAnalyticsTranscriptsStats.sentimentNegative')
                                                                     : transcript.sentiment === 'positive'
                                                                         ? t('analyticsAnalyticsTranscriptsStats.sentimentPositive')
-                                                                        : t('analyticsAnalyticsTranscriptsStats.sentimentNeutral'), ' ', t('analyticsAnalyticsTranscriptsStats.userSentiment')] })] }) }), jsxs("div", { className: "flex flex-wrap gap-x-6 gap-y-2 text-xs text-gray-500 mb-2", children: [jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelUser'), ' ', identifyUser(transcript === null || transcript === void 0 ? void 0 : transcript.email, transcript === null || transcript === void 0 ? void 0 : transcript.name, transcript === null || transcript === void 0 ? void 0 : transcript.username)] }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelAgent'), ' ', (transcript === null || transcript === void 0 ? void 0 : transcript.mentor) || '-'] })] }), jsxs("div", { className: "flex flex-wrap gap-x-6 gap-y-2 text-xs text-gray-500 mb-2", children: [jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelModelCard'), ' ', (transcript === null || transcript === void 0 ? void 0 : transcript.model) || '-'] }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelUserId'), ' ', identifyUser(transcript === null || transcript === void 0 ? void 0 : transcript.email, transcript === null || transcript === void 0 ? void 0 : transcript.username)] })] }), jsxs("div", { className: "flex flex-wrap gap-x-6 gap-y-2 text-xs text-gray-500", children: [jsxs("div", { children: [transcript.message_count, " ", t('analyticsAnalyticsTranscriptsStats.messages')] }), jsx("div", { children: "\u2022" }), jsxs("div", { children: ["$", Number((transcript === null || transcript === void 0 ? void 0 : transcript.cost) || 0).toFixed(2), ' ', t('analyticsAnalyticsTranscriptsStats.estimatedCost')] }), (transcript === null || transcript === void 0 ? void 0 : transcript.created_at) && (jsxs(Fragment$1, { children: [jsx("div", { children: "\u2022" }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.created'), ' ', formatRelativeTime(transcript.created_at, t)] })] }))] })] }, transcript.session));
+                                                                        : t('analyticsAnalyticsTranscriptsStats.sentimentNeutral'), ' ', t('analyticsAnalyticsTranscriptsStats.userSentiment')] })] }) }), jsxs("div", { className: "flex flex-wrap gap-x-6 gap-y-2 text-xs text-gray-500 mb-2", children: [jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelUser'), ' ', jsx(UserProfileLink, { currentSPA: currentSPA, tenantKey: tenantKey, username: transcript === null || transcript === void 0 ? void 0 : transcript.username, display: identifyUser(transcript === null || transcript === void 0 ? void 0 : transcript.email, transcript === null || transcript === void 0 ? void 0 : transcript.name, transcript === null || transcript === void 0 ? void 0 : transcript.username) })] }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelAgent'), ' ', jsx(AgentScopeLink, { uniqueId: transcript === null || transcript === void 0 ? void 0 : transcript.mentor_unique_id, name: transcript === null || transcript === void 0 ? void 0 : transcript.mentor })] })] }), jsx("div", { className: "flex flex-wrap gap-x-6 gap-y-2 text-xs text-gray-500 mb-2", children: jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelModelCard'), ' ', (transcript === null || transcript === void 0 ? void 0 : transcript.model) || '-'] }) }), jsxs("div", { className: "flex flex-wrap gap-x-6 gap-y-2 text-xs text-gray-500", children: [jsxs("div", { children: [transcript.message_count, " ", t('analyticsAnalyticsTranscriptsStats.messages')] }), jsx("div", { children: "\u2022" }), jsxs("div", { children: ["$", Number((transcript === null || transcript === void 0 ? void 0 : transcript.cost) || 0).toFixed(2), ' ', t('analyticsAnalyticsTranscriptsStats.estimatedCost')] }), (transcript === null || transcript === void 0 ? void 0 : transcript.created_at) && (jsxs(Fragment$1, { children: [jsx("div", { children: "\u2022" }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.created'), ' ', formatRelativeTime(transcript.created_at, t)] })] }))] })] }, transcript.session));
                                 })) : (
                                 // Empty state
                                 jsx("div", { className: "text-center py-12", children: jsx("p", { className: "text-gray-500", children: filters.topicSearch || filters.userSearch || filters.rating
@@ -231422,7 +231632,7 @@ function AnalyticsTranscriptsStats({ tenantKey, mentorId, selectedMentorId, user
                             /* Error or no data state */
                             jsx("div", { className: "flex items-center justify-center h-full text-gray-400", children: jsxs("div", { className: "text-center", children: [jsx(X$1, { className: "h-6 w-6 mx-auto mb-2 text-red-400" }), jsx("p", { children: t('analyticsAnalyticsTranscriptsStats.noTranscriptDetails') }), jsx("p", { className: "text-sm mt-1", children: t('analyticsAnalyticsTranscriptsStats.unableToLoadTranscript') })] }) })) : (
                             /* Data loaded successfully */
-                            jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "mb-4", children: jsxs("div", { className: "text-sm text-gray-500 space-y-1", children: [jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelFullName'), ' ', identifyUser((_g = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _g === void 0 ? void 0 : _g.email, (_h = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _h === void 0 ? void 0 : _h.name)] }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelUsername'), ' ', identifyUser((_j = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _j === void 0 ? void 0 : _j.email, (_k = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _k === void 0 ? void 0 : _k.username)] }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelAgent'), ' ', ((_l = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _l === void 0 ? void 0 : _l.mentor) || '-'] }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelModel'), ' ', ((_m = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _m === void 0 ? void 0 : _m.model) || '-'] })] }) }), jsx("div", { className: "space-y-4 pb-4", children: ((_o = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.messages) === null || _o === void 0 ? void 0 : _o.length) > 0 ? ((_p = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.messages) === null || _p === void 0 ? void 0 : _p.map((message, index) => {
+                            jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "mb-4", children: jsxs("div", { className: "text-sm text-gray-500 space-y-1", children: [jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelFullName'), ' ', jsx(UserProfileLink, { currentSPA: currentSPA, tenantKey: tenantKey, username: (_g = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _g === void 0 ? void 0 : _g.username, display: identifyUser((_h = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _h === void 0 ? void 0 : _h.email, (_j = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _j === void 0 ? void 0 : _j.name) })] }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelUsername'), ' ', jsx(UserProfileLink, { currentSPA: currentSPA, tenantKey: tenantKey, username: (_k = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _k === void 0 ? void 0 : _k.username, display: identifyUser((_l = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _l === void 0 ? void 0 : _l.email, (_m = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _m === void 0 ? void 0 : _m.username) })] }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelAgent'), ' ', jsx(AgentScopeLink, { uniqueId: (_o = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _o === void 0 ? void 0 : _o.mentor_unique_id, name: (_p = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _p === void 0 ? void 0 : _p.mentor })] }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelModel'), ' ', ((_q = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.summary) === null || _q === void 0 ? void 0 : _q.model) || '-'] })] }) }), jsx("div", { className: "space-y-4 pb-4", children: ((_r = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.messages) === null || _r === void 0 ? void 0 : _r.length) > 0 ? ((_s = transcriptsMessagesDetailsData === null || transcriptsMessagesDetailsData === void 0 ? void 0 : transcriptsMessagesDetailsData.messages) === null || _s === void 0 ? void 0 : _s.map((message, index) => {
                                             var _a, _b;
                                             return (jsxs(React__default.Fragment, { children: [((message === null || message === void 0 ? void 0 : message.human) || !!((_a = message === null || message === void 0 ? void 0 : message.human_files) === null || _a === void 0 ? void 0 : _a.length)) && (jsxs("div", { className: "p-3 rounded-lg bg-blue-100 ml-4", children: [jsx("div", { className: "flex justify-between items-start mb-1", children: jsx("span", { className: "font-medium text-sm", children: t('analyticsAnalyticsTranscriptsStats.roleUser') }) }), message.human && (jsx("p", { className: "text-sm", children: getMessageContent(message.human) })), jsx(TranscriptFiles, { files: message.human_files })] })), ((message === null || message === void 0 ? void 0 : message.ai) || !!((_b = message === null || message === void 0 ? void 0 : message.ai_files) === null || _b === void 0 ? void 0 : _b.length)) && (jsxs("div", { className: "p-3 rounded-lg bg-white mr-4 border", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx("div", { className: "flex justify-between items-start mb-1", children: jsx("span", { className: "font-medium text-sm", children: t('analyticsAnalyticsTranscriptsStats.roleAgent') }) }), message.ai && jsx(Markdown, { children: getMessageContent(message.ai) }), jsx(TranscriptFiles, { files: message.ai_files })] }))] }, index));
                                         })) : (jsx("div", { className: "text-center text-gray-500 py-8", children: jsx("p", { children: t('analyticsAnalyticsTranscriptsStats.noMessages') }) })) })] })) })] }) }))] }));
@@ -232439,6 +232649,8 @@ const useCourses = ({ tenantKey, mentorId, courseId, }) => {
             mentor_unique_id: mentorId,
             limit: coursesListLimit,
             page: coursesListPage,
+            // Busiest courses first — this list reads as a leaderboard.
+            sort_by: 'active_enrollments',
             ...(debouncedSearch && { search: debouncedSearch }),
         });
     }, [
@@ -232477,11 +232689,31 @@ const useCourses = ({ tenantKey, mentorId, courseId, }) => {
         debouncedCourseEnrollmentsSearch,
     ]);
     // Query for courses list and summary
-    const { data: contentAnalyticsData, isLoading: isLoadingContentAnalytics, isFetching: isFetchingContentAnalytics, } = useGetContentAnalyticsQuery(contentAnalyticsParams);
+    const { data: contentAnalyticsData, currentData: currentContentAnalyticsData, isLoading: isLoadingContentAnalytics, isFetching: isFetchingContentAnalytics, } = useGetContentAnalyticsQuery(contentAnalyticsParams);
     // Query for course details (only when courseId is provided)
-    const { data: courseDetailsData, isLoading: isLoadingCourseDetails, isFetching: isFetchingCourseDetails, } = useGetContentAnalyticsDetailsQuery(courseDetailsParams, {
+    const { data: courseDetailsData, currentData: currentCourseDetailsData, isLoading: isLoadingCourseDetails, isFetching: isFetchingCourseDetails, } = useGetContentAnalyticsDetailsQuery(courseDetailsParams, {
         skip: !courseDetailsParams,
     });
+    // Searching the table re-runs the one request the summary cards and the chart
+    // also read from. RTK keeps the previous arguments' response in `data` while
+    // the new one is in flight, so those sections never blank mid-search — but
+    // `currentData` alone can't tell a search apart from an agent or date change,
+    // which those sections *do* vary with. Comparing their own inputs does: while
+    // they differ from the last settled response, the sections report loading
+    // rather than showing the previous scope's numbers with nothing saying so.
+    const statsKey = JSON.stringify({ tenantKey, mentorId, enrollmentStatsDateFilter });
+    const settledStatsKey = React__default.useRef(statsKey);
+    if (currentContentAnalyticsData)
+        settledStatsKey.current = statsKey;
+    const detailStatsKey = JSON.stringify({
+        courseId,
+        tenantKey,
+        mentorId,
+        timeSpentStatsDateFilter,
+    });
+    const settledDetailStatsKey = React__default.useRef(detailStatsKey);
+    if (currentCourseDetailsData)
+        settledDetailStatsKey.current = detailStatsKey;
     // Map content analytics data to courseStats
     const courseStats = useMemo(() => {
         if (!contentAnalyticsData) {
@@ -232576,8 +232808,21 @@ const useCourses = ({ tenantKey, mentorId, courseId, }) => {
         isFetchingContentAnalytics ||
         isLoadingCourseDetails ||
         isFetchingCourseDetails;
+    // Loading for the sections that don't vary with the table search — see
+    // `statsKey` above for why the key comparison is what distinguishes a search
+    // from a change those sections do have to redraw for.
+    const isStatsLoading = isLoadingContentAnalytics ||
+        (isFetchingContentAnalytics &&
+            currentContentAnalyticsData === undefined &&
+            settledStatsKey.current !== statsKey);
+    const isDetailStatsLoading = isLoadingCourseDetails ||
+        (isFetchingCourseDetails &&
+            currentCourseDetailsData === undefined &&
+            settledDetailStatsKey.current !== detailStatsKey);
     return {
         courseStats,
+        isStatsLoading,
+        isDetailStatsLoading,
         isLoading,
         enrollmentStats,
         enrollmentStatsDateFilter,
@@ -232626,30 +232871,40 @@ const formatSecondsToTime$1 = (seconds) => {
 const formatSecondsToHours$1 = (seconds) => {
     return Math.round((seconds / 3600) * 10) / 10;
 };
-function AnalyticsCourses({ tenantKey, mentorId, selectedMentorId, basePath = '', }) {
+function AnalyticsCourses({ tenantKey, mentorId, selectedMentorId, basePath = '', getCourseURL, }) {
     var _a, _b, _c;
     const t = useT();
     const router = useRouter();
     const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
-    const { courseStats, isLoading, enrollmentStats, enrollmentStatsDateFilter, setEnrollmentStatsDateFilter, coursesList, setCoursesListPage, coursesListSearch, handleSearchInputChange, coursesPagination, } = useCourses({ tenantKey, mentorId: currentMentorId });
+    const { courseStats, isLoading, isStatsLoading, enrollmentStats, enrollmentStatsDateFilter, setEnrollmentStatsDateFilter, coursesList, setCoursesListPage, coursesListSearch, handleSearchInputChange, coursesPagination, } = useCourses({ tenantKey, mentorId: currentMentorId });
     const handleCourseClick = (courseId) => {
         router.push(`${basePath}/courses/${courseId}`);
     };
     const hasEnrollmentStatsPoints = Number((_a = enrollmentStats === null || enrollmentStats === void 0 ? void 0 : enrollmentStats.points) === null || _a === void 0 ? void 0 : _a.length) > 0;
-    return (jsxs("div", { className: "space-y-8", children: [jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6", children: [jsx(StatCard, { loading: isLoading, title: t('analyticsAnalyticsCourses.activeCourses'), value: courseStats.active_courses, percentage: courseStats.active_courses_percentage, description: t('analyticsAnalyticsCourses.activeCoursesDescription') }), jsx(StatCard, { loading: isLoading, title: t('analyticsAnalyticsCourses.totalCourses'), value: courseStats.total_courses, percentage: courseStats.total_courses_percentage, description: t('analyticsAnalyticsCourses.totalCoursesDescription') }), jsx(StatCard, { loading: isLoading, title: t('analyticsAnalyticsCourses.enrollments'), value: courseStats.enrollments, percentage: courseStats.enrollments_percentage, description: t('analyticsAnalyticsCourses.enrollmentsDescription') }), jsx(StatCard, { loading: isLoading, title: t('analyticsAnalyticsCourses.totalLearners'), value: courseStats.total_learners, 
+    return (jsxs("div", { className: "space-y-8", children: [jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6", children: [jsx(StatCard, { loading: isStatsLoading, title: t('analyticsAnalyticsCourses.activeCourses'), value: courseStats.active_courses, percentage: courseStats.active_courses_percentage, description: t('analyticsAnalyticsCourses.activeCoursesDescription') }), jsx(StatCard, { loading: isStatsLoading, title: t('analyticsAnalyticsCourses.totalCourses'), value: courseStats.total_courses, percentage: courseStats.total_courses_percentage, description: t('analyticsAnalyticsCourses.totalCoursesDescription') }), jsx(StatCard, { loading: isStatsLoading, title: t('analyticsAnalyticsCourses.enrollments'), value: courseStats.enrollments, percentage: courseStats.enrollments_percentage, description: t('analyticsAnalyticsCourses.enrollmentsDescription') }), jsx(StatCard, { loading: isStatsLoading, title: t('analyticsAnalyticsCourses.totalLearners'), value: courseStats.total_learners, 
                         //percentage={courseStats.enrollments_percentage}
-                        description: t('analyticsAnalyticsCourses.totalLearnersDescription') })] }), (isLoading || hasEnrollmentStatsPoints) && (jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(ChartCardWrapper, { title: t('analyticsAnalyticsCourses.courseOvertime'), label: t('analyticsAnalyticsCourses.timeSpent'), filters: enrollmentStatsDateFilter, setOutsideFilters: setEnrollmentStatsDateFilter, description: t('analyticsAnalyticsCourses.courseOvertimeDescription'), children: isLoading ? (jsx(ChartLoading, {})) : (jsx(AnalyticsAreaChart, { data: ((_b = enrollmentStats === null || enrollmentStats === void 0 ? void 0 : enrollmentStats.points) === null || _b === void 0 ? void 0 : _b.map((point) => ({
+                        description: t('analyticsAnalyticsCourses.totalLearnersDescription') })] }), (isStatsLoading || hasEnrollmentStatsPoints) && (jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(ChartCardWrapper, { title: t('analyticsAnalyticsCourses.courseOvertime'), label: t('analyticsAnalyticsCourses.timeSpent'), filters: enrollmentStatsDateFilter, setOutsideFilters: setEnrollmentStatsDateFilter, description: t('analyticsAnalyticsCourses.courseOvertimeDescription'), children: isStatsLoading ? (jsx(ChartLoading, {})) : (jsx(AnalyticsAreaChart, { data: ((_b = enrollmentStats === null || enrollmentStats === void 0 ? void 0 : enrollmentStats.points) === null || _b === void 0 ? void 0 : _b.map((point) => ({
                             date: formatDateToShortFormat$1(point.date, enrollmentStatsDateFilter.activeFilter === 'today'),
                             value: formatSecondsToHours$1(point.value),
                             rawSeconds: point.value,
-                        }))) || [], tooltipLabel: t('analyticsAnalyticsCourses.tooltipTimeSpentLabel'), tooltipValue: (point) => formatSecondsToTime$1(Number(point.rawSeconds) || 0), tooltipAriaLabel: (label) => t('analyticsAnalyticsCourses.tooltipAriaLabel', { label }), yTickFormatter: (value) => `${value}h` })) }) })), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(Card, { className: "w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsCourses.coursesTableAriaLabel'), children: [jsxs("div", { className: "flex items-center gap-1 mb-4", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsCourses.coursesHeading') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsCourses.coursesHeading'), description: t('analyticsAnalyticsCourses.coursesTableDescription') })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { id: "search-course", type: "text", placeholder: t('analyticsAnalyticsCourses.searchPlaceholder'), value: coursesListSearch, onChange: handleSearchInputChange, className: "pl-9 border-gray-300 focus:bg-transparent focus:color-transparent h-11", "aria-label": t('analyticsAnalyticsCourses.searchAriaLabel') })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx("div", { className: "text-sm text-gray-500", children: t('analyticsAnalyticsCourses.loading') }) })) : ((_c = coursesList === null || coursesList === void 0 ? void 0 : coursesList.courses) === null || _c === void 0 ? void 0 : _c.length) && coursesList.courses.length > 0 ? (jsxs(Fragment$1, { children: [jsx("div", { className: "rounded-md overflow-x-auto", style: { borderColor: 'oklch(.922 0 0)', borderWidth: '1px' }, children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "h-[48px]", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsCourses.colCourseName') }), jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsCourses.colCourseId') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsCourses.colEnrollments') })] }) }), jsx(TableBody, { children: coursesList.courses.map((course, index) => (jsxs(TableRow, { className: `cursor-pointer hover:bg-muted/50 h-[48px] ${index % 2 === 0 ? 'bg-gray-50' : ''}`, onClick: () => handleCourseClick(course.id), role: "button", tabIndex: 0, onKeyDown: (e) => {
-                                                                    if (e.key === 'Enter' || e.key === ' ') {
-                                                                        e.preventDefault();
-                                                                        handleCourseClick(course.id);
-                                                                    }
-                                                                }, "aria-label": t('analyticsAnalyticsCourses.viewCourseAriaLabel', {
-                                                                    name: course.name,
-                                                                }), style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableCell, { className: "font-medium", children: course.name }), jsx(TableCell, { className: "text-muted-foreground", children: course.id }), jsx(TableCell, { className: "text-right", children: course.enrollments.toLocaleString() })] }, course.id))) })] }) }), coursesPagination && coursesPagination.total_pages > 1 && (jsxs("div", { className: "flex items-center justify-center space-x-2 py-4", children: [jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setCoursesListPage(1), disabled: coursesPagination.current_page === 1, "aria-label": t('analyticsAnalyticsCourses.goToFirstPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsCourses.goToFirstPage') }), jsx(ChevronsLeft, { className: "h-4 w-4" })] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setCoursesListPage(coursesPagination.current_page - 1), disabled: coursesPagination.current_page === 1, "aria-label": t('analyticsAnalyticsCourses.goToPreviousPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsCourses.goToPreviousPage') }), jsx(ChevronLeft, { className: "h-4 w-4" })] }), Array.from({ length: coursesPagination.total_pages }, (_, i) => i + 1)
+                        }))) || [], tooltipLabel: t('analyticsAnalyticsCourses.tooltipTimeSpentLabel'), tooltipValue: (point) => formatSecondsToTime$1(Number(point.rawSeconds) || 0), tooltipAriaLabel: (label) => t('analyticsAnalyticsCourses.tooltipAriaLabel', { label }), yTickFormatter: (value) => `${value}h` })) }) })), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(Card, { className: "w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsCourses.coursesTableAriaLabel'), children: [jsxs("div", { className: "flex items-center gap-1 mb-4", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsCourses.coursesHeading') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsCourses.coursesHeading'), description: t('analyticsAnalyticsCourses.coursesTableDescription') })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { id: "search-course", type: "text", placeholder: t('analyticsAnalyticsCourses.searchPlaceholder'), value: coursesListSearch, onChange: handleSearchInputChange, className: "pl-9 border-gray-300 focus:bg-transparent focus:color-transparent h-11", "aria-label": t('analyticsAnalyticsCourses.searchAriaLabel') })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx("div", { className: "text-sm text-gray-500", children: t('analyticsAnalyticsCourses.loading') }) })) : ((_c = coursesList === null || coursesList === void 0 ? void 0 : coursesList.courses) === null || _c === void 0 ? void 0 : _c.length) && coursesList.courses.length > 0 ? (jsxs(Fragment$1, { children: [jsx("div", { className: "rounded-md overflow-x-auto", style: { borderColor: 'oklch(.922 0 0)', borderWidth: '1px' }, children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "h-[48px]", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsCourses.colCourseName') }), jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsCourses.colCourseId') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsCourses.colEnrollments') })] }) }), jsx(TableBody, { children: coursesList.courses.map((course, index) => (jsxs(TableRow, { className: `cursor-pointer hover:bg-muted/50 h-[48px] ${index % 2 === 0 ? 'bg-gray-50' : ''}`, 
+                                                                // Mouse shortcut only; the id cell may hold a link,
+                                                                // so the row itself must not be a button —
+                                                                // interactive content inside one is invalid, and
+                                                                // the row's label would rename the link. Keyboard
+                                                                // and screen-reader users open the detail page
+                                                                // through the course name below.
+                                                                onClick: () => handleCourseClick(course.id), style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableCell, { className: "font-medium", children: jsx("button", { type: "button", className: "max-w-full cursor-pointer truncate text-left hover:text-blue-600 hover:underline focus:text-blue-600 focus:outline-none", onClick: (e) => {
+                                                                                e.stopPropagation();
+                                                                                handleCourseClick(course.id);
+                                                                            }, "aria-label": t('analyticsAnalyticsCourses.viewCourseAriaLabel', {
+                                                                                name: course.name,
+                                                                            }), children: course.name }) }), jsx(TableCell, { className: "text-muted-foreground", children: getCourseURL ? (jsx("a", { href: getCourseURL(course.id), target: "_blank", rel: "noopener noreferrer", 
+                                                                            // The row navigates to the analytics detail
+                                                                            // page; this link goes to the course itself.
+                                                                            onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), className: "cursor-pointer hover:text-blue-600 hover:underline focus:text-blue-600 focus:outline-none", "aria-label": t('analyticsAnalyticsCourses.openCourseAriaLabel', {
+                                                                                id: course.id,
+                                                                            }), children: course.id })) : (course.id) }), jsx(TableCell, { className: "text-right", children: course.enrollments.toLocaleString() })] }, course.id))) })] }) }), coursesPagination && coursesPagination.total_pages > 1 && (jsxs("div", { className: "flex items-center justify-center space-x-2 py-4", children: [jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setCoursesListPage(1), disabled: coursesPagination.current_page === 1, "aria-label": t('analyticsAnalyticsCourses.goToFirstPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsCourses.goToFirstPage') }), jsx(ChevronsLeft, { className: "h-4 w-4" })] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setCoursesListPage(coursesPagination.current_page - 1), disabled: coursesPagination.current_page === 1, "aria-label": t('analyticsAnalyticsCourses.goToPreviousPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsCourses.goToPreviousPage') }), jsx(ChevronLeft, { className: "h-4 w-4" })] }), Array.from({ length: coursesPagination.total_pages }, (_, i) => i + 1)
                                                         .filter((page) => {
                                                         const current = coursesPagination.current_page;
                                                         const total = coursesPagination.total_pages;
@@ -232668,11 +232923,11 @@ function AnalyticsCourses({ tenantKey, mentorId, selectedMentorId, basePath = ''
                                                     }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setCoursesListPage(coursesPagination.current_page + 1), disabled: coursesPagination.current_page === coursesPagination.total_pages, "aria-label": t('analyticsAnalyticsCourses.goToNextPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsCourses.goToNextPage') }), jsx(ChevronRight, { className: "h-4 w-4" })] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setCoursesListPage(coursesPagination.total_pages), disabled: coursesPagination.current_page === coursesPagination.total_pages, "aria-label": t('analyticsAnalyticsCourses.goToLastPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsCourses.goToLastPage') }), jsx(ChevronsRight, { className: "h-4 w-4" })] })] }))] })) : (jsx(EmptyStats, { title: t('analyticsAnalyticsCourses.noCoursesAvailable') }))] })] }) }) })] }));
 }
 
-function AnalyticsCourseDetail({ tenantKey, mentorId, selectedMentorId, courseId, courseName, showCourseTitle = true, onBack, }) {
+function AnalyticsCourseDetail({ tenantKey, currentSPA, mentorId, selectedMentorId, courseId, courseName, showCourseTitle = true, onBack, }) {
     var _a, _b;
     const t = useT();
     const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
-    const { courseDetailStats, isLoading, courseEnrollments, courseEnrollmentsSearch, handleCourseEnrollmentsSearchInputChange, setCourseEnrollmentsPage, courseEnrollmentsPagination, courseInfo, } = useCourses({
+    const { courseDetailStats, isLoading, isDetailStatsLoading, courseEnrollments, courseEnrollmentsSearch, handleCourseEnrollmentsSearchInputChange, setCourseEnrollmentsPage, courseEnrollmentsPagination, courseInfo, } = useCourses({
         tenantKey,
         mentorId: currentMentorId,
         courseId,
@@ -232680,17 +232935,23 @@ function AnalyticsCourseDetail({ tenantKey, mentorId, selectedMentorId, courseId
     const [selectedEnrollment, setSelectedEnrollment] = useState(null);
     const resolvedCourseName = courseName || (courseInfo === null || courseInfo === void 0 ? void 0 : courseInfo.name);
     const showTitle = showCourseTitle && !!resolvedCourseName;
-    return (jsxs("div", { className: "space-y-8", children: [(onBack || showTitle) && (jsxs("div", { className: "mb-4 flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4", children: [jsx("div", { className: "flex flex-1 justify-start", children: onBack && (jsx(Button$1, { variant: "ghost", size: "icon", onClick: onBack, "aria-label": t('analyticsAnalyticsCourseDetail.goBackAriaLabel'), className: "h-8 w-8 rounded-full bg-gray-100 text-gray-700 hover:bg-gray-200 hover:text-gray-900 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700 dark:hover:text-white", children: jsx(ArrowLeft, { className: "h-4 w-4" }) })) }), showTitle && (jsx("h2", { className: "flex-1 text-left text-2xl font-medium text-gray-700 sm:text-center", children: resolvedCourseName })), jsx("div", { className: "hidden flex-1 sm:block" })] })), jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-6", children: [jsx(StatCard, { loading: isLoading, title: t('analyticsAnalyticsCourseDetail.activeEnrollments'), value: courseDetailStats.active_enrollments, percentage: courseDetailStats.active_enrollments_percentage, description: t('analyticsAnalyticsCourseDetail.activeEnrollmentsDescription') }), jsx(StatCard, { loading: isLoading, title: t('analyticsAnalyticsCourseDetail.completedEnrollments'), value: courseDetailStats.completed_enrollments, percentage: courseDetailStats.completed_enrollments_percentage, description: t('analyticsAnalyticsCourseDetail.completedEnrollmentsDescription') })] }), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(Card, { className: "w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsCourseDetail.courseEnrollmentsTableAriaLabel'), children: [jsxs("div", { className: "flex items-center gap-1 mb-4", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsCourseDetail.enrolledUsers') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsCourseDetail.enrolledUsers'), description: t('analyticsAnalyticsCourseDetail.enrolledUsersDescription') })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { id: "search-enrolled-user", type: "text", placeholder: t('analyticsAnalyticsCourseDetail.searchPlaceholder'), value: courseEnrollmentsSearch, onChange: handleCourseEnrollmentsSearchInputChange, className: "pl-9 border-gray-300 focus:bg-transparent focus:color-transparent h-11", "aria-label": t('analyticsAnalyticsCourseDetail.searchAriaLabel') })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx("div", { className: "text-sm text-gray-500", children: t('analyticsAnalyticsCourseDetail.loadingLabel') }) })) : ((_a = courseEnrollments === null || courseEnrollments === void 0 ? void 0 : courseEnrollments.enrollments) === null || _a === void 0 ? void 0 : _a.length) &&
-                                        courseEnrollments.enrollments.length > 0 ? (jsxs(Fragment$1, { children: [jsx("div", { className: "rounded-md overflow-x-auto", style: { borderColor: 'oklch(.922 0 0)', borderWidth: '1px' }, children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "h-[48px]", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsCourseDetail.columnName') }), jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsCourseDetail.columnEmail') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsCourseDetail.columnEnrollmentDate') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsCourseDetail.columnLastActiveOn') })] }) }), jsx(TableBody, { children: courseEnrollments.enrollments.map((enrollment, index) => (jsxs(TableRow, { className: `cursor-pointer hover:bg-muted/50 h-[48px] ${index % 2 === 0 ? 'bg-gray-50' : ''}`, onClick: () => setSelectedEnrollment(enrollment), role: "button", tabIndex: 0, onKeyDown: (e) => {
-                                                                    if (e.key === 'Enter' || e.key === ' ') {
-                                                                        e.preventDefault();
-                                                                        setSelectedEnrollment(enrollment);
-                                                                    }
-                                                                }, "aria-label": t('analyticsAnalyticsCourseDetail.viewCourseProgressAriaLabel', { name: enrollment.name }), style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableCell, { className: "font-medium", children: enrollment.name }), jsx(TableCell, { className: "text-muted-foreground", children: enrollment.email }), jsx(TableCell, { className: "text-right", children: enrollment.enrollment_date
+    return (jsxs("div", { className: "space-y-8", children: [(onBack || showTitle) && (jsxs("div", { className: "mb-4 flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4", children: [jsx("div", { className: "flex flex-1 justify-start", children: onBack && (jsx(Button$1, { variant: "ghost", size: "icon", onClick: onBack, "aria-label": t('analyticsAnalyticsCourseDetail.goBackAriaLabel'), className: "h-8 w-8 rounded-full bg-gray-100 text-gray-700 hover:bg-gray-200 hover:text-gray-900 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700 dark:hover:text-white", children: jsx(ArrowLeft, { className: "h-4 w-4" }) })) }), showTitle && (jsx("h2", { className: "flex-1 text-left text-2xl font-medium text-gray-700 sm:text-center", children: resolvedCourseName })), jsx("div", { className: "hidden flex-1 sm:block" })] })), jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-6", children: [jsx(StatCard, { loading: isDetailStatsLoading, title: t('analyticsAnalyticsCourseDetail.activeEnrollments'), value: courseDetailStats.active_enrollments, percentage: courseDetailStats.active_enrollments_percentage, description: t('analyticsAnalyticsCourseDetail.activeEnrollmentsDescription') }), jsx(StatCard, { loading: isDetailStatsLoading, title: t('analyticsAnalyticsCourseDetail.completedEnrollments'), value: courseDetailStats.completed_enrollments, percentage: courseDetailStats.completed_enrollments_percentage, description: t('analyticsAnalyticsCourseDetail.completedEnrollmentsDescription') })] }), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(Card, { className: "w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsCourseDetail.courseEnrollmentsTableAriaLabel'), children: [jsxs("div", { className: "flex items-center gap-1 mb-4", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsCourseDetail.enrolledUsers') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsCourseDetail.enrolledUsers'), description: t('analyticsAnalyticsCourseDetail.enrolledUsersDescription') })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { id: "search-enrolled-user", type: "text", placeholder: t('analyticsAnalyticsCourseDetail.searchPlaceholder'), value: courseEnrollmentsSearch, onChange: handleCourseEnrollmentsSearchInputChange, className: "pl-9 border-gray-300 focus:bg-transparent focus:color-transparent h-11", "aria-label": t('analyticsAnalyticsCourseDetail.searchAriaLabel') })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx("div", { className: "text-sm text-gray-500", children: t('analyticsAnalyticsCourseDetail.loadingLabel') }) })) : ((_a = courseEnrollments === null || courseEnrollments === void 0 ? void 0 : courseEnrollments.enrollments) === null || _a === void 0 ? void 0 : _a.length) &&
+                                        courseEnrollments.enrollments.length > 0 ? (jsxs(Fragment$1, { children: [jsx("div", { className: "rounded-md overflow-x-auto", style: { borderColor: 'oklch(.922 0 0)', borderWidth: '1px' }, children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "h-[48px]", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsCourseDetail.columnName') }), jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsCourseDetail.columnEmail') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsCourseDetail.columnEnrollmentDate') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsCourseDetail.columnLastActiveOn') }), jsx(TableHead, { className: "w-[1%] text-right whitespace-nowrap", children: t('analyticsAnalyticsCourseDetail.columnProgress') })] }) }), jsx(TableBody, { children: courseEnrollments.enrollments.map((enrollment, index) => (jsxs(TableRow, { className: `cursor-pointer hover:bg-muted/50 h-[48px] ${index % 2 === 0 ? 'bg-gray-50' : ''}`, 
+                                                                // Mouse shortcut only; the name and email cells hold profile
+                                                                // links, so keyboard and screen-reader users reach the
+                                                                // progress modal through the Progress column's button.
+                                                                onClick: () => setSelectedEnrollment(enrollment), style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableCell, { className: "font-medium", children: enrollment.name && (jsx(UserProfileLink, { currentSPA: currentSPA, tenantKey: tenantKey, username: enrollment.username, display: enrollment.name })) }), jsx(TableCell, { className: "text-muted-foreground", children: enrollment.email && (jsx(UserProfileLink, { currentSPA: currentSPA, tenantKey: tenantKey, username: enrollment.username, display: enrollment.email })) }), jsx(TableCell, { className: "text-right", children: enrollment.enrollment_date
                                                                             ? new Date(enrollment.enrollment_date).toLocaleDateString()
                                                                             : '—' }), jsx(TableCell, { className: "text-right", children: enrollment.last_active_on
                                                                             ? new Date(enrollment.last_active_on).toLocaleDateString()
-                                                                            : '—' })] }, index))) })] }) }), courseEnrollmentsPagination && courseEnrollmentsPagination.total_pages > 1 && (jsxs("div", { className: "flex items-center justify-center space-x-2 py-4", children: [jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setCourseEnrollmentsPage(1), disabled: courseEnrollmentsPagination.current_page === 1, "aria-label": t('analyticsAnalyticsCourseDetail.paginationFirstPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsCourseDetail.paginationFirstPage') }), jsx(ChevronsLeft, { className: "h-4 w-4" })] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setCourseEnrollmentsPage(courseEnrollmentsPagination.current_page - 1), disabled: courseEnrollmentsPagination.current_page === 1, "aria-label": t('analyticsAnalyticsCourseDetail.paginationPreviousPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsCourseDetail.paginationPreviousPage') }), jsx(ChevronLeft, { className: "h-4 w-4" })] }), Array.from({ length: courseEnrollmentsPagination.total_pages }, (_, i) => i + 1)
+                                                                            : '—' }), jsx(TableCell, { className: "text-right", children: jsx(Button$1, { variant: "ghost", size: "icon", className: "h-8 w-8 text-gray-500 hover:text-blue-600", onClick: (e) => {
+                                                                                e.stopPropagation();
+                                                                                setSelectedEnrollment(enrollment);
+                                                                            }, "aria-label": t('analyticsAnalyticsCourseDetail.viewCourseProgressAriaLabel', {
+                                                                                name: enrollment.name || enrollment.email,
+                                                                            }), title: t('analyticsAnalyticsCourseDetail.viewCourseProgressAriaLabel', {
+                                                                                name: enrollment.name || enrollment.email,
+                                                                            }), children: jsx(TrendingUp, { className: "h-4 w-4", "aria-hidden": "true" }) }) })] }, index))) })] }) }), courseEnrollmentsPagination && courseEnrollmentsPagination.total_pages > 1 && (jsxs("div", { className: "flex items-center justify-center space-x-2 py-4", children: [jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setCourseEnrollmentsPage(1), disabled: courseEnrollmentsPagination.current_page === 1, "aria-label": t('analyticsAnalyticsCourseDetail.paginationFirstPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsCourseDetail.paginationFirstPage') }), jsx(ChevronsLeft, { className: "h-4 w-4" })] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setCourseEnrollmentsPage(courseEnrollmentsPagination.current_page - 1), disabled: courseEnrollmentsPagination.current_page === 1, "aria-label": t('analyticsAnalyticsCourseDetail.paginationPreviousPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsCourseDetail.paginationPreviousPage') }), jsx(ChevronLeft, { className: "h-4 w-4" })] }), Array.from({ length: courseEnrollmentsPagination.total_pages }, (_, i) => i + 1)
                                                         .filter((page) => {
                                                         const current = courseEnrollmentsPagination.current_page;
                                                         const total = courseEnrollmentsPagination.total_pages;
@@ -232785,6 +233046,8 @@ const usePrograms = ({ tenantKey, mentorId, programId, }) => {
             mentor_unique_id: mentorId,
             limit: programsListLimit,
             page: programsListPage,
+            // Busiest programs first — this list reads as a leaderboard.
+            sort_by: 'active_enrollments',
             ...(debouncedSearch && { search: debouncedSearch }),
         });
     }, [
@@ -232825,11 +233088,31 @@ const usePrograms = ({ tenantKey, mentorId, programId, }) => {
         debouncedProgramEnrollmentsSearch,
     ]);
     // Query for programs list and summary
-    const { data: contentAnalyticsData, isLoading: isLoadingContentAnalytics, isFetching: isFetchingContentAnalytics, } = useGetContentAnalyticsQuery(contentAnalyticsParams);
+    const { data: contentAnalyticsData, currentData: currentContentAnalyticsData, isLoading: isLoadingContentAnalytics, isFetching: isFetchingContentAnalytics, } = useGetContentAnalyticsQuery(contentAnalyticsParams);
     // Query for program details (only when programId is provided)
-    const { data: programDetailsData, isLoading: isLoadingProgramDetails, isFetching: isFetchingProgramDetails, } = useGetContentAnalyticsDetailsQuery(programDetailsParams, {
+    const { data: programDetailsData, currentData: currentProgramDetailsData, isLoading: isLoadingProgramDetails, isFetching: isFetchingProgramDetails, } = useGetContentAnalyticsDetailsQuery(programDetailsParams, {
         skip: !programDetailsParams,
     });
+    // Searching the table re-runs the one request the summary cards and the chart
+    // also read from. RTK keeps the previous arguments' response in `data` while
+    // the new one is in flight, so those sections never blank mid-search — but
+    // `currentData` alone can't tell a search apart from an agent or date change,
+    // which those sections *do* vary with. Comparing their own inputs does: while
+    // they differ from the last settled response, the sections report loading
+    // rather than showing the previous scope's numbers with nothing saying so.
+    const statsKey = JSON.stringify({ tenantKey, mentorId, enrollmentStatsDateFilter });
+    const settledStatsKey = React__default.useRef(statsKey);
+    if (currentContentAnalyticsData)
+        settledStatsKey.current = statsKey;
+    const detailStatsKey = JSON.stringify({
+        programId,
+        tenantKey,
+        mentorId,
+        timeSpentStatsDateFilter,
+    });
+    const settledDetailStatsKey = React__default.useRef(detailStatsKey);
+    if (currentProgramDetailsData)
+        settledDetailStatsKey.current = detailStatsKey;
     // Map content analytics data to programStats
     const programStats = useMemo(() => {
         if (!contentAnalyticsData) {
@@ -232869,6 +233152,7 @@ const usePrograms = ({ tenantKey, mentorId, programId, }) => {
                 id: program.id,
                 name: program.name,
                 enrollments: program.analytics.enrollments || 0,
+                program_id: program.program_id,
             })),
             total: contentAnalyticsData.pagination.count,
         };
@@ -232924,8 +233208,21 @@ const usePrograms = ({ tenantKey, mentorId, programId, }) => {
         isFetchingContentAnalytics ||
         isLoadingProgramDetails ||
         isFetchingProgramDetails;
+    // Loading for the sections that don't vary with the table search — see
+    // `statsKey` above for why the key comparison is what distinguishes a search
+    // from a change those sections do have to redraw for.
+    const isStatsLoading = isLoadingContentAnalytics ||
+        (isFetchingContentAnalytics &&
+            currentContentAnalyticsData === undefined &&
+            settledStatsKey.current !== statsKey);
+    const isDetailStatsLoading = isLoadingProgramDetails ||
+        (isFetchingProgramDetails &&
+            currentProgramDetailsData === undefined &&
+            settledDetailStatsKey.current !== detailStatsKey);
     return {
         programStats,
+        isStatsLoading,
+        isDetailStatsLoading,
         isLoading,
         enrollmentStats,
         enrollmentStatsDateFilter,
@@ -232974,30 +233271,40 @@ const formatSecondsToTime = (seconds) => {
 const formatSecondsToHours = (seconds) => {
     return Math.round((seconds / 3600) * 10) / 10;
 };
-function AnalyticsPrograms({ tenantKey, mentorId, selectedMentorId, basePath = '', }) {
+function AnalyticsPrograms({ tenantKey, mentorId, selectedMentorId, basePath = '', getProgramURL, }) {
     var _a, _b, _c;
     const t = useT();
     const router = useRouter();
     const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
-    const { programStats, isLoading, enrollmentStats, enrollmentStatsDateFilter, setEnrollmentStatsDateFilter, programsList, setProgramsListPage, programsListSearch, handleSearchInputChange, programsPagination, } = usePrograms({ tenantKey, mentorId: currentMentorId });
+    const { programStats, isLoading, isStatsLoading, enrollmentStats, enrollmentStatsDateFilter, setEnrollmentStatsDateFilter, programsList, setProgramsListPage, programsListSearch, handleSearchInputChange, programsPagination, } = usePrograms({ tenantKey, mentorId: currentMentorId });
     const handleProgramClick = (programId) => {
         router.push(`${basePath}/programs/${programId}`);
     };
     const hasEnrollmentStatsPoints = Number((_a = enrollmentStats === null || enrollmentStats === void 0 ? void 0 : enrollmentStats.points) === null || _a === void 0 ? void 0 : _a.length) > 0;
-    return (jsxs("div", { className: "space-y-8", children: [jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6", children: [jsx(StatCard, { loading: isLoading, title: t('analyticsAnalyticsPrograms.activePrograms'), value: programStats.active_programs, percentage: programStats.active_programs_percentage, description: t('analyticsAnalyticsPrograms.activeProgramsDescription') }), jsx(StatCard, { loading: isLoading, title: t('analyticsAnalyticsPrograms.totalPrograms'), value: programStats.total_programs, percentage: programStats.total_programs_percentage, description: t('analyticsAnalyticsPrograms.totalProgramsDescription') }), jsx(StatCard, { loading: isLoading, title: t('analyticsAnalyticsPrograms.enrollments'), value: programStats.enrollments, percentage: programStats.enrollments_percentage, description: t('analyticsAnalyticsPrograms.enrollmentsDescription') }), jsx(StatCard, { loading: isLoading, title: t('analyticsAnalyticsPrograms.totalLearners'), value: programStats.total_learners, 
+    return (jsxs("div", { className: "space-y-8", children: [jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6", children: [jsx(StatCard, { loading: isStatsLoading, title: t('analyticsAnalyticsPrograms.activePrograms'), value: programStats.active_programs, percentage: programStats.active_programs_percentage, description: t('analyticsAnalyticsPrograms.activeProgramsDescription') }), jsx(StatCard, { loading: isStatsLoading, title: t('analyticsAnalyticsPrograms.totalPrograms'), value: programStats.total_programs, percentage: programStats.total_programs_percentage, description: t('analyticsAnalyticsPrograms.totalProgramsDescription') }), jsx(StatCard, { loading: isStatsLoading, title: t('analyticsAnalyticsPrograms.enrollments'), value: programStats.enrollments, percentage: programStats.enrollments_percentage, description: t('analyticsAnalyticsPrograms.enrollmentsDescription') }), jsx(StatCard, { loading: isStatsLoading, title: t('analyticsAnalyticsPrograms.totalLearners'), value: programStats.total_learners, 
                         //percentage={programStats.enrollments_percentage}
-                        description: t('analyticsAnalyticsPrograms.totalLearnersDescription') })] }), (isLoading || hasEnrollmentStatsPoints) && (jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(ChartCardWrapper, { title: t('analyticsAnalyticsPrograms.programOvertime'), label: t('analyticsAnalyticsPrograms.timeSpent'), filters: enrollmentStatsDateFilter, setOutsideFilters: setEnrollmentStatsDateFilter, description: t('analyticsAnalyticsPrograms.programOvertimeDescription'), children: isLoading ? (jsx(ChartLoading, {})) : (jsx(AnalyticsAreaChart, { data: ((_b = enrollmentStats === null || enrollmentStats === void 0 ? void 0 : enrollmentStats.points) === null || _b === void 0 ? void 0 : _b.map((point) => ({
+                        description: t('analyticsAnalyticsPrograms.totalLearnersDescription') })] }), (isStatsLoading || hasEnrollmentStatsPoints) && (jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(ChartCardWrapper, { title: t('analyticsAnalyticsPrograms.programOvertime'), label: t('analyticsAnalyticsPrograms.timeSpent'), filters: enrollmentStatsDateFilter, setOutsideFilters: setEnrollmentStatsDateFilter, description: t('analyticsAnalyticsPrograms.programOvertimeDescription'), children: isStatsLoading ? (jsx(ChartLoading, {})) : (jsx(AnalyticsAreaChart, { data: ((_b = enrollmentStats === null || enrollmentStats === void 0 ? void 0 : enrollmentStats.points) === null || _b === void 0 ? void 0 : _b.map((point) => ({
                             date: formatDateToShortFormat(point.date, enrollmentStatsDateFilter.activeFilter === 'today'),
                             value: formatSecondsToHours(point.value),
                             rawSeconds: point.value,
-                        }))) || [], tooltipLabel: t('analyticsAnalyticsPrograms.timeSpent'), tooltipValue: (point) => formatSecondsToTime(Number(point.rawSeconds) || 0), tooltipAriaLabel: (label) => t('analyticsAnalyticsPrograms.tooltipAriaLabel', { label }), yTickFormatter: (value) => `${value}h` })) }) })), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(Card, { className: "w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsPrograms.programsTableAriaLabel'), children: [jsxs("div", { className: "flex items-center gap-1 mb-4", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsPrograms.programs') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsPrograms.programs'), description: t('analyticsAnalyticsPrograms.programsTableDescription') })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { id: "search-program", type: "text", placeholder: t('analyticsAnalyticsPrograms.searchPlaceholder'), value: programsListSearch, onChange: handleSearchInputChange, className: "pl-9 border-gray-300 focus:bg-transparent focus:color-transparent h-11", "aria-label": t('analyticsAnalyticsPrograms.searchAriaLabel') })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx("div", { className: "text-sm text-gray-500", children: t('analyticsAnalyticsPrograms.loading') }) })) : ((_c = programsList === null || programsList === void 0 ? void 0 : programsList.programs) === null || _c === void 0 ? void 0 : _c.length) && programsList.programs.length > 0 ? (jsxs(Fragment$1, { children: [jsx("div", { className: "rounded-md overflow-x-auto", style: { borderColor: 'oklch(.922 0 0)', borderWidth: '1px' }, children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "h-[48px]", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsPrograms.programName') }), jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsPrograms.programId') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsPrograms.enrollments') })] }) }), jsx(TableBody, { children: programsList.programs.map((program, index) => (jsxs(TableRow, { className: `cursor-pointer hover:bg-muted/50 h-[48px] ${index % 2 === 0 ? 'bg-gray-50' : ''}`, onClick: () => handleProgramClick(program.id), role: "button", tabIndex: 0, onKeyDown: (e) => {
-                                                                    if (e.key === 'Enter' || e.key === ' ') {
-                                                                        e.preventDefault();
-                                                                        handleProgramClick(program.id);
-                                                                    }
-                                                                }, "aria-label": t('analyticsAnalyticsPrograms.viewDetailsAriaLabel', {
-                                                                    name: program.name,
-                                                                }), style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableCell, { className: "font-medium", children: program.name }), jsx(TableCell, { className: "text-muted-foreground", children: program.id }), jsx(TableCell, { className: "text-right", children: program.enrollments.toLocaleString() })] }, program.id))) })] }) }), programsPagination && programsPagination.total_pages > 1 && (jsxs("div", { className: "flex items-center justify-center space-x-2 py-4", children: [jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setProgramsListPage(1), disabled: programsPagination.current_page === 1, "aria-label": t('analyticsAnalyticsPrograms.goToFirstPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsPrograms.goToFirstPage') }), jsx(ChevronsLeft, { className: "h-4 w-4" })] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setProgramsListPage(programsPagination.current_page - 1), disabled: programsPagination.current_page === 1, "aria-label": t('analyticsAnalyticsPrograms.goToPreviousPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsPrograms.goToPreviousPage') }), jsx(ChevronLeft, { className: "h-4 w-4" })] }), Array.from({ length: programsPagination.total_pages }, (_, i) => i + 1)
+                        }))) || [], tooltipLabel: t('analyticsAnalyticsPrograms.timeSpent'), tooltipValue: (point) => formatSecondsToTime(Number(point.rawSeconds) || 0), tooltipAriaLabel: (label) => t('analyticsAnalyticsPrograms.tooltipAriaLabel', { label }), yTickFormatter: (value) => `${value}h` })) }) })), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(Card, { className: "w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsPrograms.programsTableAriaLabel'), children: [jsxs("div", { className: "flex items-center gap-1 mb-4", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsPrograms.programs') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsPrograms.programs'), description: t('analyticsAnalyticsPrograms.programsTableDescription') })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { id: "search-program", type: "text", placeholder: t('analyticsAnalyticsPrograms.searchPlaceholder'), value: programsListSearch, onChange: handleSearchInputChange, className: "pl-9 border-gray-300 focus:bg-transparent focus:color-transparent h-11", "aria-label": t('analyticsAnalyticsPrograms.searchAriaLabel') })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx("div", { className: "text-sm text-gray-500", children: t('analyticsAnalyticsPrograms.loading') }) })) : ((_c = programsList === null || programsList === void 0 ? void 0 : programsList.programs) === null || _c === void 0 ? void 0 : _c.length) && programsList.programs.length > 0 ? (jsxs(Fragment$1, { children: [jsx("div", { className: "rounded-md overflow-x-auto", style: { borderColor: 'oklch(.922 0 0)', borderWidth: '1px' }, children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "h-[48px]", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsPrograms.programName') }), jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsPrograms.programId') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsPrograms.enrollments') })] }) }), jsx(TableBody, { children: programsList.programs.map((program, index) => (jsxs(TableRow, { className: `cursor-pointer hover:bg-muted/50 h-[48px] ${index % 2 === 0 ? 'bg-gray-50' : ''}`, 
+                                                                // Mouse shortcut only; the id cell may hold a link,
+                                                                // so the row itself must not be a button —
+                                                                // interactive content inside one is invalid, and
+                                                                // the row's label would rename the link. Keyboard
+                                                                // and screen-reader users open the detail page
+                                                                // through the program name below.
+                                                                onClick: () => handleProgramClick(program.id), style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableCell, { className: "font-medium", children: jsx("button", { type: "button", className: "max-w-full cursor-pointer truncate text-left hover:text-blue-600 hover:underline focus:text-blue-600 focus:outline-none", onClick: (e) => {
+                                                                                e.stopPropagation();
+                                                                                handleProgramClick(program.id);
+                                                                            }, "aria-label": t('analyticsAnalyticsPrograms.viewDetailsAriaLabel', {
+                                                                                name: program.name,
+                                                                            }), children: program.name }) }), jsx(TableCell, { className: "text-muted-foreground", children: getProgramURL && program.program_id ? (jsx("a", { href: getProgramURL(program.program_id), target: "_blank", rel: "noopener noreferrer", 
+                                                                            // The row navigates to the analytics detail
+                                                                            // page; this link goes to the program itself.
+                                                                            onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), className: "cursor-pointer hover:text-blue-600 hover:underline focus:text-blue-600 focus:outline-none", "aria-label": t('analyticsAnalyticsPrograms.openProgramAriaLabel', {
+                                                                                id: program.program_id,
+                                                                            }), children: program.id })) : (program.id) }), jsx(TableCell, { className: "text-right", children: program.enrollments.toLocaleString() })] }, program.id))) })] }) }), programsPagination && programsPagination.total_pages > 1 && (jsxs("div", { className: "flex items-center justify-center space-x-2 py-4", children: [jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setProgramsListPage(1), disabled: programsPagination.current_page === 1, "aria-label": t('analyticsAnalyticsPrograms.goToFirstPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsPrograms.goToFirstPage') }), jsx(ChevronsLeft, { className: "h-4 w-4" })] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setProgramsListPage(programsPagination.current_page - 1), disabled: programsPagination.current_page === 1, "aria-label": t('analyticsAnalyticsPrograms.goToPreviousPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsPrograms.goToPreviousPage') }), jsx(ChevronLeft, { className: "h-4 w-4" })] }), Array.from({ length: programsPagination.total_pages }, (_, i) => i + 1)
                                                         .filter((page) => {
                                                         const current = programsPagination.current_page;
                                                         const total = programsPagination.total_pages;
@@ -233016,28 +233323,34 @@ function AnalyticsPrograms({ tenantKey, mentorId, selectedMentorId, basePath = '
                                                     }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setProgramsListPage(programsPagination.current_page + 1), disabled: programsPagination.current_page === programsPagination.total_pages, "aria-label": t('analyticsAnalyticsPrograms.goToNextPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsPrograms.goToNextPage') }), jsx(ChevronRight, { className: "h-4 w-4" })] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setProgramsListPage(programsPagination.total_pages), disabled: programsPagination.current_page === programsPagination.total_pages, "aria-label": t('analyticsAnalyticsPrograms.goToLastPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsPrograms.goToLastPage') }), jsx(ChevronsRight, { className: "h-4 w-4" })] })] }))] })) : (jsx(EmptyStats, { title: t('analyticsAnalyticsPrograms.noProgramsAvailable') }))] })] }) }) })] }));
 }
 
-function AnalyticsProgramDetail({ tenantKey, mentorId, selectedMentorId, programId, programName, onBack, }) {
+function AnalyticsProgramDetail({ tenantKey, currentSPA, mentorId, selectedMentorId, programId, programName, onBack, }) {
     var _a, _b;
     const t = useT();
     const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
-    const { programDetailStats, isLoading, programEnrollments, programEnrollmentsSearch, handleProgramEnrollmentsSearchInputChange, setProgramEnrollmentsPage, programEnrollmentsPagination, programInfo, } = usePrograms({
+    const { programDetailStats, isLoading, isDetailStatsLoading, programEnrollments, programEnrollmentsSearch, handleProgramEnrollmentsSearchInputChange, setProgramEnrollmentsPage, programEnrollmentsPagination, programInfo, } = usePrograms({
         tenantKey,
         mentorId: currentMentorId,
         programId,
     });
     const [selectedEnrollment, setSelectedEnrollment] = useState(null);
     const resolvedProgramName = programName || (programInfo === null || programInfo === void 0 ? void 0 : programInfo.name);
-    return (jsxs("div", { className: "space-y-8", children: [(onBack || resolvedProgramName) && (jsxs("div", { className: "mb-4 flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4", children: [jsx("div", { className: "flex flex-1 justify-start", children: onBack && (jsx(Button$1, { variant: "ghost", size: "icon", onClick: onBack, "aria-label": t('analyticsAnalyticsProgramDetail.backAriaLabel'), className: "h-8 w-8 rounded-full bg-gray-100 text-gray-700 hover:bg-gray-200 hover:text-gray-900 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700 dark:hover:text-white", children: jsx(ArrowLeft, { className: "h-4 w-4" }) })) }), resolvedProgramName && (jsx("h2", { className: "flex-1 truncate text-left text-2xl font-medium text-gray-700 sm:text-center", children: resolvedProgramName })), jsx("div", { className: "hidden flex-1 sm:block" })] })), jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-4 mb-6", children: [jsx(StatCard, { loading: isLoading, title: t('analyticsAnalyticsProgramDetail.statTotalEnrollments'), value: programDetailStats.enrollments, percentage: programDetailStats.enrollments_percentage, description: t('analyticsAnalyticsProgramDetail.statTotalEnrollmentsDescription') }), jsx(StatCard, { loading: isLoading, title: t('analyticsAnalyticsProgramDetail.statActiveEnrollments'), value: programDetailStats.active_enrollments, percentage: programDetailStats.active_enrollments_percentage, description: t('analyticsAnalyticsProgramDetail.statActiveEnrollmentsDescription') }), jsx(StatCard, { loading: isLoading, title: t('analyticsAnalyticsProgramDetail.statCompletedEnrollments'), value: programDetailStats.completed_enrollments, percentage: programDetailStats.completed_enrollments_percentage, description: t('analyticsAnalyticsProgramDetail.statCompletedEnrollmentsDescription') })] }), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(Card, { className: "w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsProgramDetail.tableAriaLabel'), children: [jsxs("div", { className: "flex items-center gap-1 mb-4", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsProgramDetail.enrolledUsersHeading') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsProgramDetail.enrolledUsersHeading'), description: t('analyticsAnalyticsProgramDetail.enrolledUsersDescription') })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { id: "search-enrolled-user", type: "text", placeholder: t('analyticsAnalyticsProgramDetail.searchPlaceholder'), value: programEnrollmentsSearch, onChange: handleProgramEnrollmentsSearchInputChange, className: "pl-9 border-gray-300 focus:bg-transparent focus:color-transparent h-11", "aria-label": t('analyticsAnalyticsProgramDetail.searchAriaLabel') })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx("div", { className: "text-sm text-gray-500", children: t('analyticsAnalyticsProgramDetail.loadingLabel') }) })) : ((_a = programEnrollments === null || programEnrollments === void 0 ? void 0 : programEnrollments.enrollments) === null || _a === void 0 ? void 0 : _a.length) &&
-                                        programEnrollments.enrollments.length > 0 ? (jsxs(Fragment$1, { children: [jsx("div", { className: "rounded-md overflow-x-auto", style: { borderColor: 'oklch(.922 0 0)', borderWidth: '1px' }, children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "h-[48px]", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsProgramDetail.colName') }), jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsProgramDetail.colEmail') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsProgramDetail.colEnrollmentDate') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsProgramDetail.colLastActiveOn') })] }) }), jsx(TableBody, { children: programEnrollments.enrollments.map((enrollment, index) => (jsxs(TableRow, { className: `cursor-pointer hover:bg-muted/50 h-[48px] ${index % 2 === 0 ? 'bg-gray-50' : ''}`, onClick: () => setSelectedEnrollment(enrollment), role: "button", tabIndex: 0, onKeyDown: (e) => {
-                                                                    if (e.key === 'Enter' || e.key === ' ') {
-                                                                        e.preventDefault();
-                                                                        setSelectedEnrollment(enrollment);
-                                                                    }
-                                                                }, "aria-label": t('analyticsAnalyticsProgramDetail.viewProgramProgressAriaLabel', { name: enrollment.name }), style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableCell, { className: "font-medium", children: enrollment.name }), jsx(TableCell, { className: "text-muted-foreground", children: enrollment.email }), jsx(TableCell, { className: "text-right", children: enrollment.enrollment_date
+    return (jsxs("div", { className: "space-y-8", children: [(onBack || resolvedProgramName) && (jsxs("div", { className: "mb-4 flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4", children: [jsx("div", { className: "flex flex-1 justify-start", children: onBack && (jsx(Button$1, { variant: "ghost", size: "icon", onClick: onBack, "aria-label": t('analyticsAnalyticsProgramDetail.backAriaLabel'), className: "h-8 w-8 rounded-full bg-gray-100 text-gray-700 hover:bg-gray-200 hover:text-gray-900 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700 dark:hover:text-white", children: jsx(ArrowLeft, { className: "h-4 w-4" }) })) }), resolvedProgramName && (jsx("h2", { className: "flex-1 truncate text-left text-2xl font-medium text-gray-700 sm:text-center", children: resolvedProgramName })), jsx("div", { className: "hidden flex-1 sm:block" })] })), jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-4 mb-6", children: [jsx(StatCard, { loading: isDetailStatsLoading, title: t('analyticsAnalyticsProgramDetail.statTotalEnrollments'), value: programDetailStats.enrollments, percentage: programDetailStats.enrollments_percentage, description: t('analyticsAnalyticsProgramDetail.statTotalEnrollmentsDescription') }), jsx(StatCard, { loading: isDetailStatsLoading, title: t('analyticsAnalyticsProgramDetail.statActiveEnrollments'), value: programDetailStats.active_enrollments, percentage: programDetailStats.active_enrollments_percentage, description: t('analyticsAnalyticsProgramDetail.statActiveEnrollmentsDescription') }), jsx(StatCard, { loading: isDetailStatsLoading, title: t('analyticsAnalyticsProgramDetail.statCompletedEnrollments'), value: programDetailStats.completed_enrollments, percentage: programDetailStats.completed_enrollments_percentage, description: t('analyticsAnalyticsProgramDetail.statCompletedEnrollmentsDescription') })] }), jsx("div", { className: "grid grid-cols-1 gap-6", children: jsx(Card, { className: "w-full bg-white shadow-xs", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4", "aria-label": t('analyticsAnalyticsProgramDetail.tableAriaLabel'), children: [jsxs("div", { className: "flex items-center gap-1 mb-4", children: [jsx("h3", { className: "text-base font-medium text-gray-700", children: t('analyticsAnalyticsProgramDetail.enrolledUsersHeading') }), jsx(CardInfoIcon, { title: t('analyticsAnalyticsProgramDetail.enrolledUsersHeading'), description: t('analyticsAnalyticsProgramDetail.enrolledUsersDescription') })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { id: "search-enrolled-user", type: "text", placeholder: t('analyticsAnalyticsProgramDetail.searchPlaceholder'), value: programEnrollmentsSearch, onChange: handleProgramEnrollmentsSearchInputChange, className: "pl-9 border-gray-300 focus:bg-transparent focus:color-transparent h-11", "aria-label": t('analyticsAnalyticsProgramDetail.searchAriaLabel') })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx("div", { className: "text-sm text-gray-500", children: t('analyticsAnalyticsProgramDetail.loadingLabel') }) })) : ((_a = programEnrollments === null || programEnrollments === void 0 ? void 0 : programEnrollments.enrollments) === null || _a === void 0 ? void 0 : _a.length) &&
+                                        programEnrollments.enrollments.length > 0 ? (jsxs(Fragment$1, { children: [jsx("div", { className: "rounded-md overflow-x-auto", style: { borderColor: 'oklch(.922 0 0)', borderWidth: '1px' }, children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "h-[48px]", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsProgramDetail.colName') }), jsx(TableHead, { className: "text-left", children: t('analyticsAnalyticsProgramDetail.colEmail') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsProgramDetail.colEnrollmentDate') }), jsx(TableHead, { className: "text-right", children: t('analyticsAnalyticsProgramDetail.colLastActiveOn') }), jsx(TableHead, { className: "w-[1%] text-right whitespace-nowrap", children: t('analyticsAnalyticsProgramDetail.colProgress') })] }) }), jsx(TableBody, { children: programEnrollments.enrollments.map((enrollment, index) => (jsxs(TableRow, { className: `cursor-pointer hover:bg-muted/50 h-[48px] ${index % 2 === 0 ? 'bg-gray-50' : ''}`, 
+                                                                // Mouse shortcut only; the name and email cells hold profile
+                                                                // links, so keyboard and screen-reader users reach the
+                                                                // progress modal through the Progress column's button.
+                                                                onClick: () => setSelectedEnrollment(enrollment), style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(TableCell, { className: "font-medium", children: enrollment.name && (jsx(UserProfileLink, { currentSPA: currentSPA, tenantKey: tenantKey, username: enrollment.username, display: enrollment.name })) }), jsx(TableCell, { className: "text-muted-foreground", children: enrollment.email && (jsx(UserProfileLink, { currentSPA: currentSPA, tenantKey: tenantKey, username: enrollment.username, display: enrollment.email })) }), jsx(TableCell, { className: "text-right", children: enrollment.enrollment_date
                                                                             ? new Date(enrollment.enrollment_date).toLocaleDateString()
                                                                             : '—' }), jsx(TableCell, { className: "text-right", children: enrollment.last_active_on
                                                                             ? new Date(enrollment.last_active_on).toLocaleDateString()
-                                                                            : '—' })] }, index))) })] }) }), programEnrollmentsPagination && programEnrollmentsPagination.total_pages > 1 && (jsxs("div", { className: "flex items-center justify-center space-x-2 py-4", children: [jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setProgramEnrollmentsPage(1), disabled: programEnrollmentsPagination.current_page === 1, "aria-label": t('analyticsAnalyticsProgramDetail.paginationFirstPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsProgramDetail.paginationFirstPage') }), jsx(ChevronsLeft, { className: "h-4 w-4" })] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setProgramEnrollmentsPage(programEnrollmentsPagination.current_page - 1), disabled: programEnrollmentsPagination.current_page === 1, "aria-label": t('analyticsAnalyticsProgramDetail.paginationPreviousPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsProgramDetail.paginationPreviousPage') }), jsx(ChevronLeft, { className: "h-4 w-4" })] }), Array.from({ length: programEnrollmentsPagination.total_pages }, (_, i) => i + 1)
+                                                                            : '—' }), jsx(TableCell, { className: "text-right", children: jsx(Button$1, { variant: "ghost", size: "icon", className: "h-8 w-8 text-gray-500 hover:text-blue-600", onClick: (e) => {
+                                                                                e.stopPropagation();
+                                                                                setSelectedEnrollment(enrollment);
+                                                                            }, "aria-label": t('analyticsAnalyticsProgramDetail.viewProgramProgressAriaLabel', {
+                                                                                name: enrollment.name || enrollment.email,
+                                                                            }), title: t('analyticsAnalyticsProgramDetail.viewProgramProgressAriaLabel', {
+                                                                                name: enrollment.name || enrollment.email,
+                                                                            }), children: jsx(TrendingUp, { className: "h-4 w-4", "aria-hidden": "true" }) }) })] }, index))) })] }) }), programEnrollmentsPagination && programEnrollmentsPagination.total_pages > 1 && (jsxs("div", { className: "flex items-center justify-center space-x-2 py-4", children: [jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setProgramEnrollmentsPage(1), disabled: programEnrollmentsPagination.current_page === 1, "aria-label": t('analyticsAnalyticsProgramDetail.paginationFirstPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsProgramDetail.paginationFirstPage') }), jsx(ChevronsLeft, { className: "h-4 w-4" })] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-2 !w-auto !inline-flex bg-transparent", onClick: () => setProgramEnrollmentsPage(programEnrollmentsPagination.current_page - 1), disabled: programEnrollmentsPagination.current_page === 1, "aria-label": t('analyticsAnalyticsProgramDetail.paginationPreviousPage'), children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsProgramDetail.paginationPreviousPage') }), jsx(ChevronLeft, { className: "h-4 w-4" })] }), Array.from({ length: programEnrollmentsPagination.total_pages }, (_, i) => i + 1)
                                                         .filter((page) => {
                                                         const current = programEnrollmentsPagination.current_page;
                                                         const total = programEnrollmentsPagination.total_pages;
@@ -233628,14 +233941,14 @@ function DetailRow({ label, value }) {
  * decided by the `event_type === null` branch: CRUD entries get the field-level
  * `changes` diff, manual events get their `metadata`.
  */
-function PlatformAuditLogDetailSheet({ entry, open, onOpenChange, timeZone, }) {
+function PlatformAuditLogDetailSheet({ entry, open, onOpenChange, timeZone, platformKey, currentSPA, }) {
     const t = useT();
     const { eventTypeLabel, actionLabel } = usePlatformAuditLabels();
     const isCrudEntry = entry ? entry.event_type === null : false;
     const placeholder = t('analyticsPlatformAuditLogDetailSheet.notAvailable');
     return (jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: jsxs(SheetContent, { side: "right", className: "w-full overflow-y-auto sm:max-w-xl", "data-testid": "platform-audit-detail", children: [jsxs(SheetHeader, { children: [jsx(SheetTitle, { children: t('analyticsPlatformAuditLogDetailSheet.title') }), jsx(SheetDescription, { children: t('analyticsPlatformAuditLogDetailSheet.description') })] }), entry && (jsxs("div", { className: "space-y-6 px-4 pb-6", children: [jsxs("dl", { className: "divide-y divide-gray-100", children: [jsx(DetailRow, { label: t('analyticsPlatformAuditLogDetailSheet.timestamp'), value: formatAuditTimestamp(entry.timestamp, timeZone) }), jsx(DetailRow, { label: isCrudEntry
                                         ? t('analyticsPlatformAuditLogDetailSheet.action')
-                                        : t('analyticsPlatformAuditLogDetailSheet.event'), value: isCrudEntry ? actionLabel(entry.action) : eventTypeLabel(String(entry.event_type)) }), !isCrudEntry && (jsx(DetailRow, { label: t('analyticsPlatformAuditLogDetailSheet.action'), value: actionLabel(entry.action) })), jsx(DetailRow, { label: t('analyticsPlatformAuditLogDetailSheet.actor'), value: entry.actor_username || entry.actor_email ? (jsxs("span", { className: "flex flex-col", children: [entry.actor_username && jsx("span", { children: entry.actor_username }), entry.actor_email && (jsx("span", { className: "text-xs text-gray-500", children: entry.actor_email }))] })) : (placeholder) }), isCrudEntry && (jsx(DetailRow, { label: t('analyticsPlatformAuditLogDetailSheet.resource'), value: entry.resource_type || entry.resource_repr ? (jsxs("span", { className: "flex flex-col", children: [entry.resource_repr && jsx("span", { children: entry.resource_repr }), jsx("span", { className: "text-xs text-gray-500", children: [
+                                        : t('analyticsPlatformAuditLogDetailSheet.event'), value: isCrudEntry ? actionLabel(entry.action) : eventTypeLabel(String(entry.event_type)) }), !isCrudEntry && (jsx(DetailRow, { label: t('analyticsPlatformAuditLogDetailSheet.action'), value: actionLabel(entry.action) })), jsx(DetailRow, { label: t('analyticsPlatformAuditLogDetailSheet.actor'), value: entry.actor_username || entry.actor_email ? (jsxs("span", { className: "flex flex-col items-start", children: [entry.actor_username && (jsx(UserProfileLink, { tenantKey: platformKey !== null && platformKey !== void 0 ? platformKey : '', currentSPA: currentSPA, username: platformKey ? entry.actor_username : null, display: entry.actor_username })), entry.actor_email && (jsx("span", { className: "text-xs text-gray-500", children: entry.actor_email }))] })) : (placeholder) }), isCrudEntry && (jsx(DetailRow, { label: t('analyticsPlatformAuditLogDetailSheet.resource'), value: entry.resource_type || entry.resource_repr ? (jsxs("span", { className: "flex flex-col", children: [entry.resource_repr && jsx("span", { children: entry.resource_repr }), jsx("span", { className: "text-xs text-gray-500", children: [
                                                     entry.resource_type ? humanizeAuditToken(entry.resource_type) : null,
                                                     entry.resource_id ? `#${entry.resource_id}` : null,
                                                 ]
@@ -233783,12 +234096,12 @@ const SKELETON_ROW_KEYS = ['a', 'b', 'c', 'd', 'e'];
 function isCrudEntry(entry) {
     return entry.event_type === null;
 }
-function formatActor(entry, placeholder) {
+function formatActor(entry, placeholder, platformKey, currentSPA) {
     if (!entry.actor_username && !entry.actor_email)
         return null;
-    return (jsxs("span", { className: "flex flex-col", children: [jsx("span", { className: "font-medium text-gray-700", children: entry.actor_username || placeholder }), entry.actor_email && jsx("span", { className: "text-xs text-gray-500", children: entry.actor_email })] }));
+    return (jsxs("span", { className: "flex flex-col items-start", children: [jsx(UserProfileLink, { tenantKey: platformKey, currentSPA: currentSPA, username: entry.actor_username, display: entry.actor_username || placeholder, className: "font-medium text-gray-700" }), entry.actor_email && jsx("span", { className: "text-xs text-gray-500", children: entry.actor_email })] }));
 }
-function AnalyticsPlatformAuditLog({ platformKey, timezone, }) {
+function AnalyticsPlatformAuditLog({ platformKey, timezone, currentSPA, }) {
     var _a, _b, _c;
     const t = useT();
     const [selectedEntry, setSelectedEntry] = useState(null);
@@ -233815,7 +234128,7 @@ function AnalyticsPlatformAuditLog({ platformKey, timezone, }) {
                                                     timezone: timeZoneLabel,
                                                 }) }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: t('analyticsAnalyticsPlatformAuditLog.colEvent') }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: t('analyticsAnalyticsPlatformAuditLog.colActor') }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: t('analyticsAnalyticsPlatformAuditLog.colResource') }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: t('analyticsAnalyticsPlatformAuditLog.colIpAddress') }), jsx(TableHead, { className: "p-3 text-right text-sm whitespace-nowrap text-[#646464]", children: jsx("span", { className: "sr-only", children: t('analyticsAnalyticsPlatformAuditLog.colDetails') }) })] }) }), jsx(TableBody, { children: results.map((entry) => {
                                         const crud = isCrudEntry(entry);
-                                        const actor = formatActor(entry, placeholder);
+                                        const actor = formatActor(entry, placeholder, platformKey, currentSPA);
                                         return (jsxs(TableRow, { className: "border-b border-[oklch(0.922_0_0)] last:border-0", children: [jsx(TableCell, { className: "p-3 whitespace-nowrap text-[#646464]", children: formatAuditTimestamp(entry.timestamp, timeZone) }), jsx(TableCell, { className: "p-3 text-[#646464]", children: jsxs("span", { className: "flex flex-col", children: [jsx("span", { className: "font-medium text-gray-700", children: crud
                                                                     ? actionLabel(entry.action)
                                                                     : eventTypeLabel(String(entry.event_type)) }), jsx("span", { className: "text-xs text-gray-500", children: crud
@@ -233827,7 +234140,7 @@ function AnalyticsPlatformAuditLog({ platformKey, timezone, }) {
                 }) })), jsx(IblPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage, disabled: isFetching }), jsx(PlatformAuditLogDetailSheet, { entry: selectedEntry, open: selectedEntry !== null, onOpenChange: (open) => {
                     if (!open)
                         setSelectedEntry(null);
-                }, timeZone: timeZone })] }));
+                }, timeZone: timeZone, platformKey: platformKey, currentSPA: currentSPA })] }));
 }
 
 const ACTION_LABELS = {
@@ -233978,7 +234291,7 @@ function summarizeChanges(entry) {
     return `${action} ${target}`;
 }
 /** The per-agent change log — the original audit view, unchanged. */
-function AgentAuditLogView({ tenantKey, mentorId, userId, selectedMentorId, }) {
+function AgentAuditLogView({ tenantKey, mentorId, userId, selectedMentorId, currentSPA, }) {
     var _a;
     const t = useT();
     const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
@@ -234016,9 +234329,9 @@ function AgentAuditLogView({ tenantKey, mentorId, userId, selectedMentorId, }) {
                                         }, numberOfMonths: 2 }) })] }), jsx("div", { className: "min-w-[160px]", children: jsxs(Select$1, { value: actionFilter !== undefined ? String(actionFilter) : 'all', onValueChange: (val) => {
                                     setActionFilter(val === 'all' ? undefined : Number(val));
                                     setPage(1);
-                                }, children: [jsx(SelectTrigger, { className: "w-full font-normal bg-white h-9", children: jsx(SelectValue, { placeholder: t('analyticsAnalyticsAuditLogStats.allActions') }) }), jsx(SelectContent, { children: ACTION_FILTER_OPTIONS.map((opt) => (jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] }) })] }) }), jsx("div", { className: "overflow-hidden rounded-md border border-[oklch(0.922_0_0)] bg-white", children: jsx("div", { className: "overflow-x-auto", children: jsx("div", { className: "inline-block min-w-full align-middle", children: isLoading ? (jsx("div", { className: "flex items-center justify-center w-full py-10", children: jsx("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-blue-600 border-t-transparent" }) })) : error && !is403 ? (jsx("div", { className: "py-8 text-center text-[#646464]", children: t('analyticsAnalyticsAuditLogStats.loadError') })) : !((_a = data === null || data === void 0 ? void 0 : data.results) === null || _a === void 0 ? void 0 : _a.length) ? (jsx("div", { className: "h-[120px]", children: jsx(EmptyStats, { title: t('analyticsAnalyticsAuditLogStats.noEntries') }) })) : (jsxs(Table, { className: "min-w-full", children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "bg-muted/50 border-b border-[oklch(0.922_0_0)]", children: [jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: t('analyticsAnalyticsAuditLogStats.colUser') }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: t('analyticsAnalyticsAuditLogStats.colAction') }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: t('analyticsAnalyticsAuditLogStats.colTime') })] }) }), jsx(TableBody, { children: data.results.map((entry) => (jsxs(TableRow, { className: "border-b border-[oklch(0.922_0_0)] last:border-0", children: [jsx(TableCell, { className: "p-3 font-medium whitespace-nowrap text-[#646464]", children: entry.actor_email }), jsx(TableCell, { className: "min-w-[250px] p-3 text-[#646464]", children: summarizeChanges(entry) }), jsx(TableCell, { className: "p-3 whitespace-nowrap text-[#646464]", children: formatDistanceToNow(new Date(entry.timestamp), { addSuffix: true }) })] }, entry.id))) })] })) }) }) }), jsx(IblPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage, disabled: isLoading })] }));
+                                }, children: [jsx(SelectTrigger, { className: "w-full font-normal bg-white h-9", children: jsx(SelectValue, { placeholder: t('analyticsAnalyticsAuditLogStats.allActions') }) }), jsx(SelectContent, { children: ACTION_FILTER_OPTIONS.map((opt) => (jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] }) })] }) }), jsx("div", { className: "overflow-hidden rounded-md border border-[oklch(0.922_0_0)] bg-white", children: jsx("div", { className: "overflow-x-auto", children: jsx("div", { className: "inline-block min-w-full align-middle", children: isLoading ? (jsx("div", { className: "flex items-center justify-center w-full py-10", children: jsx("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-blue-600 border-t-transparent" }) })) : error && !is403 ? (jsx("div", { className: "py-8 text-center text-[#646464]", children: t('analyticsAnalyticsAuditLogStats.loadError') })) : !((_a = data === null || data === void 0 ? void 0 : data.results) === null || _a === void 0 ? void 0 : _a.length) ? (jsx("div", { className: "h-[120px]", children: jsx(EmptyStats, { title: t('analyticsAnalyticsAuditLogStats.noEntries') }) })) : (jsxs(Table, { className: "min-w-full", children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "bg-muted/50 border-b border-[oklch(0.922_0_0)]", children: [jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: t('analyticsAnalyticsAuditLogStats.colUser') }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: t('analyticsAnalyticsAuditLogStats.colAction') }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: t('analyticsAnalyticsAuditLogStats.colTime') })] }) }), jsx(TableBody, { children: data.results.map((entry) => (jsxs(TableRow, { className: "border-b border-[oklch(0.922_0_0)] last:border-0", children: [jsx(TableCell, { className: "p-3 font-medium whitespace-nowrap text-[#646464]", children: jsx(UserProfileLink, { tenantKey: tenantKey, currentSPA: currentSPA, username: entry.actor_username, display: entry.actor_email || entry.actor_username }) }), jsx(TableCell, { className: "min-w-[250px] p-3 text-[#646464]", children: summarizeChanges(entry) }), jsx(TableCell, { className: "p-3 whitespace-nowrap text-[#646464]", children: formatDistanceToNow(new Date(entry.timestamp), { addSuffix: true }) })] }, entry.id))) })] })) }) }) }), jsx(IblPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage, disabled: isLoading })] }));
 }
-function AnalyticsAuditLogStats({ tenantKey, mentorId, userId, selectedMentorId, defaultScope = 'agent', timezone, canViewPlatformAudit, }) {
+function AnalyticsAuditLogStats({ tenantKey, currentSPA, mentorId, userId, selectedMentorId, defaultScope = 'agent', timezone, canViewPlatformAudit, }) {
     const t = useT();
     const { currentTenant } = useCurrentTenant();
     const rbacPermissions = useSelector(selectRbacPermissions);
@@ -234041,28 +234354,7 @@ function AnalyticsAuditLogStats({ tenantKey, mentorId, userId, selectedMentorId,
                                     : 'font-medium text-gray-500 hover:text-gray-700'), children: [tab.label, active && (jsx("span", { className: "absolute inset-x-0 -bottom-px h-0.5 rounded-sm bg-blue-600" }))] }, tab.value));
                         }) }), jsx("p", { className: "hidden pb-2 text-xs text-gray-500 sm:block", children: activeScope === 'agent'
                             ? t('analyticsAnalyticsAuditLogStats.scopeAgentHint')
-                            : t('analyticsAnalyticsAuditLogStats.scopePlatformHint') })] })), activeScope === 'platform' ? (jsx(AnalyticsPlatformAuditLog, { platformKey: tenantKey, timezone: timezone })) : (jsx(AgentAuditLogView, { tenantKey: tenantKey, mentorId: mentorId, userId: userId, selectedMentorId: selectedMentorId }))] }));
-}
-
-function MentorSelectionGrid({ selectedMentorIds, onMentorSelect, searchQuery, onSearchChange, tenantKey, itemsPerPage = 8, showSearch = true, minHeight = '400px', }) {
-    const t = useT();
-    const { agents: mentors, isLoading: isMentorsLoading, isFetching: isMentorsFetching, currentPage, totalPages, setSearchQuery: setMentorSearch, handlePageChange, } = useAgentSearchWithPagination({ tenantKey, itemsPerPage });
-    // Update search query with debounce effect handled by the hook
-    React__default.useEffect(() => {
-        setMentorSearch(searchQuery);
-    }, [searchQuery]);
-    const isMentorSelected = (mentorId) => {
-        return selectedMentorIds.includes(mentorId);
-    };
-    return (jsxs("div", { className: "space-y-4", children: [showSearch && (jsxs("div", { className: "relative", children: [isMentorsFetching ? (jsx(Spinner, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 transform text-gray-400" })) : (jsx(Search, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 transform text-gray-400" })), jsx(Input, { placeholder: t('mentorsMentorSelectionGrid.searchAgentsPlaceholder'), value: searchQuery, onChange: (e) => onSearchChange(e.target.value), className: "h-10 border-gray-200 pl-10 focus:border-blue-500 focus:ring-0" })] })), jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "grid max-h-96 auto-rows-min grid-cols-1 items-start gap-3 overflow-y-auto rounded-lg border border-gray-200 p-4 md:max-h-none md:grid-cols-2", style: { minHeight }, children: isMentorsLoading ? (jsx("div", { className: "col-span-full py-8 text-center text-gray-500", children: t('mentorsMentorSelectionGrid.loadingAgents') })) : mentors.length === 0 ? (jsx("div", { className: "col-span-full py-8 text-center text-gray-500", children: t('mentorsMentorSelectionGrid.noAgentsFound') })) : (mentors.map((mentor) => {
-                            const isSelected = isMentorSelected(mentor.unique_id || '');
-                            const isAlreadyAdded = selectedMentorIds.includes(mentor.unique_id || '');
-                            return (jsxs("button", { onClick: () => onMentorSelect(mentor), className: `flex cursor-pointer items-center gap-3 rounded-lg border-2 p-3 transition-all ${isSelected
-                                    ? 'border-blue-500 bg-blue-50'
-                                    : isAlreadyAdded
-                                        ? 'bg-blue-25 border-blue-300'
-                                        : 'border-gray-200 hover:border-gray-300 hover:bg-gray-50'}`, children: [jsxs(Avatar, { className: "h-12 w-12 flex-shrink-0", children: [jsx(AvatarImage, { src: mentor.profile_image || '/placeholder.svg', alt: mentor.name }), jsx(AvatarFallback, { children: mentor.name.substring(0, 2) })] }), jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-start text-left", children: [jsx("h4", { className: "truncate text-sm font-medium text-gray-900", children: mentor.name }), jsx("p", { className: "line-clamp-2 text-xs text-gray-600", children: mentor.description })] }), isSelected && (jsx("div", { className: "flex-shrink-0", children: jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-blue-600", children: jsx(Check, { className: "h-4 w-4 text-white" }) }) })), isAlreadyAdded && !isSelected && (jsx("div", { className: "flex-shrink-0", children: jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-blue-400", children: jsx(Check, { className: "h-4 w-4 text-white" }) }) }))] }, mentor.unique_id));
-                        })) }), jsx(IblPagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: handlePageChange, disabled: isMentorsFetching || isMentorsLoading })] })] }));
+                            : t('analyticsAnalyticsAuditLogStats.scopePlatformHint') })] })), activeScope === 'platform' ? (jsx(AnalyticsPlatformAuditLog, { platformKey: tenantKey, timezone: timezone, currentSPA: currentSPA })) : (jsx(AgentAuditLogView, { tenantKey: tenantKey, currentSPA: currentSPA, mentorId: mentorId, userId: userId, selectedMentorId: selectedMentorId }))] }));
 }
 
 /**
@@ -234085,6 +234377,7 @@ function toRowFromMentorMemory(memory) {
         categoryName: (_b = (_a = memory.category) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : null,
         categorySlug: (_d = (_c = memory.category) === null || _c === void 0 ? void 0 : _c.slug) !== null && _d !== void 0 ? _d : null,
         learner: memory.email || memory.username,
+        username: memory.username,
         email: memory.email || null,
         mentorId: (_e = memory.mentor_id) !== null && _e !== void 0 ? _e : null,
         mentorName: 'mentor_name' in memory ? ((_f = memory.mentor_name) !== null && _f !== void 0 ? _f : null) : null,
@@ -234100,6 +234393,7 @@ function toRowFromGlobalMemory(memory) {
         categoryName: null,
         categorySlug: null,
         learner: memory.username,
+        username: memory.username,
         email: null,
         mentorId: null,
         mentorName: null,
@@ -234109,50 +234403,40 @@ function toRowFromGlobalMemory(memory) {
     };
 }
 /**
- * Backs the analytics Memory tab. Owns scope selection (including an agent
- * picked through the dropdown's search), the shared filter state, and
- * pagination, and normalizes the three differently-shaped memory endpoints
- * into a single row type.
+ * Backs the analytics Memory tab. Owns scope selection, the shared filter
+ * state and pagination, and normalizes the three differently-shaped memory
+ * endpoints into a single row type.
  *
  * All three list queries are always mounted (RTK Query hooks can't be called
  * conditionally); `skip` keeps only the active scope's request in flight.
  */
 const useMemory = ({ tenantKey, userId, mentorId, myMemory = false, }) => {
-    const [searchedMentor, setSearchedMentor] = useState(null);
-    // An agent picked from the scope dropdown's search stands in for the route
-    // agent, so admins can inspect any agent's memories without leaving the tab.
-    const activeMentorId = (searchedMentor === null || searchedMentor === void 0 ? void 0 : searchedMentor.id) || mentorId;
-    const hasMentor = !!activeMentorId;
+    const hasMentor = !!mentorId;
     // Global (agent-independent) memories lead: they are the ones that hold for
     // the user everywhere, so the tab opens on them and the dropdown lists them
-    // first.
-    const availableScopes = useMemo(() => (hasMentor ? ['global', 'mentor', 'all-mentors'] : ['global', 'all-mentors']), [hasMentor]);
+    // first. The agent dimension is whatever the analytics agent picker resolved
+    // to — one agent or all of them — never both, so the tab can't disagree with
+    // the picker about which agents are on screen.
+    const availableScopes = useMemo(() => (hasMentor ? ['global', 'mentor'] : ['global', 'all-mentors']), [hasMentor]);
     const [scope, setScope] = useState('global');
     const [page, setPage] = useState(1);
     const [learnerFilter, setLearnerFilter] = useState('');
     const [categoryFilter, setCategoryFilter] = useState(ALL_CATEGORIES);
     const [contentFilter, setContentFilter] = useState('');
     const [dateRange, setDateRange] = useState(undefined);
-    const selectSearchedMentor = useCallback((mentor) => {
-        setSearchedMentor(mentor);
-        // Categories belong to a single agent, so a slug carried over from the
-        // previous one would filter the new agent's memories down to nothing.
-        setCategoryFilter(ALL_CATEGORIES);
-        if (mentor)
-            setScope('mentor');
-    }, []);
-    // Picking an agent in the analytics switcher is the more explicit choice, so
-    // it drops whatever the tab's own search had pinned.
+    // Categories belong to a single agent, so a slug carried over from the
+    // previous one would filter the new agent's memories down to nothing.
     useEffect(() => {
-        setSearchedMentor(null);
         setCategoryFilter(ALL_CATEGORIES);
     }, [mentorId]);
-    // The agent scope disappears when the analytics page has no agent selected;
-    // fall back rather than leaving the tab stuck on an unqueryable scope.
+    // Whichever agent scope the picker just took off the menu, move to the one it
+    // put there — staying put would leave the tab on a scope it no longer offers
+    // (and, for `mentor` without an agent, one it can't even query).
     useEffect(() => {
-        if (!hasMentor && scope === 'mentor') {
+        if (!hasMentor && scope === 'mentor')
             setScope('all-mentors');
-        }
+        if (hasMentor && scope === 'all-mentors')
+            setScope('mentor');
     }, [hasMentor, scope]);
     // Only the agent-scoped endpoint takes a `category`, and the category list is
     // that agent's. Drop the selection anywhere else so a filter the UI no longer
@@ -234181,7 +234465,7 @@ const useMemory = ({ tenantKey, userId, mentorId, myMemory = false, }) => {
         ...(endDate ? { end_date: endDate } : {}),
         ...(myMemory ? { my_memory: true } : {}),
     }), [page, categoryFilter, learnerFilter, startDate, endDate, myMemory]);
-    const { data: mentorList, isLoading: isLoadingMentorList, isFetching: isFetchingMentorList, error: mentorListError, } = useGetMentorMemoriesListQuery({ org: tenantKey, userId, mentorId: activeMentorId !== null && activeMentorId !== void 0 ? activeMentorId : '', params: mentorListParams }, { skip: !hasIdentity || !isMentorScope });
+    const { data: mentorList, isLoading: isLoadingMentorList, isFetching: isFetchingMentorList, error: mentorListError, } = useGetMentorMemoriesListQuery({ org: tenantKey, userId, mentorId: mentorId !== null && mentorId !== void 0 ? mentorId : '', params: mentorListParams }, { skip: !hasIdentity || !isMentorScope });
     // Unpaginated, grouped-by-category companion to the list above. It honors the
     // same filters, so it's the only place we can source aggregates that describe
     // the whole filtered set instead of just the visible page.
@@ -234191,7 +234475,7 @@ const useMemory = ({ tenantKey, userId, mentorId, myMemory = false, }) => {
         ...(endDate ? { end_date: endDate } : {}),
         ...(myMemory ? { my_memory: true } : {}),
     }), [learnerFilter, startDate, endDate, myMemory]);
-    const { data: mentorGrouped, isLoading: isLoadingMentorGrouped } = useGetMentorMemoriesQuery({ org: tenantKey, userId, mentorId: activeMentorId !== null && activeMentorId !== void 0 ? activeMentorId : '', params: mentorSnapshotParams }, { skip: !hasIdentity || !isMentorScope });
+    const { data: mentorGrouped, isLoading: isLoadingMentorGrouped } = useGetMentorMemoriesQuery({ org: tenantKey, userId, mentorId: mentorId !== null && mentorId !== void 0 ? mentorId : '', params: mentorSnapshotParams }, { skip: !hasIdentity || !isMentorScope });
     // Deliberately unfiltered by mentor — the point of this scope is to span
     // every agent. Per-agent numbers come from the `mentor` scope instead.
     const allMentorsParams = useMemo(() => ({
@@ -234211,7 +234495,7 @@ const useMemory = ({ tenantKey, userId, mentorId, myMemory = false, }) => {
         ...(endDate ? { end_date: endDate } : {}),
     }), [page, learnerFilter, contentFilter, startDate, endDate]);
     const { data: globalMemories, isLoading: isLoadingGlobal, isFetching: isFetchingGlobal, error: globalError, } = useGetGlobalMemoriesQuery({ org: tenantKey, userId, params: globalParams }, { skip: !hasIdentity || !isGlobalScope });
-    const { data: adminCategories } = useGetMemoryCategoriesAdminQuery({ org: tenantKey, mentorId: activeMentorId !== null && activeMentorId !== void 0 ? activeMentorId : '' }, { skip: !tenantKey || !hasMentor });
+    const { data: adminCategories } = useGetMemoryCategoriesAdminQuery({ org: tenantKey, mentorId: mentorId !== null && mentorId !== void 0 ? mentorId : '' }, { skip: !tenantKey || !hasMentor });
     const rows = useMemo(() => {
         var _a, _b, _c;
         if (isMentorScope)
@@ -234275,8 +234559,6 @@ const useMemory = ({ tenantKey, userId, mentorId, myMemory = false, }) => {
         scope,
         setScope,
         availableScopes,
-        searchedMentor,
-        selectSearchedMentor,
         rows,
         aggregates,
         totalCount,
@@ -234302,59 +234584,48 @@ const useMemory = ({ tenantKey, userId, mentorId, myMemory = false, }) => {
 
 const CELL = 'p-3 text-[#646464]';
 const HEAD = 'p-3 text-left text-sm whitespace-nowrap text-[#646464]';
-/**
- * Action items that share the scope dropdown. Radix rejects empty values and
- * matches the trigger label by value, so these are sentinels the change handler
- * intercepts rather than selectable scopes.
- */
-const SEARCH_AGENTS_ACTION = '__search-agents__';
-const CLEAR_AGENT_ACTION = '__clear-agent__';
-function MemoryDetailDialog({ memory, onClose, scope, }) {
+function MemoryDetailDialog({ memory, onClose, scope, tenantKey, currentSPA, }) {
     const t = useT();
-    return (jsx(Dialog, { open: !!memory, onOpenChange: (open) => !open && onClose(), children: jsxs(DialogContent, { className: "max-w-lg", children: [jsx(DialogHeader, { children: jsx(DialogTitle, { children: t('analyticsAnalyticsMemoryStats.detailTitle') }) }), memory && (jsxs("div", { className: "space-y-4", children: [jsx("p", { className: "text-sm whitespace-pre-wrap text-gray-700", children: memory.content }), jsxs("dl", { className: "grid grid-cols-2 gap-3 border-t border-gray-100 pt-3 text-xs", children: [jsxs("div", { children: [jsx("dt", { className: "text-gray-500", children: t('analyticsAnalyticsMemoryStats.detailUser') }), jsx("dd", { className: "mt-0.5 font-medium break-all text-gray-800", children: memory.learner })] }), memory.categoryName && (jsxs("div", { children: [jsx("dt", { className: "text-gray-500", children: t('analyticsAnalyticsMemoryStats.detailCategory') }), jsx("dd", { className: "mt-0.5 font-medium text-gray-800", children: memory.categoryName })] })), scope === 'all-mentors' && (jsxs("div", { children: [jsx("dt", { className: "text-gray-500", children: t('analyticsAnalyticsMemoryStats.detailAgent') }), jsx("dd", { className: "mt-0.5 font-medium break-all text-gray-800", children: memory.mentorName || memory.mentorId || '—' })] })), jsxs("div", { children: [jsx("dt", { className: "text-gray-500", children: t('analyticsAnalyticsMemoryStats.detailSource') }), jsx("dd", { className: "mt-0.5 font-medium text-gray-800", children: memory.isAutoGenerated
+    return (jsx(Dialog, { open: !!memory, onOpenChange: (open) => !open && onClose(), children: jsxs(DialogContent, { className: "max-w-lg", children: [jsx(DialogHeader, { children: jsx(DialogTitle, { children: t('analyticsAnalyticsMemoryStats.detailTitle') }) }), memory && (jsxs("div", { className: "space-y-4", children: [jsx("p", { className: "text-sm whitespace-pre-wrap text-gray-700", children: memory.content }), jsxs("dl", { className: "grid grid-cols-2 gap-3 border-t border-gray-100 pt-3 text-xs", children: [jsxs("div", { children: [jsx("dt", { className: "text-gray-500", children: t('analyticsAnalyticsMemoryStats.detailUser') }), jsx("dd", { className: "mt-0.5 font-medium break-all text-gray-800", children: jsx(UserProfileLink, { tenantKey: tenantKey, currentSPA: currentSPA, username: memory.username, display: memory.learner }) })] }), memory.categoryName && (jsxs("div", { children: [jsx("dt", { className: "text-gray-500", children: t('analyticsAnalyticsMemoryStats.detailCategory') }), jsx("dd", { className: "mt-0.5 font-medium text-gray-800", children: memory.categoryName })] })), scope === 'all-mentors' && (jsxs("div", { children: [jsx("dt", { className: "text-gray-500", children: t('analyticsAnalyticsMemoryStats.detailAgent') }), jsx("dd", { className: "mt-0.5 font-medium break-all text-gray-800", children: jsx(AgentScopeLink, { uniqueId: memory.mentorId, name: memory.mentorName, fallback: "\u2014", 
+                                                // Re-scoping reloads the table underneath; this dialog
+                                                // would otherwise stay open on a memory that the new
+                                                // scope may not even list.
+                                                onScoped: onClose }) })] })), jsxs("div", { children: [jsx("dt", { className: "text-gray-500", children: t('analyticsAnalyticsMemoryStats.detailSource') }), jsx("dd", { className: "mt-0.5 font-medium text-gray-800", children: memory.isAutoGenerated
                                                 ? t('analyticsAnalyticsMemoryStats.sourceAuto')
                                                 : t('analyticsAnalyticsMemoryStats.sourceManual') })] }), jsxs("div", { children: [jsx("dt", { className: "text-gray-500", children: t('analyticsAnalyticsMemoryStats.detailCaptured') }), jsx("dd", { className: "mt-0.5 font-medium text-gray-800", children: format$1(new Date(memory.createdAt), "MMM dd, yyyy 'at' h:mm a") })] }), memory.sourceSessionId && (jsxs("div", { className: "col-span-2", children: [jsx("dt", { className: "text-gray-500", children: t('analyticsAnalyticsMemoryStats.detailSession') }), jsx("dd", { className: "mt-0.5 font-mono text-[11px] break-all text-gray-800", children: memory.sourceSessionId })] }))] })] }))] }) }));
 }
-function AgentSearchDialog({ tenantKey, open, onClose, selectedMentorId, onSelect, }) {
-    const t = useT();
-    const [query, setQuery] = useState('');
-    return (jsx(Dialog, { open: open, onOpenChange: (next) => !next && onClose(), children: jsxs(DialogContent, { className: "max-w-2xl", children: [jsx(DialogHeader, { children: jsx(DialogTitle, { children: t('analyticsAnalyticsMemoryStats.searchAgentsTitle') }) }), jsx(MentorSelectionGrid, { tenantKey: tenantKey, searchQuery: query, onSearchChange: setQuery, selectedMentorIds: selectedMentorId ? [selectedMentorId] : [], itemsPerPage: 6, minHeight: "240px", onMentorSelect: (mentor) => {
-                        if (!(mentor === null || mentor === void 0 ? void 0 : mentor.unique_id))
-                            return;
-                        onSelect({ id: mentor.unique_id, name: mentor.name });
-                        onClose();
-                    } })] }) }));
-}
 /**
  * Analytics "Memory" tab. Surfaces the memories memsearch captures while users
- * chat with agents, across three scopes: the selected agent, every agent in the
- * tenant, and global (agent-independent) memories. The scope dropdown also
- * offers an agent search, so any agent's memories can be pulled up without
- * leaving the tab.
+ * chat with agents.
+ *
+ * The scope dropdown is a single choice between global (agent-independent)
+ * memories and the agent dimension, which follows the control bar's agent
+ * picker rather than repeating it: with an agent picked it reads "This Agent"
+ * (named), and with none it reads "All Agents".
  *
  * Hosts are expected to gate this behind `GET .../memsearch-status/`; the
  * component itself only handles the per-request permission failure (403).
  */
-function AnalyticsMemoryStats({ tenantKey, mentorId, userId, selectedMentorId, myMemory = false, }) {
+function AnalyticsMemoryStats({ tenantKey, mentorId, userId, selectedMentorId, myMemory = false, currentSPA, }) {
     const t = useT();
     const scopedMentorId = useScopedMentorId(selectedMentorId, mentorId);
+    const { scopedMentor } = useAnalyticsScope();
     const [selectedMemory, setSelectedMemory] = useState(null);
-    const [agentSearchOpen, setAgentSearchOpen] = useState(false);
     // The content search is committed on Enter/blur rather than per-keystroke so
     // we don't fire a request (and reset pagination) on every character typed.
     const [contentInput, setContentInput] = useState('');
-    const { scope, setScope, availableScopes, searchedMentor, selectSearchedMentor, rows, aggregates, categories, isLoading, error, isForbidden, page, setPage, totalPages, learnerFilter, setLearnerFilter, categoryFilter, setCategoryFilter, setContentFilter, dateRange, setDateRange, } = useMemory({
+    const { scope, setScope, availableScopes, rows, aggregates, categories, isLoading, error, isForbidden, page, setPage, totalPages, learnerFilter, setLearnerFilter, categoryFilter, setCategoryFilter, setContentFilter, dateRange, setDateRange, } = useMemory({
         tenantKey,
         userId,
-        // The agent scope picker feeds the same slot the route agent would, so the
-        // tab's own agent search still overrides it (`searchedMentor || mentorId`)
-        // rather than the two controls fighting over the scope.
+        // The only agent input: whatever the control bar's picker (or the route)
+        // resolved to. The tab no longer picks an agent of its own.
         mentorId: scopedMentorId,
         myMemory,
     });
     const scopeLabels = {
-        // A searched agent takes over the agent scope, so name it in the trigger.
-        mentor: (searchedMentor === null || searchedMentor === void 0 ? void 0 : searchedMentor.name) || t('analyticsAnalyticsMemoryStats.scopeMentor'),
+        // Name the picked agent where the picker knows it, so the trigger says
+        // which agent "This Agent" means.
+        mentor: (scopedMentor === null || scopedMentor === void 0 ? void 0 : scopedMentor.name) || t('analyticsAnalyticsMemoryStats.scopeMentor'),
         'all-mentors': t('analyticsAnalyticsMemoryStats.scopeAllMentors'),
         global: t('analyticsAnalyticsMemoryStats.scopeGlobal'),
     };
@@ -234366,19 +234637,7 @@ function AnalyticsMemoryStats({ tenantKey, mentorId, userId, selectedMentorId, m
     if (isForbidden) {
         return (jsx(Card, { className: "rounded-lg border border-gray-100 bg-white shadow-sm", children: jsx(CardContent, { className: "p-8 text-center", children: jsx("p", { className: "text-gray-500", children: t('analyticsAnalyticsMemoryStats.noPermission') }) }) }));
     }
-    return (jsxs("div", { className: "space-y-6", children: [jsx("div", { className: "rounded-lg border border-[oklch(0.922_0_0)] bg-white p-4", children: jsxs("div", { className: "flex flex-col gap-3 lg:flex-row", children: [jsx("div", { className: "min-w-[160px]", children: jsxs(Select$1, { value: scope, onValueChange: (value) => {
-                                    // The trailing items are actions, not scopes — the Select stays
-                                    // on whatever scope is currently active.
-                                    if (value === SEARCH_AGENTS_ACTION) {
-                                        setAgentSearchOpen(true);
-                                        return;
-                                    }
-                                    if (value === CLEAR_AGENT_ACTION) {
-                                        selectSearchedMentor(null);
-                                        return;
-                                    }
-                                    setScope(value);
-                                }, children: [jsx(SelectTrigger, { className: "h-9 w-full bg-white font-normal", "aria-label": t('analyticsAnalyticsMemoryStats.scopeLabel'), children: jsx(SelectValue, {}) }), jsxs(SelectContent, { children: [availableScopes.map((value) => (jsx(SelectItem, { value: value, children: scopeLabels[value] }, value))), jsx(SelectSeparator, {}), jsx(SelectItem, { value: SEARCH_AGENTS_ACTION, children: jsxs("span", { className: "flex items-center gap-2", children: [jsx(Search, { className: "h-3.5 w-3.5" }), t('analyticsAnalyticsMemoryStats.searchAgents')] }) }), searchedMentor && (jsx(SelectItem, { value: CLEAR_AGENT_ACTION, children: jsxs("span", { className: "flex items-center gap-2", children: [jsx(X$1, { className: "h-3.5 w-3.5" }), t('analyticsAnalyticsMemoryStats.clearAgentSearch')] }) }))] })] }) }), jsx("div", { className: "min-w-[200px] flex-1", children: jsx(UserFilterSelect, { tenantKey: tenantKey, currentUsername: userId, value: learnerFilter, onChange: setLearnerFilter }) }), scope === 'global' && (jsx("form", { className: "min-w-[180px] flex-1", onSubmit: (event) => {
+    return (jsxs("div", { className: "space-y-6", children: [jsx("div", { className: "rounded-lg border border-[oklch(0.922_0_0)] bg-white p-4", children: jsxs("div", { className: "flex flex-col gap-3 lg:flex-row", children: [jsx("div", { className: "min-w-[160px]", children: jsxs(Select$1, { value: scope, onValueChange: (value) => setScope(value), children: [jsx(SelectTrigger, { className: "h-9 w-full bg-white font-normal", "aria-label": t('analyticsAnalyticsMemoryStats.scopeLabel'), children: jsx(SelectValue, {}) }), jsx(SelectContent, { children: availableScopes.map((value) => (jsx(SelectItem, { value: value, children: scopeLabels[value] }, value))) })] }) }), jsx("div", { className: "min-w-[200px] flex-1", children: jsx(UserFilterSelect, { tenantKey: tenantKey, currentUsername: userId, value: learnerFilter, onChange: setLearnerFilter }) }), scope === 'global' && (jsx("form", { className: "min-w-[180px] flex-1", onSubmit: (event) => {
                                 event.preventDefault();
                                 setContentFilter(contentInput.trim());
                             }, children: jsx(Input, { value: contentInput, onChange: (event) => setContentInput(event.target.value), onBlur: () => setContentFilter(contentInput.trim()), placeholder: t('analyticsAnalyticsMemoryStats.contentPlaceholder'), "aria-label": t('analyticsAnalyticsMemoryStats.contentPlaceholder'), className: "h-9 bg-white" }) })), jsxs(Popover, { modal: true, children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", className: "flex h-9 w-full items-center gap-2 bg-white font-normal whitespace-nowrap lg:w-auto", children: [jsx(Calendar$1, { className: "h-4 w-4" }), (dateRange === null || dateRange === void 0 ? void 0 : dateRange.from) && (dateRange === null || dateRange === void 0 ? void 0 : dateRange.to)
@@ -234393,8 +234652,8 @@ function AnalyticsMemoryStats({ tenantKey, mentorId, userId, selectedMentorId, m
                                                 }) })] }), jsx("div", { className: "h-2 w-full overflow-hidden rounded-full bg-gray-100", children: jsx("div", { className: "h-full rounded-full bg-blue-600", style: { width: `${percent}%` } }) })] }, category.slug));
                         }) })] })), jsx("div", { className: "overflow-hidden rounded-md border border-[oklch(0.922_0_0)] bg-white", children: jsx("div", { className: "overflow-x-auto", children: jsx("div", { className: "inline-block min-w-full align-middle", children: isLoading ? (jsx("div", { className: "flex w-full items-center justify-center py-10", children: jsx("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-blue-600 border-t-transparent" }) })) : error ? (jsx("div", { className: "py-8 text-center text-[#646464]", children: t('analyticsAnalyticsMemoryStats.loadError') })) : rows.length === 0 ? (jsx("div", { className: "h-[120px]", children: jsx(EmptyStats, { title: t('analyticsAnalyticsMemoryStats.noMemories') }) })) : (jsxs(Table, { className: "min-w-full", children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "bg-muted/50 border-b border-[oklch(0.922_0_0)]", children: [jsx(TableHead, { className: HEAD, children: t('analyticsAnalyticsMemoryStats.colUser') }), jsx(TableHead, { className: HEAD, children: t('analyticsAnalyticsMemoryStats.colMemory') }), showAgentColumn && (jsx(TableHead, { className: HEAD, children: t('analyticsAnalyticsMemoryStats.colAgent') })), showCategoryColumn && (jsx(TableHead, { className: HEAD, children: t('analyticsAnalyticsMemoryStats.colCategory') })), jsx(TableHead, { className: HEAD, children: t('analyticsAnalyticsMemoryStats.colCaptured') })] }) }), jsx(TableBody, { children: rows.map((row) => {
                                         var _a;
-                                        return (jsxs(TableRow, { onClick: () => setSelectedMemory(row), className: "cursor-pointer border-b border-[oklch(0.922_0_0)] last:border-0 hover:bg-gray-50", children: [jsx(TableCell, { className: cn(CELL, 'font-medium whitespace-nowrap'), children: row.learner }), jsx(TableCell, { className: cn(CELL, 'min-w-[280px]'), children: jsx("span", { className: "line-clamp-2", children: row.content }) }), showAgentColumn && (jsx(TableCell, { className: cn(CELL, 'whitespace-nowrap'), children: row.mentorName || row.mentorId || '—' })), showCategoryColumn && (jsx(TableCell, { className: cn(CELL, 'whitespace-nowrap'), children: row.categoryName ? (jsx("span", { className: "rounded-md bg-blue-100 px-2 py-1 text-xs text-blue-700", children: row.categoryName })) : ('—') })), jsx(TableCell, { className: cn(CELL, 'whitespace-nowrap'), children: formatDistanceToNow(new Date(row.createdAt), { addSuffix: true }) })] }, `${(_a = row.mentorId) !== null && _a !== void 0 ? _a : 'global'}-${row.id}`));
-                                    }) })] })) }) }) }), jsx(IblPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage, disabled: isLoading }), jsx(MemoryDetailDialog, { memory: selectedMemory, scope: scope, onClose: () => setSelectedMemory(null) }), agentSearchOpen && (jsx(AgentSearchDialog, { open: true, tenantKey: tenantKey, selectedMentorId: searchedMentor === null || searchedMentor === void 0 ? void 0 : searchedMentor.id, onSelect: selectSearchedMentor, onClose: () => setAgentSearchOpen(false) }))] }));
+                                        return (jsxs(TableRow, { onClick: () => setSelectedMemory(row), className: "cursor-pointer border-b border-[oklch(0.922_0_0)] last:border-0 hover:bg-gray-50", children: [jsx(TableCell, { className: cn(CELL, 'font-medium whitespace-nowrap'), children: jsx(UserProfileLink, { tenantKey: tenantKey, currentSPA: currentSPA, username: row.username, display: row.learner }) }), jsx(TableCell, { className: cn(CELL, 'min-w-[280px]'), children: jsx("span", { className: "line-clamp-2", children: row.content }) }), showAgentColumn && (jsx(TableCell, { className: cn(CELL, 'whitespace-nowrap'), children: jsx(AgentScopeLink, { uniqueId: row.mentorId, name: row.mentorName, fallback: "\u2014" }) })), showCategoryColumn && (jsx(TableCell, { className: cn(CELL, 'whitespace-nowrap'), children: row.categoryName ? (jsx("span", { className: "rounded-md bg-blue-100 px-2 py-1 text-xs text-blue-700", children: row.categoryName })) : ('—') })), jsx(TableCell, { className: cn(CELL, 'whitespace-nowrap'), children: formatDistanceToNow(new Date(row.createdAt), { addSuffix: true }) })] }, `${(_a = row.mentorId) !== null && _a !== void 0 ? _a : 'global'}-${row.id}`));
+                                    }) })] })) }) }) }), jsx(IblPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage, disabled: isLoading }), jsx(MemoryDetailDialog, { memory: selectedMemory, scope: scope, tenantKey: tenantKey, currentSPA: currentSPA, onClose: () => setSelectedMemory(null) })] }));
 }
 
 const SkeletonMultiplier = ({ Skeleton, multiplier }) => {
@@ -241337,6 +241596,27 @@ var minimumMentorAlert = /*#__PURE__*/Object.freeze({
     MinimumMentorAlert: MinimumMentorAlert
 });
 
+function MentorSelectionGrid({ selectedMentorIds, onMentorSelect, searchQuery, onSearchChange, tenantKey, itemsPerPage = 8, showSearch = true, minHeight = '400px', }) {
+    const t = useT();
+    const { agents: mentors, isLoading: isMentorsLoading, isFetching: isMentorsFetching, currentPage, totalPages, setSearchQuery: setMentorSearch, handlePageChange, } = useAgentSearchWithPagination({ tenantKey, itemsPerPage });
+    // Update search query with debounce effect handled by the hook
+    React__default.useEffect(() => {
+        setMentorSearch(searchQuery);
+    }, [searchQuery]);
+    const isMentorSelected = (mentorId) => {
+        return selectedMentorIds.includes(mentorId);
+    };
+    return (jsxs("div", { className: "space-y-4", children: [showSearch && (jsxs("div", { className: "relative", children: [isMentorsFetching ? (jsx(Spinner, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 transform text-gray-400" })) : (jsx(Search, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 transform text-gray-400" })), jsx(Input, { placeholder: t('mentorsMentorSelectionGrid.searchAgentsPlaceholder'), value: searchQuery, onChange: (e) => onSearchChange(e.target.value), className: "h-10 border-gray-200 pl-10 focus:border-blue-500 focus:ring-0" })] })), jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "grid max-h-96 auto-rows-min grid-cols-1 items-start gap-3 overflow-y-auto rounded-lg border border-gray-200 p-4 md:max-h-none md:grid-cols-2", style: { minHeight }, children: isMentorsLoading ? (jsx("div", { className: "col-span-full py-8 text-center text-gray-500", children: t('mentorsMentorSelectionGrid.loadingAgents') })) : mentors.length === 0 ? (jsx("div", { className: "col-span-full py-8 text-center text-gray-500", children: t('mentorsMentorSelectionGrid.noAgentsFound') })) : (mentors.map((mentor) => {
+                            const isSelected = isMentorSelected(mentor.unique_id || '');
+                            const isAlreadyAdded = selectedMentorIds.includes(mentor.unique_id || '');
+                            return (jsxs("button", { onClick: () => onMentorSelect(mentor), className: `flex cursor-pointer items-center gap-3 rounded-lg border-2 p-3 transition-all ${isSelected
+                                    ? 'border-blue-500 bg-blue-50'
+                                    : isAlreadyAdded
+                                        ? 'bg-blue-25 border-blue-300'
+                                        : 'border-gray-200 hover:border-gray-300 hover:bg-gray-50'}`, children: [jsxs(Avatar, { className: "h-12 w-12 flex-shrink-0", children: [jsx(AvatarImage, { src: mentor.profile_image || '/placeholder.svg', alt: mentor.name }), jsx(AvatarFallback, { children: mentor.name.substring(0, 2) })] }), jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-start text-left", children: [jsx("h4", { className: "truncate text-sm font-medium text-gray-900", children: mentor.name }), jsx("p", { className: "line-clamp-2 text-xs text-gray-600", children: mentor.description })] }), isSelected && (jsx("div", { className: "flex-shrink-0", children: jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-blue-600", children: jsx(Check, { className: "h-4 w-4 text-white" }) }) })), isAlreadyAdded && !isSelected && (jsx("div", { className: "flex-shrink-0", children: jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-blue-400", children: jsx(Check, { className: "h-4 w-4 text-white" }) }) }))] }, mentor.unique_id));
+                        })) }), jsx(IblPagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: handlePageChange, disabled: isMentorsFetching || isMentorsLoading })] })] }));
+}
+
 function CreateProjectModal({ isOpen, onClose, tenantKey, username, navigateToMentorInProject, }) {
     const t = useT();
     const dispatch = useDispatch();
@@ -245812,5 +246092,5 @@ var trainOrDeleteModal = /*#__PURE__*/Object.freeze({
     TrainOrDeleteModal: TrainOrDeleteModal
 });
 
-export { ACCESS_COURSE_LABEL, ALL_CATEGORIES, AccessTimeHeatmap, AccessiblePaginate, AddMentorToProjectModal, AddSkillDialog, Admin, AdvancedTab, AgentConfigPrompts, AgentSkills, AlertsTab, AnalyticsAgentPicker, AnalyticsAreaChart, AnalyticsAuditLogStats, AnalyticsBarChart, AnalyticsControlBar, AnalyticsCourseDetail, AnalyticsCourses, AnalyticsFinancialStats, AnalyticsGlobalFiltersProvider, AnalyticsLayout, AnalyticsLlmUsageStats, AnalyticsMemoryStats, AnalyticsMonetizationStats, AnalyticsNotice, AnalyticsOverview, AnalyticsPlatformAuditLog, AnalyticsProgramDetail, AnalyticsPrograms, AnalyticsReportDownload, AnalyticsReports, AnalyticsScopeProvider, AnalyticsSettingsProvider, AnalyticsTopicsStats, AnalyticsTraces, AnalyticsTranscriptsStats, AnalyticsUsersStats, AppleRestrictionModal, ApplyWizard, AuditLogChangesView, AuditLogJsonView, BUY_NOW_LABEL, BillingTab, CATALOGS, CHART_ORDINAL_RAMP, CHART_SERIES_COLORS, CHART_SINGLE_SERIES_COLOR, CREATE_AGENT_LABELS, CUA_DRIVER_REPO_URL, CUA_DRIVER_TAURI_COMMANDS, CUA_DRIVER_TAURI_EVENTS, CardInfoIcon, CategorizedDropdownMenu, ChartCardWrapper, ChartFiltersProvider, ChartLoading, ChartTooltipCard, ChatContext, ChatPrivacyToggle, ChatProvider, CompanyDialog, ConnectorManagementDialog, CopyButtonIcon, CourseAccessGuard, CourseCardSkeleton, CourseContentLoading, CourseOutline, CourseOutlineContext, CourseOutlineDrawer, CreateAgentForm, CreateAgentModal, CreateProjectModal, CreateWorkflowModal, CredentialBox, CredentialMiniBoxSkeleton, CredentialsList, CreditBalance, CustomDateRangePicker, CustomTooltip, DEFAULT_COWORK_REQUIRED_SIZE_GB, DEFAULT_LOCALE, DefaultEmptyBox, DeleteProjectModal, DeleteWorkflowModal, DiscoverContentCard, DiscoverFacetsFilter, DiscoverFilterDrawer, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ENROLL_NOW_COURSE_STARTING_SOON_LABEL, ENROLL_NOW_LABEL, EditAlertDialog, EducationBox, EducationDialog, EducationTab, EdxIframeContext, EmptyStats, ExperienceBox, ExperienceDialog, ExperienceTab, FacetFilterContext, Footer, GradebookTab, GroupsFilterDropdown, INVITATION_ONLY_LABEL, InstitutionDialog, IntegrationsTab, InviteUserContent, InviteUserDialog, InvitedUsersDialog, LOCAL_LLM_CHANGED_EVENT, LOCAL_MODELS, Loader, LocalLLMTab, LocalModelsContent, LoginButton, MACOS_PERMISSIONS_COMMANDS, MEMORY_PAGE_SIZE, Markdown, MemoryAdminTab, MinimumMentorAlert, MonetizationTab, NotificationDisplay, NotificationDropdown, ONBOARDING_FIELD_TYPES, ONBOARDING_SECTORS, OnboardingField, OnboardingShell, OnboardingWizard, PLATFORM_AUDIT_DEEP_PAGING_THRESHOLD, PLATFORM_AUDIT_PAGE_SIZE, PaywallModal, PlacementExam, PlacementExamsDropdown, PlatformAuditLogDetailSheet, PlatformNavbar, PlatformNavbarSearch, Profile, ProfileTimeChart, ProgressDots, ProjectActionButtons, ProjectFilesModal, ProjectInstructionsModal, ProjectLandingPage, ProjectMentorsList, ProjectsPage, REQUEST_ACCESS_COURSE_STARTING_SOON_LABEL, REQUEST_ACCESS_LABEL, RankedBars, RenameProjectModal, ResumeBox, ResumeTab, RichTextEditor, SERVICE_COLOR_ORDER, SUPPORTED_LOCALES, SandboxConfig, SearchableMultiSelect, SendNotificationDialog, SignupButton, SkeletonActivityStatBox, SkeletonAddSkillsLoading, SkeletonCreatePathwaySearchList, SkeletonDiscoverFilterBox, SkeletonEducationBox, SkeletonMultiplier, SkeletonPathwayBox, SkeletonProfileInfoCard, SkeletonSkillBox, SkillBox, SkillDetailModal, SkillLeaderboardChart, SkillsBox, SkillsList, SlashSkillPicker, SourceChip, Spinner, StatCard, StepHeader, SummerNoteTextEditor, TAURI_COMMANDS, TAURI_EVENTS, TRACES_PAGE_SIZE, TenantSwitcher, TimeFilter, TimeTrackingProvider, TimedExam, ToolDialogs, TopBanner, TrendSparkline, USER_ONBOARDING_FORM_SLUG, USER_ONBOARDING_FORM_VERSION, USER_ONBOARDING_SUBMISSION_SLUG, UpgradePackageModal, UserAvatar, UserOnboardingWizard, Version, WebContainersI18nProvider, WorkflowSidebar, addBookmarksTab, areChartFiltersEqual, availablePlacementExams, buildOnboardingAgentPath, buildUserOnboardingFormMetadata, buildUserOnboardingSubmissionMetadata, coerceOnboardingAgent, coerceOnboardingAgents, coerceUserOnboardingForm, colorForRank, colorForSeries, emptyUserOnboardingForm, findLastResumeBlock, findOnboardingAgent, findSequentialParent, flattenVerticalBlocks, formatAuditTimestamp, formatCompactNumber, formatLatencySeconds, formatTimeZoneLabel, getCatalog, getFirstAvailableUnit, getLocalLLMModel, getLocalLLMToolSupport, getNextUnitIframe, getOrg, getParentBlockById, getParentsInfosFromSublessonId, getPreviousUnitIframe, getRandomCourseImage, getSectorById, getTenant, getUnitToIframe, getUserId, getUserName, granularityForFilter, hasOnboardingContent, humanizeAuditToken, inBrowserPrint, inIframe, initialCuaDriverInstallState, initialModelDownloadState, isCoworkEnabled, isLlmUsageForbidden, isLlmUsageUnavailable, isLocalLLMEnabled, isPlatformNavbarCreditBalanceVisible, isSlashCommandToken, isTauriApp, isValidLocale, isValidTimeZone, llmUsageDateArgs, components as markdownComponents, modelSupportsCowork, onboardingPrimaryButtonClass, onboardingSecondaryButtonClass, readUserOnboardingForm, readUserOnboardingSubmission, readUserOnboardingSubmissions, resolveAuditTimeZone, resolveCreateAgentLabels, sanitizeCss, setCoworkEnabled, setLocalLLMEnabled, setLocalLLMModel, setLocalLLMToolSupport, smallestCoworkModel, useAnalyticsGlobalFilters, useAnalyticsScope, useAnalyticsSettings, useAuditLog, useCatalogSearch, useChartFilters, useChatPrivacy, useChatState, useCourseDetail, useCourseMetadata, useCourses, useCuaDriver, useDiscover, useEdxIframe, useFinancial, useIframeMessageHandler, useLlmTraces, useLlmUsage, useLocalStorage, useMemory, useModelDownload, useMonetization, useOverview, usePlatformAuditLabels, usePlatformAuditLog, useProfileActivityStats, useProfileCredentials, useProfilePathways, useProfilePrograms, useProfileSkills, useProfileTimeSpent, usePrograms, useReports, useScopedMentorDbId, useScopedMentorId, useSelectedLocalModel, useSlashSkillPicker, useSlashSkills, useT, useTauri, useTimeTracking, useTopics, useTranscripts, useUserCourses, useUserMetadata, useUsers, useWebContainersI18n, useWebContainersLocale };
+export { ACCESS_COURSE_LABEL, ALL_CATEGORIES, AccessTimeHeatmap, AccessiblePaginate, AddMentorToProjectModal, AddSkillDialog, Admin, AdvancedTab, AgentConfigPrompts, AgentScopeLink, AgentSkills, AlertsTab, AnalyticsAgentPicker, AnalyticsAreaChart, AnalyticsAuditLogStats, AnalyticsBarChart, AnalyticsControlBar, AnalyticsCourseDetail, AnalyticsCourses, AnalyticsFinancialStats, AnalyticsGlobalFiltersProvider, AnalyticsLayout, AnalyticsLlmUsageStats, AnalyticsMemoryStats, AnalyticsMonetizationStats, AnalyticsNotice, AnalyticsOverview, AnalyticsPlatformAuditLog, AnalyticsProgramDetail, AnalyticsPrograms, AnalyticsReportDownload, AnalyticsReports, AnalyticsScopeProvider, AnalyticsSettingsProvider, AnalyticsTopicsStats, AnalyticsTraces, AnalyticsTranscriptsStats, AnalyticsUsersStats, AppleRestrictionModal, ApplyWizard, AuditLogChangesView, AuditLogJsonView, BUY_NOW_LABEL, BillingTab, CATALOGS, CHART_ORDINAL_RAMP, CHART_SERIES_COLORS, CHART_SINGLE_SERIES_COLOR, CREATE_AGENT_LABELS, CUA_DRIVER_REPO_URL, CUA_DRIVER_TAURI_COMMANDS, CUA_DRIVER_TAURI_EVENTS, CardInfoIcon, CategorizedDropdownMenu, ChartCardWrapper, ChartFiltersProvider, ChartLoading, ChartTooltipCard, ChatContext, ChatPrivacyToggle, ChatProvider, CompanyDialog, ConnectorManagementDialog, CopyButtonIcon, CourseAccessGuard, CourseCardSkeleton, CourseContentLoading, CourseOutline, CourseOutlineContext, CourseOutlineDrawer, CreateAgentForm, CreateAgentModal, CreateProjectModal, CreateWorkflowModal, CredentialBox, CredentialMiniBoxSkeleton, CredentialsList, CreditBalance, CustomDateRangePicker, CustomTooltip, DEFAULT_COWORK_REQUIRED_SIZE_GB, DEFAULT_LOCALE, DefaultEmptyBox, DeleteProjectModal, DeleteWorkflowModal, DiscoverContentCard, DiscoverFacetsFilter, DiscoverFilterDrawer, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ENROLL_NOW_COURSE_STARTING_SOON_LABEL, ENROLL_NOW_LABEL, EditAlertDialog, EducationBox, EducationDialog, EducationTab, EdxIframeContext, EmptyStats, ExperienceBox, ExperienceDialog, ExperienceTab, FacetFilterContext, Footer, GradebookTab, GroupsFilterDropdown, INVITATION_ONLY_LABEL, InstitutionDialog, IntegrationsTab, InviteUserContent, InviteUserDialog, InvitedUsersDialog, LOCAL_LLM_CHANGED_EVENT, LOCAL_MODELS, Loader, LocalLLMTab, LocalModelsContent, LoginButton, MACOS_PERMISSIONS_COMMANDS, MEMORY_PAGE_SIZE, Markdown, MemoryAdminTab, MinimumMentorAlert, MonetizationTab, NotificationDisplay, NotificationDropdown, ONBOARDING_FIELD_TYPES, ONBOARDING_SECTORS, OnboardingField, OnboardingShell, OnboardingWizard, PLATFORM_AUDIT_DEEP_PAGING_THRESHOLD, PLATFORM_AUDIT_PAGE_SIZE, PaywallModal, PlacementExam, PlacementExamsDropdown, PlatformAuditLogDetailSheet, PlatformNavbar, PlatformNavbarSearch, Profile, ProfileTimeChart, ProgressDots, ProjectActionButtons, ProjectFilesModal, ProjectInstructionsModal, ProjectLandingPage, ProjectMentorsList, ProjectsPage, REQUEST_ACCESS_COURSE_STARTING_SOON_LABEL, REQUEST_ACCESS_LABEL, RankedBars, RenameProjectModal, ResumeBox, ResumeTab, RichTextEditor, SERVICE_COLOR_ORDER, SUPPORTED_LOCALES, SandboxConfig, SearchableMultiSelect, SendNotificationDialog, SignupButton, SkeletonActivityStatBox, SkeletonAddSkillsLoading, SkeletonCreatePathwaySearchList, SkeletonDiscoverFilterBox, SkeletonEducationBox, SkeletonMultiplier, SkeletonPathwayBox, SkeletonProfileInfoCard, SkeletonSkillBox, SkillBox, SkillDetailModal, SkillLeaderboardChart, SkillsBox, SkillsList, SlashSkillPicker, SourceChip, Spinner, StatCard, StepHeader, SummerNoteTextEditor, TAURI_COMMANDS, TAURI_EVENTS, TRACES_PAGE_SIZE, TenantSwitcher, TimeFilter, TimeTrackingProvider, TimedExam, ToolDialogs, TopBanner, TrendSparkline, USER_ONBOARDING_FORM_SLUG, USER_ONBOARDING_FORM_VERSION, USER_ONBOARDING_SUBMISSION_SLUG, UpgradePackageModal, UserAvatar, UserOnboardingWizard, Version, WebContainersI18nProvider, WorkflowSidebar, addBookmarksTab, areChartFiltersEqual, availablePlacementExams, buildOnboardingAgentPath, buildUserOnboardingFormMetadata, buildUserOnboardingSubmissionMetadata, coerceOnboardingAgent, coerceOnboardingAgents, coerceUserOnboardingForm, colorForRank, colorForSeries, emptyUserOnboardingForm, findLastResumeBlock, findOnboardingAgent, findSequentialParent, flattenVerticalBlocks, formatAuditTimestamp, formatCompactNumber, formatLatencySeconds, formatTimeZoneLabel, getCatalog, getFirstAvailableUnit, getLocalLLMModel, getLocalLLMToolSupport, getNextUnitIframe, getOrg, getParentBlockById, getParentsInfosFromSublessonId, getPreviousUnitIframe, getRandomCourseImage, getSectorById, getTenant, getUnitToIframe, getUserId, getUserName, granularityForFilter, hasOnboardingContent, humanizeAuditToken, inBrowserPrint, inIframe, initialCuaDriverInstallState, initialModelDownloadState, isCoworkEnabled, isLlmUsageForbidden, isLlmUsageUnavailable, isLocalLLMEnabled, isPlatformNavbarCreditBalanceVisible, isSlashCommandToken, isTauriApp, isValidLocale, isValidTimeZone, llmUsageDateArgs, components as markdownComponents, modelSupportsCowork, onboardingPrimaryButtonClass, onboardingSecondaryButtonClass, readUserOnboardingForm, readUserOnboardingSubmission, readUserOnboardingSubmissions, resolveAuditTimeZone, resolveCreateAgentLabels, sanitizeCss, setCoworkEnabled, setLocalLLMEnabled, setLocalLLMModel, setLocalLLMToolSupport, smallestCoworkModel, useAnalyticsGlobalFilters, useAnalyticsScope, useAnalyticsSettings, useAuditLog, useCatalogSearch, useChartFilters, useChatPrivacy, useChatState, useCourseDetail, useCourseMetadata, useCourses, useCuaDriver, useDiscover, useEdxIframe, useFinancial, useIframeMessageHandler, useLlmTraces, useLlmUsage, useLocalStorage, useMemory, useModelDownload, useMonetization, useOverview, usePlatformAuditLabels, usePlatformAuditLog, useProfileActivityStats, useProfileCredentials, useProfilePathways, useProfilePrograms, useProfileSkills, useProfileTimeSpent, usePrograms, useReports, useScopedMentorDbId, useScopedMentorId, useSelectedLocalModel, useSlashSkillPicker, useSlashSkills, useT, useTauri, useTimeTracking, useTopics, useTranscripts, useUserCourses, useUserMetadata, useUsers, useWebContainersI18n, useWebContainersLocale };
 //# sourceMappingURL=index.esm.js.map