Lienzo y distribución

Distribuye los widgets de la página activa en una cuadrícula de doce columnas y conserva su tamaño y ubicación.

Que se logra

• Resultado: cada página presenta los indicadores en una distribución que prioriza la lectura del equipo y se conserva para futuras consultas.
• Caso de uso: un gerente de operaciones coloca primero los indicadores de cumplimiento y deja las tablas de detalle debajo para las reuniones semanales.
• Se combina con: Páginas de reportes y Widgets de visualización.

Donde esta

• Ruta: /[orgId]/analytics/ai-reports
• Acceso en UI: AI Reports > lienzo
• Componente(s): ReportCanvasGrid.tsx, AnalyticsReportsCanvasView.tsx

Como funciona

1. Entrar a una página que tenga widgets.
2. Mantener el control Drag de un widget y moverlo a la posición deseada.
3. Redimensionar el widget desde la cuadrícula.
4. Continuar trabajando: el lienzo agrupa los cambios y los guarda automáticamente.

Reglas y validaciones

• El lienzo utiliza doce columnas y filas visuales de 80 píxeles.
• El guardado se demora 800 ms para agrupar varios movimientos o redimensiones.
• La posición y dimensiones se guardan por widget, no como un diseño compartido de la página.

Backend

• Servicios: report-widgets (patch)
• Efectos: los cambios se mantienen al recargar o abrir la misma página mediante enlace directo.

Relaciones

• Requiere: widgets visibles en la página activa.
• Dispara / afecta: distribución de los widgets de esa página.

Notas

Los bloques de encabezado, texto, divisor y espaciador usan el mismo sistema de cuadrícula.