Le applicazioni Angular stanno diventando sempre più intelligenti. Gli agenti AI stanno iniziando a pilotarle, ma nessuno ha ancora definito con chiarezza come questo debba funzionare in un ambiente di produzione. Questo intervento esplora una possibile risposta.

Quando un agente deve restituire qualcosa di interattivo, come un modulo, una dashboard o una tabella di dati, generare HTML o JSX è una soluzione poco sicura e impossibile da validare oltre un confine di fiducia (trust boundary).

A2UI è lo standard aperto di Google per la comunicazione tra agenti e interfacce utente: gli agenti producono JSON dichiarativo, l’applicazione Angular mantiene il controllo del rendering attraverso il proprio catalogo di componenti e l’agente non esegue mai codice nel browser. Si scopre che i punti di forza già esistenti di Angular (Signals, componenti standalone e rilevamento delle modifiche senza Zone.js, Zoneless change detection) si adattano quasi perfettamente a ciò di cui questo protocollo ha bisogno. E non è una coincidenza.

Vedremo come gli schemi di catalogo definiti con Zod guidino sia la validazione lato client sia i vincoli imposti alla generazione da parte dell’agente, come il modello di aggiornamento in streaming di A2UI si integri con la reattività granulare dei Signals e perché il modello di rendering Zoneless sia quello più adatto per interfacce guidate da agenti. Parleremo anche, senza nascondere i limiti, di ciò che il framework gestisce automaticamente e di ciò che dovrete invece implementare voi.

La dimostrazione consiste in una dashboard aziendale controllata da un agente AI in tempo reale. Al termine dell’intervento avrete chiaro perché un Angular “AI-native” non richiede un nuovo framework: è semplicemente quello che già conoscete, utilizzato nel modo corretto.