Widgets del Dashboard

El dashboard de Rela AI se arma como un tablero de widgets — cada usuario decide qué ver, con qué densidad y en qué posición. No hay un dashboard único para todos: un operador de turno nocturno necesita ver alarmas activas y tareas pendientes; un gerente quiere KPIs ejecutivos. Con 12 widgets predefinidos y layout drag-and-drop cada rol arma su propia vista.

¿Para qué sirve?

• Personalización por rol — el mismo dashboard sirve al operador, al coordinador y al gerente con configuraciones distintas.
• Visión consolidada — métricas, alarmas, tareas y tendencias en una sola pantalla en lugar de saltar entre secciones.
• Export rápido — capturar un widget como PNG para una reunión sin recortes manuales.

¿Cómo funciona?

Cada widget es un componente independiente que tira datos de un endpoint de la API. La configuración (fuente, filtros, periodo, umbral) vive en el documento de dashboard del usuario — persistente per-usuario, sin afectar a otros. La grilla de 12 columnas usa drag-and-drop para mover y redimensionar; en mobile todos los widgets se apilan verticalmente.

Catálogo de widgets

El dashboard incluye 12 widgets predefinidos que puedes agregar y organizar libremente:

Agregar widgets

1. Haz clic en Editar dashboard en la barra superior.
2. Selecciona Agregar widget del panel lateral.
3. Elige el widget del catalogo.
4. Configura la fuente de datos y parametros.
5. Haz clic en Guardar.

Layout drag-and-drop

El dashboard usa un sistema de grilla de 12 columnas con drag-and-drop:

• Mover — Arrastra el widget desde su barra de titulo
• Redimensionar — Arrastra desde la esquina inferior derecha
• Tamano mínimo — Cada widget tiene un tamano mínimo segun su tipo
• Auto-ajuste — Los widgets se reposicionan automáticamente al mover uno

La grilla es responsive: en pantallas menores a 768px, todos los widgets se apilan en una sola columna.

{
  "widget_id": "kpi_availability",
  "position": { "x": 0, "y": 0, "w": 3, "h": 2 },
  "config": {
    "source": "assets",
    "metric": "availability_percent",
    "period": "7d"
  }
}

Modos de densidad

El dashboard soporta tres modos de densidad que ajustan el espaciado y tamano de fuente:

Cambia el modo desde Configuración > Densidad o con el atajo Ctrl+D.

Configuración de widget

Cada widget tiene un menu de opciones accesible desde el icono de engranaje:

• Fuente de datos — Endpoint o coleccion que alimenta el widget
• Filtros — Filtros adicionales especificos del widget
• Periodo — Rango temporal (anula el filtro global si se define)
• Umbral — Valores para colorear el indicador (verde/amarillo/rojo)
• Refresh — Intervalo de actualizacion personalizado

Exportar y compartir

• Exportar PNG — Captura del widget individual
• Exportar CSV — Datos crudos del widget en formato tabular
• Compartir enlace — URL con configuración del dashboard completo

Permisos

Casos de uso

1 · Dashboard de operador. Turno nocturno, dashboard compacto: Alarm Table (grande arriba), Task Funnel (filtro = "in_progress"), Recent Activity, un par de KPI Cards de MTTR. Un vistazo por hora suficiente.

2 · Dashboard de gerente. Modo cómodo, KPI Cards grandes: disponibilidad global, costo de mantenimiento mensual, compliance score, sparkline grid de los 12 activos críticos. Se usa en la reunión de lunes.

3 · Dashboard de confiabilidad. Heatmap + Event Timeline + Asset Health para los 5 equipos más problemáticos. El ingeniero de confiabilidad entra cada mañana, detecta patrones de la noche anterior.

Limitaciones y supuestos

• 12 widgets predefinidos; no hay editor de widgets custom en este momento.
• La configuración vive per-usuario; para un dashboard de pantalla de control-room compartido, crear un usuario dedicado.
• Widgets con más de 10,000 registros en la fuente pueden tardar segundos en cargar — usar filtros.

Beneficios clave

• Personalización sin código: drag-and-drop + menú de configuración por widget.
• 3 modos de densidad (compacto / normal / cómodo) según el contexto.
• Configuración per-usuario — cada rol arma su vista sin afectar a otros.
• Export a PNG + CSV para reportes y reuniones sin trabajo manual.
• Permisos granulares (dashboard:read/write/export).