+ {/* Search and Filter Controls */}
+
+ {/* Email Search */}
+
+
updateFilters({ email: e.target.value })}
+ />
+
+
+
+ {/* Filter Button */}
+
+
+ {/* Reset Filters Button */}
+
+
+
+ {/* Additional Filters */}
+ {showFilters && (
+
+ {/* User ID Search */}
+
+
updateFilters({ user_id: e.target.value })}
+ />
+
+
+
+ {/* Role Dropdown */}
+
+
+
+
+ {/* Team Dropdown */}
+
+
+
+
+ {/* SSO ID Search */}
+
+ updateFilters({ sso_user_id: e.target.value })}
+ />
+
+
+ )}
+
+ {/* Results Count and Pagination */}
+
+
+ Showing{" "}
+ {userListResponse && userListResponse.users && userListResponse.users.length > 0
+ ? (userListResponse.page - 1) * userListResponse.page_size + 1
+ : 0}{" "}
+ -{" "}
+ {userListResponse && userListResponse.users
+ ? Math.min(userListResponse.page * userListResponse.page_size, userListResponse.total)
+ : 0}{" "}
+ of {userListResponse ? userListResponse.total : 0} results
+
+
+ {/* Pagination Buttons */}
+
+
+
+
+
+