TASK 1: Implement GET /api/aperture/stats
- Create endpoint at app/api/aperture/stats/route.ts
- Returns dashboard statistics: { totalBookings, totalRevenue, completedToday, upcomingToday }
- Calculates stats from bookings table by month and today
- Dashboard now has functional statistics display
TASK 2: Implement authentication for Aperture
- Create middleware.ts for protecting Aperture routes
- Only allows access to users with admin, manager, or staff roles
- Redirects unauthorized users to /aperture/login
- Uses Supabase Auth with session verification
- Integrates with existing AuthProvider in lib/auth/context.tsx
Stack Updates:
- Update @supabase/auth-helpers-nextjs to latest version (0.15.0)
- Note: Package marked as deprecated but still functional
Files Created:
- app/api/aperture/stats/route.ts
- middleware.ts
Files Modified:
- TASKS.md (marked tasks 1 and 2 as completed)
- package.json (updated dependency)
Impact:
- Aperture dashboard now has working statistics
- Aperture routes are now protected by authentication
- Only authorized staff/admin/manager can access dashboard
Next: Task 3 - Implement weekly invitation reset
Major changes:
- Add customer registration with email/phone lookup (app/booking/registro)
- Add customers API endpoint (app/api/customers/route)
- Implement business hours for locations (mon-fri 10-7, sat 10-6, sun closed)
- Fix availability function type casting issues
- Add business hours utilities (lib/utils/business-hours.ts)
- Update Location type to include business_hours JSONB
- Add mock payment component for testing
- Remove Supabase auth from booking flow
- Fix /cita redirect path in booking flow
Database migrations:
- Add category column to services table
- Add business_hours JSONB column to locations table
- Fix availability functions with proper type casting
- Update get_detailed_availability to use business_hours
Features:
- Customer lookup by email or phone
- Auto-redirect to registration if customer not found
- Pre-fill customer data if exists
- Business hours per day of week
- Location-specific opening/closing times
- Add public API endpoints for locations, services, and availability
- Implement staff login system with password authentication
- Update auth context to support password sign-in
- Protect aperture dashboard with authentication
- Update project documentation with new domains
- Add JSDoc comments to API routes and business logic functions
- Update README.md with Phase 2 status and deployment/production notes
- Enhance TASKS.md with estimated timelines and dependencies
- Create docs/STAFF_TRAINING.md for team onboarding
- Create docs/CLIENT_ONBOARDING.md for customer experience
- Create docs/OPERATIONAL_PROCEDURES.md for daily operations
- Create docs/TROUBLESHOOTING.md for common setup issues
- Fix TypeScript errors in hq/page.tsx
- Implement client authentication with Supabase magic links
- Add Stripe payment integration for deposits
- Complete The Boutique booking flow with payment processing
- Implement Aperture backend with staff/resources management
- Add comprehensive reports: sales, payments, payroll
- Create permissions management system by roles
- Configure kiosk system with enrollment
- Add no-show logic and penalization system
- Update project documentation and API docs
- Enhance README with current project status
**The Boutique - Frontend completo para clientes:**
- Página de login/signup (/booking/login)
- Autenticación con email/password
- Registro de nuevos clientes
- Validación de formularios
- Diseño responsive y accesible
- Página de perfil (/booking/perfil)
- Información personal del cliente
- Edición de datos (modal)
- Estadísticas de actividad
- Historial de citas recientes
- Información de membresía (tier)
- Página Mis Citas (/booking/mis-citas)
- Lista completa de citas
- Filtros: todas, próximas, pasadas
- Detalles completos de cada cita
- Opción de cancelar citas pendientes
- Estados visuales por estatus
- Información de códigos de reserva
- Layout mejorado (/booking/layout)
- Navbar completo con todas las opciones
- Navegación entre secciones
- Estilos consistentes con anchor23.mx
**Funcionalidades implementadas:**
- Gestión completa del perfil de cliente
- Historial y gestión de citas
- Sistema de autenticación básico
- Navegación fluida entre secciones
- Estados de carga y manejo de errores
- Diseño responsive para móviles
**Datos mock/simulados:**
- Perfiles de cliente con tiers
- Historial de citas con diferentes estados
- Información de staff y servicios
- Validación de formularios
**Próximos pasos:**
- Integración con APIs reales de autenticación
- Conexión con Stripe para pagos
- Sincronización con base de datos real
- Notificaciones por email/WhatsApp
**Aperture - Backend para staff/manager/admin:**
- Crear página principal de admin (/aperture)
- Dashboard con estadísticas del día (citas, ingresos, pendientes)
- Navegación por tabs (Dashboard, Staff, Recursos, Reportes)
- Diseño limpio con métricas y cards
- Crear APIs administrativas:
- /api/aperture/staff - Staff disponible por ubicación
- /api/aperture/staff/schedule - CRUD de horarios de staff
- GET: Listar horarios con filtros
- POST: Crear bloqueo de horario
- DELETE: Eliminar horario
- /api/aperture/resources - Recursos por ubicación
- /api/aperture/dashboard - Bookings por fecha y staff
**The Boutique - Mejoras:**
- Página de confirmación por código (/booking/confirmacion)
- Verificación por short_id
- Detalles completos de cita
- Información sobre políticas
- Layout personalizado con navbar específico
**TASKS.md - Actualización:**
- Aperture marcado como 'En Progreso' con APIs implementadas
- The Boutique actualizado con página de confirmación
- Reorganización de tareas prioritarias
- Estado del proyecto actualizado (Fase 2: 30%)
**Arquitectura:**
- Separación clara: anchor23.mx (marketing), booking (cliente), aperture (operaciones)
- APIs RESTful para gestión administrativa
- Dashboard responsive con métricas operativas
**Navbar Principal (anchor23.mx):**
- Reemplazar botón único "Solicitar Membresía" por dos botones:
- "Book Now" → /booking/servicios (The Boutique)
- "Memberships" → /membresias
- Mantener estructura limpia con 2 botones en nav-actions
**The Boutique (booking.anchor23.mx):**
- Crear layout específico con navbar personalizada
- Navbar incluye: logo, "Book Now", "Memberships", "Mis Citas", "Perfil"
- Estilos .booking-header y .booking-nav para header personalizado
- Compartir estilos base con anchor23.mx
**Páginas The Boutique:**
- /booking/servicios - Selección de servicios con calendario interactivo
- /booking/cita - Confirmación de reserva con formulario de cliente
- /booking/confirmacion - Página de confirmación por código (short_id)
- API endpoints para servicios y ubicaciones
**Estilos:**
- Mantener paleta de colores de anchor23.mx (Bone White, Soft Cream, Membresías)
- Consistencia visual entre anchor23.mx y The Boutique
- Responsive para móviles
**Frontend (booking.anchor23.mx):**
- Crear página de selección de servicios (/booking/servicios)
- Catálogo de servicios con precios y duración
- Selección de ubicación
- Calendario interactivo para selección de fecha y hora
- Validación de disponibilidad en tiempo real
- Resumen de reserva con precio
- Crear página de confirmación de reserva (/booking/cita)
- Resumen detallado de la cita (servicio, fecha, hora, ubicación)
- Formulario para datos del cliente (nombre, email, teléfono, notas)
- Confirmación visual de la reserva
- Redirección a página de confirmación exitosa
**Backend APIs:**
- Crear /api/services para obtener servicios activos
- Filtrar por ubicación si se especifica
- Retornar precio y duración de cada servicio
- Crear /api/locations para obtener ubicaciones activas
- Retornar lista de locations con timezone
**Documentación:**
- Actualizar TASKS.md con progreso de The Boutique (20%)
- Agregar nuevas tareas pendientes (aperture, api pública)
- Actualizar README.md con:
- Nueva estructura de rutas (/booking/*)
- Nuevas APIs (/api/services, /api/locations)
- Estado actualizado de The Boutique
- Actualizar Fase 2 al 20% completado
**Estilos:**
- Mantener paleta de colores de anchor23.mx
- Diseño consistente con el resto del sitio
- Responsive para móviles
- Crear landing page con hero, fundamento, servicios y testimoniales
- Crear página de servicios con grid y descripciones
- Crear página de historia con filosofía de la marca
- Crear página de contacto con formulario
- Crear página de franchises con solicitud
- Crear página de membresías con 3 tiers (Gold, Black, VIP)
- Crear páginas de Privacy Policy y Legal
- Implementar header y footer global
- Estilos con Tailwind CSS según especificaciones
- HTML semántico y estructura clara
- Conversión silenciosa hacia booking.anchor23.mx
- Crear página principal de HQ Dashboard
- Mostrar calendario diario con reservas
- Listado de reservas con información detallada
- Vista de disponibilidad de staff
- PATCH endpoint para actualizar estado de reservas
- Integrar con API de disponibilidad y reservas
- Crear route /api/bookings con POST y GET
- Validar disponibilidad de staff y recursos
- Crear cliente si no existe
- Generar short_id para reservas
- Utilizar RPC functions de disponibilidad
- Agregar utilidad generateShortId
