Skip to content

feat: add Mermaid diagram rendering to all markdown views#116

Open
PengyiZhang wants to merge 1 commit intonashsu:mainfrom
PengyiZhang:claude/mermaid-enhancement-all
Open

feat: add Mermaid diagram rendering to all markdown views#116
PengyiZhang wants to merge 1 commit intonashsu:mainfrom
PengyiZhang:claude/mermaid-enhancement-all

Conversation

@PengyiZhang
Copy link
Copy Markdown

Summary

  • Add Mermaid diagram rendering to wiki reader (wiki-reader.tsx), file preview (file-preview.tsx), and research panel (research-panel.tsx)
  • Reuses the existing MermaidDiagram component (IntersectionObserver lazy render + click-to-zoom overlay)
  • Consistent behavior with the chat mermaid support added in feat: add Mermaid diagram rendering in chat #101

Test plan

  • Open a wiki page containing a ```mermaid fenced code block — verify diagram renders as SVG
  • Open a markdown file in the preview pane with mermaid code — verify diagram renders
  • Run a Deep Research task that produces mermaid output — verify diagram renders in synthesis
  • Click a rendered diagram in any view — verify zoom overlay opens with +/- controls
  • Verify non-mermaid code blocks still render normally in all views

🤖 Generated with Claude Code

… research panel

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants