Inline SVG Rendering embeds PlantUML sequence diagrams directly into the HTML report as <svg> elements instead of using <img> tags pointing to rendered image URLs. This is a prerequisite for Internal Flow Tracking (clickable arrows) and can also be used independently for better SVG integration.

Set InlineSvgRendering = true on your ReportConfigurationOptions:

new ReportConfigurationOptions
{
    InlineSvgRendering = true,
    PlantUmlImageFormat = PlantUmlImageFormat.Svg,  // Required for Server/Local
    // ... other options
}

Note: InternalFlowTracking defaults to true, which automatically forces InlineSvgRendering to true for Server/Local rendering — you don't need to set it explicitly.

The behaviour depends on your PlantUmlRendering mode:

1. During report generation, DefaultDiagramsFetcher fetches the SVG from the PlantUML server using HttpClient (instead of generating an <img src="https://github.com/..."> URL).
2. The XML declaration is stripped from the SVG response.
3. The raw SVG markup is embedded directly in the HTML report inside a <div class="plantuml-inline-svg" data-diagram-type="plantuml"> container.

1. During report generation, DefaultDiagramsFetcher renders SVG bytes in-process via IKVM using LocalDiagramRenderer.
2. The XML declaration is stripped and the SVG markup is embedded inline, same as the server path.

Browser rendering already produces inline SVG (the PlantUML JS engine renders <svg> elements directly into the DOM). InlineSvgRendering has no additional effect in this mode.

With inline SVG rendering enabled, the report emits:

<div class="plantuml-inline-svg" data-diagram-type="plantuml">
  <svg xmlns="http://www.w3.org/2000/svg" ...>
    <!-- Full SVG content -->
  </svg>
</div>

Instead of the default:

<img src="https://plantuml.com/plantuml/svg/..." loading="lazy" />

The data-diagram-type attribute is used by DiagramContextMenu to locate diagram containers for right-click context menus and other interactive features.

Right-clicking on any diagram container with a data-diagram-type attribute opens a custom context menu. The menu adapts its items based on the content type of the container.

For SVG-based diagrams (plantuml):

• Copy as PNG — Renders SVG to a 2× canvas and copies to clipboard (transparent background)
• Copy as PNG (no transparency) — Renders SVG to a 2× canvas with the diagram's background colour filled first. Background is detected from the first <rect> element's fill attribute.
• Copy as SVG — Copies the serialised SVG markup to clipboard
• Copy PlantUML source — Copies the raw diagram source code
• Save as PNG / Save as PNG (no transparency) — Downloads the PNG
• Save as SVG — Downloads the SVG file
• Open as image in new tab — Opens the SVG in a new browser tab
• Open source in new tab — Opens the raw source in a new tab
• Show default browser menu — Displays a toast instruction to right-click outside the diagram

For HTML-based content (flamechart, calltree):

• Copy as PNG — Renders the HTML element to a canvas via foreignObject and copies to clipboard
• Save as PNG — Downloads the rendered PNG
• Show default browser menu — Displays a toast instruction

The context menu renders at z-index: 20001 to appear above internal flow popup overlays (z-index: 20000).