@iblai/iblai-js 2.3.15 → 2.4.0

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,
@@ -182347,14 +182383,15 @@ const PAGE_SIZE$8 = 20;
 const SEARCH_DEBOUNCE_MS = 300;
 /**
  * The public application URL on the auth SPA for one form of a platform
- * (`<auth-url>/applications/<platform-key>/<form-id>?app=<spa>`), or null when
- * the auth SPA URL cannot be resolved. `authSpaUrl` (prop) wins; otherwise the
- * runtime-injected env (`window.__ENV__.NEXT_PUBLIC_AUTH_URL`) is used. With no
- * `formId` the link resolves the platform's default form (404 when none). The
- * `app` param carries the SPA the applicant is sent to after submitting;
- * absent/unknown means the mentor SPA.
- */
-function buildApplicationLink(platformKey, formId, authSpaUrl, app) {
+ * (`<auth-url>/applications/<platform-key>/<form-id>?redirect-to=<origin>`), or
+ * null when the auth SPA URL cannot be resolved. `authSpaUrl` (prop) wins;
+ * otherwise the runtime-injected env (`window.__ENV__.NEXT_PUBLIC_AUTH_URL`) is
+ * used. With no `formId` the link resolves the platform's default form (404
+ * when none). The `redirect-to` param carries the origin the applicant is sent
+ * back to after submitting — by default the origin the link is copied from — and
+ * is omitted when no origin can be read (no DOM).
+ */
+function buildApplicationLink(platformKey, formId, authSpaUrl, redirectTo) {
     var _a, _b;
     const base = (_b = authSpaUrl !== null && authSpaUrl !== void 0 ? authSpaUrl : (typeof window !== 'undefined'
         ? (_a = window.__ENV__) === null || _a === void 0 ? void 0 : _a.NEXT_PUBLIC_AUTH_URL
@@ -182363,7 +182400,8 @@ function buildApplicationLink(platformKey, formId, authSpaUrl, app) {
         return null;
     const root = `${trimTrailingSlashes(base)}/applications/${encodeURIComponent(platformKey)}`;
     const path = formId != null ? `${root}/${encodeURIComponent(String(formId))}` : root;
-    return `${path}?app=${encodeURIComponent(app || 'mentor')}`;
+    const target = (typeof window !== 'undefined' ? window.location.origin : undefined);
+    return target ? `${path}?redirect-to=${encodeURIComponent(target)}` : path;
 }
 /**
  * Applications management. Entry view lists the platform's application forms
@@ -182371,7 +182409,7 @@ function buildApplicationLink(platformKey, formId, authSpaUrl, app) {
  * per-form (or all-form) submission pipelines, the submission workspace with
  * per-student decisions, the form/question editor, and the ban list.
  */
-function ApplicationsTab({ platformKey, authSpaUrl, currentSpa, }) {
+function ApplicationsTab({ platformKey, authSpaUrl, }) {
     const [view, setView] = useState({ name: 'forms' });
     if (view.name === 'editor') {
         return (jsx(QuestionsEditor, { platformKey: platformKey, initialFormId: view.formId, startNew: view.startNew, onBack: () => setView({ name: 'forms' }) }));
@@ -182385,10 +182423,10 @@ function ApplicationsTab({ platformKey, authSpaUrl, currentSpa, }) {
     if (view.name === 'submissions') {
         return (jsx(SubmissionsPipeline, { platformKey: platformKey, form: view.form, onBack: () => setView({ name: 'forms' }), onOpen: (submissionId) => setView({ name: 'detail', submissionId, form: view.form }) }));
     }
-    return (jsx(FormsList, { platformKey: platformKey, authSpaUrl: authSpaUrl, currentSpa: currentSpa, onViewSubmissions: (form) => setView({ name: 'submissions', form }), onEditForm: (formId) => setView({ name: 'editor', formId, startNew: false }), onNewForm: () => setView({ name: 'editor', formId: null, startNew: true }), onViewBlocks: () => setView({ name: 'blocks' }) }));
+    return (jsx(FormsList, { platformKey: platformKey, authSpaUrl: authSpaUrl, onViewSubmissions: (form) => setView({ name: 'submissions', form }), onEditForm: (formId) => setView({ name: 'editor', formId, startNew: false }), onNewForm: () => setView({ name: 'editor', formId: null, startNew: true }), onViewBlocks: () => setView({ name: 'blocks' }) }));
 }
 /** The entry view: every application form of the platform, with actions. */
-function FormsList({ platformKey, authSpaUrl, currentSpa, onViewSubmissions, onEditForm, onNewForm, onViewBlocks, }) {
+function FormsList({ platformKey, authSpaUrl, onViewSubmissions, onEditForm, onNewForm, onViewBlocks, }) {
     const t = useT();
     /** The form id whose link was just copied (transient "Copied" feedback). */
     const [copiedFormId, setCopiedFormId] = useState(null);
@@ -182402,7 +182440,7 @@ function FormsList({ platformKey, authSpaUrl, currentSpa, onViewSubmissions, onE
     const counts = statsCounts(stats);
     const total = Object.values(counts).reduce((sum, n) => sum + n, 0);
     const handleCopyLink = async (form) => {
-        const link = buildApplicationLink(platformKey, form.id, authSpaUrl, currentSpa);
+        const link = buildApplicationLink(platformKey, form.id, authSpaUrl);
         if (!link)
             return;
         try {
@@ -182422,7 +182460,7 @@ function FormsList({ platformKey, authSpaUrl, currentSpa, onViewSubmissions, onE
                                                     ? 'bg-blue-50 text-blue-700 border-blue-200 dark:bg-blue-900/30 dark:text-blue-300 dark:border-blue-900'
                                                     : 'bg-gray-100 text-gray-600 border-gray-200 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-600', children: t(form.enabled
                                                     ? 'profileApplicationsTab.formEnabled'
-                                                    : 'profileApplicationsTab.formDisabled') }) }), jsx("td", { className: "whitespace-nowrap px-6 py-4 text-right", children: jsxs("div", { className: "flex items-center justify-end gap-1", children: [buildApplicationLink(platformKey, form.id, authSpaUrl, currentSpa) && (jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsxs(Button$1, { variant: "ghost", className: copiedFormId === form.id
+                                                    : 'profileApplicationsTab.formDisabled') }) }), jsx("td", { className: "whitespace-nowrap px-6 py-4 text-right", children: jsxs("div", { className: "flex items-center justify-end gap-1", children: [buildApplicationLink(platformKey, form.id, authSpaUrl) && (jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsxs(Button$1, { variant: "ghost", className: copiedFormId === form.id
                                                                         ? 'h-8 w-8 p-0 text-blue-600 dark:text-blue-400'
                                                                         : 'h-8 w-8 p-0 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100', onClick: () => handleCopyLink(form), "aria-label": t('profileApplicationsTab.copyFormLink', {
                                                                         form: ((_b = form.schema) === null || _b === void 0 ? void 0 : _b.title) ||
@@ -182533,7 +182571,7 @@ const TabDescription = ({ icon, title, children }) => {
 };
 const Admin = ({ tenant, onInviteClick, hasUserTabPermission = false, hasGroupsTabPermission = false, hasRolesTabPermission = false, hasPoliciesTabPermission = false, hasTeamsTabPermission = false, hasAlertsTabPermission = false, hasInviteUserPermission = false, hasCreateTeamPermission = false, onLoadGroupPermissions, rbacPermissions = {}, enableRbac = false, showGradebookTab = false, currentSpa, authSpaUrl, }) => {
     const t = useT();
-    return (jsx("div", { className: "border border-gray-200 rounded-lg p-6", children: jsxs(Tabs, { defaultValue: "users", "aria-label": t('profileAdmin.rbacManagementTabsAriaLabel'), children: [jsxs(TabsList, { "aria-label": t('profileAdmin.managementTabsAriaLabel'), className: "max-w-full overflow-x-auto justify-start px-1", children: [hasUserTabPermission && (jsx(TabsTrigger, { value: "users", children: t('profileAdmin.usersTab') })), hasGroupsTabPermission && (jsx(TabsTrigger, { value: "groups", children: t('profileAdmin.groupsTab') })), hasRolesTabPermission && (jsx(TabsTrigger, { value: "roles", children: t('profileAdmin.rolesTab') })), hasPoliciesTabPermission && (jsx(TabsTrigger, { value: "policies", children: t('profileAdmin.policiesTab') })), hasTeamsTabPermission && (jsx(TabsTrigger, { value: "teams", children: t('profileAdmin.teamsTab') })), hasAlertsTabPermission && (jsx(TabsTrigger, { value: "alerts", children: t('profileAdmin.alertsTab') })), jsx(TabsTrigger, { value: "applications", children: t('profileAdmin.applicationsTab') })] }), hasUserTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "users", children: [jsx(TabDescription, { icon: jsx(Users, { className: "w-5 h-5" }), title: t('profileAdmin.usersTab'), children: t('profileAdmin.usersDescription') }), jsx(UsersTab, { tenant: tenant, onInviteClick: onInviteClick, currentSpa: currentSpa, showGradebookTab: showGradebookTab })] })), hasGroupsTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "groups", children: [jsx(TabDescription, { icon: jsx(UsersRound, { className: "w-5 h-5" }), title: t('profileAdmin.groupsTab'), children: t('profileAdmin.groupsDescription') }), jsx(GroupsTab, { tenant: tenant })] })), hasRolesTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "roles", children: [jsx(TabDescription, { icon: jsx(UserCog, { className: "w-5 h-5" }), title: t('profileAdmin.rolesTab'), children: t('profileAdmin.rolesDescription') }), jsx(RolesTab, { tenant: tenant })] })), hasPoliciesTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "policies", children: [jsx(TabDescription, { icon: jsx(ScrollText, { className: "w-5 h-5" }), title: t('profileAdmin.policiesTab'), children: t('profileAdmin.policiesDescription') }), jsx(PoliciesTab, { tenant: tenant })] })), hasTeamsTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "teams", children: [jsx(TabDescription, { icon: jsx(Shield, { className: "w-5 h-5" }), title: t('profileAdmin.teamsTab'), children: t('profileAdmin.teamsDescription') }), jsx(GroupsTab, { tenant: tenant, isTeam: true, onInviteClick: onInviteClick, hasInviteUserPermission: hasInviteUserPermission, hasCreateTeamPermission: hasCreateTeamPermission, onLoadGroupPermissions: onLoadGroupPermissions, rbacPermissions: rbacPermissions, enableRbac: enableRbac })] })), hasAlertsTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "alerts", children: [jsx(TabDescription, { icon: jsx(BellRing, { className: "w-5 h-5" }), title: t('profileAdmin.alertsTab'), children: t('profileAdmin.alertsDescription') }), jsx(AlertsTab, { tenant: tenant })] })), jsxs(TabsContent, { className: "mt-4", value: "applications", children: [jsx(TabDescription, { icon: jsx(ClipboardList, { className: "w-5 h-5" }), title: t('profileAdmin.applicationsTab'), children: t('profileAdmin.applicationsTabDescription') }), jsx(ApplicationsTab, { platformKey: tenant, authSpaUrl: authSpaUrl, currentSpa: currentSpa })] })] }) }));
+    return (jsx("div", { className: "border border-gray-200 rounded-lg p-6", children: jsxs(Tabs, { defaultValue: "users", "aria-label": t('profileAdmin.rbacManagementTabsAriaLabel'), children: [jsxs(TabsList, { "aria-label": t('profileAdmin.managementTabsAriaLabel'), className: "max-w-full overflow-x-auto justify-start px-1", children: [hasUserTabPermission && (jsx(TabsTrigger, { value: "users", children: t('profileAdmin.usersTab') })), hasGroupsTabPermission && (jsx(TabsTrigger, { value: "groups", children: t('profileAdmin.groupsTab') })), hasRolesTabPermission && (jsx(TabsTrigger, { value: "roles", children: t('profileAdmin.rolesTab') })), hasPoliciesTabPermission && (jsx(TabsTrigger, { value: "policies", children: t('profileAdmin.policiesTab') })), hasTeamsTabPermission && (jsx(TabsTrigger, { value: "teams", children: t('profileAdmin.teamsTab') })), hasAlertsTabPermission && (jsx(TabsTrigger, { value: "alerts", children: t('profileAdmin.alertsTab') })), jsx(TabsTrigger, { value: "applications", children: t('profileAdmin.applicationsTab') })] }), hasUserTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "users", children: [jsx(TabDescription, { icon: jsx(Users, { className: "w-5 h-5" }), title: t('profileAdmin.usersTab'), children: t('profileAdmin.usersDescription') }), jsx(UsersTab, { tenant: tenant, onInviteClick: onInviteClick, currentSpa: currentSpa, showGradebookTab: showGradebookTab })] })), hasGroupsTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "groups", children: [jsx(TabDescription, { icon: jsx(UsersRound, { className: "w-5 h-5" }), title: t('profileAdmin.groupsTab'), children: t('profileAdmin.groupsDescription') }), jsx(GroupsTab, { tenant: tenant })] })), hasRolesTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "roles", children: [jsx(TabDescription, { icon: jsx(UserCog, { className: "w-5 h-5" }), title: t('profileAdmin.rolesTab'), children: t('profileAdmin.rolesDescription') }), jsx(RolesTab, { tenant: tenant })] })), hasPoliciesTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "policies", children: [jsx(TabDescription, { icon: jsx(ScrollText, { className: "w-5 h-5" }), title: t('profileAdmin.policiesTab'), children: t('profileAdmin.policiesDescription') }), jsx(PoliciesTab, { tenant: tenant })] })), hasTeamsTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "teams", children: [jsx(TabDescription, { icon: jsx(Shield, { className: "w-5 h-5" }), title: t('profileAdmin.teamsTab'), children: t('profileAdmin.teamsDescription') }), jsx(GroupsTab, { tenant: tenant, isTeam: true, onInviteClick: onInviteClick, hasInviteUserPermission: hasInviteUserPermission, hasCreateTeamPermission: hasCreateTeamPermission, onLoadGroupPermissions: onLoadGroupPermissions, rbacPermissions: rbacPermissions, enableRbac: enableRbac })] })), hasAlertsTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "alerts", children: [jsx(TabDescription, { icon: jsx(BellRing, { className: "w-5 h-5" }), title: t('profileAdmin.alertsTab'), children: t('profileAdmin.alertsDescription') }), jsx(AlertsTab, { tenant: tenant })] })), jsxs(TabsContent, { className: "mt-4", value: "applications", children: [jsx(TabDescription, { icon: jsx(ClipboardList, { className: "w-5 h-5" }), title: t('profileAdmin.applicationsTab'), children: t('profileAdmin.applicationsTabDescription') }), jsx(ApplicationsTab, { platformKey: tenant, authSpaUrl: authSpaUrl })] })] }) }));
 };
 
 function DeleteApiModal$1({ isOpen, onClose, apiKey, tenantKey }) {
@@ -218648,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);
 
 /**
@@ -253184,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 });
@@ -267936,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.15",
+  "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.11",
-    "@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",