Blog

Modo oscuro, diagramas DBML y MiniMax en DiagramaHub

La versión 0.5 rediseña la navegación, agrega modo oscuro completo, soporte para DBML, el proveedor MiniMax y un chat de IA más confiable.

Si pasas horas diseñando arquitecturas, la interfaz importa tanto como el lenguaje del diagrama. La versión 0.5.0 es un rediseño mayor de la experiencia: nueva navegación, modo oscuro en toda la aplicación, un lenguaje nuevo para modelar bases de datos y un quinto proveedor de IA.

Una navegación nueva

La barra lateral ahora es colapsable y concentra la navegación, el cambio de tema y el selector de idioma. Con ella reorganizamos varias cosas:

  • Proyectos tiene su propia página, con vista de tabla.
  • La sección "IA" ahora se llama Ajustes y usa un ícono de engrane.
  • Cerrar sesión se movió a la página de Perfil.

El dashboard también cambió: incluye una gráfica de dona, un widget de uso de IA y tus diagramas recientes, para que retomes el trabajo en un clic.

Modo oscuro de verdad

El modo oscuro cubre toda la aplicación: páginas, modales y editor. En el editor de código agregamos el tema Kiro Dark para Monaco, además de un breadcrumb del proyecto y un panel de código redimensionable.

DBML: tu esquema de base de datos como código

DBML (Database Markup Language) se suma a Mermaid, PlantUML y D2. Se renderiza con Kroki en tu propia infraestructura, igual que PlantUML y D2, así que el contenido de tu esquema no sale a servicios públicos. Así se ve un modelo sencillo:

Table users {
  id integer [pk]
  email varchar [unique]
}

Table diagrams {
  id integer [pk]
  user_id integer [ref: > users.id]
  title varchar
}

Tablas, columnas y relaciones en unas cuantas líneas, versionables junto a tu código.

MiniMax y modelos actualizados

Agregamos MiniMax como proveedor de IA, con el mismo modelo BYOL (Bring Your Own LLM) de siempre: usas tu propia API key. Puedes elegir entre MiniMax-M2.7 y MiniMax-M2.5.

También actualizamos el catálogo con DeepSeek v4 y Gemini 3.1. Si un diagrama tenía guardado un modelo que el proveedor ya retiró, DiagramaHub cambia automáticamente a uno vigente en lugar de fallar.

Un chat de IA más confiable

El chat recibió varias mejoras que se notan en conversaciones largas:

  • Un resumen continuo y persistente de la sesión, para que el modelo no pierda el hilo.
  • Un formato que prioriza el código, con mecanismos de respaldo para extraer el diagrama de la respuesta.
  • Las etiquetas <think> de modelos de razonamiento como DeepSeek y MiniMax ya no aparecen en el chat.
  • El límite de tokens de respuesta pasó de 2048 a 4096.
  • Los prompts ahora incluyen el contexto de renderizado de Kroki.

Y el botón "Corregir con IA" ahora vive en el panel de código y también funciona con errores de renderizado, no solo de sintaxis. Los errores de Kroki, por cierto, ahora se muestran en un formato legible.

Pulido y seguridad en los parches

Las versiones de parche que siguieron continúan el trabajo:

  • 0.5.1 agrega estados de carga con esqueletos, estados vacíos que te guían al siguiente paso y un layout del editor pensado para móvil: paneles de código y descripción en hojas deslizables, barra de herramientas inferior y zoom con pellizco sobre el diagrama.
  • 0.5.2 es un release de seguridad: actualizamos dependencias del frontend (axios, jspdf, react-router-dom, mermaid y easymde) para resolver vulnerabilidades críticas y altas reportadas por Snyk, y nos integramos al Snyk Secure Developer Program for Open Source para monitorearlas de forma continua.

Pruébalo

Activa el modo oscuro y crea tu primer diagrama DBML en DiagramaHub Cloud, o actualiza tu instancia desde el repositorio. La lista completa de cambios está en el changelog.