From dd553dfa1f4d4d90a41c92b5d565e9c8eb0fd0fc Mon Sep 17 00:00:00 2001
From: Phil Bastian <phil.bastian@particular.net>
Date: Mon, 28 Apr 2025 13:50:41 +0800
Subject: [PATCH] help link to new docs page

---
 src/Frontend/src/components/messages2/SequenceDiagram.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/Frontend/src/components/messages2/SequenceDiagram.vue b/src/Frontend/src/components/messages2/SequenceDiagram.vue
index 08dd5f20f..e21e65eff 100644
--- a/src/Frontend/src/components/messages2/SequenceDiagram.vue
+++ b/src/Frontend/src/components/messages2/SequenceDiagram.vue
@@ -18,6 +18,7 @@ onMounted(() => store.refreshConversation());
 </script>
 
 <template>
+  <a class="help-link" target="_blank" href="https://docs.particular.net/servicepulse/sequence-diagram"><i class="fa fa-info-circle" /> Sequence Diagram Help</a>
   <div class="outer" @scroll="(ev) => (endpointYOffset = (ev.target as Element).scrollTop)">
     <svg class="sequence-diagram" :style="{ width: `max(100%, ${isNaN(maxWidth) ? 0 : maxWidth}px)` }" :height="maxHeight + 20">
       <Timeline />
@@ -48,4 +49,11 @@ onMounted(() => store.refreshConversation());
   --highlight-background: #c5dee9;
   background: white;
 }
+
+.help-link {
+  display: flex;
+  align-items: center;
+  justify-content: end;
+  gap: 0.15rem;
+}
 </style>