Widgets y diseño de informes

Presenta visualizaciones y bloques de contenido en un lienzo que se puede mover y redimensionar.

Que se logra

• Resultado: Una página de informe presenta métricas, gráficos, tablas y contenido en un diseño adaptable.
• Caso de uso: Operaciones reorganiza los widgets de una página para revisar primero suscripciones y después consumo de wallet.
• Se combina con: Páginas, filtros y constructor de informes con IA.

Donde esta

• Ruta: /internal/reports
• Acceso en UI: Internal > Reports > página seleccionada
• Componente(s): InternalReportsCanvasView.tsx, ReportCanvasGrid.tsx, ReportCanvasWidget.tsx, ReportWidgetChart.tsx

Como funciona

1. Al elegir una página se cargan sus widgets.
2. Se arrastra o redimensiona un widget para ajustar el diseño.
3. Se edita el título en línea o se elimina desde sus acciones.
4. Los widgets con consulta actualizan sus datos al cambiar filtros vinculados o refrescar.

Reglas y validaciones

• Los tipos disponibles incluyen métricas, gráficos, tablas y bloques de diseño.
• El diseño se guarda por widget.

Backend

• Servicios: internal-report-widgets (find/create/patch/remove), internal-report-widget-data (create).
• Efectos: ejecuta la consulta guardada de cada widget al obtener sus datos.

Relaciones

• Requiere: Páginas de informe y Filtros de informe.
• Dispara / afecta: Constructor de informes con IA.

Notas

• Un widget sin consulta puede funcionar como bloque de diseño.