From 9ce0d55370a7875fdbf642eb8005a1e10b768f04 Mon Sep 17 00:00:00 2001
From: dtoro <d.toro.v@pm.me>
Date: Sun, 8 Mar 2026 22:42:31 +0100
Subject: [PATCH] style

---
 src/components/graph/RenderingNode.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/graph/RenderingNode.tsx b/src/components/graph/RenderingNode.tsx
index c104e75..6ca0714 100644
--- a/src/components/graph/RenderingNode.tsx
+++ b/src/components/graph/RenderingNode.tsx
@@ -482,7 +482,8 @@ export const RenderingNode = memo(function RenderingNode({ id, width, height }:
             ? { width, height }
             : undefined
 
-    const isSvgOutput = Boolean(renderedContent?.trim().startsWith('<svg'))
+    // Kroki and other SVG sources may prepend <?xml ... ?> so we detect by presence of <svg> tag
+    const isSvgOutput = Boolean(renderedContent?.trim() && /<svg[\s>]/i.test(renderedContent.trim()))
 
     const downloadSvg = useCallback(() => {
         if (!renderedContent || !isSvgOutput) return
@@ -600,7 +601,7 @@ export const RenderingNode = memo(function RenderingNode({ id, width, height }:
             <BaseNodeFooter>
                 <NodeFooterEdgeIndicators nodeId={id} nodeType="render">
                     {renderedContent
-                        ? `${isSvgOutput ? 'Diagram' : 'Markdown'} · ${renderedContent.length} chars`
+                        ? `${getConfigType(configTypeId).label} · ${renderedContent.length} chars`
                         : error
                           ? 'Error'
                           : '—'}