diff --git a/pkgs/ui/src/components/sequence_diagram/index.tsx b/pkgs/ui/src/components/sequence_diagram/index.tsx
index 4107d3b..32a932d 100644
--- a/pkgs/ui/src/components/sequence_diagram/index.tsx
+++ b/pkgs/ui/src/components/sequence_diagram/index.tsx
@@ -56,6 +56,7 @@ const SequenceDiagram = () => {
 
   useEffect(() => {
     if (!loadingEventMessages && hasData) {
+      // check for the absence of this attribute to render the diagram
       if (!mermaidRef.current.getAttribute("data-processed")) {
         mermaid.initialize({
           startOnLoad: false,