# Plan de Tareas - Protocolo E.T.A.P.A.

## 🟢 Protocolo 0: Inicialización
## 🟢 Protocolo 0: Inicialización
- [x] Inicializar Estructura de Archivos
- [x] Fase de Descubrimiento (Preguntas al Usuario)
- [x] Definición de Esquema de Datos (gemini.md)

## 1️⃣ E - Estrategia
- [x] **Configuración del Stack**: Seleccionar Vite + React + Tailwind + Supabase.
- [x] **Setup de Supabase**: Tablas creadas y verificadas.
- [/] **Auth Setup**: 🔒 Implementando Login y Protección de Rutas.
- [ ] **Webhook Defines**: Definir estructura exacta del endpoint n8n (mock).

## 2️⃣ T - Tests (Conectividad)
- [ ] Verificar conexión Supabase (lectura/escritura).
- [ ] Script `tools/test_supabase_connection.py`.
- [ ] Script `tools/test_webhook_trigger.py` (mock).

## 3️⃣ A - Arquitectura
- [x] **SOP Interfaz**: Definido en `architecture/frontend_components.md`.
- [x] **SOP Lógica**: Definido en `architecture/logic_hooks.md`.
- [x] **SOP Base de Datos**: SQL Schema creado y verificado.

## 4️⃣.5️⃣ UX - Experiencia de Usuario (Prioridad)
- [x] **Notificaciones Toast**: Instalar `sonner` y reemplazar `alert()`.
- [x] **Barra de Búsqueda y Filtros**: Filtrar por nombre y estado.
- [x] **Skeleton Loading**: Mejorar estado de carga.
- [x] **Campo Observaciones**: Añadir `observations` a DB y UI.
- [x] **Página Ajustes**: Implementar configuración básica.
- [x] **Vista Anual**: Calendario completo 2026.
- [ ] **Drag & Drop**: (Opcional) Mover reservas en el calendario.

## 4️⃣ P - Pulido (Construcción)
- [x] Implementar UI de Calendario (Colores: Azul/Amarillo/Gris).
- [x] Implementar Modals y Formularios Responsivos.
- [x] Validar UX Móvil (Touch events).

## 5️⃣ A - Automatización
- [ ] Limpieza de archivos temporales.
- [ ] Despliegue (Build production).