Interfícies agèntiques: la nova UI de les apps amb IA

Durant els darrers dos anys, gairebé tot el que hem vist d’IA en aplicacions d’empresa s’assemblava al mateix: una finestra de xat en un racó. Útil per resoldre dubtes, poc útil per treballar. El següent pas ja és aquí i té un nom tècnic una mica àrid però una idea molt clara al darrere: la UI agèntica amb Blazor, és a dir, interfícies on un agent d’IA no només respon, sinó que executa tasques de diversos passos, proposa canvis i col·labora amb l’usuari dins de la mateixa aplicació. Microsoft ha publicat els nous components d’IA per a Blazor al blog oficial de .NET (devblogs.microsoft.com/dotnet/build-agentic-ui-blazor), i creiem que mereix una lectura en clau de negoci.

Del chatbot que contesta a l’agent que fa

Un chatbot retorna text. Un agent recopila context, invoca eines (consultar un estoc, reservar una cita, generar un document), proposa un pla i va avançant pas a pas juntament amb la persona.

Aquest salt porta tres problemes de disseny que qualsevol que hagi provat de posar IA en una aplicació de gestió reconeixerà a l’instant:

  • La resposta arriba a trossos. L’usuari veu text apareixent i no sap si el sistema està pensant, esperant o s’ha penjat.
  • Falta visibilitat i control. Si l’agent llançarà una comanda o enviarà un correu a un client, algú ha de poder aprovar-ho o cancel·lar-ho.
  • L’estat és compartit. El document, el pressupost o la planificació els toquen alhora la persona i l’agent. Qui mana?

La resposta habitual —muntar tot això a mà amb JavaScript i pedaços— és cara de construir i més cara de mantenir. Aquí és on entra la proposta de Microsoft.

Què aporta la UI agèntica amb Blazor

Els nous components (paquet en versió preliminar, sobre .NET 11, segons l’article original) converteixen la conversa amb un agent en blocs de contingut i en estat observable que l’aplicació pot pintar i controlar com qualsevol altre component Blazor. En cristià: la IA deixa de ser una caixa negra amb text a dins i passa a ser informació estructurada que la teva aplicació representa com vulgui.

Les peces, sense tecnicismes

  • Un component de xat complet per arrencar en minuts, amb llista de missatges, entrada de text, estat de la resposta i reintents.
  • Blocs tipats per a cada tipus de contingut: text enriquit, crides a eines, aprovacions pendents, accions a la mateixa interfície.
  • Components de baix nivell per quan vols una pantalla pròpia i no un xat: la IA alimenta el teu disseny, no al revés.
  • Connexió amb agents remots mitjançant AG-UI, un protocol obert d’esdeveniments entre agents i aplicacions, juntament amb l’ecosistema .NET habitual (ASP.NET Core, Microsoft Agent Framework, Aspire).

La conseqüència pràctica per a una empresa: l’agent pot viure en un servidor, la interfície a l’aplicació web, i tots dos parlar-se amb un estàndard en lloc d’amb una integració artesanal i irrepetible.

Cinc patrons que sí que es tradueixen en valor

L’article de Microsoft descriu diversos escenaris d’exemple. Aquests són els que, al nostre parer, més ràpid es converteixen en benefici real:

1. Resposta estructurada, no un mur de text. El contingut que va arribant es transforma en paràgrafs, llistes o taules ben formatades. Sembla cosmètic; no ho és. Un usuari que entén d’un cop d’ull el que veu, decideix més ràpid.

2. Resultats d’eines renderitzats com a interfície. Si l’agent consulta una previsió meteorològica, el disponible d’un article o l’històric d’un client, l’aplicació no mostra un JSON: mostra una fitxa, una targeta o una taula amb el disseny de la casa. I mentre es resol, mostra l’estat "consultant…".

3. Accions al mateix navegador. L’agent pot demanar a l’aplicació que navegui a una pantalla, obri un diàleg o filtri un llistat. La conversa i l’aplicació deixen de ser dos mons separats.

4. Persona en el circuit (human-in-the-loop). Per a accions amb conseqüències —confirmar una reserva, aprovar una comanda, enviar una comunicació— l’agent s’atura i espera un Aprovar o Rebutjar. Aquest és, probablement, el punt més important per a una direcció que avalua IA: l’agent proposa, la persona disposa, i tot queda traçat.

5. Estat compartit i canvis en revisió. Usuari i agent treballen sobre el mateix document. L’agent pot proposar una nova versió que es mostra com un esborrany comparat amb l’original; si s’accepta, es consolida; si no, es descarta. Res es modifica d’esquena a ningú.

Un exemple aterrat

Imagina un configurador de pressupostos en una distribuïdora. El comercial escriu: "prepara una oferta per a aquest client amb el material de l’obra de la setmana passada, aplicant la seva tarifa". L’agent consulta l’històric i les tarifes, proposa les línies, mostra l’esborrany al costat del pressupost actual i marca en groc el que ha canviat. El comercial ajusta dos preus, accepta i només llavors el document es grava a l’ERP.

Aquest flux és exactament el patró d’estat compartit més aprovació explícita. I encaixa en sectors on ja treballem: distribució, retail, construcció, indústria alimentària, hostaleria o gestió de flotes.

Abans de llançar-se: quatre cauteles honestes

  1. És tecnologia en versió preliminar. Els components són experimentals i l’API pot canviar. Val per a prototips i pilots ben acotats, no necessàriament per al nucli crític de l’operació a dia d’avui.
  2. Sense dades endreçades no hi ha agent que valgui. Si el mestre d’articles o l’històric de clients estan bruts, la IA amplificarà el desordre. La governança de dades és la feina prèvia, no un extra.
  3. Comença per un cas d’ús mesurable. No "volem IA": volem reduir el temps d’elaboració d’ofertes o els errors en la introducció de comandes. Amb una mètrica abans i després.
  4. Dissenya els límits des del principi. Què pot fer l’agent sol, què requereix aprovació i què queda fora. Aquesta conversa és de negoci, no d’informàtica.

Com ho abordem a Tisa

Fa des de 1987 que desenvolupem programari de gestió i, com a partner Microsoft i ISV, combinem desenvolupament a mida, Power Platform i projectes d’IA aplicada sobre una base de dades ben governada. El nostre enfocament amb la UI agèntica és el mateix de sempre: identificar un cas d’ús concret, validar que les dades el sostenen i construir una primera versió que es pugui mesurar.

Tens una aplicació de gestió on un assistent que faci coses —i demani permís abans de les importants— estalviaria hores cada setmana? Parlem-ne sense compromís: (+34) 971 305 885 o info@grupotisa.com. T’ajudem a separar el que ja és viable del que encara és promesa.

Font: blog de desenvolupament de .NET, Microsoft — "Build Agentic UI with the new Blazor AI components" (devblogs.microsoft.com).

Hablemos de tu proyecto

En TISA Internacional ayudamos a empresas como la tuya a sacar partido de la tecnologia. Cuentanos que necesitas.