Workbeat Design System
Ejemplos
Escenarios reales compuestos con patrones del DS y datos mock, con su prompt original.
Árbol jerárquico + ficha con tabs que preserva contexto al cambiar de nodo, con maestro-detalle en desktop y móvil.
Consulta de expediente con resumen, datos clave y bloques relacionados que preserva contexto sin reubicar al usuario.
Productos por departamento con expandir/colapsar, columna sticky, moneda MXN y agregados que se recalculan al filtrar.
Directorio consultivo con búsqueda, filtros, segmentación, vistas y estados de carga.
Ficha ejecutiva de un escenario de incremento salarial: encabezado, KPIs, configuración read-only, acciones por estado e historial.
Escenarios agrupados por momento operativo (en preparación, en curso, cerrados) que abren el mismo SitePanel ejecutivo.