help link (awaiting docs update)

Author: PhilBastian

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/serviceinsight/sequence-diagram/#what-is-on-the-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>