Designer

Editor visuale per dashboard metadata-driven su route #/cities/dashboard.

Scope

• Composizione board via drag-and-drop di nodi e blocchi UI.
• Layout e styling pilotati da boardcontent e metadata tabella/colonna.
• Editing property panel senza hardcode nei componenti runtime.

Palette Designer

• Datasource: sorgente dati metadata (route, filtri, sort, paging).
• DataRepeater: visualizzazione lista/card collegata a datasource.
• Dynamic Template: rendering template dinamico con input metadata-driven.
• Action/Button: azioni utente agganciate a record e callback.
• Container/Layout: blocchi strutturali per colonne, righe e wrapper.

Feature principali

• Drag-and-drop nodi sulla canvas con persistenza nel boardcontent.
• Property panel contestuale con input coerenti ai componenti selezionati.
• Binding tra nodi (datasource -> repeater/template) con validazione minima.
• Preview runtime integrata e riallineamento layout.
• Gestione pending changes con guard prima dell'uscita.

Context menu sugli elementi

Right-click su un elemento del canvas, una voce del breadcrumb in basso o un nodo dell'albero gerarchia mostra un context menu con tre voci:

• Modifica proprietà (pi-cog) — seleziona l'elemento come "current tool" e ne mostra il property panel a destra; equivalente al click nell'albero. Utile per editare proprietà di elementi annidati senza dover cercare la voce nella gerarchia.
• Rinomina (solo breadcrumb in basso) — apre dialog per rinominare il displayName.
• Rimuovi — elimina l'elemento dalla board.

Flusso operativo consigliato

• Aprire route dashboard target.
• Inserire/collegare nodi dalla palette.
• Configurare inputs essenziali (es. route, action, datasource).
• Salvare e validare il risultato in runtime.

Note operative

• Per fix specifici dashboard, privilegiare patch del boardcontent invece di modifiche globali.
• Evitare proprietà duplicate tra inputs e stile inline non coerente.
• Verificare sempre che i datasource abbiano inputs.route valorizzata.