You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Enable LLM FX to recognize and render Mermaid code blocks as interactive diagrams within the UI. Users will be able to paste standard Mermaid syntax into the chat, and see flowcharts, sequence diagrams, class diagrams, etc., rendered live in the side panel.
Use case example:
sequenceDiagram
participant User
participant LLMFX
User->>LLMFX: Hello Bill, how are you?
LLMFX-->>User: I'm good thanks!
Loading
This should produce a sequence diagram showing Alice greeting Bob and Bob replying.
Benefits:
Improves documentation and brainstorming directly within the app
Allows quick visualization of processes, architectures and decision flows
Keeps diagrams versioned alongside chat history
Implementation suggestions:
Use a JavaFX WebView to load the MermaidJS library
Detect mermaid code fences and pass the content to Mermaid’s API for SVG/HTML generation
Cache rendered diagrams in the session history for faster reloading
Enable LLM FX to recognize and render Mermaid code blocks as interactive diagrams within the UI. Users will be able to paste standard Mermaid syntax into the chat, and see flowcharts, sequence diagrams, class diagrams, etc., rendered live in the side panel.
Use case example:
sequenceDiagram participant User participant LLMFX User->>LLMFX: Hello Bill, how are you? LLMFX-->>User: I'm good thanks!This should produce a sequence diagram showing Alice greeting Bob and Bob replying.
Benefits:
Implementation suggestions: