Versión inicial del plan
Diseñador de flujos, motor de instancias y documentador integrados en el concepto.
Markdown: bitacora.md · Documentación: documentacion.html · documentacion.md
Historial de decisiones. Las entradas no se eliminan; reflejan la evolución del diseño antes de la implementación en Next.js y Supabase.
Iteración de alcance
Mock y documentación en carpeta prototipo. Menú: Diseñador de flujo, Gestión de actividades, Reporte. Diseñador de pantallas para actividades manuales.
Implementación del prototipo
Entrega HTML/CSS/JS con catálogo, lienzo con arrastre, validación, pantallas, instanciación múltiple, motor con traza y reporte filtrable.
Arquitectura objetivo (stack productivo)
Mock sigue vigente. Implementación futura: Next.js / React 19, App Router, Server Components, Tailwind, responsive, ES/EN/PT; API Routes con Zod y reglas centralizadas; Supabase Auth; Postgres con schemas por dominio y RLS.
Supabase local y migraciones
Al implementar: entorno Supabase local en Docker (supabase start); esquema y RLS solo vía migraciones del CLI (supabase/migrations). Supabase Cloud después, con el mismo historial.
Documentación y bitácora en MD y HTML
Pares documentacion.md / documentacion.html y bitacora.md / bitacora.html con el mismo contenido. El mock enlaza a las versiones HTML.
Versiones del mock, menú hamburguesa y tema
Snapshot congelado en versiones/2026-09-25_1930_catalogo-lienzo. Índice en versiones.html y versiones.md. Mock vigente con menú lateral hamburguesa y alternancia claro/oscuro (preferencia en localStorage).
Corrección menú hamburguesa e icono de tema
Panel de navegación reubicado al final del body, overlay y drawer con z-index elevado y apertura por clases. Tema con iconos sol/luna en lugar del texto «Modo claro/oscuro».
Mock interactivo
Empaquetado en js/bundle.js para evitar bloqueos de módulos ES. Arrastre de nodos y selección corregidos en el diseñador. Script abrir-mock.ps1 para servidor local opcional.
Diseñador BPMN (Exclusive Gateway)
Subconjunto BPMN 2.0 en el lienzo. User Task → gateway XOR → ramas aceptar/rechazar. Motor y validación actualizados. Clave gestor_flujos_prototipo_v2.
Menú lateral fijo abierto
Navegación en columna junto al contenido principal, abierta por defecto. En escritorio sin overlay; hamburguesa colapsa la barra.
Gobernanza Cursor rules (fase mock)
Rules de prototipo y checklist mock; documentación con versionado, Auth TBD y checklist Supabase futuro. Snapshot versiones/2026-09-25_2005_sidebar-docked; índice de versiones corregido (pre-bpmn ↔ carpeta 1955_pre-bpmn).
Estudio Pantalla + Automatización
Contratos, diseñador de formularios, integraciones REST mock y catálogo adaptable.
Context pad axis-aligned (gateway)
Menús del diseñador sin inclinación; capa visual del rombo separada; regla Cursor ux-axis-aligned-overlays.
Lanes verticales y encuadre escritorio
Títulos de lane verticales; ancho del pool según viewport; mensaje móvil actualizado.
Paneles laterales colapsados (canvas-first)
Elementos y Propiedades cerrados por defecto; flyouts en escritorio; toggles siempre en la barra del lienzo; Propiedades al seleccionar nodo.
Bloqueo móvil y avisos por resolución
Editor bloqueado en teléfono; avisos gran problema (<1024×768) y tablet con limitaciones.
Diseñador responsive y UI colapsada
Paleta y propiedades en acordeón; toggles Elementos/Propiedades en pantallas pequeñas.
Start/End Event dentro del pool
Eventos de inicio y fin restringidos al área del pool; pueden usar lanes distintos.
Catálogo de compuertas BPMN
Siete tipos visibles en paleta, context pad y propiedades; solo Compuerta Exclusiva habilitada; resto Futuro.
Panel Propiedades: acordeón y scroll interno
Secciones colapsables; General abierta por defecto. Scroll vertical dentro de la columna Propiedades sin desbordar el diseñador.
Vista inicial y pantalla completa
Encuadre al abrir flujo; pantalla completa con viewport correcto y reajuste de zoom.
Pool BPMN vertical, lanes y zoom del lienzo
Pool con título vertical, lanes por rol, navegación zoom/pan en el diseñador.
Pool, lanes y Task colapsada
Recuadro pool, lanes por rol; Task genérica con submenú solo al abrir ▾.
Context pad: iconos 👤/⚙ en Task
Persona y engranaje en User/Service Task del pad; sin botón flecha en el menú contextual.
Context pad: descriptores y sin flecha manual
Texto junto a iconos; sin botón ➜ en el pad; conexión al crear desde el pad.
Context pad: Task con submenú
Task colapsada con chevron User/Service; posicionamiento al append evita flechas sobre el pad.
Context pad: eliminar elemento
Acción 🗑 en el pad contextual para borrar nodos del diagrama (excepto Start Event).
Context pad BPMN (estilo modelador)
Context pad al seleccionar nodos: acciones rápidas append + conector a existente; estilo Bizagi/jBPM dentro del subconjunto del mock.
Eliminar flujos en borrador
Botón Eliminar en catálogo y toolbar del editor cuando status es borrador; no aplica a flujos listos ni si hay instancias en curso.
Diseñador: puertos, paleta BPMN y líneas clásicas
Start/End al crear flujo; paleta con Task User/Service y líneas Sequence, Message y Association; puertos en nodos seleccionados; motor solo ejecuta Sequence Flow.
Limpieza repo y regeneración del mock
Reglas de app futura en .cursor/rules/_fase-app/; skills Supabase en .cursor/_archive/skills/; README.md y build-mock.ps1. Bundles JS regenerados; footer del mock simplificado.