# agent_ui: Mermaid diagrams \(\#56430\) · gitcafe/zed

[View on GitCafe](https://git.cafe/gitcafe/zed/commit/2301e61d2aedf94cc33fdfb827b408bf672048eb)

Repository: [gitcafe/zed](https://git.cafe/gitcafe/zed)

Visibility: public

Requested revision: 2301e61d2aedf94cc33fdfb827b408bf672048eb

Requested commit: 2301e61d2aedf94cc33fdfb827b408bf672048eb

Commit: 2301e61d2aedf94cc33fdfb827b408bf672048eb

Tree: d4a783303a20042b1d71ce0b7f3f85da731d07ab

Author: Cameron Mcloughlin

Committer: GitHub

## Message

```
agent_ui: Mermaid diagrams (#56430)

Adds mermaid diagrams to the agent UI

Defaults to rendering the diagram, toggle to switch back to code.

<img width="605" height="837" alt="image"
src="https://github.com/user-attachments/assets/ed87f4e3-77f3-4602-b783-65eda909ad01"
/>
<img width="615" height="334" alt="image"
src="https://github.com/user-attachments/assets/1a422c83-fed4-4099-b895-b5a16e9d2222"
/>


Also makes markdown preview markdown rendering use theme colors:

Before:
<img width="593" height="781" alt="image"
src="https://github.com/user-attachments/assets/8598ca42-d44a-426b-ac4a-fb3cd1288780"
/>

<img width="593" height="781" alt="image"
src="https://github.com/user-attachments/assets/737fdd62-0a37-48dd-a13a-4e11bf80f038"
/>


Release Notes:

- N/A or Added/Fixed/Improved ...

---------

Co-authored-by: Zed Zippy <234243425+zed-zippy[bot]@users.noreply.github.com>
Co-authored-by: Bennet Bo Fenner <bennetbo@gmx.de>
Co-authored-by: Ben Brandt <benjamin.j.brandt@gmail.com>
```

## Parents

- [495f8ba717fe7838b6713684d9a2891f51ca95be](https://git.cafe/gitcafe/zed/commit/495f8ba717fe7838b6713684d9a2891f51ca95be?format=markdown)

[Source at this commit](https://git.cafe/gitcafe/zed/tree/2301e61d2aedf94cc33fdfb827b408bf672048eb?format=markdown)