Function MemberTable

frontend/src/react/pages/settings/MembersPage.tsx:148–604

({
  bindings,
  allowEdit,
  selectedBindings,
  onSelectionChange,
  onUpdateBinding,
  onRevokeBinding,
  scope,
}: {
  bindings: MemberBinding[];
  allowEdit: boolean;
  selectedBindings: string[];
  onSelectionChange: (selected: string[]) => void;
  onUpdateBinding: (binding: MemberBinding) => void;
  onRevokeBinding: (binding: MemberBinding) => void;
  scope: "workspace" | "project";
})

// ============================================================

function MemberTable({
  bindings,
  allowEdit,
  selectedBindings,
  onSelectionChange,
  onUpdateBinding,
  onRevokeBinding,
  scope,
}: {
  bindings: MemberBinding[];
  allowEdit: boolean;
  selectedBindings: string[];
  onSelectionChange: (selected: string[]) => void;
  onUpdateBinding: (binding: MemberBinding) => void;
  onRevokeBinding: (binding: MemberBinding) => void;
  scope: "workspace" | "project";
}) {
  const { t } = useTranslation();
  const currentUser = useCurrentUser();
  const isSaaSMode = useAppStore((s) => s.isSaaSMode());
  const batchGetOrFetchUsers = useAppStore(
    (state) => state.batchGetOrFetchUsers
  );
  const roleList = useAppStore((state) => state.roleList);
  const navigate = useNavigate();
  const canGetGroups = hasWorkspacePermissionV2("bb.groups.get");
  const canGetUsers = hasWorkspacePermissionV2("bb.users.get");

  // Group expand state. Cache is keyed by group name and invalidated
  // when the group-binding *content* changes — not on `bindings`
  // reference change, because the parent rebuilds `memberBindings` via
  // `useMemo(() => getMemberBindings(...))` and gets a new array identity
  // whenever its deps change. We can't use the `prevBindingsRef.current
  // !== bindings` shortcut that `GroupsPage` uses (its `groups` comes
  // from a reducer-backed `usePagedData` with stable identity).
  // Comparing a content-derived signature instead lets the cache only
  // reset on real membership changes — same effect, different trigger.
  const [expandedGroups, setExpandedGroups] = useState<Set<string>>(new Set());
  const [memberCache, setMemberCache] = useState<Map<string, User[]>>(
    new Map()
  );
  const memberCacheRef = useRef(memberCache);
  memberCacheRef.current = memberCache;
  const loadingRef = useRef<Set<string>>(new Set());

  const fetchGroupMembers = useCallback(
    (group: GroupBinding) => {
      if (loadingRef.current.has(group.name)) return;
      loadingRef.current.add(group.name);
      const memberNames = group.members.map((m) => m.member);
      batchGetOrFetchUsers(memberNames)
        .then((users: (User | undefined)[]) => {
          setMemberCache((prev) => {
            const next = new Map(prev);
            next.set(
              group.name,
              users.filter((u): u is User => !!u)
            );