REFACTOR ALL APIs fix 1

frontend/src/pages/app/settings/team/TeamPage.tsx

@@ -10,6 +10,7 @@ import { useAuthUser } from '../../../../stores/auth.store';
 import { useCurrentTenant, useCurrentTenantAccess } from '../../../../stores/tenant.store';
 import { useToast } from '../../../../hooks/ui/useToast';
 import { TENANT_ROLES } from '../../../../types/roles';
+import { subscriptionService } from '../../../../api/services/subscription';
 
 const TeamPage: React.FC = () => {
   const { t } = useTranslation(['settings']);
@@ -447,20 +448,36 @@ const TeamPage: React.FC = () => {
         }}
         onAddMember={async (userData) => {
           if (!tenantId) return Promise.reject('No tenant ID available');
-          
-          return addMemberMutation.mutateAsync({
-            tenantId,
-            userId: userData.userId,
-            role: userData.role,
-          }).then(() => {
+
+          try {
+            // Check subscription limits before adding member
+            const usageCheck = await subscriptionService.checkUsageLimit(tenantId, 'users', 1);
+
+            if (!usageCheck.allowed) {
+              const errorMessage = usageCheck.message ||
+                `Has alcanzado el límite de ${usageCheck.limit} usuarios para tu plan. Actualiza tu suscripción para agregar más miembros.`;
+              addToast(errorMessage, { type: 'error' });
+              throw new Error(errorMessage);
+            }
+
+            await addMemberMutation.mutateAsync({
+              tenantId,
+              userId: userData.userId,
+              role: userData.role,
+            });
+
             addToast('Miembro agregado exitosamente', { type: 'success' });
             setShowAddForm(false);
             setSelectedUserToAdd('');
             setSelectedRoleToAdd(TENANT_ROLES.MEMBER);
-          }).catch((error) => {
+          } catch (error) {
+            if ((error as Error).message.includes('límite')) {
+              // Limit error already toasted above
+              throw error;
+            }
             addToast('Error al agregar miembro', { type: 'error' });
             throw error;
-          });
+          }
         }}
         availableUsers={availableUsers}
       />