> ## Documentation Index
> Fetch the complete documentation index at: https://docs.traycer.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Mermaid Diagrams

> Interactive workflow visualizations automatically generated with implementation plans, featuring copy and full-screen viewing options

<Frame>
  <img src="https://mintcdn.com/traycerai/48vln0czWNG-WUFe/images/mermaid.png?fit=max&auto=format&n=48vln0czWNG-WUFe&q=85&s=1d5e323d2692a4d0f7b8627449327d8e" alt="Mermaid diagram" className="rounded-lg" width="1020" height="724" data-path="images/mermaid.png" />
</Frame>

These diagrams help visualize:

* **Multi-step processes**: Sequential workflows and dependencies.
* **System interactions**: How different components connect and communicate.
* **Decision flows**: Conditional logic and branching paths.
* **Data flows**: Input/output transformations and state changes.

## Interaction Options

You have two convenient ways to work with the diagrams:

### 1. Copy Diagram Text

Click the **"Copy Diagram"** button to copy the raw Mermaid diagram code to your clipboard. This is useful for:

* Pasting into documentation.
* Sharing with team members.
* Using in other Mermaid-compatible tools.

### 2. Full-Screen View

Click the **"Open Diagram"** button to open it in a full-screen PNG view for better visibility and interaction:

* **Better readability**: View complex diagrams without scrolling.
* **Copy as image**: Right-click on the full-screen diagram and select "Copy" to copy it as a PNG image.
* **Perfect for presentations**: Easily include visual workflows in slides or documents.