Interfaces agénticas: la nueva UI de las apps con IA

Durante los últimos dos años, casi todo lo que hemos visto de IA en aplicaciones de empresa se parecía a lo mismo: una ventana de chat en una esquina. Útil para resolver dudas, poco útil para trabajar. El siguiente paso ya está aquí y tiene un nombre técnico algo árido pero una idea muy clara detrás: la UI agéntica con Blazor, es decir, interfaces donde un agente de IA no solo responde, sino que ejecuta tareas de varios pasos, propone cambios y colabora con el usuario dentro de la propia aplicación. Microsoft ha publicado los nuevos componentes de IA para Blazor en el blog oficial de .NET (devblogs.microsoft.com/dotnet/build-agentic-ui-blazor), y creemos que merece una lectura en clave de negocio.

Del chatbot que contesta al agente que hace

Un chatbot devuelve texto. Un agente recopila contexto, invoca herramientas (consultar un stock, reservar una cita, generar un documento), propone un plan y va avanzando paso a paso junto a la persona.

Ese salto trae tres problemas de diseño que cualquiera que haya probado a meter IA en una aplicación de gestión reconocerá al instante:

  • La respuesta llega a trozos. El usuario ve texto apareciendo y no sabe si el sistema está pensando, esperando o se ha colgado.
  • Falta visibilidad y control. Si el agente va a lanzar un pedido o enviar un correo a un cliente, alguien tiene que poder aprobarlo o cancelarlo.
  • El estado es compartido. El documento, el presupuesto o la planificación los tocan a la vez la persona y el agente. ¿Quién manda?

La respuesta habitual —montar todo eso a mano con JavaScript y parches— es cara de construir y más cara de mantener. Ahí es donde entra la propuesta de Microsoft.

Qué aporta la UI agéntica con Blazor

Los nuevos componentes (paquete en versión preliminar, sobre .NET 11, según el artículo original) convierten la conversación con un agente en bloques de contenido y en estado observable que la aplicación puede pintar y controlar como cualquier otro componente Blazor. En cristiano: la IA deja de ser una caja negra con texto dentro y pasa a ser información estructurada que tu aplicación representa como quiera.

Las piezas, sin tecnicismos

  • Un componente de chat completo para arrancar en minutos, con lista de mensajes, entrada de texto, estado de la respuesta y reintentos.
  • Bloques tipados para cada tipo de contenido: texto enriquecido, llamadas a herramientas, aprobaciones pendientes, acciones en la propia interfaz.
  • Componentes de bajo nivel para cuando quieres una pantalla propia y no un chat: la IA alimenta tu diseño, no al revés.
  • Conexión con agentes remotos mediante AG-UI, un protocolo abierto de eventos entre agentes y aplicaciones, junto con el ecosistema .NET habitual (ASP.NET Core, Microsoft Agent Framework, Aspire).

La consecuencia práctica para una empresa: el agente puede vivir en un servidor, la interfaz en la aplicación web, y ambos hablarse con un estándar en lugar de con una integración artesanal e irrepetible.

Cinco patrones que sí se traducen en valor

El artículo de Microsoft describe varios escenarios de ejemplo. Estos son los que, a nuestro juicio, más rápido se convierten en beneficio real:

1. Respuesta estructurada, no un muro de texto. El contenido que va llegando se transforma en párrafos, listas o tablas bien formateadas. Parece cosmético; no lo es. Un usuario que entiende de un vistazo lo que ve, decide más rápido.

2. Resultados de herramientas renderizados como interfaz. Si el agente consulta una previsión meteorológica, el disponible de un artículo o el histórico de un cliente, la aplicación no muestra un JSON: muestra una ficha, una tarjeta o una tabla con el diseño de la casa. Y mientras se resuelve, muestra el estado "consultando…".

3. Acciones en el propio navegador. El agente puede pedir a la aplicación que navegue a una pantalla, abra un diálogo o filtre un listado. La conversación y la aplicación dejan de ser dos mundos separados.

4. Persona en el circuito (human-in-the-loop). Para acciones con consecuencias —confirmar una reserva, aprobar un pedido, enviar una comunicación— el agente se detiene y espera un Aprobar o Rechazar. Este es, probablemente, el punto más importante para una dirección que evalúa IA: el agente propone, la persona dispone, y todo queda trazado.

5. Estado compartido y cambios en revisión. Usuario y agente trabajan sobre el mismo documento. El agente puede proponer una nueva versión que se muestra como un borrador comparado con el original; si se acepta, se consolida; si no, se descarta. Nada se modifica a espaldas de nadie.

Un ejemplo aterrizado

Imagina un configurador de presupuestos en una distribuidora. El comercial escribe: "prepara una oferta para este cliente con el material de la obra de la semana pasada, aplicando su tarifa". El agente consulta el histórico y las tarifas, propone las líneas, muestra el borrador junto al presupuesto actual y marca en amarillo lo que ha cambiado. El comercial ajusta dos precios, acepta y solo entonces el documento se graba en el ERP.

Ese flujo es exactamente el patrón de estado compartido más aprobación explícita. Y encaja en sectores donde ya trabajamos: distribución, retail, construcción, industria alimentaria, hostelería o gestión de flotas.

Antes de lanzarse: cuatro cautelas honestas

  1. Es tecnología en versión preliminar. Los componentes son experimentales y la API puede cambiar. Vale para prototipos y pilotos bien acotados, no necesariamente para el núcleo crítico de la operación a día de hoy.
  2. Sin datos ordenados no hay agente que valga. Si el maestro de artículos o el histórico de clientes están sucios, la IA amplificará el desorden. La gobernanza de datos es el trabajo previo, no un extra.
  3. Empieza por un caso de uso medible. No "queremos IA": queremos reducir el tiempo de elaboración de ofertas o los errores en la introducción de pedidos. Con una métrica antes y después.
  4. Diseña los límites desde el principio. Qué puede hacer el agente solo, qué requiere aprobación y qué queda fuera. Esa conversación es de negocio, no de informática.

Cómo lo abordamos en Tisa

Llevamos desde 1987 desarrollando software de gestión y, como partner Microsoft e ISV, combinamos desarrollo a medida, Power Platform y proyectos de IA aplicada sobre una base de datos bien gobernada. Nuestro enfoque con la UI agéntica es el mismo de siempre: identificar un caso de uso concreto, validar que los datos lo sostienen y construir una primera versión que se pueda medir.

¿Tienes una aplicación de gestión donde un asistente que haga cosas —y pida permiso antes de las importantes— ahorraría horas cada semana? Hablemos sin compromiso: (+34) 971 305 885 o info@grupotisa.com. Te ayudamos a separar lo que ya es viable de lo que todavía es promesa.

Fuente: blog de desarrollo 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.