@iblai/iblai-js 2.5.7 → 2.5.8

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

@@ -65112,6 +65112,7 @@ var tabsUserstab$3 = {
 	columnStatus: "Status",
 	roleAdmin: "Admin",
 	roleUser: "User",
+	selectRoleAriaLabel: "Select role for {name}",
 	selectPoliciesAriaLabel: "Select policies for {name}",
 	allPoliciesSelected: "All ({count}) selected",
 	nPoliciesSelected: "{count} selected",
@@ -72161,6 +72162,7 @@ var tabsUserstab$2 = {
 	columnStatus: "Statut",
 	roleAdmin: "Admin",
 	roleUser: "Utilisateur",
+	selectRoleAriaLabel: "Sélectionner le rôle pour {name}",
 	selectPoliciesAriaLabel: "Sélectionner les politiques pour {name}",
 	allPoliciesSelected: "Tout ({count}) sélectionné",
 	nPoliciesSelected: "{count} sélectionné(s)",
@@ -79044,6 +79046,7 @@ var tabsUserstab$1 = {
 	columnStatus: "Estado",
 	roleAdmin: "Admin",
 	roleUser: "Usuario",
+	selectRoleAriaLabel: "Seleccionar rol para {name}",
 	selectPoliciesAriaLabel: "Seleccionar políticas para {name}",
 	allPoliciesSelected: "Todas ({count}) seleccionadas",
 	nPoliciesSelected: "{count} seleccionada(s)",
@@ -85927,6 +85930,7 @@ var tabsUserstab = {
 	columnStatus: "状态",
 	roleAdmin: "管理员",
 	roleUser: "用户",
+	selectRoleAriaLabel: "为 {name} 选择角色",
 	selectPoliciesAriaLabel: "为 {name} 选择策略",
 	allPoliciesSelected: "全部（{count}）已选",
 	nPoliciesSelected: "已选 {count} 个",
@@ -147895,6 +147899,7 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
     const [updateUserStatus] = useUpdateUserStatusMutation();
     const [updatePlatformUserRoleWithPolicies] = useUpdatePlatformUserRoleWithPoliciesMutation();
     const [updatingUserIds, setUpdatingUserIds] = useState(new Set());
+    const [pendingRoles, setPendingRoles] = useState({});
     const [openPolicyPopover, setOpenPolicyPopover] = useState(null);
     const [selectedUser, setSelectedUser] = useState(null);
     const { currentTenant } = useCurrentTenant();
@@ -147947,18 +147952,19 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
         if (!isWatcher)
             await refetchPlatformUsers();
     };
-    const handleUserRoleChange = async (user) => {
+    const handleUserRoleChange = async (user, nextRole) => {
         const userId = user === null || user === void 0 ? void 0 : user.user_id;
         if (!userId)
             return;
         // Add to updating state
         setUpdatingUserIds((prev) => new Set(prev).add(userId));
+        setPendingRoles((prev) => ({ ...prev, [userId]: nextRole }));
         try {
             await updateUserRole({
                 username: user === null || user === void 0 ? void 0 : user.username,
                 org: user === null || user === void 0 ? void 0 : user.platform_org,
                 role: 'org-instructor',
-                active: !(user === null || user === void 0 ? void 0 : user.is_admin),
+                active: nextRole === 'admin',
             }).unwrap();
             // Only clear policies if role change succeeded
             try {
@@ -147980,6 +147986,7 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
             toast.success(t('tabsUserstab.roleUpdatedSuccess'));
             // Manually invalidate the platformUsers query since it's in a different API slice
             dispatch(platformApiSlice.util.invalidateTags([featureTags.PLATFORM_USERS]));
+            await refetchPlatformUsers();
         }
         catch (error) {
             toast.error(t('tabsUserstab.roleUpdateFailed'));
@@ -147990,6 +147997,10 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
                 newSet.delete(userId);
                 return newSet;
             });
+            setPendingRoles((prev) => {
+                const { [userId]: _removed, ...rest } = prev;
+                return rest;
+            });
         }
     };
     const handleUserStatusChange = async (user, newStatus) => {
@@ -148090,6 +148101,7 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
     const totalCount = (_b = (isWatcher ? accessibleUsers === null || accessibleUsers === void 0 ? void 0 : accessibleUsers.count : users === null || users === void 0 ? void 0 : users.count)) !== null && _b !== void 0 ? _b : 0;
     const totalPages = Math.ceil(totalCount / PAGE_SIZE$5);
     return (jsxs("div", { className: "mt-4", children: [jsxs("div", { className: "flex justify-between items-center gap-1", children: [jsxs("div", { className: "relative mb-6 max-w-sm", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { type: "text", value: searchQuery, onChange: (event) => setQuerySearch(event.target.value), placeholder: t('tabsUserstab.searchPlaceholder'), className: "pl-10 pr-10 focus:ring-blue-500 focus:border-blue-500 h-[35px]", "aria-label": t('tabsUserstab.searchAriaLabel') }), searchQuery.length > 0 && (searchQuery !== debouncedSearchQuery || isLoading) && (jsx(LoaderCircle, { "data-testid": "search-spinner", className: "absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400 animate-spin", "aria-hidden": "true" }))] }), !isWatcher && (jsx("div", { className: "mb-6", children: jsx(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white h-[35px]", onClick: onInviteClick, children: t('tabsUserstab.inviteButton') }) }))] }), isLoading ? (jsx("div", { className: "flex justify-center items-center h-64", children: jsx(Spinner, {}) })) : (jsxs(Fragment$1, { children: [jsx("div", { className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg overflow-x-auto", children: jsxs("table", { className: "w-full text-sm", children: [jsx("thead", { className: "bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600", children: jsxs("tr", { children: [jsx("th", { className: `px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400 ${isWatcher ? 'w-full' : 'w-[41%]'}`, children: t('tabsUserstab.columnEmail') }), !isWatcher && (jsxs(Fragment$1, { children: [jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400 w-[16%]", children: t('tabsUserstab.columnRole') }), jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400 w-[25%]", children: t('tabsUserstab.columnPolicies') }), jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400 w-[18%]", children: t('tabsUserstab.columnStatus') })] }))] }) }), jsxs("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-600", children: [rows.map((row) => {
+                                            var _a;
                                             // Only set on the admin path — see {@link UserRow}.
                                             const user = row.managed;
                                             return (jsxs("tr", { onClick: () => setSelectedUser(row), className: "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors", children: [jsx("td", { "aria-label": 'user-management-email-column', className: "px-6 py-4 text-gray-900 dark:text-gray-100 text-sm max-w-0", children: jsx("button", { type: "button", onClick: (e) => {
@@ -148097,7 +148109,9 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
                                                                 setSelectedUser(row);
                                                             }, className: "block max-w-full truncate text-left hover:text-blue-600 hover:underline focus:outline-none focus:text-blue-600", "aria-label": t('tabsUserstab.viewProfileAriaLabel', {
                                                                 name: row.name || row.email,
-                                                            }), children: row.email }) }), user && (jsxs(Fragment$1, { children: [jsx("td", { className: "px-6 py-4", onClick: (e) => e.stopPropagation(), children: jsxs(Select$1, { value: user.is_admin ? 'admin' : 'student', onValueChange: () => handleUserRoleChange(user), children: [jsx(SelectTrigger, { className: "w-full text-sm", children: jsx(SelectValue, {}) }), jsxs(SelectContent, { className: "text-sm", children: [jsx(SelectItem, { value: "admin", children: t('tabsUserstab.roleAdmin') }), jsx(SelectItem, { value: "student", children: t('tabsUserstab.roleUser') })] })] }) }), jsx("td", { className: "px-6 py-4", onClick: (e) => e.stopPropagation(), children: jsxs(Popover, { modal: true, open: openPolicyPopover === user.user_id, onOpenChange: (open) => setOpenPolicyPopover(open ? user.user_id : null), children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", role: "combobox", "aria-expanded": openPolicyPopover === user.user_id, "aria-label": t('tabsUserstab.selectPoliciesAriaLabel', {
+                                                            }), children: row.email }) }), user && (jsxs(Fragment$1, { children: [jsx("td", { className: "px-6 py-4", onClick: (e) => e.stopPropagation(), children: jsxs(Select$1, { value: (_a = pendingRoles[user.user_id]) !== null && _a !== void 0 ? _a : (user.is_admin ? 'admin' : 'student'), onValueChange: (nextRole) => handleUserRoleChange(user, nextRole), disabled: updatingUserIds.has(user === null || user === void 0 ? void 0 : user.user_id), children: [jsxs(SelectTrigger, { className: "w-full text-sm", "aria-label": t('tabsUserstab.selectRoleAriaLabel', {
+                                                                                name: user.name,
+                                                                            }), children: [jsx(SelectValue, {}), updatingUserIds.has(user === null || user === void 0 ? void 0 : user.user_id) && (jsx(LoaderCircle, { "data-testid": "role-update-spinner", className: "h-4 w-4 animate-spin", "aria-hidden": "true" }))] }), jsxs(SelectContent, { className: "text-sm", children: [jsx(SelectItem, { value: "admin", children: t('tabsUserstab.roleAdmin') }), jsx(SelectItem, { value: "student", children: t('tabsUserstab.roleUser') })] })] }) }), jsx("td", { className: "px-6 py-4", onClick: (e) => e.stopPropagation(), children: jsxs(Popover, { modal: true, open: openPolicyPopover === user.user_id, onOpenChange: (open) => setOpenPolicyPopover(open ? user.user_id : null), children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", role: "combobox", "aria-expanded": openPolicyPopover === user.user_id, "aria-label": t('tabsUserstab.selectPoliciesAriaLabel', {
                                                                                     name: user.name,
                                                                                 }), className: "w-full justify-between text-sm h-9 font-normal", disabled: updatingUserIds.has(user === null || user === void 0 ? void 0 : user.user_id), children: [jsx("span", { className: "truncate", children: user.is_admin
                                                                                             ? t('tabsUserstab.allPoliciesSelected', {

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

@@ -101937,6 +101937,7 @@ var tabsUserstab$3 = {
 	columnStatus: "Status",
 	roleAdmin: "Admin",
 	roleUser: "User",
+	selectRoleAriaLabel: "Select role for {name}",
 	selectPoliciesAriaLabel: "Select policies for {name}",
 	allPoliciesSelected: "All ({count}) selected",
 	nPoliciesSelected: "{count} selected",
@@ -108986,6 +108987,7 @@ var tabsUserstab$2 = {
 	columnStatus: "Statut",
 	roleAdmin: "Admin",
 	roleUser: "Utilisateur",
+	selectRoleAriaLabel: "Sélectionner le rôle pour {name}",
 	selectPoliciesAriaLabel: "Sélectionner les politiques pour {name}",
 	allPoliciesSelected: "Tout ({count}) sélectionné",
 	nPoliciesSelected: "{count} sélectionné(s)",
@@ -115869,6 +115871,7 @@ var tabsUserstab$1 = {
 	columnStatus: "Estado",
 	roleAdmin: "Admin",
 	roleUser: "Usuario",
+	selectRoleAriaLabel: "Seleccionar rol para {name}",
 	selectPoliciesAriaLabel: "Seleccionar políticas para {name}",
 	allPoliciesSelected: "Todas ({count}) seleccionadas",
 	nPoliciesSelected: "{count} seleccionada(s)",
@@ -122752,6 +122755,7 @@ var tabsUserstab = {
 	columnStatus: "状态",
 	roleAdmin: "管理员",
 	roleUser: "用户",
+	selectRoleAriaLabel: "为 {name} 选择角色",
 	selectPoliciesAriaLabel: "为 {name} 选择策略",
 	allPoliciesSelected: "全部（{count}）已选",
 	nPoliciesSelected: "已选 {count} 个",
@@ -181008,6 +181012,7 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
     const [updateUserStatus] = useUpdateUserStatusMutation();
     const [updatePlatformUserRoleWithPolicies] = useUpdatePlatformUserRoleWithPoliciesMutation();
     const [updatingUserIds, setUpdatingUserIds] = useState(new Set());
+    const [pendingRoles, setPendingRoles] = useState({});
     const [openPolicyPopover, setOpenPolicyPopover] = useState(null);
     const [selectedUser, setSelectedUser] = useState(null);
     const { currentTenant } = useCurrentTenant();
@@ -181060,18 +181065,19 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
         if (!isWatcher)
             await refetchPlatformUsers();
     };
-    const handleUserRoleChange = async (user) => {
+    const handleUserRoleChange = async (user, nextRole) => {
         const userId = user === null || user === void 0 ? void 0 : user.user_id;
         if (!userId)
             return;
         // Add to updating state
         setUpdatingUserIds((prev) => new Set(prev).add(userId));
+        setPendingRoles((prev) => ({ ...prev, [userId]: nextRole }));
         try {
             await updateUserRole({
                 username: user === null || user === void 0 ? void 0 : user.username,
                 org: user === null || user === void 0 ? void 0 : user.platform_org,
                 role: 'org-instructor',
-                active: !(user === null || user === void 0 ? void 0 : user.is_admin),
+                active: nextRole === 'admin',
             }).unwrap();
             // Only clear policies if role change succeeded
             try {
@@ -181093,6 +181099,7 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
             toast.success(t('tabsUserstab.roleUpdatedSuccess'));
             // Manually invalidate the platformUsers query since it's in a different API slice
             dispatch(platformApiSlice.util.invalidateTags([featureTags.PLATFORM_USERS]));
+            await refetchPlatformUsers();
         }
         catch (error) {
             toast.error(t('tabsUserstab.roleUpdateFailed'));
@@ -181103,6 +181110,10 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
                 newSet.delete(userId);
                 return newSet;
             });
+            setPendingRoles((prev) => {
+                const { [userId]: _removed, ...rest } = prev;
+                return rest;
+            });
         }
     };
     const handleUserStatusChange = async (user, newStatus) => {
@@ -181203,6 +181214,7 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
     const totalCount = (_b = (isWatcher ? accessibleUsers === null || accessibleUsers === void 0 ? void 0 : accessibleUsers.count : users === null || users === void 0 ? void 0 : users.count)) !== null && _b !== void 0 ? _b : 0;
     const totalPages = Math.ceil(totalCount / PAGE_SIZE$d);
     return (jsxs("div", { className: "mt-4", children: [jsxs("div", { className: "flex justify-between items-center gap-1", children: [jsxs("div", { className: "relative mb-6 max-w-sm", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { type: "text", value: searchQuery, onChange: (event) => setQuerySearch(event.target.value), placeholder: t('tabsUserstab.searchPlaceholder'), className: "pl-10 pr-10 focus:ring-blue-500 focus:border-blue-500 h-[35px]", "aria-label": t('tabsUserstab.searchAriaLabel') }), searchQuery.length > 0 && (searchQuery !== debouncedSearchQuery || isLoading) && (jsx(LoaderCircle, { "data-testid": "search-spinner", className: "absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400 animate-spin", "aria-hidden": "true" }))] }), !isWatcher && (jsx("div", { className: "mb-6", children: jsx(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white h-[35px]", onClick: onInviteClick, children: t('tabsUserstab.inviteButton') }) }))] }), isLoading ? (jsx("div", { className: "flex justify-center items-center h-64", children: jsx(Spinner, {}) })) : (jsxs(Fragment$1, { children: [jsx("div", { className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg overflow-x-auto", children: jsxs("table", { className: "w-full text-sm", children: [jsx("thead", { className: "bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600", children: jsxs("tr", { children: [jsx("th", { className: `px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400 ${isWatcher ? 'w-full' : 'w-[41%]'}`, children: t('tabsUserstab.columnEmail') }), !isWatcher && (jsxs(Fragment$1, { children: [jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400 w-[16%]", children: t('tabsUserstab.columnRole') }), jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400 w-[25%]", children: t('tabsUserstab.columnPolicies') }), jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400 w-[18%]", children: t('tabsUserstab.columnStatus') })] }))] }) }), jsxs("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-600", children: [rows.map((row) => {
+                                            var _a;
                                             // Only set on the admin path — see {@link UserRow}.
                                             const user = row.managed;
                                             return (jsxs("tr", { onClick: () => setSelectedUser(row), className: "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors", children: [jsx("td", { "aria-label": 'user-management-email-column', className: "px-6 py-4 text-gray-900 dark:text-gray-100 text-sm max-w-0", children: jsx("button", { type: "button", onClick: (e) => {
@@ -181210,7 +181222,9 @@ function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false,
                                                                 setSelectedUser(row);
                                                             }, className: "block max-w-full truncate text-left hover:text-blue-600 hover:underline focus:outline-none focus:text-blue-600", "aria-label": t('tabsUserstab.viewProfileAriaLabel', {
                                                                 name: row.name || row.email,
-                                                            }), children: row.email }) }), user && (jsxs(Fragment$1, { children: [jsx("td", { className: "px-6 py-4", onClick: (e) => e.stopPropagation(), children: jsxs(Select$1, { value: user.is_admin ? 'admin' : 'student', onValueChange: () => handleUserRoleChange(user), children: [jsx(SelectTrigger, { className: "w-full text-sm", children: jsx(SelectValue, {}) }), jsxs(SelectContent, { className: "text-sm", children: [jsx(SelectItem, { value: "admin", children: t('tabsUserstab.roleAdmin') }), jsx(SelectItem, { value: "student", children: t('tabsUserstab.roleUser') })] })] }) }), jsx("td", { className: "px-6 py-4", onClick: (e) => e.stopPropagation(), children: jsxs(Popover, { modal: true, open: openPolicyPopover === user.user_id, onOpenChange: (open) => setOpenPolicyPopover(open ? user.user_id : null), children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", role: "combobox", "aria-expanded": openPolicyPopover === user.user_id, "aria-label": t('tabsUserstab.selectPoliciesAriaLabel', {
+                                                            }), children: row.email }) }), user && (jsxs(Fragment$1, { children: [jsx("td", { className: "px-6 py-4", onClick: (e) => e.stopPropagation(), children: jsxs(Select$1, { value: (_a = pendingRoles[user.user_id]) !== null && _a !== void 0 ? _a : (user.is_admin ? 'admin' : 'student'), onValueChange: (nextRole) => handleUserRoleChange(user, nextRole), disabled: updatingUserIds.has(user === null || user === void 0 ? void 0 : user.user_id), children: [jsxs(SelectTrigger, { className: "w-full text-sm", "aria-label": t('tabsUserstab.selectRoleAriaLabel', {
+                                                                                name: user.name,
+                                                                            }), children: [jsx(SelectValue, {}), updatingUserIds.has(user === null || user === void 0 ? void 0 : user.user_id) && (jsx(LoaderCircle, { "data-testid": "role-update-spinner", className: "h-4 w-4 animate-spin", "aria-hidden": "true" }))] }), jsxs(SelectContent, { className: "text-sm", children: [jsx(SelectItem, { value: "admin", children: t('tabsUserstab.roleAdmin') }), jsx(SelectItem, { value: "student", children: t('tabsUserstab.roleUser') })] })] }) }), jsx("td", { className: "px-6 py-4", onClick: (e) => e.stopPropagation(), children: jsxs(Popover, { modal: true, open: openPolicyPopover === user.user_id, onOpenChange: (open) => setOpenPolicyPopover(open ? user.user_id : null), children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", role: "combobox", "aria-expanded": openPolicyPopover === user.user_id, "aria-label": t('tabsUserstab.selectPoliciesAriaLabel', {
                                                                                     name: user.name,
                                                                                 }), className: "w-full justify-between text-sm h-9 font-normal", disabled: updatingUserIds.has(user === null || user === void 0 ? void 0 : user.user_id), children: [jsx("span", { className: "truncate", children: user.is_admin
                                                                                             ? t('tabsUserstab.allPoliciesSelected', {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "2.5.7",
+  "version": "2.5.8",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -76,9 +76,9 @@
     "axios": "1.13.6",
     "dotenv": "16.6.1",
     "winston": "3.19.0",
-    "@iblai/mcp": "1.10.5",
     "@iblai/data-layer": "1.12.106",
-    "@iblai/web-containers": "1.18.7",
+    "@iblai/mcp": "1.10.5",
+    "@iblai/web-containers": "1.18.8",
     "@iblai/web-utils": "2.1.17"
   },
   "peerDependencies": {