Widget della Dashboard

La dashboard di Rela AI si compone come una bacheca di widget — ogni utente decide cosa vedere, con quale densità e in quale posizione. Non c'è una dashboard unica per tutti: un operatore notturno ha bisogno di vedere allarmi attivi e attività pendenti; un gerente vuole KPI esecutivi. Con 12 widget predefiniti e layout drag-and-drop ogni ruolo costruisce la propria vista.

A cosa serve

• Personalizzazione per ruolo — la stessa dashboard serve a operatore, coordinatore e gerente con configurazioni diverse.
• Visione consolidata — metriche, allarmi, attività e tendenze in una schermata invece di saltare tra sezioni.
• Export rapido — catturare un widget come PNG per una riunione senza ritagli manuali.

Come funziona

Ogni widget è un componente indipendente che tira dati da un endpoint dell'API. La configurazione (fonte, filtri, periodo, soglia) vive nel documento dashboard dell'utente — persistente per-utente, senza toccare altri. La griglia a 12 colonne usa drag-and-drop per spostare e ridimensionare; su mobile ogni widget si impila verticalmente.

Catalogo widget

La dashboard include 12 widget predefiniti che puoi aggiungere e organizzare liberamente:

Aggiungere widget

1. Fai clic su Modifica dashboard nella barra superiore.
2. Seleziona Aggiungi widget dal pannello laterale.
3. Scegli il widget dal catalogo.
4. Configura la fonte dati e i parametri.
5. Fai clic su Salva.

Layout drag-and-drop

La dashboard utilizza un sistema a griglia di 12 colonne con drag-and-drop:

• Spostare — Trascina il widget dalla barra del titolo
• Ridimensionare — Trascina dall'angolo in basso a destra
• Dimensione minima — Ogni widget ha una dimensione minima in base al tipo
• Auto-adattamento — I widget si riposizionano automaticamente quando uno viene spostato

La griglia e responsive: su schermi inferiori a 768px, tutti i widget si impilano in una singola colonna.

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

Modalita di densita

La dashboard supporta tre modalita di densita che regolano la spaziatura e la dimensione del font:

Cambia modalita da Impostazioni > Densita o con la scorciatoia Ctrl+D.

Configurazione del widget

Ogni widget ha un menu di opzioni accessibile dall'icona dell'ingranaggio:

• Fonte dati — Endpoint o collezione che alimenta il widget
• Filtri — Filtri aggiuntivi specifici del widget
• Periodo — Intervallo temporale (sovrascrive il filtro globale se definito)
• Soglia — Valori per colorare l'indicatore (verde/giallo/rosso)
• Refresh — Intervallo di aggiornamento personalizzato

Esportare e condividere

• Esporta PNG — Cattura del singolo widget
• Esporta CSV — Dati grezzi del widget in formato tabellare
• Condividi link — URL con la configurazione completa della dashboard

Permessi

Casi d'uso

1 · Dashboard operatore. Turno notturno, dashboard compatta: Alarm Table (grande sopra), Task Funnel (filtro = "in_progress"), Recent Activity, un paio di KPI Card con MTTR. Un'occhiata ogni ora è sufficiente.

2 · Dashboard gerente. Modalità comoda, KPI Card grandi: disponibilità globale, costo di manutenzione mensile, compliance score, sparkline grid dei 12 asset critici. Si usa nella riunione del lunedì.

3 · Dashboard affidabilità. Heatmap + Event Timeline + Asset Health per le 5 macchine più problematiche. L'ingegnere di affidabilità entra ogni mattina, individua pattern della notte precedente.

Limiti e assunzioni

• 12 widget predefiniti; al momento non c'è editor di widget custom.
• La configurazione vive per-utente; per una dashboard di schermo control-room condivisa, creare un utente dedicato.
• Widget con più di 10.000 record nella fonte possono impiegare secondi a caricare — usare filtri.

Benefici chiave

• Personalizzazione senza codice: drag-and-drop + menu di configurazione per widget.
• 3 modalità di densità (compatto / normale / comodo) secondo il contesto.
• Configurazione per-utente — ogni ruolo costruisce la propria vista senza toccare altri.
• Export a PNG + CSV per report e riunioni senza lavoro manuale.
• Permessi granulari (dashboard:read/write/export).