dsh-web-mermaid

DeepSeek Harness web chat accepts Mermaid code blocks, but the built-in Markdown renderer only displays plain text without generating any diagram or applying syntax highlighting. dsh-web-mermaid bridges that gap by intercepting each Mermaid block on the browser side and rendering it into a crisp SVG graphic, so you can see flowcharts, sequence diagrams, or Gantt charts directly inside the conversation without copying code to an external editor.

The Mermaid runtime ships with the plugin, making rendering fully offline with zero CDN dependency. Clicking a rendered image opens a translucent lightbox where you can zoom via buttons and pan with the mouse. A single toggle switches back to the source view, where a lightweight built-in tokenizer colors keywords, comments, strings, arrow connectors, and numeric literals. The plugin re-renders automatically when DSH toggles between light and dark themes, and it supports every chart type in Mermaid 11, including flowchart, sequenceDiagram, classDiagram, stateDiagram, erDiagram, gantt, and pie.

If you routinely sketch architecture diagrams, approval workflows, state machines, or project timelines as Mermaid text in DSH chat, this plugin gives you zoomable, source-comparable finished diagrams without leaving the conversation or relying on a network connection.