Poor mermaid rendering in plans

[terracota]

Where does the bug appear (feature/product)?

Cursor IDE

Describe the Bug

Mermaid rendering on plans is worse / very bad compared to when rendered in a standard markdown file.

Steps to Reproduce

Create a plan that includes mermaid. It renders it poorly. Copy the plan’s content to a temporary file and use the built-in “render to the side” option, and confirm the diagram is much better. Using the plugin “Markdown Preview Mermaid Support”

Expected Behavior

mermaid should render “correctly”. Check the screenshot.

Screenshots / Screen Recordings

Operating System

Windows 10/11

Current Cursor Version (Menu → About Cursor → Copy)

Version: 2.3.30 (user setup)
VSCode Version: 1.105.1
Commit: d1289018cc3fcc395487f65455e31651734308d0
Date: 2026-01-08T05:21:38.211Z
Electron: 37.7.0
Chromium: 138.0.7204.251
Node.js: 22.20.0
V8: 13.8.258.32-electron.0
OS: Windows_NT x64 10.0.26100

Does this stop you from using Cursor

No - Cursor works, but with this issue

[deanrie]

Hey, thanks for the detailed report and the comparison screenshot.

Cursor uses its own built-in Mermaid renderer in Plans, which works separately from plugins. I’ll pass your feedback to the team that the rendering quality is worse than the Markdown Preview Mermaid Support plugin.

The team is already working on improving rendering in Plan Mode.