captify 0.1.18 → 0.1.19

package/dist/groups/components/add-user-to-group-dialog.js

@@ -1,39 +1,166 @@
 "use client";
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from "../../shared/components/ui/button";
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "../../shared/components/ui/dialog";
-import { Input } from "../../shared/components/ui/input";
-import { Loader2 } from "lucide-react";
-import { useEffect, useState } from "react";
-import { useAvailableUsers } from "../hooks/use-group-details";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GROUPS_DEFAULT_PAGE_SIZE } from "../groups.constants";
+import { useGroupDetails, useGroupMembership } from "../hooks/use-group-details";
+import { ItemListManagerDialog } from "../../shared/components/item-list-manager-dialog/item-list-manager-dialog";
+import { useCognitoUsers } from "../../users/hooks/use-cognito-users";
+import { User, UserPlus, Users } from "lucide-react";
+import { useCallback, useMemo, useState } from "react";
 /**
- * Dialog for adding users to a group with server-side search
+ * Dialog for managing users in a group using ItemListManagerDialog
  */
-export function AddUserToGroupDialog({ open, onOpenChange, groupName, existingUsernames, onAddUser, isAdding, }) {
-    const [selectedUser, setSelectedUser] = useState(null);
-    const [searchTerm, setSearchTerm] = useState("");
-    const [debouncedSearchTerm, setDebouncedSearchTerm] = useState("");
-    // Debounce search term
-    useEffect(() => {
-        const timer = setTimeout(() => {
-            setDebouncedSearchTerm(searchTerm);
-        }, 300);
-        return () => clearTimeout(timer);
-    }, [searchTerm]);
-    // Fetch available users using the hook
-    const { availableUsers, isSearching } = useAvailableUsers(debouncedSearchTerm, existingUsernames, open);
-    const handleAdd = () => {
-        if (selectedUser) {
-            onAddUser(selectedUser);
-            setSelectedUser(null);
-            setSearchTerm("");
+export function AddUserToGroupDialog({ open, onOpenChange, groupName, existingUsernames, onAddUser, isAdding, canRemoveFromGroup = false, }) {
+    // State for managing mutations
+    const [removingId, setRemovingId] = useState(null);
+    // Track successfully removed items to hide them until refetch completes
+    const [pendingRemovalId, setPendingRemovalId] = useState(null);
+    // Fetch users in the group
+    const { users: groupUsers, isLoading: isLoadingUsers } = useGroupDetails(groupName);
+    // Get mutation functions for group membership
+    const { removeUser, removeUserMutation } = useGroupMembership(groupName);
+    // Filter out pending removal items for optimistic UI update
+    const displayedUsers = useMemo(() => {
+        if (!pendingRemovalId)
+            return groupUsers;
+        return groupUsers.filter((user) => user.username !== pendingRemovalId);
+    }, [groupUsers, pendingRemovalId]);
+    // Wrap onOpenChange to clear pending removal when dialog closes
+    const handleOpenChange = useCallback((newOpen) => {
+        if (!newOpen) {
+            setPendingRemovalId(null);
+        }
+        onOpenChange(newOpen);
+    }, [onOpenChange]);
+    // Fetch all users (locked ones will be shown as pre-selected)
+    const { users: allUsers, isLoading: isLoadingAllUsers } = useCognitoUsers();
+    // Define columns for the add dialog
+    const addDialogColumns = useMemo(() => [
+        {
+            id: "email",
+            header: "Email",
+            cell: ({ row }) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(User, { className: "text-muted-foreground h-4 w-4", "aria-hidden": "true" }), _jsx("span", { className: "font-medium", children: row.email || row.username })] })),
+        },
+        {
+            id: "username",
+            header: "Username",
+            cell: ({ row }) => _jsx("span", { className: "text-muted-foreground text-sm", children: row.username }),
+        },
+    ], []);
+    // Configure the add dialog
+    const addDialogConfig = useMemo(() => ({
+        title: `Add Users to ${groupName}`,
+        description: "Select users to add to this group. Already assigned users are pre-selected.",
+        selectionMode: "multiple",
+        columns: addDialogColumns,
+        availableItems: allUsers,
+        getAvailableItemId: (user) => user.username,
+        isLoadingAvailable: isLoadingAllUsers,
+        lockedIds: existingUsernames,
+        lockedTooltip: "This user is already in the group",
+        emptyMessage: "No users available",
+        selectLabel: "Add Users",
+        selectingLabel: "Adding...",
+        cancelLabel: "Cancel",
+        searchPlaceholder: "Search users...",
+        filterFn: (user, searchValue) => {
+            var _a;
+            const lowerSearch = searchValue.toLowerCase();
+            return (((_a = user.email) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(lowerSearch)) ||
+                user.username.toLowerCase().includes(lowerSearch));
+        },
+        noResultsMessage: "No users match your search",
+        isAdding,
+        onSelect: async (selectedUsers) => {
+            if (selectedUsers.length > 0) {
+                // Call onAddUser with all selected users
+                await onAddUser(selectedUsers);
+            }
+        },
+        pagination: {
+            enabled: true,
+            pageSize: GROUPS_DEFAULT_PAGE_SIZE,
+        },
+    }), [
+        addDialogColumns,
+        allUsers,
+        existingUsernames,
+        isLoadingAllUsers,
+        isAdding,
+        onAddUser,
+        groupName,
+    ]);
+    // Item render configuration
+    const itemConfig = useMemo(() => ({
+        getId: (user) => user.username,
+        getPrimaryText: (user) => user.email || user.username,
+        getSecondaryText: (user) => user.username,
+        badge: {
+            getVariant: () => "default",
+            getText: () => "User",
+        },
+    }), []);
+    // Text configuration
+    const text = useMemo(() => ({
+        title: `Manage Users in ${groupName}`,
+        description: "View and manage users in this group",
+        addButtonLabel: "Add Users",
+        closeButtonLabel: "Close",
+        emptyMessage: "No users in this group",
+        countLabel: "Users",
+        aria: {
+            addButton: "Add users to group",
+            removeButton: "Remove user from group",
+            closeButton: "Close dialog",
+            loading: "Loading users",
+            emptyState: "No users in group",
+        },
+    }), [groupName]);
+    // Handle removing a user from the group
+    const handleRemove = async (username) => {
+        setRemovingId(username);
+        try {
+            await removeUser({ username });
+            // Set pending removal for optimistic UI - item will be hidden until refetch
+            setPendingRemovalId(username);
+        }
+        catch (_a) {
+            // Error is already handled by mutation onError
+        }
+        finally {
+            setRemovingId(null);
         }
     };
-    const handleClose = () => {
-        onOpenChange(false);
-        setSearchTerm("");
-        setSelectedUser(null);
-    };
-    return (_jsx(Dialog, { open: open, onOpenChange: handleClose, children: _jsxs(DialogContent, { className: "max-w-md", children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: ["Add User to ", groupName] }), _jsx(DialogDescription, { children: "Search and select a user to add to this group" })] }), _jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "space-y-2", children: [_jsx(Input, { placeholder: "Search users by email...", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "w-full" }), _jsx("div", { className: "rounded-md border", children: isSearching ? (_jsx("div", { className: "flex items-center justify-center py-8", children: _jsx(Loader2, { className: "text-muted-foreground h-4 w-4 animate-spin" }) })) : availableUsers.length === 0 ? (_jsx("div", { className: "text-muted-foreground py-8 text-center text-sm", children: "No users found" })) : (_jsx("div", { className: "max-h-[300px] overflow-y-auto", children: availableUsers.map((user) => (_jsx("button", { type: "button", onClick: () => setSelectedUser(user), className: `hover:bg-accent w-full border-b px-3 py-2 text-left transition-colors last:border-b-0 ${(selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.username) === user.username ? "bg-accent" : ""}`, children: _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-sm font-medium", children: user.email || user.username }), user.email && (_jsx("span", { className: "text-muted-foreground text-xs", children: user.username }))] }) }, user.username))) })) }), _jsx(Button, { onClick: handleAdd, disabled: !selectedUser || isAdding, className: "w-full", children: isAdding ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Adding..."] })) : ("Add User") })] }) })] }) }));
+    // Define custom columns for the main table
+    const mainTableColumns = useMemo(() => [
+        {
+            id: "email",
+            header: "Email",
+            cell: ({ row }) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(User, { className: "text-muted-foreground h-4 w-4", "aria-hidden": "true" }), _jsx("span", { className: "font-medium", children: row.email || row.username })] })),
+        },
+        {
+            id: "username",
+            header: "Username",
+            cell: ({ row }) => _jsx("span", { className: "text-muted-foreground text-sm", children: row.username }),
+        },
+    ], []);
+    return (_jsx(ItemListManagerDialog, { open: open, onOpenChange: handleOpenChange, items: displayedUsers, isLoading: isLoadingUsers, isMutating: isAdding || removeUserMutation.isPending, canAdd: true, canRemove: canRemoveFromGroup, text: text, icons: {
+            title: Users,
+            badge: User,
+            empty: UserPlus,
+            listItem: User,
+        }, itemConfig: itemConfig, onRemove: handleRemove, removingId: removingId, isRemovePending: removeUserMutation.isPending, addDialogConfig: addDialogConfig, addButtonDisabled: false, filtering: {
+            enabled: true,
+            searchPlaceholder: "Search users in group...",
+            filterFn: (user, searchValue) => {
+                var _a;
+                const lowerSearch = searchValue.toLowerCase();
+                return (((_a = user.email) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(lowerSearch)) ||
+                    user.username.toLowerCase().includes(lowerSearch));
+            },
+            noResultsMessage: "No users match your search",
+        }, pagination: {
+            enabled: true,
+            pageSize: 10,
+        }, columns: mainTableColumns }));
 }
 //# sourceMappingURL=add-user-to-group-dialog.js.map

package/dist/groups/components/add-user-to-group-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-user-to-group-dialog.js","sourceRoot":"","sources":["../../../lib/groups/components/add-user-to-group-dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"add-user-to-group-dialog.js","sourceRoot":"","sources":["../../../lib/groups/components/add-user-to-group-dialog.tsx"],"names":[],"mappings":"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"}

package/dist/groups/components/group-details-header.d.ts

@@ -0,0 +1,6 @@
+import type { CognitoAdminGroup } from "../../auth";
+export declare function GroupDetailsHeader({ group, onBack, }: {
+    group?: CognitoAdminGroup;
+    onBack?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=group-details-header.d.ts.map

package/dist/groups/components/group-details-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-details-header.d.ts","sourceRoot":"","sources":["../../../lib/groups/components/group-details-header.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAKpD,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,MAAM,GACP,EAAE;IACD,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,2CAgCA"}

package/dist/groups/components/group-details-header.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRouter } from "next/navigation";
+import { Button } from "../../shared/components/ui/button";
+import { ArrowLeft } from "lucide-react";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../shared/components/ui/tooltip";
+export function GroupDetailsHeader({ group, onBack, }) {
+    var _a;
+    const router = useRouter();
+    const handleBack = () => {
+        if (onBack)
+            onBack();
+        else
+            router.back();
+    };
+    return (_jsx("div", { className: "mb-6", children: _jsxs("div", { className: "mb-4 flex items-center gap-4", children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: handleBack, "aria-label": "Go back", children: _jsx(ArrowLeft, { className: "size-5", "aria-hidden": "true" }) }) }), _jsx(TooltipContent, { children: "Go back" })] }), _jsxs("div", { className: "flex-1", children: [_jsx("h1", { className: "text-3xl font-bold", children: (_a = group === null || group === void 0 ? void 0 : group.groupName) !== null && _a !== void 0 ? _a : "" }), (group === null || group === void 0 ? void 0 : group.description) && _jsx("p", { className: "text-muted-foreground mt-1", children: group.description })] })] }) }));
+}
+//# sourceMappingURL=group-details-header.js.map

package/dist/groups/components/group-details-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-details-header.js","sourceRoot":"","sources":["../../../lib/groups/components/group-details-header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAE7F,MAAM,UAAU,kBAAkB,CAAC,EACjC,KAAK,EACL,MAAM,GAIP;;IACC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,MAAM;YAAE,MAAM,EAAE,CAAC;;YAChB,MAAM,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,MAAM,YACnB,eAAK,SAAS,EAAC,8BAA8B,aAC3C,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,UAAU,gBACR,SAAS,YAEpB,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,iBAAa,MAAM,GAAG,GAC5C,GACM,EACjB,KAAC,cAAc,0BAAyB,IAChC,EACV,eAAK,SAAS,EAAC,QAAQ,aACrB,aAAI,SAAS,EAAC,oBAAoB,YAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,mCAAI,EAAE,GAAM,EAC/D,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,KAAI,YAAG,SAAS,EAAC,4BAA4B,YAAE,KAAK,CAAC,WAAW,GAAK,IACpF,IACF,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/groups/components/group-details-metadata.d.ts

@@ -0,0 +1,5 @@
+import type { CognitoAdminGroup } from "../../auth";
+export declare function GroupDetailsMetadata({ group }: {
+    group?: CognitoAdminGroup;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=group-details-metadata.d.ts.map

package/dist/groups/components/group-details-metadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-details-metadata.d.ts","sourceRoot":"","sources":["../../../lib/groups/components/group-details-metadata.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAGpD,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,iBAAiB,CAAA;CAAE,2CAiB5E"}

package/dist/groups/components/group-details-metadata.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "../../shared/components/ui/badge";
+export function GroupDetailsMetadata({ group }) {
+    return (_jsxs("div", { className: "text-muted-foreground ml-14 flex items-center gap-4 text-sm", children: [(group === null || group === void 0 ? void 0 : group.precedence) !== undefined && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { children: "Precedence:" }), _jsx(Badge, { variant: "secondary", children: group.precedence })] })), (group === null || group === void 0 ? void 0 : group.roleArn) && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { children: "IAM Role:" }), _jsx("code", { className: "bg-muted rounded px-2 py-1 text-xs", children: group.roleArn })] }))] }));
+}
+//# sourceMappingURL=group-details-metadata.js.map

package/dist/groups/components/group-details-metadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-details-metadata.js","sourceRoot":"","sources":["../../../lib/groups/components/group-details-metadata.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAEzD,MAAM,UAAU,oBAAoB,CAAC,EAAE,KAAK,EAAiC;IAC3E,OAAO,CACL,eAAK,SAAS,EAAC,6DAA6D,aACzE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,MAAK,SAAS,IAAI,CAClC,eAAK,SAAS,EAAC,yBAAyB,aACtC,yCAAwB,EACxB,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,YAAE,KAAK,CAAC,UAAU,GAAS,IACjD,CACP,EACA,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,KAAI,CACjB,eAAK,SAAS,EAAC,yBAAyB,aACtC,uCAAsB,EACtB,eAAM,SAAS,EAAC,oCAAoC,YAAE,KAAK,CAAC,OAAO,GAAQ,IACvE,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/groups/components/group-details.d.ts

@@ -4,5 +4,5 @@ import type { GroupDetailsProps } from "../groups.interfaces";
  *
  * Shows group information and members, allows managing group membership
  */
-export declare function GroupDetails({ groupName, canManageUsers }: GroupDetailsProps): import("react/jsx-runtime").JSX.Element;
+export declare function GroupDetails({ groupName }: GroupDetailsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=group-details.d.ts.map

package/dist/groups/components/group-details.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"group-details.d.ts","sourceRoot":"","sources":["../../../lib/groups/components/group-details.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGxE;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,cAAsB,EAAE,EAAE,iBAAiB,2CAmNpF"}
+{"version":3,"file":"group-details.d.ts","sourceRoot":"","sources":["../../../lib/groups/components/group-details.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAqBxE;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CA2O5D"}

package/dist/groups/components/group-details.js

@@ -1,35 +1,72 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AddUserToGroupDialog } from "./add-user-to-group-dialog";
+import { GroupDetailsHeader } from "./group-details-header";
+import { GroupDetailsMetadata } from "./group-details-metadata";
+import { GROUPS_DEFAULT_PAGE_SIZE, GROUPS_PAGE_SIZE_OPTIONS } from "../groups.constants";
+import { useGroupDetails, useGroupMembership } from "../hooks/use-group-details";
+import { useUserPermissions } from "../../permissions/hooks";
+import { PageSkeleton } from "../../shared/components/skeleton";
 import { DataTable } from "../../shared/components/tables/data-table";
 import { Badge } from "../../shared/components/ui/badge";
 import { Button } from "../../shared/components/ui/button";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "../../shared/components/ui/dialog";
-import { ArrowLeft, Loader2, UserMinus, UserPlus } from "lucide-react";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../shared/components/ui/tooltip";
+import { UserMinus, UserPlus } from "lucide-react";
 import { useRouter } from "next/navigation";
-import { useState } from "react";
-import { useGroupDetails, useGroupMembership } from "../hooks/use-group-details";
-import { AddUserToGroupDialog } from "./add-user-to-group-dialog";
+import { useEffect, useMemo, useState } from "react";
 /**
  * Detailed group page component
  *
  * Shows group information and members, allows managing group membership
  */
-export function GroupDetails({ groupName, canManageUsers = false }) {
+export function GroupDetails({ groupName }) {
     const router = useRouter();
+    // Import and render header as a separate component for readability
+    // Header and metadata are moved to dedicated components for readability
+    // Permission checks for group membership operations
+    const { canAddToGroup, canRemoveFromGroup } = useUserPermissions();
     const [addUserDialogOpen, setAddUserDialogOpen] = useState(false);
     const [removeUserDialogOpen, setRemoveUserDialogOpen] = useState(false);
     const [selectedUser, setSelectedUser] = useState(null);
+    // Track successfully removed items to hide them until refetch completes
+    const [pendingRemovalId, setPendingRemovalId] = useState(null);
+    // Pagination state
+    const [pageSize, setPageSize] = useState(GROUPS_DEFAULT_PAGE_SIZE);
     // Fetch group details and members
     const { group, users, isLoadingGroup, isLoadingUsers } = useGroupDetails(groupName);
     // Group membership mutations
-    const { addUser, removeUser, addUserMutation, removeUserMutation } = useGroupMembership(groupName);
-    const handleAddUser = async (user) => {
-        await addUser({ username: user.username });
+    const { addToUsersBatch, removeUser, removeUserMutation, isAddingToUsersBatch } = useGroupMembership(groupName);
+    // This effect resets the pending removal state once the user list is refetched.
+    // This ensures that if a user is removed and then quickly re-added, they will
+    // reappear in the list correctly. It also cleans up the state after a successful removal.
+    useEffect(() => {
+        if (pendingRemovalId) {
+            setPendingRemovalId(null);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [users]);
+    // Filter out pending removal items for optimistic UI update
+    // Note: When refetch completes, the pendingRemovalId is cleared by the effect above,
+    // and the displayed users will accurately reflect the refetched list.
+    const displayedUsers = useMemo(() => {
+        if (!pendingRemovalId)
+            return users;
+        return users.filter((user) => user.username !== pendingRemovalId);
+    }, [users, pendingRemovalId]);
+    const handleAddUser = async (users) => {
+        if (users.length > 0) {
+            const usernames = users.map((u) => u.username);
+            await addToUsersBatch({ usernames });
+        }
     };
     const handleRemoveUser = async () => {
         if (!selectedUser)
             return;
-        await removeUser({ username: selectedUser.username });
+        const usernameToRemove = selectedUser.username;
+        await removeUser({ username: usernameToRemove });
+        // Set pending removal for optimistic UI - item will be hidden until refetch
+        setPendingRemovalId(usernameToRemove);
         setRemoveUserDialogOpen(false);
         setSelectedUser(null);
     };
@@ -68,38 +105,45 @@ export function GroupDetails({ groupName, canManageUsers = false }) {
             cell: ({ value }) => _jsx("span", { className: "text-sm", children: value }),
         },
     ];
-    // Add actions column only if user can manage
-    const columns = canManageUsers
+    // Add actions column only if user can remove members
+    const columns = canRemoveFromGroup
         ? [
             ...baseColumns,
             {
                 id: "actions",
                 header: "Actions",
                 enableHiding: false,
-                cell: ({ row }) => (_jsx(Button, { variant: "ghost", size: "icon", onClick: () => openRemoveDialog(row), disabled: removeUserMutation.isPending, className: "text-destructive hover:text-destructive hover:bg-destructive/10", children: _jsx(UserMinus, { className: "h-4 w-4" }) })),
+                cell: ({ row }) => (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => openRemoveDialog(row), disabled: removeUserMutation.isPending, className: "text-destructive hover:text-destructive hover:bg-destructive/10", "aria-label": "Remove user from group", children: _jsx(UserMinus, { className: "size-4", "aria-hidden": "true" }) }) }), _jsx(TooltipContent, { children: "Remove user from group" })] })),
             },
         ]
         : baseColumns;
     if (isLoadingGroup) {
-        return (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsx(Loader2, { className: "text-muted-foreground h-8 w-8 animate-spin" }) }));
+        return (_jsx("div", { className: "flex h-full flex-col", children: _jsx(PageSkeleton, { showHeader: true, sections: 2 }) }));
     }
     if (!group) {
-        return (_jsx("div", { className: "container mx-auto py-6", children: _jsxs("div", { className: "bg-destructive/10 text-destructive rounded-md p-4", children: ["Group \"", groupName, "\" not found"] }) }));
+        return (_jsx("div", { className: "flex h-full flex-col", children: _jsxs("div", { className: "bg-destructive/10 text-destructive rounded-md p-4", children: ["Group \"", groupName, "\" not found"] }) }));
     }
-    return (_jsxs("div", { className: "container mx-auto py-6", children: [_jsxs("div", { className: "mb-6", children: [_jsxs("div", { className: "mb-4 flex items-center gap-4", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: () => router.back(), children: _jsx(ArrowLeft, { className: "h-5 w-5" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("h1", { className: "text-3xl font-bold", children: group.groupName }), group.description && _jsx("p", { className: "text-muted-foreground mt-1", children: group.description })] })] }), _jsxs("div", { className: "text-muted-foreground ml-14 flex items-center gap-4 text-sm", children: [group.precedence !== undefined && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { children: "Precedence:" }), _jsx(Badge, { variant: "secondary", children: group.precedence })] })), group.roleArn && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { children: "IAM Role:" }), _jsx("code", { className: "bg-muted rounded px-2 py-1 text-xs", children: group.roleArn })] }))] })] }), _jsx(DataTable, { data: users, columns: columns, loading: isLoadingUsers, getRowId: (row) => row.username, 
+    return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsx(GroupDetailsHeader, { group: group, onBack: () => router.back() }), _jsx(GroupDetailsMetadata, { group: group }), _jsx(DataTable, { data: displayedUsers, columns: columns, loading: isLoadingUsers, getRowId: (row) => row.username, 
                 // Header configuration
-                showHeader: true, headerTitle: `Members (${users.length})`, headerDescription: "Users in this group", headerActions: canManageUsers ? (_jsxs(Button, { onClick: () => setAddUserDialogOpen(true), children: [_jsx(UserPlus, { className: "mr-2 h-4 w-4" }), "Add User"] })) : undefined, 
+                showHeader: true, headerTitle: `Members (${displayedUsers.length})`, headerDescription: "Users in this group", headerActions: canAddToGroup ? (_jsxs(Button, { size: "sm", className: "h-9 gap-2", onClick: () => setAddUserDialogOpen(true), children: [_jsx(UserPlus, { className: "size-4", "aria-hidden": "true" }), "Add User"] })) : undefined, 
                 // Sorting configuration
                 sorting: {
                     enabled: true,
                     mode: "single",
                 }, 
+                // Pagination configuration
+                pagination: {
+                    mode: "client",
+                    pageSize,
+                    pageSizeOptions: GROUPS_PAGE_SIZE_OPTIONS,
+                    onPageSizeChange: setPageSize,
+                }, 
                 // Column visibility configuration
                 columnVisibility: {
                     enabled: true,
                     storageKey: "group-members-column-visibility",
                 }, 
                 // Empty state
-                emptyMessage: "No users in this group", emptyDescription: "Add users to this group to get started" }), canManageUsers && (_jsx(AddUserToGroupDialog, { open: addUserDialogOpen, onOpenChange: setAddUserDialogOpen, groupName: group.groupName, existingUsernames: users.map((u) => u.username), onAddUser: handleAddUser, isAdding: addUserMutation.isPending })), canManageUsers && (_jsx(Dialog, { open: removeUserDialogOpen, onOpenChange: setRemoveUserDialogOpen, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Remove User from Group" }), _jsxs(DialogDescription, { children: ["Are you sure you want to remove \"", (selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.email) || (selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.username), "\" from ", group.groupName, "?"] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => setRemoveUserDialogOpen(false), children: "Cancel" }), _jsx(Button, { variant: "destructive", onClick: handleRemoveUser, disabled: removeUserMutation.isPending, children: removeUserMutation.isPending ? "Removing..." : "Remove User" })] })] }) }))] }));
+                emptyMessage: "No users in this group", emptyDescription: "Add users to this group to get started" }), canAddToGroup && (_jsx(AddUserToGroupDialog, { open: addUserDialogOpen, onOpenChange: setAddUserDialogOpen, groupName: group.groupName, existingUsernames: users.map((u) => u.username), onAddUser: handleAddUser, isAdding: isAddingToUsersBatch, canRemoveFromGroup: canRemoveFromGroup })), canRemoveFromGroup && (_jsx(Dialog, { open: removeUserDialogOpen, onOpenChange: setRemoveUserDialogOpen, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Remove User from Group" }), _jsxs(DialogDescription, { children: ["Are you sure you want to remove \"", (selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.email) || (selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.username), "\" from ", group.groupName, "?"] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => setRemoveUserDialogOpen(false), children: "Cancel" }), _jsx(Button, { variant: "destructive", onClick: handleRemoveUser, disabled: removeUserMutation.isPending, children: removeUserMutation.isPending ? "Removing..." : "Remove User" })] })] }) }))] }));
 }
 //# sourceMappingURL=group-details.js.map

package/dist/groups/components/group-details.js.map

@@ -1 +1 @@
-{"version":3,"file":"group-details.js","sourceRoot":"","sources":["../../../lib/groups/components/group-details.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"group-details.js","sourceRoot":"","sources":["../../../lib/groups/components/group-details.tsx"],"names":[],"mappings":"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"}

package/dist/groups/components/group-form-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"group-form-dialog.d.ts","sourceRoot":"","sources":["../../../lib/groups/components/group-form-dialog.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,oBAAoB,EAAmB,MAAM,gCAAgC,CAAC;AAG5F;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,SAAiB,GAClB,EAAE,oBAAoB,2CA6GtB"}
+{"version":3,"file":"group-form-dialog.d.ts","sourceRoot":"","sources":["../../../lib/groups/components/group-form-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAmB,MAAM,gCAAgC,CAAC;AAe5F;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,SAAiB,GAClB,EAAE,oBAAoB,2CAgHtB"}

package/dist/groups/components/group-form-dialog.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { groupFormSchema } from "../groups.schemas";
 import { FormBuilder } from "../../shared/components/form-builder";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "../../shared/components/ui/dialog";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
-import { groupFormSchema } from "../groups.schemas";
 /**
  * Dialog component for creating and editing Cognito groups
  *
@@ -63,7 +63,7 @@ export function GroupFormDialog({ open, onOpenChange, group, onSubmit, isLoading
             placeholder: "administrators",
             disabled: isEditMode || isLoading,
             description: isEditMode
-                ? "Group name cannot be changed after creation"
+                ? "Cannot be modified after creation"
                 : "Must be unique in the user pool",
         },
         {
@@ -73,6 +73,7 @@ export function GroupFormDialog({ open, onOpenChange, group, onSubmit, isLoading
             placeholder: "Describe the purpose of this group...",
             disabled: isLoading,
             rows: 3,
+            maxHeight: "120px",
         },
         {
             name: "precedence",
@@ -92,12 +93,12 @@ export function GroupFormDialog({ open, onOpenChange, group, onSubmit, isLoading
             description: "Optional IAM role to be assumed by users in this group",
         },
     ];
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-[550px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEditMode ? "Edit Group" : "Add Group" }), _jsx(DialogDescription, { children: isEditMode
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "flex max-h-[90vh] flex-col sm:max-w-[550px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEditMode ? "Edit Group" : "Add Group" }), _jsx(DialogDescription, { children: isEditMode
                                 ? "Update the group's information. Group name cannot be changed."
-                                : "Enter the group details. Users can be assigned to this group after creation." })] }), _jsx(FormBuilder, { form: form, sections: [
-                        {
-                            fields,
-                        },
-                    ], onSubmit: handleSubmit, onCancel: () => onOpenChange(false), submitLabel: isEditMode ? "Update Group" : "Create Group", isEditing: isEditMode, schema: groupFormSchema })] }) }));
+                                : "Enter the group details. Users can be assigned to this group after creation." })] }), _jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx(FormBuilder, { form: form, sections: [
+                            {
+                                fields,
+                            },
+                        ], onSubmit: handleSubmit, onCancel: () => onOpenChange(false), submitLabel: isEditMode ? "Update Group" : "Create Group", isEditing: isEditMode, schema: groupFormSchema }) })] }) }));
 }
 //# sourceMappingURL=group-form-dialog.js.map

package/dist/groups/components/group-form-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"group-form-dialog.js","sourceRoot":"","sources":["../../../lib/groups/components/group-form-dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"group-form-dialog.js","sourceRoot":"","sources":["../../../lib/groups/components/group-form-dialog.tsx"],"names":[],"mappings":"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"}

package/dist/groups/components/group-management.d.ts

@@ -1,4 +1,3 @@
-import type { GroupManagementProps } from "../groups.interfaces";
 /**
  * Group management component
  *
@@ -7,5 +6,5 @@ import type { GroupManagementProps } from "../groups.interfaces";
  * - Create/edit/delete groups
  * - View users in groups
  */
-export declare function GroupManagement({ canManageGroups }: GroupManagementProps): import("react/jsx-runtime").JSX.Element;
+export declare function GroupManagement(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=group-management.d.ts.map

package/dist/groups/components/group-management.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"group-management.d.ts","sourceRoot":"","sources":["../../../lib/groups/components/group-management.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAEV,oBAAoB,EAErB,MAAM,gCAAgC,CAAC;AAIxC;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAAE,eAAuB,EAAE,EAAE,oBAAoB,2CAiLhF"}
+{"version":3,"file":"group-management.d.ts","sourceRoot":"","sources":["../../../lib/groups/components/group-management.tsx"],"names":[],"mappings":"AA0BA;;;;;;;GAOG;AACH,wBAAgB,eAAe,4CA8M9B"}