Construyendo LawConnect

LawConnect es una plataforma de gestión para despachos legales y abogados independientes. Combina gestión de casos y clientes, bóveda de documentos, calendario, facturación y un asistente legal con IA — todo respaldado por Supabase con OAuth de Google Calendar vía Edge Functions.

Qué hace

Landing pública

Página de marketing en español con hero (“La Plataforma Legal del Futuro”), tarjetas de funcionalidades y CTAs de registro. Destaca seis capacidades centrales: gestión de casos, base de datos de clientes, bóveda de documentos, calendario integrado, asistente IA y seguridad avanzada.

Auth y onboarding

• Registro e inicio de sesión con correo/contraseña vía Supabase Auth
• Flujo de confirmación de correo (ConfirmEmail)
• Páginas de olvidé contraseña y restablecer contraseña
• Las rutas protegidas redirigen usuarios no autenticados a /login

Dashboard

Vista general del despacho de un vistazo:

• Total de casos, casos activos, clientes y documentos
• Lista de casos recientes con badges de estado y prioridad
• Enlaces rápidos para crear casos nuevos

Casos (cases)

Gestión completa del ciclo de vida de casos:

• Listar y filtrar casos legales (Casos)
• Vista de detalle de caso (CasoDetalle) con estado, prioridad, enlace a cliente y notas
• Crear casos nuevos (NuevoCaso)
• Componentes CaseCard, StatusBadge y PriorityBadge

Clientes (clients)

CRM de clientes con datos de contacto vinculados a casos y facturas.

Documentos y Bóveda

Almacenamiento seguro de documentos:

• Subir y organizar archivos legales en Supabase Storage
• DocumentViewer para vista previa dentro de la app
• Extracción de texto de PDF y Word (mammoth, pdf-parse) para contexto de IA
• Bóveda — vista dedicada de bóveda que envuelve el módulo de documentos

Notas

Notas de texto enriquecido con editor TipTap:

• Menciones y sugerencias de etiquetas (TagSuggestionList, TagManager)
• Notas vinculadas a casos y clientes
• NoteViewer para leer contenido formateado

Calendario

Calendario legal integrado:

• Programación de eventos con etiquetas (tabla event_tags)
• Sincronización con Google Calendar — conectar/desconectar OAuth en configuración, refresh de tokens vía Supabase Edge Functions
• Página CalendarCallback para manejo de redirección OAuth
• Recordatorios por correo vía Edge Function send-email-reminder

Facturación (billing)

Módulo de gestión de facturas agregado en el sprint MVP:

• Crear facturas (NuevaFactura) vinculadas a clientes
• Filtrar por cliente, estado, rango de fechas y búsqueda
• Dar seguimiento al estado de pago: pendiente, pagada, pagada parcialmente
• Editar pagos parciales y descargar facturas

Asistente IA

Chat legal con IA (AIAssistant):

• Sesiones de chat con historial persistente en Supabase
• Selector de contexto — adjuntar contexto de casos y documentos a los prompts
• Subida de archivos para análisis directo de documentos
• Categorías de preguntas sugeridas: Análisis, Estrategia, Redacción
• Estadísticas de uso y límites de solicitudes por usuario
• Servido vía Supabase Edge Function ai-assistant (OpenAI/Claude)

Configuración

Panel de configuración con pestañas:

• Perfil (nombre, especialidad, teléfono) con recorte/subida de avatar (ImageCropper)
• Cambio de contraseña
• Estado de conexión con Google Calendar y configuración OAuth
• Configuración del bucket de almacenamiento de avatares

Stack técnico

Supabase Edge Functions

Migraciones de base de datos

Esquema secuencial: profiles → clients & cases → documents, notes & tags → calendar system → AI chat system → facturas → Google Calendar tokens → event tags → avatar URLs → image storage.

Proceso de desarrollo

LawConnect se construyó sobre Vite + React con Supabase como backend — auth, PostgreSQL, storage y Edge Functions para integraciones de IA y Google. Destino de deploy: Netlify.

Bootstrap del proyecto

• Scaffold desde la plantilla Bolt/Vite con rutas protegidas de React Router.
• Cliente Supabase conectado para auth por email y manejo de sesión.
• Shell construido: sidebar, header y páginas con control de acceso tras login.
• Migraciones SQL iniciales para profiles y tablas centrales documentadas en el repo.

Asistente legal con IA

• UI de chat AIAssistant implementada con historial de sesión almacenado en Supabase.
• Edge Function ai-assistant cableada para respuestas LLM con contexto opcional de caso/documento.
• Subida de archivos para análisis directo de documentos y categorías de prompt sugeridas (Análisis, Estrategia, Redacción).
• Commit: Funcionamiento ChatBot — flujo de chat end-to-end funcionando contra funciones hospedadas.

Sprint de funcionalidades MVP

• Facturación — página Facturacion, migración de tabla facturas, CRUD de facturas y seguimiento de estado de pago.
• Google Calendar — OAuth según la API de Google Calendar, Edge Functions google-oauth y google-oauth-refresh, sincronización de calendario en la app.
• CRM central — estadísticas del dashboard, clientes, casos, documentos, notas, etiquetas y páginas de configuración.
• Edge Functions lote 2 — send-email-reminder para notificaciones de calendario.
• Fixes de hosting — URLs de redirect OAuth de Google validadas en Netlify; corrección de subida de foto de perfil a Supabase Storage.
• Afinación de IA — mejor manejo de contexto y calidad de respuestas en pasadas de prueba.

Lanzamiento

• Build de producción desplegado en lawconnectv1.netlify.app.
• Variables de entorno documentadas para Supabase, Google y claves de IA en el README del proyecto.
• Migraciones secuenciales cubren: profiles → clientes y casos → documentos/notas/etiquetas → calendario → chat IA → facturas → tokens de Google → buckets de storage.