dsh-visualization

In DSH Web, assistant-generated Mermaid diagrams, CSV tables, or Vega-Lite charts default to plain copyable code blocks with no visual preview. dsh-visualization adds a secure, optional rendering layer to the Web GUI as a plugin, without modifying the shell or requiring extra infrastructure, so a rendered preview appears beside each supported code fence.

The plugin covers three content families: the full Mermaid chart suite (flowchart, sequence, class, state, ER, gantt, pie, mindmap, timeline, gitGraph, journey, plus direct subtypes such as kanban, quadrantChart, and the C4 series), filterable, sortable, and paginated native data tables (csv / tsv / json-table), and static inline Vega-Lite v6 charts. Complex diagrams can be expanded into a full-size preview with 10%-300% zoom, mouse and touch drag-to-pan, and keyboard shortcuts, with the palette automatically following the DSH light or dark theme.

It is well suited for developers who routinely review AI-generated architecture diagrams, flowcharts, or data reports. On the security side, rendering only activates after an assistant message settles; streaming content is left untouched. Mermaid directives, remote URLs, and arbitrary HTML are rejected, SVG output is sanitized and served through a blob URL, and Vega-Lite runs in a disposable Worker with a two-second termination deadline. No external fonts, images, or network requests are made at any point in the pipeline.