Mermaid Diagrams, Now in Every Chat

Mermaid Diagrams, Now in Every Chat

What we said last week about math rendering applies to diagrams too. Ask Claude for an architecture sketch or a sequence diagram, and instead of a wall of mermaid source, you see the diagram.

Flowcharts, sequence, state, ER, class, pie, gitgraph, mindmap, timeline, everything mermaid supports.

Subgraphs, styled nodes, labeled edges, emoji inside labels, all covered. Malformed syntax falls back to the source with a subtle red border, so a diagram that fails to compile never swallows the rest of the message.

Same philosophy as the math work:

• Bundled. Mermaid ships inside the extension. No CDN, no cold load on first use, works on a flight.
• Shadow DOM ready. Diagrams render directly inside the widget's shadow root. Fonts inherit from the chat surface so the output fits in visually.
• No configuration. Ask for a diagram, receive a diagram.

If you use Daneel to explain code, sketch infrastructure, or walk through a workflow, the chat now renders what the model is describing.