client/src/hooks/useResourcePermissions.ts

import {
  hasPermissions,
  useGetEffectivePermissionsQuery,
} from 'librechat-data-provider/react-query';
import type { ResourceType } from 'librechat-data-provider';

/**
 * fetches resource permissions once and returns a function to check any permission
 * More efficient when checking multiple permissions for the same resource
 * @param resourceType - Type of resource (e.g., ResourceType.AGENT)
 * @param resourceId - ID of the resource
 * @returns Object with hasPermission function and loading state
 */
export const useResourcePermissions = (resourceType: ResourceType, resourceId: string) => {
  const { data, isLoading } = useGetEffectivePermissionsQuery(resourceType, resourceId);

  const hasPermission = (requiredPermission: number): boolean => {
    return data ? hasPermissions(data.permissionBits, requiredPermission) : false;
  };

  return {
    hasPermission,
    isLoading,
    permissionBits: data?.permissionBits || 0,
  };
};