Blog

Streaming y acciones rápidas en el chat de IA de DiagramaHub

Con las versiones 0.5.3 y 0.5.4 el chat de IA responde en tiempo real, muestra en qué fase va y suma acciones rápidas: Explicar, Mejorar UI, Mejorar Proceso y Reparar.

Pedirle a una IA que modifique un diagrama y quedarte viendo un spinner genérico no da ninguna pista: ¿ya está pensando?, ¿se atoró?, ¿falta mucho? Con la versión 0.5.3 el chat de IA de DiagramaHub responde en tiempo real, y con la 0.5.4 ya no tienes que escribir el prompt para las peticiones más comunes.

Respuestas en streaming

Las respuestas del chat ahora llegan de forma progresiva mediante Server-Sent Events (SSE). En lugar del spinner, ves la fase en la que va la respuesta: "Pensando…", "Analizando tu diagrama…", "Generando código…" y "Validando sintaxis…".

sequenceDiagram
    participant T as Tú
    participant C as Chat
    participant P as Proveedor de IA
    T->>C: Pides un cambio al diagrama
    C->>P: Mensaje con el diagrama como contexto
    P-->>C: Respuesta en fragmentos
    C-->>T: Fases en vivo y texto progresivo
    C-->>T: Diagrama validado y vista previa del diff

Funciona con los cinco proveedores: OpenAI, Claude, Gemini, DeepSeek y MiniMax. Si un proveedor no soporta streaming, el chat regresa automáticamente al flujo tradicional, sin que tengas que hacer nada.

El chat sabe qué tipo de respuesta esperas

No todas las peticiones son iguales, así que el chat detecta el modo de respuesta:

  • Modo código: cuando pides modificar el diagrama, solo ves las fases, sin el texto interno del modelo.
  • Modo texto: cuando preguntas algo o pides un análisis, el texto aparece conforme se genera.

Además, las etiquetas <think> de los modelos de razonamiento (como DeepSeek) se filtran en tiempo real. Si cierras el panel de chat o cambias de diagrama, el stream se cancela solo. Y si algo falla, tienes un botón de reintento con un máximo de 3 intentos consecutivos.

Dos detalles más: cuando la IA no da una explicación, ya no verás el genérico "Diagrama modificado según tu solicitud", solo la vista previa del diff; y el chat ahora responde en el idioma que tienes activo en la aplicación.

Acciones rápidas: un clic en vez de un prompt

La 0.5.4 agrega cuatro acciones predefinidas en el chat:

  • Explicar: entiende qué hace el diagrama.
  • Mejorar UI: pule cómo se ve.
  • Mejorar Proceso: revisa el flujo que describe.
  • Reparar: corrige lo que está fallando.

Para que cada petición caiga en el lugar correcto, si pides una explicación desde el modal de mejora, DiagramaHub te redirige al chat de IA, donde la respuesta se muestra como texto.

Un panel de chat a tu medida

El panel de chat ahora es redimensionable, y su ancho se guarda para cada diagrama. Si en un diagrama grande prefieres más espacio para el lienzo y en otro quieres leer explicaciones largas, cada uno recuerda tu preferencia.

Seguridad y mantenimiento

Junto al streaming agregamos sanitización del SVG que se renderiza en el servidor (Kroki) con DOMPurify, y corregimos un efecto secundario que ocultaba los textos de los nodos en Mermaid. El backend pasó a Python 3.12 con una imagen Docker base actualizada. Para quien administra una instancia, el panel de administración suma las columnas "Uso de licencia", "Modelos IA conectados" y "Último login".

Pruébalo

Abre un diagrama en DiagramaHub Cloud, despliega el chat y prueba Explicar o Reparar. Si haces self-host, actualiza desde el repositorio; los detalles están en el changelog.