feat: implement user authentication and login modal, refactor backend

web/frontend/src/services/api.js

@@ -1,4 +1,5 @@
 import axios from 'axios';
+import authService from './auth';
 
 const api = axios.create({
   baseURL: '/api',
@@ -7,6 +8,37 @@ const api = axios.create({
   },
 });
 
+// Interceptor para añadir autenticación a las peticiones
+api.interceptors.request.use(
+  (config) => {
+    const authHeader = authService.getAuthHeader();
+    if (authHeader) {
+      config.headers.Authorization = authHeader;
+    }
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+
+// Interceptor para manejar errores 401 (no autenticado)
+api.interceptors.response.use(
+  (response) => response,
+  (error) => {
+    if (error.response?.status === 401) {
+      // Disparar evento personalizado para mostrar diálogo de login
+      window.dispatchEvent(new CustomEvent('auth-required', { 
+        detail: { 
+          message: 'Se requiere autenticación para esta acción',
+          config: error.config 
+        } 
+      }));
+    }
+    return Promise.reject(error);
+  }
+);
+
 export default {
   // Estadísticas
   async getStats() {
@@ -83,5 +115,26 @@ export default {
     const response = await api.delete('/cache');
     return response.data;
   },
+
+  // Usuarios
+  async getUsers() {
+    const response = await api.get('/users');
+    return response.data;
+  },
+
+  async createUser(userData) {
+    const response = await api.post('/users', userData);
+    return response.data;
+  },
+
+  async deleteUser(username) {
+    const response = await api.delete(`/users/${username}`);
+    return response.data;
+  },
+
+  async changePassword(passwordData) {
+    const response = await api.post('/users/change-password', passwordData);
+    return response.data;
+  },
 };