@iblai/iblai-js 2.3.16 → 2.4.0

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

@@ -60579,6 +60579,14 @@ var analyticsAnalyticsAuditLogStats$3 = {
 	colAction: "ACTION",
 	colTime: "TIME"
 };
+var analyticsAnalyticsAgentPicker$3 = {
+	analyticsScope: "Analytics scope",
+	allAgents: "All Agents",
+	agents: "Agents",
+	searchAgents: "Search agents…",
+	noAgentsFound: "No agents found",
+	loading: "Loading…"
+};
 var analyticsAnalyticsCourseDetail$3 = {
 	goBackAriaLabel: "Go back to courses list",
 	activeEnrollments: "Active Enrollments",
@@ -66167,6 +66175,7 @@ var en = {
 	agentSearchLabels: agentSearchLabels$3,
 	analyticsAccessTimeHeatmap: analyticsAccessTimeHeatmap$3,
 	analyticsAnalyticsAuditLogStats: analyticsAnalyticsAuditLogStats$3,
+	analyticsAnalyticsAgentPicker: analyticsAnalyticsAgentPicker$3,
 	analyticsAnalyticsCourseDetail: analyticsAnalyticsCourseDetail$3,
 	analyticsAnalyticsCourses: analyticsAnalyticsCourses$3,
 	analyticsAnalyticsFinancialStats: analyticsAnalyticsFinancialStats$3,
@@ -67043,6 +67052,14 @@ var analyticsAnalyticsAuditLogStats$2 = {
 	colAction: "ACTION",
 	colTime: "HEURE"
 };
+var analyticsAnalyticsAgentPicker$2 = {
+	analyticsScope: "Portée des analyses",
+	allAgents: "Tous les agents",
+	agents: "Agents",
+	searchAgents: "Rechercher des agents…",
+	noAgentsFound: "Aucun agent trouvé",
+	loading: "Chargement…"
+};
 var analyticsAnalyticsCourseDetail$2 = {
 	goBackAriaLabel: "Retour à la liste des cours",
 	activeEnrollments: "Inscriptions actives",
@@ -72631,6 +72648,7 @@ var fr = {
 	agentSearchLabels: agentSearchLabels$2,
 	analyticsAccessTimeHeatmap: analyticsAccessTimeHeatmap$2,
 	analyticsAnalyticsAuditLogStats: analyticsAnalyticsAuditLogStats$2,
+	analyticsAnalyticsAgentPicker: analyticsAnalyticsAgentPicker$2,
 	analyticsAnalyticsCourseDetail: analyticsAnalyticsCourseDetail$2,
 	analyticsAnalyticsCourses: analyticsAnalyticsCourses$2,
 	analyticsAnalyticsFinancialStats: analyticsAnalyticsFinancialStats$2,
@@ -73507,6 +73525,14 @@ var analyticsAnalyticsAuditLogStats$1 = {
 	colAction: "ACCIÓN",
 	colTime: "HORA"
 };
+var analyticsAnalyticsAgentPicker$1 = {
+	analyticsScope: "Alcance de analíticas",
+	allAgents: "Todos los agentes",
+	agents: "Agentes",
+	searchAgents: "Buscar agentes…",
+	noAgentsFound: "No se encontraron agentes",
+	loading: "Cargando…"
+};
 var analyticsAnalyticsCourseDetail$1 = {
 	goBackAriaLabel: "Volver a la lista de cursos",
 	activeEnrollments: "Inscripciones activas",
@@ -79095,6 +79121,7 @@ var es = {
 	agentSearchLabels: agentSearchLabels$1,
 	analyticsAccessTimeHeatmap: analyticsAccessTimeHeatmap$1,
 	analyticsAnalyticsAuditLogStats: analyticsAnalyticsAuditLogStats$1,
+	analyticsAnalyticsAgentPicker: analyticsAnalyticsAgentPicker$1,
 	analyticsAnalyticsCourseDetail: analyticsAnalyticsCourseDetail$1,
 	analyticsAnalyticsCourses: analyticsAnalyticsCourses$1,
 	analyticsAnalyticsFinancialStats: analyticsAnalyticsFinancialStats$1,
@@ -79971,6 +79998,14 @@ var analyticsAnalyticsAuditLogStats = {
 	colAction: "操作",
 	colTime: "时间"
 };
+var analyticsAnalyticsAgentPicker = {
+	analyticsScope: "分析范围",
+	allAgents: "所有智能体",
+	agents: "智能体",
+	searchAgents: "搜索智能体…",
+	noAgentsFound: "未找到智能体",
+	loading: "加载中…"
+};
 var analyticsAnalyticsCourseDetail = {
 	goBackAriaLabel: "返回课程列表",
 	activeEnrollments: "活跃注册",
@@ -85559,6 +85594,7 @@ var zh = {
 	agentSearchLabels: agentSearchLabels,
 	analyticsAccessTimeHeatmap: analyticsAccessTimeHeatmap,
 	analyticsAnalyticsAuditLogStats: analyticsAnalyticsAuditLogStats,
+	analyticsAnalyticsAgentPicker: analyticsAnalyticsAgentPicker,
 	analyticsAnalyticsCourseDetail: analyticsAnalyticsCourseDetail,
 	analyticsAnalyticsCourses: analyticsAnalyticsCourses,
 	analyticsAnalyticsFinancialStats: analyticsAnalyticsFinancialStats,
@@ -148067,7 +148103,7 @@ function BlocksView({ platformKey, onBack, }) {
 
 const FILTER_ORDER = ['all', ...APPLICATION_STATUSES];
 const PAGE_SIZE$3 = 20;
-const SEARCH_DEBOUNCE_MS$1 = 300;
+const SEARCH_DEBOUNCE_MS$2 = 300;
 /**
  * The public application URL on the auth SPA for one form of a platform
  * (`<auth-url>/applications/<platform-key>/<form-id>?redirect-to=<origin>`), or
@@ -148178,7 +148214,7 @@ function SubmissionsPipeline({ platformKey, form, onBack, onOpen, }) {
         const timer = setTimeout(() => {
             setDebouncedSearch(search.trim());
             setDebouncedCandidateFilter(candidateFilter.trim());
-        }, SEARCH_DEBOUNCE_MS$1);
+        }, SEARCH_DEBOUNCE_MS$2);
         return () => clearTimeout(timer);
     }, [search, candidateFilter]);
     // New filters restart paging.
@@ -152915,7 +152951,7 @@ function SearchableMultiSelect({ items, selectedItems, onSelectionChange, search
                 }) }))] }));
 }
 
-function useDebouncedValue$4(value, delay) {
+function useDebouncedValue$5(value, delay) {
     const [debouncedValue, setDebouncedValue] = React__default.useState(value);
     React__default.useEffect(() => {
         const timer = window.setTimeout(() => setDebouncedValue(value), delay);
@@ -152960,8 +152996,8 @@ function TokenPolicyFields({ tenantKey, mode, onModeChange, policies, onPolicies
     const t = useT();
     const [policySearch, setPolicySearch] = React__default.useState('');
     const [groupSearch, setGroupSearch] = React__default.useState('');
-    const debouncedPolicySearch = useDebouncedValue$4(policySearch, RBAC_SEARCH_DEBOUNCE_MS);
-    const debouncedGroupSearch = useDebouncedValue$4(groupSearch, RBAC_SEARCH_DEBOUNCE_MS);
+    const debouncedPolicySearch = useDebouncedValue$5(policySearch, RBAC_SEARCH_DEBOUNCE_MS);
+    const debouncedGroupSearch = useDebouncedValue$5(groupSearch, RBAC_SEARCH_DEBOUNCE_MS);
     const canWriteMode = canWriteField(fieldPermissions, 'mode');
     const canWritePolicies = canWriteField(fieldPermissions, 'policies_to_add') ||
         canWriteField(fieldPermissions, 'policies_to_remove');
@@ -185842,7 +185878,7 @@ function PolicyConfigDialog({ open, onOpenChange, config, onSave, }) {
     return (jsx(Dialog, { open: open, onOpenChange: handleOpenChange, children: jsxs(DialogContent, { className: "sm:max-w-md", "aria-describedby": "policy-config-description", children: [jsxs(DialogHeader, { children: [jsx(DialogTitle, { children: t('componentsPolicyConfigDialog.title') }), jsx(DialogDescription, { id: "policy-config-description", children: t('componentsPolicyConfigDialog.description') })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { children: [jsx(Label$2, { htmlFor: "policy-config-role-name", className: "text-sm font-medium text-gray-700", children: t('componentsPolicyConfigDialog.roleName') }), jsx(Input, { id: "policy-config-role-name", value: (_a = draft === null || draft === void 0 ? void 0 : draft.role_name) !== null && _a !== void 0 ? _a : '', disabled: true, className: "bg-gray-50" })] }), jsxs("div", { className: "flex items-center space-x-2", children: [jsx(Checkbox, { id: "policy-config-enabled", checked: (_b = draft === null || draft === void 0 ? void 0 : draft.enabled) !== null && _b !== void 0 ? _b : true, onCheckedChange: (checked) => updateDraft({ enabled: checked === true }) }), jsx(Label$2, { htmlFor: "policy-config-enabled", className: "text-sm font-medium text-gray-700 cursor-pointer", children: t('componentsPolicyConfigDialog.enabled') })] }), jsxs("div", { className: "flex items-center space-x-2", children: [jsx(Checkbox, { id: "policy-config-notify-assignment", checked: (_c = draft === null || draft === void 0 ? void 0 : draft.notify_on_assignment) !== null && _c !== void 0 ? _c : true, onCheckedChange: (checked) => updateDraft({ notify_on_assignment: checked === true }) }), jsx(Label$2, { htmlFor: "policy-config-notify-assignment", className: "text-sm font-medium text-gray-700 cursor-pointer", children: t('componentsPolicyConfigDialog.notifyOnAssignment') })] }), jsxs("div", { className: "flex items-center space-x-2", children: [jsx(Checkbox, { id: "policy-config-notify-removal", checked: (_d = draft === null || draft === void 0 ? void 0 : draft.notify_on_removal) !== null && _d !== void 0 ? _d : true, onCheckedChange: (checked) => updateDraft({ notify_on_removal: checked === true }) }), jsx(Label$2, { htmlFor: "policy-config-notify-removal", className: "text-sm font-medium text-gray-700 cursor-pointer", children: t('componentsPolicyConfigDialog.notifyOnRemoval') })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "policy-config-subject", className: "text-sm font-medium text-gray-700", children: t('componentsPolicyConfigDialog.subject') }), jsx(Textarea, { id: "policy-config-subject", value: (_e = draft === null || draft === void 0 ? void 0 : draft.subject) !== null && _e !== void 0 ? _e : '', onChange: (event) => updateDraft({ subject: event.target.value }), placeholder: t('componentsPolicyConfigDialog.subjectPlaceholder'), rows: 3 }), jsx("p", { className: "text-xs text-gray-500", children: t('componentsPolicyConfigDialog.subjectHint') })] })] }), jsxs(DialogFooter, { className: "pt-2", children: [jsx(Button$1, { variant: "outline", onClick: () => onOpenChange(false), children: t('componentsPolicyConfigDialog.cancel') }), jsx(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", onClick: handleSave, disabled: !config, children: t('componentsPolicyConfigDialog.saveConfiguration') })] })] }) }));
 }
 
-function useDebouncedValue$3(value, delay) {
+function useDebouncedValue$4(value, delay) {
     const [debouncedValue, setDebouncedValue] = useState(value);
     useEffect(() => {
         const timer = window.setTimeout(() => setDebouncedValue(value), delay);
@@ -185871,7 +185907,7 @@ function ProactiveSettingsSection({ platformKey, username, isSaving, userLocalTi
     const [isPromptDialogOpen, setIsPromptDialogOpen] = useState(false);
     const customIntervalErrorId = 'proactive-custom-interval-error';
     const executionTimeErrorId = 'proactive-execution-time-error';
-    const debouncedMentorSearch = useDebouncedValue$3(mentorSearch, 300);
+    const debouncedMentorSearch = useDebouncedValue$4(mentorSearch, 300);
     const showUseLocalTimezone = periodicTimezone !== userLocalTimezone;
     const shouldFetchMentors = Boolean(platformKey) && Boolean(username);
     const { data: mentorsResponse, isLoading: isMentorsLoading } = useGetMentorsQuery({
@@ -185968,7 +186004,7 @@ function ProactiveSettingsSection({ platformKey, username, isSaving, userLocalTi
                                                 }) })] })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "periodic-execution-time", className: "text-sm font-medium text-gray-700", children: t('componentsProactiveSettingsSection.executionTimeLabel') }), jsx(Input, { id: "periodic-execution-time", type: "time", value: periodicExecutionTime, onChange: (event) => onExecutionTimeChange(event.target.value), disabled: isSaving, "aria-invalid": isExecutionTimeMissing, "aria-describedby": isExecutionTimeMissing ? executionTimeErrorId : undefined }), renderTimezoneNotice(t('componentsProactiveSettingsSection.chooseWhenNotice'))] })] })), periodicFrequency !== 'CUSTOM' && (jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "periodic-execution-time", className: "text-sm font-medium text-gray-700", children: t('componentsProactiveSettingsSection.executionTimeLabel') }), jsx(Input, { id: "periodic-execution-time", type: "time", value: periodicExecutionTime, onChange: (event) => onExecutionTimeChange(event.target.value), disabled: isSaving }), renderTimezoneNotice(t('componentsProactiveSettingsSection.optionalChooseWhenNotice'))] })), isProactiveInvalid && (jsxs("div", { className: "space-y-1", "aria-live": "polite", children: [isCustomIntervalMissing && (jsx("p", { id: customIntervalErrorId, className: "text-sm text-red-600", role: "alert", children: t('componentsProactiveSettingsSection.customIntervalError') })), isExecutionTimeMissing && (jsx("p", { id: executionTimeErrorId, className: "text-sm text-red-600", role: "alert", children: t('componentsProactiveSettingsSection.executionTimeError') }))] })), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { className: "text-sm font-medium text-gray-700", htmlFor: "periodic-mentors", children: t('componentsProactiveSettingsSection.periodicAgentsLabel') }), jsx(SearchableMultiSelect, { items: mentorOptions, selectedItems: selectedMentors, onSelectionChange: handleMentorSelectionChange, searchQuery: mentorSearch, onSearchChange: setMentorSearch, isLoading: isMentorsLoading, placeholder: t('componentsProactiveSettingsSection.searchAgentsPlaceholder'), getItemValue: (mentor) => mentor.unique_id, getItemLabel: (mentor) => mentor.name ? `${mentor.name} (${mentor.unique_id})` : mentor.unique_id, onSelectedItemAction: handleEditMentorPrompt, selectedItemActionIcon: jsx(SquarePen, { className: "h-3 w-3", "aria-hidden": "true" }), selectedItemActionAriaLabel: t('componentsProactiveSettingsSection.editAgentPromptAriaLabel'), inputId: "periodic-mentors", ariaDescribedBy: "periodic-mentors-help", className: "max-w-full" }), jsx("p", { id: "periodic-mentors-help", className: "text-xs text-gray-500", children: t('componentsProactiveSettingsSection.periodicAgentsHelp') })] })] }), jsx(MentorPromptDialog, { open: isPromptDialogOpen, onOpenChange: setIsPromptDialogOpen, mentor: activePromptMentor, initialPrompt: activePromptMentor ? ((_b = mentorPrompts[activePromptMentor.id]) !== null && _b !== void 0 ? _b : '') : '', onSave: handlePromptSave })] }));
 }
 
-function useDebouncedValue$2(value, delay) {
+function useDebouncedValue$3(value, delay) {
     const [debouncedValue, setDebouncedValue] = useState(value);
     useEffect(() => {
         const timer = window.setTimeout(() => setDebouncedValue(value), delay);
@@ -186000,7 +186036,7 @@ function PolicyAssignmentSection({ platformKey, isSaving, notifyOnAssignment, on
     const [isPolicyConfigDialogOpen, setIsPolicyConfigDialogOpen] = useState(false);
     // Track the last initialized data to detect when new data arrives
     const lastInitializedRef = useRef('');
-    const debouncedPolicySearch = useDebouncedValue$2(policySearch, 300);
+    const debouncedPolicySearch = useDebouncedValue$3(policySearch, 300);
     const shouldFetchPolicies = Boolean(platformKey);
     const { data: policiesResponse, isLoading: isPoliciesLoading } = useGetRbacPoliciesQuery({ platformKey }, { skip: !shouldFetchPolicies });
     const policyOptions = useMemo(() => {
@@ -186095,7 +186131,7 @@ function PolicyAssignmentSection({ platformKey, isSaving, notifyOnAssignment, on
     return (jsxs(Fragment$1, { children: [jsxs("div", { className: "space-y-4 border-t border-gray-200 pt-4", children: [jsxs("div", { className: "space-y-1", children: [jsx("h3", { className: "text-sm font-semibold text-gray-900", children: t('componentsPolicyAssignmentSection.sectionTitle') }), jsx("p", { className: "text-xs text-gray-500", children: t('componentsPolicyAssignmentSection.sectionDescription') })] }), jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [jsxs("div", { className: "flex items-center space-x-2", children: [jsx(Checkbox, { id: "policy-notify-assignment", checked: notifyOnAssignment, onCheckedChange: (checked) => onNotifyOnAssignmentChange(checked === true), disabled: isSaving }), jsx(Label$2, { htmlFor: "policy-notify-assignment", className: "text-sm font-medium text-gray-700 cursor-pointer", children: t('componentsPolicyAssignmentSection.notifyOnAssignment') })] }), jsxs("div", { className: "flex items-center space-x-2", children: [jsx(Checkbox, { id: "policy-notify-removal", checked: notifyOnRemoval, onCheckedChange: (checked) => onNotifyOnRemovalChange(checked === true), disabled: isSaving }), jsx(Label$2, { htmlFor: "policy-notify-removal", className: "text-sm font-medium text-gray-700 cursor-pointer", children: t('componentsPolicyAssignmentSection.notifyOnRemoval') })] })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { className: "text-sm font-medium text-gray-700", htmlFor: "enabled-policies", children: t('componentsPolicyAssignmentSection.enabledPoliciesLabel') }), jsx(SearchableMultiSelect, { items: policyOptions, selectedItems: selectedPolicies, onSelectionChange: handlePolicySelectionChange, searchQuery: policySearch, onSearchChange: setPolicySearch, isLoading: isPoliciesLoading, placeholder: t('componentsPolicyAssignmentSection.searchPlaceholder'), getItemValue: (policy) => String(policy.id), getItemLabel: (policy) => { var _a; return (((_a = policy.role) === null || _a === void 0 ? void 0 : _a.name) ? `${policy.name}` : policy.name); }, onSelectedItemAction: handleEditPolicyConfig, selectedItemActionIcon: jsx(SquarePen, { className: "h-3 w-3", "aria-hidden": "true" }), selectedItemActionAriaLabel: t('componentsPolicyAssignmentSection.editPolicyAriaLabel'), inputId: "enabled-policies", ariaDescribedBy: "enabled-policies-help", className: "max-w-full" }), jsx("p", { id: "enabled-policies-help", className: "text-xs text-gray-500", children: t('componentsPolicyAssignmentSection.enabledPoliciesHelp') })] })] }), jsx(PolicyConfigDialog, { open: isPolicyConfigDialogOpen, onOpenChange: setIsPolicyConfigDialogOpen, config: activePolicyConfig, onSave: handlePolicyConfigSave })] }));
 }
 
-function useDebouncedValue$1(value, delay) {
+function useDebouncedValue$2(value, delay) {
     const [debouncedValue, setDebouncedValue] = useState(value);
     useEffect(() => {
         const timer = window.setTimeout(() => setDebouncedValue(value), delay);
@@ -186164,9 +186200,9 @@ function HumanSupportSection({ platformKey, isSaving, recipientMode, onRecipient
     // Track the last initialized data to detect when new data arrives
     const lastInitializedRef = useRef('');
     // Debounced search values
-    const debouncedUserSearch = useDebouncedValue$1(userSearch, 300);
-    const debouncedGroupSearch = useDebouncedValue$1(groupSearch, 300);
-    const debouncedPolicySearch = useDebouncedValue$1(policySearch, 300);
+    const debouncedUserSearch = useDebouncedValue$2(userSearch, 300);
+    const debouncedGroupSearch = useDebouncedValue$2(groupSearch, 300);
+    const debouncedPolicySearch = useDebouncedValue$2(policySearch, 300);
     const shouldFetch = Boolean(platformKey);
     // Fetch users
     const { data: usersResponse, isLoading: isUsersLoading } = usePlatformUsersQuery({
@@ -187804,10 +187840,41 @@ const formatDateToShortFormat$2 = (dateString, isToday = false) => {
     return date.toLocaleDateString([], { month: 'short', day: 'numeric', timeZone: 'UTC' });
 };
 
+const AnalyticsScopeContext = createContext({ scopedMentor: null });
+const AnalyticsScopeProvider = AnalyticsScopeContext.Provider;
+/** Read the analytics agent scope. `scopedMentor` is `null` outside a provider. */
+function useAnalyticsScope() {
+    return useContext(AnalyticsScopeContext);
+}
+/**
+ * The agent a container should report on, in precedence order:
+ *
+ * 1. `selectedMentorId` — an agent the host explicitly switched to.
+ * 2. `mentorId` — the agent in the route, on a per-agent analytics page.
+ * 3. The picker's scope, which only exists on tenant-wide pages.
+ *
+ * The picker comes last so it can never override a host that already knows
+ * which agent the page is about; on those pages `AnalyticsLayout` doesn't
+ * render the picker at all. An empty string is the tenant-wide mode every
+ * analytics hook already understands.
+ */
+function useScopedMentorId(selectedMentorId, mentorId) {
+    const { scopedMentor } = useAnalyticsScope();
+    return selectedMentorId || mentorId || (scopedMentor === null || scopedMentor === void 0 ? void 0 : scopedMentor.uniqueId) || '';
+}
+/**
+ * The database id matching {@link useScopedMentorId}, for the endpoints that
+ * key off the primary key instead of `unique_id`.
+ */
+function useScopedMentorDbId(selectedMentorDbId) {
+    const { scopedMentor } = useAnalyticsScope();
+    return selectedMentorDbId || (scopedMentor === null || scopedMentor === void 0 ? void 0 : scopedMentor.dbId) || undefined;
+}
+
 function AnalyticsOverview({ tenantKey, mentorId, selectedMentorId, usergroupIds, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     const t = useT();
-    const currentMentorId = selectedMentorId || mentorId;
+    const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
     const { messageStat, topicStat, conversationStat, sessionStats, isLoadingAllStats, isLoadingUsersStats, isLoadingSessionStats, isLoadingTopicsDetailsStats, isLoadingActiveUsersStats, setSessionStatsDateFilter, usersStats, sessionStatsDateFilter, topicsDetailsStats, setTopicsDetailsStatsDateFilter, topicsDetailsStatsDateFilter, activeUsersStats, setUsersStatsDateFilter, usersStatsDateFilter, } = useOverview({ tenantKey, mentorId: currentMentorId, usergroupIds });
     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: isLoadingAllStats, title: t('analyticsAnalyticsOverview.messages'), value: messageStat.stat, percentage: messageStat.percentage, description: t('analyticsAnalyticsOverview.messagesDescription') }), jsx(StatCard, { loading: isLoadingUsersStats, title: t('analyticsAnalyticsOverview.activeUsers'), value: (usersStats === null || usersStats === void 0 ? void 0 : usersStats.count) || 0, percentage: (usersStats === null || usersStats === void 0 ? void 0 : usersStats.percentage_change) || 0, description: t('analyticsAnalyticsOverview.activeUsersDescription') }), jsx(StatCard, { loading: isLoadingAllStats, title: t('analyticsAnalyticsOverview.topics'), value: topicStat.stat, percentage: topicStat.percentage, description: t('analyticsAnalyticsOverview.topicsDescription') }), jsx(StatCard, { loading: isLoadingAllStats, title: t('analyticsAnalyticsOverview.conversations'), value: conversationStat.stat, percentage: conversationStat.percentage, description: t('analyticsAnalyticsOverview.conversationsDescription') })] }), jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-5", children: [jsx(ChartCardWrapper, { title: t('analyticsAnalyticsOverview.sessions'), label: t('analyticsAnalyticsOverview.sessions'), setOutsideFilters: setSessionStatsDateFilter, filters: sessionStatsDateFilter, description: t('analyticsAnalyticsOverview.sessionsChartDescription'), children: isLoadingSessionStats ? (jsx(ChartLoading, {})) : ((_a = sessionStats === null || sessionStats === void 0 ? void 0 : sessionStats.points) === null || _a === void 0 ? void 0 : _a.length) && ((_b = sessionStats === null || sessionStats === void 0 ? void 0 : sessionStats.points) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (jsxs(LineChart, { data: ((_c = sessionStats === null || sessionStats === void 0 ? void 0 : sessionStats.points) === null || _c === void 0 ? void 0 : _c.map((point) => ({
                                 date: formatDateToShortFormat$2(point.date, sessionStatsDateFilter.activeFilter === 'today'),
@@ -187844,6 +187911,157 @@ function AnalyticsOverview({ tenantKey, mentorId, selectedMentorId, usergroupIds
                                 }, cursor: { fill: 'rgba(0, 0, 0, 0.05)' }, wrapperStyle: { outline: 'none' } }), jsx(Bar, { dataKey: "value", fill: "#38A1E5", radius: [4, 4, 0, 0] })] })) : (jsx(EmptyStats, {})) }) })] }));
 }
 
+/**
+ * Core agent search hook — thin wrapper around `useGetAiSearchMentorsQuery`.
+ *
+ * This is the low-level building block. For a higher-level hook that manages
+ * search state, debounce, and pagination controls, use
+ * `useAgentSearchWithPagination`.
+ */
+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({
+        platform_key: tenantKey,
+        query: query || undefined,
+        limit,
+        ...(offset !== undefined && { offset }),
+        ...(starred !== undefined && { starred }),
+        ...(featured !== undefined && { featured }),
+        ...(category && { category }),
+        ...(subjects && { subjects }),
+        ...(llm && { llm }),
+        ...(types && { types }),
+        ...(includeMainPublicMentors !== undefined && {
+            include_main_public_mentors: includeMainPublicMentors,
+        }),
+        ...(orderDirection && { order_direction: orderDirection }),
+    }, { skip: skip || !tenantKey });
+    return {
+        agents: ((_a = data === null || data === void 0 ? void 0 : data.results) !== null && _a !== void 0 ? _a : []),
+        facets: data === null || data === void 0 ? void 0 : data.facets,
+        hasMore: !!(data === null || data === void 0 ? void 0 : data.next),
+        totalCount: (_b = data === null || data === void 0 ? void 0 : data.count) !== null && _b !== void 0 ? _b : 0,
+        totalPages: (_c = data === null || data === void 0 ? void 0 : data.total_pages) !== null && _c !== void 0 ? _c : 0,
+        isLoading,
+        isFetching,
+        refetch,
+    };
+}
+
+function c(e,u,c){var i=this,a=useRef(null),o=useRef(0),f=useRef(null),l=useRef([]),v=useRef(),m=useRef(),d=useRef(e),g=useRef(true);d.current=e;var p="undefined"!=typeof window,w=!u&&0!==u&&p;if("function"!=typeof e)throw new TypeError("Expected a function");u=+u||0;var s=!!(c=c||{}).leading,x=!("trailing"in c)||!!c.trailing,h="maxWait"in c,y="debounceOnServer"in c&&!!c.debounceOnServer,F=h?Math.max(+c.maxWait||0,u):null;useEffect(function(){return g.current=true,function(){g.current=false;}},[]);var A=useMemo(function(){var r=function(r){var n=l.current,t=v.current;return l.current=v.current=null,o.current=r,m.current=d.current.apply(t,n)},n=function(r,n){w&&cancelAnimationFrame(f.current),f.current=w?requestAnimationFrame(r):setTimeout(r,n);},t=function(r){if(!g.current)return  false;var n=r-a.current;return !a.current||n>=u||n<0||h&&r-o.current>=F},e=function(n){return f.current=null,x&&l.current?r(n):(l.current=v.current=null,m.current)},c=function r(){var c=Date.now();if(t(c))return e(c);if(g.current){var i=u-(c-a.current),f=h?Math.min(i,F-(c-o.current)):i;n(r,f);}},A=function(){if(p||y){var e=Date.now(),d=t(e);if(l.current=[].slice.call(arguments),v.current=i,a.current=e,d){if(!f.current&&g.current)return o.current=a.current,n(c,u),s?r(a.current):m.current;if(h)return n(c,u),r(a.current)}return f.current||n(c,u),m.current}};return A.cancel=function(){f.current&&(w?cancelAnimationFrame(f.current):clearTimeout(f.current)),o.current=0,l.current=a.current=v.current=f.current=null;},A.isPending=function(){return !!f.current},A.flush=function(){return f.current?e(Date.now()):m.current},A},[s,h,u,F,x,w,p,y]);return A}function i(r,n){return r===n}function a(n,t,a){var o=i,f=useRef(n),l=useState({})[1],v=c(useCallback(function(r){f.current=r,l({});},[l]),t,a),m=useRef(n);return o(m.current,n)||(v(n),m.current=n),[f.current,v]}
+
+/**
+ * Higher-level agent search hook that manages search state, debounce, and
+ * pagination controls on top of `useAgentSearch`.
+ *
+ * Use this for simple list/table views (MyMentorsModal, SettingsModal).
+ * For the full explore page with sections, use `useAgentSearch` directly.
+ */
+function useAgentSearchWithPagination({ itemsPerPage = 6, paginationMode = 'paginated', debounceMs = 500, ...queryConfig }) {
+    const [searchQuery, setSearchQuery] = React__default.useState('');
+    const [debouncedQuery] = a(searchQuery, debounceMs);
+    const [currentPage, setCurrentPage] = React__default.useState(1);
+    const [infiniteLimit, setInfiniteLimit] = React__default.useState(itemsPerPage);
+    // Reset pagination when search changes
+    React__default.useEffect(() => {
+        setCurrentPage(1);
+        setInfiniteLimit(itemsPerPage);
+    }, [debouncedQuery, itemsPerPage]);
+    const isPaginated = paginationMode === 'paginated';
+    const result = useAgentSearch({
+        ...queryConfig,
+        query: debouncedQuery,
+        limit: isPaginated ? itemsPerPage : infiniteLimit,
+        offset: isPaginated ? (currentPage - 1) * itemsPerPage : undefined,
+    });
+    const totalPages = Math.ceil(result.totalCount / itemsPerPage);
+    const handlePageChange = React__default.useCallback((page) => {
+        setCurrentPage(page);
+    }, []);
+    const loadMore = React__default.useCallback(() => {
+        setInfiniteLimit((prev) => prev + itemsPerPage);
+    }, [itemsPerPage]);
+    return {
+        ...result,
+        searchQuery,
+        setSearchQuery,
+        debouncedQuery,
+        currentPage,
+        totalPages,
+        handlePageChange,
+        loadMore,
+    };
+}
+
+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__';
+function useDebouncedValue$1(value, delay) {
+    const [debounced, setDebounced] = useState(value);
+    useEffect(() => {
+        const timer = setTimeout(() => setDebounced(value), delay);
+        return () => clearTimeout(timer);
+    }, [value, delay]);
+    return debounced;
+}
+/**
+ * Scope selector for tenant-wide analytics: either the whole platform, or a
+ * single agent found by typing. Tenant-wide analytics has no agent in the
+ * route, so this is the only way to drill into one without changing pages.
+ *
+ * The list is served by the agent-search endpoint and is not filtered again
+ * client-side — searching is how you reach anything past the first
+ * {@link AGENTS_PAGE_SIZE} results.
+ */
+function AnalyticsAgentPicker({ tenantKey, value, onChange, className, }) {
+    const t = useT();
+    const [open, setOpen] = useState(false);
+    const [search, setSearch] = useState('');
+    const debouncedSearch = useDebouncedValue$1(search, SEARCH_DEBOUNCE_MS$1);
+    // Skipped until the popover opens, so merely landing on an analytics page
+    // doesn't fire an agent search nobody asked for.
+    const { agents, isFetching } = useAgentSearch({
+        tenantKey,
+        query: debouncedSearch,
+        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 handleSelect = (mentor) => {
+        onChange(mentor);
+        setOpen(false);
+        // Re-opening starts from the unfiltered list rather than a stale query.
+        setSearch('');
+    };
+    return (jsxs(Popover, { open: open, onOpenChange: setOpen, children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1
+                // Ghost rather than outline: the picker sits in the tab strip's own
+                // background, so it carries no chrome of its own until hovered.
+                , { 
+                    // Ghost rather than outline: the picker sits in the tab strip's own
+                    // background, so it carries no chrome of its own until hovered.
+                    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) => {
+                                        var _a;
+                                        const uniqueId = agent.unique_id;
+                                        return (jsxs(CommandItem, { 
+                                            // 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));
+                                    }) })), 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') }))] })] }) })] }));
+}
+
 const defaultTabs = [
     {
         label: 'Overview',
@@ -187887,9 +188105,29 @@ const defaultTabs = [
     },*/
 ];
 const className = 'inline-flex items-center justify-center whitespace-nowrap rounded-[5px] px-2 sm:px-2.5 pt-1 pb-0.5 sm: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 text-sm 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 = [], }) {
+function AnalyticsLayout({ children, currentPath, basePath, onTabChange, tabs = defaultTabs, activeTabClassName = '', beforeDataReports, excludeTabs = [], showPicker = false, tenantKey, scopedMentor, onScopedMentorChange, }) {
+    var _a, _b;
     const { currentTenant } = useCurrentTenant();
     const rbacPermissions = useSelector(selectRbacPermissions);
+    // Deliberately its own state rather than whatever the host already tracks as
+    // "the agent in context": reusing that would silently scope every chart to
+    // the last agent the user chatted with, with nothing on screen saying why.
+    // The trade-off is that it resets on reload — a host that needs it shareable
+    // controls the value instead.
+    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) => {
+        if (isScopeControlled) {
+            onScopedMentorChange === null || onScopedMentorChange === void 0 ? void 0 : onScopedMentorChange(mentor);
+            return;
+        }
+        setInternalScopedMentor(mentor);
+    }, [isScopeControlled, onScopedMentorChange]);
+    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]);
     // Only a pure watcher narrows the tab strip — everyone else keeps whatever
     // the caller passed, custom tabs included.
     const isRestricted = isPureWatcher(rbacPermissions, currentTenant);
@@ -187959,12 +188197,12 @@ function AnalyticsLayout({ children, currentPath, basePath, onTabChange, tabs =
             return;
         onTabChange(tabValue);
     };
-    return (jsxs("div", { className: "flex flex-col flex-1 min-h-0 h-full overflow-hidden overscroll-none bg-[#f5f7fb]", children: [jsx("div", { className: "p-6 pb-0 pt-4 xs:pt-0", children: jsx("div", { className: "flex items-center justify-between mb-4 xs:mb-2", children: jsxs("div", { className: "flex items-center justify-between w-full overflow-x-auto", children: [jsx(Tabs, { className: "bg-[#f5f7fb]", value: activeTab, children: jsx(TabsList, { className: "bg-[#f5f7fb]", children: tabs
-                                        .filter((tab) => !excludeTabs.includes(tab.value) && canAccessTab(tab.value))
-                                        .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));
-                                    }) }) }), jsxs("div", { className: "flex items-center gap-4", children: [beforeDataReports, 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" }) }) }))] })] }) }) }), jsx("div", { className: "flex-1 overflow-auto overscroll-contain scrollbar-none px-6 pb-6 pt-0", children: isActiveTabAllowed ? children : null })] }));
+    return (jsx(AnalyticsScopeProvider, { value: scopeValue, children: jsxs("div", { className: "flex flex-col flex-1 min-h-0 h-full overflow-hidden overscroll-none bg-[#f5f7fb]", children: [jsx("div", { className: "p-6 pb-0 pt-4 xs:pt-0", children: jsx("div", { className: "flex items-center justify-between mb-4 xs:mb-2", children: jsxs("div", { className: "flex items-center justify-between w-full overflow-x-auto", children: [jsxs("div", { className: "flex items-center gap-3", children: [showPicker && (jsx("div", { className: "shrink-0", children: 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 }) })), jsx(Tabs, { className: "bg-[#f5f7fb]", value: activeTab, children: jsx(TabsList, { className: "bg-[#f5f7fb]", children: tabs
+                                                    .filter((tab) => !excludeTabs.includes(tab.value) && canAccessTab(tab.value))
+                                                    .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));
+                                                }) }) })] }), jsxs("div", { className: "flex items-center gap-4", children: [beforeDataReports, 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" }) }) }))] })] }) }) }), jsx("div", { className: "flex-1 overflow-auto overscroll-contain scrollbar-none px-6 pb-6 pt-0", children: isActiveTabAllowed ? children : null })] }) }));
 }
 
 const accessTimeData = [
@@ -188186,7 +188424,7 @@ const formatRelativeTime$1 = (dateString, t) => {
 function AnalyticsUsersStats({ tenantKey, mentorId, selectedMentorId, usergroupIds, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const t = useT();
-    const currentMentorId = selectedMentorId || mentorId;
+    const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
     const { registeredUsers, isLoadingRegisteredUsers, activeUsers, isLoadingActiveUsers, setActiveUsersStatsDateFilter, activeUsersStatsDateFilter, accessTimeHeatmap, isLoadingAccessTimeHeatmap, setAccessTimeHeatmapDateFilter, accessTimeHeatmapDateFilter, userDetailsStats, isLoadingUserDetailsStats, setUserDetailsStatsDateFilter, userDetailsStatsDateFilter, setUserDetailsStatsPage, userDetailsStatsSearch, handleSearchInputChange, currentlyActiveUsers, isLoadingCurrentlyActiveUsers, activeUsers30D, isLoadingActiveUsers30D, } = useUsers({ tenantKey, mentorId: currentMentorId, usergroupIds });
     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 ? (jsxs(BarChart, { 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'),
@@ -188292,7 +188530,7 @@ const useTopics = ({ tenantKey, mentorId, usergroupIds, }) => {
 function AnalyticsTopicsStats({ tenantKey, mentorId, selectedMentorId, usergroupIds, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
     const t = useT();
-    const currentMentorId = selectedMentorId || mentorId;
+    const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
     const { topicsStats, isLoadingTopicsStats, conversationsStats, isLoadingConversationsStats, conversationsStatsDateFilter, setConversationsStatsDateFilter, averageRatingStats, averageRatingDateFilter, setAverageRatingDateFilter, topicsDetailsStats, isLoadingTopicsDetailsStats, topicsDetailsDateFilter, setTopicsDetailsDateFilter, } = useTopics({ tenantKey, mentorId: currentMentorId, usergroupIds });
     const averageRatingDisplayed = ((_a = averageRatingStats === null || averageRatingStats === void 0 ? void 0 : averageRatingStats.points) === null || _a === void 0 ? void 0 : _a.length) && ((_b = averageRatingStats === null || averageRatingStats === void 0 ? void 0 : averageRatingStats.points) === null || _b === void 0 ? void 0 : _b.length) > 0;
     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('analyticsAnalyticsTopicsStats.topics'), value: ((_c = topicsStats === null || topicsStats === void 0 ? void 0 : topicsStats.topics) === null || _c === void 0 ? void 0 : _c.this_month) || 0, loading: isLoadingTopicsStats, percentage: ((_d = topicsStats === null || topicsStats === void 0 ? void 0 : topicsStats.topics) === null || _d === void 0 ? void 0 : _d.percentage_change) || 0, description: t('analyticsAnalyticsTopicsStats.topicsDescription') }), jsx(StatCard, { title: t('analyticsAnalyticsTopicsStats.conversations'), value: ((_e = topicsStats === null || topicsStats === void 0 ? void 0 : topicsStats.conversations) === null || _e === void 0 ? void 0 : _e.this_month) || 0, loading: isLoadingTopicsStats, percentage: ((_f = topicsStats === null || topicsStats === void 0 ? void 0 : topicsStats.conversations) === null || _f === void 0 ? void 0 : _f.percentage_change) || 0, description: t('analyticsAnalyticsTopicsStats.conversationsDescription') }), jsx(StatCard, { title: t('analyticsAnalyticsTopicsStats.messages'), value: ((_g = topicsStats === null || topicsStats === void 0 ? void 0 : topicsStats.messages) === null || _g === void 0 ? void 0 : _g.this_month) || 0, loading: isLoadingTopicsStats, percentage: ((_h = topicsStats === null || topicsStats === void 0 ? void 0 : topicsStats.messages) === null || _h === void 0 ? void 0 : _h.percentage_change) || 0, description: t('analyticsAnalyticsTopicsStats.messagesDescription') })] }), jsxs("div", { className: cn('grid grid-cols-1 lg:grid-cols-2 gap-5', !averageRatingDisplayed ? 'lg:grid-cols-1' : ''), children: [jsx(ChartCardWrapper, { title: t('analyticsAnalyticsTopicsStats.conversations'), label: t('analyticsAnalyticsTopicsStats.conversations'), filters: conversationsStatsDateFilter, setOutsideFilters: setConversationsStatsDateFilter, description: t('analyticsAnalyticsTopicsStats.conversationsChartDescription'), children: isLoadingConversationsStats ? (jsx(ChartLoading, {})) : ((_j = conversationsStats === null || conversationsStats === void 0 ? void 0 : conversationsStats.points) === null || _j === void 0 ? void 0 : _j.length) && ((_k = conversationsStats === null || conversationsStats === void 0 ? void 0 : conversationsStats.points) === null || _k === void 0 ? void 0 : _k.length) > 0 ? (jsxs(LineChart, { data: (_l = conversationsStats === null || conversationsStats === void 0 ? void 0 : conversationsStats.points) === null || _l === void 0 ? void 0 : _l.map((point) => ({
@@ -188508,7 +188746,7 @@ const useFinancial = ({ tenantKey, mentorId, usergroupIds, }) => {
 function AnalyticsFinancialStats({ tenantKey, mentorId, selectedMentorId, usergroupIds, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     const t = useT();
-    const currentMentorId = selectedMentorId || mentorId;
+    const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
     const { weeklyCostData, isLoadingWeeklyCostData, monthlyCostData, isLoadingMonthlyCostData, totalCostData, isLoadingTotalCostData, detailedCostPerDayData, isLoadingDetailedCostPerDayData, detailedCostPerDayFilters, setDetailedCostPerDayFilters, detailedCostPerProviderData, isLoadingDetailedCostPerProviderData, detailedCostPerProviderFilters, setDetailedCostPerProviderFilters, detailedCostPerUserData, isLoadingDetailedCostPerUserData, detailedCostPerUserFilters, setDetailedCostPerUserFilters, costPerUserPage, setCostPerUserPage, costPerUserLimit, providerColors, detailedLLMCostData, isLoadingDetailedLLMCostData, detailedLLMCostFilters, setDetailedLLMCostFilters, } = useFinancial({ tenantKey, mentorId: currentMentorId, usergroupIds });
     // Pagination handlers
     const handleFirstPage = () => {
@@ -223207,7 +223445,7 @@ const getMessageContent = (content) => {
 function AnalyticsTranscriptsStats({ tenantKey, mentorId, selectedMentorId, usergroupIds, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     const t = useT();
-    const currentMentorId = selectedMentorId || mentorId;
+    const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
     const [isModalOpen, setIsModalOpen] = useState(false);
     const searchParams = useSearchParams();
     const router = useRouter();
@@ -223820,6 +224058,8 @@ function AnalyticsReports({ tenantKey, selectedMentorId, disabledReports = [], u
     const t = useT();
     const { currentTenant } = useCurrentTenant();
     const rbacPermissions = useSelector(selectRbacPermissions);
+    const scopedMentorId = useScopedMentorId(selectedMentorId);
+    const scopedMentorDbId = useScopedMentorDbId(selectedMentorDbId);
     const { metadata } = useTenantMetadata({ org: tenantKey });
     //we using metadata to get the combined recommendation reports
     //"combined_recommendation_reports": "Recommendation History Report,Course Grade Report,User Group Member List Report",
@@ -223831,9 +224071,11 @@ function AnalyticsReports({ tenantKey, selectedMentorId, disabledReports = [], u
     }, [metadata === null || metadata === void 0 ? void 0 : metadata.combined_recommendation_reports, metadata === null || metadata === void 0 ? void 0 : metadata.enable_combined_recommendation_report]);
     const { reports, isLoading, initializeReportDownload, activeReportName, isGenerating } = useReports({
         tenantKey,
-        selectedMentorId,
+        // Reports keys off both ids: `unique_id` for the agent's public settings,
+        // and the database id for the `mentor_id` filter on the report list.
+        selectedMentorId: scopedMentorId,
         usergroupIds,
-        selectedMentorDbId,
+        selectedMentorDbId: scopedMentorDbId,
     });
     const [fetchReportBlob] = useLazyGetDownloadReportFromURLQuery();
     const fetchAuthenticatedContent = useCallback(async (url) => {
@@ -224579,7 +224821,7 @@ function AnalyticsCourses({ tenantKey, mentorId, selectedMentorId, basePath = ''
     var _a, _b, _c, _d;
     const t = useT();
     const router = useRouter();
-    const currentMentorId = selectedMentorId || mentorId;
+    const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
     const { courseStats, isLoading, enrollmentStats, enrollmentStatsDateFilter, setEnrollmentStatsDateFilter, coursesList, setCoursesListPage, coursesListSearch, handleSearchInputChange, coursesPagination, } = useCourses({ tenantKey, mentorId: currentMentorId });
     const handleCourseClick = (courseId) => {
         router.push(`${basePath}/courses/${courseId}`);
@@ -224631,7 +224873,7 @@ function AnalyticsCourses({ tenantKey, mentorId, selectedMentorId, basePath = ''
 function AnalyticsCourseDetail({ tenantKey, mentorId, selectedMentorId, courseId, courseName, showCourseTitle = true, onBack, }) {
     var _a, _b;
     const t = useT();
-    const currentMentorId = selectedMentorId || mentorId;
+    const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
     const { courseDetailStats, isLoading, courseEnrollments, courseEnrollmentsSearch, handleCourseEnrollmentsSearchInputChange, setCourseEnrollmentsPage, courseEnrollmentsPagination, courseInfo, } = useCourses({
         tenantKey,
         mentorId: currentMentorId,
@@ -224938,7 +225180,7 @@ function AnalyticsPrograms({ tenantKey, mentorId, selectedMentorId, basePath = '
     var _a, _b, _c, _d;
     const t = useT();
     const router = useRouter();
-    const currentMentorId = selectedMentorId || mentorId;
+    const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
     const { programStats, isLoading, enrollmentStats, enrollmentStatsDateFilter, setEnrollmentStatsDateFilter, programsList, setProgramsListPage, programsListSearch, handleSearchInputChange, programsPagination, } = usePrograms({ tenantKey, mentorId: currentMentorId });
     const handleProgramClick = (programId) => {
         router.push(`${basePath}/programs/${programId}`);
@@ -224990,7 +225232,7 @@ function AnalyticsPrograms({ tenantKey, mentorId, selectedMentorId, basePath = '
 function AnalyticsProgramDetail({ tenantKey, mentorId, selectedMentorId, programId, programName, onBack, }) {
     var _a, _b;
     const t = useT();
-    const currentMentorId = selectedMentorId || mentorId;
+    const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
     const { programDetailStats, isLoading, programEnrollments, programEnrollmentsSearch, handleProgramEnrollmentsSearchInputChange, setProgramEnrollmentsPage, programEnrollmentsPagination, programInfo, } = usePrograms({
         tenantKey,
         mentorId: currentMentorId,
@@ -225930,7 +226172,7 @@ function summarizeChanges(entry) {
 function AgentAuditLogView({ tenantKey, mentorId, userId, selectedMentorId, }) {
     var _a;
     const t = useT();
-    const currentMentorId = selectedMentorId || mentorId;
+    const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
     const [actorOpen, setActorOpen] = useState(false);
     const { data, isLoading, error, page, setPage, totalPages, actionFilter, setActionFilter, actorFilter, setActorFilter, dateRange, setDateRange, } = useAuditLog({
         tenantKey,
@@ -225984,88 +226226,6 @@ function AnalyticsAuditLogStats({ tenantKey, mentorId, userId, selectedMentorId,
                             : t('analyticsAnalyticsAuditLogStats.scopePlatformHint') })] })), activeScope === 'platform' ? (jsx(AnalyticsPlatformAuditLog, { platformKey: tenantKey, timezone: timezone })) : (jsx(AgentAuditLogView, { tenantKey: tenantKey, mentorId: mentorId, userId: userId, selectedMentorId: selectedMentorId }))] }));
 }
 
-/**
- * Core agent search hook — thin wrapper around `useGetAiSearchMentorsQuery`.
- *
- * This is the low-level building block. For a higher-level hook that manages
- * search state, debounce, and pagination controls, use
- * `useAgentSearchWithPagination`.
- */
-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({
-        platform_key: tenantKey,
-        query: query || undefined,
-        limit,
-        ...(offset !== undefined && { offset }),
-        ...(starred !== undefined && { starred }),
-        ...(featured !== undefined && { featured }),
-        ...(category && { category }),
-        ...(subjects && { subjects }),
-        ...(llm && { llm }),
-        ...(types && { types }),
-        ...(includeMainPublicMentors !== undefined && {
-            include_main_public_mentors: includeMainPublicMentors,
-        }),
-        ...(orderDirection && { order_direction: orderDirection }),
-    }, { skip: skip || !tenantKey });
-    return {
-        agents: ((_a = data === null || data === void 0 ? void 0 : data.results) !== null && _a !== void 0 ? _a : []),
-        facets: data === null || data === void 0 ? void 0 : data.facets,
-        hasMore: !!(data === null || data === void 0 ? void 0 : data.next),
-        totalCount: (_b = data === null || data === void 0 ? void 0 : data.count) !== null && _b !== void 0 ? _b : 0,
-        totalPages: (_c = data === null || data === void 0 ? void 0 : data.total_pages) !== null && _c !== void 0 ? _c : 0,
-        isLoading,
-        isFetching,
-        refetch,
-    };
-}
-
-function c(e,u,c){var i=this,a=useRef(null),o=useRef(0),f=useRef(null),l=useRef([]),v=useRef(),m=useRef(),d=useRef(e),g=useRef(true);d.current=e;var p="undefined"!=typeof window,w=!u&&0!==u&&p;if("function"!=typeof e)throw new TypeError("Expected a function");u=+u||0;var s=!!(c=c||{}).leading,x=!("trailing"in c)||!!c.trailing,h="maxWait"in c,y="debounceOnServer"in c&&!!c.debounceOnServer,F=h?Math.max(+c.maxWait||0,u):null;useEffect(function(){return g.current=true,function(){g.current=false;}},[]);var A=useMemo(function(){var r=function(r){var n=l.current,t=v.current;return l.current=v.current=null,o.current=r,m.current=d.current.apply(t,n)},n=function(r,n){w&&cancelAnimationFrame(f.current),f.current=w?requestAnimationFrame(r):setTimeout(r,n);},t=function(r){if(!g.current)return  false;var n=r-a.current;return !a.current||n>=u||n<0||h&&r-o.current>=F},e=function(n){return f.current=null,x&&l.current?r(n):(l.current=v.current=null,m.current)},c=function r(){var c=Date.now();if(t(c))return e(c);if(g.current){var i=u-(c-a.current),f=h?Math.min(i,F-(c-o.current)):i;n(r,f);}},A=function(){if(p||y){var e=Date.now(),d=t(e);if(l.current=[].slice.call(arguments),v.current=i,a.current=e,d){if(!f.current&&g.current)return o.current=a.current,n(c,u),s?r(a.current):m.current;if(h)return n(c,u),r(a.current)}return f.current||n(c,u),m.current}};return A.cancel=function(){f.current&&(w?cancelAnimationFrame(f.current):clearTimeout(f.current)),o.current=0,l.current=a.current=v.current=f.current=null;},A.isPending=function(){return !!f.current},A.flush=function(){return f.current?e(Date.now()):m.current},A},[s,h,u,F,x,w,p,y]);return A}function i(r,n){return r===n}function a(n,t,a){var o=i,f=useRef(n),l=useState({})[1],v=c(useCallback(function(r){f.current=r,l({});},[l]),t,a),m=useRef(n);return o(m.current,n)||(v(n),m.current=n),[f.current,v]}
-
-/**
- * Higher-level agent search hook that manages search state, debounce, and
- * pagination controls on top of `useAgentSearch`.
- *
- * Use this for simple list/table views (MyMentorsModal, SettingsModal).
- * For the full explore page with sections, use `useAgentSearch` directly.
- */
-function useAgentSearchWithPagination({ itemsPerPage = 6, paginationMode = 'paginated', debounceMs = 500, ...queryConfig }) {
-    const [searchQuery, setSearchQuery] = React__default.useState('');
-    const [debouncedQuery] = a(searchQuery, debounceMs);
-    const [currentPage, setCurrentPage] = React__default.useState(1);
-    const [infiniteLimit, setInfiniteLimit] = React__default.useState(itemsPerPage);
-    // Reset pagination when search changes
-    React__default.useEffect(() => {
-        setCurrentPage(1);
-        setInfiniteLimit(itemsPerPage);
-    }, [debouncedQuery, itemsPerPage]);
-    const isPaginated = paginationMode === 'paginated';
-    const result = useAgentSearch({
-        ...queryConfig,
-        query: debouncedQuery,
-        limit: isPaginated ? itemsPerPage : infiniteLimit,
-        offset: isPaginated ? (currentPage - 1) * itemsPerPage : undefined,
-    });
-    const totalPages = Math.ceil(result.totalCount / itemsPerPage);
-    const handlePageChange = React__default.useCallback((page) => {
-        setCurrentPage(page);
-    }, []);
-    const loadMore = React__default.useCallback(() => {
-        setInfiniteLimit((prev) => prev + itemsPerPage);
-    }, [itemsPerPage]);
-    return {
-        ...result,
-        searchQuery,
-        setSearchQuery,
-        debouncedQuery,
-        currentPage,
-        totalPages,
-        handlePageChange,
-        loadMore,
-    };
-}
-
 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 });
@@ -226464,6 +226624,7 @@ function AgentSearchDialog({ tenantKey, open, onClose, selectedMentorId, onSelec
  */
 function AnalyticsMemoryStats({ tenantKey, mentorId, userId, selectedMentorId, myMemory = false, }) {
     const t = useT();
+    const scopedMentorId = useScopedMentorId(selectedMentorId, mentorId);
     const [selectedMemory, setSelectedMemory] = useState(null);
     const [agentSearchOpen, setAgentSearchOpen] = useState(false);
     // The content search is committed on Enter/blur rather than per-keystroke so
@@ -226472,7 +226633,10 @@ function AnalyticsMemoryStats({ tenantKey, mentorId, userId, selectedMentorId, m
     const { scope, setScope, availableScopes, searchedMentor, selectSearchedMentor, rows, aggregates, categories, isLoading, error, isForbidden, page, setPage, totalPages, learnerFilter, setLearnerFilter, categoryFilter, setCategoryFilter, setContentFilter, dateRange, setDateRange, } = useMemory({
         tenantKey,
         userId,
-        mentorId: selectedMentorId || mentorId,
+        // 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.
+        mentorId: scopedMentorId,
         myMemory,
     });
     const scopeLabels = {
@@ -237305,5 +237469,5 @@ var trainOrDeleteModal = /*#__PURE__*/Object.freeze({
     TrainOrDeleteModal: TrainOrDeleteModal
 });
 
-export { ACCESS_COURSE_LABEL, ALL_CATEGORIES, AccessTimeHeatmap, AccessiblePaginate, AddMentorToProjectModal, AddSkillDialog, Admin, AdvancedTab, AgentConfigPrompts, AgentSkills, AlertsTab, AnalyticsAuditLogStats, AnalyticsCourseDetail, AnalyticsCourses, AnalyticsFinancialStats, AnalyticsLayout, AnalyticsMemoryStats, AnalyticsMonetizationStats, AnalyticsOverview, AnalyticsPlatformAuditLog, AnalyticsProgramDetail, AnalyticsPrograms, AnalyticsReportDownload, AnalyticsReports, AnalyticsSettingsProvider, AnalyticsTopicsStats, AnalyticsTranscriptsStats, AnalyticsUsersStats, AppleRestrictionModal, ApplyWizard, AuditLogChangesView, AuditLogJsonView, BUY_NOW_LABEL, BillingTab, CATALOGS, CREATE_AGENT_LABELS, CUA_DRIVER_REPO_URL, CUA_DRIVER_TAURI_COMMANDS, CUA_DRIVER_TAURI_EVENTS, CardInfoIcon, CategorizedDropdownMenu, ChartCardWrapper, ChartFiltersProvider, ChartLoading, 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_MODELS, Loader, LocalLLMTab, LocalModelsContent, LoginButton, MACOS_PERMISSIONS_COMMANDS, MEMORY_PAGE_SIZE, Markdown, MinimumMentorAlert, MonetizationTab, NotificationDisplay, NotificationDropdown, ONBOARDING_SECTORS, 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, RenameProjectModal, ResumeBox, ResumeTab, RichTextEditor, SUPPORTED_LOCALES, SandboxConfig, SearchableMultiSelect, SendNotificationDialog, SignupButton, SkeletonActivityStatBox, SkeletonAddSkillsLoading, SkeletonCreatePathwaySearchList, SkeletonDiscoverFilterBox, SkeletonEducationBox, SkeletonMultiplier, SkeletonPathwayBox, SkeletonProfileInfoCard, SkeletonSkillBox, SkillBox, SkillDetailModal, SkillLeaderboardChart, SkillsBox, SkillsList, SlashSkillPicker, Spinner, StatCard, StepHeader, TAURI_COMMANDS, TAURI_EVENTS, TenantSwitcher, TimeFilter, TimeTrackingProvider, TimedExam, ToolDialogs, TopBanner, UpgradePackageModal, UserAvatar, Version, WebContainersI18nProvider, WorkflowSidebar, addBookmarksTab, availablePlacementExams, findLastResumeBlock, findSequentialParent, flattenVerticalBlocks, formatAuditTimestamp, formatTimeZoneLabel, getCatalog, getFirstAvailableUnit, getLocalLLMModel, getLocalLLMToolSupport, getNextUnitIframe, getOrg, getParentBlockById, getParentsInfosFromSublessonId, getPreviousUnitIframe, getRandomCourseImage, getSectorById, getTenant, getUnitToIframe, getUserId, getUserName, humanizeAuditToken, inBrowserPrint, inIframe, initialCuaDriverInstallState, initialModelDownloadState, isCoworkEnabled, isLocalLLMEnabled, isPlatformNavbarCreditBalanceVisible, isSlashCommandToken, isTauriApp, isValidLocale, isValidTimeZone, components as markdownComponents, modelSupportsCowork, onboardingPrimaryButtonClass, onboardingSecondaryButtonClass, resolveAuditTimeZone, resolveCreateAgentLabels, sanitizeCss, setCoworkEnabled, setLocalLLMEnabled, setLocalLLMModel, setLocalLLMToolSupport, smallestCoworkModel, useAnalyticsSettings, useAuditLog, useCatalogSearch, useChartFilters, useChatPrivacy, useChatState, useCourseDetail, useCourseMetadata, useCourses, useCuaDriver, useDiscover, useEdxIframe, useFinancial, useIframeMessageHandler, useLocalStorage, useMemory, useModelDownload, useMonetization, useOverview, usePlatformAuditLabels, usePlatformAuditLog, useProfileActivityStats, useProfileCredentials, useProfilePathways, useProfilePrograms, useProfileSkills, useProfileTimeSpent, usePrograms, useReports, 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, AgentSkills, AlertsTab, AnalyticsAgentPicker, AnalyticsAuditLogStats, AnalyticsCourseDetail, AnalyticsCourses, AnalyticsFinancialStats, AnalyticsLayout, AnalyticsMemoryStats, AnalyticsMonetizationStats, AnalyticsOverview, AnalyticsPlatformAuditLog, AnalyticsProgramDetail, AnalyticsPrograms, AnalyticsReportDownload, AnalyticsReports, AnalyticsScopeProvider, AnalyticsSettingsProvider, AnalyticsTopicsStats, AnalyticsTranscriptsStats, AnalyticsUsersStats, AppleRestrictionModal, ApplyWizard, AuditLogChangesView, AuditLogJsonView, BUY_NOW_LABEL, BillingTab, CATALOGS, CREATE_AGENT_LABELS, CUA_DRIVER_REPO_URL, CUA_DRIVER_TAURI_COMMANDS, CUA_DRIVER_TAURI_EVENTS, CardInfoIcon, CategorizedDropdownMenu, ChartCardWrapper, ChartFiltersProvider, ChartLoading, 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_MODELS, Loader, LocalLLMTab, LocalModelsContent, LoginButton, MACOS_PERMISSIONS_COMMANDS, MEMORY_PAGE_SIZE, Markdown, MinimumMentorAlert, MonetizationTab, NotificationDisplay, NotificationDropdown, ONBOARDING_SECTORS, 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, RenameProjectModal, ResumeBox, ResumeTab, RichTextEditor, SUPPORTED_LOCALES, SandboxConfig, SearchableMultiSelect, SendNotificationDialog, SignupButton, SkeletonActivityStatBox, SkeletonAddSkillsLoading, SkeletonCreatePathwaySearchList, SkeletonDiscoverFilterBox, SkeletonEducationBox, SkeletonMultiplier, SkeletonPathwayBox, SkeletonProfileInfoCard, SkeletonSkillBox, SkillBox, SkillDetailModal, SkillLeaderboardChart, SkillsBox, SkillsList, SlashSkillPicker, Spinner, StatCard, StepHeader, TAURI_COMMANDS, TAURI_EVENTS, TenantSwitcher, TimeFilter, TimeTrackingProvider, TimedExam, ToolDialogs, TopBanner, UpgradePackageModal, UserAvatar, Version, WebContainersI18nProvider, WorkflowSidebar, addBookmarksTab, availablePlacementExams, findLastResumeBlock, findSequentialParent, flattenVerticalBlocks, formatAuditTimestamp, formatTimeZoneLabel, getCatalog, getFirstAvailableUnit, getLocalLLMModel, getLocalLLMToolSupport, getNextUnitIframe, getOrg, getParentBlockById, getParentsInfosFromSublessonId, getPreviousUnitIframe, getRandomCourseImage, getSectorById, getTenant, getUnitToIframe, getUserId, getUserName, humanizeAuditToken, inBrowserPrint, inIframe, initialCuaDriverInstallState, initialModelDownloadState, isCoworkEnabled, isLocalLLMEnabled, isPlatformNavbarCreditBalanceVisible, isSlashCommandToken, isTauriApp, isValidLocale, isValidTimeZone, components as markdownComponents, modelSupportsCowork, onboardingPrimaryButtonClass, onboardingSecondaryButtonClass, resolveAuditTimeZone, resolveCreateAgentLabels, sanitizeCss, setCoworkEnabled, setLocalLLMEnabled, setLocalLLMModel, setLocalLLMToolSupport, smallestCoworkModel, useAnalyticsScope, useAnalyticsSettings, useAuditLog, useCatalogSearch, useChartFilters, useChatPrivacy, useChatState, useCourseDetail, useCourseMetadata, useCourses, useCuaDriver, useDiscover, useEdxIframe, useFinancial, useIframeMessageHandler, useLocalStorage, useMemory, useModelDownload, useMonetization, useOverview, usePlatformAuditLabels, usePlatformAuditLog, useProfileActivityStats, useProfileCredentials, useProfilePathways, useProfilePrograms, useProfileSkills, useProfileTimeSpent, usePrograms, useReports, useScopedMentorDbId, useScopedMentorId, useSlashSkillPicker, useSlashSkills, useT, useTauri, useTimeTracking, useTopics, useTranscripts, useUserCourses, useUserMetadata, useUsers, useWebContainersI18n, useWebContainersLocale };
 //# sourceMappingURL=index.esm.js.map

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

@@ -97462,6 +97462,14 @@ var analyticsAnalyticsAuditLogStats$3 = {
 	colAction: "ACTION",
 	colTime: "TIME"
 };
+var analyticsAnalyticsAgentPicker$3 = {
+	analyticsScope: "Analytics scope",
+	allAgents: "All Agents",
+	agents: "Agents",
+	searchAgents: "Search agents…",
+	noAgentsFound: "No agents found",
+	loading: "Loading…"
+};
 var analyticsAnalyticsCourseDetail$3 = {
 	goBackAriaLabel: "Go back to courses list",
 	activeEnrollments: "Active Enrollments",
@@ -103050,6 +103058,7 @@ var en = {
 	agentSearchLabels: agentSearchLabels$3,
 	analyticsAccessTimeHeatmap: analyticsAccessTimeHeatmap$3,
 	analyticsAnalyticsAuditLogStats: analyticsAnalyticsAuditLogStats$3,
+	analyticsAnalyticsAgentPicker: analyticsAnalyticsAgentPicker$3,
 	analyticsAnalyticsCourseDetail: analyticsAnalyticsCourseDetail$3,
 	analyticsAnalyticsCourses: analyticsAnalyticsCourses$3,
 	analyticsAnalyticsFinancialStats: analyticsAnalyticsFinancialStats$3,
@@ -103926,6 +103935,14 @@ var analyticsAnalyticsAuditLogStats$2 = {
 	colAction: "ACTION",
 	colTime: "HEURE"
 };
+var analyticsAnalyticsAgentPicker$2 = {
+	analyticsScope: "Portée des analyses",
+	allAgents: "Tous les agents",
+	agents: "Agents",
+	searchAgents: "Rechercher des agents…",
+	noAgentsFound: "Aucun agent trouvé",
+	loading: "Chargement…"
+};
 var analyticsAnalyticsCourseDetail$2 = {
 	goBackAriaLabel: "Retour à la liste des cours",
 	activeEnrollments: "Inscriptions actives",
@@ -109514,6 +109531,7 @@ var fr = {
 	agentSearchLabels: agentSearchLabels$2,
 	analyticsAccessTimeHeatmap: analyticsAccessTimeHeatmap$2,
 	analyticsAnalyticsAuditLogStats: analyticsAnalyticsAuditLogStats$2,
+	analyticsAnalyticsAgentPicker: analyticsAnalyticsAgentPicker$2,
 	analyticsAnalyticsCourseDetail: analyticsAnalyticsCourseDetail$2,
 	analyticsAnalyticsCourses: analyticsAnalyticsCourses$2,
 	analyticsAnalyticsFinancialStats: analyticsAnalyticsFinancialStats$2,
@@ -110390,6 +110408,14 @@ var analyticsAnalyticsAuditLogStats$1 = {
 	colAction: "ACCIÓN",
 	colTime: "HORA"
 };
+var analyticsAnalyticsAgentPicker$1 = {
+	analyticsScope: "Alcance de analíticas",
+	allAgents: "Todos los agentes",
+	agents: "Agentes",
+	searchAgents: "Buscar agentes…",
+	noAgentsFound: "No se encontraron agentes",
+	loading: "Cargando…"
+};
 var analyticsAnalyticsCourseDetail$1 = {
 	goBackAriaLabel: "Volver a la lista de cursos",
 	activeEnrollments: "Inscripciones activas",
@@ -115978,6 +116004,7 @@ var es = {
 	agentSearchLabels: agentSearchLabels$1,
 	analyticsAccessTimeHeatmap: analyticsAccessTimeHeatmap$1,
 	analyticsAnalyticsAuditLogStats: analyticsAnalyticsAuditLogStats$1,
+	analyticsAnalyticsAgentPicker: analyticsAnalyticsAgentPicker$1,
 	analyticsAnalyticsCourseDetail: analyticsAnalyticsCourseDetail$1,
 	analyticsAnalyticsCourses: analyticsAnalyticsCourses$1,
 	analyticsAnalyticsFinancialStats: analyticsAnalyticsFinancialStats$1,
@@ -116854,6 +116881,14 @@ var analyticsAnalyticsAuditLogStats = {
 	colAction: "操作",
 	colTime: "时间"
 };
+var analyticsAnalyticsAgentPicker = {
+	analyticsScope: "分析范围",
+	allAgents: "所有智能体",
+	agents: "智能体",
+	searchAgents: "搜索智能体…",
+	noAgentsFound: "未找到智能体",
+	loading: "加载中…"
+};
 var analyticsAnalyticsCourseDetail = {
 	goBackAriaLabel: "返回课程列表",
 	activeEnrollments: "活跃注册",
@@ -122442,6 +122477,7 @@ var zh = {
 	agentSearchLabels: agentSearchLabels,
 	analyticsAccessTimeHeatmap: analyticsAccessTimeHeatmap,
 	analyticsAnalyticsAuditLogStats: analyticsAnalyticsAuditLogStats,
+	analyticsAnalyticsAgentPicker: analyticsAnalyticsAgentPicker,
 	analyticsAnalyticsCourseDetail: analyticsAnalyticsCourseDetail,
 	analyticsAnalyticsCourses: analyticsAnalyticsCourses,
 	analyticsAnalyticsFinancialStats: analyticsAnalyticsFinancialStats,
@@ -218650,6 +218686,129 @@ function getPayloadConfigFromPayload(config, payload, key) {
 
 React__default.createContext(undefined);
 
+const AnalyticsScopeContext = createContext({ scopedMentor: null });
+AnalyticsScopeContext.Provider;
+
+/**
+ * Core agent search hook — thin wrapper around `useGetAiSearchMentorsQuery`.
+ *
+ * This is the low-level building block. For a higher-level hook that manages
+ * search state, debounce, and pagination controls, use
+ * `useAgentSearchWithPagination`.
+ */
+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({
+        platform_key: tenantKey,
+        query: query || undefined,
+        limit,
+        ...(offset !== undefined && { offset }),
+        ...(starred !== undefined && { starred }),
+        ...(featured !== undefined && { featured }),
+        ...(category && { category }),
+        ...(subjects && { subjects }),
+        ...(llm && { llm }),
+        ...(types && { types }),
+        ...(includeMainPublicMentors !== undefined && {
+            include_main_public_mentors: includeMainPublicMentors,
+        }),
+        ...(orderDirection && { order_direction: orderDirection }),
+    }, { skip: skip || !tenantKey });
+    return {
+        agents: ((_a = data === null || data === void 0 ? void 0 : data.results) !== null && _a !== void 0 ? _a : []),
+        facets: data === null || data === void 0 ? void 0 : data.facets,
+        hasMore: !!(data === null || data === void 0 ? void 0 : data.next),
+        totalCount: (_b = data === null || data === void 0 ? void 0 : data.count) !== null && _b !== void 0 ? _b : 0,
+        totalPages: (_c = data === null || data === void 0 ? void 0 : data.total_pages) !== null && _c !== void 0 ? _c : 0,
+        isLoading,
+        isFetching,
+        refetch,
+    };
+}
+
+function c$3(e,u,c){var i=this,a=useRef(null),o=useRef(0),f=useRef(null),l=useRef([]),v=useRef(),m=useRef(),d=useRef(e),g=useRef(true);d.current=e;var p="undefined"!=typeof window,w=!u&&0!==u&&p;if("function"!=typeof e)throw new TypeError("Expected a function");u=+u||0;var s=!!(c=c||{}).leading,x=!("trailing"in c)||!!c.trailing,h="maxWait"in c,y="debounceOnServer"in c&&!!c.debounceOnServer,F=h?Math.max(+c.maxWait||0,u):null;useEffect(function(){return g.current=true,function(){g.current=false;}},[]);var A=useMemo(function(){var r=function(r){var n=l.current,t=v.current;return l.current=v.current=null,o.current=r,m.current=d.current.apply(t,n)},n=function(r,n){w&&cancelAnimationFrame(f.current),f.current=w?requestAnimationFrame(r):setTimeout(r,n);},t=function(r){if(!g.current)return  false;var n=r-a.current;return !a.current||n>=u||n<0||h&&r-o.current>=F},e=function(n){return f.current=null,x&&l.current?r(n):(l.current=v.current=null,m.current)},c=function r(){var c=Date.now();if(t(c))return e(c);if(g.current){var i=u-(c-a.current),f=h?Math.min(i,F-(c-o.current)):i;n(r,f);}},A=function(){if(p||y){var e=Date.now(),d=t(e);if(l.current=[].slice.call(arguments),v.current=i,a.current=e,d){if(!f.current&&g.current)return o.current=a.current,n(c,u),s?r(a.current):m.current;if(h)return n(c,u),r(a.current)}return f.current||n(c,u),m.current}};return A.cancel=function(){f.current&&(w?cancelAnimationFrame(f.current):clearTimeout(f.current)),o.current=0,l.current=a.current=v.current=f.current=null;},A.isPending=function(){return !!f.current},A.flush=function(){return f.current?e(Date.now()):m.current},A},[s,h,u,F,x,w,p,y]);return A}function i$8(r,n){return r===n}function a$3(n,t,a){var o=i$8,f=useRef(n),l=useState({})[1],v=c$3(useCallback(function(r){f.current=r,l({});},[l]),t,a),m=useRef(n);return o(m.current,n)||(v(n),m.current=n),[f.current,v]}
+
+/**
+ * Higher-level agent search hook that manages search state, debounce, and
+ * pagination controls on top of `useAgentSearch`.
+ *
+ * Use this for simple list/table views (MyMentorsModal, SettingsModal).
+ * For the full explore page with sections, use `useAgentSearch` directly.
+ */
+function useAgentSearchWithPagination({ itemsPerPage = 6, paginationMode = 'paginated', debounceMs = 500, ...queryConfig }) {
+    const [searchQuery, setSearchQuery] = React__default.useState('');
+    const [debouncedQuery] = a$3(searchQuery, debounceMs);
+    const [currentPage, setCurrentPage] = React__default.useState(1);
+    const [infiniteLimit, setInfiniteLimit] = React__default.useState(itemsPerPage);
+    // Reset pagination when search changes
+    React__default.useEffect(() => {
+        setCurrentPage(1);
+        setInfiniteLimit(itemsPerPage);
+    }, [debouncedQuery, itemsPerPage]);
+    const isPaginated = paginationMode === 'paginated';
+    const result = useAgentSearch({
+        ...queryConfig,
+        query: debouncedQuery,
+        limit: isPaginated ? itemsPerPage : infiniteLimit,
+        offset: isPaginated ? (currentPage - 1) * itemsPerPage : undefined,
+    });
+    const totalPages = Math.ceil(result.totalCount / itemsPerPage);
+    const handlePageChange = React__default.useCallback((page) => {
+        setCurrentPage(page);
+    }, []);
+    const loadMore = React__default.useCallback(() => {
+        setInfiniteLimit((prev) => prev + itemsPerPage);
+    }, [itemsPerPage]);
+    return {
+        ...result,
+        searchQuery,
+        setSearchQuery,
+        debouncedQuery,
+        currentPage,
+        totalPages,
+        handlePageChange,
+        loadMore,
+    };
+}
+
+/**
+ * Hook for starring / un-starring agents.
+ *
+ * Extracted so the star logic can be shared by any component that renders
+ * agent cards with a favorite toggle.
+ */
+function useAgentStar({ tenantKey, username, onUnauthenticatedAction, }) {
+    const [starAgent] = useStarMentorMutation();
+    const [unstarAgent] = useUnstarMentorMutation();
+    const [togglingAgentId, setTogglingAgentId] = React__default.useState(null);
+    const toggleFavorite = React__default.useCallback(async (agent, event) => {
+        event.stopPropagation();
+        if (!username) {
+            onUnauthenticatedAction === null || onUnauthenticatedAction === void 0 ? void 0 : onUnauthenticatedAction();
+            return;
+        }
+        if (!tenantKey)
+            return;
+        setTogglingAgentId(String(agent.id));
+        try {
+            const mutation = agent.starred ? unstarAgent : starAgent;
+            await mutation({
+                org: tenantKey,
+                // @ts-expect-error userId param type mismatch in data-layer
+                userId: username,
+                mentor: agent.unique_id || '',
+            }).unwrap();
+        }
+        catch (error) {
+            console.error('Error toggling favorite:', error);
+        }
+        finally {
+            setTogglingAgentId(null);
+        }
+    }, [username, tenantKey, starAgent, unstarAgent, onUnauthenticatedAction]);
+    return { toggleFavorite, togglingAgentId };
+}
+
 Array.from({ length: 24 }, (_, i) => i);
 
 /**
@@ -253186,126 +253345,6 @@ function SheetDescription({ className, ...props }) {
     return (jsx(DialogPrimitive.Description, { "data-slot": "sheet-description", className: cn('text-muted-foreground text-sm', className), ...props }));
 }
 
-/**
- * Core agent search hook — thin wrapper around `useGetAiSearchMentorsQuery`.
- *
- * This is the low-level building block. For a higher-level hook that manages
- * search state, debounce, and pagination controls, use
- * `useAgentSearchWithPagination`.
- */
-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({
-        platform_key: tenantKey,
-        query: query || undefined,
-        limit,
-        ...(offset !== undefined && { offset }),
-        ...(starred !== undefined && { starred }),
-        ...(featured !== undefined && { featured }),
-        ...(category && { category }),
-        ...(subjects && { subjects }),
-        ...(llm && { llm }),
-        ...(types && { types }),
-        ...(includeMainPublicMentors !== undefined && {
-            include_main_public_mentors: includeMainPublicMentors,
-        }),
-        ...(orderDirection && { order_direction: orderDirection }),
-    }, { skip: skip || !tenantKey });
-    return {
-        agents: ((_a = data === null || data === void 0 ? void 0 : data.results) !== null && _a !== void 0 ? _a : []),
-        facets: data === null || data === void 0 ? void 0 : data.facets,
-        hasMore: !!(data === null || data === void 0 ? void 0 : data.next),
-        totalCount: (_b = data === null || data === void 0 ? void 0 : data.count) !== null && _b !== void 0 ? _b : 0,
-        totalPages: (_c = data === null || data === void 0 ? void 0 : data.total_pages) !== null && _c !== void 0 ? _c : 0,
-        isLoading,
-        isFetching,
-        refetch,
-    };
-}
-
-function c$3(e,u,c){var i=this,a=useRef(null),o=useRef(0),f=useRef(null),l=useRef([]),v=useRef(),m=useRef(),d=useRef(e),g=useRef(true);d.current=e;var p="undefined"!=typeof window,w=!u&&0!==u&&p;if("function"!=typeof e)throw new TypeError("Expected a function");u=+u||0;var s=!!(c=c||{}).leading,x=!("trailing"in c)||!!c.trailing,h="maxWait"in c,y="debounceOnServer"in c&&!!c.debounceOnServer,F=h?Math.max(+c.maxWait||0,u):null;useEffect(function(){return g.current=true,function(){g.current=false;}},[]);var A=useMemo(function(){var r=function(r){var n=l.current,t=v.current;return l.current=v.current=null,o.current=r,m.current=d.current.apply(t,n)},n=function(r,n){w&&cancelAnimationFrame(f.current),f.current=w?requestAnimationFrame(r):setTimeout(r,n);},t=function(r){if(!g.current)return  false;var n=r-a.current;return !a.current||n>=u||n<0||h&&r-o.current>=F},e=function(n){return f.current=null,x&&l.current?r(n):(l.current=v.current=null,m.current)},c=function r(){var c=Date.now();if(t(c))return e(c);if(g.current){var i=u-(c-a.current),f=h?Math.min(i,F-(c-o.current)):i;n(r,f);}},A=function(){if(p||y){var e=Date.now(),d=t(e);if(l.current=[].slice.call(arguments),v.current=i,a.current=e,d){if(!f.current&&g.current)return o.current=a.current,n(c,u),s?r(a.current):m.current;if(h)return n(c,u),r(a.current)}return f.current||n(c,u),m.current}};return A.cancel=function(){f.current&&(w?cancelAnimationFrame(f.current):clearTimeout(f.current)),o.current=0,l.current=a.current=v.current=f.current=null;},A.isPending=function(){return !!f.current},A.flush=function(){return f.current?e(Date.now()):m.current},A},[s,h,u,F,x,w,p,y]);return A}function i$8(r,n){return r===n}function a$3(n,t,a){var o=i$8,f=useRef(n),l=useState({})[1],v=c$3(useCallback(function(r){f.current=r,l({});},[l]),t,a),m=useRef(n);return o(m.current,n)||(v(n),m.current=n),[f.current,v]}
-
-/**
- * Higher-level agent search hook that manages search state, debounce, and
- * pagination controls on top of `useAgentSearch`.
- *
- * Use this for simple list/table views (MyMentorsModal, SettingsModal).
- * For the full explore page with sections, use `useAgentSearch` directly.
- */
-function useAgentSearchWithPagination({ itemsPerPage = 6, paginationMode = 'paginated', debounceMs = 500, ...queryConfig }) {
-    const [searchQuery, setSearchQuery] = React__default.useState('');
-    const [debouncedQuery] = a$3(searchQuery, debounceMs);
-    const [currentPage, setCurrentPage] = React__default.useState(1);
-    const [infiniteLimit, setInfiniteLimit] = React__default.useState(itemsPerPage);
-    // Reset pagination when search changes
-    React__default.useEffect(() => {
-        setCurrentPage(1);
-        setInfiniteLimit(itemsPerPage);
-    }, [debouncedQuery, itemsPerPage]);
-    const isPaginated = paginationMode === 'paginated';
-    const result = useAgentSearch({
-        ...queryConfig,
-        query: debouncedQuery,
-        limit: isPaginated ? itemsPerPage : infiniteLimit,
-        offset: isPaginated ? (currentPage - 1) * itemsPerPage : undefined,
-    });
-    const totalPages = Math.ceil(result.totalCount / itemsPerPage);
-    const handlePageChange = React__default.useCallback((page) => {
-        setCurrentPage(page);
-    }, []);
-    const loadMore = React__default.useCallback(() => {
-        setInfiniteLimit((prev) => prev + itemsPerPage);
-    }, [itemsPerPage]);
-    return {
-        ...result,
-        searchQuery,
-        setSearchQuery,
-        debouncedQuery,
-        currentPage,
-        totalPages,
-        handlePageChange,
-        loadMore,
-    };
-}
-
-/**
- * Hook for starring / un-starring agents.
- *
- * Extracted so the star logic can be shared by any component that renders
- * agent cards with a favorite toggle.
- */
-function useAgentStar({ tenantKey, username, onUnauthenticatedAction, }) {
-    const [starAgent] = useStarMentorMutation();
-    const [unstarAgent] = useUnstarMentorMutation();
-    const [togglingAgentId, setTogglingAgentId] = React__default.useState(null);
-    const toggleFavorite = React__default.useCallback(async (agent, event) => {
-        event.stopPropagation();
-        if (!username) {
-            onUnauthenticatedAction === null || onUnauthenticatedAction === void 0 ? void 0 : onUnauthenticatedAction();
-            return;
-        }
-        if (!tenantKey)
-            return;
-        setTogglingAgentId(String(agent.id));
-        try {
-            const mutation = agent.starred ? unstarAgent : starAgent;
-            await mutation({
-                org: tenantKey,
-                // @ts-expect-error userId param type mismatch in data-layer
-                userId: username,
-                mentor: agent.unique_id || '',
-            }).unwrap();
-        }
-        catch (error) {
-            console.error('Error toggling favorite:', error);
-        }
-        finally {
-            setTogglingAgentId(null);
-        }
-    }, [username, tenantKey, starAgent, unstarAgent, onUnauthenticatedAction]);
-    return { toggleFavorite, togglingAgentId };
-}
-
 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 });
@@ -267938,6 +267977,13 @@ function ConnectorManagementContent({ tenantKey, username, mentorId, rbacPermiss
             }).unwrap();
             if (!result.auth_url)
                 throw new Error('No authorization URL returned');
+            // Bail if the flow was already torn down while we awaited the auth URL
+            // (e.g. the component unmounted). `cleanup` has run and been dropped
+            // from `oauthCleanupsRef`, so anything registered past this point —
+            // listeners, intervals, timers — would leak with nothing left to
+            // remove it.
+            if (cleanedUp)
+                return;
             const popup = window.open(result.auth_url, '_blank');
             // Create connection using helper function
             const doCreateConnection = async (connectedServiceId) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "2.3.16",
+  "version": "2.4.0",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -77,9 +77,9 @@
     "dotenv": "16.6.1",
     "winston": "3.19.0",
     "@iblai/data-layer": "1.12.5",
-    "@iblai/mcp": "1.8.13",
-    "@iblai/web-containers": "1.16.12",
-    "@iblai/web-utils": "2.1.13"
+    "@iblai/web-containers": "1.17.0",
+    "@iblai/web-utils": "2.1.13",
+    "@iblai/mcp": "1.9.0"
   },
   "peerDependencies": {
     "@iblai/iblai-api": "4.166.0-ai",