Skip to content

docs(APP-4267): add Mermaid diagrams section to Markdown Viewer#305

Open
rachaelrenk wants to merge 2 commits into
mainfrom
docs/APP-4267-mermaid-failure-callout
Open

docs(APP-4267): add Mermaid diagrams section to Markdown Viewer#305
rachaelrenk wants to merge 2 commits into
mainfrom
docs/APP-4267-mermaid-failure-callout

Conversation

@rachaelrenk

@rachaelrenk rachaelrenk commented Jul 8, 2026

Copy link
Copy Markdown
Contributor

Note: this is a test PR for a demo of the new feature docs workflow

docs(APP-4267): Mermaid diagrams section — Markdown Viewer

Adds a ## Mermaid diagrams section to the Markdown Viewer page (terminal/more-features/markdown-viewer.mdx) covering the feature introduced in APP-4267 and implemented in warpdotdev/warp#10432.

Docs outline

File: src/content/docs/terminal/more-features/markdown-viewer.mdx
Section added: ## Mermaid diagrams

  • Updated frontmatter description to mention Mermaid
  • Opening paragraph: how Warp renders Mermaid blocks as SVGs
  • Code example showing the mermaid language tag
  • ### Switching between raw and rendered — Raw/Rendered toggle
  • ### Render failures and timeouts — "Failed to render Mermaid diagram" notice on syntax errors or 10-second timeout; source preservation; independent per-block failure behavior; auto-resolve if render succeeds late

Verified from codebase:

  • Feature flag MarkdownMermaid confirmed in crates/warp_features/src/lib.rs
  • Failure message "Failed to render Mermaid diagram" confirmed in crates/editor/src/render/element/mermaid.rs
  • Timeout MERMAID_RENDER_TIMEOUT = 10 seconds confirmed in crates/editor/src/render/element/mermaid.rs
  • Raw/Rendered toggle confirmed in 2026 changelog (shipped)
  • Feature shipped: PR merged 2026-05-09, in 2026 changelog

Items needing review

  • Screenshot needed[TODO: docs reviewer — screenshot of a rendered Mermaid diagram in the markdown viewer] placeholder at line 105. A screenshot of a Mermaid diagram rendered in the viewer (and optionally the failure notice) would complete this section.
  • Raw/Rendered toggle wording — confirm "Raw" and "Rendered" are the exact labels on the toggle as shown in the markdown viewer (vs. notebooks where the toggle is confirmed).

/cc @zachlloyd


/cc @rachaelrenk @hongyi-chen for docs review

Adds a '## Mermaid diagrams' section to the Markdown Viewer page
covering how to insert Mermaid blocks, the Raw/Rendered toggle, and
failure/timeout behavior introduced in APP-4267.

Also updates the page frontmatter description to mention Mermaid.

Co-Authored-By: Oz <oz-agent@warp.dev>
@cla-bot cla-bot Bot added the cla-signed label Jul 8, 2026
@vercel

vercel Bot commented Jul 8, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
docs Ready Ready Preview, Comment Jul 9, 2026 4:15pm

Request Review


Each Mermaid block includes a **Raw** and **Rendered** toggle. Use it to switch between the rendered diagram and the original Mermaid source without leaving the viewer.

### Render failures and timeouts

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@rachaelrenk can we remove this section please? i don't think it's necessary to expose this technical detail

```
````

[TODO: docs reviewer — screenshot of a rendered Mermaid diagram in the markdown viewer]

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@rachaelrenk do you mind grabbing a screenshot for this? or maybe asking an agent to use computer use to grab one?

@hongyi-chen hongyi-chen marked this pull request as ready for review July 9, 2026 16:12
@oz-for-oss

oz-for-oss Bot commented Jul 9, 2026

Copy link
Copy Markdown
Contributor

@hongyi-chen

I'm starting a first review of this pull request.

You can view the conversation on Warp.

I completed the review and no human review was requested for this pull request.

Comment /oz-review on this pull request to retrigger a review (up to 3 times on the same pull request).

Powered by Oz

@oz-for-oss oz-for-oss Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Overview

This PR updates the Markdown Viewer documentation to describe Mermaid diagram rendering, including raw/rendered switching and failure behavior. The content is mostly scoped to the documented feature, but the page currently adds a visible reviewer TODO placeholder that would publish directly to users.

Concerns

  • The Mermaid section includes an unresolved screenshot placeholder that must be replaced with final content or removed before merge.

Verdict

Found: 0 critical, 1 important, 0 suggestions

Request changes

Comment /oz-review on this pull request to retrigger a review (up to 3 times on the same pull request).

Powered by Oz

```
````

[TODO: docs reviewer — screenshot of a rendered Mermaid diagram in the markdown viewer]

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [IMPORTANT] This placeholder will render in the published docs; replace it with the final screenshot/embed or remove it before merging.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants